.my{ width: 100%; font-family:PingFang SC; } .register{ width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .register .logo{ width: 3.5rem; height: 1rem; margin-top: 2.09rem; font-size: 0.2rem; } .register .logo>img{ width: 100%; height: 100%; } .register form{ font-size: 0.2rem; } .account ,.passsword{ width: 5.5rem; height: 0.8rem; background:rgba(245,245,245,1); border-radius:0.4rem; margin-top: 1.33rem; display: flex; align-items: center; justify-content: center; } .account .img-one,.passsword .img-one{ width: 0.42rem; height: 0.42rem; } .account>input ,.passsword>input{ font-size: 0.28rem; border: 0; outline: 0; height: 0.6rem; width: 3.6rem; background-color:rgba(245,245,245,1); margin: 0 0.16rem; } .account>input::placeholder,.passsword>input::placeholder{ color: #A9A9A9; } .account>.img-close,.passsword>.img-close{ width: 0.3rem; height: 0.3rem; } .passsword{ margin-top: 0.55rem; } .forget{ width: 5.5rem; margin-top: 0.28rem; display:flex; align-items: flex-end; justify-content: flex-end; } .forget>a{ font-size: 0.22rem; color: #389AED; } .register .enter{ width: 5.5rem; height: 0.8rem; background:#389AED; border-radius:0.4rem; margin-top: 0.5rem; font-size: 0.32rem; color: #fff; text-align: center; line-height: 0.8rem; border: 0; outline: 0; } .register .promptly{ font-size: 0.26rem; color: #B8B8B8; margin-top: 0.35rem; } .register .promptly>a{ color: #389AED; } .my-home-heard{ width: 100%; height: 4.12rem; background: url("../images/new/background.png") no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .my-home-heard>img{ width: 1.6rem; height: 1.6rem; border-radius: 50%; } .my-home-heard>.name{ display: flex; align-items: center; font-size: 0.32rem; margin-top: 0.25rem; color: #fff; } .my-home-heard>.name>img{ width: 0.3rem; height: 0.3rem; margin-left: 0.13rem; } .platform{ padding: 0 0.3rem; } .platform_box{ background:rgba(255,255,255,1); box-shadow:0px 0px 0.1rem 0px rgba(0, 0, 0, 0.15); border-radius:0.2rem; height: 1.2rem; margin-top: -0.4rem; } .platform_info{ padding: 0.3rem 0.3rem 0.3rem 0.32rem; display: flex; align-items: center; } .platform_info .del{ font-size: 0.28rem; color: #292929; } .platform_info img{ width: 0.3rem; height: 0.3rem; margin-left: 0.15rem; margin-right: 0.68rem; } .platform_info .price{ font-size: 0.4rem; color: #389AED; margin-right: 1rem; } .platform_info .recharge{ background: url(../images/new/selected.png) no-repeat; width: 1.4rem; height: 0.6rem; background-size: 100% 100%; font-size: 0.32rem; color: #fff; text-align: center; line-height: 0.6rem; } .control{ padding: 0 0.42rem; margin-top: 0.59rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.52rem; } .control_box>a{ display: flex; flex-direction: column; align-items: center; justify-content: center; } .control_box>a>img{ width: 0.5rem; height: 0.5rem; } .control_box>a>span{ font-size: 0.28rem; color: #404040; margin-top: 0.22rem; }