.wide{ width:1200px;margin: 0 auto; }
.narrow{ width:960px;margin: 0 auto; }
/* login */
.o_weixin i,.o_qq i,.o_zfb i,.o_weibo i,.user,.pass,.phone{background: url('../images/login_ui.png') no-repeat;}
.login-head{margin: 0 auto;}
.login-head a{display: block; width: 409px; height: 60px; }
.lg-wrap { height:596px; margin-bottom:20px; background:url('../images/login_bg.jpg') center top no-repeat;}
.content{ width:1200px; margin:0 auto;}
.login-box{ width:380px; height:420px; padding:30px 40px; background:#FFFFFF; margin-top:50px; border:2px solid #e2e2e2; color:#666; font:14px/14px 'Microsoft Yahei';}
.login-box h2{ font: normal 20px/20px 'Microsoft Yahei'; margin-bottom:12px;}
.login-box .input_text{ background:#FFF; border:1px solid #e2e2e2; height:40px; width:338px; padding-left:40px;font:14px/40px 'Microsoft Yahei'; color:#999;}
.input_text:focus,.input_stext:focus,.input_vcode:focus{border:1px solid #66afe9 !important;-webkit-box-shadow: 0 0 3px #66afe9;-moz-box-shadow: 0 0 3px #66afe9;box-shadow: 0 0 3px #66afe9; }
.login-box .input_w{ position:relative; z-index:1;}
.login-box .input_w i{position:absolute; z-index:5;}
.text_wrong{ border:1px solid #fe8b91 !important;
	-webkit-box-shadow: 0 0 5px #fe8b91;  
    -moz-box-shadow: 0 0 5px #fe8b91;  
    box-shadow: 0 0 5px #fe8b91; 
}
.login-box .user{width:29px; height:24px; top:8px; left:5px; background-position:0 0;}
.login-box .pass{width:20px; height:24px; top:8px; left:10px;background-position:-31px 0;}
.login-box .l1{height:66px; vertical-align:top;}
.login-box .l2{height:30px; vertical-align:top;}
.login-box .l2 .remember{ cursor:pointer; float:left;}
.login-box .l2 .find_psw{ float:right; color:#666;}
.login-box .l2 .find_psw:hover{ color:#099ccc;}
.login-box .l3{height:50px; vertical-align:top;}

.input_text.err-msg{ 
    border:1px solid #fe8b91 !important;
	-webkit-box-shadow: 0 0 5px #fe8b91;  
    -moz-box-shadow: 0 0 5px #fe8b91;  
    box-shadow: 0 0 5px #fe8b91; 
}
.sub{
	background: #ff9933 none repeat scroll 0 0;
    border: 0 none;
    border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font: 18px/40px "microsoft yahei";
    height: 40px;
    text-align: center;
    width: 100%;
}
.sub:hover{ background:#f80}
.login-box .login_now{ height:40px; line-height:14px;}
.login-box .login_now a{ color:#ff9933;}
.login-box .other_login{ padding-top:10px;}
.login-box .other_login p{ height:35px; line-height:14px;}
.login-box .other_login ul{}
.login-box .other_login ul li{ display:inline; position:relative; height:24px; line-height:24px; margin-right:5px;}
.login-box .other_login ul li a{ color:#666;}
.login-box .other_login ul li a:hover{color:#ff9933;}
.login-box .other_login ul li i{ position:absolute;}
.o_weixin{ padding-left:30px;}
.o_qq{padding-left:25px;}
.o_zfb{padding-left:29px;}
.o_weibo{padding-left:34px;}
.o_weixin i{width:26px; height:24px; background-position:0 -26px;top:-3px; left:0;}
.o_qq i{width:21px; height:24px;background-position:-27px -26px;top:-3px; left:0;}
.o_zfb i{width:24px; height:24px;background-position:-49px -26px;top:-3px; left:0;}
.o_weibo i{width:30px; height:24px;background-position:-74px -26px;top:-3px; left:0;}

/* register */
.reg_wrap{ height:760px;margin-bottom:20px; background:url('../images/reg_bg.jpg') center top no-repeat;}
.reg_tit{padding:27px 10px 10px;}
.reg_wrap h1{ font: normal 40px/40px 'Microsoft Yahei'; color:#fff; height:40px }
.reg_wrap h2{ font:normal 20px/60px 'Microsoft Yahei';color:#333;height:40px}
.reg_wrap h2 a{ color:#099ccc;}
.reg_content{ width:100%; height:635px; margin:0 auto; border:1px solid #e2e2e2; background:#FFF; color:#999; font:14px/14px 'Microsoft Yahei';}
.reg_content ul{ padding:54px 0; width:340px; margin:0 auto;}
.reg_content ul li{ position:relative; zoom:1; margin-bottom:10px; height:60px;}
.reg_content ul li .lable{ position:absolute; text-align:right; width:340px; height:40px; line-height:40px; top:0; left:-345px;}
.reg_content ul li .lable em{ color: #F00}
.reg_content ul li .input_w{ position:relative;z-index:1;}
.reg_content ul li .input_w i{position:absolute; z-index:5;}
.reg_content ul li .input_w label{ font-size:12px; line-height:12px; height:12px; color:#333;cursor:pointer; padding-bottom:28px;display: inline-block }
.reg_content ul li .input_w .deal{ color:#099ccc;font-size:12px; padding-bottom:28px; display: inline-block;cursor:pointer;}
.reg_content ul li .input_w .deal:hover{ text-decoration:underline;}
.reg_content .user{width:29px; height:24px; top:8px; left:5px; background-position:0 0;}
.reg_content .pass{width:20px; height:24px; top:8px; left:10px;background-position:-31px 0;}
.reg_content .phone{width:14px; height:24px; top:8px; left:13px;background-position:-53px 0;}
.reg_content ul li .input_text{background:#FFF; border:1px solid #e2e2e2; height:40px; width:228px; padding-left:40px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.reg_content ul li p{ height:28px; line-height:28px; padding-left:5px; position:absolute; padding-left:26px; color:#fe8b91; top:41px; left:0; width:600px;display:none;}
.reg_content ul li p b{ position:absolute; background:url('../images/order_ui.png') 0 -29px no-repeat; width:17px; height:17px; top:6px; left:5px;}
.reg_content ul li p a{color:#099ccc}
.reg_content ul li p.err-agre{top:16px;}
.reg_content ul li span.tips{display:none;position:absolute;left:0px;top:46px;line-height:28px;height:28px;}
.reg_content .text_right{ display:none;background:url('../images/order_ui.png') 0 -47px no-repeat; width:17px; height:17px; top:13px; right:8px;}
.reg_content ul li .input_stext{background:#FFF; border:1px solid #e2e2e2; height:40px; width:130px; padding-left:10px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.reg_content ul li .getcode{ position:absolute;border:1px solid #e2e2e2; height:40px; line-height:40px; padding:0 10px; background:#f2f2f2; display:block; right:70px; top:0;text-decoration:none;font-size:12px;width:98px;text-align:center;}
.reg_content ul li .getcode:hover{ text-decoration:none;}
.reg-form .reg-btn,.term-pop .pop-btn  {display: block; width: 218px; height: 38px; font: 18px/38px 'Microsoft Yahei'; border: 1px solid #3b783c; border-radius: 3px; text-align: center; background: #64a065; color: #fff;}
.term-pop {display: none; position: absolute; z-index: 10000; top: 197px; left: 50%; padding: 15px; width: 600px; border: 5px solid #ddd; background: #fff; font-size:14px; margin-left:-300px;}
.term-pop .pop-title h3 {font-size: 16px; text-align: center; line-height: 40px;}
.term-pop .pop-title .close { position:absolute; right:10px; top:10px; color: #ccc; width: 18px; height: 18px; font: 18px/15px "Tahoma"; cursor: pointer; text-align: center;}
.term-pop .pop-title .close:hover {background: #719c39; color: #fff;}
.term-pop .pop-wrap {margin-bottom: 20px; padding: 0 13px; width: 568px; height: 350px; border: 1px solid #ccc; overflow: hidden; overflow-y: auto;}
.term-pop .pop-wrap .pop-list {margin: 10px 0 8px 0; font-weight: bold;}
.term-pop .pop-wrap .pop-con {line-height: 18px;}
.term-pop .pop-btn {margin: 0 0 30px 119px; height: 32px; line-height: 32px;}
.pop-mask { display:none;position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #000; opacity: 0.4; filter: alpha(opacity=40);}
.agree-btn{ width:290px; margin:0 auto;}
/* FindPassword */
.find-box {padding: 0 29px; width: 550px; border: 1px solid #e3e3e3; margin: 0 auto; margin-top: 31px;}
.fd-title {padding: 29px 0 0 18px; height: 33px; font: normal 20px/1em 'Microsoft Yahei'; border-bottom: 1px solid #bbb; color: #64a065;}
.reg-form .next-step {margin-bottom: 41px; width: 108px; height: 32px; line-height: 32px;}
/* PasswordSuccess */
.pass-wrap {margin: 40px 0 60px 0; padding-left: 106px;}
.success {margin-bottom: 60px; font-size: 16px;}
.success span {float: left; font-weight: bold;}
.success p {margin-left: 31px; padding: 10px 0 5px 0; line-height: 1.2em; font-size: 12px; color: #666;}
.success p em {padding-right: 2px; color: #f60;}
.success i {float: left; margin-right: 13px; width: 17px; height: 17px; background-position: 0 -126px;}
.success a {color: #005bbd;}
.other-line span {display: block; height: 30px; color: #666; line-height: 1em;}
.other-line a {padding: 0 10px; color: #005bb5;}
.line-b{ border-bottom:1px solid #e2e2e2; height:-1px; margin-bottom:13px; }
.footer{ text-align:center; padding-bottom:20px; color:#333333;}

/* forget */
.planbox{ width:559px; margin:0 auto; padding-top:60px; margin-bottom:30px;}
.planbox .findplan{ width:559px; height:20px; background:url('../images/findplan.png') no-repeat; margin-bottom:10px;}
.planbox .first{ background-position:0 0;}
.planbox .second{background-position:0 -24px;}
.planbox .third{background-position:0 -48px;}
.planbox dl{ }
.planbox dl dd{ float:left; width:186px; height:14px; font:14px/14px 'Microsoft Yahei'; text-align:center;}
.planbox dl dd.cur{ color:#669933;}
.reg_content ul li .vcode{ position:absolute;width:85px; height:30px; top:6px; right:5px;}
.reg_content ul li .input_vcode{background:#FFF; border:1px solid #e2e2e2; height:40px; width:130px; padding-left:10px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.reg_content ul li .vcodebox{ position:absolute; left:230px; width:200px; height:42px; line-height:42px; top:0; padding-left:15px;}
.reg_content ul li .vcodebox a{ color:#099ccc} 

/* PasswordSuccess */
.success_box{ text-align:left; font:18px/30px 'Microsoft Yahei';color:#333; padding:100px 0 20px 410px; position:relative;}
.success_box i{ background:url('../images/order_ui.png') -174px 0 no-repeat; width:48px; height:48px; position:absolute; top:108px; left:340px;}
.success_box .login_now{ color:#099ccc;}
.success_box .login_now:hover{ text-decoration:underline;}
.count_box{ color:#333; text-align:center;}
.count_box span{ color:#f90;}

/* userbind */
.bind_wrap{ background:#f2f2f2; border-top:1px solid #e2e2e2; padding:28px; font:14px/14px 'Microsoft Yahei'; color:#333; margin-bottom:20px;}
.bind_wrap .greet{ font-size:18px; line-height:40px; margin-bottom:25px;}
.bind_wrap .greet span{ font-size:30px;}
.bind_wrap .greet a{ color:#f93}
.bind_wrap .bind_from{ 
	background:#fff;
	-webkit-box-shadow: 0 0 3px #999;  
    -moz-box-shadow: 0 0 3px #999;  
    box-shadow: 0 0 3px #999;
	padding:40px 0;
	position:relative; 
}
.bind_wrap .bind_from .bind_left{width:270px; margin-left:132px; display:inline;}
.bind_wrap .bind_from h1{ font: normal 24px/24px 'Microsoft Yahei'; text-align:center; padding-bottom:25px;}
.bind_wrap ul{}
.bind_wrap ul li{ position:relative; zoom:1; margin-bottom:10px; height:70px;}
.bind_wrap ul li .lable{ position:absolute; color:#999; text-align:right; width:132px; height:40px; line-height:40px; top:0; left:-137px;}
.bind_wrap ul li .lable em{ color: #F00}
.bind_wrap ul li .input_w{ position:relative;z-index:1;}
.bind_wrap ul li .input_w i{position:absolute; z-index:5;}
.bind_wrap ul li .input_w i.text_right{display:none;}
.bind_wrap ul li .input_w label{ font-size:12px; line-height:12px; height:12px; color:#333;cursor:pointer; padding-bottom:20px;display: inline-block }
.bind_wrap ul li .input_w .deal{ color:#099ccc;font-size:12px; padding-bottom:20px; display: inline-block;cursor:pointer;}
.bind_wrap ul li .input_w .deal:hover{ text-decoration:underline;}
.bind_wrap .user{width:29px; height:24px; top:8px; left:5px; background-position:0 0;}
.bind_wrap .pass{width:20px; height:24px; top:8px; left:10px;background-position:-31px 0;}
.bind_wrap .phone{width:14px; height:24px; top:8px; left:13px;background-position:-53px 0;}
.bind_wrap ul li .input_text{background:#FFF; border:1px solid #e2e2e2; height:40px; width:198px; padding-left:40px; padding-right:30px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.bind_wrap ul li p{ height:28px; line-height:28px; padding-left:5px; position:absolute; padding-left:26px; color:#fe8b91; top:46px; left:0; width:355px;display:none;}
.bind_wrap ul li p b{ position:absolute; background:url('../images/order_ui.png') 0 -29px no-repeat; width:17px; height:17px; top:6px; left:5px;}
.bind_wrap ul li p a{color:#099ccc}
.bind_wrap ul li p.err-agre{top:10px;}
.bind_wrap ul li span.tips{display:none;position:absolute;left:0px;top:46px;line-height:16px;}
.bind_wrap .text_right{ background:url('../images/order_ui.png') 0 -47px no-repeat; width:17px; height:17px; top:13px; right:8px;}
.bind_wrap ul li .input_stext{background:#FFF; border:1px solid #e2e2e2; height:40px; width:248px; padding:0 10px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.bind_wrap ul li .getcode{ position:absolute;border:1px solid #e2e2e2; height:40px; line-height:40px; padding:0 10px; background:#f2f2f2; display:block; right:0px; top:0;text-decoration:none;font-size:12px;width:98px;text-align:center;}
.bind_wrap ul li .getcode:hover{ text-decoration:none;}
.bind_wrap .acc_info{ font-size:20px; width:430px; position:absolute; text-align:center;top:40%; right:30px;}
.bind_wrap .acc_info .state{ color:#f90; cursor:pointer;}
.bind_wrap .bind_from .bind_right{ width:270px;margin-right:50px;display:inline;margin-top:47px; padding:30px; border:1px solid #e2e2e2;}
.bind_wrap .bind_from .bind_right .acc_tit{ font-size:16px; margin-bottom:30px;}
.bind_wrap .bind_from .bind_right .bind_btn{ width:130px;}
.bind_wrap .bind_from .bind_right .find_psw{ color:#999;height:40px; line-height:40px; padding:0 20px; display:block;}
.bind_wrap .bind_from .bind_right .find_psw:hover{ color:#099ccc}
.bind_wrap ul li .vcode{ position:absolute;width:85px; height:30px; top:6px; right:5px;}
.bind_wrap ul li .input_vcode{background:#FFF; border:1px solid #e2e2e2; height:40px; width:165px; padding-left:10px; font:14px/40px 'Microsoft Yahei'; color:#999;}
.bind_wrap ul li .vcodebox{ position:absolute; left:270px; width:200px; height:42px; line-height:42px; top:0; padding-left:15px;}
.bind_wrap ul li .vcodebox a{ color:#099ccc} 

.err-msg{height:20px;line-height:20px;margin-bottom:10px;position:relative;padding-left:35px;color:#fe8b91;display:block;}
.err-msg b{background: url("/images/order_ui.png") no-repeat 0 -29px;height: 17px;left: 5px;position: absolute;top: 2px;width: 17px;}