@charset "UTF-8";.page1,body{background:#f6f7fb}.page1 .tab .tab-list .item:after,.page2 .hot-game-con:after{content:"";visibility:hidden;overflow:hidden;clear:both}.h5-main{display:none}.page1{position:relative;width:100%;margin-bottom:25px;}.page1 .banner{height:880px;width:100%}.page1 .banner .next,.page1 .banner .prve{display:inline-block;width:45px;height:80px;top:50%;z-index:5;position:absolute;cursor:pointer}.page1 .banner .prve{background:url(../image/spring.png?v=23skdfk);background-size:500px 500px;left:30px}.page1 .banner .next{background:url(../image/spring.png?v=23skdfk) -49px 0;background-size:500px 500px;right:30px}.page1 .banner .pagetion{height:30px;position:absolute;z-index:2;left:50%;margin-left:-5%}.page1 .banner .pagetion span{display:block;width:16px;height:16px;float:left;margin-left:8px;border-radius:50%;background:#fff}.page1 .banner ul li,.page1 .banner ul li a{height:880px;display:block;position:absolute}.page1 .banner .pagetion span.active,.page1 .banner .pagetion span:hover{width:46px;background:#f9bc1f;border-radius:10px;transition:.1s width cubic-bezier(.46,1,.23,.46)}.page1 .banner .pagetion span:hover{cursor:pointer}.page1 .banner ul li{opacity:0;width:100%;background-repeat:no-repeat;background-position:center top;z-index:1;}.page1 .banner ul li a{width:100%;z-index:9}.page1 .banner ul li.active{width:100%;opacity:1;display:block}.page1 .banner ul li#show{z-index:2}.page1 .banner ul li .banner-container{position:absolute;width:1200px;top:283px;left:50%;margin-left:-600px;height:20px}.page1 .banner ul li .banner-container .banner-des{color:#000;width:453px}.page1 .banner ul li .banner-container .banner-des.banner-left{float:left;margin-top:-32px;margin-left:13px}.page1 .banner ul li .banner-container .banner-des.banner-right{float:right;margin-top:-32px;margin-right:13px}.page1 .banner ul li .banner-container .banner-des h2{font-size:35px}.page1 .banner ul li .banner-container .banner-des .line{margin:17px 0;height:1px;background:#f9bc1f}.page1 .banner ul li .banner-container .banner-des .descript{width:453px;font-size:14px;line-height:25px;margin-bottom:15px}.page1 .banner ul li .banner-container .banner-des .check{width:144px;height:53px;line-height:53px;background:url(../image/spring.png?v=23skdfk) -7px -270px;background-size:500px 500px;text-align:center;color:#333;font-weight:800}.page1 .tab{width:100%;position:absolute;top:680px;z-index:666}.page1 .tab .tab-container{float:left;width:852px;border-radius:5px 0 0 5px;overflow:hidden;box-shadow:0 0 8px 6px #78787812;-webkit-box-shadow:0 0 8px 6px #78787812}.page1 .tab .tab-container .tab-img{display:none;height:350px}.page1 .tab .tab-container .tab-img img{width:852px;height:350px;float:left}.page1 .tab .tab-list{float:right;width:348px;border-radius:0 5px 5px 0;overflow:hidden;box-shadow:0 0 8px 6px #78787812;-webkit-box-shadow:0 0 8px 6px #78787812}.page1 .tab .tab-list .item{padding:31.4px 18px;background:#262626}.page1 .tab .tab-list .item:after{display:block}.page1 .tab .tab-list .item.active{background:#e5e5e5}.page1 .tab .tab-list .item.active a .game_des p.title{color:#333}.page1 .tab .tab-list .item a .game_icon{float:left;border-radius:10px;overflow:hidden;width:54px;height:54px}.page1 .tab .tab-list .item a .game_icon img{width:54px;height:54px;float:left}.page1 .tab .tab-list .item a .game_des{float:left;margin-left:16px}.page1 .tab .tab-list .item a .game_des p.title{color:#fff;font-size:14px;width:225px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page1 .tab .tab-list .item a .game_des p.descript{color:#8c8c8c;font-size:12px;line-height:35px;width:225px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-title{height:80px;line-height:80px}.box-title i.title-icon{width:13px;height:15px;display:block;float:left;margin-top:35px;background:url(../image/spring.png?v=23skdfk) -82px -89px;background-size:500px 500px}.box-title p.class-title{font-size:18px;font-style:normal;float:left;margin-left:20px}.page2 .hot-game-con{margin-left:-30px;margin-bottom:25px}.page2 .hot-game-con:after{display:block}.page2 .hot-game-con .hot{width:384px;overflow:hidden;background:#fff;float:left;margin-left:25px;box-shadow:0 3px 8px #78787812;-webkit-box-shadow:0 3px 8px #78787812;border-radius:5px;-webkit-border-radius:5px}.page2 .hot-game-con .hot a{text-decoration:none}.page2 .hot-game-con .hot a:hover .go-web i{right:15px}.page3 .new-test-list .box .item .game-desc .time:hover .go-icon,.page3 .new-test-list .box .item:hover .go-icon{right:20px}.page2 .hot-game-con .hot .hot-img{position:relative;overflow:hidden;border-radius:5px 5px 0 0}.page2 .hot-game-con .hot .hot-img .hot-img-a{width:384px;height:270px;overflow:hidden}.page2 .hot-game-con .hot .hot-img .hot-img-a img{float:left;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}.page2 .hot-game-con .hot .hot-img .hot-des{width:384px;height:270px;position:absolute;top:-270px;background:rgba(247,205,121,.88);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffd37d, endColorstr=#99ffd37d);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;color:#383838}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con{margin-top:80px;margin-left:20px}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con .game-ewm{float:left}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con .game-xi{float:left;margin-left:15px;line-height:30px}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con .game-xi i.start-icon{width:16px;height:16px;display:inline-block;background:url(../image/spring.png?v=23skdfk) -6px -121px;background-size:500px 500px;margin-top:10px}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con .game-xi .game-down{margin-top:5px;font-size:12px}.page2 .hot-game-con .hot .hot-img .hot-des .hot-des-con .game-xi .game-down i.down-icon{width:27px;height:24px;display:inline-block;float:left;margin-right:10px;background:url(../image/spring.png?v=23skdfk) -118px -218px;background-size:500px 500px}.page2 .hot-game-con .hot .hot-img:hover .hot-des{top:0}.page2 .hot-game-con .hot .hot-img:hover .hot-img-a img{transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2)}.page2 .hot-game-con .hot .hot-title{background:#fff;color:#383838;margin:13px 20px 2px;height:32px;overflow:hidden}.page2 .hot-game-con .hot .hot-txt{margin:0 16px 13px;font:14px "Microsoft YaHei";color:#6d6d6d;line-height:22px;padding:0 2px;height:45px;overflow:hidden;position:relative;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-o-line-clamp:2;-o-box-orient:vertical;-moz-line-clamp:2;-moz-box-orient:vertical}.page2 .hot-game-con .hot .go-web{width:384px;height:50px;line-height:50px;border-radius:0 0 5px 5px;background:#ffd361;position:relative;color:#262626}.page2 .hot-game-con .hot .go-web i{width:8px;height:11px;display:inline-block;position:absolute;right:20px;background:url(../image/spring.png?v=23skdfk) -15px -92px;background-size:500px 500px;top:50%;margin-top:-5px;transition:all .5s}.page2 .hot-game-con .hot .go-web span{font-weight:800;float:right;margin-right:35px;font-size:14px}.page3{position:relative}.page3 .new-test-list{margin-left:-30px;margin-bottom:26px;position:relative;height:150px}.page3 .new-test-list .box{opacity:0;position:absolute;z-index:1}.page3 .new-test-list .box#show{z-index:2}.page3 .new-test-list .box:after{clear:both;content:'';display:block;overflow:hidden;visibility:hidden}.join .join-list:after,.page3 .new-test-list .box .item:after,.page3 .new-test-list:after,.partner .partner-list:after{content:"";clear:both;overflow:hidden;visibility:hidden}.page3 .new-test-list .box .item{width:385px;background:#fff;position:relative;overflow:hidden;margin-left:25px;float:left;border-radius:5px;box-shadow:0 3px 8px #78787812;-webkit-box-shadow:0 3px 8px #78787812}.page3 .new-test-list .box .item:hover .line{bottom:0}.page3 .new-test-list .box .item:after{display:block}.page3 .new-test-list .box .item .game-icon{width:92px;height:92px;padding:27px 14px 27px 30px;float:left;border-radius:15px;overflow:hidden}.page3 .new-test-list .box .item .game-desc,.page3 .new-test-list .box .item .game-icon img{float:left}.page3 .new-test-list .box .item .game-desc .game-title{margin-top:28px;margin-left:-5px;font-size:14px}.page3 .new-test-list .box .item .game-desc .game-pla-info{color:#a4a4a4;line-height:33px;font-size:14px}.page3 .new-test-list .box .item .game-desc .down-info{font-size:14px}.page3 .new-test-list .box .item .game-desc .down-info .num{color:#ff6767}.page3 .new-test-list .box .item .game-desc .down-info .txt{color:#a4a4a4;margin-left:-5px}.page3 .new-test-list .box .item .game-desc .time:hover .line{bottom:0}.page3 .new-test-list .box .item .game-desc .time i{width:17px;height:17px;display:inline-block;float:left;background:url(../image/spring.png?v=23skdfk) -50px -89px;background-size:500px 500px;margin-top:3px}.page3 .new-test-list .box .item .game-desc .time span{color:#38a02f;font-size:14px;margin-left:5px}.page3 .new-test-list .box .item a{display:block;height:146px;color:#333}.page3 .new-test-list .box .item a .line{width:385px;height:7px;position:absolute;bottom:-7px;background:#ffd361;transition:all .2s}.page3 .new-test-list .box .item a .go-icon{width:10px;height:17px;display:block;background:url(../image/spring.png?v=23skdfk) -29px -89px;background-size:500px 500px;position:absolute;right:30px;top:50%;margin-top:-8px;transition:all .2s}.page3 .new-test-list:after{display:block}.join .join-list{margin-left:-30px;margin-bottom:26px}.join .join-list:after{display:block}.join .join-list .item{width:216px;height:100px;position:relative;background-color:#fff;border-radius:10px;cursor:pointer;float:left;margin-left:30px;transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;box-shadow:0 3px 8px #78787812;-webkit-box-shadow:0 3px 8px #78787812}.join .join-list .item a{display:block;width:216px;height:100px;color:#333;position:relative;border-radius:5px;overflow:hidden}.join .join-list .item a i.technical-block{width:16px;height:17px;display:block;position:absolute;right:0;bottom:-1px;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-445px -329px}.join .join-list .item a i.design-block,.join .join-list .item a i.distribution-block,.join .join-list .item a i.functional-block,.join .join-list .item a i.operation-block{width:16px;height:17px;right:0;bottom:0;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px}.join .join-list .item a i.operation-block{background-position:-445px -265px}.join .join-list .item a i.design-block{background-position:-445px -286px}.join .join-list .item a i.distribution-block{background-position:-445px -307px}.join .join-list .item a i.functional-block{background-position:-446px -348px}.join .join-list .item.active{background-color:#ffed95}.join .join-list .item:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}.join .join-list .item i.point{width:14px;height:14px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-452px -113px;top:11px;left:11px}.join .join-list .item i.com-icon,.join .join-list .item i.plan-icon{width:41px;height:33px;top:34px;left:36px;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;position:absolute;display:block}.join .join-list .item i.com-icon{background-position:-106px 0}.join .join-list .item i.plan-icon{background-position:-439px -216px}.join .join-list .item i.plan-point{width:14px;height:14px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-452px -131px;top:11px;left:11px}.join .join-list .item i.design-icon{width:41px;height:33px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-106px -83px;top:34px;left:36px}.join .join-list .item i.design-point{width:14px;height:14px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-452px -148px;top:11px;left:11px}.join .join-list .item i.distribution-icon{width:41px;height:33px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-110px -132px;top:34px;left:36px}.join .join-list .item i.distribution-point{width:14px;height:14px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-452px -166px;top:11px;left:11px}.join .join-list .item i.functional-icon{width:41px;height:33px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-110px -166px;top:34px;left:36px}.join .join-list .item i.functional-point{width:14px;height:14px;display:block;position:absolute;background-image:url(../image/spring.png?v=23skdfk);background-size:500px 500px;background-position:-452px -185px;top:11px;left:11px}.join .join-list .item span.class-name{position:absolute;font-size:14px;top:32px;left:97px}.join .join-list .item span.class-en{position:absolute;font-size:10px;top:55px;left:97px}.partner .partner-list{margin-bottom:158px}.partner .partner-list:after{display:block}.partner .partner-list .item{float:left;height:50px}.partner .partner-list .item-1 a{width:165px;height:50px;display:block;background:url(../image/spring.png?v=23skdfk) -178px 0;background-size:500px 500px;margin-top:31px}.partner .partner-list .item-2 a{width:111px;height:81px;display:block;background:url(../image/spring.png?v=23skdfk) -169px -52px;background-size:500px 500px;margin-top:12px;margin-left:34px}.partner .partner-list .item-3 a{width:150px;height:50px;display:block;background:url(../image/spring.png?v=23skdfk) -178px -143px;background-size:500px 500px;margin-top:32px;margin-left:45px}.partner .partner-list .item-4 a{width:170px;height:43px;display:block;background:url(../image/spring.png?v=23skdfk) -178px -208px;background-size:500px 500px;margin-left:42px;margin-top:36px}.partner .partner-list .item-5 a{width:153px;height:49px;display:block;background:url(../image/spring.png?v=23skdfk) -178px -254px;background-size:500px 500px;margin-top:32px;margin-left:38px}.partner .partner-list .item-6 a{width:64px;height:82px;display:block;background:url(../image/spring.png?v=23skdfk) -308px -53px;background-size:500px 500px;margin-left:57px;margin-top:15px}.partner .partner-list .item-7 a{width:140px;height:50px;display:block;background:url(../image/spring.png?v=23skdfk) -185px -325px;background-size:500px 500px;margin-left:31px;margin-top:32px}@media screen and (max-width:750px){.pc-main{display:none}.h5-main{display:block;font-size:16px;position:relative;max-width:3.75rem}}