@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;
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-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:100%
}
.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:none;
-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;
text-align:center
}
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:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
.form-control {
display: block;
width: 100%;
height: 33px;
padding: 6px 10px;
font-size: 12px;
line-height: 33px;
color: #868686;
border: 1px solid #19b955;
border-radius: 1.875rem;
}
textarea.form-control {
height:auto
}
.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
}
.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-lg {
padding:8px 30px
}
.btn-block {
display:block
}
.btn.disabled {
cursor:not-allowed
}
.tag {
padding-left:10px
}
.tag li {
float:left
}
.tag-btn,.tag-type {
padding-top:10px;
padding-left:10px
}
.tag-btn li,.tag-type li {
padding:0 10px 10px 0
}
.tag-btn li a,.tag-type li a {
display:block;
padding:0 10px;
height:28px;
line-height:28px;
text-align:center;
font-size:12px;
border-radius:2px
}
.tag-btn.active li a,.tag-type.active li a {
border-radius:14px
}
.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 {
padding:10px
}
.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_nav__taddar .item {
display:block;
text-align:center
}
.stui_nav__taddar .item .icon {
display:block;
text-align:center;
font-size:20px;
line-height:20px
}
.stui_nav__taddar .item .icon-img {
display:inline-block;
width:24px;
height:24px
}
.stui_nav__taddar .item .title {
display:block;
margin-top:3px;
font-size:12px
}
.stui_nav__taddar.fixed {
position:fixed;
bottom:0;
width:100%;
padding:5px 0 0
}
.stui-vodlist__thumb {
display:block;
position:relative;
padding-top:150%;
background:url(../img/load.gif) no-repeat;
background-position:50% 50%;
background-size:cover;
border-radius:13px
}
.stui-vodlist__thumb.square {
padding-top:100%;
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.gif) no-repeat;
background-position:50% 50%;
background-size:cover
}
.stui-vodlist__thumb.picture {
background:none;
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(../img/play.png) center no-repeat;
border-radius:13px
}
.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__text li a {
display:block;
padding:10px 15px 10px 0
}
.stui-vodlist__text.active li a {
padding:10px 0 10px
}
.stui-vodlist__text.active li:first-child a {
padding-top:0
}
.stui-vodlist__text.striped li {
padding:10px 0 10px
}
.stui-vodlist__text.striped li a {
display:inline-block;
padding:0
}
.stui-vodlist__text.striped .striped-head {
padding:10px;
border-radius:5px
}
.stui-vodlist__text.to-color li {
padding:10px
}
.stui-vodlist__text.to-color li a {
padding:0
}
.stui-vodlist__text.downlist {
padding-top:0
}
.stui-vodlist__text.downlist li {
padding:10px 0
}
.stui-vodlist__text.downlist li .text {
line-height:30px
}
.stui-vodlist__text.downlist li a {
display:inline-block;
padding:0
}
.stui-vodlist__text.downlist li a.btn {
padding:4px 12px;
margin-left:10px
}
.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:top
}
.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__screen {
padding:10px 0 5px
}
.stui-vodlist__screen:first-child {
padding-top:0
}
.stui-vodlist__screen:last-child {
padding-bottom:0
}
.stui-vodlist__screen li {
float:left;
width:25%;
margin-bottom:5px
}
.stui-vodlist__rank li {
margin-bottom:35px
}
.stui-vodlist__rank li:last-child {
margin-bottom:0
}
.stui-link__text li {
float:left;
margin-right:15px;
margin-bottom:10px
}
.stui-link__pic li a {
display:block;
padding:10px 20px;
border-radius:4px
}
.stui-link__pic li a img {
max-width:100%
}
.stui-content__playlist {
position:relative
}
.stui-content__playlist.overflow {
max-height:300px;
overflow-y:scroll
}
.stui-content__playlist li {
float:left;
margin-bottom:10px;
margin-right:10px
}
.stui-content__playlist li a {
display:inline-block;
padding:5px 20px;
border-radius:5px
}
.stui-content__playlist.full li {
float:none;
width:100%;
margin-right:0
}
.stui-content__playlist.column3 li {
width:33.3333333%;
padding:0 5px;
margin-right:0
}
.stui-content__playlist.column6 li {
width:16.6666667%;
padding:0 5px;
margin-right:0
}
.stui-content__playlist.column10 li {
padding:0 5px;
margin-right:0
}
.stui-content__playlist.full li,.stui-content__playlist.column3 li,.stui-content__playlist.column6 li,.stui-content__playlist.column10 li {
}.stui-content__playlist.full li a,.stui-content__playlist.column3 li a,.stui-content__playlist.column6 li a,.stui-content__playlist.column10 li a {
display:block;
text-align:center;
overflow:hidden;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
white-space:nowrap
}
.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:20px;
left:0;
padding:0;
margin:0;
list-style:none;
text-align:center;
line-height:1
}
.flickity-page-dots .dot {
display:inline-block;
width:30px;
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
}
.carousel .list {
padding:0;
margin-right:20px
}
.carousel .wide {
width:100%
}
.carousel_center {
padding-bottom:20px
}
.carousel_center .list a {
position:relative
}
.carousel_center .list a:before {
content:"";
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6)
}
.carousel_center .list.is-selected a:before {
display:none
}
.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
}
.popup-visible {
right:0
}
.popup-head {
padding:15px 10px;
margin-bottom:10px
}
.popup-head .title {
display:inline-block;
margin:0
}
.popup-head .icon {
font-size:20px
}
.embed-responsive {
position:relative;
display:block;
overflow:hidden;
padding:0
}
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
top:0;
bottom:0;
left:0;
width:100%;
height:100%;
border:0
}
.autocomplete-suggestions {
padding:0 10px;
margin-top:5px;
border-radius:4px
}
.autocomplete-suggestions.active {
position:absolute;
z-index:9999;
top:100%;
width:100%
}
.autocomplete-suggestion {
padding:10px 0;
cursor:pointer
}
.autocomplete-suggestion:first-child {
border-top: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:none
}
.tab-content>.tab-pane.active,.carousel-inner>.item.active {
display:block
}
.dropdown {
position:relative
}
.dropdown-menu {
display:none;
position:absolute;
top:100%;
left:-80%;
z-index:1000;
padding:10px 0;
border-radius:2px
}
.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
}
.dropdown-menu>li>a {
display:block;
padding:6px 20px;
text-align:center
}
.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
}
.share-weixin {
background:url(../img/share_weixin.png/index.html) rgba(0,0,0,.8) no-repeat;
background-position:right top 10px;
background-size:80%
}
.share-other {
background:url(../img/share_other.png/index.html) rgba(0,0,0,.8) no-repeat;
background-position:center bottom 10px;
background-size:80%
}
.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
}
.stui-content__playlist.column3 li {
width:50%
}
.stui-content__playlist.column6 li {
width:25%
}
.stui-content__playlist.column10 li {
width:20%
}
}@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:10px
}
.stui-pannel.stui-pannel-x {
margin:0 0 5px
}
.stui-pannel-bg {
border-radius:0
}
.stui-pannel-box {
padding:10px 5px
}
.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-vodlist__text li a {
padding:10px 0
}
.stui-vodlist__text.downlist li {
padding:5px 0 0
}
.stui-content__playlist.column3 li {
float:none;
width:100%
}
.stui-content__playlist.column6 li,.stui-content__playlist.column10 li {
width:33.3333333%
}
.carousel .list {
margin-right:10px
}
.flickity-prev-next-button {
display:none
}
.flickity-prev-next-button.previous {
left:5px;
border-radius:0 5px 5px 0
}
.flickity-prev-next-button.next {
right:5px;
border-radius:5px 0 0 5px
}
}@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
}
}.MacPlayer #rightlist h2 {
color:#fff
}