html,
 body,
 .backM {
     width: 100%;
     height: 100%;
 }
 
 a,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 span {
     font-family: PingFang-SC-Medium;
 }
 
 a,
 a:hover,
 a:focus {
     color: #7B8AFD;
 }
 
 input {
     background: transparent;
 }
 
 .flex {
     display: flex;
 }
 
 .flex-alignCenter {
     display: flex;
     align-items: center;
 }
 
 body {
     font-family: PingFang-SC-Medium;
     box-sizing: border-box;
     overflow: hidden;
 }
 
 .bodyBack {
     position: absolute;
     z-index: 0;
     /*top: 50%;*/
     /*left: 50%;*/
     /*transform: translate(-50%, -50%);*/
     /*width: 2048px;*/
     /*height: 1152px;*/
 }
 
 .backM {
     position: absolute;
     z-index: 1;
     background: rgb(0, 0, 0, 0.53);
 }
 
 .title {
     font-size: 24px;
     color: #fff;
     padding: 50px 0 30px 18%;
 }
 
 .title .logo {
     height: 45px;
     width: 45px;
     margin-right: 10px;
     background: no-repeat 0 0/100% 100%;
 }
 
 .secation {
     flex-flow: row nowrap;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     margin: 0 auto;
     background: #fff;
     border-radius: 6px;
     font-size: 20px;
     color: #333333;
     width: 669px;
     /* height: 529px; */
     box-sizing: border-box;
     padding: 59px 120px;
 }
 
 .secation>h3 {
     font-family: PingFang-SC-Heavy;
     font-size: 30px;
     color: #688EFE;
     margin-bottom: 33px;
 }
 
 .secation font,
 .secation .button,
 .secation li>div:first-child {
     height: 52px;
     border: 1px solid #DEDEDE;
 }
 
 .secation li>div:first-child {
     padding-left: 13px;
 }
 
 .secation i {
     display: block;
     width: 28px;
     height: 28px;
     margin-right: 10px;
     box-sizing: border-box;
 }
 
 .secation img {
     display: block;
     margin: 0 auto;
     width: 100%;
     height: 100%;
 }
 
 .verification,
 .password,
 .phone {
     margin-bottom: 27px;
 }
 
 .password img {
     width: 22px;
     height: 24px;
 }
 
 .secation b {
     display: block;
     width: 1px;
     height: 28px;
     background: #DEDEDE;
     margin-right: 15px;
 }
 
 .secation input {
     font-size: 20px;
     border: none;
 }
 
 .secation .forget {
     font-size: 20px;
     color: #7B8AFD;
     margin-bottom: 35px;
     text-align: right;
 }
 
 .secation font,
 .secation .button {
     display: block;
     width: 100%;
     border: 1px solid #DEDEDE;
     border-radius: 5px;
     font-size: 20px;
     color: #939393;
     background: transparent;
     text-align: center;
     cursor: pointer;
 }
 
 .secation .login {
     border: none;
     color: #FFFFFF;
     margin-bottom: 14px;
     background-image: linear-gradient(-90deg, #8488FD 0%, #5E90FE 100%);
 }
 
 .secation font a {
     display: block;
     width: 100%;
     height: 100%;
     line-height: 50px;
     color: #939393;
 }
 
 .verification a {
     padding-left: 10px;
     border-left: 1px solid #939393;
     width: 155px;
     text-align: right;
 }
 
 @media screen and (max-height: 800px) {
     .bodyBack {
         width: 1600px;
         height: 1200px;
     }
     .title {
         font-size: 21px;
         padding: 40px 0 30px 18%;
     }
     .title img {
         height: 45px;
         width: 45px;
     }
     .secation {
         font-size: 17px;
         width: 600px;
         padding: 40px 80px;
     }
     .secation>h3 {
         font-size: 27px;
         margin-bottom: 28px;
     }
     .secation font,
     .secation .button,
     .secation li>div:first-child {
         height: 47px;
     }
     .secation li>div:first-child {
         padding-left: 13px;
     }
     .secation i {
         width: 20px;
         height: 20px;
     }
     .phone {
         margin-bottom: 23px;
     }
     .password {
         margin-bottom: 23px;
     }
     .password img {
         width: 18px;
         height: 20px;
     }
     .secation b {
         margin-right: 10px;
     }
     .secation input {
         font-size: 17px;
     }
     .secation .forget {
         font-size: 13px;
         margin-bottom: 35px;
     }
     .secation font,
     .secation .button {
         font-size: 17px;
     }
     .secation .login {
         margin-bottom: 16px;
     }
     .secation font a {
         line-height: 45px;
     }
     .tips {
         font-size: 12px;
         top: 40px;
         left: 55px;
     }
     .vcode {
         width: 130px!important;
         height: 45px!important;
     }
 }
 
 @media screen and (max-height: 750px) {
     .bodyBack {
         width: 1366px;
         height: 768px;
     }
     .title {
         font-size: 20px;
         padding: 30px 0 30px 18%;
     }
     .title img {
         height: 40px;
         width: 40px;
     }
     .secation {
         font-size: 15px;
         width: 520px;
         padding: 50px 80px;
     }
     .secation>h3 {
         font-size: 25px;
         margin-bottom: 23px;
     }
     .secation font,
     .secation .button,
     .secation li>div:first-child {
         height: 42px;
     }
     .secation li>div:first-child {
         padding-left: 13px;
     }
     .secation i {
         width: 20px;
         height: 20px;
     }
     .phone {
         margin-bottom: 20px;
     }
     .password {
         margin-bottom: 20px;
     }
     .password img {
         width: 18px;
         height: 20px;
     }
     .secation b {
         margin-right: 10px;
     }
     .secation input {
         font-size: 15px;
     }
     .secation .forget {
         font-size: 11px;
         margin-bottom: 35px;
     }
     .secation font,
     .secation .button {
         font-size: 16px;
     }
     .secation .login {
         margin-bottom: 14px;
     }
     .secation font a {
         line-height: 40px;
     }
     .tips {
         font-size: 10px;
         top: 35px;
         left: 55px;
     }
     .vcode {
         width: 120px!important;
         height: 40px!important;
     }
 }