html,
 body,
 .backM {
     width: 100%;
     height: 100%;
 }
 
 a,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 span {
     font-family: PingFang-SC-Medium;
 }
 
 .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;
     align-items: flex-start;
     padding: 53px 0 30px 18%;
 }
 
 .title img {
     height: 45px;
     margin-right: 10px;
 }
 
 .secation {
     position: relative;
     margin: 0 auto;
     width: 70.4%;
     width: 1382px;
     min-height: 720px;
     height: 84.4%;
     background: #fff;
     border-radius: 6px;
     flex-flow: row nowrap;
     font-size: 20px;
     color: #333333;
     /* padding-right: 114px; */
 }
 
 .enterprise,
 .liaisons {
     box-sizing: border-box;
     padding-top: 42px;
 }
 
 .liaisons {
     padding-left: 100px;
 }
 
 .enterprise {
     width: 50%;
     padding-left: 84px;
 }
 
 .s_title {
     height: 34px;
     line-height: 34px;
     font-size: 28px;
     border-left: 5px solid #678EFE;
     padding-left: 15px;
     margin-bottom: 35px;
 }
 
 .items {
 	 width: 545px;
     position: relative;
     display: flex;
     align-items: center;
     flex-flow: row nowrap;
     margin-bottom: 25px;
 }
 
 .items>p {
     text-align: right;
     padding-right: 24px;
 }
 
 .liaisons .items>p {
     width: 106px;
 }
 
 .enterprise .items>p {
     width: 204px;
 }
 
 .items>div {
     width: 74%;
     height: 42px;
     border: 1px solid #DEDEDE;
     padding: 4px 8.5px 4px 10px;
     box-sizing: border-box;
     position: relative;
 }
 
 .items .showTxt {
     color: red;
     position: absolute;
     left: 0;
     bottom: -50%;
     font-size: 12px;
 }
 
 .items .needImg {
     color: red;
     position: absolute;
     font-size: 12px;
     left: 48px;
 }
 
 .LOGO .needImg {
     bottom: -18%;
 }
 
 .license .needImg {
     bottom: -10%;
 }
 
 .items .must {
     width: 90%;
     border: none;
     font-size: 20px;
     height: 100%;
     color: #333333;
 }
 
 .items .phoneCode input {
     width: 60%;
 }
 
 .code {
     justify-content: space-between;
 }
 
 .getCode {
     font-family: PingFang-SC-Medium;
     color: #7F89FD;
     font-size: 20px;
     padding-left: 6px;
     border-left: 1px solid #DEDEDE;
 }
 
 .license,
 .LOGO {
     align-items: flex-start;
 }
 
 .license>div,
 .LOGO>div {
     padding: 0;
     border: none;
     align-items: flex-end;
 }
 
 .license i,
 .LOGO i {
     display: block;
     position: relative;
     border: 1px solid #DEDEDE;
     margin-right: 15px;
 }
 
 .license img,
 .LOGO img {
     width: 100%;
     height: 100%;
 }
 
 .license .nolicense,
 .LOGO .noLOGO {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 28px;
     height: 25px;
 }
 
 .license>div,
 .LOGO>div {
     padding-left: 0;
 }
 
 .LOGO>div {
     height: 110px;
 }
 
 .LOGO i {
     width: 108px;
     height: 108px;
 }
 
 .license>div {
     height: 210px;
 }
 
 .license i {
     width: 138px;
     height: 208px;
 }
 
 .getImg {
     color: #787878;
     font-size: 12px;
     width: 50%;
 }
 
 .getImg>div {
     flex-flow: row wrap;
 }
 
 .getImgBtn {
     cursor: pointer;
     font-size: 13px;
     width: 45px;
     height: 22px;
     background: #FFFFFF;
     border: 1px solid #DEDEDE;
     border-radius: 3px;
     margin-bottom: 10px;
 }
 
 .sub {
     position: absolute;
     top: 700px;
     left: 50%;
     transform: translateX(-50%);
 }
 
 .sub button {
     font-family: PingFang-SC-Medium;
     font-size: 20px;
     display: block;
     border-radius: 5px;
     width: 436px;
     height: 52px;
     border: none;
 }
 
 .sub .submit {
     background-image: linear-gradient(-90deg, #8488FD 0%, #5E90FE 100%);
     margin-bottom: 15px;
     color: #FFFFFF;
 }
 
 .sub .cancel {
     width: 434px;
     height: 50px;
     border: 1px solid #DEDEDE;
     color: #939393;
     background: transparent;
 }
 
 @media screen and (max-height: 980px) {
     .bodyBack {
         width: 1920px;
         height: 1080px;
     }
     .title {
         font-size: 22px;
         padding: 43px 0 30px 15%;
     }
     .title img {
         height: 40px;
         margin-right: 8px;
     }
     .secation {
         width: 1222px;
         min-height: 720px;
         font-size: 18px;
     }
     .liaisons {
         padding-left: 80px;
     }
     .enterprise {
         padding-left: 50px;
     }
     .enterprise,
     .liaisons {
         padding-top: 32px;
     }
     .s_title {
         height: 29px;
         line-height: 29px;
         font-size: 24px;
         padding-left: 14px;
         margin-bottom: 30px;
     }
     .items {
     	 width: 485px;
         margin-bottom: 20px;
     }
     .liaisons .items>p {
         width: 94px;
     }
     .enterprise .items>p {
         width: 189px;
     }
     .items>div {
         height: 37px;
     }
     .items .must {
         font-size: 20px;
     }
     .getCode {
         font-size: 18px;
         padding-left: 5px;
     }
     .license i,
     .LOGO i {
         margin-right: 14px;
     }
     .LOGO>div {
         height: 99px;
     }
     .LOGO i {
         width: 97px;
         height: 97px;
     }
     .license>div {
         height: 180px;
     }
     .license i {
         width: 118px;
         height: 178px;
     }
     .getImg {
         font-size: 11px;
     }
     .getImgBtn {
         font-size: 13px;
         width: 43px;
         height: 20px;
         margin-bottom: 8px;
     }
     .sub {
         top: 83%;
     }
     .sub button {
         font-size: 18px;
         width: 406px;
         height: 42px;
     }
     .sub .submit {
         margin-bottom: 14px;
     }
     .sub .cancel {
         width: 404px;
         height: 40px;
     }
 }
 
 @media screen and (max-height: 850px) {
     .bodyBack {
         width: 1680px;
         height: 945px;
     }
     .title {
         font-size: 20px;
         padding: 15px 0 15px 13%;
     }
     .title img {
         height: 30px;
         margin-right: 6px;
     }
     .secation {
         width: 1018px;
         min-height: 600px;
         font-size: 16px;
     }
     .liaisons {
         padding-left: 60px;
     }
     .enterprise {
         padding-left: 40px;
     }
     .enterprise,
     .liaisons {
         padding-top: 22px;
     }
     .s_title {
         height: 24px;
         line-height: 24px;
         font-size: 22px;
         padding-left: 13px;
         margin-bottom: 25px;
     }
     .items {
         width: 410px;
         margin-bottom: 15px;
     }
     .liaisons .items>p {
         width: 88px;
     }
     .enterprise .items>p {
         width: 177px;
     }
     .items>div {
         height: 32px;
     }
     .items .must {
         font-size: 18px;
     }
     .getCode {
         font-size: 15px;
         padding-left: 4px;
     }
     .license i,
     .LOGO i {
         margin-right: 13px;
     }
     .LOGO>div {
         height: 88px;
     }
     .LOGO i {
         width: 87px;
         height: 87px;
     }
     .license>div {
         height: 150px;
     }
     .license i {
         width: 98px;
         height: 148px;
     }
     .getImg {
         font-size: 9px;
     }
     .getImgBtn {
         font-size: 11px;
         width: 41px;
         height: 18px;
         margin-bottom: 6px;
     }
     .sub {
         top: 80%;
     }
     .sub button {
         font-size: 18px;
         width: 376px;
         height: 32px;
     }
     .sub .submit {
         margin-bottom: 13px;
     }
     .sub .cancel {
         width: 374px;
         height: 30px;
     }
 }