/*css reset code */


/*ajax 登录*/

.ajax_login {
    width: 400px;
    height: auto;
    font-size: 12px;
    font-weight: inherit
}

.ajax_login table th,
.ajax_login table td {
    padding: 5px;
}

.ajax_login table th {
    text-align: right
}

.ajax_login input[type='text'],
.ajax_login input[type='password'] {
    border: 1px solid #CCC;
    line-height: 24px;
    height: 24px;
    width: 200px;
    text-indent: 6px;
    outline: none;
}


/*注册*/

.reg_title {
    margin-top: 20px;
    /*height:48px; margin:0 auto; background:url(../images/reg_title_bg.png) repeat-x top #FFF; padding-top:7px;*/
}

.reg_title .title_text {
    width: 1200px;
    height: 41px;
    margin: 0 auto;
}

.reg_title .title_text h2 {
    width: 200px;
    height: 41px;
    background: #e83e3e;
    font-size: 24px;
    color: white;
    text-align: center;
    line-height: 41px;
    font-family: "微软雅黑";
}

.registers {
    width: 1200px;
    height: auto;
    border: 1px solid #e8e8e8;
    font: "微软雅黑";
}

.registers .reg_left {
    float: left;
    width: 758px;
    height: auto;
    padding: 20px;
    background: url(../images/reg_right_bg.png) right repeat-y;
}

.registers .reg_left .reg_table {}

.registers .reg_left .reg_table li {
    float: left;
    width: 1150px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: left;
    margin-bottom: 15px;
}

.registers .reg_left .reg_table li span {
    float: left;
    display: block;
    height: 50px;
    text-align: right;
    width: 150px;
    line-height: 50px;
    margin-right: 5px;
}

.reg-input {
    border: 1px solid #e8e8e8;
    width: 370px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    float: left;
    padding-left: 15px;
    outline: none;
}

.reg-du {
    width: 220px;
}

.reg-del {
    color: #333;
}

.reg-del:hover {
    text-decoration: underline;
}

.registers .verify {
    width: 91px;
    height: 37px;
    float: left;
    margin-left: 10px;
    margin-top: 8px;
    cursor: pointer;
}
.registers .verify#verifyImg {
	float: left;
}
.reg-submit {
    border: none;
    outline: none;
    width: 387px;
    height: 52px;
    line-height: 52px;
    border-radius: 4px;
    background: #e83e3e;
    color: #fff;
    font-size: 24px;
    font-family: 'Microsoft Yahei';
    text-align: center;
    cursor: pointer;
}

.reg-submit:hover {
    background: #dd3333;
}

.registers .reg_left select {
    border: 1px solid #e8e8e8;
    padding: 15px 0;
    height: 50px;
    min-width: 70px;
    outline: none;
    font-size: 14px;
    color: #000;
    padding-left: 15px;
    max-width: 126px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

input::-webkit-input-placeholder {
    color: #959595;
}

input:-moz-input-placeholder {
    color: #959595;
}

input::-moz-input-placeholder {
    color: #959595;
}

input:-ms-input-placeholder {
    color: #959595;
}

.change-img {
    margin-left: 10px;
    float: left;
    line-height: 50px;
    height: 50px;
    padding-left: 30px;
    background: url(../images/change-icon.png) 0 50% no-repeat;
    cursor: pointer;
}

.registers .reg_left .reg_table li button {
    border: none;
    margin-left: 10px;
    background: url(../images/newicon201301028.png) -162px -85px no-repeat;
    width: 90px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    margin-top: 13px;
}

.registers .reg_left .reg_table li.xieyi {
    color: #666;
}


.registers .reg_left .reg_table li .pwd-level {
    height: 26px;
    line-height: 26px;
    margin-top: 5px;
}

.registers .reg_left .reg_table li .pwd-level span {
    background-color: #E6E6E6;
    color: #333;
    width: 77px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 5px;
}

.registers .reg_left .reg_table li .pwd-level span.selected {
    background-color: #ff8839;
}

#verify {
    /* width: 185px; */
    float: left;
}

#tjruserid {
    width: 260px;
}

#tjr_load_js {
    margin-left: 10px;
}

#email_verify {
    width: 100px !important;
}

.tjr-box {
    float: left;
}

.log-box {
    padding: 40px 0 0 50px;
}

.log-box p {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1;
}

.log-box .login-now {
    color: #3366cc;
}

.registers .reg_right {
    float: right;
    width: 360px;
    height: auto;
}

.registers .reg_right .reg_right_login {
    padding-top: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}

.registers .reg_right .reg_right_login .reg_login_but {
    padding-top: 20px;
}

.registers .reg_right .reg_right_login .reg_login_but a {
    width: 82px;
    height: 32px;
    background: #e83e3e;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    display: block;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
}

.registers .reg_right .reg_right_login .reg_login_but a:hover {
    background: #da2c2c;
}

.registers .reg_right .reg_right_login .reg_login_api {
    padding-top: 40px;
}

.registers .reg_right .reg_right_login .reg_login_api h2 {
    font: 14px/30px "微软雅黑";
    margin-bottom: 10px;
}

.registers .reg_right .reg_right_login .reg_login_api span {
    display: block;
    padding: 10px 0px;
}




/*登录页面*/

.login_title {
    height: 48px;
    margin: 0 auto;
    background: url(../images/reg_title_bg.png) repeat-x top #FFF;
    padding-top: 7px;
}

.login_title .title_text {
    width: 1200px;
    height: 41px;
    margin: 0 auto;
}

.login_body {
    width: 1200px;
    height: auto;
    border: 1px solid #e8e8e8;
    font: "微软雅黑";
}

.login_body .log_left {
    float: left;
    width: 758px;
    height: auto;
    padding: 20px;
    background: url(../images/reg_right_bg.png) right repeat-y;
}

.login_body .log_left .log_table {}

.login_body .log_left .log_table li {
    float: left;
    width: 758px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: left;
}

.login_body .log_left .log_table li span {
    float: left;
    display: block;
    text-align: right;
    width: 150px;
}

.login_body .log_left .log_table li input[type='text'],
.login_body .log_left .log_table li input[type='password'] {
    border: 1px solid #CCC;
    height: 24px;
    width: 240px;
    line-height: 24px;
    margin-top: 6px;
    font-size: 14px;
    float: left;
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
}

.login_body .log_left .log_table li button {
    border: none;
    margin-left: 10px;
    background: url(../images/newicon201301028.png) -162px -85px no-repeat;
    width: 90px;
    height: 25px;
    line-height: 25px;
}

.login_body .log_left .log_login_api {
    padding-left: 150px;
    padding-top: 40px;
}

.login_body .log_left .log_login_api h2 {
    font: 14px/30px "微软雅黑";
}

.login_body .log_left .log_login_api span {
    padding: 10px;
    padding-left: 0;
    padding-right: 20px;
    float: left;
}


.login_body .log_right {
    float: right;
    width: 360px;
    height: auto;
    padding: 20px;
}

.login_body .log_right .log_right_login {
    padding-top: 50px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
}

.login_body .log_right .log_right_login .log_login_but {
    padding-top: 20px;
}

.login_body .log_right .log_right_login .log_login_but a {
    width: 82px;
    height: 32px;
    background: #e83e3e;
    color: #fff;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    display: block;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
}

.login_body .log_right .log_right_login .log_login_but a:hover {
    background: #da2c2c;
}

#ajax_verify {
    width: 145px;
}

.login-box {
    margin-top: 10px;
}


/*第三方登录*/

#login-container {
    overflow: hidden;
    height: 220px;
}

.connection td a {
    background: url(/static/common/images/sns-icos-shop.png) no-repeat;
    text-align: center;
}

.connection .openplatform {
    margin-top: 35px;
    width: 400px;
}

.connection td a.weibo {
    background-position: 0px -290px;
}

.connection td a.qq {
    background-position: -63px -290px;
}

.connection td a.douban {
    background-position: -126px -290px;
}

.connection td a.weixin {
    background-position: -188px -290px;
}

.connection td a {
    display: block;
    width: 58px;
    height: 58px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0 auto;
}

.connection .tip {
    color: #888;
    text-align: center;
    font-size: 12px;
    margin-top: 18px;
    padding-bottom: 12px;
    background: url(/static/common/images/line-dashed.png) repeat-x 0 bottom;
}

.connection .switch,
.ajax_login .switch {
    display: block;
    text-align: center;
    margin: 40px auto 0;
    background: #5e5f5f;
    width: 180px;
    height: 38px;
    line-height: 38px;
    color: #FFF;
}

.ajax_login .switch {
    margin-top: 12px;
}


/*支付密码*/

.pay_button {
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    background: #090;
    color: #FFF;
    width: 80px;
    height: 26px;
    line-height: 26px;
    border: none;
}


/*红色按钮*/

.red-btn-big {
    width: 120px;
    height: 32px;
    background: #e83e3e;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    display: block;
    border-radius: 3px;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    border: 0 none;
}

.recommend-input {
    width: 150px;
}


/* 找回密码 */

.zhaohui_text {
    /*width: 100%;*/
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    border-bottom: 1px solid #CCC;
    padding: 0px 50px;
}

.zhaohui_text li {
    float: left;
    width: 98px;
    text-align: center;
    background: #CCC;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    cursor: pointer;
    list-style-type: none;
}

.zhaohui_text li.cur {
    background: #F0F0F0;
}

.ajax_login table th {
    font-weight: normal;
}

#verifyImg,
#verifyImg2 {
    cursor: pointer;
    float: right;
    padding-left: 5px;
    height: 42px;
}
.ajax_login #verifyImg,
.ajax_login #verifyImg2 {
    height: 24px;
    float: left;
}

.btn-getpw,
.next-step{
    display: block;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    outline: none;
    width: 150px;
    height: 34px;
    border-radius: 3px;
    background: #e83e3e;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
}

.btn-getpw:hover,
.next-step:hover{
    color: #fff;
    background: #dc3535;
}