safecheck-client 3.0.35-gongyi-10 → 3.0.35-gongyi-11

package/src/bootstrap/less/aofeng/themeOne/loginStyle.less

@@ -1,1586 +1,1586 @@
-
-
-
-.login-check-1{
-  border-radius: 4px;
-}
-
-
-@media screen and (min-width: 1920px) and (min-height: 880px) {
-  //登录背景
-  .syslogin {
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg.gif");
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-
-  //登录logo
-  .login-title {
-    height: 5%;
-  }
-
-  //logo子
-  .login-title-chi {
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.8rem;
-    width: 16%;
-  }
-
-  //logo子 -图标
-  .login-title-chi img {
-    margin: 0 3% 0 8%;
-    width: 18px;
-  }
-
-  //登录主体
-  .loginmain {
-    margin: 10% 24% 8% 24%;
-    ///* padding: 8%; */
-    width: 52%;
-    height: 54%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-
-  //登录主体左部
-  .loginmain-left {
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 10% 5%;
-    float: left;
-  }
-
-  //登录主体左部图片
-  .loginmain-left-img {
-    width: 100%;
-    height: 100%;
-  }
-
-  //登录主体右部
-  .loginmain-right {
-    width: 50%;
-    height: 100%;
-    padding: 4% 7% 3% 2%;
-    float: right;
-  }
-
-  //主体右部标题
-  .loginmain-right p {
-    height: 20%;
-    margin-top: 5%;
-    font-size: 3.4rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input {
-    margin-bottom: 4%;
-    padding: 8px 0px 0px 4px;
-    height: 60px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-
-  .login-input:hover {
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img {
-    margin-top: 20px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-
-  .login-input input {
-    font-size: 1.6rem;
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover {
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:active {
-
-    border: none;
-  }
-
-  .login-input-1 {
-    padding: 15px 0px 0px 4px;
-    height: 60px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-
-  .login-input-2 {
-    float: left;
-    width: 40%;
-    height: 60px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-
-  .login-input-1:hover {
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img {
-    margin-top: 6px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-
-  .login-input-1 input {
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-
-  .login-input-1 input:hover {
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-check {
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1 {
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color: #e1e1e1 !important;
-    letter-spacing: 2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-
-  //登录按钮
-  .login-bt {
-    margin-top: 35%;
-  }
-
-  .login-button {
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-
-  .login-button:hover {
-    background-color: #357dee;
-  }
-
-  .login-foot {
-    height: 6%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 2rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 70px;
-    letter-spacing: 2px;
-    color: #ffffff;
-  }
-
-}
-
-
-
-/*分辨率@1920*1080*/
-@media screen and (max-width: 1920px) {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-    height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.8rem;
-    width: 16%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 8%;
-    width: 18px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 10% 24% 8% 24%;
-    ///* padding: 8%; */
-    width: 52%;
-    height: 54%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 10% 5%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 4% 7% 3% 2%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 5%;
-    font-size: 3.4rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    margin-bottom: 4%;
-    padding: 8px 0px 0px 4px;
-    height: 60px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 20px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.6rem;
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height:35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:active{
-
-    border: none;
-  }
-  .login-input-1{
-    padding: 15px 0px 0px 4px;
-    height: 60px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 60px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 6px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input-1 input:hover{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-  //登录按钮
-  .login-bt{
-    margin-top: 35%;
-  }
-
-  .login-button{
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-   height: 6%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 2rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 70px;
-    letter-spacing: 2px;
-    color: #ffffff;
-  }
-
-}
-
-@media screen and (max-width: 1920px) {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-    height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.8rem;
-    width: 15%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 7%;
-    width: 18px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 8% 23% 6% 23%;
-    ///* padding: 8%; */
-    width: 54%;
-    height: 58%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 8% 5%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 4% 7% 3% 2%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 2%;
-    font-size: 3.4rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    margin-bottom: 2%;
-    padding: 10px 0px 0px 4px;
-    height: 70px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 20px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.8rem;
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1{
-    padding: 20px 0px 0px 4px;
-    height: 70px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 70px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 8px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input-1 input:hover{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-  //登录按钮
-  .login-bt{
-    margin-top: 30%;
-  }
-
-  .login-button{
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-    height: 4%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 2rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 70px;
-    color: #ffffff;
-  }
-
-}
-
-@media screen and (max-width: 1600px) {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-    height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.8rem;
-    width: 15%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 7%;
-    width: 18px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 8% 23% 6% 23%;
-    ///* padding: 8%; */
-    width: 54%;
-    height: 58%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 8% 5%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 4% 7% 3% 2%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 2%;
-    font-size: 3.4rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    margin-bottom: 2%;
-    padding: 10px 0px 0px 4px;
-    height: 70px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 20px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.8rem;
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height: 35px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1{
-    padding: 20px 0px 0px 4px;
-    height: 70px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 70px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 8px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input-1 input:hover{
-    height: 35px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-  //登录按钮
-  .login-bt{
-    margin-top: 30%;
-  }
-
-  .login-button{
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-    height: 4%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 2rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 70px;
-    color: #ffffff;
-  }
-
-}
-/*分辨率@1366*768*/
-@media screen and (max-width: 1366px)  {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg1366.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-   height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.6rem;
-    width: 20%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 10%;
-    width: 18px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 7% 24% 5% 24%;
-    ///* padding: 8%; */
-    width: 52%;
-    height: 62%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 8% 6%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 3% 6% 3% 2%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 4%;
-    font-size: 26px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    padding: 10px 0px 0px 4px;
-    height: 60px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 14px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.6rem;
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1{
-    padding: 20px 0px 0px 4px;
-    height: 60px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 60px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 4px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 30px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input-1 input:hover{
-    height: 30px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-   //登录按钮
-  .login-bt{
-   margin-top: 30%;
-  }
-
-  .login-button{
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-    height: 6%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 1.8rem;
-    font-weight: normal;
-    font-stretch: normal;
-    //line-height: 70px;
-    letter-spacing: 2px;
-    color: #ffffff;
-  }
-
-}
-
-
-
-/*分辨率@1280*720*/
-@media screen and (max-width: 1280px)  {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg1280.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-    height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.6rem;
-    width: 20%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 10%;
-    width: 18px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 7% 24% 5% 24%;
-    ///* padding: 8%; */
-    width: 52%;
-    height: 62%;
-    background-color: #ffffff;
-    border-radius: 30px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 8% 6%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 3% 6% 3% 2%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 4%;
-    font-size: 26px;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 90px;
-    letter-spacing: 7px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    padding: 10px 0px 0px 4px;
-    height: 60px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 14px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.6rem;
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1{
-    padding: 10px 0px 0px 4px;
-    height: 60px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 60px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 14px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 40px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.6rem;
-  }
-  .login-input-1 input:hover{
-    height: 40px;
-    width: 140px;
-    margin-left: 10px;
-    border: none;
-    background-color: white !important;
-    padding-left: 10px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 18px;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-  //登录按钮
-  .login-bt{
-    margin-top: 35%;
-  }
-
-  .login-button{
-    font-size: 18px;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 40px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 20px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-    height: 6%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 1.8rem;
-    font-weight: normal;
-    font-stretch: normal;
-    //line-height: 70px;
-    letter-spacing: 2px;
-    color: #ffffff;
-  }
-
-}
-
-
-/*分辨率@1024*/
-@media screen and (max-width: 1024px) {
-
-  //登录背景
-  .syslogin{
-    overflow: hidden;
-    background-image: url("../../../../../static/newStyle/loginbg1280.gif");
-    background-size:100% 100%;
-    background-repeat:no-repeat;
-    font-family: PINGFANG-MEDIUM;
-  }
-  //登录logo
-  .login-title{
-    height: 5%;
-  }
-  //logo子
-  .login-title-chi{
-    padding: 1% 1% 0 0;
-    float: right;
-    color: white;
-    font-size: 1.4rem;
-    width: 30%;
-  }
-  //logo子 -图标
-  .login-title-chi img{
-    margin: 0 3% 0 10%;
-    width: 14px;
-  }
-  //登录主体
-  .loginmain{
-    margin: 11% 20% 5% 20%;
-    ///* padding: 8%; */
-    width: 60%;
-    height: 57%;
-    background-color: #ffffff;
-    border-radius: 25px;
-  }
-  //登录主体左部
-  .loginmain-left{
-    width: 50%;
-    height: 100%;
-    /* padding: 3%; */
-    padding: 10% 6%;
-    float: left;
-  }
-  //登录主体左部图片
-  .loginmain-left-img{
-    width: 100%;
-    height: 100%;
-  }
-  //登录主体右部
-  .loginmain-right{
-    width: 50%;
-    height: 100%;
-    padding: 1% 6% 1% 1%;
-    float: right;
-  }
-  //主体右部标题
-  .loginmain-right p{
-    height: 20%;
-    margin-top: 4%;
-    font-size: 2rem;
-    font-weight: normal;
-    font-stretch: normal;
-    line-height: 60px;
-    letter-spacing: 3px;
-    font-family: TRENDSTRENDS;
-    color: #333333;
-    text-align: center;
-  }
-  .login_load{
-    width: 100%;
-    height: 65%;
-    padding: 10% 22%;
-  }
-  .login_load img{
-    width: 100%;
-    height: 100%;
-  }
-  //主体右部输入条
-  .login-input{
-    padding: 8px 0px 0px 4px;
-    height: 50px;
-    width: 100%;
-    border: none;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input img{
-    margin-top: 14px;
-    width: 18px;
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input input{
-    font-size: 1.4rem;
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 5px;
-    border: none;
-    background-color: white !important;
-    padding-left: 5px;
-  }
-
-  .login-input input:hover{
-    margin-top: 10px;
-    height: 30px;
-    width: 85%;
-    margin-left: 5px;
-    border: none;
-    background-color: white !important;
-    padding-left: 5px;
-  }
-  .login-input-1{
-    padding: 10px 0px 0px 4px;
-    height: 60px;
-    width: 60%;
-    border: none;
-    float: left;
-    border-bottom: #e1e1e1 solid 1px;
-  }
-  .login-input-2{
-    float: left;
-    width: 40%;
-    height: 60px;
-    border: none;
-    padding: 4% 0 0 2%;
-  }
-  .login-input-1:hover{
-    border-bottom: #5792f0 solid 1px;
-  }
-
-  .login-input-1 img{
-    margin-top: 14px;
-    width: 18px;
-
-    float: left;
-    vertical-align: middle;
-  }
-  .login-input-1 input{
-    height: 40px;
-    width: 140px;
-    margin-left: 5px;
-    border: none;
-    background-color: white !important;
-    padding-left: 5px;
-  }
-  .login-input-1 input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.4rem;
-  }
-  .login-input input::-webkit-input-placeholder {
-    color: #a9a9a9;
-    font-size: 1.4rem;
-  }
-  .login-input-1 input:hover{
-    height: 40px;
-    width: 140px;
-    margin-left: 5px;
-    border: none;
-    background-color: white !important;
-    padding-left: 5px;
-  }
-  .login-check{
-    height: 40px;
-    float: left;
-    width: 75% !important;
-    border: none !important;
-    background-color: white !important;
-  }
-
-  .login-check-1{
-    height: 40px;
-    float: left;
-    width: 95% !important;
-    border: none !important;
-    background-color:#e1e1e1 !important;
-    letter-spacing:2px;
-    font-size: 1.4rem;
-    font-weight: normal;
-    font-stretch: normal;
-    text-align: center;
-    color: #6994d7;
-  }
-  //登录按钮
-  .login-bt{
-    margin-top: 40%;
-  }
-
-  .login-button{
-    font-size: 1.4rem;
-    letter-spacing: 8px;
-    width: 100%;
-    height: 30px;
-    color: white;
-    background-color: #5792f0;
-    border-radius: 15px;
-    border: solid 1px #1a72fe;
-  }
-  .login-button:hover{
-    background-color: #357dee;
-  }
-
-  .login-foot{
-    height: 6%;
-    text-align: center;
-    font-family: PINGFANG-REGULAR;
-    font-size: 1.6rem;
-    font-weight: normal;
-    font-stretch: normal;
-    //line-height: 70px;
-    letter-spacing: 2px;
-    color: #ffffff;
-  }
-
-}
+
+
+
+.login-check-1{
+  border-radius: 4px;
+}
+
+
+@media screen and (min-width: 1920px) and (min-height: 880px) {
+  //登录背景
+  .syslogin {
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg.gif");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+
+  //登录logo
+  .login-title {
+    height: 5%;
+  }
+
+  //logo子
+  .login-title-chi {
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.8rem;
+    width: 16%;
+  }
+
+  //logo子 -图标
+  .login-title-chi img {
+    margin: 0 3% 0 8%;
+    width: 18px;
+  }
+
+  //登录主体
+  .loginmain {
+    margin: 10% 24% 8% 24%;
+    ///* padding: 8%; */
+    width: 52%;
+    height: 54%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+
+  //登录主体左部
+  .loginmain-left {
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 10% 5%;
+    float: left;
+  }
+
+  //登录主体左部图片
+  .loginmain-left-img {
+    width: 100%;
+    height: 100%;
+  }
+
+  //登录主体右部
+  .loginmain-right {
+    width: 50%;
+    height: 100%;
+    padding: 4% 7% 3% 2%;
+    float: right;
+  }
+
+  //主体右部标题
+  .loginmain-right p {
+    height: 20%;
+    margin-top: 5%;
+    font-size: 3.4rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input {
+    margin-bottom: 4%;
+    padding: 8px 0px 0px 4px;
+    height: 60px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+
+  .login-input:hover {
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img {
+    margin-top: 20px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+
+  .login-input input {
+    font-size: 1.6rem;
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover {
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:active {
+
+    border: none;
+  }
+
+  .login-input-1 {
+    padding: 15px 0px 0px 4px;
+    height: 60px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+
+  .login-input-2 {
+    float: left;
+    width: 40%;
+    height: 60px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+
+  .login-input-1:hover {
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img {
+    margin-top: 6px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+
+  .login-input-1 input {
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+
+  .login-input-1 input:hover {
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-check {
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1 {
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color: #e1e1e1 !important;
+    letter-spacing: 2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+
+  //登录按钮
+  .login-bt {
+    margin-top: 35%;
+  }
+
+  .login-button {
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+
+  .login-button:hover {
+    background-color: #357dee;
+  }
+
+  .login-foot {
+    height: 6%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 2rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 70px;
+    letter-spacing: 2px;
+    color: #ffffff;
+  }
+
+}
+
+
+
+/*分辨率@1920*1080*/
+@media screen and (max-width: 1920px) {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+    height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.8rem;
+    width: 16%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 8%;
+    width: 18px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 10% 24% 8% 24%;
+    ///* padding: 8%; */
+    width: 52%;
+    height: 54%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 10% 5%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 4% 7% 3% 2%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 5%;
+    font-size: 3.4rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    margin-bottom: 4%;
+    padding: 8px 0px 0px 4px;
+    height: 60px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 20px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.6rem;
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height:35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:active{
+
+    border: none;
+  }
+  .login-input-1{
+    padding: 15px 0px 0px 4px;
+    height: 60px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 60px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 6px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input-1 input:hover{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+  //登录按钮
+  .login-bt{
+    margin-top: 35%;
+  }
+
+  .login-button{
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+   height: 6%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 2rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 70px;
+    letter-spacing: 2px;
+    color: #ffffff;
+  }
+
+}
+
+@media screen and (max-width: 1920px) {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+    height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.8rem;
+    width: 15%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 7%;
+    width: 18px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 8% 23% 6% 23%;
+    ///* padding: 8%; */
+    width: 54%;
+    height: 58%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 8% 5%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 4% 7% 3% 2%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 2%;
+    font-size: 3.4rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    margin-bottom: 2%;
+    padding: 10px 0px 0px 4px;
+    height: 70px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 20px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.8rem;
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1{
+    padding: 20px 0px 0px 4px;
+    height: 70px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 70px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 8px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input-1 input:hover{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+  //登录按钮
+  .login-bt{
+    margin-top: 30%;
+  }
+
+  .login-button{
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+    height: 4%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 2rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 70px;
+    color: #ffffff;
+  }
+
+}
+
+@media screen and (max-width: 1600px) {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+    height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.8rem;
+    width: 15%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 7%;
+    width: 18px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 8% 23% 6% 23%;
+    ///* padding: 8%; */
+    width: 54%;
+    height: 58%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 8% 5%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 4% 7% 3% 2%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 2%;
+    font-size: 3.4rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    margin-bottom: 2%;
+    padding: 10px 0px 0px 4px;
+    height: 70px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 20px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.8rem;
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height: 35px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1{
+    padding: 20px 0px 0px 4px;
+    height: 70px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 70px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 8px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input-1 input:hover{
+    height: 35px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+  //登录按钮
+  .login-bt{
+    margin-top: 30%;
+  }
+
+  .login-button{
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+    height: 4%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 2rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 70px;
+    color: #ffffff;
+  }
+
+}
+/*分辨率@1366*768*/
+@media screen and (max-width: 1366px)  {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg1366.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+   height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.6rem;
+    width: 20%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 10%;
+    width: 18px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 7% 24% 5% 24%;
+    ///* padding: 8%; */
+    width: 52%;
+    height: 62%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 8% 6%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 3% 6% 3% 2%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 4%;
+    font-size: 26px;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    padding: 10px 0px 0px 4px;
+    height: 60px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 14px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.6rem;
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1{
+    padding: 20px 0px 0px 4px;
+    height: 60px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 60px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 4px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 30px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input-1 input:hover{
+    height: 30px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+   //登录按钮
+  .login-bt{
+   margin-top: 30%;
+  }
+
+  .login-button{
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+    height: 6%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 1.8rem;
+    font-weight: normal;
+    font-stretch: normal;
+    //line-height: 70px;
+    letter-spacing: 2px;
+    color: #ffffff;
+  }
+
+}
+
+
+
+/*分辨率@1280*720*/
+@media screen and (max-width: 1280px)  {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg1280.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+    height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.6rem;
+    width: 20%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 10%;
+    width: 18px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 7% 24% 5% 24%;
+    ///* padding: 8%; */
+    width: 52%;
+    height: 62%;
+    background-color: #ffffff;
+    border-radius: 30px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 8% 6%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 3% 6% 3% 2%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 4%;
+    font-size: 26px;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 90px;
+    letter-spacing: 7px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    padding: 10px 0px 0px 4px;
+    height: 60px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 14px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.6rem;
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1{
+    padding: 10px 0px 0px 4px;
+    height: 60px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 60px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 14px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 40px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.6rem;
+  }
+  .login-input-1 input:hover{
+    height: 40px;
+    width: 140px;
+    margin-left: 10px;
+    border: none;
+    background-color: white !important;
+    padding-left: 10px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 18px;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+  //登录按钮
+  .login-bt{
+    margin-top: 35%;
+  }
+
+  .login-button{
+    font-size: 18px;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 40px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 20px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+    height: 6%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 1.8rem;
+    font-weight: normal;
+    font-stretch: normal;
+    //line-height: 70px;
+    letter-spacing: 2px;
+    color: #ffffff;
+  }
+
+}
+
+
+/*分辨率@1024*/
+@media screen and (max-width: 1024px) {
+
+  //登录背景
+  .syslogin{
+    overflow: hidden;
+    background-image: url("../../../../../static/newStyle/loginbg1280.gif");
+    background-size:100% 100%;
+    background-repeat:no-repeat;
+    font-family: PINGFANG-MEDIUM;
+  }
+  //登录logo
+  .login-title{
+    height: 5%;
+  }
+  //logo子
+  .login-title-chi{
+    padding: 1% 1% 0 0;
+    float: right;
+    color: white;
+    font-size: 1.4rem;
+    width: 30%;
+  }
+  //logo子 -图标
+  .login-title-chi img{
+    margin: 0 3% 0 10%;
+    width: 14px;
+  }
+  //登录主体
+  .loginmain{
+    margin: 11% 20% 5% 20%;
+    ///* padding: 8%; */
+    width: 60%;
+    height: 57%;
+    background-color: #ffffff;
+    border-radius: 25px;
+  }
+  //登录主体左部
+  .loginmain-left{
+    width: 50%;
+    height: 100%;
+    /* padding: 3%; */
+    padding: 10% 6%;
+    float: left;
+  }
+  //登录主体左部图片
+  .loginmain-left-img{
+    width: 100%;
+    height: 100%;
+  }
+  //登录主体右部
+  .loginmain-right{
+    width: 50%;
+    height: 100%;
+    padding: 1% 6% 1% 1%;
+    float: right;
+  }
+  //主体右部标题
+  .loginmain-right p{
+    height: 20%;
+    margin-top: 4%;
+    font-size: 2rem;
+    font-weight: normal;
+    font-stretch: normal;
+    line-height: 60px;
+    letter-spacing: 3px;
+    font-family: TRENDSTRENDS;
+    color: #333333;
+    text-align: center;
+  }
+  .login_load{
+    width: 100%;
+    height: 65%;
+    padding: 10% 22%;
+  }
+  .login_load img{
+    width: 100%;
+    height: 100%;
+  }
+  //主体右部输入条
+  .login-input{
+    padding: 8px 0px 0px 4px;
+    height: 50px;
+    width: 100%;
+    border: none;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input img{
+    margin-top: 14px;
+    width: 18px;
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input input{
+    font-size: 1.4rem;
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 5px;
+    border: none;
+    background-color: white !important;
+    padding-left: 5px;
+  }
+
+  .login-input input:hover{
+    margin-top: 10px;
+    height: 30px;
+    width: 85%;
+    margin-left: 5px;
+    border: none;
+    background-color: white !important;
+    padding-left: 5px;
+  }
+  .login-input-1{
+    padding: 10px 0px 0px 4px;
+    height: 60px;
+    width: 60%;
+    border: none;
+    float: left;
+    border-bottom: #e1e1e1 solid 1px;
+  }
+  .login-input-2{
+    float: left;
+    width: 40%;
+    height: 60px;
+    border: none;
+    padding: 4% 0 0 2%;
+  }
+  .login-input-1:hover{
+    border-bottom: #5792f0 solid 1px;
+  }
+
+  .login-input-1 img{
+    margin-top: 14px;
+    width: 18px;
+
+    float: left;
+    vertical-align: middle;
+  }
+  .login-input-1 input{
+    height: 40px;
+    width: 140px;
+    margin-left: 5px;
+    border: none;
+    background-color: white !important;
+    padding-left: 5px;
+  }
+  .login-input-1 input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.4rem;
+  }
+  .login-input input::-webkit-input-placeholder {
+    color: #a9a9a9;
+    font-size: 1.4rem;
+  }
+  .login-input-1 input:hover{
+    height: 40px;
+    width: 140px;
+    margin-left: 5px;
+    border: none;
+    background-color: white !important;
+    padding-left: 5px;
+  }
+  .login-check{
+    height: 40px;
+    float: left;
+    width: 75% !important;
+    border: none !important;
+    background-color: white !important;
+  }
+
+  .login-check-1{
+    height: 40px;
+    float: left;
+    width: 95% !important;
+    border: none !important;
+    background-color:#e1e1e1 !important;
+    letter-spacing:2px;
+    font-size: 1.4rem;
+    font-weight: normal;
+    font-stretch: normal;
+    text-align: center;
+    color: #6994d7;
+  }
+  //登录按钮
+  .login-bt{
+    margin-top: 40%;
+  }
+
+  .login-button{
+    font-size: 1.4rem;
+    letter-spacing: 8px;
+    width: 100%;
+    height: 30px;
+    color: white;
+    background-color: #5792f0;
+    border-radius: 15px;
+    border: solid 1px #1a72fe;
+  }
+  .login-button:hover{
+    background-color: #357dee;
+  }
+
+  .login-foot{
+    height: 6%;
+    text-align: center;
+    font-family: PINGFANG-REGULAR;
+    font-size: 1.6rem;
+    font-weight: normal;
+    font-stretch: normal;
+    //line-height: 70px;
+    letter-spacing: 2px;
+    color: #ffffff;
+  }
+
+}