html {
    color: #333;
}

body {
    min-width: 1200px;
}

html,body {
    margin: 0;
    height: 100%;
    font-family: "微软雅黑", "宋体", serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}



img {
    border: 0;
}

body {height: 495px; background: url(../img/loginbg.jpg) center no-repeat;background-color: #edf7f5; width: 100%;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

.loginInfo { width: 1080px; height: 380px; margin: 0 auto;}
.rInfo {float: right;background-color: #ffffff;width: 380px;border: 8px solid #369ffa;margin-top: 280px;}
input{padding-left: 36px;outline: none;color: #333;/* border-color: #dbe1ea; */border: 1px solid #dbe1ea;/* border-color: red; *//* background-color: orange;border: none; *//* font-size: 14px; */}
/* 浣跨敤webkit鍐呮牳鐨勬祻瑙堝櫒 */
input::-webkit-input-placeholder{color: #bac3d3;}
/* Firefox鐗堟湰4-18 */
input:-moz-placeholder{    }
/* Firefox鐗堟湰19+ */            
input::-moz-placeholder{}
/* IE娴忚鍣� */               
input:-ms-input-placeholder{}
input[type="checkbox"]{-webkit-appearance: none;vertical-align:middle;/* line-height: 17px; */margin-top:0;background:#fff;border:#dbe1ea solid 1px;
 border-radius: 2px;min-height: 15px;min-width: 15px;padding: 0;position: relative;}
input[type="checkbox"]:checked {background: #3190e8;}
input[type=checkbox]:checked::after{content: '';top: 2px; left: 2px;position: absolute;background: transparent;border: #fff solid 2px;border-radius: 2px;
border-top: none;border-right: none;height: 4px; width: 8px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.l_float{float:left;}
.r_float{float: right;}
.r_clear{clear: right;display: block;overflow: hidden;content: "";}
.b_clear{clear: both;display: block;overflow: hidden;content: "";}
.show{display: block;}
.hidden{display: none;}
/* 琛ㄥ崟涓讳綋 */
.login_body{background-color: #fff;padding: 20px;color: #333;/* border: 1px solid salmon; */ width: 340px;}
.login_body,.login_otherAccount{}
.login_body>.login_top{border-bottom: 1px solid #dbe1ea;}
.login_body>.login_top>.top_tag{cursor: pointer;padding: 10px;font-size: 16px;color: #bac3d3;margin-right: 5px;}
.login_body>.login_top>.top_tag_active{color: #333;border-bottom: 2px solid blue;}
.login_form{ max-height: 225px;}
.login_form>.qr_code{/* width: 380px;margin: 0 auto; */text-align: center;margin-top: 20px;}
.login_form>.qr_code>p{color: #333}
.login_form>.qr_code>img{/* width: 100px; */height: 175px;background-color: greenyellow;}
.login_form input[type=text],.login_form input[type=password]{height: 40px;display: block;}
.login_form input[type=text],
.login_form input[type=password],
.login_form .auto_login,
.login_form button{margin-top: 15px;font-size: 14px;}
.login_form .auto_login>input[type=checkbox],
.login_form .auto_login>label,
.login_form .auto_login>.forget_password{vertical-align: middle;font-size: 12px;}
.auto_login>a{color: #333; text-decoration: none;}
.auto_login>a:hover{text-decoration: underline;}
.login_form .auto_login>label{padding-left: 5px;}
.login_form input[type=text],
.login_form input[type=password]{width: 300px;}
.login_form .user_icon,.login_form .pwd_icon{position: relative;}
.login_form .user_icon img,.login_form .pwd_icon img{ width: 22px;position: absolute;}
.login_form .user_icon img,.login_form .pwd_icon img{ top: -32px;left: 8px;}
.login_form button{padding: 12px 0;font-size: 16px;width: 300px;background: -webkit-gradient(linear, left top, right bottom, from(#3594ff), to(#1652f1));text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1.5em;  -moz-border-radius: 1.5em;border-radius: 1.5em; -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 5px 2px rgba(0,0,0,.5);box-shadow: 0 0px 16px 0 rgba(99,143,247,0.7), 0 0px 20px 0 rgba(99,143,247,0.7); outline: none; border: none;border-radius: 30px;color: #fff;margin-bottom: 20px;}
.login_form button:hover{background-color: rgb(49, 65, 211);}
.con_r .login_otherAccount{padding:20px;background-color: #fafbfc;font-size: 12px;border-top: 1px solid #efefef;}
.con_r .login_otherAccount span{}
.con_r .login_otherAccount a{margin-left: 5px;}
.con_r .login_otherAccount a img{width: 20px;vertical-align: middle;}