/*��*/


.sms-demo .loginTab ul{ width:400px; margin:0 auto}
.sms-demo .loginTab ul li{ width:198px; padding:10px 0; float:left; cursor:pointer;}
.sms-demo .loginTab ul li a{ display:block; color:#333;}
.sms-demo .loginTab ul li:first-child a{ border-right:1px solid #cccccc}
.sms-demo .loginTab ul li.active a{color:#c70304}
.sms-demo .loginTab ul li.active{ background:url(../img/login/triangle.png) bottom center no-repeat; }
/* .sms-demo .loginTab ul li:hover{ background:#ddd; }  */

.sms-demo .tab{ display:none; padding:20px; }
.sms-demo .form-group-login{ margin:20px 0 0 0; display: list-item; list-style: none;}

.sms-demo .form-group-login input{ border-radius:6px; border:1px solid #ddd;  background:#fff;}

.sms-demo .form-group-login input[type="phone"]{ background:url(../img/login/phone.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#account{ background:url(../img/login/user.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#passport{ background:url(../img/login/passport.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input[type="password"]{ background:url(../img/login/passport.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#referrer{ background:url(../img/login/passport.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#passport1{ background:url(../img/login/pass.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#referrer{ background:url(../img/login/phone.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}

.sms-demo .form-group-login input#new_account{ background:url(../img/login/user.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#new_passw{ background:url(../img/login/passport.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#new_passwords{ background:url(../img/login/pass.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
.sms-demo .form-group-login input#new_phone{ background:url(../img/login/phone.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}
/*.sms-demo .tab .form-group-login input#new_passw{ background:url(../img/login/phone.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}*/


.sms-demo .form-group-login input[type="phone"]{ background:url(../img/login/user.png) no-repeat 10px center #fff; padding:10px 10px 10px 50px; width:282px;}

.sms-demo .form-group-login input:focus{ border:1px solid #c70304;}
.sms-demo .form-group-login input#checkcode{ width:200px;padding:10px; margin-right:18px;}
.sms-demo .form-group-login input#new_checkode{ width:200px;padding:10px; margin-right:18px;}
.sms-demo .form-group-login input#btnSendCode{ 
	border:1px solid #ddd;
	position:relative;
	cursor:pointer;
	background:url(../../img/verify_btn/bg.png);	
	width:100px; padding:10px 0px; text-align: center; }
.sms-demo .form-group-login input#btnSendCode:hover{background:#FFE6E7 ; border:1px solid #E18D8E;}


.sms-demo .form-group-login #getValidate{ display: inline-block; }
.sms-demo .form-group-login .btn button{ cursor:pointer; width:344px;background:#c70304; border:1px solid #c70304;color:#fff; padding:10px 30px; border-radius:4px;}
.sms-demo .form-group-login input[type="button"]{ cursor:pointer;width: inherit; background:#ddd;}
.sms-demo .form-group-login input[type="button"]:focus{ border:none;}

.registerTab{ padding:20px 10px 10px 10px; font-size:16px;	}
.registerTab p{  padding:10px 0; color:#c70304; background:url(../img/login/triangle.png) bottom center no-repeat;}

/*
.sms-demo .container .form-group-logins{ margin:10px 0; width:500px; display: inline-flex; margin: 6px 0px 0px 0px}
*/
 ul.sms-tab{ background:#BD362F;   width:100%;}
.sms-tab li{  float:left; }
.sms-tab li a{ color:#fff; padding:10px 20px; display:block; font-size:14px; }
.sms-tab li.active{ background:#ababab }
.demo-box{ display:none; background:#fafafa; border:1px solid #ddd;}
.demo-box form{ margin:60px;}

.demo_row .left{ width:200px;float:left; overflow-y:auto; background:#f5f5f5; padding:0 20px;border-radius: 6px; }
.demo_row .left ul li a.title{ padding:20px 0; font-size:18px; color:#7c7c7c; font-weight:bold; display:block}
.demo_row .left ul li ul{ padding:0 20px;}
.demo_row .left ul li ul li a{padding:10px;font-size:16px; display:block}
.demo_row .left ul li ul li.current {color:#000;background:#efefef; border-left:2px solid #f95d41;}
.demo_row .left ul li ul li a:active{ border-left:0px solid #c70304;}