body {
     width: 100%;
     background: url(../img/2.png) no-repeat;
     background-size: cover;
     background-attachment: fixed;
 }

 /* 用户登录 */
 .login-box {
     background: #00000099;
     border-radius: 4px;
     padding: 65px 100px;
     margin: 0 auto;
     width: 100%;
     max-width: 540px;
 }

 .login-head {
     font-weight: 700;
     font-size: 32px;
     color: #fff;
     text-align: center;
     margin-bottom: 25px;
 }

 .public-input input {
     outline: 0;
     font-size: 16px;
     background: #fff;
     width: 100%;
     border-radius: 4px;
     padding: 13px 14px 13px 55px;
     line-height: normal;
     border: 1px solid #b7c0d5;
     transition: all .5s ease;
 }

 .public-input input::placeholder {
     color: #b7c0d5;
 }

 .public-input {
     position: relative;
     margin-bottom: 20px;
 }

 .public-input i {
     position: absolute;
     top: 50%;
     left: 18px;
     transform: translateY(-50%);
     color: #A6ADBC99;
     font-size: 17px;
     transition: all .3s ease;
 }

 .yzm-box {
     margin-bottom: 20px;
 }

 .yzm-input {
     width: 66%;
     position: relative;
 }

 .yzm-input input {
     outline: 0;
     font-size: 16px;
     background: #fff;
     width: 100%;
     border-radius: 4px;
     padding: 13px 14px;
     line-height: normal;
     border: 1px solid #b7c0d5;
     transition: all .5s ease;
 }

 .yzm-input input::placeholder {
     color: #b7c0d5;
 }

 .yzm-box {
     margin-bottom: 20px;
 }

 .yzm-img {
     width: 33%;
     height: 49px;
     border-radius: 4px;
     overflow: hidden;
 }

 .yzm-img img {
     width: 100%;
     height: 100%;
 }

 .public-input input:focus,
 .yzm-input input:focus {
     border: 1px solid #1d67ff;
 }

 .public-input.active i,
 .yzm-input.active i {
     color: #1d67ff;
 }

 .btn-box .btn {
     font-size: 18px;
     border-radius: 4px;
     border: 0;
     outline: 0;
     width: 100%;
     margin-bottom: 15px;
 }

 .btn-box .login-btn {
     font-weight: 700;
     background: linear-gradient(0deg, #5F7EE1 0%, #5E9DF0 100%);
     color: #fff;
 }

 .btn-box .tyrz-btn {
     border: 1px solid #fff;
     color: #fff;
 }

 .tyrz-btn:hover {
     border: 1px solid #5F7EE1;
     color: #5F7EE1;
 }

 .btn-box .wjmm-link {
     font-size: 16px;
     color: #fff;
     transition: all .3s ease;
 }

 .btn-box .wjmm-link:hover {
     color: #5F7EE1;
 }

 .btn-box {
     text-align: center;
 }

 @media screen and (max-width:1200px) {

     .yzm-input input,
     .public-input input {
         padding-left: 40px;
     }
 }

 @media screen and (max-width:1023px) {
     .login-box {
         margin-bottom: 20px;
         padding-bottom: 20px;
     }

 }

 @media screen and (max-width:500px) {

     .login-box {
         padding: 20px;
     }

     .login-head {
         font-size: 18px;
     }

 }