*{
    margin:0;
    padding:0;
}
img{
    border:0;
    outline:none;
    display: block;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button, b, s{
    padding:0;
    margin:0;
    outline:none;
}
body, label, input, button, select{font-family:'Microsoft YaHei', 微软雅黑, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;}
body{ background:url(images2/bg.png); background-size: auto 840px;}
.header{ height: 110px;}
.header img{ padding: 20px 0 15px 113px; width: 246px;height: 68px;}

.main{ height:496px;position: relative; background:url(images2/main-bg.png) left top;}
.main-left {float: left;margin-top: 1%;margin-left: 5%;}
.main-right {float: right; position: absolute;right: 110px}
.main-right .title {height:70px; position:relative;}
.main-right .title img{position:absolute;  top:0;  bottom:0;  left:0;  right:0;  margin:auto;}
.main-right .login-form{border:1px solid #ffffff; background-color:#fffffe;border-radius: 4px;}
.main-right .login-form span{font-size: 16px; color: #666666;}
.main-right .login-form .col{height: 40px; line-height: 40px;margin: 26px 20px;}
.main-right .login-form .col i{width: 25px; height: 25px; line-height: 25px; margin-top: 7px; display: block; float: left;}
.main-right .login-form .col i.icon-user{background:url(images2/icon-user.png) left top}
.main-right .login-form .col i.icon-pwd{background:url(images2/icon-pwd.png) left top}
.main-right .login-form .col i.icon-as{background:url(images2/icon-as.png) left top}
.main-right .login-form .col i.icon-code{background:url(images2/icon-code.png) left top}
.main-right .login-form .col span{margin-left: 20px;}

.main-right .login-form .login-icon span{font-size: 14px; color: #666666;line-height: 19px;margin-right: 16px;float: right}
.main-right .login-form .login-icon{height: 19px;width: 415px;line-height: 19px;margin-top: 10px;margin-right: 20px;}
.main-right .login-form .login-icon i{width: 15px; height: 15px; line-height: 19px; margin-top: 2px; margin-right:6px;display: block; float: right;}
.main-right .login-form #qrcodeLogin i{width: 30px; height: 27px; line-height: 27px; margin-top: 0px;display: block;float: left}
.main-right .login-form .login-icon i.icon-computer-login{background:url(images2/computer-login.png) left top}
.main-right .login-form .login-icon i.icon-no-account-login{background:url(images2/computer-login.png) left top}
.main-right .login-form .login-icon i.icon-phone-login{background:url(images2/phone-login.png) left top}
.main-right .login-form .login-icon i.icon-qrcode-login{background:url(images2/qrcode-login.png) left top}
.main-right .login-form i.icon-phone{background:url(images2/icon-phone.png) left top}
.main-right .login-form #qrcodeLogin i.foot-qrcode{background:url(images2/foot-qrcode.png) left top}
.main-right .login-form #qrcodeLogin i.code-refresh{background:url(images2/code-refresh.png) left top}
.main-right .login-form i.icon-get-code{background:url(images2/icon-get-code.png) left top;width: 93px; height: 36px; line-height: 36px; margin: 0px 17px 0px 0px; display: block; float: right;}
.main-right .login-form #phoneLogin input{
    display: inline-block;
    padding: 7px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.main-right .login-form #forgetPassWord input{
    display: inline-block;
    padding: 7px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

#qrcodeLogin{
    text-align: center;
    height: 230px;
}
#computerLogin{
    display: none;
}
#phoneLogin{
    display: none;
}
#qrcodeLogin{
    display: none;
}

.main-right .login-form .col input,select{
    width: 230px;
    margin-left: 20px;
}
.main-right .login-form .col input,select{
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
.main-right .login-form .col input:focus,select:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    /*outline: thin dotted \9;*/
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.main-right .login-form .col select{
    height: 30px;
    width: 242px;
}
.main-right .login-form .user-wrapper, .pwd-wrapper, .as-wrapper{}
.main-right .login-form .user-wrapper{margin-top: 20px;}
.main-right .login-form .code-wrapper{position: relative}
.main-right .login-form .code-wrapper input{margin-right: 10px;}
.main-right .login-form .code-wrapper img{position: absolute; top: 9px;left:185px;}
.main-right .login-form .code-wrapper a{position: absolute; left:265px; }
.main-right .login-form .submit{text-align: center;margin-bottom: 20px;}
.main-right .login-form .submit .login_submit_btn{background:url(images2/btn-bg.png) left top; width: 375px; height: 57px; border: none;cursor: pointer}
.main-right .login-form .nextStep{cursor: pointer;
    text-align: center;margin-bottom: 20px;}

.footer{ padding: 22px 0 22px 0px; text-align: center}
.footer .copyright{  }
.footer a{text-decoration: none;color: black }



#messageBox{
margin-top: 5px;
}
.alert {
    position: static;
    width: 300px;
    margin: 0 auto;
    *padding-bottom: 0px;
}
.alert {
    text-align:center;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

label.error {
    background: none;
    width: 270px;
    font-weight: normal;
    color: inherit;
    margin: 0;
}
.hide {
    display:none;
}

.select2-container {
    width: 244px;
    margin-left: 20px;
    margin-bottom: 8px;
}

.main-right .login-form .select2-container .select2-chosen {
    font-size: 14px;
    margin-left: 0;
    min-height: 28px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
#logo{
    width:auto;
    float: left;
}