@import '../static/swiper4.min.css';
main{width:100%}.container{width:1200px;margin:0 auto}.box-bg{overflow:hidden;}.box-bg.fff{background-color:#fff}.box-bg.ccc{position:relative;padding:90px 0;}.box-bg.ccc .shape{position:absolute;width:100%;height:90px;}.box-bg.ccc .shape.shape-top{top:-1px}.box-bg.ccc .shape.shape-bottom{bottom:0}.box-bg.ccc .shape svg{height:100%;width:100%}section .sec-title{margin:50px 0 30px;font-size:30px;text-align:center}section .sec-more{display:block;margin:40px auto 50px;width:100%;height:50px;line-height:50px;text-align:center;border-radius:10px;font-size:16px;background-color:#f4f4f4;color:#333}.newest-update .newest-nav{height:50px;margin:0 auto 40px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}.newest-update .newest-nav span{width:120px;height:50px;line-height:50px;border-radius:25px;background-color:#f4f4f4;margin:0 20px;cursor:pointer;font-size:16px;}.newest-update .newest-nav span.active,.newest-update .newest-nav span:hover{background-color:#353535;color:#fff}.newest-update .newest-wrap > li{display:none;}.newest-update .newest-wrap > li.active{display:block}.newest-update .newest-wrap > li.soft li{float:left;width:calc((100% - 120px) / 4);height:260px;margin-right:40px;margin-top:40px;border-radius:20px;background-color:#fff;-webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,0.15);box-shadow:0 20px 30px 0 rgba(0,0,0,0.15);position:relative;padding:25px 30px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}.newest-update .newest-wrap > li.soft li:nth-child(4n){margin-right:0}.newest-update .newest-wrap > li.soft li:nth-child(-n+4){margin-top:0}.newest-update .newest-wrap > li.soft li:hover.c1{background:-webkit-linear-gradient(45deg,#7776ff,#ae2cf1);background:-o-linear-gradient(45deg,#7776ff,#ae2cf1);background:linear-gradient(45deg,#7776ff,#ae2cf1)}.newest-update .newest-wrap > li.soft li:hover.c2{background:-webkit-linear-gradient(45deg,#4facfe,#00f2fe);background:-o-linear-gradient(45deg,#4facfe,#00f2fe);background:linear-gradient(45deg,#4facfe,#00f2fe)}.newest-update .newest-wrap > li.soft li:hover.c3{background:-webkit-linear-gradient(45deg,#fedc45,#fb7099);background:-o-linear-gradient(45deg,#fedc45,#fb7099);background:linear-gradient(45deg,#fedc45,#fb7099)}.newest-update .newest-wrap > li.soft li:hover.c4{background:-webkit-linear-gradient(45deg,#8ffca0,#0bcbfb);background:-o-linear-gradient(45deg,#8ffca0,#0bcbfb);background:linear-gradient(45deg,#8ffca0,#0bcbfb)}.newest-update .newest-wrap > li.soft li:hover.c5{background:-webkit-linear-gradient(45deg,#0dccff,#4760ff);background:-o-linear-gradient(45deg,#0dccff,#4760ff);background:linear-gradient(45deg,#0dccff,#4760ff)}.newest-update .newest-wrap > li.soft li:hover.c6{background:-webkit-linear-gradient(45deg,#7683d9,#d8a0fe);background:-o-linear-gradient(45deg,#7683d9,#d8a0fe);background:linear-gradient(45deg,#7683d9,#d8a0fe)}.newest-update .newest-wrap > li.soft li:hover.c7{background:-webkit-linear-gradient(45deg,#fd5392,#f86f64);background:-o-linear-gradient(45deg,#fd5392,#f86f64);background:linear-gradient(45deg,#fd5392,#f86f64)}.newest-update .newest-wrap > li.soft li:hover.c8{background:-webkit-linear-gradient(45deg,#ffb67b,#ef0a6a);background:-o-linear-gradient(45deg,#ffb67b,#ef0a6a);background:linear-gradient(45deg,#ffb67b,#ef0a6a)}.newest-update .newest-wrap > li.soft li:hover.c9{background:-webkit-linear-gradient(45deg,#facc22,#f83600);background:-o-linear-gradient(45deg,#facc22,#f83600);background:linear-gradient(45deg,#facc22,#f83600)}.newest-update .newest-wrap > li.soft li:hover.c10{background:-webkit-linear-gradient(45deg,#ff7a95,#ffb696);background:-o-linear-gradient(45deg,#ff7a95,#ffb696);background:linear-gradient(45deg,#ff7a95,#ffb696)}.newest-update .newest-wrap > li.soft li:hover.c11{background:-webkit-linear-gradient(45deg,#43ea80,#38f8d4);background:-o-linear-gradient(45deg,#43ea80,#38f8d4);background:linear-gradient(45deg,#43ea80,#38f8d4)}.newest-update .newest-wrap > li.soft li:hover.c12{background:-webkit-linear-gradient(45deg,#4de1ee,#22bbfa);background:-o-linear-gradient(45deg,#4de1ee,#22bbfa);background:linear-gradient(45deg,#4de1ee,#22bbfa)}.newest-update .newest-wrap > li.soft li:hover.c13{background:-webkit-linear-gradient(45deg,#0dccff,#4760ff);background:-o-linear-gradient(45deg,#0dccff,#4760ff);background:linear-gradient(45deg,#0dccff,#4760ff)}.newest-update .newest-wrap > li.soft li:hover.c14{background:-webkit-linear-gradient(45deg,#46aef7,#1dd5e6);background:-o-linear-gradient(45deg,#46aef7,#1dd5e6);background:linear-gradient(45deg,#46aef7,#1dd5e6)}.newest-update .newest-wrap > li.soft li:hover.c15{background:-webkit-linear-gradient(45deg,#98e05f,#0de3ac);background:-o-linear-gradient(45deg,#98e05f,#0de3ac);background:linear-gradient(45deg,#98e05f,#0de3ac)}.newest-update .newest-wrap > li.soft li:hover.c16{background:-webkit-linear-gradient(45deg,#5dffca,#4ab2ec);background:-o-linear-gradient(45deg,#5dffca,#4ab2ec);background:linear-gradient(45deg,#5dffca,#4ab2ec)}.newest-update .newest-wrap > li.soft li:hover .con .title{color:#fff}.newest-update .newest-wrap > li.soft li:hover .con .version{color:#fff}.newest-update .newest-wrap > li.soft li:hover .con .info{color:#fff}.newest-update .newest-wrap > li.soft li .img{width:80px;height:80px;overflow:hidden;margin-left:10px;margin-bottom:10px;}.newest-update .newest-wrap > li.soft li .img img{width:100%;height:100%}.newest-update .newest-wrap > li.soft li .con .title{line-height:1.6;height:3.2em;font-size:16px;overflow:hidden;}.newest-update .newest-wrap > li.soft li .con .title em{color:#1398ff}.newest-update .newest-wrap > li.soft li .con .version{color:#666;font-size:12px;margin:10px 0 12px}.newest-update .newest-wrap > li.soft li .con .info{color:#999;}.newest-update .newest-wrap > li.soft li .con .info span{font-size:12px;margin-right:5px;}.newest-update .newest-wrap > li.soft li .con .info span:last-child{margin-left:5px}.newest-update .newest-wrap > li.soft li .arm-box{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background-color:rgba(0,0,0,0.7);color:#fff;font-size:12px;border-radius:0 0 20px 20px;}.newest-update .newest-wrap > li.soft li .arm-box img{display:inline-block;vertical-align:text-top;height:12px;margin-right:2px}.newest-update .newest-wrap > li.game li{float:left;width:calc((100% - 96px) / 3);height:207px;margin-right:48px;margin-top:40px;border-radius:10px;position:relative;}.newest-update .newest-wrap > li.game li:nth-child(3n){margin-right:0}.newest-update .newest-wrap > li.game li:nth-child(-n+3){margin-top:0}.newest-update .newest-wrap > li.game li:hover .mask{opacity:1}.newest-update .newest-wrap > li.game li .img{width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;}.newest-update .newest-wrap > li.game li .img img{height:100%;min-width:100%;margin-left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.newest-update .newest-wrap > li.game li .mask{position:absolute;opacity:0;position:absolute;width:100%;top:40px;left:0;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}.newest-update .newest-wrap > li.game li .mask .title-p{font-size:17px;height:3.2em;overflow:hidden;text-shadow:1px 1px 1px #333;color:#fff;margin-bottom:20px}.newest-update .newest-wrap > li.game li .mask span{display:inline-block;width:40px;height:40px;background-color:#fff;line-height:36px;font-size:24px;border-radius:20px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.newest-update .newest-wrap > li.game li .con{padding:10px 15px;display:none;}.newest-update .newest-wrap > li.game li .con .title{line-height:1.6;height:3.2em;font-size:16px;overflow:hidden}.newest-update .newest-wrap > li.game li .con .version{font-size:12px;height:12px;line-height:1;color:#666;margin:15px 0}.newest-update .newest-wrap > li.game li .con .info > span{display:inline-block;height:24px;line-height:24px;font-size:12px;color:#999;border-radius:5px;padding:0 5px;border:1px solid #999;margin-right:5px;}.newest-update .newest-wrap > li.game li .con .info > span:last-child{margin-right:0}.newest-update .newest-wrap > li.game li .con .info .arm-box{display:inline-block;height:24px;line-height:24px;padding:0 6px;text-align:center;margin-right:5px;border-radius:5px;background-color:#333;color:#fff;font-size:12px;}.newest-update .newest-wrap > li.game li .con .info .arm-box img{display:inline-block;vertical-align:text-top;height:12px;margin-right:2px}.newest-update .newest-wrap > li.plugin li,.newest-update .newest-wrap > li.template li{float:left;width:370px;height:325px;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:45px;margin-top:40px;background-color:#fff;border-radius:20px;-webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,0.15);box-shadow:0 20px 30px 0 rgba(0,0,0,0.15);}.newest-update .newest-wrap > li.plugin li:nth-child(-n+3),.newest-update .newest-wrap > li.template li:nth-child(-n+3){margin-top:0}.newest-update .newest-wrap > li.plugin li:nth-child(3n),.newest-update .newest-wrap > li.template li:nth-child(3n){margin-right:0}.newest-update .newest-wrap > li.plugin li:hover .title,.newest-update .newest-wrap > li.template li:hover .title{color:#1398ff}.newest-update .newest-wrap > li.plugin li .img,.newest-update .newest-wrap > li.template li .img{width:100%;height:180px;position:relative;overflow:hidden;}.newest-update .newest-wrap > li.plugin li .img img,.newest-update .newest-wrap > li.template li .img img{height:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.newest-update .newest-wrap > li.plugin li .title,.newest-update .newest-wrap > li.template li .title{height:3.2em;overflow:hidden;font-size:16px;margin:15px 0 10px}.newest-update .newest-wrap > li.plugin li .info,.newest-update .newest-wrap > li.template li .info{color:#999;font-size:12px;}.newest-update .newest-wrap > li.plugin li .info span,.newest-update .newest-wrap > li.template li .info span{margin-right:5px}.newest-update .newest-wrap > li.desktop li{float:left;width:368px;height:207px;margin-right:48px;margin-top:40px;position:relative;}.newest-update .newest-wrap > li.desktop li:nth-child(-n+3){margin-top:0}.newest-update .newest-wrap > li.desktop li:nth-child(3n){margin-right:0}.newest-update .newest-wrap > li.desktop li:hover p{opacity:1}.newest-update .newest-wrap > li.desktop li .imgs{width:100%;height:100%;position:relative;}.newest-update .newest-wrap > li.desktop li .imgs .img-cover{width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;}.newest-update .newest-wrap > li.desktop li .imgs .img-cover img{position:absolute;height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.newest-update .newest-wrap > li.desktop li .imgs .img-array{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;display:none;overflow:hidden;}.newest-update .newest-wrap > li.desktop li .imgs .img-array img{position:absolute;height:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:0;opacity:0;-webkit-transition:opacity 0s ease;-o-transition:opacity 0s ease;transition:opacity 0s ease;}.newest-update .newest-wrap > li.desktop li .imgs .img-array img.active{opacity:1}.newest-update .newest-wrap > li.desktop li p{opacity:0;position:absolute;width:100%;top:30px;left:0;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:16px;color:#fff;text-shadow:1px 1px 1px #333}.newest-update .newest-wrap > li.icons li{float:left;width:278px;border:1px solid #e9eaec;position:relative;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;background-color:#fff;margin-right:26px;margin-top:20px;}.newest-update .newest-wrap > li.icons li:nth-child(4n){margin-right:0}.newest-update .newest-wrap > li.icons li .img{text-align:center;background-color:#fff;}.newest-update .newest-wrap > li.icons li .img img{width:100%}.newest-update .newest-wrap > li.icons li .foot{height:40px;text-align:center;padding:10px 10px 0;}.newest-update .newest-wrap > li.icons li .foot p{white-space:nowrap;overflow:hidden;font-size:15px}.newest-update .newest-wrap > li.icons li .foot span{font-size:12px;color:#37d296}.recommend-soft{background-color:#f9f9f9;padding:50px 0;overflow:hidden;}.recommend-soft .fl-swiper{height:400px;width:530px;padding:15px 90px;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;position:relative;}.recommend-soft .fl-swiper .slide-box{padding-bottom:20px}.recommend-soft .fl-swiper .arrow{width:40px;height:40px;background-color:rgba(0,0,0,0.2);border-radius:20px;background-size:25px 20px}.recommend-soft .fl-swiper .slide-box{width:340px;margin:0 auto;}.recommend-soft .fl-swiper .slide-box .slide{width:100%;height:100%;text-align:center;cursor:pointer;}.recommend-soft .fl-swiper .slide-box .slide .img{width:120px;height:120px;margin:0 auto;}.recommend-soft .fl-swiper .slide-box .slide .img img{width:100%}.recommend-soft .fl-swiper .slide-box .slide .title{font-size:20px;height:3.2em;overflow:hidden;margin:30px 0}.recommend-soft .fl-swiper .slide-box .slide .info{margin-top:10px;color:#999;}.recommend-soft .fl-swiper .slide-box .slide .info span{margin:0 10px}.recommend-soft .fl-swiper .slide-box .slide .btn{margin:30px auto 0}.recommend-soft .slider{float:right;height:420px;width:560px;overflow:hidden;}.recommend-soft .slider ul{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}.recommend-soft .slider ul li{height:70px;line-height:40px;padding:15px 25px;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;position:relative;}.recommend-soft .slider ul li .liner{position:absolute;border-radius:10px;left:0;top:0;height:100%;width:0;background-color:#333;opacity:0;white-space:nowrap;overflow:hidden;color:#fff;padding:15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s .1s;-o-transition:opacity .3s .1s;transition:opacity .3s .1s;}.recommend-soft .slider ul li .liner .img{margin-left:25px}.recommend-soft .slider ul li .liner .title{-o-text-overflow:unset;text-overflow:unset;max-width:440px}.recommend-soft .slider ul li.active{background-color:#fff;}.recommend-soft .slider ul li.active .liner{opacity:1}.recommend-soft .slider ul li .img{width:40px;height:40px;overflow:hidden;float:left;margin-right:25px;}.recommend-soft .slider ul li .img img{width:100%}.recommend-soft .slider ul li .title{overflow:hidden;height:40px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:16px}.boutique-game ul li{float:left;width:calc((100% - 96px) / 3);height:207px;margin-right:48px;margin-top:40px;border-radius:10px;position:relative;}.boutique-game ul li:nth-child(3n){margin-right:0}.boutique-game ul li:nth-child(-n+3){margin-top:0}.boutique-game ul li:hover .mask{opacity:1}.boutique-game ul li .img{width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;}.boutique-game ul li .img img{height:100%;min-width:100%;margin-left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.boutique-game ul li .mask{position:absolute;opacity:0;position:absolute;width:100%;top:40px;left:0;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}.boutique-game ul li .mask .title-p{font-size:17px;height:3.2em;overflow:hidden;text-shadow:1px 1px 1px #333;color:#fff;margin-bottom:20px}.boutique-game ul li .mask span{display:inline-block;width:40px;height:40px;background-color:#fff;line-height:36px;font-size:24px;border-radius:20px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}.boutique-game ul li .con{padding:10px 15px;display:none;}.boutique-game ul li .con .title{line-height:1.6;height:3.2em;font-size:16px;overflow:hidden}.boutique-game ul li .con .version{font-size:12px;height:12px;line-height:1;color:#666;margin:15px 0}.boutique-game ul li .con .info > span{display:inline-block;height:24px;line-height:24px;font-size:12px;color:#999;border-radius:5px;padding:0 5px;border:1px solid #999;margin-right:5px;}.boutique-game ul li .con .info > span:last-child{margin-right:0}.boutique-game ul li .con .info .arm-box{display:inline-block;height:24px;line-height:24px;padding:0 6px;text-align:center;margin-right:5px;border-radius:5px;background-color:#333;color:#fff;font-size:12px;}.boutique-game ul li .con .info .arm-box img{display:inline-block;vertical-align:text-top;height:12px;margin-right:2px}.rank .sec-title{margin-top:20px}.rank .type-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:40px;}.rank .type-title span{width:120px;height:50px;line-height:50px;text-align:center;background:#f4f4f4;border-radius:25px;cursor:pointer;margin:0 20px;}.rank .type-title span.active{background:#333;color:#fff;-webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,0.15);box-shadow:0 20px 30px 0 rgba(0,0,0,0.15)}.rank .rank-box{display:none;}.rank .rank-box.active{display:block}.rank ul li{float:left;width:150px;height:170px;background:#fff;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.05);box-shadow:0 0 30px 0 rgba(0,0,0,0.05);border-radius:10px;padding:30px 15px 0;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:25px;margin-bottom:25px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}.rank ul li:nth-child(7n){margin-right:0}.rank ul li:hover{-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.15);box-shadow:0 0 30px 0 rgba(0,0,0,0.15);}.rank ul li:hover .title{color:#42adff}.rank ul li .img{width:60px;height:60px;margin:0 auto;}.rank ul li .img img{width:100%;height:100%}.rank ul li .title{text-align:center;margin-top:10px;height:3.2em;overflow:hidden}.other-link{height:200px;background-color:#f9f9f9;padding:20px 40px;border-radius:20px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin:60px auto;}.other-link .img{position:absolute;bottom:0;left:50%;margin-left:-130px;width:260px;}.other-link .img img{width:100%}.other-link .normal-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;}.other-link .normal-item .item{width:400px;height:60px;line-height:60px;text-align:center;background-color:#fff;border-radius:10px;margin:10px 0;}.other-link .normal-item .item:hover p{color:#fc4349;text-decoration:underline}