@charset "utf-8";
/* all */
body, html{width:100%;}
body{margin:0; font-family:"Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size:14px; line-height:140%}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,tr,dl,dd,dt{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;}
/* 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;}
/* col */
.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}}
/* text */
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)}
button:hover{cursor:pointer;}
a:focus,a:hover,a:active{text-decoration:none;}
.icon{font-size:16px; vertical-align:-1px;}
.font-16{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 */
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{max-width:100%;}
/* form */
input,textarea{outline:medium none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
input.form-control,input.btn{outline:0; -webkit-appearance:none;}
input[type="checkbox"]{vertical-align:-2px;}
.form-control{display:block; width:100%; height:30px; padding:10px; font-size:12px; line-height:25px; border-radius:4px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea.form-control{height:auto;}
.input-list{margin-bottom:20px;}
.input-list li{padding:10px 20px;}
.input-list li input.form-control{height:40px;}
/* line */
.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 */
.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 */
.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;}
/* tag */
.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:30px; line-height:30px; 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 */
.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 */
.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;}
/* pannel */
.pannel{position:relative; margin-bottom:20px;}
.pannel.pannel-x{margin:-10px -10px 10px;}
.pannel-bg{border-radius:2px;}
.pannel-side{padding:0 0 0 20px;}
.pannel-box{padding:10px;}
.pannel-box.active{padding:0; margin:-10px;}
.pannel_hd{padding:10px;}
.pannel_ft{margin-top:10px; padding:10px 10px 0; text-align:center;}
/* pannel-head */
.pannel__head{position:relative; height:30px;}
.pannel__head.active{height:40px;}
.pannel__head .title{float:left; margin:0; padding-right:10px; line-height:24px;}
.pannel__head .title img{display:inline-block; width:24px; height:24px; margin-right:10px; vertical-align:-5px;}
.pannel__head .more{line-height:30px;}
/* tabbar */
.nav__taddar .item{display:block; text-align:center;}
.nav__taddar .item .icon{display:block; text-align:center; font-size:20px; line-height:20px;}
.nav__taddar .item .icon-img{display:inline-block; width:24px; height:24px;}
.nav__taddar .item .title{display:block; margin-top:3px; font-size:12px;;}
.nav__taddar.fixed{position:fixed; bottom:0; width:100%; padding:5px 0 0;}
/* vod-list */
.vodlist__thumb{display:block; position:relative; padding-top:150%;background:url(../images/load.gif) no-repeat 50% 50%;background-size:cover;}
.vodlist__thumb.square{padding-top:100%;background:url(../images/load_f.gif) no-repeat 50% 50%;background-size:cover;}
.vodlist__thumb.active{padding-top:60%;background:url(../images/load_w.gif) no-repeat 50% 50%;background-size:cover;}
.vodlist__thumb.picture {background:none; overflow:hidden;}
.vodlist__thumb.picture img{position:absolute; top:0; left:0; width:100%; height:100%;}
.vodlist__thumb .play{display:none; position:absolute; top:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.1) url(../images/play.png) center no-repeat;}
.vodlist__thumb .play.active{display:block;}
.vodlist__thumb:hover .play{display:block;}
.vodlist__detail.active{padding:0 10px 10px;}
.vodlist__detail .title{font-size:14px; margin-bottom:0;}
.vodlist__detail .title.active{font-size:16px; margin-bottom:10px;}
.vodlist__detail .text{min-height:19px; font-size:12px; margin-bottom:0; margin-top:5px;}
.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;}
/* text-list */
.vodlist__text li a{display:block; padding:10px 15px 10px 0;}
.vodlist__text.active li a{padding:10px 0 10px;}
.vodlist__text.active li:first-child a{padding-top:0;}
.vodlist__text.striped li{padding:10px 0 10px;}
.vodlist__text.striped li a{display:inline-block; padding:0;}
.vodlist__text.striped .striped-head{padding:10px; border-radius:5px;}
.vodlist__text.to-color li{padding:10px; border-radius:5px;}
.vodlist__text.to-color li a{padding:0;}
.vodlist__text.downlist{padding-top:0;}
.vodlist__text.downlist li{padding:10px 0;}
.vodlist__text.downlist li .text{line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.vodlist__text.downlist li a{display:inline-block; padding:0;}
.vodlist__text.downlist li a.btn{padding:4px 12px; margin-left:10px;}
/* media-list */
.vodlist__media li {padding:10px 0 10px;}
.vodlist__media.active li:first-child{padding-top:0;}
.vodlist__media.active li:last-child{padding-bottom:0;}
.vodlist__media li .thumb,.vodlist__media .detail{display:table-cell; vertical-align:top;}
.vodlist__media li .thumb .w-thumb{width:190px;}
.vodlist__media li .thumb .v-thumb{width:120px;}
.vodlist__media li .thumb .f-thumb{width:120px;}
.vodlist__media li .thumb .m-thumb{width:65px;}
.vodlist__media li .detail{width:100%; padding:0 20px 0;}
.vodlist__media li .detail-side{padding:0 10px 0;}
.vodlist__media li .detail-left{padding:0 20px 0 0;}
.vodlist__media li .detail .title{margin:10px 0 10px;}
/* screen-list */
.vodlist__screen {padding:10px 0 5px;}
.vodlist__screen:first-child{padding-top:0;}
.vodlist__screen:last-child{padding-bottom:0;}
.vodlist__screen li{float:left; width:25%; margin-bottom:5px;}
/* rank-list */
.vodlist__rank li{margin-bottom:10px;}
.vodlist__rank li:last-child{margin-bottom:0;}
/* link-list */
.link__text li{float:left; margin-right:15px; margin-bottom:10px;}
.link__pic li a{display:block; padding:10px 20px; border-radius:4px;}
.link__pic li a img{max-width:100%;}
/* play-list */
.content__playlist{position:relative;}
.content__playlist.overflow{max-height:300px; overflow-y:scroll;}
.content__playlist li{float:left; margin-bottom:10px; margin-right:10px}
.content__playlist li a{display:inline-block; padding:5px 20px;border-radius:5px}
.content__playlist.full li{float:none; width:100%; margin-right:0;}
.content__playlist.column3 li{width:33.3333333%; padding:0 5px; margin-right:0;}
.content__playlist.column6 li{width:16.6666667%; padding:0 5px; margin-right:0;}
.content__playlist.column8 li{width:12.5%; padding:0 5px; margin-right:0;}
.content__playlist.column8 li.more,.content__playlist.column10 li.narrow{width:15%;}
.content__playlist.column10 li{width:10%; padding:0 5px; margin-right:0;}
.content__playlist.column10 li.more,.content__playlist.column10 li.narrow{width:20%;}
.content__playlist.column12 li{width:8.33333333%; padding:0 5px; margin-right:0;}
.content__playlist.column12 li.more,.content__playlist.column12 li.narrow{width:16.6666667%;}
.content__playlist.column3,.content__playlist.column6,.content__playlist.column8,.content__playlist.column10,.content__playlist.column12{margin:0 -5px;}
.content__playlist.column3 li a,.content__playlist.column6 li a,.content__playlist.column8 li a,.content__playlist.column10 li a,.content__playlist.column12 li a{padding:5px;}
.content__playlist.full li a,.content__playlist.column3 li a,.content__playlist.column6 li a,.content__playlist.column8 li a,.content__playlist.column10 li a,.content__playlist.column12 li a{display:block; text-align:center;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
/* screen */
.screen__list{position:relative;padding:10px 0 0;}
.screen__list li{float:left;margin-right:10px;margin-bottom:10px}
.screen__list li span{display:inline-block;padding:3px 0 3px}
.screen__list li a{display:inline-block;padding:3px 10px;border-radius:2px}
.screen__list.letter-list li{margin:0;}
.screen__list.letter-list li:first-child{margin-right:10px;}
.screen__list.letter-list li.active a{padding:3px 10px}
/* page */
.page{margin-bottom:30px}.page li{display:inline-block;margin-left:10px}
.page li .num,.page li a{display:inline-block;padding:5px 15px;border-radius:5px}
.page-text{padding:0 20px 20px;}
.page-text a,.page-text em,.page-text span{font-style:normal;display:inline-block;margin:0;padding:6px 12px;border-radius:2px;cursor:pointer}
.page-text .pagego{padding:6px; margin-right:5px;border-radius:5px;}
.page-text .pagebtn{padding:6px 12px; cursor:pointer;}
/* extra */
.extra{position:fixed;right:50px;bottom:50px}
.extra li{position:relative;padding:15px 10px 0}
.extra li a,.extra li span{display:block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;font-size:18px;cursor:pointer}
.extra li a .icon,.extra li span .icon{font-size:18px}
.extra li a img{margin-top:15px;width:20px;height:20px}
.extra li .sideslip{display:none;position:absolute;bottom:0;right:100%;width:160px;}
.extra li .sideslip:before{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 1px 1px 0;position:absolute;bottom:20px;right:-6px;border-style:solid}
.extra li:hover .sideslip{display:block}
/* 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:#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 */
.carousel{position:relative; width:100%; height:100%; overflow:hidden; white-space:nowrap;}
.carousel [class^="col-"]{float:none; display:inline-block;}
.carousel .list{padding:0; margin-right:20px;}
.carousel .wide{width:100%; display:inline-block;}
.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 */
.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 */
.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%}
/* 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; 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;}
.carousel-side{position:absolute; z-index:99; top:0; bottom:0; display:block; width:100px; height:100%;}
.carousel-side .icon{position:absolute; top:50%; margin-top:-25px; display:block; width:50px; height:50px; text-align:center; font-size:30px; line-height:50px; background-color:rgba(0,0,0,0.6); color:#fff; border-radius:50%;}
.carousel-side.left{left:0;}
.carousel-side.left .icon{left:30px;}
.carousel-side.right{right:0; }
.carousel-side.right .icon{right:30px;}
.carousel-bootom{position:absolute; width:100%; bottom:20px; left:0; text-align:center;}
.carousel-bootom li{display:inline-block; margin:0 5px; width:15px; height:3px; background:#f80; opacity:.25; cursor:pointer}
.carousel-bootom li.active{opacity:1;}
/* modal */
.modal{position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0;}
.modal__dialog{position:relative; width:350px; margin:140px auto; }
.modal__content{position:relative; background-color:#fff; border-radius:6px; outline:0; box-shadow:0 3px 9px rgba(0,0,0,.5);}
.modal-open{overflow:hidden;}
.modal-backdrop{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade{opacity:0;}
.modal-backdrop.fade.in{opacity:.5;}
/* 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%;}
/* 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;}
.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) {
.pannel-side {
padding:0;
}
/* screen */
.screen__list {
height:40px;
padding:10px 0 10px;
overflow:hidden;
white-space:nowrap;
}
.screen__list:last-child {
padding:10px 0 0;
}
.screen__list li {
float:none;
display:inline-block;
margin-right:10px;
margin-bottom:0
}
.screen__list li span {
padding:2px 5px 2px 0
}
.screen__list li a {
padding:2px 5px 2px;
white-space:nowrap
}
.screen__list.letter-list li {
margin-right:5px;
margin-bottom:0;
}
.screen__list.letter-list li a, .screen__list.letter-list li.active a {
padding:2px 5px 2px
}
/* vod-list */
.vodlist__detail .title.active {
font-size:14px;
margin-bottom:0;
}
/* media-list */
.vodlist__media li .thumb .v-thumb {
width:110px;
}
.vodlist__media li .thumb .w-thumb {
width:130px;
}
.vodlist__media li .thumb .f-thumb {
width:70px;
}
/* play-list */
.content__playlist {
-webkit-overflow-scrolling:touch;
}
.content__playlist.column3 li {
width:50%;
}
.content__playlist.column6 li {
width:25%;
}
.content__playlist.column8 li {
width:20%;
}
.content__playlist.column10 li {
width:16.6666667%;
}
/* modal */
.modal__dialog {
width:320px;
margin:50px auto;
}
}
@media (max-width:767px){
.visible-xs {display:block !important;}
.hidden-xs {display:none!important;}
/* all */
body{font-size:12px;}
/* text */
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 */
.btn{padding:6px 20px;}
.btn-min{padding:3px 8px;}
.btn-lg{padding:12px 24px;}
/*nav*/
.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;}
/* pic-text */
.pic-text-silde{font-size:12px;}
/* line */
.split-line{height:12px; margin-left:5px; margin-right:5px;}
.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);}
/* pannel */
.pannel{margin-bottom:10px;}
.pannel.pannel-x{margin:0 0 5px;}
.pannel-bg{border-radius:0;}
.pannel-box{padding:10px 5px;}
.pannel-box.active{margin:5px;}
.pannel_hd{padding:0 5px 10px;}
/* pannel-head */
.pannel__head{height:20px;}
.pannel__head.active{height:30px;}
.pannel__head .title,.pannel__head .title a{font-size:16px;}
.pannel__head .title img{width:18px; height:18px; margin-right:5px; vertical-align:-3px;}
.pannel__head .more{line-height:20px;}
/* vod-list */
.vodlist__thumb .tag{padding:0 5px;}
.vodlist__thumb .silde-title{font-size:12px;}
.vodlist__detail .title,.vodlist__detail .title.active{margin-bottom:0; font-size:12px;}
/* media-list */
.vodlist__media li .thumb .v-thumb{width:100px;}
.vodlist__media li .thumb .w-thumb{width:130px;}
.vodlist__media li .thumb .f-thumb{width:70px;}
.vodlist__media li .detail{padding:0 10px;}
.vodlist__media li .detail.active{padding-left:0; padding-right:10px;}
/* text-list */
.vodlist__text li a{padding:10px 0;}
.vodlist__text.downlist li{padding:5px 0 0;}
/* play-list */
.content__playlist li a{padding:5px 10px;font-size:12px}
.content__playlist.column3 li{float:none; width:100%;}
.content__playlist.column6 li,.content__playlist.column8 li,.content__playlist.column10 li,.content__playlist.column12 li{width:25%;}
/* page */
.page li{float:left;width:20%;margin:0;padding:0 5px 0 5px}
.page li a,.page__box li .num{display:block;padding:5px 0;text-align:center}
.page li.page-item{width:auto; margin-bottom:5px;}
.page li.page-item a{padding:5px 15px;}
/* extra */
.extra{right:15px;bottom:15px}
.extra li{padding:8px 0 0}
.extra li a,.extra li span{width:35px;height:35px;line-height:35px;font-size:16px}
.extra li a .icon,.extra li span .icon{font-size:16px}
.extra li a img{margin-top:8px;width:18px;height:18px}
/* carousel */
.carousel .list{margin-right:10px;}
/* flickity */
.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}
.flickity-page-dots{bottom:15px;}
/* modal */
.modal__dialog{width:100%; margin:0; padding:50px 20px;}
.carousel-control{width:50px; height:100%;}
.carousel-control .icon{margin-top:-15px; width:30px; height:30px; font-size:20px; line-height:30px;}
.carousel-control.left .icon{left:10px;}
.carousel-control.right .icon{right:10px;}
}
@media (max-width:374px){
.visible-mi{display:block !important;}
.hidden-mi{display:none !important;}
/* media-list */
.vodlist__media li .thumb .v-thumb{width:90px;}
.vodlist__media li .thumb .w-thumb{width:100px;}
.vodlist__media li .thumb .f-thumb{width:50px;}
}