.inputlogin{height:20px;width:220px;color:#000;outline:none;border:none;outline:medium;font-size:13px;padding:5px 5px;}
.loginbutton{background:#448aca;border:0;font-size:18px;cursor:pointer;color:#fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:11px 0px;width:290px;}
.loginbutton:disabled{background:#448aca;color:#fff;opacity:0.5;}
.login_beijing {background:url(../../assets/img/main_bg.jpg) center center no-repeat;background-size:cover;height:600px;}
.login_main{width:80%;margin:0 auto;max-width:1024px;}
.login_left{float:left;margin-top:36px;}
.login_right{float:right;}
.login_zong{width:350px;border:1px solid #fff;background-color:#fff;position:relative;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.login_table{padding-bottom:20px;padding-left:30px;padding-right:30px;}
.kuang{border:1px solid #ddd;padding:5px 10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.col-left h2 {font-size: 32px;margin-top: 55px;color: #4f3e42;line-height: 43px;font-weight: 600;}
.apply .zhuce {color: #448aca;font-size: 14px;cursor: pointer;}
.apply .zhuce:hover {text-decoration:none}
.login_table .login_title {font-size: 18px;text-align: center;font-weight: bold;color: #505a78;}
.login-logo {width:60%;margin:0 auto 30px;height:60px;border-bottom:1px solid #d4d4d4;min-width:800px;max-width:1100px;min-width:800px;font-size: 26px;color: #666;font-weight: 600;}
#header {height: 60px;}
#header .fix-head {position: fixed;height: 60px;width: 100%;background: #fff;-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);box-shadow: 0 2px 8px rgba(0,0,0,.4);z-index: 9999;}
#header .fix-head .page-head {max-width: 1200px;height: 60px;margin: 0 auto;overflow: hidden;position: relative;width:75%;}
#header .fix-head .page-head .page-logo {margin-top:6px;float:left;} 
ul.nav-list {float: right;list-style: none;margin: 0px;}
ul.nav-list li {font-size:16px;color:#505a78;line-height:60px;} 
.page-logo{display: block;float: left;font-size: 28px;font-weight: 600;color: #333;margin-top: -6px;}
.zhuceleft{float:left;width:48%;}
.zhuceright{float:right;width:48%;}
.register_table{max-width:675px;padding:5% 5%;border:1px solid #fff;border-radius:6px;background-color:#fff;position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0px 0px 20px #bababa;-webkit-box-shadow:0px 0px 20px #bababa;box-shadow:0px 0px 20px #bababa;margin:0 auto;}
.register_main{width:60%;margin:0 auto;}
.login_btn{text-align:center;}

.blank15{height:15px;overflow: hidden;width: 100%;}
.blank10{height:10px;overflow: hidden;width: 100%;}
.blank20{height:20px;overflow: hidden;width: 100%;}
.blank40{height:40px;overflow: hidden;width: 100%;}

.uneditable-input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    min-height:30px;
    border:0;
}
.kuang img{padding-top:10px;}
.header { position: relative; }
.login_left{width:50%}

@media screen and (max-width:480px) {
.login_main{width:90%;}
.header{display:none;}
.login_left {float:left;margin-top: 0px;margin-bottom:8%;width: 100%;text-align: center;}
.col-left h2 {margin-top: 0px;font-size:26px;color:#fff;}
.ninghao{text-align:center;}
.login_right {float: left;margin: 0 auto;width:100%;}
#topheih{height:40px !important;}
.login_table {width:100%;padding-bottom: 20px;padding-left:8%;padding-right: 8%;}
.inputlogin {width:78%;padding: 5px 5px;}
.loginbutton {width: 100%;}
.zhuceleft{float:left;padding-left:0;width:100%;}
.zhuceright{float:left;padding-left:0;width:100%;margin-top: 15px;}
.register_main {width:90%;}
.input_text {width: 80%;}
.login-logo{display:none;}
.login_beijing{height:106%;}
.blankLogin{height:25px !important}
.blank40{height:20px;}
}

@media screen and (min-width:481px) and (max-width:767px) {
.login_beijing {height:114%;}
.login_main{width:90%;}
.header{display:none;}
.login_left {float: left;margin-top: 0px;margin-bottom:8%;width: 100%;text-align: center;}
.col-left h2 {margin-top: 0px;font-size:26px;color:#fff;}
.ninghao{text-align:center;}
.login_right {float: left;margin: 0 auto;width:100%;}
#topheih{height:40px !important;}
.login_table {width:100%;padding-bottom: 20px;padding-left: 8%;padding-right:8%;}
.inputlogin {width: 86%;padding: 5px 5px;}
.loginbutton {width: 100%;}
.zhuceleft{float:left;padding-left:0;width:100%;}
.zhuceright{float:left;padding-left:0;width:100%;margin-top: 15px;}
.register_main {width:90%;}
.input_text {width: 80%;}
.login-logo{display:none;}
.blankLogin{height:25px !important}
.blank40{height:20px;}
}

@media screen and (min-width:768px) and (max-width:1024px) {
.login_beijing {/*padding-bottom:28%;*/}
.col-left h2 {margin-top: 0px;}
.login_right {float: right;width:40%}
.login_left {float: left;margin-top: 8%;margin-bottom:8%;}
.login_main {width: 90%;margin: 0 auto;}
.login_table {padding-bottom: 20px;padding-left: 8%;padding-right:8%;width:100%;}
.inputlogin {width: 86%;padding: 5px 5px;}
#header .fix-head .page-head {margin: 0 auto;width: 90%;}
.loginbutton {width: 100%;}
.register_main {width:80%;}
}

.login_bottom{display:flex;justify-content: space-between;padding: 20px;border-top: 1px solid #f1f1f1;align-items: center;}
.tishi{font-size:13px;color:#666;}
.zhucep{margin:0;}
i.fa.fa-chevron-circle-right {padding-right: 3px;}
.RegisterInput {height: 20px;width: 180px;color: #000;outline: none;border: none;outline: medium;border-bottom: 0px #e6e6e6 solid;font-size: 13px;padding: 5px 5px;}
.login-method{position:relative;}
.login-tip {position: absolute;top: 28px;right:72px;display: block;}
.poptip {line-height: 16px;position: relative;z-index: 9999;border: 1px solid #f3d995;background: #fefcee;padding: 5px 10px;}
.poptip .poptip-arrow {position: absolute;z-index: 10;top: 8px;right: 0;}
.poptip .poptip-arrow em, .poptip-arrow span {position: absolute;width: 0;height: 0;border-color: hsla(0,0%,100%,0);border-color: transparent \0;*border-color: transparent;_border-color: tomato;_-webkit-filter: chroma(color=tomato);_: chroma(color=tomato);border-style: solid;overflow: hidden;top: 0;left: 0;border-left-color: #ff9000;}
.poptip .poptip-arrow em {top: 0;left: 1px;border-left-color: #ff9000;border-width: 6px 0 6px 6px;}
.poptip .poptip-arrow span {border-left-color: #fefcee;border-width: 6px 0 6px 6px;}
.icon-qrcode{position: absolute;right: 5px;top: 24px;width: 60px;height: 60px;z-index: 2;cursor: pointer;}
.erweima-pic{position: relative;margin: 20px auto;font-size: 14px;background-color: #fff;opacity: 1;width: 170px;height: 170px;}
.erweima-pic img{margin:5px;width:160px;height:160px;}
#qrcodePCLogin {-webkit-box-shadow: 0 0 8px #c6c4ce;box-shadow: 0 0 8px #c6c4ce;}
.erweima-pic label {border-bottom: 1px solid #c9c9c9;padding-bottom: 12px;margin-bottom: 15px;display: flex;}
.erweima-pic label input {margin-right: 3px;}
.qrcode-desc {overflow: hidden;margin: 0 auto;width: 188px;}
.qrcode-desc>img{width:34px;height:34px;float: left;}
.qrcode-desc p{font-size: 12px;color: #6c6c6c;text-align: center;}
.qrcode-desc p .ft-gray{color:#B40003;}