.page .page-content .page-title{font-size:.7rem;color:#fff}.p1{height:18rem}.p1 .page-content{display:flex;align-items:flex-end;padding:1rem}.p1 .page-content .width{padding:0 .5rem;height:4rem;background:rgba(0,184,222,.5)}.p1 .page-content .page-desc{padding-top:.25rem}.p2 .page-content{padding:1rem .75rem}.p2 .page-content.over{background:rgba(6,5,5,.7);border-bottom:2rem solid #00afd5;transition:all .5s}.p2 .step{display:none;height:100%}.p2 .step.active{display:flex}.p2 .step .step-right{display:flex;flex-direction:column;justify-content:space-between;width:100%;font-size:.7rem;color:#595757}.p2 .step .step-right .step-title{font-size:.8rem}.p2 .step .step-right .step-title em{font-size:5rem;line-height:1;color:#babbbb}.p2 .step .step-right .step-img{margin-top:1rem;margin-bottom:3rem;position:relative;width:100%}.p2 .step .step-right .step-img .bg-img{width:85%;height:0;padding-top:60%}.p2 .step .step-right .step-img .img-info{display:flex;flex-direction:column;justify-content:center;position:absolute;padding:0 .5rem;right:0;bottom:-2rem;width:40%;height:60%;font-size:.8rem;color:#fff;background:rgba(6,5,5,.6)}.p2 .step .step-right .step-img .img-info p{max-height:60%}.p2 .step .step-right .step-img .img-info i{font-size:1rem;font-weight:700;line-height:1;color:#00b8de}.p2 .step .step-right .step-img .img-info i:last-child{transform:rotate(180deg)}.p2 .step .step-right .step-checkbox .checkbox{margin-bottom:.5rem;display:flex;align-items:center}.p2 .step .step-right .step-checkbox .checkbox span{width:calc(100% - 1.5rem);line-height:1.2}.p2 .step .step-right .step-checkbox .checkbox:before{margin-right:.5rem;content:"";width:.8rem;height:.8rem;border-radius:50%;box-sizing:border-box;border:.1rem solid rgba(244,2,2)}.p2 .step .step-right .step-checkbox .checkbox.active:before{border:none;background:rgba(244,2,2)}.p2 .step .step-right .operate{padding:.5rem 0;display:flex;justify-content:space-between}.p2 .step.step7 .step-right .operate .submit,.p2 .step .step-right .operate .btn{width:calc(50% - .5rem);height:2rem;line-height:2rem;font-weight:500;color:#fff;border-radius:.25rem;background:#00b8de}.p2 .step.step7 .step-right .operate .prev.submit,.p2 .step .step-right .operate .btn.prev{color:#00afd5;background:#fff;border:.05rem solid #00afd5}.p2 .step:first-child .step-right .operate .prev{display:none}.p2 .step:first-child .step-right .operate .next{width:100%}.p2 .step.step6 .step-right .step-checkbox{display:flex;flex-wrap:wrap}.p2 .step.step6 .step-right .step-checkbox .checkbox-item{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;width:33.33333%}.p2 .step.step6 .step-right .step-checkbox .checkbox-item .thumb{margin-bottom:.5rem;width:80%}.p2 .step.step7{flex-direction:column;align-items:center}.p2 .step.step7 .page-title{font-size:1rem}.p2 .step.step7 .page-desc{padding-bottom:1rem;color:#00b8de}.p2 .step.step7 .step-left{width:100%;padding:0 .75rem}.p2 .step.step7 .step-left .smile{display:none}.p2 .step.step7 .step-left .re-info{font-size:.7rem;color:#00b8de}.p2 .step.step7 .step-left .re-desc{padding:1rem 0;font-size:.6rem;color:#fff}.p2 .step.step7 .step-left .re-img{display:block;margin:0 auto;padding-bottom:1rem;width:100%}.p2 .step.step7 .step-left .links{padding:1rem 0}.p2 .step.step7 .step-left .links .link{margin-bottom:.5rem;padding:0 1rem;width:calc(50% - .25rem)}.p2 .step.step7 .step-left .links .link.max{width:100%}.p2 .step.step7 .step-left .links .link:not(:first-child){color:#00b8de;background:transparent;border:.05rem solid #00b8de}.p2 .step.step7 .step-right{align-items:center}.p2 .step.step7 .step-right .form{padding-bottom:1rem;width:100%}.p2 .step.step7 .step-right .row{margin-bottom:.5rem;display:flex;align-items:center;height:2rem}.p2 .step.step7 .step-right .row .label{height:100%;width:100%}.p2 .step.step7 .step-right .row .label input{padding:0 .5rem;width:100%;height:100%;font-size:.7rem;font-weight:500;color:#fff;border:.05rem solid #a5a6a6}.p2 .step.step7 .step-right .row .label input::-webkit-input-placeholder{color:#a5a6a6}.p2 .step.step7 .step-right .row .label .agree{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:500;color:#727171}.p2 .step.step7 .step-right .row .label .agree span{width:calc(100% - 1.5rem);line-height:1.2}.p2 .step.step7 .step-right .row .label .agree:before{margin-right:.5rem;content:"";width:.8rem;height:.8rem;box-sizing:border-box;border-radius:50%;border:.05rem solid #00b8de}.p2 .step.step7 .step-right .row .label .agree.active:before{border:none;background:#00b8de}.p2 .step.step7 .step-right .operate{width:100%}.p2 .step.step7 .step-right .operate .prev{background:transparent}