@charset "utf-8";

/* CSS Document */

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,iframe,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;vertical-align:baseline}
.clearfix:after,.clearfix:before{display:table;content:''}
.clearfix:after{clear:both;overflow:hidden}
.clearfix{zoom:1}
select{border:none;-webkit-appearance:none;-moz-appearance:none}
iframe{border:0}
a,button,img,input,select{outline:0 none}
img{border:0 none;vertical-align:top}
em,i{font-style:normal}
ol,ul{list-style:none}
button,h1,h2,h3,h4,h5,h6,input,select{font-size:100%;font-family:inherit}
table{border-collapse:collapse;border-spacing:0}
a{color:#333;text-decoration:none}
a:hover{cursor:pointer}
input:focus,textarea:focus{outline:0;border:1px solid #288df0}
.fl{float: left;}
.fr{float: right;}

body{color:#333;font:14px/1.5 PingFangSC-Thin,"Hiragino Sans GB","Microsoft YaHei Light","Microsoft YaHei",Arial,sans-serif}
.header{position:fixed;top:0;left:0;width:100%;min-width:1024px;z-index:999;background:rgba(255,255,255,1);box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.header-inner{padding: 0 40px;height: 60px;font-size: 13px;}
.header-inner .logo img{height: 40px;}
.logo{margin-top: 10px;}
.logo-pic2{display: none;}
.nav li{float: left;line-height: 60px;}
.nav li a{padding: 0 20px;}
.header a:hover{color: #2289E0;}
.user-bar{margin-top: 17px;}
.user-bar a{line-height: 24px;display: inline-block;margin-left: 10px;border: 1px solid #333;padding: 0 20px;height: 24px;border-radius: 3px;}
.user-bar a.on,.user-bar a.on:hover{background:#288DF0;color: #fff;border-color: #288DF0;}
.user-bar a:hover{color: #2289E0;border-color: #2289E0;}
.footer{text-align: center;color: #a8a8a8;font-size: 12px;padding: 20px 0;line-height: 30px;}
.footer.fixed{position: absolute;bottom: 0;left: 0;width: 100%;}
.grid{width: 1200px;margin: 0 auto;height: 100%;position: relative;}


/*register.html*/
.register-banner{width:35%;position: absolute;top: 0;left: 0;bottom: 0;background: url(../images/intro.jpg) no-repeat center center;background-size:cover ;}
.register-content{position: absolute;left: 35%;top: 0;right: 0;bottom: 0;overflow-y: auto;}
.rgst-content{width: 600px;margin: 0 auto;}
.rgst-content h2{font-size: 34px;font-weight: 300;margin-top: 40px;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;margin-bottom: 30px;}
.ui-label{color:#4c4c4c;float:left;margin-right:10px;text-align:right;width:85px;line-height:42px;font-size:15px}
.ui-label span{color:red;margin-left:5px}
.ui-input{border:1px solid #ddd;color:#4d4d4d;font-size:14px;height:18px;line-height:18px;padding:11px 10px;transition:border .2s linear 0s,box-shadow .2s linear 0s;vertical-align:middle;width:360px;border-radius:4px}
.error{display:none;color:#ff5b5b;background:url(../loginimages/error.png) no-repeat left center;height:18px;line-height:18px;padding-left:24px}
.ui-input-correct{background:url(../loginimages/ui-correct.png) no-repeat right center;border-color:#5fb500}
.ui-input-wrong{border-color:#ff5b5b}
.ui-form-item{margin-top:20px;position:relative}
.ui-form-item .error{margin-left:95px;margin-top:5px}
.btn{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:11px 12px;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}
.btn-default{background-color:#fff;border-color:#ccc;color:#333}
.btn-primary{background-color:#2398ea;border-color:#2289e0;color:#fff}
.btn-primary:hover{background-color:#2289e0;border-color:#2289e0;color:#fff}
.btn-primary-new{background-color:#5fb500;border-color:#529a03;color:#fff}
.btn-primary-new:hover{background-color:#529a03;border-color:#529a03;color:#fff}
.ui-form-item .btn{width:358px;display: block;margin-left: 95px;color: #fff;font-size: 16px;}
.ui-form-item a{color: #2398ea;}
.rgst-content .ui-form-item .btn{box-shadow: 0 6px 15px rgba(29, 182, 94, 0.4);}
/*login.html*/
.banner{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/sectionlg.png) no-repeat center center /cover;}
.banner1{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/1.png) no-repeat center center /cover;}
.banner2{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/11.png) no-repeat center center /cover;}
.banner3{position:absolute ;top: 0;left: 0;width: 100%;height: 100%;background: url(../loginimages/huarun_login.png) no-repeat center center /cover;}
.login-area{box-shadow: 0 9px 30px rgba(0, 0, 0, 0.2);;background:rgba(255,255,255,1);width: 382px;padding:20px 40px 40px;position: absolute;top: 50%;margin-top: -172px;right: 0;}
.login-area h3{border-bottom: 1px solid #f0f0f0;font-size: 22px;padding-bottom: 15px;font-weight: 300;}
.login-area .error{margin-left: 0;}
.login-info{position: absolute;left: 0;top: 50%;margin-top: -100px;}
.login-info h3{font-size: 30px;letter-spacing: 2px;margin-top: 20px;color: #fff;}
.login-info p{margin-top: 20px;;font-size: 16px;color: #999;background: #2289E0;color: #fff;display: inline-block;padding: 2px 15px;position: relative;box-shadow: 3px 3px 0 #85bfef;letter-spacing: 2px;}
.login-info span{line-height: 30px;color: #f8f8f8;letter-spacing: 2px;display: block;}
.login-info h3 label{font-weight: 100;margin: 0 10px;}
.login-form em{left: 10px;position: absolute;top:10px;width: 20px;height: 20px;background: url(../loginimages/ico-login.png) no-repeat;}
.login-form em.ico-pwd{background-position:0 -20px ;}
.login-form .ui-form-item .ui-input{text-indent: 30px;}

.banner2-pad{position:absolute ;top: 0;left: 0;width: 100%;min-width:1024px;height: 100%;background: url(../loginimages/11.png) repeat-x center center /cover;}
.grid{margin: 0 auto;height: 100%;position: relative;}
.gridbhh{margin: 0 auto;position: relative;}
.mb_en .banner2-pad{background: url(../loginimages/BJ-IMG.png) no-repeat center center /cover;}
.login-area-pad{box-shadow: 0 9px 30px rgba(0, 0, 0, 0.2);;background:rgba(255,255,255,1);width: 37%;padding:20px 40px 40px;position: absolute;top: 24%;right: 10%;}
.login-area-pad h3{border-bottom: 1px solid #f0f0f0;font-size: 22px;padding-bottom: 15px;font-weight: 300;}
.login-area-pad .error{margin-left: 0;}
.xexloginArea .login-area-pad{left: 0%;box-shadow: none;padding: 0;margin-top: -245px;}
.xexloginArea .login-area-pad h3{border-bottom: none;font-weight: 400;font-size: 34px;margin-top: 30px;}
.mb_en .login-area-pad h3{font-weight: 600;font-size: 32px;color: #151e27;}
.mb_en .login-area-pad{border-radius: 6px;left: 50%;margin-left: -231px;}