/* login and register start*/
.login{ background-color:#fff;}
.login .container{ padding-bottom:0;}

.login-wrap{ position:relative; height:530px; z-index:5;}
.login-wrap .login-banner{ position:absolute; left:0; top:0; width:100%; height:530px;}
.login-banner .banner-bg{ position:relative; z-index:3; height:530px;}

.login-form{ position:relative; width:350px; z-index:4; background-color:#fff;}
.login-wrap .login-form{ float:right; top:52px;}
.login-form .coagent{ padding:20px 40px 0;}
.login-form .tit{ height:20px; line-height:20px; text-align:center; position:relative;}
.login-form .tit h3{ font-size:16px; color:#8c8c8c; padding:0 15px; display:inline-block; position:relative; z-index:2; background-color:#fff;}
.login-form .tit span{ position: absolute;z-index: 1;left: 0;right: 0;top: 9px;height: 1px;border-bottom: 1px dashed #e5e5e5;}
.coagent .coagent-warp{ height:36px; margin-top:20px; text-align:center; font-size:0;}
.coagent .coagent-warp a{ display:inline-block; width:36px; height:36px; margin-right:20px;}
.coagent .coagent-warp a:last-child{ margin-right:0;}
.third-party-icon{ display:block; width:36px; height:36px; background:url(/images/login-icon.png) no-repeat;}
.qq-icon{ background-position:0 0;}
.weixin-icon{ background-position:0 -37px;}
.weibo-icon{ background-position:0 -74px;}
.alipay-icon{ background-position:0 -111px;}

.qq-icon:hover{background-position:-39px 0;}
.weixin-icon:hover{ background-position:-39px -37px;}
.weibo-icon:hover{ background-position:-39px -74px;}
.alipay-icon:hover{ background-position:-39px -111px;}

.login-box{ padding:20px 40px 30px;}

.msg-wrap{ height:25px;}
.msg-wrap .msg-error{ color:#f42424;}
.msg-wrap .msg-error .iconfont{ font-size:14px; margin-right:5px; position:relative; top:1px;}

.form .item{ margin-bottom:10px;}
.form .item-info{ position:relative; width:268px; height:38px; line-height:38px; border:1px solid #d2d2d2;}
.form .item-info-not{ border:0;}
.form .text{ border:0; width:223px; padding:5px 10px 5px 35px;}
.form .iconfont{ position:absolute; color:#e8e8e8; left:10px; top:11px; font-size:18px; width:18px; height:18px; line-height:18px;}
.form .text-2{ width:111px;}
.form .item-button{ margin-top:20px;}
.form .btn{ width:270px; height:40px; border:0; font-size:16px; font-weight:bold; outline:0;}
.form .notpwd{ margin-top:5px; display:block;}
.captcha_img{ margin-top:1px; cursor:pointer;}

.form .item-focus .item-info{ border-color:#8c8c8c;}
.form .item-focus .iconfont,.form .item-error .iconfont{ color:#d2d2d2;}
.form .item-error .item-info{ border-color:#f42424;}

.register-wrap{ background-color:#fff; min-height:565px; margin-bottom:30px; overflow:hidden; padding-bottom:20px;}
.register-adv{ float:left; width:600px; height:565px; position:relative; text-align:center;}
.register-adv a{ display:table-cell; width:600px; height:565px; vertical-align:middle;}
.register-form{ width:600px; float:left; padding-top:38px;}

.form-other .item{ float:left; width:100%; margin-bottom:0;}
.form-other .item-label{ float:left; width:136px; font-size:16px; color:#8c8c8c; line-height:40px; padding-right:24px; text-align:right;}
.form-other .item-info{ float:left; width:340px;}
.form-other .text{ padding:0 10px; width:320px;}
.form-other .text-2{ padding:5px 10px; width:208px;}
.form-other .text-3{ padding:0 38px 0 10px; width:292px;}
.form-other .item2{ width:auto; padding-left:160px;}
.form-other .item2 .ui-solid-label{ cursor:pointer;}
.form-other .item2 .input-tip{ padding-left:0;}
.form-other .item-button{ margin-top:0;}
.form-other .btn{ width:342px; height:50px; line-height:50px;text-align: center;}
.form-other .item-other{ margin-top:40px;}
.form-other .icon-eye-open{ left:inherit; right:10px; cursor:pointer;}
.form-other .icon-eye-open:hover{ color:#fdd98f;}

.get_pwd_warp{ background-color:#fff; height:460px; margin-bottom:30px;}
.get_pwd_form{ margin:0 auto; width:448px;}
.get_pwd_form .form-other .item-label{ width:82px;}
.get_pwd_form .form-other .item2{ padding-left:106px;}
.get_pwd_form .form-other .btn{ margin:0;}

.user_email_verify .loginRegister-header{ border-bottom:1px solid #dcdcdc;}
.user_email_verify .get_pwd_warp{ margin:103px 0;}

.email_open,.email_off{ float:right; line-height:26px; position:relative; z-index:99;}
.gp-tab{ float:left;}
.gp-tab ul{}
.gp-tab li{ position:relative; float:left; width:168px; height:38px; line-height:38px; border:1px solid #fff;border-bottom-color:#f42424; text-align:center; color:#d2d2d2; font-size:16px; cursor:pointer;}
.gp-tab li .iconfont{ left:28px;}
.gp-tab li .icon-mobile-phone{ left:32px; top:10px;}
.gp-tab li.curr{ border-color:#f42424; border-bottom-color:#fff; color:#f42424;}
.gp-tab li.curr .iconfont{ color:#f42424;}
.gp-warp{ display:none;}

.gp-tit{ margin-bottom:30px; float:left; width:317px; color:#f42424; position:relative; padding-left:25px; font-size:16px; padding-bottom:5px; border-bottom:1px solid #f42424;}
.gp-tit .iconfont{ left:2px; top:3px; color:#f42424;}

.gp-email-up,.gp-end{ text-align:center; font-size:16px; color:#8c8c8c; padding-top:150px;}
.gp-email-up a{ color:#f42424;}
.gp-email-up a:hover{ text-decoration:underline;}
.gp-email-up p{ margin-bottom:20px;}
.gp-email-up .time{ color:#f42424;}

.gp-end .gp-end-tit{ height:40px; line-height:40px;}
.gp-end .gp-end-tit .icon-state{ display:inline-block; width:40px; height:40px; margin-right:10px; vertical-align:middle; margin-top:-3px;}
.gp-end .gp-end-tit .icon-state-ok{ background:url(../images/ok.png) no-repeat; }
.gp-end .gp-end-tit em{ color:#f42424; margin:0 5px;}
.gp-end .btn{ width:138px; height:38px; line-height:38px; font-size:14px; text-align:center; margin:20px 0 0 0; padding:0;}

.msg_ts{ height:30px; margin-left:106px; position:relative;}
.msg_ts .error{ padding-top:7px;color: #f42424;}

.input-tip { width:342px; height: 26px;font-size: 12px; float:left; padding-left:160px; position:relative;}
.input-tip .iconfont,.msg_ts .error .iconfont{ font-size: 14px;margin-right: 6px;vertical-align: middle;position: relative;top: 0;left: 0;height: auto;width: auto;line-height: normal;}
.input-tip span{ margin-top:3px; display:block; color: #d2d2d2;}
.input-tip span.error,.input-tip span.error .iconfont,.msg_ts .error .iconfont{ color:#f42424;}
.input-tip span.succeed,.input-tip span.succeed .iconfont{ color:#1ecb63;}

.input-tip .succeed i{ background:url(../images/login_icons_new.png) -25px -2px no-repeat; width:16px; height:18px; position:absolute; top:-30px; right:-30px;}

.input-tip .strength{ width:190px; height:10px; display:block; padding:0; margin:8px 0 0 2px; position:relative;}
.input-tip .strengthA,.input-tip .strengthB,.input-tip .strengthC{background:url(../images/login_icons_new.png) 0 -124px;}
.input-tip .strength b{ position:absolute; left:0;top:0; display:block; height:10px; background:url(../images/login_icons_new.png) 0 -137px;}
.input-tip .strength span{ position:absolute; top:-8px; right:-20px; color:#333;}
.input-tip .strengthA b{ width:37%;}
.input-tip .strengthB b{ width:67%;}
.input-tip .strengthC b{ width:100%;}
.input-tip .strengthA span{ color:#f42424;}
.input-tip .strengthB span{ color:#f7a530;}
.input-tip .strengthC span{ color:#0bc756;}

.meswitch{ float:right; line-height:26px; position:relative; z-index:99; color: #438cde;}

/* login and register end*/