body {margin:0;padding:0;overflow:hidden;height:auto}
input{outline:none}
ul,li{list-style:none}
button{outline:none;}
.clearfix{zoom:1}
.clearfix:after{clear:both}
.clearfix:after,.clearfix:before{content:'\20';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.txt-input{border:1px solid #ddd;padding:4px 4px;font-size:13px;background:#fff}
.txt-input:disabled{background:#fbfbfb}
/*加载动画*/
#loading {height:100%;width:100%;background:#fff;position:absolute;z-index:999;top:0}
#loadingTab{position:absolute;left:50%;top:50%;margin-left:-102px;margin-top:-28px;padding:2px;z-index:20;height:auto;border:1px solid #CCCCFF; width:200px; background-color:#FFFFFF;}
#loadingTab a {color:#225588;text-decoration:none}
#loadingTab a:hover {color:#999900;text-decoration: underline;}
#loadingTab .loading-indicator{background:white;color:#444;font:bold 15px tahoma,arial,helvetica;padding:10px;margin:0;height:auto;}
#loading-yfo a { font:"宋体";font-size:12px;color:#999999;text-decoration:none}
#loading-yfo a:hover {color:#000000;text-decoration:none}
#loading-msg {font:"宋体",normal; font-size:12px}

.loading-bg{background-image:url(../resources/images/default/shared/large-loading.gif) !important;background-repeat:no-repeat !important;background-position:center center !important;}
/*.main-box {height:760px;}*/
.form{}
.form .field{margin-bottom:5px;padding-left:85px}
.form .field>*{vertical-align:middle}
.form .field .lab{width:85px;float:left;margin-left:-85px;font-size:13px;line-height:29px;text-align:right}
.form .txt-input{padding:6px 5px}
.form .field button{height:29px;line-height:29px;border:1px solid #2196f3;background:#03a9f4;color:#fff;font-size:13px}
.form .field button:active{background:#2196f3}
.form .field button:disabled{opacity:0.4}

/*中间区*/
.main-box .logo{width:900px;margin:0 auto;padding:10px 0;position:relative;min-height:90px}
.main-box .center-box {height:600px;background:#effafc;position:relative}
/*box-970 登录页左侧logo和登录表单*/
.main-box .box-970{width:970px;height:100%;position: absolute;top:0;left:50%;margin-left:-485px;z-index:10}
.main-box .box-970 .login-logo {width:451px;position:absolute;top:135px}
.main-box .box-970 .login-logo img {max-width:520px}
.main-box .box-970 .login-panel{width:300px;background:#fff;position:absolute;top:135px;right:50px;-moz-box-shadow:0px 0px 6px #3D3D3D; -webkit-box-shadow:0px 0px 6px #3D3D3D; box-shadow:0px 0px 6px #3D3D3D;overflow:hidden}
.main-box .login-panel h3 {padding:0;margin:0;color:#616161}
.main-box .login-panel h3 a{font-size:12px;color:#999;font-weight:normal;text-decoration:none}
.main-box .login-panel h3 > *{vertical-align:bottom}
.main-box .input-box {height:30px;width:240px;border:1px solid #B1B1B1;box-sizing: content-box;position:relative;background:#fff}
.main-box .input-box .icon {width:30px;height:30px;float:left;background-position:center center;background-repeat:no-repeat;margin:0}
.main-box .input-box .input2 {float:left;width:210px;height:30px;position:relative;overflow:hidden;margin:0;}
.main-box .input-box .input2 input,
.main-box .input-box .input2 .placeholder {font-size:12px;padding:0px 4px;height:30px;line-height:30px;width:202px;background-color:transparent;position:absolute;top:0;left:0;border-width:0;z-index:2}
.main-box .input-box .input2 .placeholder {color:#CACACD;z-index:1}
.main-box .input-box .input2.zt {width:175px}
.login-panel-wrap{width:600px}
/*登录表单*/
.login,
.login-v{float:left;width:244px;padding:25px 28px;height:270px;position:relative}
.login{padding-bottom:10px;height:285px}
.login .others{padding-top:20px}
.login .taobao,
.login .workwx{float:left;margin-right:20px;height:28px;width:28px;background-size:contain;background-repeat:no-repeat}
.login .taobao{background-image:url(../img/tb.png);}
.login .workwx{background-image:url(../img/workwx.png);}
/*二维码*/
.qrcode-wrap{margin-top:15px;display:none;text-align:center;min-height:189px;position:relative}
.qrcode-wrap .exp{position:absolute;z-index:2;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,0.93);font-weight:700;font-size:13px}
.qrcode-wrap .exp a{color:#3287dc}
/*验证*/
.login-v h3 a{font-size:22px;color:#616161;text-decoration:none}
.login-v h3 a:hover{color:#ff0000}
/*帐套下拉*/
.select_arrow,
.select_arrow_after{position:absolute;content:'';right:6px;top:12px;border:8px solid transparent;border-top:8px solid #aaa;z-index:2;-webkit-transform-origin:50% 20%;-moz-transform-origin:50% 20%;-ms-transform-origin:50% 20%;transform-origin:50% 20%;transition:all 150ms ease-in-out;cursor:pointer}
.cast_rotate{transform-origin:50% 20%;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.combo-list {position:absolute;border:1px solid #B1B1B1;top:30px;left:29px;max-height:155px;min-height:93px;width:210px;background:#fff;margin:0;padding:0;list-style:none;font-size:12px;overflow:hidden;overflow-y:auto}
.combo-list li {height:30px;line-height:30px;padding:0 5px;border-bottom:1px solid #e6e6e6;cursor:default;overflow:hidden}
/*.combo-list li:last-child {border-bottom-width:0}*/
.combo-list li:hover {background-color:#ddd;border-bottom-color:#ddd}
.combo-list li.select {background-color:#00529f;border-bottom-color:#00529f;color:#fff}

.main-box .input-box .combo-btn {width:35px;height:30px;float:left;position:relative}
.main-box .login-btn {height:30px;width:240px;border:1px solid #0A5AA4;color:#fff;background-color:#3287dc;display:block;text-decoration:none;text-align:center;line-height:30px}
.main-box .login-btn:hover {background: #1771cc;}
.main-box .login-btn.disabled{background:#55a7f9;border-color:#3595f5;pointer-events: none}
/*登录页轮播图*/
.main-box .login-slider{z-index:0}
.main-box .login-slider .sliders{height:600px;width:100%;padding:0;margin:0}
.main-box .login-slider .sliders li{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;display:none;background-position:center center}
.main-box .login-slider .sliders li.current{z-index:2}
.main-box .foot{text-align:center;color:#9D9E9B;line-height:20px;font-size:12px;padding-top:10px}
.main-box .foot div:last-child{padding-top:10px}
.main-box.h768 .center-box{height:450px}
.main-box.h768 .box-970 .login-logo {top:90px}
.main-box.h768 .box-970 .login-logo img {max-width:480px}
.main-box.h768 .box-970 .login-panel {top:70px}

.icon-user {background-image:url(../img/login/login_input_user.gif)}
.icon-password {background-image:url(../img/login/login_input_password.gif)}
.icon-zt {background-image:url(../img/login/login_input_book.gif)}

.lan-wrap{text-align:right;position:absolute;top:5px;right:10px;font-size:13px; }
.lan-wrap>*{vertical-align:middle}

/*企业微信新公司*/
.error-wrap{display:flex;justify-content:center;align-items:center;height:90%}
.error-wrap .error{display:flex;flex-direction:row;max-width:600px;align-items:center}
.error-wrap .icon{width:48px}
.error-wrap .msg{padding:0 20px;align-items:center;display:flex;flex:1;font-size:16px;word-break:break-all;}
.corp-wrap{width:500px;margin:0 auto}
.corp-wrap h2{text-align:center;font-size:24px;padding:100px 0 40px 0;color:#3187dc;margin:0}
.corp-wrap h4{text-align:center;font-size:16px;color:#3187dc;margin:0}
.corp-wrap .form{height:210px;width:245px;margin:0 auto}
.corp-wrap .tip{font-size:13px;color:#ff0000;text-align:center}
.corp-wrap .type-form,
.corp-wrap .type-form2{margin:0 auto;padding-top:20px}
.corp-wrap .type-form .item,
.corp-wrap .type-form2 .item{padding-top:15px}
.corp-wrap .type-form .item{display:flex;flex-direction:row;align-items:center}
.corp-wrap .type-form .item input[type="radio"]{margin:0 5px 0 0}
.corp-wrap .type-form2 h3{font-size:18px;padding-top:30px;text-align:center}
.corp-wrap .bind-form{margin:0 auto}
.corp-wrap .btns{text-align:center}
.corp-wrap .btns button{background:#10adfd;color:#fff;font-size:14px;border-radius:3px;border:0;width:120px;height:30px;line-height:30px}
.corp-wrap .btns button:active{background:#0da8f7}
.main-box.h768 .corp-wrap h2{padding-top:50px}

.foot-link{position:absolute;bottom:25px;right:28px;font-size:12px;text-decoration:none}
.foot-link>*{display:inline-block;vertical-align:middle}
.foot-link .drp-icon{font-size:14px;padding-right:3px;color:#ff0000}
.foot-link.connected .drp-icon{color:#3287dc}
.foot-link span{text-decoration:underline;color:#3287dc;}
/*拼图验证*/
.block{position:absolute;left:0;top:0}
.sliderContainer{position:relative;text-align:center;line-height:40px;background:#f7f9fa;color:#45494c;border-radius:2px}
.sliderbg{position:absolute;left:0;right:0;top:0;background-color:#f7f9fa;height:40px;border-radius:2px;border:1px solid #e6e8eb}
.sliderContainer_active .slider{top:-1px;border:1px solid #1991fa}
.sliderContainer_active .sliderMask{border-width:1px 0 1px 1px}
.sliderContainer_success .slider{top:-1px;border:1px solid #52ccba;background-color:#52ccba!important}
.sliderContainer_success .sliderMask{border:1px solid #52ccba;border-width:1px 0 1px 1px;background-color:#d2f4ef}
.sliderContainer_success .sliderIcon:before{content:"\e657";color:#fff}
.sliderContainer_fail .slider{top:-1px;border:1px solid #f57a7a;background-color:#f57a7a!important}
.sliderContainer_fail .sliderMask{border:1px solid #f57a7a;background-color:#fce1e1;border-width:1px 0 1px 1px}
.sliderContainer_fail .sliderIcon:before{content:"\e619";color:#fff}
.sliderContainer_active .sliderText,.sliderContainer_fail .sliderText,.sliderContainer_success .sliderText{display:none}
.sliderContainer_active .sliderIcon:before{color:#fff}
.sliderMask{position:absolute;left:0;top:0;height:40px;border:0 solid #1991fa;background:#d1e9fe;border-radius:2px}
.slider{position:absolute;top:0;left:0;width:40px;height:40px;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear;border-radius:2px;display:flex;align-items:center;justify-content:center}
.slider:hover{background:#1991fa}
.slider:hover .sliderIcon{background-position:0 -13px;color:#fff}
.sliderText{position:relative}
.refreshIcon{position:absolute;right:0;top:-50px;cursor:pointer;margin:6px;color:rgba(0,0,0,.25);font-size:20px;z-index:5;transition:color .3s linear}
.refreshIcon:hover{color:#6c757d}

/* h5 如：corp.aspx在移动端显示 */
.h5 .main-box .logo{display:none}
.h5 .main-box .box-970{width:auto;position:static;margin-left:0;left:0}
.h5 .center-box{height:550px}
.h5 .corp-wrap{width:auto;}
.h5 .corp-wrap h2{padding-top:60px}
.h5 .foot{padding:10px}
.h5 .error-wrap .icon{margin-bottom:30px;width:60px}
.h5 .error-wrap .error{display:flex;flex-direction:column;align-items:center}

/*动画*/
.loader{padding:35px 0 25px 0;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000}
.loader .timerWrap{position:relative;animation:timerRotate 1s infinite ease;-webkit-animation:timerRotate 2s infinite ease;-moz-animation:timerRotate 2s infinite ease;-ms-animation:timerRotate 2s infinite ease;width:80px;height:106px;margin:auto}
.loader .timerWrap:before{content:"";width:0;height:0;border-style:solid;border-width:45px 31px 0 31px;border-color:#e08f24 transparent transparent transparent;position:absolute;top:9px;left:0;right:0;margin:auto;animation:topEmpty 2s infinite ease;-webkit-animation:topEmpty 2s infinite ease;-moz-animation:topEmpty 2s infinite ease;-ms-animation:topEmpty 2s infinite ease}
.loader .timerWrap:after{content:"";width:0;height:0;border-style:solid;border-width:0 31px 45px 31px;border-color:transparent transparent #e08f24 transparent;position:absolute;bottom:9px;left:0;right:0;margin:auto;animation:bottomFill 2s infinite ease;-webkit-animation:bottomFill 2s infinite ease;-moz-animation:bottomFill 2s infinite ease;-ms-animation:bottomFill 2s infinite ease}
.loader .timerWrap .timer{width:80px;height:106px;position:relative;top:0;left:0}
.loader .timerWrap .timer path{fill:#3f6b9d}

@-webkit-keyframes timerRotate{0%{transform:rotateZ(0)}
50%{transform:rotateZ(0)}
100%{transform:rotateZ(-180deg)}
}
@-moz-keyframes timerRotate{0%{transform:rotateZ(0)}
50%{transform:rotateZ(0)}
100%{transform:rotateZ(-180deg)}
}
@-ms-keyframes timerRotate{0%{transform:rotateZ(0)}
50%{transform:rotateZ(0)}
100%{transform:rotateZ(-180deg)}
}
@keyframes timerRotate{0%{transform:rotateZ(0)}
50%{transform:rotateZ(0)}
100%{transform:rotateZ(-180deg)}
}
@-webkit-keyframes bottomFill{
    0%{border-bottom-width:0}
    50%{border-bottom-width:45px}
    100%{border-bottom-width:45px}
}
@-moz-keyframes bottomFill{
    0%{border-bottom-width:0}
50%{border-bottom-width:45px}
100%{border-bottom-width:45px}
}
@-ms-keyframes bottomFill{
    0%{border-bottom-width:0}
50%{border-bottom-width:45px}
100%{border-bottom-width:45px}
}
@keyframes bottomFill{
    0%{border-bottom-width:0}
50%{border-bottom-width:45px}
100%{border-bottom-width:45px}
}
@-webkit-keyframes topEmpty{
    0%{top:8px;border-top-width:45px;border-left-width:31px;border-right-width:31px}
50%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
100%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
}
@-moz-keyframes topEmpty{
    0%{top:8px;border-top-width:45px;border-left-width:31px;border-right-width:31px}
50%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
100%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
}
@-ms-keyframes topEmpty{
    0%{top:8px;border-top-width:45px;border-left-width:31px;border-right-width:31px}
50%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
100%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
}
@keyframes topEmpty{0%{top:8px;border-top-width:45px;border-left-width:31px;border-right-width:31px}
50%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
100%{top:53px;border-top-width:0;border-left-width:0;border-right-width:0}
}