html{-webkit-text-size-adjust:none;width:100%;height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, th, td, p, blockquote, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0px;padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline;*zoom: 1;}
::-ms-clear, ::-ms-reveal {display: none;}
body {width: 100%; height:100%;word-wrap: break-word; padding: 0px;text-align: left;font: 13px/1.8 "Microsoft Yahei",Helvetica,Tahoma,NSimSun,Arial\5B8B\4F53;color: #444;}
input, select, textarea, button {font-size: 100%;outline: none;}
*:focus {outline: none}
table {border-collapse: collapse;border-spacing: 0;}
li {list-style: none;*margin-left: -1px}
span {vertical-align: middle;}
a {color: #333;text-decoration: none;}
a:hover{ text-decoration: underline; }
a:focus {outline: none;}
.clearfix {_height:1%;*zoom: 1;}
.clearfix:before,.clearfix:after{content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.clearfix:after {clear:both;}
.help-block{display: block;color: #999999}
.font-weight-normal {font-weight: normal}
.font-weight-bold {font-weight: bold}
.pull-right{float:right}
[v-cloak]{display:none;}
/*背景*/
.login-bg {background: url(images/login_bg.jpg) no-repeat;background-size: auto;background-size: cover;background: none\9;*background: 0 0;z-index: 1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;}

/*基础样式*/
.el-form-item {padding: 0px;}
.el-input-group__append {padding: 0px 5px;}
.controls .el-button {display: block;width: 100%;}
.copyright{text-align:center;}
.text-primary {color: #2888e2;}
a.text-primary:hover,a.text-primary:focus {color: #196ebd}

.form-control {border-color: #e0e0e0;border-radius: 0px;height: 40px;box-shadow: inset 0px 0px 0px rgba(0,0,0,0);}
.input-group-btn .btn {padding: 9px 12px;}
.form-group {margin-left: 0px;margin-right: 0px;}
.form-group .btn-verificationCodeImg {
        padding: 0px;
        width: 100px;
        height: 40px;
        vertical-align: central;
        border-radius: 0px;
        overflow: hidden
    }

        .form-group .btn-verificationCodeImg img {
            border-radius: 5px
        }

    .form-group .controls .box-verificationCodeImg {
        display: block;
        position: absolute;
        right: 2px;
        top: 5px;
        width: 110px;
        text-align: center;
    }
.form-group .controls-submit {padding-top: 20px;}

.main{width: 100%;min-height:100%;display: flex;align-items: center;flex-direction:column;justify-content:center;}

/*登录注册界面样式*/
.login-box {position:relative;z-index:3;max-width:100%;width:350px;margin: 0px auto;background-color:rgba(255,255,255,0.95);padding:30px 50px 50px 50px;border-radius:5px;}
.login-logo{display:block;width:100%;text-align:center}
.login-logo img{max-width:100%;max-height:100px;border:0px;}
.login-box .el-form--label-top .el-form-item__label {padding: 0px;}
.login-box > .header {padding: 20px 0px;color: #fff}
.login-box > .header a {color: #fff}
.login-box .login-sign {text-align:left;margin-top:0px;line-height: 40px;margin-top:20px;margin-bottom:10px; color: #666666;font-size: 16px;font-weight:500;}
.login-box .login-sign span{float:left;width:50%;font-size:16px;font-weight:400;text-align:center;cursor: pointer;border-bottom: 1px solid #cccccc;}
.login-box .login-sign span.active{color:#ff552e;border-bottom: 1px solid #ff552e;}

.login-box .form-group {margin-bottom: 20px}
.login-box .btn-submit {color: #fff;font-size: 16px}
.login-box .cookbox {height: 30px;line-height: 30px}
.login-box .cookbox label {font-weight: normal;}

.login-box .quickLogin {padding-top:0px;margin-bottom:0px;}
.login-box .quickLogin .name {color: #999999;}
.login-box .quickLogin h5{font-size:14px;font-weight:normal;}
.login-box .oauth2-login{height:40px;text-align:left}
.login-box .oauth2-login .oauth2-login-item{display:inline-block;text-align:left;width:40px;height:40px;}
.qq-icon{background: url(images/login/icon_qq.png) no-repeat left center;}
.weixin-icon {background: url(images/login/icon_weixin.png) no-repeat left center;}
.alipay-icon {background: url(images/login/icon_alipay.png) no-repeat left center;}

/*注册界面 >> 会员组选择区域*/
.reg-box {max-width:100%;width:450px;}
.reg-box .reg-member-group {padding:20px 0px 10px 0px; }
.reg-box .el-form-item,.find-pass-box .el-form-item{margin-bottom:0px;}

/*注册成功界面*/
.reg-success-box {position: relative;z-index: 3;max-width: 600px;_width: 600px;margin: 0px auto;background-color: rgba(255,255,255,0.9);}
 .reg-success-box .icon {display: inline-block;vertical-align: middle; margin-right: 20px;color: #5fc643;font-size: 60px;}
.reg-success-box h2 {font-weight: bold;font-size: 18px;white-space: normal;color: #666;line-height: 140%}
.reg-success-box .text-remark {text-align: left;color: #999;font-size: 14px;padding: 20px 0px;line-height: 25px;}
.findPass .media { padding: 20px 0px}

/*底部*/
.footer {position:fixed;z-index:1;width: 100%;bottom:0px;}
.footer .copyright {padding-top: 15px;padding-bottom:10px;}
.footer .copyright,.footer .copyright a {color: rgba(255,255,255,0.6)}
.button-spacing{padding-top:20px;padding-bottom:15px;}
