body{background-color:#F6F9FF;padding-top:0}.header{background-color:rgba(255,255,255,0.7)}.rotation-container{height:100%;box-sizing:border-box;color:#FFFFFF;overflow:hidden}.sections,.notes-container,.login-container,.section{position:relative;height:100vh}.section:nth-child(1){background-image:url(../image/log10.png);background-size:100% 100%;background-repeat:no-repeat}.section:nth-child(2){background-image:url(../image/log11.png);background-size:100% 100%;background-repeat:no-repeat;background-position:bottom left}.controller{position:fixed;right:.9rem;top:50%;list-style:none}.controller li{width:0.11rem;height:0.12rem;background:#FFFFFF;border-radius:50%}.controller li.active{width:0.1rem;height:0.42rem;background:var(--font-color);border-radius:5px;margin:0.15rem 0}.form-wrapper{padding-top:2rem;display:flex;flex-direction:column;align-items:flex-end}.form-wrapper .form-content{width:5.98rem;background-color:#FFFFFF;border-radius:0.3rem 0.3rem 0.3rem 0;height:5.83rem;padding:0 .56rem;box-sizing:border-box}.form-wrapper .form-content #code-log{display:none}.form-wrapper .form-content #code-log .form-input-box{margin-left:0.42rem}.form-wrapper .form-content .form-item-s{padding:.3rem 0 0 .42rem}.form-wrapper .form-content .show-pass-img{width:.24rem;height:auto}.form-wrapper .btn-wrapper{display:flex;flex-direction:column;gap:.2rem}.log-box-img{width:50%;margin:auto}.log-box-img img{width:0.43rem;height:0.43rem}.integral-box{width:100%;background:#FF900D;border-radius:.2rem;gap:.2rem;margin-top:.5rem;padding:15px;color:#FFFFFF}.integral-box li{display:grid;grid-template-columns:.3rem 1fr;align-items:center}.integral-box h4{font-size:0.28rem;font-weight:bold}.integral-box .integral-info{flex:1;font-size:0.16rem;letter-spacing:3px}.integral-box img{display:inline-block;vertical-align:middle}.integral-box .log17{width:19px;height:22px}.integral-box .log16{width:20px;height:20px}.integral-box .log15{width:23px;height:20px}.notes-container{padding-top:1rem;display:flex;flex-direction:column}.notes-container .footer{align-items:center}.notes-container .tips{flex:1;display:grid;grid-column-gap:.6rem;align-items:center;grid-template-columns:3.35rem 3.35rem 3.35rem}.notes-container .tips-item{height:4rem;border-radius:.3rem;color:#898989;text-align:center;box-sizing:border-box;display:grid;justify-content:center}.notes-container .tips-item .title{margin:auto;height:0.3rem;font-size:0.2rem;font-weight:400;color:#3E3F46;line-height:0.42rem;position:relative}.notes-container .tips-item .title::before{content:'';position:absolute;right:-.25rem;top:6px;width:.18rem;height:.18rem;background:#33353D;border-radius:50%;font-size:.14rem;font-weight:400;color:#FFFFFF;line-height:.18rem}.notes-container .tips-item .title-tip{font-size:.14rem;font-weight:400;color:#898989;letter-spacing:4px}.notes-container .tips-item:nth-child(1) img{width:2.09rem}.notes-container .tips-item:nth-child(1) .title::before{content:'1'}.notes-container .tips-item:nth-child(2) img{width:2.37rem}.notes-container .tips-item:nth-child(2) .title::before{content:'2'}.notes-container .tips-item:nth-child(3) img{width:1.93rem}.notes-container .tips-item:nth-child(3) .title::before{content:'3'}