.footer[data-v-3f0e816b]{width:100%;overflow:hidden;background-color:#0080ff}.footer-content[data-v-3f0e816b]{width:1240px;height:190px;margin:0 auto;padding-top:20px;display:flex;justify-content:space-between;background-color:#0080ff}.footer-content .content-nav[data-v-3f0e816b]{display:flex;justify-content:space-around;padding-bottom:20px}.footer-content .content-nav li[data-v-3f0e816b]{display:flex;flex-direction:column;padding:0 20px;margin:0 20px;box-sizing:border-box;justify-content:center;align-items:center;background:hsla(0,0%,100%,.2)}.footer-content .content-nav li .icon[data-v-3f0e816b]{width:24px;height:24px}.footer-content .content-nav li p[data-v-3f0e816b]{font-size:14px;color:#d4edff;padding:10px 0}.footer-content .content-nav li span[data-v-3f0e816b]{color:#f7f7f7;font-weight:300;padding:5px 0}.footer .copyright[data-v-3f0e816b]{text-align:center;padding:10px 0;background:#007dfa;font-size:14px;color:#fff}.footer .copyright.white[data-v-3f0e816b]{background-color:#fff;border-top:1px solid #ccc;color:#999}.bg{width:100%;height:112px}.reg-main{margin:80px auto;width:800px;background-color:#fff}.reg-main .reg-head{display:flex;justify-content:space-between;align-items:center;height:42px;background:#ebf3ff}.reg-main .reg-head .title{width:98px;height:42px;text-align:center;line-height:42px;font-size:16px;font-weight:700;font-style:italic;color:#fff;background-color:#3385ff}.reg-main .reg-head .right{font-size:14px;color:#333}.reg-main .reg-head .right .link{padding:0 12px;color:#3385ff;line-height:20px}.reg-main .reg-head .right .link:last-child{border-left:1px solid #666}.reg-main .reg-box{width:400px;padding:40px 0;margin:0 auto;background-color:#fff}.reg-main .reg-box .steps{position:relative;display:flex}.reg-main .reg-box .steps .line{position:absolute;top:20px;left:60px;width:280px;height:1px;background-color:#f5f5f5}.reg-main .reg-box .steps .item{position:relative;z-index:2;flex:1;margin:0 auto;text-align:center}.reg-main .reg-box .steps .item.active .num{background:#3385ff;color:#fff}.reg-main .reg-box .steps .item.active span{color:#3385ff}.reg-main .reg-box .steps .item .num{margin:0 auto 8px auto;width:40px;height:40px;line-height:40px;background:#f5f5f5;font-size:18px;font-weight:700;color:#b8b8b8;text-align:center;border-radius:50%}.reg-main .reg-box .steps .item span{font-size:14px;font-weight:400;color:#b8b8b8;line-height:20px}.reg-main .reg-box .form-body{padding-top:16px}.reg-main .reg-box .form-body .control{margin-top:24px;display:flex;align-items:center}.reg-main .reg-box .form-body .control .name{width:88px;font-size:16px;color:#333}.reg-main .reg-box .form-body .control .set{flex:1;position:relative}.reg-main .reg-box .form-body .control .set .phone_num{position:absolute;top:0;right:12px;height:40px;width:80px;line-height:40px;text-align:right;cursor:pointer}.reg-main .reg-box .post-btn{margin-top:40px;width:100%;height:48px;line-height:48px;text-align:center;background:#3385ff;font-size:16px;font-weight:500;color:#fff;cursor:pointer}.reg-main .success img{display:block;margin:40px auto 12px auto;width:240px;height:240px}.reg-main .success .note{font-size:16px;font-weight:400;color:#333;line-height:22px;text-align:center}.reg-main .success .note span{color:#3385ff}