@charset "utf-8";

body{position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font-family: "Microsoft YaHei"; background: #000; color: #ccc;} 
body:before{ content: ""; width: 100%; height: 600px; position: absolute; top: 0; left: 0; z-index: -1; background: url(../image/bg.jpg) center no-repeat;}
body:after{ content: ""; width: 100%; height: 500px; position: absolute; bottom: 0; left: 0; z-index: -1; background: url(../image/bg_foot.jpg) center no-repeat;}
ul, ol, li{margin:0;padding:0;list-style:none;}
input{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input[type=radio], input[type=checkbox]{ margin:0;}
select{outline: medium none; border: 0; border-radius: 0; background: none;}
h1, h2, h3, h4, h5, h6 ,a{ color: #ccc;}
a:hover{ color: #ff2e3b;}
a:hover,a:focus,a:link{text-decoration: none;}
.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.min-container{ width: 990px; margin:0 auto;}
.layout{margin-top: 50px;}
.layout [ class*="col-" ]{ padding: 15px;}
.layout-main [ class*="col-" ]{ padding: 10px; }
.main-content{ padding-left: 0;}
.main-side{ padding-left: 5px; padding-right: 0;}
.text-muted{ color: #999;}
.text-red{ color: red;}
.p0{ padding: 0 !important;}
.m0{ margin: 0 !important;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.number{display: inline-block; margin-right: 10px; padding: 2px 5px; font-style: inherit; font-size: 12px; background-color: #222; color: #666;}
.number.active{background-color: #ff2e3b; color: #333;}
.lineh{display: inline-block; margin: 0 15px 0; width: 1px; height: 14px; background-color: #222; vertical-align: -2px;}
.topline{ position: relative; background-color: rgba(34,34,34,0.3);}
.topline:hover{ background-color: rgba(34,34,34,0.6);}
.topline:before{ content: ""; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-left: 1px solid #222; border-top: 1px solid #222;}
.topline:after{ content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; border-right: 1px solid #222; border-top: 1px solid #222;}
.bottomline{ position: absolute; width: 100%; bottom: 0; left: 0;}
.bottomline:before{content: ""; position: absolute; bottom: 0; left: 0; width: 20px; height: 20px; border-left: 1px solid #222; border-bottom: 1px solid #222;}
.bottomline:after{content: ""; position: absolute; bottom: 0; right: 0; width: 20px; height: 20px; border-right: 1px solid #222; border-bottom: 1px solid #222;}

.logo{ margin-top: 10px;}
.logo,.logo img{ width: 240px; height: 60px;}
.navlist > li{ position: relative; float: left;}
.navlist > li > a{display: block; margin-top: 20px; margin-left: 15px; font-size: 16px; padding:5px 10px; border-radius: 5px; color: #fff;}
.navlist > li.active > a{ background-color: #ff2e3b; color: #333;}
.search{ padding: 30px 0 50px;}
.search .title{ width: 460px; margin:20px auto; font-size: 24px; font-weight: 100; color: #fff; text-align: center;}
.search .form{position: relative; height: 50px; width: 460px; margin: 0 auto; padding: 5px; border-radius: 2px; background-color: rgba(255,255,255,0.2);}
.search .form  .form-control{height: 40px; border-radius: 4px; padding-right: 90px; border: 0; background-color: #f5f5f5;}
.search .form  .open{display: block; position: absolute; top: 5px; right: 5px; width: 80px; height: 40px; line-height: 40px; text-align: center; border-radius:0 4px 4px 0; background-color: #ff2e3b; color: #fff;}

.layout-head{position: relative; /*! padding-left: 15px; */ border-bottom: 1px solid #222;}
.layout-head h4{display: inline-block; position: relative; margin:0; padding-bottom: 15px; border-bottom: 2px solid #ff2e3b; font-size: 16px; color: #ff2e3b;}

.layout-tabs .nav-tabs{position: relative; padding-left: 15px; border-bottom: 1px solid #222;}
.layout-tabs .nav-tabs li{ margin: 0 30px 0 0;}
.layout-tabs .nav-tabs li a{padding:0 0 10px; font-size: 16px; border: 0; background: none; border-radius: 0;}
.layout-tabs .nav-tabs li.active a,.layout-tabs .nav-tabs li.active a:hover,.layout-tabs .nav-tabs li.active a:focus{ border-radius: 0; border: 0; background: none; border-bottom: 2px solid #ff2e3b; color: #ff2e3b;}
.layout-tabs .nav-tabs.active li{ float: right; margin: 0 0 0 30px;}

.video-list .cover{display: block; position: relative; padding-top: 150%; background-repeat: no-repeat;}
.video-list .cover .play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.3) url(../image/play.png) center no-repeat;}
.video-list .cover:hover .play{ display: block;}
.video-list .cover .bottomtext,.video-list .cover .topictext{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding:5px 10px; background-repeat: no-repeat; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); font-size: 12px; color: #fff; text-align: center;}
.video-list .cover .bottomtext.active{ font-size: 14px; padding: 10px;}
.video-list .cover .slidetitle{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 30px 0 30px; background-repeat: no-repeat; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); font-size: 16px; color: #fff; text-align: center;}
.video-list .title a{display: block; padding:12px 0 8px; color: #fff;}
.video-list .title .score{ color: #ff2e3b;}
.video-list .subtitle{font-size: 12px;}
.video-list1 .item{display: block; position: relative; z-index: 2; padding: 30px 15px 25px 85px; height: 105px; border-bottom:1px dashed #222;}
.video-list1 .item .video-list{ position: absolute; top: 15px; left: 15px; z-index: -1; width: 50px; padding: 2px; background-color: #222;}							
.video-list1 .item:hover{z-index: 3; background-color: rgba(34,34,34,0.6);}
.video-list1 .item:hover .video-list{top: 0; left: -80px; width: 150px; padding: 5px;}					
.video-list1 .item .title{ margin-bottom: 10px;}
.video-list1 .item .title span{display: inline-block; margin-left: 5px; color: #666;}
.video-list1 .item .title .score{ color: #ff2e3b;}
.video-list1 .item .subtitle a,.video-list1 .item .subtitle span{ display: inline-block; margin-right: 10px; font-size: 12px; color: #666;}
.video-list1.active li{ padding:30px 0 20px;}
.suboption{ margin: 15px 0 0;}
.suboption dt{position: relative; margin-bottom: 10px;font-weight: 400; color: #ff2e3b;}
.suboption dt:before{ content: ""; position: absolute; top: 55%; left: 50px; width: 100%; height: 1px; background-color: #222;}
.suboption a{ display: block; float: left; width: 25%; margin-bottom: 5px;}								
.hitlist li{width: 100%; padding-top: 15px;}
.hitlist li .score{ color: #ff2e3b;}
.side-head h4{margin:15px 0 0; font-size: 16px; color: #ff2e3b;}
.smallmenulist{ padding:0 15px; border-bottom: 1px solid #222;}
.smallmenulist a{ display: inline-block; padding: 10px 0;}

.min-screen{padding:20px 5px;}
.min-screen dl{position: relative; float: left; width: 33.33%; min-height: 70px; margin: 0; padding:0 0 0 20px; border-left: 1px solid #222;}
.min-screen dl:before{ content: ""; position: absolute; top: 3px; left: -3px; width: 5px; height: 15px; background-color: #ff2e3b;}
.min-screen dl:first-child{ border-left: 0;}
.min-screen dl:first-child:before{ display: none;}
.min-screen dl dt{ font-weight: 400; color: #ff2e3b;}
.min-screen dl dd a{display:block; float: left; width: 16.66%; padding: 0; margin-top: 5px;}

.media{padding: 20px;}
.media .media-left{ padding-right: 20px;}
.media .media-heading{margin: 10px 0 10px; font-weight: bold;}
.media .media-cover{ width: 150px;}
.media .media-score{ margin-bottom: 20px;}
.media .media-score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 24px; line-height: 24px;}
.media .media-score .star{display: inline-block; position: relative; top: 5px; width: 160px; height: 25px; background: url(../image/star1.png) 0 0 no-repeat;}
.media .media-score .star .star-cur{display: inline-block; background: url(../image/star.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0;  z-index: 1;}

.screen .item{position: relative; padding: 20px;}
.screen .item .screenlist{position: relative; width: 100%; height: 50px; border-bottom: 1px dashed #222; overflow: hidden;}
.screen .item .screenlist:last-child{ border-bottom: 0;}
.screen .item .screenlist .reset{ position: absolute; top: 15px; right: 0; padding:0 5px;}
.screen .item .screenlist li{ float: left; line-height: 50px;}
.screen .item .screenlist li a,.screenlist li span{ display: block; margin-right: 15px; color: #666;}
.screen .item .screenlist li a.active,.screenlist li span.active{ color: #ff2e3b;}
.screen .item .screenlist.letter li{ width: 3.7037%;}
.screen .item .screenlist.letter li a{ margin: 0;}

.play-body{ padding: 0 10px;}
.playlist ul{ padding:10px 0 0 15px;}
.playlist li{ float: left; padding:10px 10px 0 0;}
.playlist li a{ display: inline-block; padding: 5px 15px; text-align: center; font-size: 12px; border: 1px solid #bbacac;}
.playlist li a:hover,.playlist1 li a:hover{ background-color: #ff2e3b; color: #333;}
.content-des{ padding: 20px 15px; font-size: 14px; line-height: 30px;}
.content-des img{ max-width: 100%;}
.content-des span{display: inline-block;margin: 5px 3px;padding: 5px 5px;background-color: #bfbfbf;border-radius: 3px;color: #333;font-family: Arial, sans-serif;line-height: 25px;font-size: 14px;}
.content-des a{color: #333;}
.playinfo{ padding: 20px;}
.playinfo .play{ height: 520px; background-color: #000;}
.playinfo .foot{margin: 20px 0 0; line-height: 30px;}
.playinfo .foot > span a{ display: inline-block; margin-left: 15px; padding: 0 12px; border: 1px solid #222;}
.playinfo .foot > span a:hover{background-color: #ff2e3b; color: #333;}
.playinfo .foot > span a .icon.active{ vertical-align: -1px;}

.topic-detail{ padding: 10px;}
.topic-detail .head{position: relative; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #222;}
.topic-detail .des{ line-height: 30px;}

.crumb{padding: 20px; background-color: rgba(34,34,34,0.3);}
.page{text-align: center;}
.pagination>li>a, .pagination>li>span{ padding: 8px 18px; background: rgba(34,34,34,0.2); border: 1px solid #222; color: #666;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{ background-color: #ff2e3b; border-color: #ff2e3b; color: #333;}

.gotop{ position: fixed; z-index: 2; right: 30px; bottom: 30px;}
.gotop > li{ padding: 10px 0 0 10px;}
.gotop > li > a{ display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;}
.gotop > li > a .icon{ font-size: 18px;}
.gotop > li > a{ background: rgba(34,34,34,0.5); color: #fff;}

.link a{ display: inline-block; margin-bottom: 10px;}

.bottom-footer,.bottom-footer a{ color: #666;}
@media (min-width: 992px){
.col-md-w-8{ float: left; width: 12.5%;}
	}
@media (max-width: 990px){
.min-container{ width: 95% ;}
.main-content,.main-side{ padding: 0;}	
.min-screen dl{ width: 50%;}
.video-list1 .item:hover .video-list{top: 15px; left: 15px; width: 50px; padding: 2px;}	
.screen{ position: relative; padding: 0;}
.screen .item{margin-left: 0; padding: 10px;}
.screen .item .screenlist.active{ border-bottom: 0;}
.screen .item .screenlist{ height: 40px;}
.screen .item .screenlist li{ line-height: 40px;}
.openlist{ display: inline-block; width: 40px; height: 50px; padding-top: 20px;}	
.openlist span{ display: block; margin-bottom: 4px; width: 30px; height: 4px; background-color: #fff;}
.sheet{position: fixed; height: 100%; top: 0; z-index: 9999; width: 30%; overflow-y: scroll; background-color: #222;-webkit-overflow-scrolling: touch;}
.sheet.right{right: -100%; -webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.sheet.left{right: 0; -webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
.appnav .head{ padding: 15px;}
.appnav .head h4{ margin: 0; font-size: 16px;}
.appnav li a{display: block; padding: 15px; font-size: 14px; text-align: center; background-color: #333; border-bottom: 1px solid #222;}	
.mask{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 1001;}	
}
@media (max-width: 767px){	
body:before{height: 400px; background: url(../image/bg_min.jpg) top no-repeat; background-size: 100%;}
body:after{height: 300px; background: url(../image/bg_foot_min.jpg) bottom no-repeat; background-size: 100%;}
.layout{margin-top: 10px; padding:0 10px 10px;}
.layout.active{margin-top: 10px;}
.layout [ class*="col-" ]{ padding: 5px;}
.layout-head{ padding-left: 0; margin-bottom: 10px;}
.layout-tabs .nav-tabs{ padding-left: 0;}
.main-content,.main-side{ margin-top: 10px;}
.main-content:first-child{ margin-top: 0;}		
.topline:before,.topline:after,.bottomline,.bottomline:before,.bottomline:after{ display: none;}
.head-top{ padding: 0;}
.logo{margin-top: 0; margin-left: 10px;}	
.search { padding:0 10px 10px;}
.search .form{width: 100%; height: 40px;}
.search .form .form-control{ width: 100%; height: 30px;}	
.search .form .open{width: 60px; height: 30px; line-height: 30px;}
.video-list1 .item{ padding: 30px 5px 25px 60px; height: 105px; border-bottom:1px dashed #222;}
.video-list1 .item .video-list{ left: 0;}
.min-screen{padding: 0; background: none;}
.min-screen dl{ float: none; width: 100%; padding: 0; border-left: 0; margin: 0 0 10px;}	
.min-screen dl:before{ display: none;}	
.min-screen dl dt{ position: relative; overflow: hidden;}
.min-screen dl dt:before{ content: ""; position: absolute; top: 55%; left: 50px; width: 100%; height: 1px; background-color: #222;}
.media{ padding:0;}
.media .media-left{ padding-right: 10px;}
.media .media-heading{font-size: 16px; margin:0 0 10px;} 
.media .media-cover{ width: 120px;} 	
.media .media-body .actor{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.media .media-score{ margin-bottom: 10px;}
.media .media-score .branch{ font-size: 18px; line-height: 18px;}
.media .media-score .star{zoom: 70%; }	 
.play-body{ padding: 0 5px;}	
.playlist ul{ padding: 0;}
.content-des{ padding: 10px 0;}	
.playinfo{ padding: 0; background: none;}
.playinfo .play{ height: 260px; background-color: #222;}
.playinfo .foot{ margin:0;}	
.topic-detail{ padding: 0;}
.topic-detail .head h3{ font-size: 16px;}
.sheet{ width: 50%;}
.pagination>li>a, .pagination>li>span{ padding: 6px 12px;}
.crumb{ padding: 0 10px; background: none;}
}

 .w80{width:75%;float: left;}
    .newscore{padding: 10px 0 5px; display: block;}
    /*历史记录*/
  .hisBox{width:102px;height:28px;margin-top:18px;overflow:hidden;float:right;display:inline}
.hisboxout{width:100px;height:28px;line-height:28px;text-align:center;overflow:hidden;position:relative;}
.hisboxout a.history{ 
    display: block;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;

}

a.name{
    float: left;
    color: #000;
}
.item li a{
    line-height: 30px!important;
}
.looked-box{z-index:9;position:absolute;overflow:hidden;margin-left:-145px;top:28px}
.looked-box .list1{border-bottom:0;position:relative;display:block;width:100px;height:34px;line-height:32px;cursor:pointer;overflow:hidden;text-align:center;z-index:10;text-indent:-1000px;margin-left:220px}
.widget-record{background-color: #fff;box-shadow: 0 2px 5px rgba(0,0,0,.1);width:320px;position:relative;margin-top:-1px;overflow:hidden;z-index:9}
.widget-record .list{line-height:36px;overflow:hidden;padding:5px 0}
.widget-record .list .item{padding:0 10px;overflow:hidden;min-height:36px;letter-spacing:0}
.widget-record .list li{width:300px;padding:5px 0;}
.widget-record .list .kong{text-align:center;height:36px;line-height:36px;padding:0;background:0 0;border:none;color:#000;}

.widget-record .list li p .del{float:right;font-size:0;width:13px;height:13px;line-height:0;margin:0 1px 0 0}
.widget-record .list li p .del:hover{float:right;background:url(../image/xhao.png);width:24px;height:24px;line-height:0;margin:0 1px 0 0}
.widget-record .list li p .now{float:right;text-indent:-10000px;width:15px;height:15px;margin-right:-2px}
.widget-record .list li p .time{margin-left:16px}
.widget-record .list li p .his_part{color:#000;margin-right:10px;float:right}
.widget-record .list li p{height:15px;line-height:15px;width:300px}
.widget-record .info{height:30px;line-height:30px;border-top:1px solid #ddd;background-color: #fff;}
.widget-record .info span.count{float:left;height:25px;color:#000;padding-left:10px}
.widget-record .info span.clock{float:right;height:25px;padding-right:10px;color:#000}

@media(max-width:767px){
      .looked-box{
        margin-left:-177px  
      }
       .hisboxout{
        margin-top: -2px;    
       }  
       .hisboxout a.history {
    padding: 0;
}
}

/* 基础样式 */
.faq-section {
    width: 100%;
    /*! margin: 20px auto; */
    background-color: #111;  /* 深色背景 */
    font-size: 14px;
    line-height: 30px;
}

.faq-container {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.section-title {
    font-size: 24px;
    color: #ccc;  /* 主文字颜色 */
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
}

/* 移除标题下划线 */
.header-wrapper.active::after {
    display: none;  /* 移除装饰线 */
}

.faq-body {
    margin-top: 20px;
}

.content-wrapper p {
    color: #ccc;  /* 正文颜色 */
    font-size: 14px;
    line-height: 28px;
}

.content-wrapper a {
    /*! color: #aa1818; */  /* 柔和的浅蓝色 */
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.content-wrapper a:hover {
    opacity: 0.8;  /* 悬停透明度变化 */
    text-decoration: underline;
}

.content-wrapper b {
    font-weight: 600;
    color: #eee;  /* 强调文字稍亮 */
}

/* 移动端适配 */
@media (max-width: 768px) {
    .faq-container {
        padding: 15px;
    }
    
    .section-title {
        font-size: 20px;
        padding-bottom: 8px;
    }
    
    .content-wrapper p {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .faq-container {
        padding: 10px;
    }
    
    .section-title {
        font-size: 18px;
    }
    
    .content-wrapper p {
        font-size: 13px;
    }
}