@import url("https://m.c114.com.cn/static/css/common-nav.css");

@media (min-width: 1200px){
    .hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
    .hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
    .hidden-sm{display: none!important;}
}
@media (max-width: 767px){
    .hidden-xs{display: none!important;}
}
.owl-dots{text-align: center; margin-top: 20px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
    width: 10px; height: 10px; margin:0 5px; display: block; background: #eee; border-radius: 30px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #d00;}
.owl-carousel button{outline: none;}
.owl-carousel button img{width: 20px;}
.page_title{border-bottom: 1px solid #ddd; font-size: 26px; line-height: 48px; color: #d6000f; font-weight: bold;}
.page_slide{margin: 10px 0 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
/*container_image*/
.container_image{width: 100%; height: 405px; position: relative; }
.container_image ul li{overflow: hidden; position: absolute; background: #000;}
.container_image ul li img{height: 100%; display: block; opacity: 0.75; filter: alpha(opacity=75);}
.container_image ul li.on{background: transparent; }
.container_image ul li.on img{opacity: 1; filter: alpha(opacity=100);}
.i_btn{display: block; width: 48px; height: 48px; position: absolute; top: 180px; z-index: 30; cursor: pointer;}
.container_image .prev_L{background: url(http://www.c114.com.cn/topic/images/5716/left-green.png) no-repeat center; left: 26px;}
.container_image .next_R{background: url(http://www.c114.com.cn/topic/images/5716/right-green.png) no-repeat center; right: 26px;}

.content-videos{display: none;}
.act-on{display: block;}
.video-list-nav{width: 100%; overflow: hidden; height: 36px; padding-top: 9px; margin-bottom: 10px;}
.nav-box{width: 100%; /*overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;*/}
.nav-box::-webkit-scrollbar { display: none;}
.nav-box span{display: inline-block; color: #999; font-size: 20px; line-height: 32px; margin-right: 25px; cursor: pointer;}
.nav-box span:first-child{position: relative;}
.nav-box span:first-child::before{content: ''; width: 82px; height: 4px; background: #099; position: absolute; left: 0; top: -9px;}
.nav-box span.act{color: #099; font-weight: bold;}
.videos-box{overflow: hidden; margin: 0 -6px;}
.videos{float: left; width: 32%; margin: 0 0.6666% 30px;}
.videos img{display: block; width: 100%;}
.videos .items{background: #f4f4f4; padding: 0 20px; min-height: 160px;}
.videos.videos_box_con .items{min-height: 140px;}
.videos.videos_box_con .time-action span{color: #999; font-size: 18px; line-height: 27px;}
.videos .items p{
    color: #333; font-size: 18px; line-height: 27px; padding: 18px 0 0; height: 54px; margin-bottom: 30px; text-overflow: -o-ellipsis-lastline;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.videos .items .time-play{overflow: hidden;}
.videos .items .time-play .time{float: left;}
.play-href{
    display:inline-block; float: right; width: 120px; height: 36px; text-align: center; line-height: 36px; color: #fff;
    font-size: 18px; background: #009999; border-radius: 20px;
}
.time-text{color: #999; font-size: 12px; line-height: 18px;}
.time-action{color: #666; font-size: 18px; line-height: 20px;}
.play-href.on{background: #dd0000;}
.more{font-size: 18px; line-height: 40px; text-align: center; color: #666; background: #f4f4f4; cursor: pointer;}
/*导航*/
.market-head{width: 100%; overflow: hidden; background: #099;
 min-height: 36px; margin-bottom: 5px;
}
.w_top{height:34px;padding:0 6px;background:#099;overflow:auto}
.w_top img{width:55.8px;margin:8px 0 0 2px}
.w_top .r{float:right;margin:0 6px 0 0;font-size:12px;color:#fff;line-height:34px}
.w_top .r1{width:20%;float:right;margin:4px 0 0 0;text-align:center;}
.w_top .r1 a{display:block;margin:0 2px;font-size:12px;color:#fff;line-height:24px;border:1px solid #fff;border-radius:4px;}

.topMenu{padding:6px 12px 10px;overflow:auto}
.topMenu li{width:20%;float:left;margin:0 0 4px;text-align:center}
.topMenu li a{display:block;margin:0 2px;border:1px solid #099;border-radius:2px;color:#099;line-height:1.8em; font-size: 14px;}
.topMenu .a1 a{background:#ffd;}
.page_content{margin-bottom: 50px;}
.live_container.container .page_content{display: block; width: 100%;}
.navs a:nth-child(4){
    background-image:url(https://m.c114.com.cn/images/arrow.png); background-repeat: no-repeat; background-position: right 0; color: #067;
}
.burger-menu>ul>li.menu{height: auto!important; display: block!important; background: transparent!important;}
@media (max-width: 1199px) and (min-width: 992px){
    .live_container.container{width: 990px; overflow: hidden;}
}

@media screen and (max-width: 991px){
    .live_container.container{width: auto; margin: 0 15px;}
    .page_slide{margin-top: 0;}

    .owl-carousel-slide .owl-dots{position: absolute; right: 20px; bottom: 20px;}
    .videos-box{margin: 0 -7px;}
    .videos{width: 48%; margin: 0 1% 30px;}
}   
@media screen and (max-width: 640px){
    .owl-dots{margin-top: 20px;}
    .owl-carousel-slide .owl-dots{right: 10px; bottom: 10px;}
    .owl-dots .owl-dot span{
        width: 10px; height: 10px; margin:0 5px;
    }
    .page_title{font-size: 22px; line-height: 40px;}
    .nav-box span{margin-right: 12px; font-size: 16px; line-height: 24px;}
    .nav-box span:first-child::before{width: 66px;}
    .nav-box span:last-child{margin-right: 0;}
    .videos-box{margin: 0;}
    .videos{width: 100%; margin: 0 0 20px; background: #f4f4f4; position: relative;}
    .videos img{width: 45%; float: left;}
    .videos.videos_box_con .items{min-height: auto;}
    .videos .items{min-height: auto; padding: 0; float: right; width: 55%;}
    .videos .items p{font-size: 14px; line-height: 20px; padding: 7px 10px 0; margin-bottom: 6px; height: auto;}
    .videos .items .time-play{margin: 0; position: absolute; right: 0; bottom: 7px; width: 55%;}
    .videos .items .time-play .time{margin-left: 10px;}
    .time-text{font-size: 12px; line-height: 14px;}
    .time-action,.videos.videos_box_con .time-action span{font-size: 14px; line-height: 1;}
    .play-href{font-size: 14px; height: 24px; line-height: 24px; width: 80px; margin-top: 2px; margin-right: 10px;}
    .more{font-size: 16px; line-height: 32px; }
}
@media screen and (max-width: 350px){
    .videos img{float: none; width: 100%;}
    .videos .items{float: none; width: 100%; padding: 10px 0 15px;}
    .videos .items .time-play{position: static; width: 100%;}
}