body{background:#efefef url(../img/bg-home.png) 50% -25px}.banner{height:390px}.banner .relative{_zoom:1;z-index:1001}.banner .nav-tab{top:240px}.banner2{height:80px;background:url(../img/bar_bg.png) repeat-x;padding:1px 0}.banner2 .wrapper{position:relative;margin-top:13px}.banner2 .avatar{width:50px;height:50px;border-radius:25px;vertical-align:-18px;margin-right:10px}.banner2 .info{color:#fff;overflow:hidden;border-radius:25px;padding-right:20px}.banner2 .name{font-size:18px;margin-right:10px}.banner2 .info a{color:#fff}.banner2 .info .name a{color:#55e5ff}.banner2 .info a:hover{text-decoration:underline}.login-box-wrap{position:absolute;top:0;right:0;width:367px;height:390px;background:url(../img/mask.png) 0 0 repeat;z-index:9;color:#fff}.login-box .form{padding:20px 22px 0 22px}.login-box a{color:#fff}.login-box .li{margin:24px 0;position:relative}.login-box .li2{padding:0 20px}.login-box .li input{z-index:2}.login-box .li input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f1f1f1 inset!important;-webkit-text-fill-color:#03212e;background:0 0}.login-box .li i{position:absolute;top:18px;left:36px;font:normal 14px/1 "Microsoft Yahei";color:#aaa;z-index:1}.login-box .meta{padding-top:15px;text-align:center;height:22px;line-height:22px}.login-box .account,.login-box .captcha,.login-box .password,.login-box .submit{width:324px;height:56px;background:url(../img/login.png) 0 0 no-repeat}.login-box .password{background-position:0 -58px}.login-box .captcha{background-position:0 -58px}.login-box .captcha .ipt{width:150px}.login-box .captcha-img{vertical-align:middle}.login-box .submit{background-position:0 -116px;border:none;outline:0;cursor:pointer}.login-box .ipt{border:none;outline:0;background:0 0;font-size:14px;color:#fff;line-height:20px;padding:18px 0;margin-left:55px;width:250px}.login-box .captcha-li{display:none}.login-box .bind-info a{color:#00a1f1}.login-box .third-box{position:absolute;bottom:-30px;left:0;width:94%;padding:0 3%}.login-box2 .li{margin:12px 0}.login-box2 .captcha-li{display:block}.login-info{padding:20px 0 0 0}.login-info .head{padding:20px 25px;border-bottom:1px solid #575656}.login-info{padding:20px 0 0 0}.login-info .head{padding:20px 25px;border-bottom:1px solid #575656}.login-info .head .avatar{float:left;margin-right:20px;width:50px;height:50px;border:2px solid #fff;border-radius:27px;overflow:hidden}.login-info .head .avatar img{width:50px;height:50px}.login-info .head .info{*zoom:1}.login-info .head .name{font-size:14px;margin-bottom:5px}.login-info .head a{margin-right:10px}.login-info .bind-area{margin-right:10px}.login-info .signin{position:relative;margin-top:10px}.login-info .signin a{display:inline-block;*display:inline;width:54px;height:17px;background:#04acff;border-radius:2px;text-align:center;line-height:17px;font-size:12px}.login-info .signin a:hover{background:#038edd;text-decoration:none}.login-info .ulevel{margin-top:10px;position:relative;padding-bottom:10px}.login-info .ulevel .level-progress{margin-left:6px;display:inline-block;*display:inline;width:240px;vertical-align:middle;font-size:0;height:15px;background-color:#dcdcdc;overflow:hidden}.login-info .ulevel .level-progress .ico-progress{display:block;height:100%;background-color:#9bd826}.vip-tip{position:absolute;display:none;left:75px;top:25px;padding:12px 0 13px;width:240px;text-align:center;border-radius:5px;border:1px solid #f0f8ff;color:#333;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.35);z-index:20}.vip-tip .vip-tip-btn{position:relative;margin-top:10px;overflow:hidden}.vip-tip .vip-tip-btn a{display:inline-block;*display:inline;margin:0 10px;width:70px;height:24px;line-height:24px;font-size:12px;color:#6f6f6f;border:1px solid #ccced3;border-radius:2px;vertical-align:middle}.vip-tip .vip-tip-btn a:hover{text-decoration:none;background-color:#04acff;border-color:#04acff;color:#fff}.vip-tip:hover{box-shadow:0 0 4px rgba(0,0,0,.6)}.login-info .ulevel:hover .vip-tip{display:block}.icon-level{position:relative;display:inline;padding:0 35px}.icon-level .level-i{position:absolute;top:50%;left:50%;width:69px;height:19px;margin-top:-10px;margin-left:-34.5px;background:url(../img/vip/icon.png) 0 0}.icon-level .level-i.level-1{background-position-y:-20px}.icon-level .level-i.level-2{background-position-y:-40px}.icon-level .level-i.level-3{background-position-y:-60px}.icon-level .level-i.level-4{background-position-y:-80px}.icon-level .level-i.level-5{background-position-y:-100px}.user-sign-box{right:105px;top:25px;width:535px;border:1px solid #d9d9d9;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);position:absolute;z-index:99;display:none;color:#999;background:#fafafa}.closed-sign,.help-tip-icon::before,.sign-body td,.sign-body td.bu em,.sign-help1:before{background:url(../img/signin/icon-home-signin.png) no-repeat}.closed-sign{width:11px;height:11px;background-position:-66px 0;font-size:0;right:10px;top:10px;cursor:pointer;z-index:2;display:block;position:absolute;clear:both;transition:all .3s linear}.closed-sign:hover{-webkit-transform:rotate(90deg) scale(1.2);transform:rotate(90deg) scale(1.2)}.sign-tip{width:200px;height:24px;text-align:center;left:50%;margin-left:-100px;top:45%;position:absolute;display:none;color:#ffa504;font:700 14px/24px 'Microsoft Yahei'}.sign-tip-show{display:block;-webkit-animation:signTipAnimation 4s forwards;animation:signTipAnimation 4s forwards}@-webkit-keyframes signTipAnimation{from{top:45%;opacity:1}to{top:30%;opacity:0;z-index:-1}}@keyframes signTipAnimation{from{top:45%;opacity:1}to{top:30%;opacity:0;z-index:-1}}.sign-right{width:300px;float:right;padding:0 30px 15px;background:#fff}.sign-mask{width:300px;height:295px;position:absolute;left:0;top:60px;display:none}.sign-left{width:175px;height:405px;float:left;color:#fff;background:url(../img/signin/bg_signin.jpg) 0 0 repeat}.sign-left ul{border-left:1px dashed #dfdfdf;margin-left:38px;padding-bottom:5px}.sign-left li{margin:17px 0 0 -9px}.sign-left .sign-day{position:relative;height:26px;font:400 14px/26px 'Microsoft Yahei';padding-left:30px;margin-bottom:5px}.sign-left .sign-day::before{content:'';position:absolute;top:6px;left:1px;width:14px;height:14px;background:url(../img/signin/icon-home-signin.png) -35px 0 no-repeat}.sign-left .sign-day-des{padding-left:30px}.sign-left .active .sign-day-des{color:#ffa504}.sign-left .active .sign-day{color:#49b54e}.sign-left .active .sign-day::before{background-position-x:-50px}.sign-left .last-li .sign-day::before{width:16px;height:16px;background-position:0 0;background-color:#1da7f9;border-radius:50%}.sign-left .last-li{position:relative}.sign-left .last-li .help-tip{position:absolute;left:-60px;top:-55px}.sign-left li.last-li .help-tip{width:205px;left:-75px}.sign-left .last-li:hover .help-tip{display:block;color:#333}.sign-left li a:hover{text-decoration:none}.sign-help{padding-top:15px;height:65px}.sign-help dt{height:1px;position:relative;border-bottom:1px solid #dfdfdf;font-size:0;margin-bottom:20px}.sign-help dt span{width:80px;background:#fff;height:20px;text-align:center;position:absolute;left:50%;margin-left:-40px;top:-9px;font:400 12px/20px 'Microsoft Yahei'}.sign-help dd{height:42px;padding:0 0 0 52px}.sign-help1{position:relative;margin-left:30px}.sign-help1:before{content:'';position:absolute;top:0;left:5px;width:39px;height:41px;background-position:0 -19px}.sign-help dd .stress{padding-top:9px;height:24px;font:400 14px/24px 'Microsoft Yahei';position:relative}.help-tip-icon{position:relative;display:inline;padding:0 10px}.help-tip-icon::before{content:'';position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;width:16px;height:16px;background-position:0 0}.help-tip{width:190px;height:40px;border:1px solid #ffb83b;background:#fff;position:absolute;right:-50px;top:-53px;padding:5px;font:400 12px/20px 'Microsoft Yahei';box-shadow:0 0 5px rgba(0,0,0,.2);display:none}.sign-help1:hover .help-tip{display:block;right:auto}.sign-table{text-align:center;position:relative}.sign-title{color:#3c3c3c;font:700 18px/40px 'Microsoft Yahei';padding-top:20px}.sign-body table{width:100%}.sign-body th{height:30px;background:#f5f5f5;color:#9c9c9c;line-height:30px}.sign-body td{height:44px;font:400 16px/44px 'Microsoft Yahei';color:#6c6c6c;position:relative;background-position:44px 44px}.sign-body td.today{color:#ffa70c}.sign-body td.yes{background-position:-49px -34px}.sign-body td img{position:absolute;left:4px;top:4px}.sign-body td.bu em{width:100%;height:44px;background-position:0 -60px;position:absolute;left:0;top:0;display:none}.sign-body td.showBu em{display:block;cursor:pointer}.played-list{padding-top:8px}.played-list .dt{padding:0 30px;margin-bottom:10px}.played-list .dd{background:url(../img/mask.png) 0 0 repeat;padding:25px 0 25px 30px;position:relative;margin-bottom:1px}.played-list .dd .logo{margin-right:10px;vertical-align:middle}.played-list .dd .left{display:inline-block;*display:inline;*zoom:1;width:160px}.played-list .dd .right{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.login-box-wrap .ewm-form{position:relative}.login-box-wrap .ewm-form .ewm-tip{position:absolute;top:0;right:0;z-index:2;background:url(../img/ewm-tip2.png) no-repeat;width:50px;height:50px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-box-wrap .ewm-form .ewm-tip-on{background:url(../img/ewm-pc2.png) no-repeat}.login-box-wrap .ewm-form .ewm-wrap{position:relative;height:350px;background:url(../img/ewm-bg.png) 230px 80px no-repeat}.login-box-wrap .ewm-form .ewm-img{position:absolute;top:75px;left:20px}.login-box-wrap .ewm-form .ewm-img img{width:180px;height:180px;display:block;background:#fff}.login-box-wrap .ewm-form .ewm-img .timeout{background:url(../img/mask.png);position:absolute;top:0;left:0;width:100%;height:130px;z-index:2;color:#fff;text-align:center;padding-top:50px}.login-box-wrap .scan-info{position:absolute;top:300px;left:100px}.login-box-wrap .scan-info .scan-tip{background:url(../img/ewm-scan2.png) no-repeat 50% 50%;width:140px;height:44px}.login-box-wrap .scan-info .scan-ok{background:url(../img/icon-ok2.png) no-repeat 0 50%;height:44px;font-size:24px;padding-left:50px;color:#59ca5e}@media (min-width:1000px){.login-box-wrap .ewm-form .ewm-wrap{background-position:150px 80px;transition:background .2s ease}.login-box-wrap .ewm-form .ewm-img{left:95px;transition:left .2s ease}.login-box-wrap .ewm-form .ewm-wrap:hover{background-position:230px 80px}.login-box-wrap .ewm-form .ewm-wrap:hover .ewm-img{left:20px}}.home-list{padding-bottom:30px}.home-list .dt,.home-page .dt{font-size:24px;color:#ca474e;line-height:1.2;margin-top:18px}.home-list .dt em,.home-page .dt em{font-weight:700}.home-list .dt2,.home-page .dt2{font-size:14px;color:#8a8a8a;height:25px}.home-list .dt2 .fl,.home-page .dt2 .fl{margin-right:10px}.home-list .dt2 .more,.home-page .dt2 .more{margin-left:10px;margin-top:2px;font-size:12px;color:#7a7575}.home-list .dt2 .line,.home-page .dt2 .line{display:block;padding-top:13px;border-bottom:1px solid #e3e2e2;font-size:0;overflow:hidden;*zoom:1}.home-list .dd,.home-page .dd{margin-top:20px}.recommend-box{display:inline-block;*display:inline;*zoom:1}.server-box{float:right;width:250px}.recommend-list{font-size:0}.recommend-list li{position:relative;width:370px;height:285px;margin-right:4px;_margin-right:3px;background:#c5424a;display:inline-block;*display:inline;*zoom:1;overflow:hidden}.recommend-list .pic{display:block;width:100%;height:100%;background:url(../img/bg_img.jpg) center no-repeat;transition:all .2s ease}.recommend-list .mask{position:absolute;top:-285px;left:0;width:100%;height:100%;transition:all .2s ease}.recommend-list .info{position:absolute;left:0;top:0;width:100%;padding-top:60px;text-align:center;color:#fff;font-size:14px}.recommend-list a{color:#fff}.recommend-list .t1{font-size:36px;line-height:1.2}.recommend-list .t2{font-size:22px}.recommend-list .enter{display:inline-block;margin-top:20px;padding:10px 25px;line-height:1;font-size:22px;border:2px solid #f6e8e9;border-radius:25px}.recommend-list .enter:hover{background:#fff;color:#c5424a;text-decoration:none}.recommend-list li:hover{box-shadow:0 0 5px rgba(0,0,0,.8)}.recommend-list .on .mask,.recommend-list li:hover .mask{top:0}.recommend-list .on .pic,.recommend-list li:hover .pic{opacity:.1;filter:alpha(opacity=10);-webkit-transform:scale(1.1);transform:scale(1.1)}.server-list{background:#fff;height:270px;overflow:hidden;position:relative}.server-list li{height:54px;overflow:hidden;background:url(../img/timeline.png) no-repeat 10px 0;_background-image:url(../img/timeline-ie6.png)}.server-list a{display:block;padding:5px 10px 5px 30px;color:#484848}.server-list a:hover{color:#fff;text-decoration:none}.server-list .pic{float:left;width:34px;height:34px;margin:4px 10px 0 0}.server-list .pic img{display:block;width:34px;height:34px}.server-list .info{overflow:hidden;*zoom:1}.server-list .name{font-weight:700}.server-list .date{font-size:14px}.server-list li.on,.server-list li:hover{color:#fff;background:#0f7dea url(../img/timeline-on.png) no-repeat 10px 0;_background-image:url(../img/timeline-on-ie6.png)}.server-list .on .fr,.server-list li:hover .fr{color:#fff67c}.server-box .paging{position:relative;z-index:2;padding:0 30px;width:190px;height:15px;text-align:center;overflow:hidden;background:#fff url(../img/timeline.png) no-repeat 10px 0;_background-image:url(../img/timeline-ie6.png)}.server-box .paging .down,.server-box .paging .up{float:left;height:15px;width:50%;cursor:pointer;background:url(../img/arrow3.png) no-repeat 45px 50%}.server-box .paging .down{background-position:-30px 50%}.topic-list{font-size:0;width:100%;*width:998px;position:relative;background-color:#000}.topic-list li{position:relative;width:234px;height:234px;background:#0f7dea;display:inline-block;*display:inline;*zoom:1;overflow:hidden}.topic-list .li1{width:530px}.topic-list .li3{width:234px}.topic-list .li5{width:383px}.topic-list .li2{width:50%}.topic-list .li4{width:998px}.topic-list .pic{display:block;width:100%;height:100%;background:url(../img/bg_img.jpg) center no-repeat;transition:all .2s ease}.topic-list .mask{position:absolute;top:-350px;left:0;width:100%;height:100%;transition:all .2s ease}.topic-list .info{position:absolute;left:0;top:0;width:100%;padding-top:60px;text-align:center;color:#fff;font-size:14px}.topic-list a{color:#fff}.topic-list .t1{font-size:22px}.topic-list .enter{display:inline-block;margin-top:20px;padding:10px 25px;line-height:1;font-size:18px;border:2px solid #f6e8e9;border-radius:25px}.topic-list .enter:hover{background:#fff;color:#0f7dea;text-decoration:none}.topic-list li:hover{box-shadow:0 0 5px rgba(0,0,0,.8)}.topic-list .on .mask,.topic-list li:hover .mask{top:0}.topic-list .on .pic,.topic-list li:hover .pic{opacity:.1;filter:alpha(opacity=10);-webkit-transform:scale(1.1);transform:scale(1.1)}.game-list-wrap{position:relative}.game-list-wrap .loading{position:absolute;top:0;left:0;width:100%;height:590px;background:#efefef url(../img/loading2.gif) no-repeat 50% 250px;opacity:.5;_margin-left:20px;display:none}.game-list{margin:0 0 20px -20px;color:#fff;font-size:0;*zoom:1}.game-list li{position:relative;margin:0 0 20px 20px;width:235px;height:275px;background:#c5424a;float:left;*display:inline;*zoom:1;overflow:hidden}.game-list .pic{display:block;width:100%;height:235px;background:url(../img/bg_img.jpg) center no-repeat;transition:all .2s ease}.game-list .mask{position:absolute;top:-235px;left:0;width:100%;height:235px;font-size:16px;transition:all .2s ease}.game-list .logo{position:absolute;top:0;left:0;width:100%;height:235px;background:no-repeat 50% -10px;transition:all .2s ease}.game-list .bottom{position:absolute;left:0;bottom:0;width:195px;padding:0 20px 15px 20px}.game-list .name{line-height:40px;height:40px;font-size:20px;text-align:center;background:#efefef;color:#111;position:relative}.game-list a{color:#fff}.game-list .enter{display:inline-block;padding:5px 10px;line-height:1;font-size:14px;border:1px solid #f6e8e9;border-radius:20px}.game-list .enter:hover{background:#fff;color:#c5424a;text-decoration:none}.game-list .list{position:absolute;top:40px;left:0;width:195px;padding:0 20px}.game-list .list .li{display:block;margin:6px 0;border:1px solid #cf8488;line-height:32px;text-align:center;border-radius:3px}.game-list .list .li:hover{background:#fff;color:#c5424a;text-decoration:none}.game-list li:hover{box-shadow:0 0 5px rgba(0,0,0,.8)}.game-list .on .mask,.game-list li:hover .mask{top:0}.game-list .on .pic,.game-list li:hover .pic{opacity:.1;filter:alpha(opacity=10);-webkit-transform:scale(1.2);transform:scale(1.2)}.game-list .on .name,.game-list li:hover .name{background:#09adff;color:#fff}.game-list2,.game-list3{margin:0 0 0 -20px}.game-list2 li{position:relative;float:left;margin:0 0 20px 20px;padding:40px 0 0 212px;width:278px;height:178px;background-color:#fff;font-size:14px;color:#666;line-height:1}.game-list2 li div{margin-bottom:17px}.game-list2 .pic{position:absolute;display:block;top:40px;left:40px;width:138px;height:138px;border-radius:20px;background:url(../img/bg_img.jpg) center no-repeat;transition:all .2s ease;overflow:hidden}.game-list2 .pic img{display:block;width:100%;height:100%;transition:all .2s ease}.game-list2 .name{font-size:20px;color:#000}.game-list2 .website{color:#000;transition:all .2s}.game-list2 .btn-dl{display:inline-block;*display:inline;margin-right:12px;width:110px;height:30px;border:1px solid #666;box-sizing:content-box;text-align:center;line-height:30px;color:#000;background-color:#fff;border-radius:4px;text-align:center;transition:all .2s ease}.icon-wrapper{position:relative;padding:0 15px}.game-list2 .website:hover{color:#555}.icon-android,.icon-ios{position:absolute;top:45%;left:50%;width:16px;height:20px;margin-left:-8px;margin-top:-10px;background:url(../img/icon_mobile.png) 0 0 no-repeat;text-decoration:none}.icon-ios{width:15px;margin-left:-7.5px;background-position-x:-16px}.btn-dl:hover{background-color:#09adff;border-color:#09adff;color:#fff;text-decoration:none}.btn-dl:hover .icon-android,.btn-dl:hover .icon-ios{background-position-y:-20px}.game-list2 li:hover{box-shadow:0 0 5px rgba(0,0,0,.25)}.game-list2 .pic:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.game-list3 li{position:relative;float:left;margin:0 0 20px 20px;padding-top:20px;height:255px;width:233px;border:1px solid #fff;background-color:#fff;font-size:14px;color:#666;text-align:center;overflow:hidden}.game-list3 li:hover{border-color:#09adff}.game-list3 .pic{position:relative;display:block;width:100%}.game-list3 .pic img{display:block;margin:0 auto;width:138px;height:138px;border-radius:10px;overflow:hidden;background-color:#999;transition:all .2s ease}.game-list3 .name{margin-top:10px;color:#2f3238;font-size:16px}.game-list3 .website{display:block;background-color:#fff;border-radius:2px;margin:10px auto 0;width:118px;height:32px;line-height:32px;color:#666;border:1px solid #666;transition:all .2s ease}.game-list3 .mask{position:absolute;top:-295px;left:0;padding-top:36px;width:100%;height:239px;background-color:#f3f3f3;z-index:2;transition:all .2s ease}.game-list3 .mask .ewm{border-radius:0}.game-list3 .mask .bottom{position:absolute;left:0;bottom:0;width:100%}.game-list3 .mask .btn-dl{position:relative;display:block;padding-left:65px;height:32px;line-height:32px;border-top:1px solid #eee;text-align:left;color:#333;background-color:#fff;font-size:13px;transition:all .2s ease}.game-list3 .mask .btn-dl:hover{color:#fff;background-color:#09adff}.game-list3 .website:hover{text-decoration:none;color:#fff;background-color:#09adff;border-color:#09adff}.game-list3 .pic:hover .mask{top:-20px}.home-list{margin-top:30px;background:url(../img/bg-home-2.png) 50% 0}