*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.42857143;color:#222;background-color:#fff;overflow-x:hidden}body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}a{color:#2d374b;text-decoration:none;cursor:pointer;display:inline-block}a:hover{color:#1890ff}em{font-style:normal}li{list-style:none}img{border:0;vertical-align:middle;max-width:100%}table{border-collapse:collapse;border-spacing:0}p{word-wrap:break-word}.mx768{max-width:768px;margin:0 auto}.mx1024{max-width:1024px;margin:0 auto}.mx1220{max-width:1220px;margin:0 auto}.panel-body{padding:0 20px}.spacing0{letter-spacing:0}.font24{font-size:24px}.font32{font-size:32px}.font24-button{padding:20px 30px;border-radius:37px;font-size:24px;font-weight:bold;transition:all .25s ease}.font24-button:hover{padding:22px 40px;border-radius:47px}.line{height:1px;background-color:#f6f6f6}.arrow-downward{position:relative;top:-10px;animation:SX 1s linear infinite;-moz-animation:SX 1s linear infinite;-webkit-animation:SX 1s linear infinite;-o-animation:SX 1s linear infinite}.bg-gray{position:relative;background:#f6f6f6}.cPurple{color:#6e6fdb}.bg-gray::before{position:absolute;content:'';bottom:-20px;left:50%;margin-left:-20px;width:0;height:0;border-width:20px 20px 0;border-style:solid;border-color:#f6f6f6 transparent transparent}.textRight{text-align:right}.textCenter{text-align:center}.gradientLH,.gradientHL:hover{background:#8a8bff;background:-webkit-linear-gradient(left,#8a8bff,#c507ff);background:-o-linear-gradient(right,#8a8bff,#c507ff);background:-moz-linear-gradient(right,#8a8bff,#c507ff);background:linear-gradient(to right,#8a8bff,#c507ff)}.gradientHL,.gradientHL:active,.gradientLH:hover{background:#c507ff;background:-webkit-linear-gradient(left,#c507ff,#8a8bff);background:-o-linear-gradient(right,#c507ff,#8a8bff);background:-moz-linear-gradient(right,#c507ff,#8a8bff);background:linear-gradient(to right,#c507ff,#8a8bff)}.gradientLH:active{background:#8a8bff;background:-webkit-linear-gradient(left,#8a8bff,#c507ff);background:-o-linear-gradient(right,#8a8bff,#c507ff);background:-moz-linear-gradient(right,#8a8bff,#c507ff);background:linear-gradient(to right,#8a8bff,#c507ff)}.gradientLL,.gradientLL:active{background:#5461ff;background:-webkit-linear-gradient(left,#5461ff,#10c2ff);background:-o-linear-gradient(right,#5461ff,#10c2ff);background:-moz-linear-gradient(right,#5461ff,#10c2ff);background:linear-gradient(to right,#5461ff,#10c2ff)}.gradientLZ:hover{background:#3c60f4;background:-webkit-linear-gradient(right,#8a8bff,#3c60f4);background:-o-linear-gradient(left,#8a8bff,#3c60f4);background:-moz-linear-gradient(left,#8a8bff,#3c60f4);background:linear-gradient(to left,#8a8bff,#3c60f4)}.gradientLZ,.gradientLZ:active{background:#8a8bff;background:-webkit-linear-gradient(left,#8a8bff,#3c60f4);background:-o-linear-gradient(right,#8a8bff,#3c60f4);background:-moz-linear-gradient(right,#8a8bff,#3c60f4);background:linear-gradient(to right,#8a8bff,#3c60f4)}.gradientLF:hover{background:#b355f3;background:-webkit-linear-gradient(right,#2d8eb1,#b355f3);background:-o-linear-gradient(left,#2d8eb1,#b355f3);background:-moz-linear-gradient(left,#2d8eb1,#b355f3);background:linear-gradient(to left,#2d8eb1,#b355f3)}.gradientLF,.gradientLF:active{background:#2d8eb1;background:-webkit-linear-gradient(left,#2d8eb1,#b355f3);background:-o-linear-gradient(right,#2d8eb1,#b355f3);background:-moz-linear-gradient(right,#2d8eb1,#b355f3);background:linear-gradient(to right,#2d8eb1,#b355f3)}.gradientFL:hover{background:#637aec;background:-webkit-linear-gradient(right,#c47bff,#637aec);background:-o-linear-gradient(left,#c47bff,#637aec);background:-moz-linear-gradient(left,#c47bff,#637aec);background:linear-gradient(to left,#c47bff,#637aec)}.gradientFL,.gradientFL:active{background:#c47bff;background:-webkit-linear-gradient(left,#c47bff,#637aec);background:-o-linear-gradient(right,#c47bff,#637aec);background:-moz-linear-gradient(right,#c47bff,#637aec);background:linear-gradient(to right,#c47bff,#637aec)}.gradientYO:hover{background:#fd8e4b;background:-webkit-linear-gradient(right,#ffd20d,#fd8e4b);background:-o-linear-gradient(left,#ffd20d,#fd8e4b);background:-moz-linear-gradient(left,#ffd20d,#fd8e4b);background:linear-gradient(to left,#ffd20d,#fd8e4b)}.gradientYO,.gradientYO:active{background:#ffd20d;background:-webkit-linear-gradient(left,#ffd20d,#fd8e4b);background:-o-linear-gradient(right,#ffd20d,#fd8e4b);background:-moz-linear-gradient(right,#ffd20d,#fd8e4b);background:linear-gradient(to right,#ffd20d,#fd8e4b)}.banner{height:480px}.banner-body{position:absolute;top:0;bottom:0;left:0;width:100%;max-width:660px;color:#FFF;font-size:30px}.banner-body>div{margin:10px 20px}.banner-body .banner-title{position:relative;display:inline-block;font-family:'思源黑体';font-size:72px;font-weight:bold;color:#FFF;margin-top:70px}
.banner-body .banner-title>span{position:relative;z-index:2;font-family:'旁门正道标题体';font-size:72px;font-weight:bold;color:#FFF;margin-top:70px}.textLL>span{background-image:-webkit-linear-gradient(bottom,#64acf4,#77e6f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-body .banner-shadow-title{position:absolute;width:100%;height:100%;left:0;top:3px;background-image:-webkit-linear-gradient(bottom,#5001b2,#5001b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-body .banner-text{margin-bottom:30px;letter-spacing:2px;font-weight:bold;font-size:32px}.banner-body .banner-op-text{font-size:20px;letter-spacing:2px;display:inline-block;background-color:#959dfe;padding:2px 16px;border-radius:8px;margin:10px 0}.banner-body .banner-button{position:relative;display:inline-block;font-weight:bold;padding:10px 36px;border-radius:15px;cursor:pointer;color:#FFF}.banner-body .banner-button::before,.banner-body .banner-button::after{position:absolute;display:block;content:'立即开通';width:100%;height:100%;border-radius:15px;bottom:0;left:0;line-height:62px;text-align:center;background:#5461ff;color:#FFF;background:-webkit-linear-gradient(left,#5461ff,#10c2ff);background:-o-linear-gradient(right,#5461ff,#10c2ff);background:-moz-linear-gradient(right,#5461ff,#10c2ff);background:linear-gradient(to right,#5461ff,#10c2ff);box-shadow:0 0 20px rgba(255,255,255,0.3)}.banner-body .banner-button::before{bottom:-5px;background:#0a64c0}.banner-body .banner-button:hover{padding:11px 40px}.banner-body .banner-button:hover::after{background:-webkit-linear-gradient(right,#5461ff,#10c2ff);background:-o-linear-gradient(left,#5461ff,#10c2ff);background:-moz-linear-gradient(left,#5461ff,#10c2ff);background:linear-gradient(to left,#5461ff,#10c2ff)}.banner-body .text-button{display:inline-block;font-size:24px;background-color:#7396ce;color:#FFF;padding:5px 45px;border-radius:8px}.badge-text{font-size:16px;display:inline-block;background-color:#7396ce;padding:2px 12px}.banner-body .text-button:hover{background-color:#40a9ff!important;box-shadow:0 0 10px #7396ce}.content .title{color:#6c6fda;font-weight:bold;letter-spacing:2px;text-align:center;font-size:36px;line-height:48px}.content .sub-title{color:#9a9a9a;font-size:20px;font-weight:normal;margin:20px auto;line-height:24px}.bg-text{display:inline-block;position:relative}.bg-text .bg{position:absolute;width:100%;height:60%;background-color:#dbaffc}.bg-text .text{position:absolute;width:100%;height:100%;top:0}.arrow,.arrow-right,.arrow-left,.pointer-left,.pointer-right{position:relative;display:inline-block;padding:0 75px}.arrow::before,.arrow::after,.arrow-right::before,.arrow-left::after,.pointer-right::before,.pointer-left::after{position:absolute;display:block;content:'';width:32px;height:32px;top:10px;transition:all .25s ease}.pointer-right,.pointer-left{color:red;padding-bottom:5px;padding:0 65px}.pointer-right::before,.pointer-left::after{width:45px;height:30px;top:10px}.pointer-right::before{left:0;background:url(/paymentservice/img/pointer-right.png) no-repeat top}.pointer-left::after{right:0;background:url(/paymentservice/img/pointer-left.png) no-repeat top}.pointer-down{position:relative;color:red;display:inline-block}.pointer-down img{position:relative;animation:SX .5s linear infinite;-moz-animation:SX .5s linear infinite;-webkit-animation:SX .5s linear infinite;-o-animation:SX .5s linear infinite}.arrow::before,.arrow-right::before{left:15px;background:url(/paymentservice/img/arrow-right.png) no-repeat top}.arrow::after,.arrow-left::after{right:15px;background:url(/paymentservice/img/arrow-left.png) no-repeat top}.arrow:hover::before{left:0}.arrow:hover::after{right:0}.font24.arrow-right{padding:0 16px 0 30px}.font24.arrow-left{padding:0 30px 0 16px}.font24.arrow-right::before,.font24.arrow-left::after{width:18px;height:18px;background-size:cover;top:8px}.font24.arrow-right::before{left:0}.font24.arrow-left::after{right:0}.ulL,.ulR{position:relative;display:inline-block;color:#666;font-size:28px;padding:15px 0}.ulL:before,.ulR:before{position:absolute;content:'';height:2px;width:3em;background-color:#666;bottom:0;border-radius:1px}.ulR:before{right:0}.sub-text{color:#666;font-size:18px;font-weight:bold}.radius-text{display:inline-block;padding:10px 20px;color:#fff;background-color:#6e6fdb;font-size:24px;letter-spacing:2px;font-weight:bold;border-top-right-radius:27px;border-bottom-right-radius:27px;padding-right:50px}.textRight .radius-text{padding-left:50px;padding-right:20px;border-radius:0;border-top-left-radius:27px;border-bottom-left-radius:27px}.popularize .gradientHL{position:relative;max-width:640px;margin:20px auto;border-radius:18px;padding:30px;color:#FFF;font-size:20px;transition:all .25s ease}.popularize .gradientHL .title{color:#FFF;font-size:28px;margin-bottom:20px}.popularize .gradientHL .textRight a{color:#ba23fe;font-size:28px;background-color:#FFF;font-weight:bold;padding:5px 30px;border-radius:24px;margin-top:20px;display:inline-block;box-shadow:0 0 10px #ba23fe}
.popularize .gradientHL .textRight a:hover{background-color:#8a8bff;color:#FFF;box-shadow:0 0 10px #FFF}.popularize .gradientHL img{position:relative;margin:40px 0;z-index:1}.popularize .gradientHL:hover{max-width:680px;box-shadow:0 0 20px #4060ff}.popularize .gradientHL::before{position:absolute;display:block;content:'';left:-1px;top:-1px;width:57px;height:60px;background:url('/paymentservice/img/step-01.png')}.popularize .gradientHL:nth-child(2)::before{background:url('/paymentservice/img/step-02.png');width:57px;height:59px}.popularize .gradientHL:nth-child(3)::before{background:url('/paymentservice/img/step-03.png');width:57px;height:60px}.popularize .gradientHL:nth-child(4)::before{background:url('/paymentservice/img/step-04.png');width:57px;height:60px}.img-halo{position:relative;display:inline-block;cursor:pointer}.img-halo::after,.img-halo::before{position:absolute;display:block;content:'';width:120px;height:120px;background-color:#d56dff;border-radius:60px;top:50%;left:50%;margin-left:-60px;margin-top:-60px}.img-halo::before{width:160px;height:160px;background-color:#c459ff;border-radius:80px;margin-left:-80px;margin-top:-80px}.code-body{text-align:center;color:#FFF;font-size:14px;height:180px;box-shadow:0 0 30px #dbdbdb;border-radius:8px;margin-bottom:30px;background-color:#FFF;transition:all .5s ease}.code-body:hover{position:relative;top:-5px}.code-body a{color:#FFF}.code-body a:hover{color:red}.code-body img{margin:10px 20px 20px}.code-body .describe{position:relative;height:68px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:table-cell;text-align:center;vertical-align:middle;width:1920px}.code-body .describe img{width:20px;height:auto;margin:0 2px 3px 0}.code-body .name{position:absolute;top:-13px;width:100%;text-align:center}.code-body .name span{display:inline-block;background-color:#FFF;color:#000;box-shadow:0 0 10px #dbdbdb;padding:3px 12px;border-radius:4px}.customer-service .pointer-right::before{top:0}.introduce{color:#FFF;box-shadow:0 0 40px #dadada;padding:50px 20px;text-align:center;font-size:16px;line-height:28px}.introduce .introduce-title{font-size:1.2em;font-weight:bold;margin-bottom:20px}.wechart-service{position:fixed;bottom:120px;right:30px;text-align:center;box-shadow:0 0 5px #FFF;background-color:#FFF}.wechart-service .wechart-code{border:2px solid #fa0}.wechart-service .wechart-code img{max-width:120px;margin:5px}.wechart-service li{background-color:#0a64c0;opacity:.85;color:#FFF;line-height:32px;font-size:14px}.wechart-service li a{color:#FFF;width:100%;margin-top:1px}.wechart-service li a:hover{background-color:#fa0}@media screen and (max-width:768px){.col-md-24{text-align:center}}@media screen and (max-width:550px){.banner-body .banner-title{font-size:48px}.banner-body .banner-title>span{font-size:48px}}@-webkit-keyframes SX{0%{top:-10px}25%{top:0}50%{top:10px}75%{top:0}100%{top:-10px}}@-moz-keyframes SX{0%{top:-10px}25%{top:0}50%{top:10px}75%{top:0}100%{top:-10px}}@-o-keyframes SX{0%{top:-10px}25%{top:0}50%{top:10px}75%{top:0}100%{top:-10px}}@keyframes SX{0%{top:-10px}25%{top:0}50%{top:10px}75%{top:0}100%{top:-10px}}