@charset "utf-8";

/*reg*/
.regtitle{height:102px; line-height:102px;background:#f6f6f6; position:relative;}

.regtitle strong{ font-size:22px;font-weight:normal;padding-left:10px;}
.regtitle strong em{width:5px;float:left; background:#3790e4;height:22px;margin:30px 0px 0px 0px; display:none;}
.regtitle .titr{float:right; font-size:16px; padding-right:30px;color:#655f5d;}
.regtitle .titr .lg_btn{width:130px;height:36px; line-height:36px;border:1px solid #4495df; color:#4495df;float:left;margin-top:30px; text-align:center;border-radius:2px; margin-left:10px; margin-right:10px;}
.regtitle .titr img{ margin:0px 10px;height:25px;}

.userreg{padding:40px 0px; background:#fff;}
.userreg .left{width:500px; font-size:14px; padding-left:80px;float:left;}
.userreg .left h4{ font-size:22px;font-weight:normal;height:52px; line-height:32px;}
.userreg .left li{ padding:10px 0px; line-height:35px;}
.userreg .left li.tr_realname{padding:0;}
.userreg .left li .text{width:288px !important;height:32px; line-height:32px;border:1px solid #dbdbdb; background:url(../headbg.png) repeat-x; outline:none; padding-left:10px; -webkit-transition:0.3s; transition:0.3s;}
.userreg .left li .text:focus{color:#606060;border:1px solid #3ab57f;}
.userreg .left li .text_yz{width:120px;height:33px; line-height:100%;border:1px solid #d0d0d0; background:url(../headbg.png) repeat-x; outline:none; padding-left:10px;float:left;}
.userreg .left li .text_yz:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}
.userreg .left li .title{width:105px;float:left; text-align:right; padding-right:5px;}
.userreg .left li .title font{color:#eb5445; padding-right:5px;font-weight:bold;}
.userreg .left li.reg_category label{ margin:5px 10px 5px 0;float:left; cursor:pointer;border:1px solid #e2e2e2;height:30px; line-height:30px;border-radius:3px; padding:0 20px;background:#f9f9f9;}
.userreg .left li.reg_category .label_focus{border:1px solid #3ab57f;color:#3ab57f;background:#fff;}
.userreg .left li.reg_category input{ display:none;}


.userreg .left li .d_default{color:#b0b0b0; padding-left:110px;}
.userreg .left li .d_err{color:#b0b0b0; padding-left:110px;}
.userreg .left li .d_on{color:#b0b0b0; padding-left:110px;}
.userreg .left li .d_ok{color:#42a955; padding-left:110px;}
.userreg .left .btn_yz{ background:#f0f0f0;border:0px;margin-left:20px; padding:0px 15px;height:37px; vertical-align:middle;border-radius:3px;}

.userreg .left .v_Codeimg img{height:35px; margin-left:20px;}
.userreg .left li .regbtn{ margin-left:110px;width:300px; text-align:center;height:46px; vertical-align:middle;color:#fff; background:#3ab57f;border:0px;border-radius:3px; font-size:16px; margin-bottom:10px;-webkit-transition: .3s;transition: .3s;}
.userreg .left li .regbtn:hover{ background:#34ae78}

.userreg .left #license{width:580px; margin-left:90px;color:#5b6269; line-height:26px;border:1px solid #d0d6dc;height:400px; overflow-x:hidden; overflow-y:scroll; padding:10px 20px 20px 20px; background:#f7f9fa}
.userreg .left #license .tit{height:40px; line-height:40px; font-size:14px;font-weight:bold;}




.userreg .right{width:400px;float:right;height:340px;border-left:1px solid #eee; padding-left:80px;}
.userreg .right .tit{height:76px; line-height:76px; font-size:16px;color:#606060;}
.userreg .right .tit a{color:#3ab57f;}
.userreg .right .apilogin{border-top:1px solid #eee; padding-top:10px;}
.userreg .right .apilogin .name{height:54px; line-height:54px;color:#909090; font-size:14px;}
.userreg .right .apilogin img{ margin-right:20px;}

/*login*/
.login{margin-top:20px;}
.login .title{height:62px; line-height:62px;font-size:22px; padding-left:120px;}

.login .l_m{width:398px;float:left;border: 1px solid #eee; padding:20px 20px 40px 20px; margin-left:120px;min-height:387px; background:#fff;}
.login .loginpanel {height: 30px;border: 1px solid #34BD74;border-radius: 4px; overflow: hidden;font-size:14px;}
.login .loginpanel li{float:left; cursor:pointer; width:33.3%; position:relative;background: #fff;height: 30px;float: left;line-height: 30px;text-align: center;color: #34BD74;}
.login .loginpanel li .line{ background:#34BD74;width:1px;height:100%; position:absolute;left:0;top:0;}
.login .loginpanel li.curr{ color: #fff;background: #34BD74;}

.login .login_box{ margin:40px 20px 0px 20px;}
.login .login_box h4{color:#b0b0b0;height:26px; line-height:26px; font-size:16px;font-weight:normal; display:none;}
.login .login_box li{ margin-top:20px;}
.login .login_box .username,
.login .login_box .password{ padding:0px 10px 0px 40px;width: 307px; vertical-align:middle; height:42px;border:0;outline:none; font-size:14px; color:#999; font-family:"å¾®è½¯é›…é»‘"; letter-spacing:1px; border:#ddd solid 1px; background:#fff url(../reg_ico.gif) no-repeat;border-radius:0px;}
.login .login_box input[type=input]{ -webkit-transition:0.3s; transition:0.3s;}
.login .login_box input[type=input]:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}
.login .login_box input[type=password]{ -webkit-transition:0.3s; transition:0.3s;}
.login .login_box input[type=password]:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}

.login .login_box input[type=text]{ -webkit-transition:0.3s; transition:0.3s;}
.login .login_box input[type=text]:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}


.login .login_box .username{background-position: 10px 11px;}
.login .login_box .password{background-position: 10px -27px;}
.login .login_box .text_yz{width:130px;padding-left:5px;height:34px;color:#999; line-height:34px;margin-right:15px;border:1px solid #ccc;margin-bottom:10px; float:left}

.login .login_box .cook{color:#666; height:34px; line-height:34px; font-size:14px;}
.login .login_box .cook a{ color:#666;}
.login .login_box .cook #Cookies{-webkit-appearance: none;width:19px;height:19px; background:url(../radio_19.png) no-repeat 0px -21px;margin:6px 5px 0px 0px;float:left; cursor:pointer; outline:none;}
.login .login_box .cook #Cookies:checked{ background:url(../radio_19.png) no-repeat}

.btn-login{width: 358px;height: 46px; -webkit-transition:0.3s; transition:0.3s;line-height: 46px;cursor: pointer;background: #34BD74;border: 0px;color: #fff;font-size: 18px; border-radius:3px;}
.btn-login:hover{background:#289E5F;}
.login .login_box .zc{color:#666;border-top:1px solid #ddd;margin-top:20px;padding-top:10px;line-height:30px; font-size:14px;}
.login .login_box .zc a{padding-left:6px;color:#069}
.login .login_box .zc a img{ width:25px; height:25px;}

.login .rightBox{ width:500px;float: right;line-height: 22px; font-size:14px; margin-top:90px;color: #909090;}
.login .rightBox span{font-size: 19px;display: block;height: 39px;line-height: 39px;color: #606060;}
.login .rightBox a {width: 130px;height: 36px;line-height: 36px;display: block;border: 1px solid #34BD74;text-align: center;color: #34BD74;font-size: 16px;margin-top: 20px;border-radius:3px;}

.login .rightBox{
    animation:myrbox 1s;
    -moz-animation:myrbox 1s; /* Firefox */
    -webkit-animation:myrbox 1s; /* Safari and Chrome */
    -o-animation:myrbox 1s; /* Opera */
}
@keyframes myrbox
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:70px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:90px;}
}

@-moz-keyframes myrbox /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:70px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:90px;}
}

@-webkit-keyframes myrbox /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:70px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:90px;}
}

@-o-keyframes myrbox /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:70px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:90px;}
}

.login .rightBox a{animation:myregbtn 0.3s linear 0.3s both;-moz-animation:myregbtn 0.3s linear 0.3s both; /* Firefox */
-webkit-animation:myregbtn 0.3s linear 0.6s both; /* Safari and Chrome */
-o-animation:myregbtn 0.3s linear 0.3s both; /* Opera */
}
@keyframes myregbtn
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:40px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:20px;}
}

@-moz-keyframes myregbtn /* Firefox */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:40px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:20px;}
}

@-webkit-keyframes myregbtn /* Safari and Chrome */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:40px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:20px;}
}

@-o-keyframes myregbtn /* Opera */
{
0%   {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;margin-top:40px;}
100% {filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;margin-top:20px;}
}


.login .btn_yz{width:150px;border-radius:2px;margin-left:10px;height:42px; line-height:42px; cursor:pointer; background:#f5f5f5; border:#eee solid 1px; font-size:14px; color:#606060;}


.login .apilogin{border-top:1px solid #eee; padding-top:10px; }
.login .apilogin .name{height:54px; line-height:54px;color:#909090; font-size:14px;}
.login .apilogin img{ margin-right:20px;}


#login_container iframe{ display:block; margin:0 auto}
 


.mobileLogin .username, 
.mobileLogin #MobileCode{padding: 9px 9px 9px 34px;width: 253px;line-height: 23px; height:23px;border:0;outline:none;font-size:14px; color:#999; font-family:"å¾®è½¯é›…é»‘"; letter-spacing:1px; border:#ddd solid 1px; background:#fff url(/user/images/reg_ico.png) no-repeat; border-radius:3px;}
.mobileLogin .username{background-position: 5px 12px;}
.mobileLogin #MobileCode{background-position: 5px -51px;}

/*忘记密码*/
.find{padding-top:20px;}
.find .user_topG{ font-size:14px; line-height:20px; padding:20px 0px 20px 120px;}
.find .user_topG li{ position:relative; padding-left:90px;margin:20px 0px; line-height:33px; font-size:14px;}
.find .user_topG li span{width:90px; font-size:14px; position:absolute;left:0;}
.find .user_topG li select{width:300px; padding-left:10px; font-size:14px;-webkit-appearance: none;height:35px; line-height:100%;border:1px solid #d0d0d0; background:#fff url(../select.png) no-repeat 95% 50%; cursor:pointer;-webkit-transition:0.3s; transition:0.3s; outline:none; color:#b0b0b0;}
.find .user_topG li select:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}
.find select::-ms-expand { display: none; }

.find .user_topG li .text{width:288px;height:33px; line-height:100%;border:1px solid #d0d0d0; background:url(../headbg.png) repeat-x; outline:none; padding-left:10px; font-size:14px;color:#b0b0b0; -webkit-transition:0.3s; transition:0.3s;}
.find .user_topG li .text:focus{color:#606060;border:1px solid #34BD74;box-shadow:0px 0px 4px #9ADEBA inset;}

.find .user_topG font{ padding-left:90px; display:block; font-size:12px;color:#999;}
.find .user_topG .getpassbtn{width:300px;height:44px;border-radius:3px;-webkit-transition: .3s;transition: .3s; vertical-align:middle;background:#34BD74;border:0px;color:#fff; font-size:18px;margin-top:10px;}
.find .user_topG .getpassbtn:hover{ background:#289E5F}

.find .user_topG a{ padding:6px 15px;font-size:14px;color:#3790e4;border:1px solid #3790e4;border-radius:3px; margin:0px 10px;}
.userreg .left .reg_category{position:relative;padding-left:110px;}
.userreg .left .reg_category span{position:absolute;left:0;}