@charset "utf-8";
/* all */
body,html {width:100%;height:100%;}
body {margin:0;font-family:"Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;font-size:14px;line-height:140%;color:#757575;background-color:#000000;}
body:after {content:"";position:fixed;z-index:-1;top:0;left:0;bottom:0;right:0;background-color:#29262d;background:-webkit-linear-gradient(top,#29262d,#000000);background:-o-linear-gradient(top,#29262d,#000000);background:-moz-linear-gradient(top,#29262d,#000000);background:linear-gradient(top,#29262d,#000000);}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr {margin:0;padding:0;font-weight:normal}
input,select {font-size:12px;vertical-align:middle;border:none;}
ul,li {list-style-type:none;}
img {border:0 none;}
p {margin:0 0 10px;}
::-webkit-scrollbar {width:4px;background-color:#1c1b1e;}
::-webkit-scrollbar-thumb {background-color:#434145;}
/* 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 {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;}
.nopc {display:none !important;}
.cpvad {display:none !important;}
.cpbad {margin:0px 0px 0px 0px;max-height:130px;border-radius:0px;overflow:hidden!important;}
.cpcad {width:100%;max-height:130px;border-radius:0px;overflow:hidden!important;}
/* more */
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;color:#757575;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button:hover {cursor:pointer;}
a:focus,a:hover,a:active {text-decoration:none;color:#fdf751;}
.icon {font-size:16px;vertical-align:-1px;}
.font-16 {font-size:16px;}
.font-14 {font-size:14px;}
.font-12 {font-size:12px;}
.text-red {color:red;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.pull-right {float:right !important;}
.pull-right1 {float:right !important;color:#cccccc;padding-top:5px;padding-right:10px;}
.pull-right2 {float:right !important;color:#cccccc;padding-top:5px;}
.hide {display:none !important;}
.text-overflow {width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.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;background-repeat:no-repeat;background-image:linear-gradient(transparent,rgba(0,0,0,.5));color:#FFFFFF;}
.pic-text1 {overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;position:absolute;right:0;bottom:0;left:0;height:44px;padding:12px;top:8px;background:none;display:block;padding:0px;}
.pic-text1 b {background:rgba(0,0,0,.51);color:#c2c6d0;border-radius:10px 0 0 10px;max-width:75%;padding:0 5px;line-height:20px;font-size:12px;display:inline-block !important;float:right;margin:0;}
.pic-tag {position:absolute;top:0;right:0;z-index:99;padding:2px 8px;font-size:12px;border-radius:0 0 0 8px;background-color:#FF9900;color:#FFFFFF;}
.play-bg {position:fixed;z-index:0;bottom:0;left:0;width:100%;height:150px;background:url(../img/play_bg.png) center no-repeat;}
.stui-pannel {margin-bottom:20px;}
.stui-foot {margin-top:30px;margin-bottom:40px;}
/* form */
input,textarea {outline:medium none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input.form-control,input.btn {outline:0px;-webkit-appearance:none;}
input[type="checkbox"] {vertical-align:-2px;}
.form-control {display:block;width:100%;height:35px;padding:0 10px;font-size:12px;line-height:20px;border-radius:4px;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control {height:auto;}
/* header */
.stui-header {margin:30px 0 20px;}
.stui-header__logo,.stui-header__menu {float:left;margin-left:10px;}
.stui-header__logo .logo {display:block;width:150px;height:50px;line-height:50px;font-size:24px;font-weight:bold;}
.stui-header__logo a {color:#efefef;}
.stui-header__logo .logo::before { content: ""; display: inline-block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 22px solid #fdf751; margin-right: 12px; vertical-align: middle; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); transition: all 0.3s ease; } .stui-header__logo .logo:hover::before { border-left-color: #FFA000; transform: scale(1.1); }
.stui-header__menu {position:relative;margin-top:15px;margin-left:30px;}
.stui-header__menu li {float:left;margin-right:30px}
.stui-header__menu li a {position:relative;font-size:18px;color:#757575;}
.stui-header__menu li a:hover,.stui-header__menu li.active a {color:#fdf751;}
.stui-header__menu li.active a:before {content:" ";position:absolute;left:30%;bottom:-10px;width:40%;height:3px;background-color:#fdf751;border-radius:2px;}
.stui_header__user {float:right;margin-top:15px;margin-right:10px;}
.stui_header__user > li {position:relative;float:left;padding-bottom:10px;margin-left:30px;}
.stui_header__user > li > a {color:#757575;}
.stui_header__user > li > a:hover {color:#fdf751;}
.stui_header__user > li > a .iconfont {font-size:22px;}
.stui_header__user > li > span {font-size:24px;color:#757575;}
/* dropdown */
.dropdown {display:none;position:absolute;z-index:999;top:100%;padding:15px;border-radius:2px;background-color:#f0f0f0;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.dropdown:after {content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-5px;right:15px;background-color:#f0f0f0;}
.dropdown.search {right:-10px;}
.dropdown.search .item {position:relative;width:200px;}
.dropdown.search .item .form-control {background-color:#ffffff;}
.dropdown.search .item .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;}
.dropdown.search .item .submit .icon {font-size:14px;color:#999999}
.dropdown.search li {padding:10px 5px;border-top:1px solid #dfdfdf;}
.dropdown.search li:first-child {border-top:0;}
.dropdown.search li a {display:block;}
.dropdown.search li a:hover {color:#ff6600;}
.dropdown.search li a span {color:#999999;}
.dropdown.type {right:-10px;width:240px;padding:15px 7px 7px 15px;}
.dropdown.type li {float:left;width:33.333333%;padding-right:8px;padding-bottom:8px;}
.dropdown.type li a {display:block;padding:8px 3px;border-radius:2px;background-color:#fff;font-size:14px;text-align:center;}
.dropdown.type li a:hover,.dropdown.type li.active a {background-color:#ff6600;color:#fff;}
.dropdown.history {right:-10px;width:240px;}
.dropdown.history .head h5 {margin:0;padding-bottom:10px;}
.dropdown.history .head a {color:red;}
.dropdown.history li a {display:block;padding:8px 0;border-top:1px solid #eee;color:#333;}
.dropdown.history li a:hover {color:#ff6600;}
.dropdown.history li a span {color:#999;}
/* screen */
.stui-screen {padding:10px;}
.stui-screen .head {padding:15px;border-radius:2px;background-color:#333235;}
.stui-screen .head .text,.stui-screen .head .all {color:#999;}
.stui-screen .head a {color:#999;}
.stui-screen .item {display:block;}
.stui-screen .item ul {padding:15px;border-bottom:1px solid #434145;}
.stui-screen .item ul li {float:left;}
.stui-screen .item ul li a {display:inline-block;padding-left:20px;}
.stui-screen .item ul li a,.stui-screen .item ul li span {color:#999;}
.stui-screen .item ul li.active a,.stui-screen .item ul li a:hover {color:#fdf751;}
/* list */
.stui-vodlist__head {margin-top:30px;padding:0 10px;}
.stui-vodlist__head h2,.stui-vodlist__head h2 a {color:#ffffff;font-weight:bold;}
.stui-vodlist__head h3,.stui-vodlist__head h3 a{ color: #fdf751;}
.stui-vodlist__head h4,.stui-vodlist__head h4 a {color:#ffffff;}
.stui-vodlist__head p {padding-left:20px;}
.stui-vodlist__head p a {display:inline-block;margin-right:20px;}
.stui-vodlist li {float:left;padding:10px;width:16.6666667%;}
.stui-vodlist li.index {width:33.333333%;}
.stui-vodlist li.like {width:50%;padding:5px;}
.stui-vodlist li.topic {width:25%;}
.stui-vodlist__thumb {display:block;position:relative;padding-top:150%;border-radius:7px;background:url(../img/load.gif) no-repeat;background-position:50% 50%;background-size:cover;}
.stui-vodlist__thumb.active {padding-top:60%;background:url(../img/load_w.gif) no-repeat;background-position:50% 50%;background-size:cover;}
.stui-vodlist__thumb .play {display:none;position:absolute;top:0;z-index:1;border-radius:7px;width:100%;height:100%;background:rgba(0,0,0,0.1) url(../img/play.png) center no-repeat;}
.stui-vodlist__thumb .num{display: inline-block;display: inline-block;position: absolute;top: 0;left: 0;width: 25px;height: 25px;border-radius: 0 15px 0 1px;color: #fff;font-family: numFont,PingFangSC-Light,PingFangSC-Regular,Tahoma,Microsoft Yahei,sans-serif;font-size: 12px;line-height: 26px;text-align: center;background: #f30f1c;}
.stui-vodlist__thumb:hover .play {display:block;}
.stui-vodlist__detail {margin:0;padding:10px 15px;background-color:#1c1b1e;}
.stui-vodlist__detail .title {margin:0;text-align:center;}
.stui-vodlist__detail .title a {font-size:14px;color:#fff;}
.stui-vodlist__detail .title a:hover {color:#fdf751;}
.stui-vodlist__detail .text {margin-bottom:0;color:#999999;}
.stui-vodlist__detail.index {padding:5px 10px;}
.stui-vodlist__detail.index .title {margin:10px 0;font-size:16px;text-align:left;}
.stui-vodlist__detail.index .title .score {font-size:14px;color:#fdf751;}
.stui-vodlist__detail.index .title .iconfont {color:#ff6600;}
.stui-vodlist__detail.index .text {margin-bottom:8px;padding-left:0px;}
/* content */
.stui-content {padding:10px;}
.stui-content__detail,.stui-content__thumb,.stui-content__side {display:table-cell;vertical-align:top}
.stui-content__side p {padding:0px 30px;}
.stui-content__thumb .pic {display:block;width:220px;}
.stui-content__thumb .pic img {max-width:100%;}
.stui-content__side {width:240px;padding-top:80px;text-align:center;background-color:#444;}
.stui-content__detail {padding:20px;width:100%;background-color:#1c1b1e;}
.stui-content__detail .title {margin:0 0 10px;font-size:18px;color:#fff;}
.stui-content__detail .data {margin-bottom:10px;}
.stui-content__detail .data2 {color:#757575;}
.stui-content__detail .data3 {color:#fdf751;}
.stui-content__detail .data4 {font-size:12px;color:#757575;}
.stui-content__detail .desc {padding-left:42px;line-height:25px;}
.stui-content__detail .desc .left {margin-left:-42px}
.stui-content__detail .play-btn {padding-left:42px;margin-top:20px}
.stui-content__detail .play-btn a {display:inline-block;padding:10px 25px;border-radius:5px;background-color:#fdf751;font-size:14px;color:#333;}
/* player */
.stui-player {position:relative;z-index:2;padding:10px;}
.stui-player__video {background-color:#000;}
.stui-player__left {position:relative;float:left;width:75%;}
.stui-player__side {position:relative;float:left;width:25%;background-color:#333333;}
.stui-player__side .tab {padding:15px;border-bottom:1px solid #434145;}
.stui-player__side .tab li {float:left;padding-right:20px;}
.stui-player__side .tab li a {position:relative;font-size:16px;color:#757575;}
.stui-player__side .tab li.active a:before {content:" ";position:absolute;left:25%;bottom:-15px;width:50%;height:2px;background-color:#fdf751;}
.stui-player__side .tab li.active a {color:#fdf751;}
.stui-player__side .item {display:none;position:relative;padding:15px 10px;}
.stui-player__side .item.active {display:block;}
.stui-player__side .item .head {position:relative;color:#757575;padding-bottom:10px;padding-right:5px;font-size:15px;}
.stui-player__side .item .head a {color:#757575;}
.stui-player__side .item .head h3 {margin:0;padding-left:5px;font-size:14px;}
.stui-player__side .item .head .switch-line {margin-top:5px;}
.stui-player__side .item .tab-top {display:none;position:absolute;z-index:999;top:100%;right:0;padding:10px 25px;border-radius:2px;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,0.2);}
.stui-player__side .item .tab-top:after {content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;top:-5px;right:15px;background-color:#fff;}
.stui-player__side .item .tab-top li {line-height:35px;border-bottom:1px solid #eee;text-align:center;}
.stui-player__side .item .tab-top li:last-child {border-bottom:0;}
.stui-player__side .item .tab-top li a {font-size:14px;}
.stui-player__side .item .tab-top li a:hover {color:#ff6600;}
.stui-player__side .cont {display:none;}
.stui-player__side .cont.active {display:block;}
.stui-player__detail {padding:20px;background-color:#1c1b1e;}
.stui-player__detail .title {margin:0 0 10px;font-size:18px;color:#fff;}
.stui-player__detail .title a {color:#fff;}
.stui-player__detail .more {float:right;padding-top:10px;}
.stui-player__detail .more a {display:inline-block;padding:6px 15px;margin-left:10px;border-radius:2px;background-color:#252527;color:#999;}
.stui-player__detail .more a:hover {color:#fdf751;}
.stui-player__detail .data {font-size:14px;color:#757575;}
.stui-player__detail .data a {color:#757575;}
.stui-player__detail .data2 {font-size:14px;color:#757575;}
.stui-player__detail .data-more {padding-top:10px;color:#757575;}
.stui-player__detail .data-more a {color:#757575;}
/* playlist */
.stui-play__list li {float:left;width:33.333333%;padding:5px;}
.stui-play__list li.down {float:none;width:100%;}
.stui-play__list li a {display:block;padding:10px 5px 10px 5px;border-radius:5px;text-align:center;background-color:#1c1b1e;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#757575;}
.stui-play__list li a:hover {color:#fdf751;}
.stui-play__list li a:visited {color:#444444;}
.stui-play__list li.active a {background-color:#fdf751;color:#333;}
.stui-content__playlist {padding-right:10px;}
.stui-content__playlist li {float:left;width:10%;margin:0;padding-top:10px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stui-content__playlist li a {display:block;width:auto;text-align:center;padding:10px 5px;background-color:#343434;color:#9f9f9f;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stui-content__playlist li.active a {background-color:#fdf751;color:#333;}
.stui-content__playlist li a:hover {color:#fdf751;}
.stui-content__playlist li a:visited {color:#c5c5c5;}
/* .stui-content__playlist li.active a,.stui-content__playlist li a:hover {background-color:#59d2fa;color:#ffffff;}*/
/* down */
.stui-content__down {padding-right:10px;}
.stui-content__down li {margin:10px 0px 0px 10px;height:40px;background-color:#343434;border-radius:5px;}
.stui-content__down li span {display:inline-block;}
.down1 {width:30%;line-height:40px;text-align:center;background-color:#555555;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down1 a {color:#dddddd;line-height:40px;}
.down1 a:hover {color:#fdf751;}
.down2 {width:70%;line-height:40px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down2 a {color:#9f9f9f;line-height:40px;}
.down2 a:hover {color:#fdf751;}
/* page */
.stui-page__item {margin:20px 0 20px;}
.stui-page__item li {display:inline-block;padding:0 5px;}
.stui-page__item li a {display:inline-block;padding:10px 16px;border-radius:4px;background-color:#252527;color:#757575;}
.stui-page__item li.active a,.stui-page__item li.active span {background-color:#fdf751;color:#333;}
.stui-page__item li a:hover {color:#fdf751;}
.stui-page__item li.num {display:none;}
.stui-page__all a {position:absolute;top:50%;margin-top:-40px;display:block;width:80px;height:80px;text-align:center;line-height:80px;}
.stui-page__all a .iconfont {font-size:50px;color:#757575;}
.stui-page__all a:hover .iconfont {color:#fff;}
.stui-page__all a.left {left:0;}
.stui-page__all a.right {right:0;}
/* other*/
.searchhot {padding:1rem}
.searchhot h4 {padding:0;height:auto;border-top:0}
.searchhot p a {font-size:.75rem;line-height:1.5rem;display:inline-block;padding:0 .625rem;text-align:center;border:1px solid;border-radius:.75rem;color:#969ba3;margin:1rem .5rem 0 0}
.mycate {float:left;background-color:#fff;width:95%;padding:.6rem 2.5% .7rem;border-top:1px solid #efefef}
.mycate a {display:block;height:1.7rem;line-height:1.6rem;border-radius:2px;font-size:.7rem;text-align:center;font-weight:normal;font-style:normal;border:1px solid #019b07;color:#019b07;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:calc(25% - 10px);float:left;margin:0 10px 10px 0;margin-bottom:10px}
/* link */
.stui-link__text {margin:30px 10px;}
.stui-link__text li {display:inline-block;margin-right:20px;margin-bottom:10px;}
/* 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%}
/* gbook */
.stui-gbook {padding:10px;}
.stui-gbook-form {padding-bottom:20px;}
.stui-gbook-form .form-control {width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;}
.stui-gbook-form textarea.form-control {height:auto;}
.stui-gbook-form li {margin-top:15px;}
.stui-gbook-form li:first-child {margin-top:0;}
.stui-gbook-form li .submit {padding:0 25px;height:35px;line-height:35px;border:0;border-radius:4px;cursor:pointer;background-color:#df0000;color:#fff;}
.stui-gbook__item {padding:10px 0;border-top:1px dotted #ddd;}
.stui-gbook__item .name {color:#757575;}
.stui-gbook__item .cont {position:relative;margin:10px 0;padding:20px;border-radius:2px;background-color:#f0f0f0;}
.stui-gbook__item .cont: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:-5px;left:10px;border-style:solid;background-color:#f0f0f0;border-color:#f0f0f0;}
.stui-gbook__item .cont p {margin:10px 0 0;}
@media (min-width:768px) {.container {width:750px}
}
@media (min-width:992px) {.container {width:920px}
}
@media (min-width:1200px) {.container {width:1170px}
}
@media (max-width:1200px) {.stui-page__all,.stui-content__side {display:none;}
.stui-vodlist__detail.index .title {margin:8px 0;font-size:16px;text-align:left;}
.stui-vodlist__detail.index .text {margin-bottom:0px;padding-left:0px;}
.stui-header__menu {display:none;}
}
@media (max-width:1024px) {
/* more */
.stui-foot {margin-top:30px;margin-bottom:180px;}
/* header */.stui-header {margin-top:20px;}
.stui-header__menu {display:none;}
/* screen */
.stui-screen .item ul {width:100%;width:100%;white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
.stui-screen .item ul::-webkit-scrollbar {display:none;}
.stui-screen .item ul li {float:none;display:inline-block;margin-bottom:0;}
.stui-screen .item ul li a {padding-left:15px;}
/* list */
.stui-vodlist li {width:25%;}
.stui-vodlist li.index {width:50%;}
.stui-vodlist li.topic {width:50%;}
.stui-vodlist li.like {width:25%;padding:5px;}
.stui-vodlist__detail.index .title {margin:10px 0;font-size:16px;text-align:left;}
.stui-vodlist__detail.index .text {margin-bottom:5px;padding-left:0px;}
/* player */
.stui-player__left {float:none;width:100%;}
.stui-player__side {float:none;width:100%;background-color:#333333;}
.stui-player__detail .more a.menu-switch {display:none;}
.stui-player__detail .title {margin:0 0 5px;}
#play-box .item {min-height:120px;}
/* palylist */
.stui-play__list li {width:16.6666667%;}
.stui-play__list li.down {float:none;width:100%;}
.stui-play__list li a {display:block;padding:12px 5px 12px 5px;border-radius:5px;text-align:center;background-color:#1c1b1e;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#757575;}
.stui-play__list li a:hover {color:#fdf751;}
.stui-play__list li a:visited {color:#444444;}
.stui-play__list li.active a {background-color:#fdf751;color:#333;}
.stui-content__playlist {padding-right:10px;}
.stui-content__playlist li {width:16.6666667%;margin:0;padding-top:10px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stui-content__playlist li a {display:block;width:auto;text-align:center;padding:12px 5px 12px 5px;}
/* down */
.stui-content__down {padding-right:10px;}
.stui-content__down li {margin:10px 0px 0px 10px;height:50px;background-color:#f1f1f1;border-radius:5px;}
.stui-content__down li span {display:inline-block;}
.down1 {width:30%;line-height:50px;text-align:center;background-color:#e9e9e9;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down1 a {color:#666666;line-height:50px;}
.down1 a:hover {color:#d60000;}
.down2 {width:70%;line-height:50px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down2 a {color:#666666;line-height:50px;}
.down2 a:hover {color:#d60000;}
}
@media (max-width:767px) {
/* more */
.stui-pannel__bd {padding:0 5px;}
.play-bg {display:none;}
.stui-foot {margin-top:30px;margin-bottom:140px;}
/* header */
.stui-header {margin-bottom:10px;}
.stui-header__logo .logo {width:127px;height:30px;line-height:30px;font-size:20px;font-weight:bold;}
.stui_header__user {float:right;margin-top:5px;margin-right:10px;}
.stui_header__user > li {position:relative;float:left;padding-bottom:10px;margin-left:15px;}
.stui_header__user > li > a .iconfont {font-size:22px;}
.stui_header__user > li > span {font-size:18px;color:#757575;}
/* screen */
.stui-screen {padding:5px;}
.stui-screen .head {padding:15px 10px 15px 10px;}
.stui-screen .head .all {display:none;}
.stui-screen .item ul {padding:15px 10px 15px 10px;}
/* list */
.stui-vodlist li {padding:5px;width:33.333333%;}
.stui-vodlist li.index {width:100%;}
.stui-vodlist li.like {width:33.333333%;}
.stui-vodlist__thumb.active {padding-top:50%;}
.stui-vodlist__detail {padding:5px 10px;}
.stui-vodlist__detail .title {font-size:12px;}
/*.stui-vodlist__detail.index .title {margin-bottom:5px;}*/
.stui-vodlist__detail.index .title {margin:5px 0;font-size:16px;text-align:left;}
.stui-vodlist__detail.index .text {margin-bottom:5px;padding-left:0px;}
.stui-vodlist__head p {display:none;}
.stui-vodlist__thumb .play {display:none;position:absolute;top:0;z-index:1;width:100%;height:100%;}
/* content */
.stui-content {padding:0 5px;}
.stui-content__detail,.stui-content__thumb {display:block;}
.stui-content__thumb {position:absolute;margin-top:15px;top:auto;right:20px;}
.stui-content__thumb .pic {display:block;width:120px;}
.stui-content__thumb .pic img {max-width:100%;border-radius:2px;}
.stui-content__detail {padding:20px 10px;}
.stui-content__detail .title {margin:0 0 20px;}
/* player */
.stui-player {padding:0 5px;}
.stui-player__detail {padding:10px;background-color:#1c1b1e;}
.stui-player__detail .title {margin:0 0 10px;font-size:18px;color:#fff;}
.stui-player__detail .title a {color:#fff;}
.stui-player__detail .more {float:none;margin:-10px -10px 10px -10px;padding-bottom:10px;text-align:center;background-color:#333;}
.stui-player__detail .more a {margin-left:0;margin-right:10px;}
.stui-player__detail .more a {display:inline-block;padding:6px 15px;margin-left:0px;border-radius:2px;}
.stui-player__detail .more a:hover {color:#fdf751;}
.stui-player__side {float:none;width:100%;background-color:#333;}
.stui-player__side .tab {padding:15px;border-bottom:1px solid #434145;}
.stui-player__side .tab li {float:left;padding-right:20px;}
.stui-player__side .tab li a {position:relative;font-size:16px;color:#757575;}
.stui-player__side .tab li.active a:before {content:" ";position:absolute;left:25%;bottom:-15px;width:50%;height:2px;background-color:#fdf751;}
.stui-player__side .tab li.active a {color:#fdf751;}
/* playlist */
.stui-play__list li {width:33.33%;}
.stui-play__list li.down {float:none;width:100%;}
.stui-play__list li a {display:block;padding:15px 5px 15px 5px;border-radius:5px;text-align:center;background-color:#1c1b1e;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color:#757575;}
.stui-play__list li a:hover {color:#fdf751;}
.stui-play__list li a:visited {color:#444444;}
.stui-play__list li.active a {background-color:#fdf751;color:#333;}
.stui-content__playlist {padding-right:10px;}
.stui-content__playlist li {width:33.33%;margin:0;padding-top:10px;padding-left:10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stui-content__playlist li a {display:block;width:auto;text-align:center;padding:15px 5px 15px 5px;}
/* down */
.stui-content__down {padding-right:10px;}
.stui-content__down li {margin:10px 0px 0px 10px;height:50px;background-color:#343434;border-radius:5px;}
.stui-content__down li span {display:inline-block;}
.down1 {width:30%;line-height:50px;text-align:center;background-color:#555555;border-radius:5px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down1 a {color:#dddddd;line-height:50px;}
.down1 a:hover {color:#fdf751;}
.down2 {width:70%;line-height:50px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.down2 a {color:#9f9f9f;line-height:50px;}
.down2 a:hover {color:#fdf751;}
/* page */
.stui-page__item li {display:block;float:left;width:20%;margin:0;padding:0;}
.stui-page__item li.num {display:block;}
.stui-page__item li a {padding:10px 15px;}
/* gbook */
.stui-gbook {padding:10px;}
.stui-gbook__item .cont {padding:10px;}
.hidden-xs {display:none !important;}
.nopc {display:block !important;}
}
.split-line {display:inline-block;margin-left:12px;margin-right:12px;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;}
/* btn */
.btn {display:inline-block;padding:6px 30px;font-size:12px;border-radius:4px;}
.btn .icon {font-size:12px;}
.btn-min {padding:4px 15px;}
.btn-lg {padding:12px 30px;}
.btn-block {display:block;width:100%;text-align:center;}
.btn.disabled {cursor:not-allowed;}
/* pannel-head */
.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;font-weight:700;}
.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;}
.bottomplay {position:relative;min-height:20px;padding:10px 0 10px 0;}
.more1 {color:rgba(0,0,0,.68);font-size:14px;display:inline-block;}
em {color:#59d2fa;font-style:normal;}
/* banner */
.stui-banner__item {position:relative;display:block;width:100%;}
.stui-banner .flickity-page-dots {bottom:30px;}
.flickity-prev-next-button.next {right:0;}
.flickity-prev-next-button.previous {left:0;}
.stui-banner__pic {display:block;position:relative;}
/* flickity */
.flickity-enabled {position:relative;}
.flickity-enabled:focus {outline:0}
.flickity-viewport {overflow:hidden;position:relative;height:100%}
.flickity-slider {position:absolute;width:100%;height:100%}
.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:20px;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:#59d2fa;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:0;}
.detail-more {color:#ff658d;}
.sc {background-image:linear-gradient(-45deg,#ffab9c,#ff658d);}
.lh40 {line-height:35px !important;flex:1;display:block;}
.stui-content__playlist {margin-top:5px;}
.dpplay {display:flex;white-space:nowrap;overflow-y:auto;height:100% !important;}
@media(min-width:767px) {.dpplay {display:block;}
}
.fixed_right_bar {position:fixed;bottom:120px;right:1%;z-index:100}
.fixed_right_bar .dbicon {color:#fff;display:block;width:36px;height:36px;line-height:36px;font-size:16px;text-align:center;border-radius:50%;overflow:hidden;margin-top:10px;position:relative;background:rgba(0,0,0,0.6);cursor:pointer}
.stui-player__side .item .tab-top li.active a {font-size:14px;color:#59d2fa;}
.jbnotice {position:absolute;top:50%;left:0;width:100%;margin-top:-65px;}
.jbnotice h3,.jbnotice h5 {color:#fff;font-size:16px;}
.mb20 {margin-bottom:20px;}
.text-center {text-align:center;}
.btn-blue {background-color:#4fb1f7;background:linear-gradient(to right,#4fb1f7 0,#6bb8ee 100%);}
.btn-blue:hover,.btn-yellows:hover {color:#fff!important;}
.btnjb {display:inline-block;padding:8px 30px;font-size:12px;color:#fff;border-radius:5px;margin:0 10px;}
.btn-yellows {background-color:#ff9900;background-image:linear-gradient(-45deg,#ffab9c,#ff658d);}
.btnmxone:hover {color:#fff;}
@media(max-width:767px) {.wdetail {width:82%!important;}
}
@media(max-width:680px) {.wdetail {width:79%!important;}
}
@media(max-width:580px) {.wdetail {width:70%!important;}
}
@media(max-width:480px) {.wdetail {width:60%!important;}
}
@media(max-width:320px) {.wdetail {width:55%!important;}
}