.vd-area-nav{height:50px;font-size:16px;text-align:center;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-297px -0}.vd-area-nav>li{float:left;position:relative;width:10%;padding:8px 0;margin-top:4px;border-left:1px solid #45484b;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vd-area-nav>li a{display:block;color:#fff}.vd-area-nav>li:first-child{border:0}.vd-area-nav>li>a{width:100px;height:30px;line-height:30px;display:block;margin-left:auto;margin-right:auto;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:background .2s ease;-o-transition:background .2s ease;transition:background .2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-area-nav>li>a.active,.vd-area-nav>li>a:hover{background:#27ace5;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat \0;background-position:-297px -86px}.vd-area-nav>li>a.disabled{cursor:default;background:0;opacity:.5;filter:alpha(opacity=50)}.vd-area-nav>li:hover .down{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:1;filter:alpha(opacity=100)}.vd-area-nav>li:hover .vd-menu{top:90%;opacity:1;visibility:visible}.vd-area-nav>li.r2{float:right}.vd-area-nav .down{display:inline-block;position:relative;top:-2.5px;width:9px;height:5px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-1271px -53px;-webkit-transition:transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;opacity:.8;filter:alpha(opacity=80)}.vd-area-nav .icon{position:relative;display:inline-block;top:3px;width:19px;height:18px;margin-right:5px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-537px -86px}.vd-area-nav .icon.i2{background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-559px -86px}.vd-area-hot{padding:9px;background:#26292a \9;background:rgba(30,33,34,0.95)}.vd-area-hot:before,.vd-area-hot:after{content:" ";display:table}.vd-area-hot:after{clear:both}.vd-area-hot>div{float:left}.vd-area-hot .swipe{width:380px;height:230px;margin-right:20px;background:#fff}.vd-area-hot .game{color:#999;width:550px;font-size:12px}.vd-area-hot .game>ul>li{float:left;width:170px;margin:10px 10px 0 0;background:#1c2122}.vd-area-hot .game .name,.vd-area-hot .game .vd-play{display:block;float:left;width:60px;color:#999;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-area-hot .cover{display:block;float:left;position:relative;width:94px;height:94px;margin-right:8px;overflow:hidden}.vd-area-hot .cover img{height:100%}.vd-area-hot .cover>span{position:absolute;left:0;bottom:0;color:#fff;padding:2px 6px;max-width:60px;background:#ff3161;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.9;filter:alpha(opacity=90)}.vd-area-hot .title:before,.vd-area-hot .title:after{content:" ";display:table}.vd-area-hot .title:after{clear:both}.vd-area-hot .title>i,.vd-area-hot .title h4{display:inline-block;float:left;width:192px;height:14px;margin-top:3px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-1062px -53px}.vd-area-hot .title>h4{position:static;width:134px;height:21px;margin:0 4px;padding:0;background-image:url("../../images/area/area_sprite.b1688e3915dd.png");background-position:-400px -86px;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.vd-area-search{width:230px}.vd-area-search .vd-btitle{margin:0}.vd-area-search>ul{padding-left:0;max-height:166px;margin-left:-5px;overflow:auto;list-style:none}.vd-area-search>ul>li{display:inline-block;padding-right:5px;padding-left:5px}.vd-area-search>ul>li{padding:2px 5px;margin:0 6px 6px 0;border:1px solid #3e4142;max-width:206px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-area-search>ul>li a{color:#999}.vd-area-search .input{position:relative;margin:9px 0;line-height:30px}.vd-area-search .input input{display:block;outline:0;width:100%;height:30px;line-height:30px;border:0;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-297px -53px;text-indent:13px}.vd-area-search .input i{position:absolute;top:7px;right:8px;width:16px;height:16px;cursor:pointer;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-581px -86px}.vd-area-search .input .placeholder_text{top:0;left:13px}h3.vd-area-text{width:98px;height:24px;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-398px -119px}h3.vd-area-text.zt{background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-499px -119px}h3.vd-area-text.pk{width:84px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-699px -119px}h3.vd-area-text.yl{background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-297px -119px}h3.vd-area-text.qt{width:47px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-297px -146px}h3.vd-area-text.rb{width:180px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-530px -53px}h3.vd-area-text.ggb{width:171px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-888px -53px}h3.vd-area-text.zb{width:97px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-599px -119px}h3.vd-area-text.zxl{width:173px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-713px -53px}.vd-area-notice{padding:8px 12px;margin-top:20px;line-height:1.6;height:170px;border:2px solid #a5e0fa;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vd-area-notice>ul{border-left:1px solid #e2e2e2}.vd-area-notice>ul>li{position:relative;padding-left:12px;margin-top:10px;word-break:break-all}.vd-area-notice>ul>li:first-child{margin-top:0}.vd-area-notice>ul>li>i{display:block;position:absolute;left:0;width:11px;height:11px;margin-left:-5.5px;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-1257px -53px}.vd-area-notice .red{color:#ff3161}.vd-area-notice .blue,.vd-area-notice b{color:#27ace5;font-weight:normal}.vd-area-live{position:relative;width:294px;height:380px;padding:56px 11px 31px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vd-area-live .tv-wrap{position:relative;overflow:hidden;height:312px;z-index:inherit}.vd-area-live .bullets{position:absolute;right:15px;top:182px;height:20px;width:auto}.vd-area-live .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../images/area/area_sprite.b1688e3915dd.png") 0 0 no-repeat;background-position:-0 -0;z-index:1}.vd-area-live .imgs{display:block}.vd-area-live .cover{height:152px}.vd-area-live .header{display:block;width:auto;height:24px;margin:4px 0 0 11px}.vd-area-live .text{position:absolute;right:10px;top:0;bottom:0;width:219px;height:148px;color:#fff;font-size:12px;z-index:2}.vd-area-live .text:before,.vd-area-live .text:after{content:" ";display:table}.vd-area-live .text:after{clear:both}.vd-area-live .text>p{max-width:170px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vd-area-live .text>a{display:block;color:#333;margin:15px -10px 0 0}.vd-area-live .url{height:148px}.vd-area-live .title{color:#27ace5;width:192px;margin-top:60px;word-break:break-all;line-height:1.7;height:40px;overflow:hidden;text-align:left}.vd-area-live .right{float:right}.vd-area-list{background:#f6f6f6;background:rgba(246,246,246,0.9)}.vd-area-list .vd-left{margin-left:10px}.vd-area-list .vd-right{width:274px;margin-right:10px}.vd-area-list .vd-area-section{display:block;margin:0 10px}.vd-area-section .vd-lives{margin-right:-25px}.vd-area-section .vd-lives>li{width:220px}.vd-area-section .vd-lives .cover{height:120px}.vd-area-ad{margin:54.5px -22px 0 0}.vd-area-ad img{width:100%}.vd-area-ad>li{float:left;width:294px;height:106px;margin:20.5px 22px 0 0;overflow:hidden}.vd-area-ad>li.small{width:136px}.vd-bg-link{display:block;position:absolute;left:50%;top:-215px;width:450px;height:200px;margin-left:-225px}.ui-pagination{margin:40px 0;font-size:12px;line-height:26px;text-align:center;padding-left:0;margin-left:-5px;list-style:none}.ui-pagination>li{display:inline-block;padding-right:5px;padding-left:5px}.ui-pagination>li>a{display:inline-block;width:26px;color:#666;border:1px solid #d2d2d2;border-radius:2px;transition:all .2s ease}.ui-pagination>li>span{color:#666}.ui-pagination>li>input{padding:0 5px;width:34px;height:26px;line-height:26px;border:1px solid #d2d2d2;vertical-align:top;outline:0;border-radius:2px}.ui-pagination>li.pre>a{width:68px;color:#27ace5;border-color:#27ace5}.ui-pagination>li:hover>a,.ui-pagination>li.active>a{color:#fff;background:#27ace5;border-color:#27ace5}.ui-pagination>li.disabled a,.ui-pagination>li.disabled a:hover{color:#ddd;border-color:#ddd;cursor:not-allowed;background:transparent}