/*reset*/
*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-overflow-scrolling: touch; box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; font-size:20px;}
body{margin: 0; padding: 0; background:#f4db28; font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, "Microsoft YaHei", "PingFang SC", Arial, sans-serif; text-align: center;}
input:focus{outline: none;}
a{text-decoration: none;}
ul,li,dl,dt,dd,ol{ margin:0; padding:0; list-style:none;}
em,i{ font-style:normal; margin:0; padding:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0;}
a:link,a:visited{outline:none; text-decoration: none; blr:expression(this.onFocus=this.blur());color: #323234;}
a:hover{color: #004f99; text-decoration: none;}

body{ }

.index{height: auto; overflow: hidden; background:url(../images/banner.jpg) no-repeat center top; background-size:100% auto; padding:600px 0 40px 0;}
.index .container {padding:1.5rem  1rem  ;background:#fffbf2; box-shadow:0.3rem 0.5rem 0 #c8b897;}
.indextit {height: auto; overflow:hidden; padding-bottom:30px; text-align:center; border-bottom:1px #ccc dashed; }
.indextit p{font-size:14px;color:#666;text-align: left;line-height:25px;}
.indextit h1{font-size:24px; color:#006dbc; font-weight: bold; margin-bottom:30px;}
.indextit h3{font-size:16px; color:#666;}
.indexform{padding:30px 0; text-align: left; height: auto; overflow:hidden;}
.indexform dt{font-size:16px; color:#333; padding:20px 0; text-align: center;}
.indexform li{padding:20px 0; position: relative;}
.indexform li p{margin:10px 0 10px 10px;}
.indexform li i{font-size:12px; color:#ff0000; position: absolute; left:15px; top:42px; z-index:1;}
.indexform li input{width:100%; height:40px; line-height:40px; border:1px #ccc solid; padding:0 10px; border-radius:5px; font-size:15px; color:#333; margin-bottom:5px;}
.indexform li input::placeholder{font-size:15px; color:#666;}
.indexform li select{width:100%; height:40px; line-height:40px; border:1px #ccc solid; padding:0 10px;  border-radius:5px; font-size:15px; color:#333;}
.indexform li select option{font-size: 15px;}
.indexform li span.errorTips{ font-size:14px; color:#f00; margin-left:20px;}
.indexform li span.error{ font-size:14px; color:#f00; margin-left:20px;}
.indexform .fbtn{display: block; background:#006dbc; color:#fff; border:0; font-size:16px; padding:8px 40px;  margin:20px auto;}
.indexform .fbtn:hover{background:#ca9b53;}
.indexform .many input{width:15px;height:15px;border-radius:100%;float:left;margin-right:10px;}
.indexform .many label{font-weight: normal;}
.indexform .many span{height: auto;overflow: hidden;display: block;}
.indexform .many h3 strong{color: #999;}

.hidebox{display:none;}


.login{width:100%; height:100%;background:url(../images/bodybg.jpg) no-repeat center top; background-size:100% 100%; display: flex; justify-content:center; align-items:center;}
.login .container{padding 0 180px;  display:flex; flex-direction:column; justify-content:center; align-items:center;  text-align:center; }
.login form{width:100%;}
.login .inputbox{width:50%; margin:20px auto;}
.login .inputbox input{width:100%; height:2rem; line-height:2rem; text-align:center; padding:0 0.5rem; border-radius:3px; border:1px #ccc solid; font-size:0.75rem; margin-bottom:10px;}
.login p{margin:10px 0 20px 0; font-size:14px; color:#666; }
.login .inbtn{display: block; background:#0095ff; color:#fff; border:0; font-size:16px; padding:8px 40px;  margin:0 auto;}
.login .inbtn:hover{background:#007AFF;}
.success{width:100%; height:100%;background:url(../images/bodybg.jpg) no-repeat center top; background-size:100% 100%; display: flex; justify-content:center; align-items:center;}
.success .container{padding:180px 0;  display:flex; flex-direction:column; justify-content:center; align-items:center;  text-align:center;}
.success h1{margin:10px 0 20px 0; font-size:30px; font-weight:bold; color:#333; margin-bottom:30px; line-height:2; }
.success .sbtn{display: block; background:#0095ff; color:#fff; border:0; font-size:16px; padding:8px 40px;  margin:0 auto;}
.success .sbtn:hover{background:#007AFF;}
.success span{font-size:12px; color:#999; position: absolute; right:10px; bottom:10px;}
.modal-dialog{margin-top:15%;}
.modal-header{border: 0;}
.modal-body{font-size:16px; color:#333;}
.modal-footer{text-align: center; border:0;}
.modal-footer .btn{width:30%; border:0;}
.modal-footer .btn-primary{background:#0095ff;}
.error{color:#f00; display:block; font-weight:normal; padding-left:20px}
p .error{padding:0}
.indexform .many .error{padding-left:0;}
.container {
	height: auto;
	overflow:hidden;
	background:rgba(255,255,255,0.9);
	padding:50px 70px;
	margin:0 auto;
	position: relative;
}

@media screen and (min-width:1000px){
	.container {
		max-width:1000px;
	}
}
@media screen and (max-width:1000px){
	body{}
	.index{ background:url(../images/wapbanner.jpg) no-repeat center top; background-size:100% auto; padding:0 0 0 0;}
	.index .container {padding:1.5rem 1rem; margin:20rem 1rem 2rem 1rem; box-shadow:0.3rem 0.5rem 0 #c8b897;}
	.indextit {padding-bottom:0.5rem; border-bottom:1px #ccc dashed; }
	.indextit h1{font-size:1rem;margin-bottom:0.75rem;}
	.indextit h3{font-size:0.7rem; }
	.indexform{padding:0.5rem 0; }
	.indexform dt{font-size:0.85rem; padding:0.5rem 0; }
	.indexform li{padding:0.1rem 0;}
	.indexform li h3{font-size:0.75rem; }
	.indexform li i{left:0.2rem; top:1.2rem;}
	.indexform li p{margin:0.5rem 0;}
	.indexform li input{width:100%; height:2rem; line-height:2rem; padding:0 0.5rem; font-size:0.7rem;}
	.indexform li input::placeholder{font-size:0.7rem; color:#666;}
	.indexform li select{width:100%; height:2rem; line-height:2rem; padding:0 0.5rem; font: size 0.7em;rem;}
	.indexform li span.errorTips{ font-size:0.7rem; margin-left:0.5rem;}
	.indexform li span.error{ font-size:0.7rem; margin-left:0.5rem;}
	.indexform .fbtn{width:100%; font-size:0.75rem; padding:0.5rem 0; border-radius:10px;  margin:0 auto;}

}