header{background-color:#222}.top-logo{height:72px}.top-logo .live-logo{display:inline-block;margin-top:20px}.top-logo .live-logo img{width:180px}.top-logo .top-href{float:right;line-height:72px}.top-logo .top-href a{font-size:14px;color:#888;margin-left:48px}.top-logo .top-href a:hover{color:#ffdc00}.live-banner{position:relative;height:600px;background-color:#222}.live-banner .bg{position:absolute;height:480px;top:46px}.live-banner .bg-l{right:0}.recommend-live{padding-top:16px}.recommend-live .big-live{position:relative;background-color:#0c0c0c;width:960px;height:540px;line-height:540px;box-sizing:border-box;float:left}.recommend-live .big-live img{width:100%;height:100%;vertical-align:inherit}.recommend-live .big-live .live-href{position:absolute;width:100%;height:100%;left:0;top:0}.recommend-live .big-live .go-live{position:absolute;top:50%;left:50%;display:inline-block;width:200px;margin:-36px 0 0 -100px;height:72px;background-color:rgba(0,0,0,.5);line-height:72px;font-size:24px;color:#ffdc00;text-align:center;border-radius:8px;border:1px solid #ffdc00}.recommend-live .recommend-live-list{float:right;height:540px;width:240px;box-sizing:border-box;background-color:#181818;overflow:hidden;position:relative}.recommend-live .recommend-live-list ul li.active{background-color:#333}.recommend-live .recommend-live-list ul li{padding:14px 0 8px 0;cursor:pointer}.recommend-live .recommend-live-list ul li:hover{background-color:#333}.recommend-live .recommend-live-list ul li a{display:block;margin:0 auto;width:208px;position:relative}.recommend-live .recommend-live-list ul li a img{width:208px;height:120px}.recommend-live .recommend-live-list ul li a p{width:208px;padding:8px 0 4px 0;font-size:14px;line-height:20px;color:#fff}.recommend-live .recommend-live-list ul li a p span.active{color:#ffdc00;padding-left:20px}.recommend-live .recommend-live-list ul li a p span.herald{color:#00dfff}.recommend-live .recommend-live-list ul li a p span.old{color:#999}.iScrollHorizontalScrollbar{position:absolute;z-index:9999;height:5px;left:2px;right:2px;bottom:2px;overflow:hidden}.iScrollHorizontalScrollbar.iScrollBothScrollbars{right:18px}.iScrollVerticalScrollbar{position:absolute;z-index:9999;width:4px;bottom:2px;top:2px;right:2px;overflow:hidden}.iScrollVerticalScrollbar.iScrollBothScrollbars{bottom:18px}.iScrollIndicator{position:absolute;box-sizing:border-box;border-radius:8px}.iScrollHorizontalScrollbar .iScrollIndicator{height:100%;background:#555}.iScrollVerticalScrollbar .iScrollIndicator{width:100%;background:#555}.playback-live{padding-top:24px}.playback-live ul{margin-right:-16px;font-size:0}.playback-live ul li{position:relative;display:inline-block;width:592px;height:530px;box-shadow:0 0 12px 0 rgba(0,0,0,.1);vertical-align:top;margin-bottom:16px;margin-right:16px}.playback-live ul li .playback-box{padding-top:16px}.playback-live ul li .playback-box .playback-banner{position:relative;padding-left:16px}.playback-live ul li .playback-box .ban{width:560px;height:315px;border-radius:4px}.playback-live ul li .playback-box .play-icon{position:absolute;z-index:3;top:133px;left:50%;margin-left:-28px}.playback-live ul li .playback-h1{font-size:18px;font-weight:700;color:#333;line-height:24px;padding:16px 16px 12px 16px}.playback-live ul li .playback-des{font-size:14px;color:#888;line-height:22px;height:66px;margin-bottom:16px;padding:0 16px 0 16px}.playback-live ul li .time-address-btn{padding:0 16px;border-top:1px solid #eee}.playback-live ul li .time-address-btn .time-address{display:inline-block;font-size:14px;color:#888;line-height:19px;margin-top:22px}.playback-live ul li .time-address-btn .hx-zx{float:right;padding-top:16px;font-size:0}.playback-live ul li .time-address-btn .hx-zx span[data-tab]{display:none;width:98px;height:32px;background:#ffdc00;border-radius:16px;opacity:.83;line-height:32px;font-size:14px;color:#222;text-align:center;margin-left:12px;cursor:pointer}.playback-live ul li .time-address-btn .hx-zx span[data-tab] img{vertical-align:top;margin-top:9px}.playback-live ul li .hx-zx .hx-zx-bg{display:none;position:absolute;z-index:5;width:592px;height:466px;background:rgba(238,238,238,.8);top:0;left:0}.playback-live ul li .hx-zx .hx-zx-bg .triangle{position:absolute;border:12px solid rgba(238,238,238,0);border-top:12px solid #eee;opacity:.8;right:160px;bottom:-23px}.playback-live ul li .hx-zx .huaxu ul{font-size:0;padding-left:16px}.playback-live ul li .hx-zx .huaxu ul li{width:272px;height:209px;background-color:#fff;border-radius:4px;overflow:hidden;margin:16px 16px 0 0;position:relative}.playback-live ul li .hx-zx .huaxu ul li a{display:block}.playback-live ul li .hx-zx .huaxu ul li a .time{display:inline-block;position:absolute;background-color:rgba(34,34,34,.8);border-radius:16px;padding:0 8px;line-height:24px;font-size:14px;color:#fff;top:120px;right:12px}.playback-live ul li .hx-zx .huaxu ul li img{width:272px;height:153px;cursor:pointer}.playback-live ul li .hx-zx .huaxu ul li div{height:56px}.playback-live ul li .hx-zx .huaxu ul li p{font-size:14px;color:#333;line-height:20px;margin:8px 12px}.playback-live ul li .hx-zx .recommendLive .triangle{right:52px}.playback-live ul li .hx-zx .recommendLive .xgzx-list{margin:16px;background-color:#fff;border-radius:4px;width:560px;height:434px;overflow:hidden}.playback-live ul li .hx-zx .recommendLive .xgzx-list a{display:block;font-size:14px;color:#333;line-height:16px;border-left:6px solid #ffe22a;padding-left:8px;margin:20px 20px 0 20px}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages{position:absolute;bottom:40px;width:100%;text-align:center}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-next,.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-prev{display:inline-block;height:24px;width:24px;background:url(../img/zl-page.png) no-repeat 0 0;cursor:pointer}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-prev{background-position:-58px 0}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-prev:hover{background-position:-58px -29px}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-next{background-position:-87px 0}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages .zx-next:hover{background-position:-87px -29px}.playback-live ul li .hx-zx .recommendLive .xgzx-list .zx-pages p{display:inline-block;color:#888;font-size:14px;line-height:24px;vertical-align:top;text-align:center;padding:0 20px}.no-data{padding:40px 0}.history-live .more-news{margin:24px auto 96px}.more-news{display:block;width:280px;height:46px;background-color:#fd0;color:#444;border-radius:4px;font-weight:bolder;margin:0 auto 96px}.live-index.out-lds{position:absolute;top:129px}.live-index.out-lds .lds-facebook div{background:#ffdc00}.live-index.out-lds .live-icon{margin-top:-5px}.hx-maks{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.hx-maks img{position:relative;top:100px;max-width:1100px}