*{-webkit-box-sizing:border-box;box-sizing:border-box}body{max-width:1920px;margin:auto}h3{margin:0 auto;text-align:center}.m{display:none}.btn{cursor:pointer}.box-center,.wrapper-description .label,.wrapper-description .row,.wrapper-description .row .tag,.wrapper-description .detail.pc,.wrapper-description .detail .split,.wrapper .trades .step-tags,.wrapper .trade .step .tag{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{background:url(../img/pc/banner.jpg) no-repeat center/cover;width:100%;height:6.36rem;position:relative;padding-top:1.5rem}.banner .logo{background:url(../img/pc/logo.png) no-repeat center/cover;width:2.2rem;height:.26rem;position:absolute;top:0.4rem;left:0.6rem;background-size:contain}.banner h2{color:rgba(0,0,0,0);text-align:center;font-size:.8rem;margin:0 auto}.wrapper{background:url(../img/pc/part-1-bg.jpg) no-repeat center/cover;width:100%;background-position:top center;background-size:100%;padding-top:0.7rem}.wrapper-title{background:url(../img/pc/wrapper-title.png) no-repeat center/cover;width:6.59rem;height:.36rem;font-size:0rem;margin:0 auto 0.7rem;color:transparent}.wrapper-description{width:12rem;height:9.64rem;position:relative;margin:0 auto;padding-top:0.5rem}.wrapper-description .label{width:9rem;color:#fff;font-weight:bold;font-size:.39rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 0.22rem;padding:0 1.7rem 0 1.64rem}.wrapper-description .row{width:9rem;margin:0 auto;background:#00247f;border:solid 2px;border-radius:6px;border-image-slice:1;border-image-source:linear-gradient(to bottom, #41e7ff, #4b79ff)}.wrapper-description .row.middle{margin:0.24rem auto 0.33rem}.wrapper-description .row .block{width:1.58rem;padding:0.2rem 0}.wrapper-description .row .arrow{background:url(../img/pc/arrow.png) no-repeat center/cover;width:2.03rem;height:.35rem;margin:0 0.58rem 0 0.7rem}.wrapper-description .row span{color:#fff;text-align:center;font-size:.22rem;display:block}.wrapper-description .row .img{margin:0.08rem auto 0.12rem}.wrapper-description .row .img.gold{background:url(../img/pc/gold.png) no-repeat center/cover;width:1.58rem;height:.69rem}.wrapper-description .row .img.oil{background:url(../img/pc/oil.png) no-repeat center/cover;width:.74rem;height:1.05rem}.wrapper-description .row .tag{width:1.25rem;height:.4rem;margin:0 auto;border-radius:6px}.wrapper-description .row .tag.green{color:#030c57;font-size:.2rem;background:#41ffb5}.wrapper-description .row .tag.red{color:#fff;font-size:.2rem;background:#ff416c}.wrapper-description .detail{color:#fff;text-align:center;font-size:.2rem;line-height:0.35rem}.wrapper-description .detail .left{margin-right:0.5rem;padding-right:0.5rem;border-right:solid 1px #fff}.wrapper-description .detail .left span{color:#41e7ff}.wrapper-description .detail .little-arrow{background:url(../img/pc/arrow-little.png) no-repeat center/cover;width:.22rem;height:.15rem;display:inline-block;margin:0 0.1rem}.wrapper-description .detail .split .pass{color:#fff;font-size:.26rem}.wrapper-description::after,.wrapper-description::before{content:"";display:block;position:absolute}.wrapper-description::before{background:url(../img/pc/bx-1.png) no-repeat center/cover;width:2.3rem;height:3.1rem;top:0.5rem;left:0.35rem}.wrapper-description::after{background:url(../img/pc/bx-2.png) no-repeat center/cover;width:3.33rem;height:3.7rem;top:2.87rem;right:-0.59rem}.wrapper .trades-container{background:url(../img/pc/part-2-bg.png) no-repeat center/cover;width:100%;height:26.01rem}.wrapper .trades{position:relative;margin:-1.82rem auto 0;padding-top:0.38rem}.wrapper .trades h3{color:#0f2f81;font-size:.4rem}.wrapper .trades .step-tags{margin-top:0.2rem}.wrapper .trades .step-tags .step-tag-2{margin:0 0.26rem}.wrapper .trades .step-tags .step-tag-1{background:url(../img/pc/trade-1-btn.png) no-repeat center/cover;width:2.4rem;height:.5rem}.wrapper .trades .step-tags .step-tag-2{background:url(../img/pc/trade-2-btn.png) no-repeat center/cover;width:2.4rem;height:.5rem}.wrapper .trades .step-tags .step-tag-3{background:url(../img/pc/trade-3-btn.png) no-repeat center/cover;width:2.4rem;height:.5rem}.wrapper .trade{width:10.5rem;height:5.05rem;margin:0 auto;position:relative}.wrapper .trade .title{width:2.61rem;height:.5rem;margin:0 0 0 0.79rem}.wrapper .trade .content{width:10.5rem;height:4.4rem;padding-left:0.75rem;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);border-radius:0.2rem}.wrapper .trade .step{width:4.39rem;color:#666;font-size:.2rem;display:-ms-grid;display:grid;-ms-grid-columns:1.18rem 2.71rem;grid-template-columns:1.18rem 2.71rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.1rem;padding:0.15rem 0 0.16rem 0.19rem;min-height:0.95rem;background:#fff;border-radius:0.12rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);cursor:pointer}.wrapper .trade .step .text{padding-left:0.22rem}.wrapper .trade .step .text small{font-size:.14rem}.wrapper .trade .step .text span{color:#4b79ff}.wrapper .trade .step .tag{width:1.18rem;height:.45rem;color:#fff;font-weight:bold;font-size:.18rem;background-image:-webkit-gradient(linear, left top, left bottom, from(#82b1ff), to(#4b79ff));background-image:linear-gradient(to bottom, #82b1ff, #4b79ff);border-radius:0.12rem;font-family:Arial, Helvetica, sans-serif}.wrapper .trade .swiper-container{width:4.2rem;height:7rem;position:absolute;top:0;right:0.5rem;overflow:hidden}.wrapper .trade .swiper-container .swiper-slide{width:3.48rem;height:7rem}.wrapper .trade .controller .swiper-pagination{color:#4b79ff;font-size:.22rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;top:2.35rem;left:unset;width:0.28rem;right:10px}.wrapper .trade .controller .swiper-button-prev{top:1.785rem;left:unset;right:10px;z-index:15}.wrapper .trade .controller .swiper-button-prev::after{background:url(../img/pc/btn-up.png) no-repeat center/cover;width:.28rem;height:.28rem;content:""}.wrapper .trade .controller .swiper-button-next{top:3.7rem;z-index:15}.wrapper .trade .controller .swiper-button-next::after{background:url(../img/pc/btn-down.png) no-repeat center/cover;width:.28rem;height:.28rem;content:""}.wrapper .trade-1{margin-top:1.31rem}.wrapper .trade-1 .title{margin-bottom:0.2rem}.wrapper .trade-1 .content{padding-top:0.44rem}.wrapper .trade-2{margin:2.6rem auto 0.69rem}.wrapper .trade-2 .title{margin:0 0 0.82rem 5.59rem}.wrapper .trade-2 .content{padding-left:5.41rem}.wrapper .trade-2 .content .steps{position:absolute;top:0.9rem}.wrapper .trade-2 .swiper-container{width:4.31rem;height:7rem;top:0;left:0.49rem;right:unset}.wrapper .trade-2 .swiper-container .swiper-wrapper{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.wrapper .trade-2 .swiper-container .swiper-slide{width:3.67rem;height:7rem}.wrapper .trade-2 .swiper-container .img-2{width:3.68rem;height:7rem}.wrapper .trade-2 .swiper-container .img-3{width:3.62rem;height:7rem}.wrapper .trade-2 .swiper-container .img-5{width:3.48rem;height:7rem}.wrapper .trade-2 .controller .swiper-button-next,.wrapper .trade-2 .controller .swiper-button-prev,.wrapper .trade-2 .controller .swiper-pagination{right:unset}.wrapper .trade-2 .controller .swiper-pagination{top:3rem}.wrapper .trade-2 .controller .swiper-button-prev{top:2.42rem}.wrapper .trade-2 .controller .swiper-button-next{top:4.34rem}.wrapper .trade-3{margin-top:2.6rem}.wrapper .trade-3 .title{margin-bottom:0.67rem}.wrapper .trade-3 .steps{position:absolute;top:0.9rem}.wrapper .trade-3 .controller .swiper-pagination{top:2.83rem}.wrapper .trade-3 .controller .swiper-button-prev{top:2.27rem}.wrapper .trade-3 .controller .swiper-button-next{top:4.19rem}.wrapper .trade-3 .swiper-container .img-3{width:3.76rem;height:7rem}.wrapper .trade-1 .title{background:url(../img/pc/trade-1-title.png) no-repeat top left/contain}.wrapper .trade-1 .img-1{background:url(../img/pc/step/part-1-phone-1.png) no-repeat center/cover}.wrapper .trade-1 .img-2{background:url(../img/pc/step/part-1-phone-2.png) no-repeat center/cover}.wrapper .trade-1 .img-3{background:url(../img/pc/step/part-1-phone-3.png) no-repeat center/cover}.wrapper .trade-1 .img-4{background:url(../img/pc/step/part-1-phone-4.png) no-repeat center/cover}.wrapper .trade-1 .img-5{background:url(../img/pc/step/part-1-phone-5.png) no-repeat center/cover}.wrapper .trade-2 .title{background:url(../img/pc/trade-2-title.png) no-repeat top left/contain}.wrapper .trade-2 .img-1{background:url(../img/pc/step/part-2-phone-1.png) no-repeat center/cover}.wrapper .trade-2 .img-2{background:url(../img/pc/step/part-2-phone-2.png) no-repeat center/cover}.wrapper .trade-2 .img-3{background:url(../img/pc/step/part-2-phone-3.png) no-repeat center/cover}.wrapper .trade-2 .img-4{background:url(../img/pc/step/part-2-phone-4.png) no-repeat center/cover}.wrapper .trade-2 .img-5{background:url(../img/pc/step/part-2-phone-5.png) no-repeat center/cover}.wrapper .trade-3 .title{background:url(../img/pc/trade-3-title.png) no-repeat top left/contain}.wrapper .trade-3 .img-1{background:url(../img/pc/step/part-3-phone-1.png) no-repeat center/cover}.wrapper .trade-3 .img-2{background:url(../img/pc/step/part-3-phone-2.png) no-repeat center/cover}.wrapper .trade-3 .img-3{background:url(../img/pc/step/part-3-phone-3.png) no-repeat center/cover}.wrapper .trade-3 .img-4{background:url(../img/pc/step/part-3-phone-4.png) no-repeat center/cover}.wrapper .trade-3 .img-5{background:url(../img/pc/step/part-3-phone-5.png) no-repeat center/cover}@media screen and (max-width: 750px){.m{display:block}.pc{display:none !important}.banner{background:url(../img/m/banner.jpg) no-repeat center/cover;width:100%;height:9rem;padding-top:1.65rem}.banner h2{color:rgba(0,0,0,0);font-size:.7rem}.wrapper{background:url(../img/m/bg-1.jpg) no-repeat center/cover;width:100%;padding:0.3rem 0 0.6rem}.wrapper-title{color:#fff;font-size:.5rem;margin-bottom:0.3rem;height:unset;background:transparent}.wrapper-description{background:url(../img/m/part-1-bg.png) no-repeat center/cover;width:6.8rem;height:15.55rem}.wrapper-description .label{width:6.3rem;margin-bottom:0.19rem;padding:0 1.12rem}.wrapper-description .row{width:6.3rem}.wrapper-description .row span{color:#fff;font-size:.4rem}.wrapper-description .row .arrow{background:url(../img/m/arrow.png) no-repeat center/cover;width:1.03rem;height:.35rem;margin:0 0.1rem}.wrapper-description .row .block{width:2.05rem}.wrapper-description .row .tag.red,.wrapper-description .row .tag.green{width:1.9rem;height:.46rem;font-size:.3rem}.wrapper-description .row .img.gold{background:url(../img/m/gold.png) no-repeat center/cover;width:2.05rem;height:.9rem;margin:0.15rem auto 0.31rem}.wrapper-description .row .img.oil{background:url(../img/m/oil.png) no-repeat center/cover;width:.95rem;height:1.36rem;margin:0.1rem auto 0.2rem}.wrapper-description .detail{width:6.2rem;font-size:.36rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 auto;line-height:0.5rem}.wrapper-description .detail>div{width:100%}.wrapper-description .detail .top{margin-bottom:0.4rem;padding-bottom:0.5rem;border-bottom:1px solid #fff}.wrapper-description .detail .top span{color:#41e7ff}.wrapper-description .detail .split .pass{font-size:.36rem}.wrapper-description .detail .little-arrow{background:url(../img/m/arrow-little.png) no-repeat center/cover;width:.39rem;height:.24rem}.wrapper-description .detail .little-title{margin-bottom:0.2rem}.wrapper-description::before,.wrapper-description::after{display:none}.wrapper .trades-container{width:100%;height:unset;background:transparent}.wrapper .trades{background:url(../img/m/part-2-bg.png) no-repeat center/cover;width:6.8rem;height:22.52rem;margin-top:0.3rem;padding-top:0.17rem}.wrapper .trades h3{font-size:.5rem}.wrapper .trades::before,.wrapper .trades::after{content:"";display:block;position:absolute}.wrapper .trades::before{background:url(../img/m/bx-2.png) no-repeat center/cover;width:1.58rem;height:1.75rem;top:-0.68rem;right:0.63rem}.wrapper .trades::after{background:url(../img/m/bx-1.png) no-repeat center/cover;width:1.55rem;height:2.1rem;bottom:-1rem;left:0.28rem}.wrapper .trade{width:100%;height:6.33rem}.wrapper .trade .title{margin:0 0 0.3rem 0.3rem}.wrapper .trade .m{display:block}.wrapper .trade .swiper-container{width:6.2rem;height:5.43rem;position:static;margin:0 auto}.wrapper .trade .swiper-container .swiper-slide{width:6.2rem}.wrapper .trade .step{width:98%;margin:0 auto;cursor:unset}.wrapper .trade .step .tag{color:#fff;font-size:.24rem}.wrapper .trade .step .text{width:4.5rem;color:#666;font-size:.3rem}.wrapper .trade .step .text small{font-size:.16rem}.wrapper .trade .controller .swiper-pagination{width:1.1rem;color:#4b79ff;font-weight:bold;font-size:.36rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:unset;left:calc(50% - 0.55rem);bottom:-0.05rem;font-family:Arial, Helvetica, sans-serif}.wrapper .trade .controller .swiper-pagination .swiper-pagination-current{margin-right:0.1rem}.wrapper .trade .controller .swiper-pagination .swiper-pagination-total{margin-left:0.1rem}.wrapper .trade .controller .swiper-button-next{width:.35rem;height:.35rem;top:unset;bottom:0;right:2.13rem}.wrapper .trade .controller .swiper-button-next::after{background:url(../img/m/btn-right.png) no-repeat center/cover;width:.35rem;height:.35rem}.wrapper .trade .controller .swiper-button-prev{width:.35rem;height:.35rem;top:unset;bottom:0;left:2.14rem}.wrapper .trade .controller .swiper-button-prev::after{background:url(../img/m/btn-left.png) no-repeat center/cover;width:.35rem;height:.35rem}.wrapper .trade-1{margin-top:0.71rem}.wrapper .trade-2{margin:0.5rem auto 0}.wrapper .trade-2 .swiper-container .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.wrapper .trade-3{margin-top:0.5rem}.wrapper .trade-1 .block-1 .img{background:url(../img/m/step/part-1-phone-1.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-1 .block-2 .img{background:url(../img/m/step/part-1-phone-2.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-1 .block-3 .img{background:url(../img/m/step/part-1-phone-3.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-1 .block-4 .img{background:url(../img/m/step/part-1-phone-4.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-1 .block-5 .img{background:url(../img/m/step/part-1-phone-5.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-2 .block-1 .img{background:url(../img/m/step/part-2-phone-1.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-2 .block-2 .img{background:url(../img/m/step/part-2-phone-2.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-2 .block-3 .img{background:url(../img/m/step/part-2-phone-3.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-2 .block-4 .img{background:url(../img/m/step/part-2-phone-4.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-2 .block-5 .img{background:url(../img/m/step/part-2-phone-5.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-3 .block-1 .img{background:url(../img/m/step/part-3-phone-1.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-3 .block-2 .img{background:url(../img/m/step/part-3-phone-2.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-3 .block-3 .img{background:url(../img/m/step/part-3-phone-3.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-3 .block-4 .img{background:url(../img/m/step/part-3-phone-4.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}.wrapper .trade-3 .block-5 .img{background:url(../img/m/step/part-3-phone-5.png) no-repeat center/cover;width:98%;height:3.6rem;margin:0 auto 0.2rem;background-color:#fff;background-size:contain;border-radius:0.2rem;-webkit-box-shadow:0 2px 10px 0 rgba(134,165,255,0.5);box-shadow:0 2px 10px 0 rgba(134,165,255,0.5)}}@media screen and (max-width: 465px){.wrapper .trade-2{width:100%;height:6.6rem}}
