*{margin:0;padding:0}.container{position:relative;height:100%}.flag,.login{width:100%}.login{position:absolute;top:12rem}.login .container{width:95%;text-align:center;margin:0 auto;background:#fff;-webkit-box-shadow:0 1.05rem 2.1rem 0 hsla(0,0%,93.7%,.86);box-shadow:0 1.05rem 2.1rem 0 hsla(0,0%,93.7%,.86);border-radius:1.2rem;background-size:100%}.login .container form{width:100%}.login .container h2{width:11.4rem;height:2.65rem;margin:0 auto;margin-top:.9rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;letter-spacing:.05rem;color:#2c73e1;line-height:2.65rem}.login .container .blue{color:#00a7ff}.login .container .red{color:#c11820}.login .container .single2{margin:0 auto;margin-top:1.5rem;position:relative;width:76%;height:4rem;overflow:hidden;line-height:4rem;background:#fff;-webkit-box-shadow:0 -.4rem 2.2rem .75rem #efefef;box-shadow:0 -.4rem 2.2rem .75rem #efefef;border-radius:3.9rem;font-size:.7rem;letter-spacing:.05rem;text-align:center;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#c7c7cc}.login .container .single2 .code{width:100%;outline:0;border:0;font-size:1.1rem;letter-spacing:.05rem;text-align:center;overflow-x:scroll}.login .container .tip1{position:absolute;width:100%;top:9rem;font-size:.9rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#ed0000;letter-spacing:.05rem;z-index:1}.login .container .btn{width:10.1rem;line-height:50px;text-align:center;z-index:9;background:#bfbfbf;color:#fff;font-size:20px;border-radius:45px;margin:30px auto 40px}.login .container .btn.active{background:-webkit-gradient(linear,left top,right top,from(#218efc),to(#1a5afc));background:linear-gradient(90deg,#218efc,#1a5afc)}.login .container .rules{text-align:left;padding-bottom:20px}.login .container .rules>h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:12px;font-size:20px;font-weight:600;font-family:PingFangSC-Medium,PingFang SC}.login .container .rules>h1:after,.login .container .rules>h1:before{background:#e2e2e2;content:"";height:2px;width:20%;margin:0 18px}.login .container .rules>ul{width:80%;margin:auto}.login .container .rules>ul>li{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#7f7f7f;line-height:20px}.mask{position:fixed;top:0;bottom:0;background-color:rgba(0,0,0,.5);width:100%;height:100%}.mask-con{background:#fff;color:#7c7c7c;font-size:13px;position:absolute;top:35%;width:70%;left:15%;border-radius:10px;line-height:1.5;padding:28px}.mask-con h3{color:#4a4a4a;font-size:15px;padding-bottom:12px;text-align:center;font-weight:700}.mask-con .close{position:absolute;top:13px;right:13px;width:10px}.mask-con .sure{background:-webkit-gradient(linear,left top,right top,from(#218efc),to(#1a5afc));background:linear-gradient(90deg,#218efc,#1a5afc);-webkit-box-shadow:0 11px 35px 0 #b8d1ff;box-shadow:0 11px 35px 0 #b8d1ff;border-radius:24px;height:46px;line-height:46px;width:80%;margin:30px auto 0;color:#fff;text-align:center;font-size:20px}