@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,select,textarea,p,blockquote,th,td,hr,button,figure,menu{margin:0;padding:0;}
body{font-size:12px;line-height:22px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
a img{border:none; vertical-align:top;}
a{ text-decoration:none;}a:hover{ text-decoration: underline;}
i{ font-style:normal;}
.clearfix:after{ content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.wrap, .header_inner, .topbar_box{ width:1000px;}
/* 主体 */
.fl{ float:left}
.fr{ float:right}
.login_top{ width:1000px; margin:0 auto; padding:20px 0 0; height:50px;}
.lv_logo,.lv_logo a{ width:175px; height:57px; position:relative;}
.lv_logo{  float:left; background:url(../images/logo.jpg) no-repeat;}
.lv_logo a{ display:block;  text-indent:-999px; *background:url(about:blank);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
    .lv_logo {
        background: url(../images/logo.jpg) no-repeat 0 0;
        background-size: contain;
    }
}

.lv_logo_keywords{float:left;height:37px; line-height:37px; text-indent:10px; margin-left:10px; border-left:1px solid #CCCCCC; font-size:22px; color:#666666; font-weight:normal;
    margin-top:10px;}

.login-wrap{overflow:hidden !important; width:100%; position:relative;background:url(../images/loginbg.jpg); margin:30px 0px;}
.login-main-box{  width:100%; height:520px; position:absolute; top:50%; margin-top:-260px; z-index:3; left:50%; margin-left:-960px;}
.login-main-box .img-box{display:block; width:1920px;}
.login-box{ width:350px;position:relative; left:50%; margin-left:145px; z-index:9;padding:30px 0;} 
.user-box{height:320px; min-height:320px; padding-bottom:20px; height:auto !important; background:#fff;box-shadow:0px 0px 2px #a6a6a6;}
.tab{ background:url(../images/tab-bg.jpg) repeat-x; overflow:hidden; zoom:1;}
.tab li{ float:left; font-size:16px;color:#666; height:46px; line-height:46px; text-align:center; width:175px; cursor:pointer;}
.tab .left{background:url(../images/active-bg.jpg) right 0 no-repeat;}
.tab .right{background:url(../images/active-bg.jpg) left 0 no-repeat;}
.tab .active{ background:#fff; color:#333;}

.content{ padding:30px 25px 0; display:none;}
.content .ipt-box li{ margin:0 0 15px 0 ; position:relative;}
.content .ipt-box .last{ margin:0;}
.content .ipt-box .pswd{ margin:0 0 15px 0}
.content .ipt-box .error{ border:1px solid #b82a63; background:#fef2f9;}
.content .user-ipt{border:1px solid #aaa;box-shadow:1px 1px 1px #cecece inset;width:288px; line-height:38px; height:38px; vertical-align:middle;padding:0 0 0 10px;font-size:14px;color:#333;}
.content .width{width:154px;}
.content .name{ background:url(../images/user-bg.png) no-repeat 12px 3px; padding:0 0 0 38px; height:22px;font-size:16px; color:#bababa;top:0; left:0; position:absolute; margin:10px 0 0;}
.content .passwd{background:url(../images/user-bg.png) no-repeat 12px -39px ; padding:0 0 0 38px;height:22px; font-size:16px; color:#bababa;top:0; left:0;position:absolute;margin:10px 0 0;}
.content .dynamic{padding:0 0 0 12px;height:22px; font-size:12px; color:#bababa;top:0; left:0;position:absolute;margin:10px 0 0;}

.content .code{border-radius: 2px; border:1px solid #ccc; color:#666; text-align:center; display:block; width:122px; height:38px; line-height:38px; font-size:14px; background:url(.../images/code-bg.jpg) repeat-x;}
.content .code:hover{ text-decoration:none; background:#f5f5f5;}
.content .time:hover{ text-decoration:none; }
.content .time{ display:none; border:1px solid #ccc; color:#999; text-align:center;width:122px; height:38px; line-height:38px; font-size:14px; background:url(.../images/code-bg.jpg) repeat-x;}
.content .time em{ color:#f60; margin:0 2px 0 0; font-style:normal;}
.content .check-box{color:#666; font-size:14px;}
.content .check{ vertical-align:middle; margin:0 5px 0 0;}
.content .link{ color:#09c;font-size:14px;}
.content .link:hover{ color:#f60; text-decoration:underline;}
.content .loing-btn{display:block; background:#e38; border-radius:2px; height:42px; line-height:42px; color:#fff; text-align:center; font-size:18px;width:300px;}
.content .loing-btn:hover{ background:#dd3377; text-decoration:none;}
.content .lv-member{ margin:12px 0 0; color:#999; font-size:14px;line-height:18px;}
.ac-iphone{ margin:28px 0 0}
.forget_pw{margin: -7px 0 15px 0;}


.yanzhen{ display:none;}

/*验证样式*/

.validateErrorTip{ background:#fff; border:1px solid #ccc;position: absolute;box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);padding:8px 15px 8px 10px;font-size: 12px;line-height: 1.5;z-index: 100;top:6px; right:345px; display:none;}
.validate-error-arrowR{ right:8px;height: 14px;position: absolute;top:12px;}
.validate-error-arrowR i{ color:#fff;}
.validateContent{ font-size:14px;background:url(../images/close.png) 0 center no-repeat; padding:0 0 0 22px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.validate-arrow i, .validate-arrow em, .validate-error-arrowR i, .validate-error-arrowR em, .validate-error-arrowB i, .validate-error-arrowB em{font-size: 14px;
font-style: normal;font-weight: normal;line-height: 1;position: absolute;}
.validate-error-arrowR em, .validate-error-arrowB em{ color:#ccc; left:2px;}

/*****弹出层动画*******/
.validateErrorTip{
-webkit-animation:flipInX .6s .2s ease both;
-moz-animation:flipInX .6s .2s ease both;}
@-webkit-keyframes flipInX{
0%, 100% {-webkit-transform: translateX(0);}  
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);}  
20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);}  

}
@-moz-keyframes flipInX{
0%, 100% {-webkit-transform: translateX(0);}  
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-3px);}  
20%, 40%, 60%, 80% {-webkit-transform: translateX(3px);}  
}

/*更多账号登录*/
.login_more{position:absolute;top: 38px;left: 150px;color:#999;font-size:14px;}
.login_more em{margin:0 0 0 3px;}

/*公告主体*/
.noticeWarp{ background:#f5f5f5; width:100%; position:relative;overflow:hidden;margin: 25px 0 0;}
.noticeBody{ width:1000px; margin:0 auto; padding:18px 0 40px;}
.noticeTitle{ height:24px; line-height:24px;ont-size:24px; color:#333; font-weight:normal; text-align:center;}
.noticeCotent{ background:#fff; border:1px solid #e3e3e3; padding:40px 50px; margin:20px 0 0;}
.wordBody{ font-size:16px; color:#333; line-height:30px; text-indent:2em;}
.phoneBind{ margin:35px 0 0; overflow:hidden;}
.phoneTitle,.loginTitle{ font-size:18px; height:20px; line-height:20px; font-weight:normal; color:#999; margin:0 0 15px 0}
.otherLogin{ margin:30px 0 0;}
.loginTitle{ border-bottom:1px dotted #ccc; padding-bottom:12px;}
.icon li{ float:left; color:#666; font-size:14px; margin-right:30px;}
.foot{ height:24px; line-height:24px; padding:13px 0; text-align:center; width:100%;}