@charset "utf-8";
/*
Theme ID: ecms116
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lanniaofei.com/
*/
@charset "utf-8";
/* all */
html{height: 100%;}
body{padding-top: 90px; margin: 0; font-family:'Helvetica Neue', 'STHeiti', '微软雅黑', 'Microsoft YaHei', Helvetica,Arial,sans-serif; font-size:14px; line-height: 140%; background: #F8F8F8; 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%; border-radius: 4px;}
input,textarea{outline: medium none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input.form-control,textarea.form-control{display:block; width:100%; height:30px; padding:6px 10px; font-size:12px; line-height:28px; border-radius: 4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-color: #f5f5f5; color: #999; border: none;}
textarea.form-control{ height: auto; background-color: #fff; border: 1px solid #f5f5f5;}
input.form-control:focus{border-color:#FF9900; -webkit-box-shadow:inset 0 1px 1px rgba(255,136,0,.075),0 0 8px rgba(255,136,0,.6);}
h1,h2,h3,h4,h5,h6{ font-weight: 400; margin-top:10px; margin-bottom:10px}
a,h1, h2, h3, h4, h5, h6{ color: #333333;}
a,button{ text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus,a:hover,a:active{ text-decoration:none; color: #FF9900}

/* 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 { max-width: 640px; position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: 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;}

/* col */
.col-xs-1,.col-xs-2,.col-xs-3{float:left;position:relative;min-height:1px;padding:5px}
.col-xs-3{width:33.3333333%}
.col-xs-2{width:50%}
.col-xs-1{width:100%}

/* text */
.text-red{ color: red;}
.text-muted{ color: #999999;}
.icon{ font-size: 16px; vertical-align: -1px;}
.font-14{ font-size: 14px;}
.font-12{ font-size: 12px;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.btn{display: inline-block; padding: 6px 35px; font-size: 12px; border-radius: 4px; border: 0;}
.btn-primary{ background-color: #FF9900; color: #FFFFFF;}
.text-overflow{ width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.split-line{display: inline-block; margin-left: 6px; margin-right: 6px; width: 1px; height: 12px; vertical-align: -2px; background-color: #ddd;}

/* header */
.stui-header__top{ position: fixed; top: 0; left: 0; z-index: 999; width:100%; height: 90px; background-color: #fff;}
.stui-header__top:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #eee; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.top-fixed-down{margin-top:-51px}
.stui-header_hd{ height: 50px;}
.stui-header__logo{ margin-top: 10px; margin-left: 10px;}
.stui-header__logo .logo{display:block;width:127px;height:30px;background:url(../images/logo_min.png) no-repeat;background-position:50% 50%;background-size:cover}
.stui-header_bd{
	overflow-x: auto;
    white-space: nowrap;
}

.stui-header__menu{position:relative; height: 40px; display: -webkit-box; display: -webkit-flex; display: flex;}
.stui-header__menu:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; border-top: 1px solid #eee;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.stui-header__menu li{display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; text-align: center;}
.stui-header__menu li a{ display:block; line-height: 38px; font-size:14px;}
.stui-header__menu li.active a{ border-bottom: 2px solid #FF6600; color: #FF6600;}
.stui-header__search{position: absolute; top: 10px; left: 160px; right: 5px;}
.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}
.stui-header__user{ float: right; margin-right: 10px;}
.stui-header__user a{ display: inline-block; margin-top: 15px; width: 25px; height: 25px;}
.stui-header__user a .icon{ font-size: 24px;}

/* nav */
.nav-head li{ float: left; margin-right: 30px;}
.nav-head li a{ padding-bottom: 10px; font-size: 14px;}
.nav-head li.active a{ border-bottom: 2px solid #FF9900; color: #FF9900;}

/* type */
.tag-type{ padding-right: 10px;}
.tag-type li{ float: left; width: 25%; padding: 10px 0 0 10px;}
.tag-type li a{ display: block; padding: 6px; background-color: #fff; border: 1px solid #eee; border-radius: 4px; text-align: center;}
.tag-type li.active a{background-color: #FF9900; border: 1px solid #FF9900; color: #fff;}

/* screen */
.stui-screen__list{position:relative; padding:10px 0; overflow:hidden; white-space: nowrap;}
.stui-screen__list:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; border-top: 1px solid #eee;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.stui-screen__list:first-child:before{ display: none;}
.stui-screen__list:first-child{ padding-top: 0;}
.stui-screen__list:last-child{ padding-bottom: 0;}
.stui-screen__list li{ display: inline-block; margin-right:20px}
.stui-screen__list li span{display:inline-block;}
.stui-screen__list li a{display:inline-block; color: #333333; white-space:nowrap}
.stui-screen__list li.active a{ color: #FF9900;}

/* pannel */
.stui-pannel{ margin-top: 10px; background-color: #fff;}
.stui-pannel.cont{ padding: 10px 0; background: url(../images/vod_bg.jpg) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-pannel.type{ margin: 0 0 -10px; background: none;}
.stui-pannel:first-child{ margin-top: 0;}
.stui-pannel-box{ padding: 5px;}
.stui-pannel_hd{ padding: 10px 5px;}
.stui-pannel_ft{ padding: 10px; text-align: center;}
.stui-pannel__head .title{float: left; margin:0; padding-right: 10px; line-height: 16px; font-size: 16px;}
.stui-pannel__head .title img{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; vertical-align: -5px;}
.stui-pannel__head .more{ font-size: 12px; line-height: 20px;}
.stui-pannel__nav{ position: relative; height: 30px;}
.stui-pannel__nav:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: 1px; border-bottom: 1px solid #eee; -webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}

/* vodlist */
.stui-vodlist__thumb{display: block; position: relative; padding-top: 150%; background: url(../images/load.gif) no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 5px; overflow: hidden;}
.stui-vodlist__thumb.active{ padding-top: 60%; background: url(../images/load_w.gif) no-repeat; background-position: 50% 50%; background-size: cover;}
.stui-vodlist__thumb .pic-text{display: block; width: 100%; position: absolute; bottom: 0; left: 0; padding: 2px 5px; font-size: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; background-repeat: no-repeat; background-image: linear-gradient(transparent,rgba(0,0,0,.5)); color: #FFFFFF;}
.stui-vodlist__title{ font-size: 14px; margin:5px 0; text-align: center; width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .pic{ width: 120px; display: block; overflow: hidden;}
.stui-content__detail{width:100%; padding-left: 10px;}
.stui-content__detail .title{margin: 5px 0 5px; font-size: 16px; font-weight: 600; color: #fff;}
.stui-content__detail .data{margin-bottom:5px; font-size: 12px; color: #ddd;}
.stui-content__detail .data span{ color: #999;}
.stui-content__detail .score{margin-bottom: 10px;}
.stui-content__detail .score .branch{display: inline-block; margin-left: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 18px; color: #09BB07;}
.stui-content__detail .score .branch .text{ font-size: 12px;}
.stui-content__detail .score .star{display: inline-block; position: relative; top: 5px; width: 160px; height: 25px; background: url(../images/star1.png) 0 0 no-repeat; zoom: 80%;}
.stui-content__detail .score .star .star-cur{display: inline-block; background: url(../images/star.png) 0 0 no-repeat; height: 25px; position: absolute; top: 0;  z-index: 1;}
.stui-content__intro{ position: relative; padding-top: 10px; margin-top: 10px; font-size: 12px;}
.stui-content__intro:before{content: " "; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 1px; border-top: 1px solid #eee;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.stui-content__playlist{ position: relative;}
.stui-content__playlist li{float:left; width: 25%; padding-bottom: 10px; padding-right: 10px;}
.stui-content__playlist li a{display: block; font-size: 12px; padding:5px; text-align: center; border-radius:5px;border: 1px solid #EEEEEE; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.stui-content__playlist li.active a{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}

.stui-content__playlist button{
	float: left;
    display: block;
    padding: 8px 10px;
    margin: 0 2px 5px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #EEEEEE;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.stui-content__playlist button.active{ border: 1px solid #FF9900; background-color: #FF9900; color: #FFFFFF;}

.detail-sketch,.detail-content{ font-size: 14px; line-height: 25px;}
.detail-content img{ max-width: 100%;}

/* player */
.stui-player{ padding: 5px;}
.stui-player .info{ background-color: #000;}
.stui-player .data h3{ margin-bottom: 5px;}
.stui-player .data p{ font-size: 12px;}

/* 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%}

/* flickity */
.flickity-enabled{position:relative;}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;cursor:-webkit-grab;cursor:grab}
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{position:absolute;top:50%;width:30px;height:60px;border:none; background-color: rgba(0,0,0,.6); cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:10px;border-radius:0 10px 10px 0}
.flickity-prev-next-button.next{right:10px;border-radius:10px 0 0 10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#fff}
.flickity-prev-next-button.no-svg{color:#fff;font-size:18px}
.flickity-page-dots{position:absolute;width:100%;bottom:0;left:0;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:15px;height:3px;margin:0 5px;background:#f80;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.flickity-page{ padding-bottom: 15px; overflow: hidden;}
.flickity-page .flickity-page-dots{ bottom: 5px;}
.carousel{ position: relative; width: 100%; height:100%; overflow: hidden; white-space: nowrap;}
.carousel [class^="col-"]{ float: none; display: inline-block;}

/* popup */
.popup{position: fixed; right: -100%; top: 0; z-index: 1001; width: 100%; height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s; background-color: #F8F8F8;}
.popup-visible{ right: 0;}
.popup-head { padding:15px 10px; margin-bottom: 10px; background-color: #FFFFFF;}

/* history */
.stui-history__list{ padding: 0 15px;}
.stui-history__list li { margin-bottom: 15px;}
.stui-history__list li .img,.stui-history__list li .data{ display:table-cell; vertical-align:top;}
.stui-history__list li .stui-vodlist__thumb{ width: 75px;}
.stui-history__list li .data{ width: 100%; padding-left: 15px;}
.stui-history__list li .data h3{ font-size: 16px; font-weight: 700; color: #000;}
.stui-history__list li .data p{ font-size: 12px; color: #999;}

/* page */
.stui-page{ margin-top: 10px; padding: 5px;}
.stui-page li{ float: left; width: 20%; padding: 5px; text-align: center;}
.stui-page li .num,.stui-page li a{display:inline-block; width: 100%; padding: 5px 0; border-radius:5px; font-size: 12px;}
.stui-page li a{ background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page li .num,.stui-page li.disabled a{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text{font-size:0; margin-top: 10px; padding: 5px 0 0 5px; text-align: center;}
.stui-page-text a,.stui-page-text em,.stui-page-text span{ display:inline-block; margin-right: 5px; margin-bottom: 5px; font-style:normal; padding: 5px 15px; border-radius:5px; font-size: 12px; background-color: #FFFFFF; border: 1px solid #EEEEEE;}
.stui-page-text span.pagenow{ background-color: #FF9900; color: #FFFFFF; border: 1px solid #FF9900;}
.stui-page-text a,.stui-page-text .pagego,.stui-page-text .pagebtn{ display: none;}
.stui-page-text a.pagelink_a{ display: inline-block;}

/* extra */
.stui-extra{position:fixed; right:20px;bottom:20px}
.stui-extra li{ margin-bottom: 10px;}
.stui-extra li a,.stui-extra li span{display:block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px;font-size:18px;cursor:pointer; background-color: #FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.stui-extra li a .icon,.stui-extra li span .icon{font-size:16px}

/* mobile-share */
.mobile-share{ position: fixed; z-index: 999; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; animation: fade-in; animation-duration: .5s; -webkit-animation:fade-in .5s;}
.share-weixin{ background: url(../images/share_weixin.png) rgba(0, 0, 0, .8) no-repeat; background-position: right top 10px; background-size: 80%;}
.share-other{ background: url(../images/share_other.png) rgba(0, 0, 0, .8) no-repeat; background-position: center bottom 10px; background-size: 80%;}

/* bootstrap.js */
.fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.tab-content>.tab-pane,.carousel-inner>.item{ display: none;}
.tab-content>.tab-pane.active,.carousel-inner>.item.active{ display: block;}
.dropdown{ position: relative;}
.dropdown-menu{display: none; position:absolute; width: 120px; top:100%; right: 0; z-index:1000; margin-top: 10px; padding: 10px; border-radius: 4px; background-color: #fff; border: 1px solid #eee; box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.dropdown-menu:before{ content:" "; width:10px; height:10px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); border-width:1px 1px 0 0; position: absolute; top:-6px; right: 20px; border-style: solid; background-color: #fff; border-color: #eee;}
.dropdown-menu li a{display: block; padding: 6px; border-bottom: 1px solid #eee; font-size: 14px; text-align: center;}
.dropdown-menu li:last-child a{  border-bottom: 0;}
.dropdown-menu li.active a, .dropdown-menu li.active> a:focus{ color: #FF9900;}
.open>.dropdown-menu {display: block;}

/* more */
.relative{ position: relative;}
.top-fixed-up{ margin-top: 0 !important;}
.top-fixed{ -webkit-transition:.5s; -o-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; transition:.5s;}
.pull-left{ float: left !important;}
.pull-right{ float: right !important;}
.margin-0{ margin: 0 !important;}
.padding-0{ padding: 0 !important;}
.block{ display: block !important;}
.inline-block{ display: inline-block !important;}
.hide{ display: none !important;}

/* foot */
.stui-foot{ padding:20px 0 10px;}


.dplayer{
	height: 500px;
}
@media (max-width: 768px){

.dplayer{
	height: 200px;
}

}


.pcshow{ display:block;}
.wapshow{display:none;}

@media only screen and (max-width:768px) {
.pcshow{ display:none;}
.wapshow{display:block ;}

}