@charset "utf-8";

.userZone{float:left;width:100%;min-height:20px;margin:10px 0 0 0;}
.user_area{float:left;width:320px;min-height:500px;}
.user_bar{float:left;width:310px;min-height:500px;border-radius: 5px; background-color:#FFFFFF;border:1px solid #CCCCCC;margin:0 0 0 5px;}
.user_bar .utop{float:left;width:300px;height:25px;margin:10px 0 0 5px;}
.user_bar .ucontent{float:left;width:300px;min-height:100px;margin:10px 0 0 5px;clear:both;padding-bottom:10px;}
.user_bar .ucontent .myinput li{float:left;width:70px;height:25px;}
.user_bar .ucontent .myinput .myinput{float:left;width:200px;height:25px;}

.reg-title {position: relative; height:70px; overflow: hidden; margin: 0 auto; }
.reg-title h2 {font-size: 16px;height: 30px;line-height: 30px;color: #2e353b;position: absolute;left: 20px;top: 5px;z-index: 3;padding: 0 15px;background: #fff; }
.reg-title .line {height: 1px;font-size: 0;line-height: 0;overflow: hidden;float: left;background: #e7ecee;width: 100%;position: absolute;left: 0;top: 35px;}
.reg-steps {height: 57px;overflow: hidden;margin: 0 auto;width:800px;}
.reg-steps ol {height: 57px;width: 100%;overflow: hidden; margin:0px;}
.reg-steps li { float: left;display: inline;width: 33.33%;height: 57px;line-height: 57px;background: #f0f4f7 url(users/steps.png) no-repeat right 0; border-radius: 3px;}
.reg-step-1 .step-1, .reg-step-2 .step-2, .forgot-steps .reg-step-3 .step-3{color: #fff;background: #a1acb4 url(users/steps.png) no-repeat right 0; }
.reg-steps .txt {float: left;display: inline;position: relative;padding-left: 120px; }
.reg-steps .dot24 {position: absolute;left: 80px;top: 16px;text-indent: 0;font-size: 14px;line-height: 24px;text-align: center;font-family: Tahoma;font-size: 18px;font-style: normal;font-family: Tahoma, Geneva, sans-serif; color: #8a949c;} 
.dot24 {background-position: -157px -71px;width: 24px;height: 24px;font-style: normal; color: #8a949c;}
.icons {float:left;width: 24px;height: 24px;overflow: hidden;font-size: 0;line-height: 0;text-indent: -9999px;display: inline-block;background: url(users/sprites.png) no-repeat;background-position: -157px -71px;}
.reg-title-info {width: 800px; margin: 30px 0;height: 26px;}
.reg-title-info h3 {font-size: 14px;height: 22px; color: #2e353b;  padding: 0 15px;border-bottom:1px solid #e7ecee;}

input.input {height:25px;line-height: 18px;width: 240px;padding:5px 5px 5px 5px;border: 1px solid #b4b9bd;border-radius: 3px;}

.reg-items .items {float:left;width:300px;min-height: 70px;}
.reg-items .items li {position: relative;float: left;}
.reg-items .items li.txt {float: left;font-weight:bold;margin-right: 5px;width:300px;text-align: left;padding-top: 10px;height:25px;}
.reg-items .items li input {float: left;}
.reg-items .items li .valicode {float: left;width:120px;}
.reg-items .items li .getMobileCode{float:left;color: #fff;background-color: #3a84cf;border: 1px solid #3a84cf;height:30px;font-size: 14px;margin:0 0 0 10px;border-radius: 6px;cursor:pointer;}
.reg-items .items li .getMobileCode:hover{background-color:#09F;}
.reg-items .tip {float:left;height:25px;margin:0px 0 0 0;padding-left:10px;color:#CCCCCC;width:300px;}
.verifycode {float:left;vertical-align: top;margin-left: 10px;cursor: pointer;height:30px;}
.reg-items .agreement {float:left;width:300px;position: relative;color: #8a949c;font-size:12px;}
.next-step {padding: 15px 0 15px 55px;height: 50px;}
.reg-items .gbtn {float:left;width: 120px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;padding: 0;border:0px;border-radius:3px;}
.btn-gray, .btn-gray:hover {background-color: #89949d;cursor: default;}
.gbtn, .gbtn-disabled, .gbtn-org {color: #fff;font-size: 13px;position: relative;white-space: nowrap;background: #15456f;display: inline-block;padding: 3px 5px;cursor: pointer;overflow: hidden;font-family: Microsoft YaHei;}
.reg-items .myreg{float:left;width:100px;height:50px;line-height:50px;text-align:center;font-size: 12px;}

#correct{float:left;background:url(icon.png) no-repeat 0 -596px; width:20px;height:20px; margin:2px;}
#error{float:left;background:url(icon.png) no-repeat 0 -896px;  width:20px;height:20px; margin:2px;}

.user_remark_bar{float:left;width:300px;min-height:100px; background-color:#FFFFFF;margin:20px 0 20px 5px;}
.user_remark_bar .utop{float:left;width:280px;height:35px;margin:5px 0 0 10px;border-bottom:1px solid #EEEEEE;}
.user_remark_bar .utop li{float:left;width:280px;height:25px;margin:10px 0 0 10px;font-size:16px;font-weight:bold;color:#666666;}
.user_remark_bar .ucontent{float:left;width:280px;min-height:100px;margin:10px 0 0 10px;clear:both;font-size:12px;line-height:24px;color:#666666;} 

.user_center_imgs{float:left;height:100px;min-width:120px;margin:5px;border:1px solid #EEEEEE; text-align:center;padding:5px; overflow:hidden;}
.user_center_imgs img{height:60px;}