@charset "UTF-8";

/*重置文本格式元素*/
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;background-color: #fff;-webkit-font-smoothing: antialiased;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe {margin: 0;padding: 0;}
img,article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {display: block;margin: 0;padding: 0;}
fieldset,img {border: 0;}
address,caption,cite,dfn,em,th,var,i,em {font-style: normal;font-weight: normal;}
ol,ul {list-style: none;}
img, img a {border: 0;vertical-align: middle;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}
a,label,button,input,select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none;}
input,select,button {-webkit-appearance:none;font-family: arial, sans-serif;vertical-align: baseline;border-radius: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;outline: none;}
html{-ms-touch-action: pan-y;touch-action: pan-y;}
body{/*font-family: -apple-system;font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;*/font-family: Helvetica,STHeiti STXihei, Microsoft JhengHei, Arial;-webkit-touch-callout: none;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;top: 0;right: 0;bottom: 0;left: 0;margin: 0;padding: 0;color: #000;word-wrap: break-word;text-rendering: optimizeLegibility;-webkit-backface-visibility: hidden;-webkit-user-drag: none;-ms-content-zooming: none;}
body,html{width: 100%;margin: 0 auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{-webkit-appearance: none;margin: 0px;padding: 0px;list-style: none;}
input:required,input:valid,input:invalid {border: 0 none;outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
input[type="number" ]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0; }
input[type="number"]{-moz-appearance:textfield;}
.clear:after, .clear:before {clear: both;display: block;content: "";}



.loginbanner{ 
	background-repeat: no-repeat;
    background-image: url(../img/loginbanner.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    width: 100%;
    height: 100%;
    position: relative;
}

.loginbanner .bj{
	height: 100%;
	background-attachment: fixed; 
	 background-image: -webkit-linear-gradient(left, rgba(0, 255, 144, .5), rgba(0, 216, 255, .5));
    background-image: -o-linear-gradient(left, rgba(0, 255, 144, .5), rgba(0, 216, 255, .5));
    background-image: linear-gradient(to right, rgba(0, 255, 144, .5), rgba(0, 216, 255, .5));
}

.loginbanner .login-box{ 
	width: 900px; 
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -280px;
    margin-left: -450px;
    padding:80px 50px;
    background: url(../img/login-bj.png);
    border-radius: 20px;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,0.3);
    box-shadow: 0 15px 20px rgba(0,0,0,0.3);
}

.loginbanner .login-box .login-left{ 
	float: left;
	width: 330px;
}
.loginbanner .login-box .login-left .logo{
	width: 250px;
	display: inline-block;
	margin-top: 55px;
}

.loginbanner .login-box .login-left .logo img{
	width: 100%;
	vertical-align: top;
	display: block;
}

.loginbanner .login-box .login-right{
	float: left;
	width: 450px;
	padding-left: 64px;
	background: url(../img/lien.png) repeat-y;
}

.loginbanner .login-box .login-right .login-text{
	width: 100%;
	position: relative;
}

.loginbanner .login-box .login-right .login-text h1{
	font-size: 25px;
	font-weight: bold;
	color: #333;
}


.loginbanner .login-box .login-right .login-text h2{
	font-size: 24px;
	color: #009944;
	font-weight: 500;
}

.loginbanner .login-box .login-right .login-form {
    padding-top: 20px;
}

.loginbanner .login-box .login-right .login-form .form-group {
    margin-bottom: 20px;
}

.loginbanner .login-box .login-right .login-form .form-group label {
    display: inline-block;
    max-width: 100%;
    font-weight: 500;
}

.loginbanner .login-box .login-right .login-form .form-group label {
    width: 75px;
    float: left;
    margin-right: 0px;
    text-align: right;
    line-height: 46px;
    font-size: 18px;
    color: #000;
}

.loginbanner .login-box .login-right .login-form .form-group input {
    display: block;
    width: 100%;
    height: 46px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.62857143;
    background-color: #fff;
    background-image: none;
    /*border: 1px solid #ccc;*/
    border-radius: 8px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.loginbanner .login-box .login-right .login-form .form-group input:focus{
	border-color:#2fd679;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.loginbanner .login-box .login-right .login-form .form-group input.form-control {
    width: 300px;
    float: left;
}

.loginbanner .login-box .login-right .login-form .form-group input.form-control2 {
    width: 202px;
    float: left;
    border-radius: 8px 0px 0px 8px;
}

.loginbanner .login-box .login-right .login-form .form-group img {
	width: 98px;
    height: 46px;
    float: left;
    margin-left: 0px;
    border-radius: 0px 8px 8px 0px;
    cursor: pointer;
    /*border: 1px solid #ccc;*/
}

.loginbanner .login-box .login-right .login-form .login-group{
	width: 100%;
	padding-left: 85px;
	display: block;
}

.loginbanner .login-box .login-right .login-form .login-group .btn {
    display: inline-block;
    float: left;
    padding: 10px 30px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    color: #fff;
    border-radius: 8px;
}
.loginbanner .login-box .login-right .login-form .login-group .dark-green {
    background-image: -webkit-linear-gradient(top, #2fd679, #0db758);
    background-image: -moz-linear-gradient(top, #2fd679, #0db758);
    background-image: -ms-linear-gradient(top, #2fd679, #0db758);
}

.loginbanner .login-box .login-right .login-form .login-group .yellow-color {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffb940), color-stop(1, #ff953d));
    margin-left: 30px;
}


.promptly{     
	position: fixed;
    bottom: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 900px;
    left: 50%;
    margin-left: -450px;
}