* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

.main {
   width: 100%;
   height: 675px;
   background: url(../img/login/login.png) no-repeat center;
   padding: 68px 0;
}

.login-main {
   display: flex;
   width: 1200px;
   height: 540px;
   background: #FFFFFF;
   box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin: auto;
}

.login-left {
   width: 720px;
   height: 540px;
   background: url(../img/login/login-left.png) no-repeat center;
   background-size: 100%, 100%;
   padding-top: 64px;
}

.do-something {
   width: 237px;
   height: 38px;
   background: url(../img/login/do-something.png) no-repeat center;
   background-size: 100%, 100%;
   margin: 0 auto 27px;
}

.login-left p {
   width: 591px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #FFFFFF;
   line-height: 24px;
   margin: auto;
   text-align: center;
}

.login-right {
   width: 480px;
   height: 540px;
   padding: 0 65px;
}

.number {
   width: 350px;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 2px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #6A717A;
   line-height: 50px;
}

.layui-tab {
   margin-top: 55px;
}

.layui-tab-title li {
   height: 39px;
   font-size: 16px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #6A717A;
   line-height: 39px;
}

.user-name {
   font-size: 24px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #384049;
   line-height: 39px;
}

/* .login-input>* {
   margin-top: 20px;
   width: 350px;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 2px;
} */

.login-input input {
   margin-top: 20px;
   /* width: 350px; */
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 2px;
}

.canvas1 {
   margin-top: 20px;
   /* width: 350px; */
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 2px;
}

#canvas {
   width: 38%;
   height: 100%;
   float: right !important;
   border-top: 0 !important;
   border-right: 0 !important;
   border-bottom: 0 !important;
}

.canvas1 input {
   width: 200px !important;
   height: 100%;
   margin: 0;
   border: 0;
}

.login-input button {
   margin-top: 36px;
   height: 50px;
   background: #fd9443;
   border-radius: 2px;
   margin-left: -10px;
}

.forget-pass {
   width: 70px;
   height: 14px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #6A717A;
   line-height: 20px;
   margin-right: -8px;
   float: right;
}

.nowRegister {
   width: 70px;
   height: 14px;
   font-size: 14px;
   font-family: Microsoft YaHei;
   font-weight: 400;
   color: #6A717A;
   line-height: 20px;
   /* margin-right: 0; */
   float: left;
}

.layui-input-inline {
   width: 100% !important;
   height: 50px;
   background: #FFFFFF;
   /* border: 1px solid #DDDDDD; */
   border-radius: 2px;
   margin-top: 20px;
}

.layui-form-pane .layui-input-inline {
   margin-left: 0;
}

.layui-input-inline input {
   width: 100% !important;
   height: 50px;
   background: #FFFFFF;
   border: 1px solid #DDDDDD;
   border-radius: 2px;
}

.layui-form-item {
   margin: 0;
}

.verification input {
   width: 59% !important;
   height: 100%;
   float: left;
}

.verification label {
   width: 41% !important;
   height: 100% !important;
   line-height: 32px !important;
}

.layui-btn {
   width: 350px;
   height: 50px;
   background: #fd9443;
   border-radius: 2px;
   margin-top: 36px;
}