/*!
 * Copyright 2016-2018 http://v.shoutu.cn
 * Email 726662013@qq.com
 */
@charset "utf-8";

/* all */
html{height: 100%;}
body{ margin: 0; background: #f8f8f8; font-family:'Helvetica Neue', 'STHeiti', '微软雅黑', 'Microsoft YaHei', Helvetica,Arial,sans-serif; font-size:14px; line-height: 140%; color: #666;}
ul, ol, li,dt,dd{margin:0; padding:0; list-style:none;}
dl{margin-top:0; margin-bottom:0}
p{margin:0 0 10px;}
img{border: 0; vertical-align:middle}
img.img-responsive{ max-width: 100%; width: 100%;}
input{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}

/* container */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.container { width: 1400px; position: relative; padding-right: 15px; padding-left: 15px; margin: 0 auto;}
.row{position: relative; margin-right: -15px; margin-left: -15px;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
.stui-warp-head{ float: left; width: 20%; min-height: 1px; padding-right: 20px;}
.stui-warp-content{ float: left; width: 80%;}
.stui-warp-content.active{ width: 100%;}

/* text */
h1{ font-size:22px; line-height: 28px;}
h2{ font-size:20px; line-height: 26px;}
h3{ font-size:18px; line-height: 24px;}
h4{ font-size:16px; line-height: 22px;}
h5{ font-size:14px; line-height: 20px;}
h6{ font-size:12px; line-height: 18px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a:focus,a:hover,a:active{ text-decoration:none; color: #9400D3;}
.text-red{ color: red;}
.text-muted{ color: #999;}
.text-center{ text-align: center;}
.split-line{display: inline-block; margin-left: 12px; margin-right: 12px; width: 1px; height: 14px; vertical-align: -2px; background-color: #eee;}
.play{display: none; position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
.pic-text{ position: absolute; z-index: 2; bottom: 5px; right: 5px; padding: 2px 5px; border-radius: 4px; font-size: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-color: rgba(0,0,0,.6); color: #fff;}
.stui-player__video{ padding: 10px;}
.stui-player__foot{ padding: 10px;}

/* header */
.stui-header__top{ margin-top: 30px; border-radius: 5px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 1px 2px #eee; overflow: hidden;}
.stui-header__logo{float:left; margin: 10px 0 10px 20px;}
.stui-header__logo .logo{display:block; width:282px; height:60px; background:url(../img/logo_max.png) no-repeat;background-position:50% 50%;background-size:cover}
.stui-header__search{ float: right; position:relative; width:280px; margin: 25px 20px 10px 0;}
.stui-header__search .form-control{display:block; width:100%; height: 35px; padding:6px 45px 6px 10px; font-size:12px; line-height:32px; border-radius: 5px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-color:	#f5f5f5; color: #999; border: 0;}
.stui-header__search .submit{display:block; position:absolute; top: 0; right: 0; width:35px; height:35px; border: 0; cursor: pointer; background: url(../img/icon_seacrh.png) center no-repeat;}
.stui-header__menu{ background-color: #FF00FF;}
.stui-header__menu li{ position: relative; float:left;}
.stui-header__menu li a{ display:inline-block; padding: 15px 30px; font-size:15px; color: #fff;}
.stui-header__menu li.active a{ background-color: #9400D3; color: #fff;}
.stui-header__nav{ float: right; margin-right: 20px; margin-top: 30px; display: block; width: 30px; height: 50px;}
.stui-header__nav span{ display: block; width: 30px; height: 5px; margin-bottom: 5px; background-color: #FF00FF;}
.stui-header__nav span:last-child{ margin-bottom: 0;}
.stui-top-menu{ width: 260px;}
.stui-top-menu.floatTop{ position: fixed; top: 0;}
.stui-top-menu.floatBottom{ position: fixed; bottom: 130px;}

/* pannel */
.stui-pannel{ position: relative; margin-top: 20px; border-radius: 5px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 1px 2px #eee;}
.stui-pannel-bd{ padding: 10px;}
.stui-pannel__head{ padding: 10px 20px; line-height: 25px; border-bottom: 1px solid #eee;}
.stui-pannel__head .title{ margin: 0;}
.stui-pannel__menu li{ border-bottom: 1px solid #eee;}
.stui-pannel__menu li:last-child{ border-bottom: 0;}
.stui-pannel__menu li a{ display: block; padding: 10px 20px; font-weight: bold; color: #FF00FF;}
.stui-pannel__menu li a:hover,.stui-pannel__menu li.active a:hover{ background-color: #FF00FF; color: #fff;}
.stui-pannel__menu li.active a{ background-color: #f5f5f5;}
.stui-pannel__menu li a .count{ padding: 2px 8px; border-radius: 4px; background-color: #FF00FF; font-size: 12px; color: #fff;}
.stui-pannel__menu li a:hover .count{ background-color: #9400D3;}

/* vodlist */
.stui-vodlist li{ padding: 10px; float: left; width: 20%;}
.stui-vodlist__thumb{ position: relative; display: block; padding-top: 70%; background: url(../img/load.gif) no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 5px;}
.stui-vodlist__thumb.active{ padding-top: 50%; background: url(../img/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb:hover .play{ display: block;}
.stui-vodlist__detail .title{ font-size: 14px; margin-bottom: 0; width:100%; height: 40px; line-height: 18px; overflow:hidden;}
.stui-vodlist__detail .sub{ margin-bottom: 0; font-size: 12px; color: #999;}

/* page */
.stui-page{ margin-bottom: 20px;}
.stui-page li{display:inline-block;margin-left:10px}
.stui-page li .num,.stui-page li a{display:inline-block;padding:5px 15px;border-radius: 4px; background-color: #fff; border: 1px solid #eee;}
.stui-page li.active a,.stui-page li.disabled a{ background-color: #FF00FF; border: 1px solid #FF00FF; color: #fff;}

/* embed */
.embed-responsive{position:relative;display:block;overflow:hidden;padding:0;height:0}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}

/* more */
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.hide,.visible-lg, .visible-md, .visible-sm, .visible-xs, .visible-mi{ display: none !important;}
.stui-foot{ margin: 20px 0; padding: 20px; background-color: #fff; border: 1px solid #eee; border-radius: 5px; text-align: center; color: #999;}

@media (min-width: 1200px){	
	.visible-lg { display: block !important;}
	.hidden-lg {display: none !important;}		
}

@media (max-width: 1199px) and (min-width: 992px){
	.visible-md { display: block !important;}
	.hidden-md {display: none!important;}
}

@media (max-width: 991px) and (min-width: 768px){	
	.visible-sm{ display: block !important;}
	.hidden-sm {display: none !important;}
}

@media (max-width: 1399px){
	.container{ width: 100%; padding-left: 30px; padding-right: 30px;}	
}

@media (max-width: 1023px){
	.stui-warp-head{ display: none; float:  none; width: 100%; padding-right: 0;}
	.stui-warp-content{ float: none; width: 100%;}	
	.stui-top-menu{ width: 100%;}
}

@media (max-width:767px){
	.visible-xs { display: block !important;}
	.hidden-xs {display: none!important;}
	.container{ padding: 0;}	
	.row{ margin: 0;}
    
	.stui-player__video{ padding: 5px;}
	.stui-player__foot{ padding: 5px;}
    
    /* header */
    .stui-header__top{ margin-top: 0; border: 0; box-shadow: none; border-radius: 0;}
    .stui-header__logo{ margin: 10px 0 10px 10px; padding: 0;}
    .stui-header__logo .logo{width: 148px; height:35px;background:url(../img/logo_min.png) no-repeat;background-position:50% 50%;background-size:cover}
    .stui-header__search{ float: none; width: auto; margin: 0; position: absolute; top: 15px; right: 50px; left: 168px;}
    .stui-header__search .form-control{ height: 30px; line-height: 30px; border-radius: 5px; padding:6px 40px 6px 10px; border: 0;}
    .stui-header__search .submit{ width: 30px; height: 30px;}
    .stui-header__nav{ height: 30px; margin-top: 18px; margin-right: 10px;}
	.stui-header__menu { position:relative; margin: 0; overflow: auto; white-space:nowrap; overflow-y:hidden;overflow-x:scroll; -webkit-overflow-scrolling:touch}
	.stui-header__menu li{ float: none; display: inline-block;}
	.stui-header__menu li a{ padding: 10px 15px; font-size: 14px;}
	.stui-header__menu li:hover .dropdown{ display: none;} 
	
	/* pannel */	
	.stui-pannel{ margin-top: 10px; border: 0; border-radius: 0; box-shadow: none;}
	.stui-pannel-bd{ padding: 5px;}
	.stui-pannel__head{ padding: 10px; line-height: 25px;}
	.stui-pannel__head .title{ font-size: 16px;}
	
	/* vodlist */
	.stui-vodlist li{ padding: 5px; width: 50%;}
	
	/* page */
	.stui-page{ padding: 0 10px;}
	.stui-page li{float:left; width:20%; margin:0; padding:0 5px 0 5px}
	.stui-page li a,.stui-page li .num{display:block;padding:5px 0;text-align:center}
}



/* detail-tab-zt */
.detail-tab-zt{ padding-right: 50pxs; position: relative; }
.detail-tab-zt > li.zt{ float: right; border-color: transparent; background-color: transparent; }
.detail-tab-zt > li.zt > a{ padding-left: 0; padding-right: 0; }
.detail-tab-zt > li.zt > a:hover{ text-decoration: underline; }


/* detail-download */
.detail-download{   border-top: 1px solid #f5f5f5;} 
.detail-download .detail-content{ max-height: 400px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 3px 0; }
.detail-download .table{ margin:0;}
.detail-download .table td{ border: 0 none; padding: 5px; white-space: nowrap; font-size: 0;}
.detail-download .table > tbody > tr:nth-child(2n) td{background-color: transparent;}
.detail-download .table .code{ width: 100%; line-height: 30px;}
.detail-download .table .btns{ width: 70px; }
.detail-download .table .btns .btn{ display: block; white-space: nowrap;}
.detail-download .table .title{ font-size: 14px; }
    
/* detail-play-list */
.detail-play-list{ /*! margin: 0 -5px; */ /*! display: none; */ }
.detail-play-list li{ float: left; min-width: 12.5%;}
.detail-play-list li > a{ 
    display: block; 
    margin: 5px;
    line-height: 35px;
    text-align: center;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;     
    text-overflow: ellipsis;
    border: 1px solid #878080;
    /*! background-color: #0c0b0b; */
}
    .detail-play-list li > a:hover{ color: #f96868; background-color: #fff; }
    .detail-play-list-dianshiju li{ min-width: 8.333333333333333%; }
    .detail-play-list-zongyi li{ width: auto; min-width: 14.28%; }
    .detail-play-list-zongyi li a{ padding: 0 13px; }

/* bdsharebuttonbox */
@media screen and (max-width: 600px) {
#ddav{width: 99%; margin: 1px auto; text-align: center; display: block;}
#ddav img{width: 100%;height: 38px; }
    .area{margin:0 auto;width:97%;margin:0 auto;overflow:hidden;}
    .youmu-app dl{padding:6px 0;}
    .youmu-app dt{width:17%;line-height:40px;font-size:14px;font-weight:bold;}
    .youmu-app dd{width:20.5%;line-height:23px;font-size:14px;}
    .youmu-app dt:after {margin:16px 2.6% 0;}
    .youmu-app .first{border-top:0;}
    
    .content{ padding-top: auto; }
    .container{ width: auto; }

    .footer{ padding: 10px; font-size: 12px; line-height: 1.5; margin-top: 10px;}
    .backtop{ bottom: 30px; }
    .backtop .iconfont{ width: 32px; height: 32px; line-height: 32px; font-size: 18px; background-color: #f96868; }
    .container > .appel:first-child{ margin-top: 0; }
    .appel{ margin-top: 10px; padding: 5px; }
    .appel-main{ width: auto; float: none; }
    .appel-aside{ width: auto; float: none; border-top: 1px solid #f0f0f0;  margin-top: 10px; padding-top: 3px; }
    .appel-title{ font-size: 16px; margin-left: -5px; padding-left: 10px; }  
    .appel-more{ font-size: 12px; }  
    .thumbnail-group{ margin: 0; }
    .thumbnail-group > li{ float: left; width: 50%; margin: 0; padding: 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .thumbnail-group > li > .thumbnail .video-grade{ padding: 20px 5px 0 0; }
    .thumbnail-group > li > .thumbnail,
    .thumbnail-group > li > .thumbnail img{ width: 100%; height: 125px; }   
    .thumbnail-group-small > li > .video-info { padding-top: 5px; }     
    .thumbnail-group-small > li > .video-info > h4{ font-size: 12px; } 
    .thumbnail-group-small > li > .thumbnail,
    .thumbnail-group-small > li > .thumbnail img{ height: 70px; }   
    .thumbnail-group-special > li{ float: none; width: auto; }
    .thumbnail-group-special > li > .thumbnail,
    .thumbnail-group-special > li > .thumbnail img{ width: 100%; height: auto; }    

    .rank-group{ padding: 5px; margin-top: 0; } 
    .rank-group > li:nth-child(n+11){ display: none; }
    .rank-group > li{ line-height: 30px; float: left; width: 50%; }
    .rank-group > li .rank-title{ right: 10px; left: 20px; }
    .rank-group > li .rank-grade{ display: none;}
    .filter{ }
    .filter-primary{ padding: 0; line-height: 35px; font-size: 14px; }
    .filter-primary dd{ width: 25%; text-align: center; padding: 5px; }
    .filter-primary dd > a{ display: block; background-color: #f5f5f5; line-height: 30px; font-size: 14px; border-radius: 2px; }
    .category{ margin-top: 10px; padding: 10px 0; line-height: 26px; }
    .category dt{ padding: 0 5px; }
    .category dd{ overflow: inherit; white-space: nowrap; margin-bottom: 7px; }
    .category dd a{ font-size: 12px; height: 26px; line-height: 26px; padding: 0 10px; background-color: transparent; }
    .category dd a:hover,.category dd a:active{ color: #f96868; background-color: transparent; }
    .category dd a.active,
    .category dd a.active:hover,
    .category dd a.active:active{ color: #fff; background-color: #f96868; }
    .detail{ padding: 0 5px; }
    .appel .breadcrumbs{ padding: 5px 5px 10px 5px; }
    .detail-info .detail-header{ margin-bottom: 0; }
    .detail-poster{ width: 190px; }
    .detail-poster > a img{ min-height: 110px; } 
    .detail-info{ float: none; width: auto; padding-left: 15px; }
    .detail-info h2{ font-size: 18px; line-height: 1; margin-bottom: 5px;}
    .detail-info h2 small{ display: block; margin: 5px 0 0 0; font-size: 12px; }    
    .detail-info h3{ font-size: 14px; margin-bottom: 5px; }
    .detail-info .detail-actor > li{ padding: 0; line-height: 25px; white-space: normal; font-size: 12px; }
    .detail-info .detail-actor > li a{ margin-right: 5px; display: inline-block; }
    .detail-info .detail-actor > li a:after{  display: none; }
    .detail-info .detail-actor > li p{ width: auto; }
    .detail-source{ float: none; width: 100%; padding: 10px 0; clear: both; }
    .detail-tab{ margin-bottom: 5px; white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
    .detail-tab > li{       
        float: none; 
        margin: 0;
        display: inline-block; 
        vertical-align: bottom; 
        font-size: 14px; 
        border: 0 none;
        background-color: #fff;
    }
    .detail-tab > li > a{ padding: 10px 15px;  }
    .detail-tab > li.active > a,
    .detail-tab > li.active > a a:hover{ border-bottom: 2px solid #f96868; padding-bottom: 8px; }   
    .detail-play-list li{ width: 25%; } 
    .detail-play-list li > a{ line-height: 30px; font-size: 13px; } 

    .play{padding: 2px 0 0 0; }
    .play h2{ margin-bottom: 10px; padding: 0 10px; font-size: 16px; }
    .play .player{ height: 200px; box-shadow: none;}
    .play-source{ padding-left: 10px; padding-right: 10px; margin-top: 0; }
    .play-source .detail-play-list li{ width: 25%; }
    .play-interaction{ height: 48px; box-shadow: none; padding: 0 10px; }
    .play-interaction > .play-btn{ margin-top: 8px; }
    .play-interaction > .play-btn > a{ padding: 0 13px; }
    .play-summary{ display: none; }
    .play-intro{ padding: 10px 5px 0 5px; }
    .play-intro span{ margin: 0; display: block; margin-bottom: 5px; }
    .play-intro a{ margin-right: 5px; color: #666; }    
    .news-main,.news-aside{ width: auto; float: none; }
    .news-group{ margin: 0 0 0 18px;  }
    .news-group > li > .rank-title{ left: 0; right: 20px; }
    .news-listing{ margin: 0; }
    .news-listing > li{ padding: 10px; }
    .news-listing .news-thumbnail{ width: 125px; height: 80px; }
    .news-listing .news-info{ padding-left: 10px; }
    .news-listing .news-info h5{ margin-bottom: 0; height: 80px; line-height: 26px; font-size: 16px; white-space: normal;}
    .news-listing .news-info p{ display: none; }
    .tags-group{ margin: 5px; }
    .news-appel{ padding: 20px 10px; }
    .news-appel .breadcrumbs{ display: none; }      
    .news-appel .news-preview{ display: none;}
    .news-appel .news-caption > h2{ font-size: 20px; line-height: 1.2; }    
    .news-appel .news-caption > p{ font-size: 12px; }   
    .news-appel .news-caption > p > span{ margin-right: 10px; } 
    .news-appel .news-content{ font-size: 15px; }
    .news-appel .news-more{ margin-bottom: 0; }
    .special-intro-pic{ float: none; width: 100%; }
    .special-intro-text{ padding: 0; }
    .special-intro-text h2{ font-size: 18px; margin: 5px 0; }
    .special-intro-text p { font-size: 14px; line-height: 1.5; max-height: none;}
    .special-intro-text .special-share{ position: static; }
    .actor-appel .actor-avatar{ width: 30%; margin-bottom: 0; }
    .actor-appel .actor-intro{ overflow: hidden; padding-left: 10px; margin-bottom: 0;}
    .actor-appel .actor-intro h2{ font-size: 18px; font-weight: 700; margin-bottom: 10px; }
    .actor-appel .actor-intro .info{ clear: both; margin-bottom: 10px; }
    .actor-appel .actor-intro .info li{ float: none; width: auto; padding: 2px 0 2px 80px; line-height: 20px; }
    .actor-appel .actor-intro .info .title{margin-left: -80px; }
    
    .latest-primary .latest-tabs{ margin: 0px; }
    .latest-primary .latest-tabs > li{ height: 28px; line-height: 28px; font-size: 12px; }

    .latest-primary .list-group{ margin: 5px 5px 0 5px; padding-top: 10px; }
    .latest-primary .list-group > li{ width: 50%; line-height: 22px; padding-right: 0; font-size: 12px;}
    .latest-primary .list-group-50{ padding-top: 0; }
    .latest-primary .list-group-50 > li{ width: 100%; }    
    .latest-listing .thumbnail-group > li:nth-child(n+13){ display: none; }
    .tab-content.pt15{ padding-top: 0!important;}
    .four-zero-four{ padding: 30px;}
    .four-zero-four h2{ font-size: 64px; }
    .four-zero-four h3{ font-size: 24px; }
    .four-zero-four p{ font-size: 16px; }
    .role-relation{ display: none;}
    .detail-download .table .code .h5{ display: none;}
}

@media screen and (max-width: 375px){
    .youmu-app dd{width:20.5%;line-height:23px;font-size:12px;}
    .youmu-app dt{width:17%;line-height:45px;font-size:12px;font-weight:bold;}
    .youmu-app dd{width:20.5%;line-height:23px;font-size:12px;}
    .youmu-app dt:after {margin:16px 1.6% 0;}

}
@media screen and (max-width: 320px){
    .thumbnail-group > li{ padding: 5px; }
    .thumbnail-group > li > h5{ font-size: 12px; }
    .thumbnail-group > li > .thumbnail,
    .thumbnail-group > li > .thumbnail img{ height: 90px; }
    .thumbnail-group-small > li > .thumbnail,
    .thumbnail-group-small > li > .thumbnail img{ height: 60px; }   
    .thumbnail-group-special > li > .thumbnail,
    .thumbnail-group-special > li > .thumbnail img{ height: auto; } 
    .rank-group > li{ font-size: 12px; line-height: 28px; }
    .filter-primary dd{ padding: 2px; }
    .filter-primary dd > a{ font-size: 12px; margin: 2px; }
    .detail-play-list li{ width: 25%; font-size: 12px; }
    .detail-play-list li > a{ line-height: 30px; }
    .news-listing .news-thumbnail{ width: 100px; height: 70px; }
    .news-listing .news-info h5{height: 70px; line-height: 23px; font-size: 15px; }
    .play-interaction > .play-btn > a{ padding: 0 10px; }
    .play-soshm{ padding-top: 10px; }
    .soshm-item + .soshm-item { margin-left: 5px; }
    .soshm-item-icon{ width: 28px; height: 28px; }
}.m1938 {
    height: 432px;
} 
/* 广告 */
@media screen and (max-width:768px) {
.m1938ing img {
	width: 100%;
}
   }