html,body{ width: 100%; height: 100%; font-family: "微软雅黑", "宋体"; }
input,select{font-family: "微软雅黑", "宋体"}
a { outline: 0;blr:expression(this.onFocus=this.blur());-moz-outline-style: none; }
a:hover { text-decoration: none }
body{padding: 0; margin: 0;background: #1872d2;}
ul,li{list-style:none;padding:0; margin:0;}
/*首页焦点图*/
#slides { display:block;max-width:960px;height:560px; position: relative; margin: auto; }
#slides li { display:block; width:100%;height:560px;position:absolute}
#slides li a { display:block;max-width:960px; margin:70px auto;height:400px; text-indent:-1px}
#slides li.slides-img-bg1{background:none;}
#slides li.slides-img-bg2{background:none;}
#slides li.slides-img-bg3{background:none;}
#slides li.slides-img-bg4{background:none;}
#slides li a.slides-img-1{background:url(../../../images/yingmei/0/login-01.jpg) no-repeat;}
#slides li a.slides-img-2{background:url(../../../images/yingmei/0/login-02.jpg) no-repeat;}
#slides li a.slides-img-3{background:url(../../../images/yingmei/0/login-03.jpg) no-repeat;}
#slides li a.slides-img-4{background:url(../../../images/yingmei/0/login-04.jpg) no-repeat;}
#pagination { display:block; list-style:none; position:absolute; left:50%;top:580px;margin-left:-300px !important; z-index:9001;}
#pagination li { display:block; list-style:none; width:8px; height:8px; float:left; margin-left:16px; border-radius:8px; background:#0092CE; opacity:0.8;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px}
#pagination li.current { background:#ffffff;}
#loginbox.regbox{height:100%;}
/*头部*/
#header {position: relative; font-size:14px;}
#logo {max-width:940px; padding:10px; margin:auto; height:60px; clear: both;}
#logo img{ display:block; float:left;}
#logo .right { padding-top: 15px; float:right}
#logo .right a { opacity:0.8; color:#fff;}
#logo .right a:hover { opacity:1;}
/*登陆窗口*/
#loginbox {position: absolute; top:50px; z-index:10000; right:8%; overflow: hidden !important; width: 280px; height: 420px; border-radius: 8px; background: #FFF; border: 1px solid #1872d2; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); }
#loginbox form { width: 100%; text-align: center; display: block; position: absolute; }
#loginbox p { margin-bottom: 24px; padding:0px; font-size:17px;overflow:auto;}
#loginbox p a{ display:block;  float:left; line-height:48px; height:48px; width:50%; text-align:center;
border-bottom:1px solid #ccc;
background-color: #ccc;
background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ddd), to(#ccc));
background-image: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
background-image: -moz-linear-gradient(top, #ddd 0%, #ccc 100%);
background-image: -ms-linear-gradient(top, #ddd 0%, #ccc 100%);
background-image: -o-linear-gradient(top, #ddd 0%, #ccc 100%);
background-image: linear-gradient(top, #ddd 0%, #ccc 100%)
}
#loginbox p .open-on{ background:#fff !important; border-bottom:1px solid #fff !important;}
#loginbox .form-actions { padding: 14px 21px 15px 20px;}
#loginbox .form-actions .pull-left { margin-top:2px}
#loginbox form#loginform { z-index:200}
#loginbox form#recoverform { z-index: 100; opacity: 0; display: none}
#loginbox form#recoverform .form-actions { margin-top: 27px}
#loginbox form#recoverform .control-group { margin: 23px 0}
.login-reg .title{font-size:24px;color:#262626;font-weight:100;}
.login-reg .reg-weixin{margin-top:20px;}
.login-reg .reg-weixin img{vertical-align:top;}
.login-reg .reg-weixin .tit{font-size:12px;color:#c7c7c7;font-weight:lighter;margin:0;padding-top:4px;}
#slides.reg-slide{height:490px;}
#loginbox.regbox{top:0;}
#loginbox.regbox .form-actions{border-top:0;padding-top:10px;}
.regbox .form-vertical .input-prepend input{width:100%;box-sizing:border-box;}
.regbox .form-vertical .input-prepend{padding:0 10%;}
.skin-reg .footer{position:absolute;left:0;right:0;bottom:0;}
.loginbox.regbox .btn-success{
	border:0;
	background-image: -moz-linear-gradient(top,#29D12D,#329138);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#29D12D),to(#329138));
	background-image: -webkit-linear-gradient(top,#29D12D,#329138);
	background-image: -o-linear-gradient(top,#29D12D,#329138);
	background-image: linear-gradient(to bottom,#29D12D,#329138);
	background-repeat: repeat-x;
	text-shadow:none;
	color: #fff;
	width:auto !important;
	display:block;
	}
.regbox .reg_ok{display:inline-block;width:24px;height:20px;background:url(../../../images/yingmei/0/reg_ok.png) no-repeat;}
.skin-reg .textar{width:100%;box-sizing:border-box;font-size:14px;height:36px;line-height:30px;transition:all 300ms 0ms;}
.skin-reg .textar:focus{height:60px;overflow:auto;}
.footer p{margin-bottom:0;}
@media (max-width: 480px) {
	#logo img {display: block;float: none;margin: auto;}
}
@media (max-width: 640px) {
	#logo .right{display:none;}
	#slides{ height:380px;width:100%;margin-bottom:35px;}
	#loginbox{ top:25px;height:100%;}
	#slides li,#pagination{ display:none !important; overflow:hidden;}
	#loginbox { width: 73% !important; position: relative; margin: 0 auto; right: 0px;clear:both;}
	#loginbox.regbox{width:73%;padding-bottom:0;}
	#loginform .controls .input-prepend{padding:0 10%;display:flex;}
	#loginform .controls .input-prepend input{flex:1;width:100px;}
	#loginbox .form-actions{padding:30px 10% 0;}
	#logo{padding-top:35px;}
	.skin-reg #logo{padding-top:10px;}
	.login-reg.form-vertical .btn{display:block;width:auto !important;}
	#loginbox.regbox .form-actions{border-top:0;padding-top:10px;}
	#loginform.login-reg .control-group .contr-txr{font-size:14px;text-align:right;color:#c6c6c6;margin-top:10px;padding-right:10%;}
	.phone-hide{display:none !important;}
}

@media (min-width: 641px) and (max-width: 900px) {
	#slides li,#pagination{ display:none !important;overflow:hidden;}
	#loginbox {margin: 0 auto; right: 0px; position: relative;}
}

.form-vertical,.form-actions { margin-bottom: 0; }
.form-actions { background: #FFF; border-top: 1px dashed #ddd; }
.input-prepend i { opacity: 0.2; }
.input-prepend .add-on { padding: 6px 6px 0px 8px; height: 28px; background: #fff; }
.form-vertical .input-prepend input { height: 36px; line-height:32px;width: 208px;}
.form-vertical .input-prepend { margin-bottom: 12px; }
.form-vertical .btn { width: 100% !important; cursor: pointer;}
#loginform .control-group{font-size:0;text-align:center;}
#loginform .control-group > a{font-size:14px;}
#loginform .control-group > a:nth-child(2){display:none;}
/*底部*/
.footer { text-align: center; color: #68b5f6; padding: 10px; font-size: 12px; }
.footer a { color: #68b5f6;display:inline-block;margin-right:3px;}
.footer a:hover { color: #fff;}
/*注册*/
#login-reg{width:90%; max-width:960px; height:520px; border-radius: 8px; background: #FFF; border: 1px solid #1872d2; box-shadow: 0px 0px 12px rgba(0,0,0,0.2);  margin: 6px auto; background:#fff url(../../../images/yingmei/0/login-02.jpg) no-repeat bottom right;}
#login-reg form{ width:90%; margin:0px auto; padding-top:25px;}
#login-reg p { font-size:22px;padding-bottom:15px; display:block; margin-bottom:10px; border-bottom:1px dashed #ddd;}
#login-reg form .controls input[type="text"]{height: 36px; line-height:32px; width:280px;}
#login-reg form .controls{  padding-top:10px;}
.help-block{ font-size:12px; color:#aaa;}
.selcss{width:auto; margin-top:-3px;}
#submitform{width:310px;}
@media (max-width: 640px) {
#login-reg form .controls input[type="text"]{height: 40px; line-height:32px; width:91%;}
#login-reg{ background:#fff;}
#submitform{width:100%;}
.login-reg .selcss{padding-left:0;padding-right:0;}
}
/*添加 */
.newState{padding-right:20px;height:20px;line-height:20px;}
.newState .newState-right{font-size:14px;color:#888;text-align: right;display: inline-block;width:100%;}
.newState .newState-right:hover{color:#09f;}
.new-actions{margin-top:14px;}
/* 忘记密码 */
.forget_password{padding-top:38px;}
/* .password-list{width:833px;height:540px;background-color:#fff;margin:0 auto;} */
.password-list{width:960px;height:540px;background-color:#fff;margin:0 auto;}
.retrieve_password{padding:33px 0 35px 0;text-align: center;border-bottom:1px solid #dadada;font-size:#333;font-size:30px;margin:0;}
/* .input-password{padding:40px 197px 0;} */
.input-password{padding:40px 261px 0;}
.input-password  .input-phone{margin-bottom:10px;color:#808080;font-size:14px;}
.input-put{width:438px;padding:14px 20px;border:1px solid #dadada;border-radius:3px;height:48px !important;}
.phone-code{margin-top:18px;}
.input-short{width:438px;height:48px;}
.input-code{width:325px;margin-right:13px;float: left;}
.but-code{width:100px !important;height:100%;float: right;background-color:#3B78DD;color:#fff;font-size:15px;border:none;border-radius:3px;}
.but-last{width:438px;height:50px;background-color:#3B78DD;color:#fff;border-radius:3px;border:none;font-size:21px;}
.but-step{margin-top:40px;text-align: center;}
.input-icon{text-align: center;margin-top:61px;}
.input-icon .iconqueding{font-size:85px;color:#1AAD19;}
.setUp-passWord{margin-top:28px;font-size:21px;color:#444;padding-bottom:11px;}
.passWord-index,.lastStepUp,.goIndex{display:none;}
.findPassWord{display:block;}

.forget-logo #logo img{width:7%;margin-top:15px;display: none !important;}
/* .forget-logo #logo .right{padding-top:0;} */
.checkingCode{height:48px;line-height:48px;display: flex;justify-content: space-between;margin: 22px 0 22px;}
.checkingCode .add-on{height:38px;border:1px solid #ddd;line-height:38px;
	background-color: #f0f0f0;padding: 4px 5px;}
.checkingCode .addIcon{border-right:0;border-radius: 4px 0 0 4px;}
.checkingCode .input-put{border-radius:0;flex:1;}
.checkingCode .addCode{border-radius: 0 4px 4px 0;border-left:0;}



#loginbox form{height:100%;position:relative}
#loginform .newPhone{position:absolute;bottom:0;left:0;height:40px;width:100%;text-align:center;line-height:40px;background-color:#fafafa;border-radius:0 0 4px 4px;margin-bottom:0}
#loginform .newPhone .phonenum{font-size:12px;color:#555}
@media (min-width:1200px){#loginbox{top:30px !important;width:385px !important;height:500px !important;border-radius:4px !important}
	#loginbox p a{display:block;float:left;line-height:63px;height:63px;width:50%;text-align:center;background-color:#f3f3f3;background-image:none;color:#333;border:none !important;overflow:hidden}
	#loginbox p .open-on{border:none !important}
	#loginbox .input-prepend{position:relative;width:340px;margin:0 auto 22px}
	#loginbox .input-prepend .add-on{padding:0px 6px 0px 15px;height:48px;background-color:transparent;position:absolute;top:0;left:0px;z-index:99;border:0;line-height:48px}
	#loginbox .input-prepend input{height:48px;line-height:32px;width:100% !important;padding-left:42px;border-radius:4px}
	#loginbox .form-actions{border:none !important;padding:0px 21px 15px 20px;margin-top:26px !important;height:50px;cursor:pointer}
	#loginbox .form-actions #login{height:50px !important;margin-bottom:0 !important}
	#loginform .newPhone{position:absolute;bottom:0;left:0;height:70px;width:100%;text-align:center;line-height:70px;background-color:#fafafa;border-radius:0 0 4px 4px;margin-bottom:0}
	#loginform .newPhone .phonenum{font-size:15px;color:#555}
	#loginbox .imgcode .input-prepend .code-on{
		padding:0px 6px;
	}
	#loginbox .imgcode .input-prepend .code-on img{
		margin-top: -4px;
	}
}