@charset "utf-8";html {height:100%}
body {margin:0;font-family:'Helvetica Neue','STHeiti','微软雅黑','Microsoft YaHei',Helvetica,Arial,sans-serif;font-size:14px;line-height:140%}
ul,ol,li {margin:0;padding:0;list-style:none}
dl {margin-top:0;margin-bottom:0}
p {margin:0 0 10px}
* {-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 {position:relative;margin-right:auto;margin-left:auto}
.row {position:relative}
.container:before,.container:after,.row:before,.row:after,.clearfix:before,.clearfix:after {display:table;content:" ";clear:both}
.col-pd,.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {position:relative;min-height:1px;padding:10px}
.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95 {float:left}
.col-xs-10 {width:10%}
.col-xs-9 {width:11.1111111%}
.col-xs-8 {width:12.5%}
.col-xs-7 {width:14.2857143%}
.col-xs-6 {width:16.6666667%}
.col-xs-5 {width:20%}
.col-xs-4 {width:25%}
.col-xs-3 {width:33.3333333%}
.col-xs-2 {width:50%}
.col-xs-1 {width:100%}
.col-xs-wide-10 {width:10%}
.col-xs-wide-9 {width:90%}
.col-xs-wide-8 {width:80%}
.col-xs-wide-7 {width:70%}
.col-xs-wide-6 {width:60%}
.col-xs-wide-5 {width:50%}
.col-xs-wide-4 {width:40%}
.col-xs-wide-3 {width:30%}
.col-xs-wide-2 {width:20%}
.col-xs-wide-15 {width:15%}
.col-xs-wide-95 {width:95%}
.col-xs-wide-85 {width:85%}
.col-xs-wide-75 {width:75%}
.col-xs-wide-65 {width:65%}
.col-xs-wide-55 {width:55%}
.col-xs-wide-45 {width:45%}
.col-xs-wide-35 {width:35%}
.col-xs-wide-25 {width:25%}
@media(min-width:768px) {.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95 {float:left}
.col-sm-10 {width:10%}
.col-sm-9 {width:11.1111111%}
.col-sm-8 {width:12.5%}
.col-sm-7 {width:14.2857143%}
.col-sm-6 {width:16.6666667%}
.col-sm-5 {width:20%}
.col-sm-4 {width:25%}
.col-sm-3 {width:33.3333333%}
.col-sm-2 {width:50%}
.col-sm-1 {width:100%}
.col-sm-wide-10 {width:10%}
.col-sm-wide-9 {width:90%}
.col-sm-wide-8 {width:80%}
.col-sm-wide-7 {width:70%}
.col-sm-wide-6 {width:60%}
.col-sm-wide-5 {width:50%}
.col-sm-wide-4 {width:40%}
.col-sm-wide-3 {width:30%}
.col-sm-wide-2 {width:20%}
.col-sm-wide-15 {width:15%}
.col-sm-wide-95 {width:95%}
.col-sm-wide-85 {width:85%}
.col-sm-wide-75 {width:75%}
.col-sm-wide-65 {width:65%}
.col-sm-wide-55 {width:55%}
.col-sm-wide-45 {width:45%}
.col-sm-wide-35 {width:35%}
.col-sm-wide-25 {width:25%}
}
@media(min-width:992px) {.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95 {float:left}
.col-md-10 {width:10%}
.col-md-9 {width:11.1111111%}
.col-md-8 {width:12.5%}
.col-md-7 {width:14.2857143%}
.col-md-6 {width:16.6666667%}
.col-md-5 {width:20%}
.col-md-4 {width:25%}
.col-md-3 {width:33.3333333%}
.col-md-2 {width:50%}
.col-md-1 {width:100%}
.col-md-wide-10 {width:10%}
.col-md-wide-9 {width:90%}
.col-md-wide-8 {width:80%}
.col-md-wide-7 {width:70%}
.col-md-wide-6 {width:60%}
.col-md-wide-5 {width:50%}
.col-md-wide-4 {width:40%}
.col-md-wide-3 {width:30%}
.col-md-wide-2 {width:20%}
.col-md-wide-15 {width:15%}
.col-md-wide-95 {width:95%}
.col-md-wide-85 {width:85%}
.col-md-wide-75 {width:75%}
.col-md-wide-65 {width:65%}
.col-md-wide-55 {width:55%}
.col-md-wide-45 {width:45%}
.col-md-wide-35 {width:35%}
.col-md-wide-25 {width:25%}
}
@media(min-width:1200px) {.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95 {float:left}
.col-lg-10 {width:10%}
.col-lg-9 {width:11.1111111%}
.col-lg-8 {width:12.5%}
.col-lg-7 {width:14.2857143%}
.col-lg-6 {width:16.6666667%}
.col-lg-5 {width:20%}
.col-lg-4 {width:25%}
.col-lg-3 {width:33.3333333%}
.col-lg-2 {width:50%}
.col-lg-1 {width:100%}
.col-lg-wide-10 {width:10%}
.col-lg-wide-9 {width:90%}
.col-lg-wide-8 {width:80%}
.col-lg-wide-7 {width:70%}
.col-lg-wide-6 {width:60%}
.col-lg-wide-5 {width:50%}
.col-lg-wide-4 {width:40%}
.col-lg-wide-3 {width:30%}
.col-lg-wide-2 {width:20%}
.col-lg-wide-15 {width:15%}
.col-lg-wide-95 {width:95%}
.col-lg-wide-85 {width:85%}
.col-lg-wide-75 {width:75%}
.col-lg-wide-65 {width:65%}
.col-lg-wide-55 {width:55%}
.col-lg-wide-45 {width:45%}
.col-lg-wide-35 {width:35%}
.col-lg-wide-25 {width:25%}
}
@media(max-width:767px) {[class*=col-] {padding:5px}
}
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:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:focus,a:hover,a:active {text-decoration:none}
.icon {font-size:16px}
.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}
.text-overflow {width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
img {border:0;vertical-align:middle}
.img-circle {border-radius:50%}
.img-rounded {border-radius:5px}
.img-thumbnail {padding:5px;border-radius:5px}
.img-responsive {display:block;max-width:100%;height:auto}
input {outline:medium none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.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}
textarea.form-control {height:auto}
.split-line {display:inline-block;margin-left:10px;margin-right:10px;width:1px;height:14px;vertical-align:-2px}
.top-line,.top-line-dot,.bottom-line,.bottom-line-dot {position:relative}
.top-line:before,.top-line-dot:before {content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px}
.bottom-line:after,.bottom-line-dot:before {content:" ";position:absolute;left:0;bottom:0;right:0;width:100%;height:1px}
.badge {display:inline-block;margin-right:10px;width:18px;height:18px;text-align:center;line-height:18px;border-radius:2px;font-size:12px}
.badge-radius {border-radius:50%}
.btn {display:inline-block;padding:5px 25px;font-size:12px;border-radius:4px}
.btn .icon {font-size:12px}

.btn.disabled {cursor:not-allowed}
.tag {padding-left:10px}
.tag li {float:left}

.tag-text li {padding-right:10px;padding-bottom:10px}
.nav {height:30px}
.nav>li {float:left}
.nav-head>li {margin-top:5px;margin-right:30px}
.nav-head>li>a {padding-bottom:12px;font-size:16px}
.nav-tabs>li {margin-left:30px}
.nav-tabs>li>a {display:inline-block;padding:8px 0 10px}
.nav-tag>li {margin-left:10px}
.nav-tag>li>a {display:inline-block;padding:0 10px;height:25px;line-height:23px;font-size:12px;border-radius:20px}
.nav-text>li {line-height:30px}
.nav-text>li.active>a {color:#f80}
.nav-page {margin-left:10px}
.nav-page>li {margin-left:5px}
.nav-page>li>a {display:inline-block;font-size:12px;padding:0 6px;height:25px;line-height:23px}
.nav-page>li>a>.icon {font-size:12px}
.nav-page>li:first-child {margin-left:0}
.nav-page>li:first-child>a {border-radius:4px 0 0 4px}
.nav-page>li:last-child>a {border-radius:0 4px 4px 0}
.pic-tag {position:absolute;z-index:99;padding:2px 5px;font-size:12px;border-radius:2px}
.pic-tag-t {top:5px;left:5px}
.pic-tag-l {bottom:5px;left:5px}
.pic-tag-b {bottom:5px;right:5px}
.pic-tag-r {top:5px;right:5px}
.pic-tag-h {left:0;top:0;padding:2px 8px;border-radius:0 0 8px 0}
.pic-tag-lg {padding:4px 10px}
.pic-text {display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;font-size:12px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.pic-text-silde {padding-bottom:20px;font-size:14px}
.pic-text-lg {padding:8px 20px;font-size:14px}
.pic-title-t {display:block;width:100%;position:absolute;top:0;left:0;padding:5px 10px 10px;font-size:12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pic-title-b {display:block;width:100%;position:absolute;bottom:0;left:0;padding:5px 10px;font-size:12px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stui-pannel {position:relative;margin-bottom:20px}
.stui-pannel.stui-pannel-x {margin:-10px -10px 10px}
.stui-pannel-bg {border-radius:2px}
.stui-pannel-side {padding:0 0 0 20px}
.stui-pannel-box.active {padding:0;margin:-10px}
.stui-pannel_hd {padding:10px}
.stui-pannel__head {position:relative;height:30px}
.stui-pannel__head.active {height:40px}
.stui-pannel__head .title {float:left;margin:0;padding-right:10px;line-height:24px}
.stui-pannel__head .title img {display:inline-block;width:24px;height:24px;margin-right:10px;vertical-align:-5px}
.stui-pannel__head .more {line-height:30px}

.stui-vodlist__thumb {display:block;position:relative;padding-top:150%;background:url(bg1.gif) no-repeat;background-position:50% 50%;background-size:cover}
.stui-vodlist__thumb.picture {background:0;overflow:hidden}
.stui-vodlist__thumb.picture img {position:absolute;top:0;left:0;width:100%;height:100%}
.stui-vodlist__thumb .play {display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,0.1) url(1534926784116new.png) center no-repeat}
.stui-vodlist__thumb .play.active {display:block}
.stui-vodlist__thumb:hover .play {display:block}
.stui-vodlist__detail.active {padding:0 10px 10px}
.stui-vodlist__detail .title {font-size:14px;margin-bottom:0}
.stui-vodlist__detail .title.active {font-size:16px;margin-bottom:10px}
.stui-vodlist__detail .text {min-height:19px;font-size:12px;margin-bottom:0;margin-top:5px}
.stui-vodlist__detail .text-title {font-size:14px;line-height:18px;margin:11px 0 0;height:36px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.stui-vodlist__media li {padding:10px 0 10px}
.stui-vodlist__media.active li:first-child {padding-top:0}
.stui-vodlist__media.active li:last-child {padding-bottom:0}
.stui-vodlist__media li .thumb,.stui-vodlist__media .detail {display:table-cell;vertical-align:middle}
.stui-vodlist__media li .thumb .w-thumb {width:190px}
.stui-vodlist__media li .thumb .v-thumb {width:120px}
.stui-vodlist__media li .thumb .f-thumb {width:120px}
.stui-vodlist__media li .thumb .m-thumb {width:65px}
.stui-vodlist__media li .detail {width:100%;padding:0 20px 0}
.stui-vodlist__media li .detail-side {padding:0 10px 0}
.stui-vodlist__media li .detail-left {padding:0 20px 0 0}
.stui-vodlist__media li .detail .title {margin:10px 0 10px}
.stui-vodlist__rank li {margin-bottom:10px}
.stui-vodlist__rank li:last-child {margin-bottom:0}



.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:block}
.tab-content>.tab-pane.active,.carousel-inner>.item.active {display:block}

.open>.dropdown-menu {display:block}
.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}
.relative {position:relative}
.top-fixed-up {margin-top:0!important}
.bottom-fixed-up {margin-bottom:0!important}
.top-fixed,.bottom-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}
.margin-t0 {margin:0!important}
.padding-t0 {padding:0!important}
.margin-b0 {margin:0!important}
.padding-b0 {padding:0!important}
.block {display:block!important}
.inline-block {display:inline-block!important}
.hide,.visible-lg,.visible-md,.visible-sm,.visible-xs,.visible-mi {display:none!important}
.mask {position:fixed;top:0;left:0;bottom:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.2);animation:fade-in;animation-duration:.5s;-webkit-animation:fade-in .5s}
@keyframes fade-in {0% {opacity:0}
40% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes fade-in {0% {opacity:0}
40% {opacity:0}
100% {opacity:1}
}
@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:991px) {.stui-pannel-side {padding:0}
.stui-vodlist__detail .title.active {font-size:14px;margin-bottom:0}
.stui-vodlist__media li .thumb .v-thumb {width:90px}
.stui-vodlist__media li .thumb .w-thumb {width:130px}
.stui-vodlist__media li .thumb .f-thumb {width:70px}
}
@media(max-width:767px) {.visible-xs {display:block!important}
.hidden-xs {display:none!important}
body {font-size:12px}
h1 {font-size:20px;line-height:24px}
h2 {font-size:18px;line-height:22px}
h3 {font-size:16px;line-height:20px}
h4 {font-size:14px;line-height:18px}
h5 {font-size:12px;line-height:16px}
h6 {font-size:10px;line-height:14px}
.btn {padding:5px 15px}
.nav {height:20px}
.nav-head>li {margin-top:2px;margin-right:20px}
.nav-head>li>a {padding-bottom:10px;font-size:14px}
.nav-tabs>li {margin-left:20px}
.nav-tabs>li>a {padding:6px 0 6px}
.nav-page>li>a {padding:0 3px;height:20px;line-height:18px}
.top-line:before,.top-line-dot:before {-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.bottom-line:after,.bottom-line-dot:before {-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.m-top-line,.m-top-line-dot,.m-bottom-line,.m-bottom-line-dot {position:relative}
.m-top-line:before,.m-top-line-dot: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(0.5);transform:scaleY(0.5)}
.m-bottom-line:after,.m-bottom-line-dot:before {content:" ";position:absolute;left:0;bottom:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.stui-pannel {margin-bottom:0}
.stui-pannel.stui-pannel-x {margin:0 0 5px}
.stui-pannel-bg {border-radius:0}
.stui-pannel-box.active {margin:5px}
.stui-pannel_hd {padding:5px}
.stui-pannel__head {height:20px}
.stui-pannel__head.active {height:30px}
.stui-pannel__head .title,.stui-pannel__head .title a {font-size:18px}
.stui-pannel__head .title img {width:18px;height:18px;margin-right:5px;vertical-align:-2px}
.stui-pannel__head .more {line-height:20px}
.stui-vodlist__thumb .tag {padding:0 5px}
.stui-vodlist__thumb .silde-title {font-size:12px}
.stui-vodlist__detail .title,.stui-vodlist__detail .title.active {margin-bottom:0;font-size:12px}
.stui-vodlist__media li .thumb .v-thumb {width:80px}
.stui-vodlist__media li .thumb .w-thumb {width:130px}
.stui-vodlist__media li .thumb .f-thumb {width:70px}
.stui-vodlist__media li .detail {padding-left:10px}
.stui-vodlist__media li .detail.active {padding-left:0;padding-right:10px}

.stui-content__playlist.column6 li,.stui-content__playlist.column10 li {width:33.3333333%}
.carousel .list {margin-right:10px}

}
@media(max-width:374px) {.visible-mi {display:block!important}
.hidden-mi {display:none!important}
.stui-vodlist__media li .thumb .v-thumb {width:60px}
.stui-vodlist__media li .thumb .w-thumb {width:100px}
.stui-vodlist__media li .thumb .f-thumb {width:50px}
.stui-vodlist__media li .detail {padding-left:10px}
}
#vod {height:450px}
@media(max-width:767px) {#vod {height:230px}
}
body {padding-top:86px;width:100%;position:relative}
.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}
.stui-player__detail {margin-top:20px}
.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-position:50% 50%;background-size:cover;text-indent:-999em; }

.stui-content__detail,.stui-content__thumb {display:table-cell;vertical-align:middle}

.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}

.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}

.stui-page {margin-bottom:30px;margin-top:10px}
.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}

.detail-content {padding-top:10px; font-size:16px; line-height:28px;}
@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) {.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:30px;background-position:50% 50%;background-size:cover}

}
@media(max-width:767px) {[class*=col-] {padding:5px}
.stui-header__logo {margin-left:10px}

.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;width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stui-content__detail .play-btn {margin:0;padding:0}

.stui-player__detail .data .title {font-size:16px}

.stui-screen__list.letter-list li a,.stui-screen__list.letter-list li.active a {padding:2px 0 2px}
.stui-mobile__type li {padding:0 20px}
.stui-mobile__type li a {display:block;padding:10px 0;text-align:center}
.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}

}

.img1 {height:100px}

@media(max-width:767px) {.img1 {width:76%;height:76%}

}


@media screen and (max-width:767px) {
	
.flickity-prev-next-button {display:none}
.vindex_9,.vindex_10,.vindex_11 {display:none}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {.lunbo {height:300px}


}
@media screen and (min-width:1024px) {
	
.vindex_10,.vindex_11 {display:none}
}
.flickity-prev-next-button {z-index:200}
.next {right:0!important}
.previous {left:0!important}
body {background:#f8f8f8;color:#666}
a,h1,h2,h3,h4,h5,h6 {color:#333}
a:hover {color:#ff7c81}
.text-red {color:red}
.text-muted {color:#999}

.btn,.btn:hover,.btn .icon {color:#333}
.btn {border:1px solid #eee}


.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {background-color:#ff7c81;color:#fff}
.split-line {background-color:#eee}
.top-line:before {border-top:1px solid #eee}
.bottom-line:after {border-bottom:1px solid #eee}
.top-line-dot:before {border-top:1px dotted #eee}
.bottom-line-dot:before {border-bottom:1px dotted #eee}
.badge {background-color:#eee}
.badge-first {background-color:#ff4a4a;color:#fff}
.badge-second {background-color:#ff7701;color:#fff}
.badge-third {background-color:#ffb400;color:#fff}
.nav-head>li.active>a,.nav-tabs>li.active>a {border-bottom:2px solid #ff7c81;color:#ff7c81;font-size:1rem}
.nav-tag>li>a,.nav-page>li>a {background-color:#fff;border:1px solid #eee;color:#333}
.nav-tag>li>a:hover,.nav-tag>li.active a,.nav-page>li>a:hover,.nav-page>li.active>a {background-color:#ff7c81;border:1px solid #ff7c81;color:#fff}
.nav-page>li>a:hover>.icon {color:#fff}

.pic-tag {background-color:rgba(0,0,0,0.6);color:#fff}
.pic-tag.active,.pic-tag-h {background-color:#ff7c81;color:#fff}
.pic-text {background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#fff}
.pic-text.active {background:rgba(0,0,0,0.6);color:#fff}
.stui-pannel-bg {background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}

@media(max-width:767px) {.form-control {background-color:#f8f8f8;color:#999;border:0}
.stui-pannel-bg,.stui-vodlist__bg,.stui-vodlist__bg:hover {box-shadow:none}

}
.stui-header__top {background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.1)}


.stui-page li a,.stui-page li .num {background-color:#fff;border:1px solid #eee}
.stui-page li a:hover,.stui-page li.am-active a,.stui-page li.active .num,.stui-page li.active a {background-color:#ff7c81;color:#fff;border:1px solid #ff7c81}

@media(max-width:1024px) {.stui-header__menu:before {border-top:1px solid #eee}
.stui-header__menu li.active a {background:0;color:#333}
.stui-header__menu li.active a:before {background-color:#ff7c81}
}
@media(max-width:767px) {.stui-page .live {display:block!important}
.stui-screen__list li.active a {background:0;color:#ff7c81}
}
.red {line-height:33px}
#vdimgck {margin-left:10px;width:75px}
.slide_box .pic-text {background-image:none!important}
.v_sort i {font-size:1.5em;color:#ff7c81}
.stui_header_menu li.active a {color:#ff7c81}
body {padding-top:65px!important}
#header-top {box-shadow:0 1px 4px rgba(0,0,0,.1);margin-bottom:5px!important;min-height:50px}
.logo {background-image:url("logo.jpg")!important;background-size:contain!important;background-repeat:no-repeat}
.stui-pannel_bd {padding:10px}
body,html {overflow-x:hidden!important}
.stui-pannel-bg {border-bottom:5px solid #eee;margin-bottom:10px}
.stui-page {padding-bottom:15px!important}
.f-cb:after,.clearfix:after,.f-cbli li:after {display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f-cb,.f-cbli li,.clearfix {zoom:1}
.stui_header_menu {float:right;height:50px}
.stui_header_menu li {height:100%;margin-right:10px;padding-top:5px;float:left;height:45px;text-align:center;line-height:160%!important}
.stui_header_menu li a {font-size:14px;text-align:center}
.stui_header_menu li a i {font-size:20px}
@media(min-width:767px) {.stui-header__logo {margin-top:5px!important}
.stui_header_menu li {margin-right:20px}
}
@media(max-width:767px) {.v2index_10 {display:none!important}
body {padding-top:50px!important}
}

.stui-vodlist li,.stui-vodlist__bd li {-webkit-transition:all .2s linear;transition:all .2s linear}
.stui-vodlist li:hover,.stui-vodlist__bd li:hover {-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
@media(max-width:768px) {.swiper-container {max-height:250px}
.swiper-container li {max-height:250px}
}
@media(min-width:1200px) {.swiper-container {max-height:500px}
.swiper-container li {max-height:500px}
}
#nav_play_list_select {display:inline-block;width:150px;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.tab-content .fade {display:none}

input {-webkit-appearance:none}

.stui_header_menu li a {display:inline-block!important}
@media(min-width:992px) {.v2index_2,.v2index_3 {display:none}
}
@media(min-width:768px) and (max-width:992px) {.tjindex_6 {display:none}
}
#foot_foot_2 a,.col-pd a,.col-pd {color:#999 !important;}
.ad_box img {max-width:640px;}
.dbrate {color:#e09015;font-size:12px;padding-left:2px;}
.stui-vodlist__bd li,.stui-vodlist li {overflow:hidden;}
.star {display:inline-block;width:55px;height:11px;}
.star50,.star45,.star40,.star35,.star30,.star25,.star20,.star15,.star10,.star5,.star0 {display:inline-block;*display:inline;width:55px;height:11px;overflow:hidden;margin-top:0;margin-bottom:0;}
.star50 {background-position:0 0}
.star45 {background-position:0 -11px}
.star40 {background-position:0 -22px}
.star35 {background-position:0 -33px}
.star30 {background-position:0 -44px}
.star25 {background-position:0 -55px}
.star20 {background-position:0 -66px}
.star15 {background-position:0 -77px}
.star10 {background-position:0 -88px}
.star5 {background-position:0 -99px}
.star0 {background-position:0 -110px}

#menu_ul {position:absolute;right:-9px;top:51px;display:none;width:300px;border-radius:4px;background-color:#fff;padding:10px 10px 10px 20px;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:999;box-sizing:border-box;}
#menu_ul:before {content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-5px;left:270px;background-color:#fff;}
#menu_ul li {width:33.333333%;height:38px;text-align:center;line-height:30px !important;padding-bottom:10px;padding-right:10px;text-align:center;box-sizing:border-box;margin-right:0;margin-bottom:5px;}
#menu_ul li a {box-sizing:border-box;display:block !important;padding:6px;border-radius:4px;background-color:#f5f5f5;font-size:12px;line-height:22px;}
#menu_ul li.active a {background-color:#ff7c81;color:#fff;}
#menu_ul li.line {width:300px;display:block;height:1px;overflow:hidden;}
.btn-blue:active {color:white;transform:translateY(4px);transition-duration:.5s;}
.btn-blue:hover {color:white;}
.swiper-pagination-bullet {transition-duration:.3s;background-color:transparent;border:1px solid #fff;box-sizing:border-box;}
.swiper-pagination-bullet-active {width:24px;border-radius:8px;border:1px solid #41ce6f;background-color:#41ce6f;}
#fixul {z-index:900;}
#fixul i.fa {position:relative;top:5px;}
.container {padding:0;}
.row {margin:0;}
/*index_page*/@media(max-width:767px) {#index_page .vtimeindex_3 {display:none;}
}
#index_page .swiper-button-next,#index_page .swiper-button-prev {background-color:rgba(210,210,210,.6);background-size:15px 15px;border-radius:50%;width:42px;height:42px;transition:all .5s;outline:none;opacity:.5;}
#index_page .swiper-button-next:hover,#index_page .swiper-button-prev:hover {opacity:1;}
#index_page .swiper-container,#index_page .swiper-container .swiper-slide,#index_page .swiper-container .swiper-img {height:350px;width:100vw;max-width:1170px;}
@media(max-width:768px) {#index_page .swiper-container,#index_page .swiper-container .swiper-slide,#index_page .swiper-container .swiper-img {height:250px;}
}
@media(min-width:1200px) {#index_page .swiper-container,#index_page .swiper-container .swiper-slide,#index_page .swiper-container .swiper-img {height:450px;}
.swiper-button-next,.swiper-button-prev {width:52px;height:52px;}
}
#index_page .swiper-img {overflow:hidden;resize:both;}
#index_page .swiper-container .swiper-img img {object-fit:cover;width:100%;height:100%;}
/*CONTENT_PAGE*/@media (max-width:767px) {.CONTENT_PAGE .stui-content__detail>div {display:none;}
}
.CONTENT_PAGE .detail-content img {max-width:100px;}
@media(max-width:767px) {.CONTENT_PAGE .v3topicindex_3 {display:none;}
}


.star {background-image:url("HTB1x0AqQhnaK1RjSZFt5jbC2VXa8.gif");}
.logo {background-image:url("logo1.jpg") !important;}
.stui-vodlist__thumb {background-image:url("bg2.jpg");}



.skws { text-align:center;width:100%;height:auto;overflow:hidden;word-wrap: break-word; }
.skws a { margin-right:10px;color:#fff;padding:2px 5px;margin-bottom:3px;border-radius:8px;font-size:14px;display:inline-block;line-height:1.3; }
.skws a:nth-child(5n+0) {background-color:#007bff;border-color:#007bff;}
.skws a:nth-child(5n+1) {background-color:#28a745;border-color:#28a745;}
.skws a:nth-child(5n+2) {background-color:#17a2b8;border-color:#17a2b8;}
.skws a:nth-child(5n+3) {background-color:#f90;border:1px solid #f90;}
.skws a:nth-child(5n+4) {background-color:#dc3545;border-color:#dc3545;}
.page_page_getmore { text-align:center;padding-bottom:15px;padding-top:15px; }
.col-lg-wide-25{ overflow:hidden; }