*{padding:0;margin:0;}
a{text-decoration:none;outline:none;}
ul,li,ol,dl,dd,dt{list-style:none;}
img{outline:none;display:block;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input,button{border:none;background:none;outline:none;}
input{-webkit-text-fill-color:#8b6e6e;caret-color:rgb(0, 0, 0);}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfix{zoom:1;}

body{font-family:'\5FAE\8F6F\96C5\9ED1',Helvetica !important;}

#errorMsg{padding-top:0px;padding-left:calc(360px/2 - 250px/2);height:29px;margin-top:-15px;float:left;}
#errorMsg-li{text-align:left;display:-webkit-inline-box;display:inline-box;width:100%;}
#main_body{background:#172f45 url(images/bg-4k.png) no-repeat;background-size:cover;height:100%;}
#login-vercode-label{display: none;}
#login-form-sendSms{width: 80px;margin: 7px 0px;line-height: 36px;height: 36px;display: inline-block;border-radius: 10px; color: white;}
.footer-wrapper{background-color:white;height:120px;}

.main{width:100%;text-align:center;margin:0 auto;padding:80px 0 0 0;}
.title_b{height:74px;line-height:74px;text-align:right;background-size:contain}
.title_zh {
    font-family: MicrosoftYaHei;
    color: #ffffff;
    font-size: 53px;
    font-weight: bold;
    letter-spacing: 2px;
    padding-right: 43px;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.7), 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.title_en {
    font-family: sans-serif;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-top: -7px;
    padding-right: 43px;
    line-height:38px; 
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.8), 3px 3px 6px rgba(0, 0, 0, 0.3);
}
.niha_logo{
    align-items: center;
    display: inline-flex;
    padding-top:10px;
}
 
.send_not_allowed{ 
	cursor:not-allowed;
    background-color: #8b7171;
    pointer-events: none;
}
.send_allowed{
    cursor:pointer;
    background-color: #db5a6b;
}
 
 .login {
    left: 75%;
    position: absolute;
    margin-left: -190px;
    margin-top: 149px;
    background: #FCFDFE;
    border-radius: 10px;
    padding: 28px 0 18px;
    box-shadow: 0px 4px 9px #22455c;
    width: 360px;
    height: 420px;
}
	
	
.login h1{color:#2E6E9B;font-size:32px;text-align:center;font-weight:900;}
.login p{color:#2E6E9B;font-size:18px;text-align:center;padding:20px 0 15px;}

.login_box label{display:block;width:265px;height:45px;border-bottom:1px solid #2E6E9B;margin:7px auto 15px auto;border-radius:3px;}

.login_box label .input_icon{ color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
.login_box label .input_icon_usr{ background:url(images/usr_gray.png);background-size:cover;}
.login_box label .input_icon_pwd{ background:url(images/pwd_gray.png);background-size:cover;}
.login_box label .input_icon_vr{ background:url(images/vr_gray24.png) no-repeat;background-size:19px;background-position: center center; }
.login_box label .input_icon:before {content: "";position: absolute;left: 34px;top: 1px;width: 1px;height: 25px;background-color: #d5d0d0;}

.login_box label .input_icon2{ cursor:pointer;color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
.login_box label .input_icon_showPass{ background:url(images/showPass_gray24.png);background-size:cover;}
.login_box label .input_icon_hidePass{ background:url(images/hidePass_gray24.png);background-size:cover;}

.login_box label .input_box{ float:left;width: 180px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
.login_box label .input_box_vr{ width: 150px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
.login_box label .input_box_vercode{ float:left;width: 130px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
.login_box label input:-internal-autofill-selected {color:white;}
.login_box .btn{display:block;background-color:#448DC2;border-radius:5px;width:255px;margin:0 auto;cursor:pointer;}
.login_box .btn span{display:block;width:100%;height:100%;padding:10px;font-size:14px;color:white;font-weight:bold;text-align:center;}
.login_box .btn:active{background-color:#46626E;}


.bottom_main {
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    left: 75%;
    margin:0px 0px 20px -158px;
}
.bottom_main div{text-align:center;color:#9AC0DB;line-height:28px;letter-spacing:0.3px;}
.bottom_main div img{width:110px;}
.bottom_main div p{text-align:center;}
.bottom_main dl{float:left;}
.bottom_main dl dt{color:#2C3F46;font-size:22px;padding:5px 0px 6px 25px;}
.bottom_main dl dd{color:#2C3F46;padding:0 0 0 25px;}
.bottom_main dl dd div#contact{padding:4px 0 0 0;}
.bottom_main dl dd div#contact div{display:inline-block;}
.bottom_main dl dd div#contact div#contact-phone span.icon{display:inline-block;width:24px;height:26px;background:url(images/phone.png) no-repeat;}
.bottom_main dl dd div#contact div span.txt{margin:10px 8px 6px 5px;display:inline-block;vertical-align:bottom;font-size:16px;font-weight:400;color:#666666;}
.bottom_main dl dd div#contact div#contact-mail span.icon{display:inline-block;width:24px;height:26px;background:url(images/mail.png) no-repeat;}
.bottom_main dl dd div#contact div#contact-website span.icon{display:inline-block;width:24px;height:26px;background:url(images/website.png) no-repeat;}
.bottom_main dl dd p#slogan{color:#666666;font-size:16px;font-weight:400;padding:8px 0 0 0;}
.bottom_main dl dd p{display:block;float:none;font-size:12px;font-weight:100;line-height:18px;}
.bottom_main .weixin {float:left;color:#2C3F46;padding:0px 0 0 0;font-size:14px;font-weight:900;width:110px;margin-right:20px;}

.quickup-bar{padding-top:12px;padding-right:0px;width:250px;margin:0 auto;}
.quickup-btn{margin-right:0px;}
.quickup-btn-txt{color:#ffffff;font-weight:normal;margin-right:0px;}

@media screen and (max-width:1600px) {
    .main{width:100%;margin:0 auto;padding:50px 0 0 0;}
    .title_b{width:100%;font-size: 55px;height:50px;text-align:right;background-size:contain} 
    .title_zh {
	    font-family: MicrosoftYaHei;
	    color: #ffffff;
	    font-size: 50px;
	    font-weight: bold;
	    letter-spacing: 2px;
	    padding-right: 22px;
	}
	.title_en {
	    font-family: sans-serif;
	    color: #ffffff;
	    font-size: 19px;
	    font-weight: bold;
	    margin-top: -7px;
	    padding-right: 22px;
  	}
    .login {
        left: 75%;
        position: absolute;
        margin-left: -160px;
        margin-top: 130px;
        background: #FCFDFE;
        border-radius: 10px;
        padding: 28px 0 18px;
        box-shadow: 0px 4px 9px #22455c;
        width: 330px;
        height: 390px;
    }
    .login h1{color:#2E6E9B;font-size:24px;text-align:center;font-weight:900;}
    .login p{color:#2E6E9B;font-size:18px;text-align:center;padding:2px 0 5px;}

    .login_box label{display:block;width:265px;height:40px;border-bottom:1px solid #2E6E9B;margin:7px auto 13px auto;border-radius:3px;}

    .login_box label .input_icon{ color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
    .login_box label .input_icon_usr{ background:url(images/usr_gray.png);background-size:cover;}
    .login_box label .input_icon_pwd{ background:url(images/pwd_gray.png);background-size:cover;}
    .login_box label .input_icon_vr{ background:url(images/vr_gray24.png) no-repeat;background-size:19px;background-position: center center; }
    .login_box label .input_icon:before {content: "";position: absolute;left: 34px;top: 1px;width: 1px;height: 25px;background-color: #d5d0d0;}

    .login_box label .input_icon2{ cursor:pointer;color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
    .login_box label .input_icon_showPass{ background:url(images/showPass_gray24.png);background-size:cover;}
    .login_box label .input_icon_hidePass{ background:url(images/hidePass_gray24.png);background-size:cover;}

    .login_box label .input_box{ float:left;width: 180px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label .input_box_vr{ width: 150px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label .input_box_vercode{ float:left;width: 130px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label input:-internal-autofill-selected {color:white;}
    .login_box .btn{display:block;background-color:#448DC2;border-radius:5px;width:255px;margin:0 auto;cursor:pointer;}
    .login_box .btn span{display:block;width:100%;height:100%;padding:10px;font-size:14px;color:white;font-weight:bold;text-align:center;}
    .login_box .btn:active{background-color:#46626E;}
   
    .bottom_main {
        font-size: 14px;
        position: absolute;
        bottom: 5px;
        left: 75%;
        margin:0px 0px 5px -125px;
    }
    .bottom_main div{text-align:center;color:#9AC0DB;line-height:25px;letter-spacing:0.3px;}
    .bottom_main div img{width:110px;}
    .bottom_main div p{text-align:center;}
    .bottom_main dl{float:left;}
    .bottom_main dl dt{color:#2C3F46;font-size:22px;padding:5px 0px 6px 25px;}
    .bottom_main dl dd{color:#2C3F46;padding:0 0 0 25px;}
    .bottom_main dl dd div#contact{padding:4px 0 0 0;}
    .bottom_main dl dd div#contact div{display:inline-block;}
    .bottom_main dl dd div#contact div#contact-phone span.icon{display:inline-block;width:24px;height:26px;background:url(images/phone.png) no-repeat;}
    .bottom_main dl dd div#contact div span.txt{margin:10px 8px 6px 5px;display:inline-block;vertical-align:bottom;font-size:16px;font-weight:400;color:#666666;}
    .bottom_main dl dd div#contact div#contact-mail span.icon{display:inline-block;width:24px;height:26px;background:url(images/mail.png) no-repeat;}
    .bottom_main dl dd div#contact div#contact-website span.icon{display:inline-block;width:24px;height:26px;background:url(images/website.png) no-repeat;}
    .bottom_main dl dd p#slogan{color:#666666;font-size:16px;font-weight:400;padding:8px 0 0 0;}
    .bottom_main dl dd p{display:block;float:none;font-size:12px;font-weight:100;line-height:18px;}
    .bottom_main .weixin {float:left;color:#2C3F46;padding:0px 0 0 0;font-size:14px;font-weight:900;width:110px;margin-right:20px;}
    #errorMsg{padding-top:0px;padding-left:calc(310px/2 - 236px/2);height:37px;margin-top:-19px;}
	#errorMsg-li{text-align:left;font-size:12px;display:-webkit-inline-box;display:inline-box;width:100%;}
	
}

@media screen and (max-width:1400px) {
    .main{width:100%;margin:0 auto;padding:50px 0 0 0;}
    .title_b{width:100%;font-size: 42px;height:50px;text-align:right;background-size:contain} 
    .title_zh {
	    font-family: MicrosoftYaHei;
	    color: #ffffff;
	    font-size: 42px;
	    font-weight: bold;
	    letter-spacing: 2px;
	    padding-right: 22px;
	}
	.title_en {
	    font-family: sans-serif;
	    color: #ffffff;
	    font-size: 16px;
	    font-weight: bold;
	    margin-top: -7px;
	    padding-right: 22px;
  	}
    .login {
        left: 75%;
        position: absolute;
        margin-left: -160px;
        margin-top: 80px;
        background: #FCFDFE;
        border-radius: 10px;
        padding: 28px 0 18px;
        box-shadow: 0px 4px 9px #22455c;
        width: 310px;
        height: 370px;
    }
    .login h1{color:#2E6E9B;font-size:24px;text-align:center;font-weight:900;}
    .login p{color:#2E6E9B;font-size:18px;text-align:center;padding:2px 0 5px;}

    .login_box label{display:block;width:265px;height:40px;border-bottom:1px solid #2E6E9B;margin:7px auto 10px auto;border-radius:3px;}

    .login_box label .input_icon{ color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
    .login_box label .input_icon_usr{ background:url(images/usr_gray.png);background-size:cover;}
    .login_box label .input_icon_pwd{ background:url(images/pwd_gray.png);background-size:cover;}
    .login_box label .input_icon_vr{ background:url(images/vr_gray24.png) no-repeat;background-size:19px;background-position: center center; }
    .login_box label .input_icon:before {content: "";position: absolute;left: 34px;top: 1px;width: 1px;height: 25px;background-color: #d5d0d0;}

    .login_box label .input_icon2{ cursor:pointer;color:white;font-size:14px;margin:12px 4px 2px 12px;float:left;width:23px;height:23px;position:relative;}
    .login_box label .input_icon_showPass{ background:url(images/showPass_gray24.png);background-size:cover;}
    .login_box label .input_icon_hidePass{ background:url(images/hidePass_gray24.png);background-size:cover;}

    .login_box label .input_box{ float:left;width: 180px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label .input_box_vr{ width: 150px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label .input_box_vercode{ float:left;width: 130px;padding-left:21px;font-size:14px;height: 45px;line-height:45px;border-radius: 3px;}
    .login_box label input:-internal-autofill-selected {color:white;}
    .login_box .btn{display:block;background-color:#448DC2;border-radius:5px;width:255px;margin:0 auto;cursor:pointer;}
    .login_box .btn span{display:block;width:100%;height:100%;padding:10px;font-size:14px;color:white;font-weight:bold;text-align:center;}
    .login_box .btn:active{background-color:#46626E;}
   
    .bottom_main {
        font-size: 13px;
        position: absolute;
        bottom: 2px;
        left: 75%;
        margin:0px 0px 0px -120px;
    }
    .bottom_main div{text-align:center;color:#9AC0DB;line-height:20px;letter-spacing:0.3px;}
    .bottom_main div img{width:110px;}
    .bottom_main div p{text-align:center;}
    .bottom_main dl{float:left;}
    .bottom_main dl dt{color:#2C3F46;font-size:22px;padding:5px 0px 6px 25px;}
    .bottom_main dl dd{color:#2C3F46;padding:0 0 0 25px;}
    .bottom_main dl dd div#contact{padding:4px 0 0 0;}
    .bottom_main dl dd div#contact div{display:inline-block;}
    .bottom_main dl dd div#contact div#contact-phone span.icon{display:inline-block;width:24px;height:26px;background:url(images/phone.png) no-repeat;}
    .bottom_main dl dd div#contact div span.txt{margin:10px 8px 6px 5px;display:inline-block;vertical-align:bottom;font-size:16px;font-weight:400;color:#666666;}
    .bottom_main dl dd div#contact div#contact-mail span.icon{display:inline-block;width:24px;height:26px;background:url(images/mail.png) no-repeat;}
    .bottom_main dl dd div#contact div#contact-website span.icon{display:inline-block;width:24px;height:26px;background:url(images/website.png) no-repeat;}
    .bottom_main dl dd p#slogan{color:#666666;font-size:16px;font-weight:400;padding:8px 0 0 0;}
    .bottom_main dl dd p{display:block;float:none;font-size:12px;font-weight:100;line-height:18px;}
    .bottom_main .weixin {float:left;color:#2C3F46;padding:0px 0 0 0;font-size:14px;font-weight:900;width:110px;margin-right:20px;}
    #errorMsg{padding-top:0px;padding-left:calc(310px/2 - 236px/2);height:37px;margin-top:-19px;}
	#errorMsg-li{text-align:left;font-size:12px;display:-webkit-inline-box;display:inline-box;width:100%;}
	
}