.u-logoin a{ color:#08c}
.login-header{ margin:30px auto;}
.login-header h1{display:inline-block;vertical-align:middle;font-size:20px;font-weight:normal;padding-left:20px}
.login-content{border:1px solid #dadada;background:#fff;box-shadow:3px 3px 3px #EFEFEF; width:1200px; margin:20px auto 30px;}
.login-area{padding:30px 33px 30px 33px;overflow:hidden;height:320px;overflow:hidden}
.login-area .ad img,
.login-area .ad{width:800px;height:300px;float:left;border:0;margin:0}
/*.login-area .ad{margin-top:17px}
*/.login-area .form {  float: right; width: 292px;  overflow: hidden;}
.login-area .form p{overflow:hidden;line-height:20px;padding:12px 0}
.login-area .form p span,.login-area .form p a{float:right;+margin-top:-20px;_margin-top:-28px}
.login-area .form p strong{font-weight:normal}
.login-area .form p span{color:#b7b7b7;margin-right:10px}
.login-area .form{float:right;width:292px}
.login-area .form p span, .login-area .form p a { float: right; font-size:16px;}
.login-content .base-text-error{border-color:#e46666 !important;box-shadow:0 0 1px 0px #f37c7c}.login-content .base-text-focus{border-color:#6cb8df !important;box-shadow:0 0 1px 0px #7fcaf1}
.login-content .base-text {background:  #fff; border: 1px solid #dadada; display: inline-block; height: 36px; line-height: 36px; position: relative; vertical-align: middle;width: 290px;}
.login-area .username span, .login-area .password span { margin-left: 30px;}
.login-content .base-text span {color: #b7b7b7;font-size: 14px;left: 0;  padding-left: 5px; position: absolute; top: 0;}
.login-area .username input, .login-area .password input { margin-left: 35px; width: 227px;}
.login-content .base-text input {background: url("../images/empty.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #333; font-size: 14px;left: 0;line-height: 20px; margin-left: 5px;outline: medium none;overflow: hidden;padding: 8px 28px 8px 0; position: absolute;  top: 0; width: 257px;}
.login-content .base-text .base-close { cursor: pointer; display: none;position: absolute; right: 9px; top: 13px;}
.login-content .base-close { background-position: -78px -106px; display: inline-block; height: 10px; overflow: hidden;vertical-align: middle;width: 10px;}
.login-content .base-close:hover{background-position:-93px -106px}
.login-area .username input, .login-area .password input {   margin-left: 35px;width: 227px;}
.v-error {color: #dd5044;}
.v-ok { text-indent: 9999px;}
.v-ok, .login-area .v-error, .login-area .v-info, .login-area .v-text {display: block; height: 28px; line-height: 28px; padding: 0; font-size:12px;}
.login-area .auto-login a { float: right;}
.login-area .auto-login { color: #b7b7b7; height: 20px; line-height: 20px;}
.login-area .base-text-focus i.username{background-position:-39px 0}
.login-area .base-text-focus i.password{background-position:-39px -40px}
.login-area .password i {background-position: 0 -40px;top: 0;}

.login-area .auto-login{line-height:20px;height:20px;color:#b7b7b7}
.login-content .orange-button-mini,
.login-content .orange-button{line-height:40px;height:40px;background:#f60;color:#fff;display:inline-block;border-radius:2px;padding:0 10px;text-align:center;margin:5px;vertical-align:middle;cursor:pointer;border:0 none;position:relative}
.login-area .orange-button{display:block;margin:0px 0 0 0; width:44%;}
.login-content .orange-button:hover{text-decoration:none;background:#FF8C40}
.login-area .other-login{color:#b7b7b7;padding-top:14px;line-height:24px}
.login-area .other-login p{padding:5px 3px 0 3px;overflow:hidden}
.login-area .other-login p a{float:left;width:20px;height:19px;overflow:hidden;margin-right:10px;margin-top:0}
.login-area .other-login p a.qq{background-position:0 -251px}
.login-area .other-login p a.alipay{background-position:-25px -251px}
.login-area .other-login p a.sina{background-position:-49px -251px}
.login-area .other-login p a.qq:hover{background-position:0 -275px}
.login-area .other-login p a.alipay:hover{background-position:-25px -275px}
.login-area .other-login p a.sina:hover{background-position:-49px -275px}


input, select, textarea, label { font: 12px arial;}
.login-area .auto-login input {display: inline-block;vertical-align: middle;}


.login-footer{line-height:20px;padding:30px 0;text-align:center;color:#668686}

.login-area .password i,
.login-area .username
i{position:absolute;top:1px;left:0;height:34px;width:34px;z-index:1}
.login-content .input-button,
.login-content .base-close,
.login-content .base-ok,
.login-content .base-error,
.login-content .base-error-max,
.login-content .base-ok-max,
.login-content .base-refresh,
.login-area .other-login p a,
.register-area .side a,
.login-area .username i,
.login-area .password
i{background-image:url(../images/login.3.0.png) ;background-repeat:no-repeat}


.forget-area{padding:40px
100px;height:340px;overflow:hidden;position:relative}
.forget-area
.steps{line-height:28px;color:#bcbcbc;overflow:hidden}.forget-area .steps
span{float:left;width:256px;margin-right:3px;border-bottom:8px solid #e4e4e4;font-size:14px}.forget-area .steps
span.now{font-size:16px;color:#ff8533;border-color:#feb280}.forget-area .steps
span.end{color:#333}

.forget-area .form{ padding-top:20px;}
.forget-area .form .codearea{ height:46px; margin-top:10px; font-size:12px;}
.forget-area .form label{display: inline-block; font-size: 14px; margin-left: 95px; text-align: right;vertical-align: middle; width: 100px; font-family:'微软雅黑'}
.forget-area .form .orange-button{  margin-left: 200px;  margin-top: 14px;width: 136px;}

.register-area .form{border-right: 1px dashed #d2d2d2; float: left; width: 670px;}

.register-area .form td{ height:50px;}
.register-area .form td .text{ margin-right:15px;}
.register-area .form td input.inputBg {background: url("../images/empty.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; color: #333; font-size: 14px;line-height: 20px; margin-left: 5px;outline: medium none;overflow: hidden;padding: 8px 28px 8px 8px;  width: 257px; border:1px solid #d0d0d0;}

.register-area .agreement {
    display: inline-block;
    vertical-align: middle;
}


.register-area .blue-button {
    margin: 14px 0 0 85px;
    width: 272px;
}
 .blue-button {
    background: none repeat scroll 0 0 #0487df;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.register-area{ padding:40px 30px 58px; overflow:hidden;}
.register-area .side{color:#919191;line-height:40px;float:left;display:inline;margin-left:30px}

.register-area .side a {
    background-position: -118px 0;
    color: #fff;
    display: inline-block;
    height: 25px;
    letter-spacing: 2px;
    line-height: 25px;
    margin-bottom: 4px;
    text-indent: 30px;
    vertical-align: middle;
    width: 100px;
}

#checkok{ background:url(../images/login-bg.jpg) center 0 no-repeat;}
.checkok-main{ top:50%; margin-top:-161px; left:50%; margin-left:-348px; position:absolute;}
.checkok-main .b{ width:697px; height:323px;background:#f5f5f5; text-indent:55px;}
.checkok-main .b h2{ font:bold 31px/63px "微软雅黑"; border-bottom:1px solid #eaeff3; padding-top:25px;}
.checkok-main .b p{ font:14px/21px '';}
.checkok-main .b p a{ color:#478b7c;}
.my-tra{position:absolute; left:12px; top:10px; background:#040000; z-index:-1; height:100%;filter:alpha(opacity=14); opacity: 0.14; width:100%;_display:none;}

.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.fYH{ font-family:'微软雅黑';}
.fAR{ font-family:Arial;}