.page .h1{ color: skyblue; font-size: 1rem; text-align: center; } .page .content .h2{ font-size: 0.16rem; padding-left: 1rem; } .page .content .form{ border-top: 0.2rem solid skyblue; box-shadow: 0 0 1.5rem rgba(75, 86, 101, 0.2); margin-top: 0.6rem; padding: 0.6rem; } .page .form .box{ display: flex; margin-left:2rem; margin-bottom: 0.4rem; } .page .form .text{ width: 5rem; display: flex; font-size: 0.15rem; font-weight: bold; margin: auto 0; } .page .form .text .icon{ color: red; } .page .form .box>input{ width: 7rem; height: 1.5rem; } .page .form .box .code{ width: 5rem; } .page .form .box>button{ border:0.15rem solid skyblue; margin-left: 0.8rem; background-color: white; padding-left: 0.8rem; padding-right: 0.8rem; } .button{ text-align: center; margin-top: 1.5rem; } .button>button{ background-color: rgb(34, 165, 218); color: white; font-size: 0.28rem; border: none; padding: 0.6rem 2.8rem; border-radius: 4px; } .mask{ position: absolute; left: 0; top: 0; width:100%; height:100%; background-color: rgba(75, 86, 101, 0.1); padding: 0.4rem; } .mask .shade{ border: 0.1rem solid black; border-radius: 8px; background-color: rgb(34, 165, 218); margin-top: 7rem; } .mask .shade .top{ display: flex; padding: 0.6rem; } .mask .shade .top .h3{ margin: 0 auto; color: #eee; font-weight: bold; } .mask .shade .declare{ background-color: rgb(255, 255, 255); padding: 0.4rem; } .mask .shade .declare-box{ margin-bottom: 0.8rem; } .p1{ margin: 0; font-size: 0.9rem; font-weight: bold; padding-left: 0.6rem; margin-bottom: 0.4rem; } .p2{ text-indent: 2em; margin: 0; font-size: 0.88rem; padding-left: 0.6rem; } .check{ display: flex; margin: 2rem 0 8rem 4rem; } .check>input{ width: 1rem; height: 1rem; } .check>p{ font-size: 0.16rem; } .bottom{ text-align: center; } .bottom>button{ background-color: #317bc099; color: rgb(255, 255, 255); padding: 0.5rem 6rem 0.5rem 6rem; border: none; border-radius: 4px; }