.banner-wrap{width:100%;height:580px;overflow:hidden;position:relative}.banner-swiper{width:100%;height:100%;position:absolute;width:1920px;left:50%;top:0;margin-left:-960px}.banner-swiper .swiper-slide img{width:100%;height:100%}.banner-pagination{width:auto!important;left:76%!important;bottom:30px!important}.banner-pagination span{width:18px;height:18px;background:#d6d5dd;opacity:1}.banner-pagination .swiper-pagination-bullet-active{width:30px;background:#fff;border-radius:20px}.banner-swiper .move{position:absolute;top:164px;left:0;right:0;width:1200px;margin:0 auto;color:#f4f5f7}.banner-swiper .move .icon{display:inline-block;vertical-align:middle;position:relative}.banner-swiper .move .icon img{display:block;width:88px;height:88px;border-radius:6px}.banner-swiper .move .icon i{display:inline-block;width:203px;height:185px;background:url(/html/class/template/images/ic-bg.png) no-repeat center;background-size:cover;position:absolute;left:-60%;top:-50%;z-index:-1}.banner-swiper .move .qr{display:inline-block;width:109px;height:102px;background:url(/html/class/template/images/qr-bg.png) no-repeat center;background-size:cover;margin-left:42px;vertical-align:middle}.banner-swiper .move .qr img{display:block;width:94px;height:94px;margin-left:11px;margin-top:4px}.banner-swiper .move h3{font-size:36px;font-weight:700;line-height:88px;padding-top:12px}.banner-swiper .move p{padding-bottom:64px;padding-left:3px}.banner-swiper .move a.btn{display:block;width:160px;height:42px;line-height:42px;text-align:center;color:#f4f5f7;background:#12a7eb;border-radius:20px;position:relative}.banner-swiper .move a.btn:after{content:'';background:url(/html/class/template/images/drop-right.png) no-repeat center;width:9px;height:15px;position:absolute;right:36px;top:14px}.hot-games .title{padding:40px 0 30px}.hot-games .title .icon{float:left;width:58px;height:52px;background:url(/html/class/template/images/hot-games.png) no-repeat center;background-size:cover;vertical-align:middle}.hot-games .title h3{float:left;font-weight:400;font-size:32px;color:#2e2f2f}.hot-games .title h3 i{color:#f27048}.hot-games .title h3 span{color:#d9dada;padding-left:16px}.hot-games .title .more{float:right;font-size:14px;color:#bbb;border:1px solid #bbb;border-radius:20px;background:#fff;padding:4px 18px;margin-top:12px}.hot-games .games-list{margin-right:-38px}.hot-games .games-list li{float:left;width:372px;height:402px;margin:0 38px 35px 0;border-radius:8px;overflow:hidden;position:relative;cursor:pointer}.hot-games .games-list li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.hot-games .games-list li img{width:100%;height:100%;-webkit-transition:.6s all ease;transition:.6s all ease}.hot-games .games-list li:hover{-webkit-transition:all .5s;transition:all .5s;-webkit-box-shadow:0 4px 10px 0 #999;box-shadow:0 4px 10px 0 #999}.hot-games .games-list li:hover .cover{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.hot-games .games-list .cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}.hot-games .games-list .game-icon{display:block;width:101px;height:101px;border-radius:6px}.hot-games .games-list .game-title{font-size:20px;font-weight:700;color:#fff;padding:20px 0 44px}.hot-games .games-list .cover a{text-align:center;font-size:14px;color:#fff;border:1px solid #fff;border-radius:4px;padding:6px 28px}.hot-games .games-list li.no-game{background:rgba(255,255,255,.8)}.hot-games .games-list li.no-game:hover{-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent}.hot-games .games-list li.no-game p{text-align:center;font-size:24px;color:#c3c3c3;padding-top:132px}.hot-games .games-list li.no-game h3{text-align:center;font-size:33px;font-weight:700;color:#c3c3c3}.hot-news .title{padding:40px 0 30px;position:relative}.hot-news .title .icon{float:left;width:40px;height:52px;background:url(/html/class/template/images/hot-news.png) no-repeat center;background-size:cover;vertical-align:middle}.hot-news .title h3{float:left;font-weight:400;font-size:32px;color:#2e2f2f}.hot-news .title h3 i{color:#4cc622}.hot-news .title h3 span{color:#d9dada;padding-left:16px}.hot-news .title .more{float:right;font-size:14px;color:#bbb;border:1px solid #bbb;border-radius:20px;background:#fff;padding:4px 18px;margin-top:12px}.hot-news .news-pagination{float:right;margin:16px 20px 0 0}.hot-news .news-pagination span{margin:0 4px;border-radius:50%}.hot-news .swiper-pagination-bullet-active{background:#5ac92c;outline:0}.hot-news .news-list{margin-right:-64px}.hot-news .news-list li{float:left;width:564px;height:92px;margin:0 64px 54px 0}.hot-news .news-list .news-img{float:left;width:180px;height:92px;border-radius:8px;overflow:hidden;background:url(/html/class/template/images/news-bg.png) no-repeat center;background-size:cover}.hot-news .news-list a:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.hot-news .news-list .news-img img{width:100%;height:100%;-webkit-transition:.6s all ease;transition:.6s all ease}.hot-news .news-list .news-txt{float:right;width:364px;font-size:14px;color:#666;overflow:hidden}.hot-news .news-list .news-txt h3{height:24px;font-size:16px;line-height:24px;font-weight:400;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.hot-news .news-list .news-txt span{color:#bbb}.hot-news .news-list .news-txt p{height:48px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.apply{background:url(/html/class/template/images/apple-line.jpg) repeat-x top;padding:48px 0 68px}.apply li{float:left;width:25%}.apply li .icon{display:inline-block;width:76px;height:69px;margin-right:4px;vertical-align:middle;position:relative;top:-4px}.apply li .icon1{background:url(/html/class/template/images/apple-icon1.png) no-repeat}.apply li a:hover .icon1{background:url(/html/class/template/images/apple-icon01.png) no-repeat}.apply li .icon2{background:url(/html/class/template/images/apple-icon2.png) no-repeat}.apply li a:hover .icon2{background:url(/html/class/template/images/apple-icon02.png) no-repeat}.apply li .icon3{background:url(/html/class/template/images/apple-icon3.png) no-repeat}.apply li a:hover .icon3{background:url(/html/class/template/images/apple-icon03.png) no-repeat}.apply li .icon4{background:url(/html/class/template/images/apple-icon4.png) no-repeat}.apply li a:hover .icon4{background:url(/html/class/template/images/apple-icon04.png) no-repeat}.apply li .text{display:inline-block}.apply li h3{font-size:18px;font-weight:400;color:#35383d}.apply li p{font-size:14px;color:#a6aaad}.apply li.li1 a:hover h3{color:#2a8df6}.apply li.li1 a:hover p{color:#7cb1f7}.apply li.li2 a:hover h3{color:#e7b552}.apply li.li2 a:hover p{color:#fec34a}.apply li.li3 a:hover h3{color:#b18ffc}.apply li.li3 a:hover p{color:#df98fd}.apply li.li4 a:hover h3{color:#3ccf66}.apply li.li4 a:hover p{color:#6ac583}