/*!
 * Edition v2.0 Copyright 2016-2018 http://v.shoutu.cn
 * Email 726662013@qq.com,admin@shoutu.cn
 */
@charset "utf-8";
/* all */
body{padding-top:100px}

/* header */
.stui-header__top{position:fixed;top:0;z-index:999;width:100%;min-height:80px}
.top-fixed-down{margin-top:-80px}
.stui-header__side{float:right}

/* header-logo */
.stui-header__logo,.stui-header__menu{float:left}
.stui-header__logo{margin-top:15px}
.stui-header__logo .logo{display:block;width:150px;height:50px;background:url(../img/logo.png) no-repeat;background-position:50% 50%;background-size:cover}

/* header-menu */
.stui-header__menu{position:relative;margin-left:10px}
.stui-header__menu li{float:left;margin-top:30px;margin-right:20px}
.stui-header__menu li a{display:inline-block;padding:3px 8px 4px;font-size:15px;border-radius:2px}

/* header-seacrh */
.stui-header__search{float:left;position:relative;margin-top:25px;width:200px}
.stui-header__search .submit{display:block;position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;text-align:center; background: none; border: 0;cursor: pointer;}
.stui-header__search .submit .icon{font-size:14px;color:#999}

/* header-user */
.stui-header__user{float:right}
.stui-header__user li{float:left;margin-top:30px;margin-left:20px}
.stui-header__user li a{display:inline-block;line-height:20px}
.stui-header__user li a .icon{font-size:18px}

/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .v-thumb{width:190px}
.stui-content__thumb .w-thumb{width:300px}
.stui-content__detail{width:100%;padding:10px 20px;}
.stui-content__detail .title{margin:10px 0 10px;line-height:30px}
.stui-content__detail .data{margin-bottom:10px}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .desc{padding-left:42px}
.stui-content__detail .desc .left{margin-left:-42px}
.stui-content__detail .play-btn{padding-left:42px;margin-top:20px}
.stui-content__detail .play-btn .shere{margin-top:5px}

/* player */
.stui-player__detail{ margin-top: 20px;}
.stui-player__detail .title{margin:0 0 10px}
.stui-player__detail .detail-content{padding-top:10px}
.stui-player__detail .desc{padding-left:42px}
.stui-player__detail .desc .left{margin-left:-42px}

/* screen */
.stui-screen__list{position:relative;padding:10px 0 5px}
.stui-screen__list li{float:left;margin-right:10px;margin-bottom:10px}
.stui-screen__list li span{display:inline-block;padding:3px 0 3px}
.stui-screen__list li a{display:inline-block;padding:3px 10px;border-radius:2px}
.stui-screen__list.letter-list li a{padding:3px 5px}
.stui-screen__list.letter-list li.active a{padding:3px 10px}

/* page */
.stui-page{margin-bottom:30px}.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:5px}

/* extra */
.stui-extra{position:fixed;right:50px;bottom:50px}
.stui-extra li{position:relative;padding:15px 10px 0}
.stui-extra li a,.stui-extra li span{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;font-size:18px;cursor:pointer}
.stui-extra li a .icon,.stui-extra li span .icon{font-size:18px}
.stui-extra li a img{margin-top:15px;width:20px;height:20px}
.stui-extra li .sideslip{display:none;position:absolute;bottom:0;right:100%}
.stui-extra li .sideslip:before{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 1px 1px 0;position:absolute;bottom:20px;right:-6px;border-style:solid}
.stui-extra li:hover .sideslip{display:block}

@media (min-width:768px){
	.container{width:750px}
}
@media (min-width:992px){
	.container{width:920px}
}
@media (min-width:1200px){
	.container{width:1170px}
}
@media (max-width:1024px){
	
	/* all */
	body{padding-top:110px}

    /* header */
	.top-fixed-down{margin-top:-100px}
	.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
	.stui-header__logo,.stui-header__menu{float:none}
	.stui-header__logo{margin:10px 0 10px}
	.stui-header__logo .logo{width:127px;height:50px;background:url(../img/logo_min.png) no-repeat;background-position:50% 50%;background-size:cover}
	.stui-header__search{float:right;margin-top:10px}
	.stui-header__menu{margin:0;padding:0;height:40px;line-height:40px}
	.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
	.stui-header__menu li{margin-top:0;margin-right:20px}
	.stui-header__menu li a{padding:0;font-size:14px;white-space:nowrap}
	.stui-header__menu li.active a{position:relative}
	.stui-header__menu li.active a:before{content:" ";position:absolute;left:50%;bottom:0;width:20px;margin-left:-10px;height:2px;border-radius:2px}
	.stui-header__user li{margin-top:15px}
	.stui-header__user li a{width:20px;height:20px}
}
@media (max-width:767px){
	
	/* all */	   
	
	/* header */ 
	.stui-header__logo{margin-left:10px}
	.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
	.stui-header__menu{padding-left:10px}
	.stui-header__user{padding-right:10px}
	
	/* content */
	.stui-content__thumb .v-thumb{width:115px}
	.stui-content__thumb .w-thumb{width:160px}
	.stui-content__detail{padding:0 10px}
	.stui-content__detail .title{margin:10px 0 10px;font-size:16px;line-height:18px}
	.stui-content__detail .data{margin:0 0 10px;font-size:12px}
	.stui-content__detail .play-btn{margin:0;padding:0}
	.stui-content__playlist li a{padding:5px 10px;font-size:12px}
	
	/* player */
	.stui-player__detail{ margin-top: 10px;}
	.stui-player__detail .data .title{font-size:16px}
	
	/* screen */
	.stui-screen__list{padding:5px 0 5px;overflow:hidden}
	.stui-screen__list li{margin-right:15px;margin-bottom:0}
	.stui-screen__list li span{padding:2px 0 2px}
	.stui-screen__list li a{padding:2px 0 2px;background:0 0;white-space:nowrap}
	.stui-screen__list.letter-list li a,.stui-screen__list.letter-list li.active a{padding:2px 0 2px}
	
	/* type */
	.stui-mobile__type li{padding:0 20px}
	.stui-mobile__type li a{display:block;padding:10px 0;text-align:center}
	
	/* page */
	.stui-page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
	.stui-page li a,.stui-page__box li .num{display:block;padding:5px 0;text-align:center}
	
	/* extra */
	.stui-extra{right:15px;bottom:15px}
	.stui-extra li{padding:8px 0 0}
	.stui-extra li a,.stui-extra li span{width:35px;height:35px;line-height:35px;font-size:16px}
	.stui-extra li a .icon,.stui-extra li span .icon{font-size:16px}
	.stui-extra li a img{margin-top:8px;width:18px;height:18px}
	
	/* foot */
	.stui-foot{padding:20px 0}
}
.list2 {
	padding:5px 0; position:relative;
}
.list2 ul {
	width:300px;height:290px; overflow-x:hidden; overflow-y:scroll; 
}

.list2 li {
	line-height:22px;
	height:22px;
	overflow:hidden;
	padding-left:20px;
}

.list2 li span{
	float:left; width:90px;overflow:hidden;
} 

.play_ico{
position:relative;
float:left;
background:url(../images/play_mode2.gif) no-repeat;
height:18px;
width:33px;
overflow:hidden;
margin-right:3px;
margin-bottom:2px;
background-position:-432px -29px;
}
.MacPlayer #rightlist ul {
	margin:5px 0px;
	width: 100%;
    clear: both;
    overflow: hidden;
    zoom: 1;
}
.MacPlayer #rightlist li {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width: 188px;
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #535353;
    background: #232323;
    margin: 0 2px 3px 0;
    padding: 0 5px;
    display: block;
    overflow: hidden;
}
.MacPlayer #rightlist li a {
	padding-left:5px;
	display:block;
	font-size:12px
}
.MacPlayer #rightlist li a:hover {
	color:#FF0000;
}
.MacPlayer #rightlist ul li:hover{background:#171515;border:1px solid #535353;}
.MacPlayer #rightlist ul li:hover{color:#FF0000;text-decoration:none}
.MacPlayer a{color: #CC6600;text-decoration:none}
.MacPlayer #playright{height:100%;overflow-y:auto;padding: 5px;}
.play_ico_youku{background-position:-1px -5px;}
.play_ico_youkuno{cursor:default;background-position:-1px -29px;}

.play_ico_tudou{background-position:-34px -5px;}
.play_ico_tudouno{cursor:default;background-position:-34px -29px;}

.play_ico_qq{background-position:-67px -5px;}
.play_ico_qqno{cursor:default;background-position:-67px -29px;}

.play_ico_ku6{background-position:-100px -5px;}
.play_ico_ku6no{cursor:default;background-position:-100px -29px;}

.play_ico_sohu{background-position:-133px -5px;}
.play_ico_sohuno{cursor:default;background-position:-133px -29px;}

.play_ico_baidu{width:31px;background-position:-168px -5px;}
.play_ico_baiduno{cursor:default;width:31px;background-position:-168px -29px;}

.play_ico_qvod{width:31px;background-position:-202px -5px;}
.play_ico_qvodno{cursor:default;width:31px;background-position:-202px -29px;}

.play_ico_gvod{width:31px;background-position:-235px -5px;}
.play_ico_gvodno{cursor:default;width:31px;background-position:-235px -29px;}

.play_ico_qiyi{width:31px;background-position:-268px -5px;}
.play_ico_qiyino{cursor:default;width:31px;background-position:-268px -29px;}

.play_ico_letv{width:31px;background-position:-301px -5px;}
.play_ico_letvno{cursor:default;width:31px;background-position:-301px -29px;}

.play_ico_funshion{width:31px;background-position:-335px -5px;}
.play_ico_funshionno{cursor:default;width:31px;background-position:-335px -29px;}

.play_ico_56{width:31px;background-position:-368px -5px;}
.play_ico_56no{cursor:default;width:31px;background-position:-368px -29px;}

.play_ico_sina{width:31px;background-position:-399px -5px;}
.play_ico_sinano{cursor:default;width:31px;background-position:-399px -29px;}

.MacPlayer #rightlist{width:220px;overflow:auto;scrollbar-face-color:#2c2c2c;scrollbar-arrow-color:#ffffff;scrollbar-track-color: #a3a3a3;scrollbar-highlight-color:#2c2c2c;scrollbar-shadow-color: #adadad;scrollbar-3dlight-color:#adadad;scrollbar-darkshadow-color:#48486c;scrollbar-base-color:#fcfcfc;}
/* share */
.bdsharebuttonbox{line-height:30px;height:30px;overflow:hidden;vertical-align:top}
.bdsharebuttonbox a,.bdsharebuttonbox span{width:24px;height:24px;display:inline-block;margin-right:5px;background:url(../img/share.png) no-repeat;cursor:pointer;margin-bottom:0;opacity:.8}
.bdsharebuttonbox a:hover{opacity:1}
.bdsharebuttonbox a.bds_tsina{background-position:0 0}
.bdsharebuttonbox a.bds_weixin{background-position:0 -33px}
.bdsharebuttonbox a.bds_qzone{background-position:0 -65px}
.bdsharebuttonbox a.bds_sqq{background-position:0 -98px}
.bdsharebuttonbox a.bds_renren{background-position:0 -131px}
.bdsharebuttonbox a.bds_tqq{background-position:0 -163px}
.bdsharebuttonbox a.bds_diandian{background-position:0 -356px}
.bdsharebuttonbox a.bds_youdao{background-position:0 -388px}
.bdsharebuttonbox a.bds_ty{background-position:0 -420px}
.bdsharebuttonbox a.bds_fbook{background-position:0 -452px}
.bdsharebuttonbox a.bds_twi{background-position:0 -484px}
.bdsharebuttonbox a.bds_kaixin001{background-position:0 -228px}
.bdsharebuttonbox a.bds_taobao{background-position:0 -196px}
.bdsharebuttonbox a.bds_douban{background-position:0 -324px}
.bdsharebuttonbox a.bds_mail{background-position:0 -548px}
.bdsharebuttonbox a.bds_copy{background-position:0 -516px}
.bdsharebuttonbox a.bds_bdhome{background-position:0 -292px}
.bdsharebuttonbox a.bds_tqf{background-position:0 -260px}
.bdsharebuttonbox a.bds_more{background-position:0 -577px}
.bdsharebuttonbox span.bds_shere{background-position:0 -606px}
.bdsharebuttonbox a.bds_count{background:0 0;width:auto;height:auto;position:relative;top:-6px}
.bdsharebuttonbox a.bds_count{margin:0 2px}