@charset "utf-8";
/* 2015-2-4 15:01:31 */
*{ margin:0; padding:0; font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft YaHei","\5fae\8f6f\96c5\9ed1", sans-serif;}
html,body,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft YaHei","\5fae\8f6f\96c5\9ed1", sans-serif;}

::-ms-clear { display: none; }
::-ms-reveal { display: none; }

.ModuleLogin-bg{height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index:-1;}

.ModuleLogin-wrap{
    /*width: 620px; */
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 20px 0px;
}

.ModuleLogin-layer{position:fixed;top:0;left:0; z-index:9995;width:100%;height:100%;}
.ModuleLogin-layer > table{table-layout:fixed;width:100%;height:100%;}
.ModuleLogin-layer > table > tbody > tr > td{vertical-align:middle;}

.ModuleLogin-logo{
    width: 640px;
    height: 80px;
    margin: 0 auto 20px auto;
}

.ModuleLogin-logo .logo-img{
    display: inline-block;
    float:left;
    /*border-right: 1px solid #fff;*/
    width:200px;
    text-align: right;
}
.ModuleLogin-logo .logo-title{
    display: inline-block;
    float: left;
    font-size: 32px;
    color: #fff;
    padding-left:20px;
    padding-bottom:10px;
    /*padding-bottom:10px;*/
    max-width: 435px;
    max-height: 75px;
    overflow: hidden;
}
.ModuleLogin-main{width:620px; margin:0 auto;}
.ModuleLogin-main{display:block;zoom:1;}
.ModuleLogin-main:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.ModuleLogin-main .tUserWrap{position:relative; padding-bottom:20px;}
.ModuleLogin-main .tUserExt{position:absolute; right:5px; top:0; height:50px; line-height:50px; color:#999; font-size:20px;}
.ModuleLogin-main .tPasswordWrap,.ModuleLogin-main .tVerification{position:relative; padding-bottom:20px;}
.ModuleLogin-main .tUser,
.ModuleLogin-main .tPassword,
.ModuleLogin-main .tCaptchaCode{display:block; width:99%; line-height:50px; height:50px; border-radius:5px; text-indent:35px; font-size:20px;border:2px solid transparent;}
.ModuleLogin-main .tVerification:after {content: ".";display: block;height: 0px;overflow: hidden; visibility: hidden;clear:both;}
.ModuleLogin-main .tVerification .tCaptchaCode{width:210px; float:left;text-indent:12px; height:60px; line-height:60px;}
.ModuleLogin-main .tVerification .tCaptcha{ float:left; margin:0 0 0 15px; vertical-align:middle; width:130px; height:65px; display:inline-block;}
.ModuleLogin-main .tVerification .tChangeBtn { cursor:pointer; float:right;vertical-align:middle; display:block;line-height:54px;}
.ModuleLogin-main input[type="text"]:focus,.ModuleLogin-main input[type="password"]:focus,.ModuleLogin-main textarea:focus{outline:none;}

.ModuleLogin-main .tUserImg{ background:url(images/tIcon-user.png) 0 0 no-repeat; height:20px; padding-left:20px; position:absolute; left:10px; top:16px;}
.ModuleLogin-main .tPasswordImg{background:url(images/tIcon-password.png) 0 0 no-repeat; height:20px; padding-left:20px; position:absolute; left:10px; top:16px;}

.ModuleLogin-main .tSubmit{ background-color:#20a8d5; font-size:20px; display:block; width:100%; border:0; color:#fff; height:50px; cursor:pointer; border-radius:5px;}
.ModuleLogin-main .tResetPassword{padding-top:10px; text-align:right;}
.ModuleLogin-main .tResetPassword a{color:#20a8d5; text-decoration:none;}
.ModuleLogin-main .tResetPassword a:hover{ text-decoration:underline;}

.ModuleLogin-main .tTips{ color:#fff; line-height:20px; position:relative; top:-10px; display:none;}
.ModuleLogin-main .tError{ color:#fff; line-height:20px; position:relative; top:-10px;}

.ModuleLogin-main .tMainWrap{width:360px; float:right; padding:0 45px 0 25px;}
.ModuleLogin-main .tQrcodeWrap{float:left; width:180px; padding-top:20px;}
.ModuleLogin-main .tQrcode{border:1px solid #ccc; border-radius:5px; background-color:#fff; padding:5px;  width:100px; height:100px; margin:0 auto;}
.ModuleLogin-main .tQrcodeTips{ color:#fff; font-size:14px; text-align:center; padding-top:10px;}


.ModuleLogin-Copyright{ text-align:center; color:#fefefe; padding-top:40px; font-size:14px;}
.ModuleLogin-Copyright p{ margin:0; padding:0; line-height:30px;}

.Mobile-tQrcodeWrap{width:180px; padding-top:20px; margin:0 auto; display:none;}
.Mobile-tQrcodeWrap a{ text-decoration:none;}
.Mobile-tQrcodeWrap .Mobile-tQrcode{border:1px solid #ccc; border-radius:5px; background-color:#fff; padding:5px; background:#fff url(images/qrcode.png) center center no-repeat; width:100px; height:100px; margin:0 auto;}
.Mobile-tQrcodeWrap .Mobile-tQrcodeTips{ color:#fff; font-size:14px; text-align:center; padding-top:10px;}

@media (max-width: 767px) {
    .ModuleLogin-main .tMainWrap{ width:500px; padding:0; margin:0 auto; float:none;}
    .ModuleLogin-main .tQrcodeWrap{ display:none;}
    .ModuleLogin-Copyright{ display:none;}
    .Mobile-tQrcodeWrap{ display:block;}
    .ModuleLogin-main .tVerification .tCaptchaCode{width:350px;}
}

/* 2015-1-7 17:00:40 */
.yunpan-ModuleLogin{}
.yunpan-ModuleLogin{width:360px; margin:0 auto; padding-top:40px;}
.yunpan-ModuleLogin{display:block;zoom:1;}
.yunpan-ModuleLogin:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.yunpan-ModuleLogin .tLogo{ background:url(images/yunpan-logo.png) center center no-repeat; width:360px; height:80px; margin:0 auto;}
.yunpan-ModuleLogin .tMainWrap{padding:10px 15px 0;}

.yunpan-ModuleLogin .tUserWrap{position:relative; padding-bottom:20px;}
.yunpan-ModuleLogin .tUserExt{position:absolute; right:5px; top:0; height:50px; line-height:50px; color:#999; font-size:20px;}
.yunpan-ModuleLogin .tPasswordWrap{position:relative; padding-bottom:20px;}
.yunpan-ModuleLogin .tUser,
.yunpan-ModuleLogin .tPassword{display:block; width:99%; line-height:50px; height:50px; border-radius:5px; text-indent:35px; font-size:20px;}
.yunpan-ModuleLogin .tUserImg{ background:url(images/tIcon-user.png) 0 0 no-repeat; height:20px; padding-left:20px; position:absolute; left:10px; top:16px;}
.yunpan-ModuleLogin .tPasswordImg{background:url(images/tIcon-password.png) 0 0 no-repeat; height:20px; padding-left:20px; position:absolute; left:10px; top:16px;}
.yunpan-ModuleLogin .tSubmit{ background-color:#20a8d5; font-size:20px; display:block; width:100%; border:0; color:#fff; height:50px; cursor:pointer; border-radius:5px;}
.yunpan-ModuleLogin .tResetPassword{padding-top:10px; text-align:right;}
.yunpan-ModuleLogin .tResetPassword a{color:#20a8d5; text-decoration:none;}
.yunpan-ModuleLogin .tResetPassword a:hover{ text-decoration:underline;}
.yunpan-ModuleLogin .tTips{ color:#fff; line-height:20px; position:relative; top:-10px; display:none;}


.tPasswordWrap.state-error input,.tUserWrap.state-error input{
    background: #fff0f0;
}

.ModuleLogin-main .tPasswordWrap.state-error{
    padding-bottom: 2px;
    margin-bottom: 20px;
}
.ModuleLogin-main .tUserWrap.state-error{
    padding-bottom: 2px;
    margin-bottom: 20px;
}
.ModuleLogin-main .tUserWrap.state-error input+em.invalid,.ModuleLogin-main .tPasswordWrap.state-error input+em.invalid{
    color:#D56161;
    font-style: normal;
    font-size: 16px;
    padding-top:5px;
    position: absolute;
    top: 12px;
    right: 6px;
    background: #fff0f0;
}

.ModuleLogin-main .state-error{
    position: relative;
}


.login-form{
    z-index: 99999;
}

.mask-bg{
    width: 100%;
    height:100%;
    /*background: rgba(0,0,0,0.6);*/
    position: absolute;
    top:0px;
    left:0px;
}