system-clients 3.2.4 → 3.2.6

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

@@ -0,0 +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;
+  }
+
+}