p,body{margin:0;padding:0}
.banner{min-width:1200px;overflow:hidden;background-size:cover;background-image:url('https://dev-x-1256885213.cos.ap-shanghai.myqcloud.com/e75c47c6-6d06-4422-b0fc-16fca66c67b3.png')}
.banner .center{width:1200px;margin-left:auto;margin-right:auto}
.banner .center .row1{height:100px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}
.banner .center .row1 .left{display:flex;align-items:center}
.banner .center .row1 .left .logo{width:80px;height:80px}
.banner .center .row1 .left > p{color:#fff;font-weight:bold;font-size:20px;margin-left:10px}
.banner .center .row1 .right{display:flex;position:relative}
.banner .center .row1 .right .icon-wechat{width:40px;height:40px}
.banner .center .row1 .right .icon-wechat-hover:before{content:"";display:block;border-bottom:10px solid #f6f6f6;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;position:absolute;top:-10px;left:90px}
.banner .center .row1 .right .icon-wechat-hover{display:none;width:200px;background:#fff;position:absolute;left:50%;margin-left:-100px;bottom:-260px;text-align:center;border-radius:5px;color:#666;background:#f6f6f6}
.banner .center .row1 .right .icon-wechat-hover .top{padding:5px 0;font-size:14px}
.banner .center .row1 .right .icon-wechat-hover .qr-code{width:180px;height:180px}
.banner .center .row1 .right .icon-wechat-hover .bottom{font-size:14px;padding:5px 0}
.banner .center .row1 .right:hover .icon-wechat-hover{display:block !important}
.banner .center .row2{height:500px;display:flex;position:relative}
.banner .center .row2 .left{width:500px}
.banner .center .row2 .left .phone-left{position:absolute;bottom:-200px;left:0;width:250px}
.banner .center .row2 .left .phone-right{position:absolute;bottom:-50px;left:150px;width:250px}
.banner .center .row2 .right{flex:1}
.banner .center .row2 .right .title{text-align:center;font-size:40px;color:#fff;font-weight:bold;margin-bottom:80px;margin-top:20px}
.banner .center .row2 .right .sub{text-align:center;color:#fff;font-size:80px;font-weight:bold}
.banner .center .row2 .right .sub .color-orange{color:#ffc131}
.banner .center .row2 .right .btn-get-qr-code:hover .btn-get-qr-code-hover{display:block !important}
.banner .center .row2 .right .btn-get-qr-code{position:relative;display:block;margin-left:auto;margin-right:auto;margin-top:30px;background:#fec032;color:#fff;width:110px;height:38px;text-align:center;line-height:38px;font-size:16px;border-radius:5px}
.banner .center .row2 .right .btn-get-qr-code .btn-get-qr-code-hover{display:none;width:200px;background:#fff;position:absolute;left:50%;margin-left:-100px;top:-300px;text-align:center;border-radius:5px;color:#666;background:#f6f6f6}
.banner .center .row2 .right .btn-get-qr-code .btn-get-qr-code-hover .top{padding:5px 0;font-size:14px}
.banner .center .row2 .right .btn-get-qr-code .btn-get-qr-code-hover .qr-code{width:180px;height:180px}
.banner .center .row2 .right .btn-get-qr-code .btn-get-qr-code-hover .bottom{font-size:14px;padding:5px 0}
.banner .center .row2 .right .btn-get-qr-code .btn-get-qr-code-hover:before{content:"";display:block;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f6f6f6;width:0;height:0;position:absolute;bottom:-10px;left:90px}
.content .desc{margin-left:auto;margin-right:auto;width:1000px}
.content .desc .title{text-align:center;font-size:35px;padding:80px 0}
.content .desc-1 .icon-list{display:flex}
.content .desc-1 .icon-list .icon-item{flex:1;text-align:center}
.content .desc-1 .icon-list .icon-item .icon{width:110px;height:110px}
.content .desc-1 .icon-list .icon-item .main{font-size:25px;margin-top:10px}
.content .desc-1 .icon-list .icon-item .sub{font-size:18px;margin-top:10px}
.content .desc-2 .wrap{display:flex}
.content .desc-2 .wrap .left img{width:280px}
.content .desc-2 .wrap > .right{margin-left:50px;flex:1}
.content .desc-2 .wrap > .right .tip{font-size:20px}
.content .desc-2 .wrap > .right .method{height:238px;display:flex;align-items:center}
.content .desc-2 .wrap > .right .method > .left{flex:1;display:flex;align-items:center;font-size:24px}
.content .desc-2 .wrap > .right .method > .left .dot{margin-right:10px;width:20px;height:20px;background:#FFC335;transform:rotate(45deg)}
.content .desc-2 .wrap > .right .method > .right{width:180px;text-align:center;background:#f6f6f6;border-radius:8px}
.content .desc-2 .wrap > .right .method > .right .top{padding:5px 0;font-size:14px}
.content .desc-2 .wrap > .right .method > .right .qr-code{width:160px;height:160px}
.content .desc-2 .wrap > .right .method > .right .bottom{font-size:14px;padding:5px 0}
.content .desc-4 .wrap{display:flex;align-items:center}
.content .desc-4 .wrap .right{flex:1;padding-left:50px}
.content .desc-4 .wrap .right .main{display:flex;font-size:24px}
.content .desc-4 .wrap .right .main .dot{margin-right:10px;width:20px;height:20px;background:#FFC335;transform:rotate(45deg)}
.content .desc-4 .wrap .right .sub{margin-top:20px;font-size:18px}
.content .desc-3 .wrap,.content .desc-5 .wrap{display:flex;align-items:center}
.content .desc-3 .wrap .left,.content .desc-5 .wrap .left{flex:1;padding-right:50px}
.content .desc-3 .wrap .left .main,.content .desc-5 .wrap .left .main{display:flex;font-size:24px}
.content .desc-3 .wrap .left .main .dot,.content .desc-5 .wrap .left .main .dot{margin-right:10px;width:20px;height:20px;background:#FFC335;transform:rotate(45deg)}
.content .desc-3 .wrap .left .sub,.content .desc-5 .wrap .left .sub{margin-top:20px;font-size:18px}
.content .desc-3 .wrap .right,.content .desc-5 .wrap .right{height:600px;background-image:url("https://dev-x-1256885213.cos.ap-shanghai.myqcloud.com//31f4fc11-1a71-4752-9b21-bdff37bec870.png");background-size:contain;background-repeat:no-repeat;width:280px}
.scroll-list{position:relative;height:600px;width:280px}
.scroll-list .phone-border{position:absolute;background-image:url("https://dev-x-1256885213.cos.ap-shanghai.myqcloud.com/31f4fc11-1a71-4752-9b21-bdff37bec870.png");background-size:contain;background-repeat:no-repeat;left:0;top:0;bottom:0;right:0}
.scroll-list .img-list{margin-top:17px;overflow:hidden;width:244px;margin-left:auto;margin-right:auto}
.zong{width:976px;height:525px;-webkit-animation:change 10s linear infinite}
.zong:hover{animation-play-state:paused}
.son{width:244px;height:525px;float:left}
@-webkit-keyframes change{0%{margin-left:0}
  30%{margin-left:0}
  33%{margin-left:-244px}
  63%{margin-left:-244px}
  66%{margin-left:-488px}
  97%{margin-left:-488px}
  100%{margin-left:-732px}
}.footer{font-size:14px;padding:20px 0;background:#283044;color:#fff;min-width:1200px}
.footer .cell-left{width:300px}
.footer .row-cell{width:1200px;margin-left:auto;margin-right:auto;display:flex}
.footer .row-cell .cell .row{padding:3px 0;display:flex}
.footer .row-cell .cell .row .label{width:60px}
.footer .row-cell .cell .row .value{color:#cacaca}
.footer .row-cell .cell-center{flex:1}
.footer .row-cell .cell-center .title{margin-bottom:10px}
.footer .row-cell .cell-right{width:350px;display:flex;justify-content:space-around}
.footer .row-cell .cell-right .icon-qr-code{width:138px;height:138px}
.footer .bottom{text-align:center}