.banner{width:100%;height:9.8rem;display:block;background-repeat:no-repeat;background-size:cover;background-position:top center;overflow:hidden;text-align:center}.banner .bg1{background-image:url(/templates/xgjnew/mobile/img/newproduct/xztbanner1.png);background-size:contain;background-color:#ff9419}.banner .bg2{background-image:url(/templates/xgjnew/mobile/img/newproduct/xztbanner2.png);background-size:contain;background-color:#ffc524}.banner .banner-content .first-title{font-size:.48rem;font-weight:500;color:#fff;line-height:1;margin-top:1rem}.banner .banner-content .slogan{height:.6rem;font-size:.6rem;font-weight:500;color:#fff;line-height:1;margin-top:.24rem}.banner .banner-content .detail{display:block;height:.8rem;font-size:.28rem;font-weight:400;color:#fff;line-height:.4rem;margin-top:.3rem}.banner .banner-content .try-btn,.banner .banner-content .whitebg-btn{width:2.5rem;height:.84rem;-webkit-box-shadow:0 .02rem .06rem 0 #e67a00;box-shadow:0 .02rem .06rem 0 #e67a00;border-radius:.42rem;text-align:center;line-height:.84rem;display:block;margin:0 auto;margin-top:.36rem;font-size:.32rem;display:inline-block;background:0 0;color:#fff;border:.02rem solid #fff}.banner .banner-content .try-btn p,.banner .banner-content .whitebg-btn p{display:inline}.banner .banner-content .try-btn .icon,.banner .banner-content .whitebg-btn .icon{color:#0f93ff}.banner .banner-content .whitebg-btn{margin-right:.15rem;background:#fff;color:#f80;position:relative}.banner .banner-content .whitebg-btn .qrcode-wrapper{opacity:0;visibility:hidden;width:3.5rem;height:3.5rem;background:#fff;border:.01rem solid rgba(0,0,0,.04);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 .04rem .6rem rgba(167,167,167,.1);box-shadow:0 .04rem .6rem rgba(167,167,167,.1);border-radius:.1rem;position:absolute;bottom:-.24rem;left:-.46rem;-webkit-transform:translateY(100%);transform:translateY(100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.banner .banner-content .whitebg-btn .qrcode-wrapper img{width:100%;height:100%}.banner .banner-content .whitebg-btn:hover .qrcode-wrapper{visibility:visible;opacity:1;-webkit-transition:all 1s ease;transition:all 1s ease}.content{padding:0 .4rem}.content .title{font-size:.48rem;font-weight:500;color:#3d4042;line-height:.67rem;text-align:center;margin-top:1.2rem}.content .fn-box{margin-top:.36rem;padding-bottom:.48rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .fn-box .fn-item{width:3.19rem;height:3.24rem;margin-top:.32rem;background:#fff;-webkit-box-shadow:0 .03rem .14rem 0 rgba(0,0,0,.06);box-shadow:0 .03rem .14rem 0 rgba(0,0,0,.06);border-radius:.12rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .fn-box .fn-item img{width:.96rem;height:.96rem;font-size:0}.content .fn-box .fn-item p{font-size:.3rem;color:#3d4042;line-height:.3rem;margin-top:.32rem}.content .fn-box .fn-item span{font-size:.24rem;color:#999;line-height:.33rem;text-align:center;margin-top:.2rem}.content .steps{margin-top:.05rem;padding-bottom:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.content .steps .step{position:relative;width:3.2rem;height:2.8rem;margin-right:.3rem;margin-top:.52rem;background:#fff}.content .steps .step img{width:100%;height:100%}.content .steps .step span{margin-top:.24rem}.content .steps .step:nth-child(2n){margin-right:0}.apply_wrapper{background:url(/templates/xgjnew/mobile/img/newproduct/xztbg.png) center center no-repeat}.apply_wrapper .try_for_free{background:#f80!important}