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