@charset "UTF-8";

/* CSS初始化 */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{margin:0; padding:0;}
fieldset,img{border:0; vertical-align:top;}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400; font-style:normal;}
li,ol,ul{list-style:none;}
dd,div,dl,dt,li,ol,ul{zoom:1;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-size:100%;}
q:after,q:before{content:'';}
abbr,acronym{border:0;}
img{border: 0; vertical-align: top;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; line-height: 1.8;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Public */
body{color: #333; line-height: 1.8; font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; background: #eee;}
html,body{height: 100%; font-size: 13.3333333333333vw;}
a{color: #333; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);}
a:hover{color: #000;}
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; }
input, textarea, select, button{font-size: inherit; color: inherit; font-family: inherit; line-height: initial; border-radius: 0;}
#wrap{background: #fff url(../images/pageBg.jpg) no-repeat center center; background-size: cover; font-size: .3rem; min-height: 100%;}
#content{overflow: hidden; position: relative; z-index: 0;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{clear: both; height: 0; overflow: hidden; display: block; visibility: hidden; content: ".";}
.hide{display: none !important;}
.show{display: block !important;}


/* 更多按钮 */
.btn-more{margin: .2rem .2rem 0; height: 40px; line-height: 40px; background: #eee; text-align: center; display: block; color: #666; font-size: 16px;}


/* 头部 */
#header{position: relative; text-align: center; padding: 1rem .7rem;}
/* Logo */
.logo{ text-align: center; }
.logo img{ width: 2.8rem; height: auto; }
/* 网站标题 */
.site-title{ font-size: 0; color: #333; margin-top: .45rem; }
.site-title h3{ font-size: .54rem; display: inline-block; line-height: .85rem; font-weight: bold; }
/* 主要内容 */
#content{ padding: .4rem .3rem; background: rgba(255, 255, 255, .6); margin: 0 .3rem; }
/* 表单布局 */
.form-row{ display: -webkit-flex; display: flex; padding: .2rem 0; justify-content: center; }
.form-row dt{ width: 5.5em; text-align: right; line-height: .64rem; padding: 1px 0; font-size: .32rem; }
.form-row dd{ width: 1%; flex-grow: 1; display: -webkit-flex; display: flex; align-items: center; }
.form-row-btn{ padding: .5rem 0 .3rem; }
.form-text{ width: 100%; border: 1px solid #ccc; line-height: .4rem; padding: .15rem .2rem; border-radius: .1rem; outline: none; }
.form-short{ width: 1.5rem; }
.form-yzm{ margin-left: .15rem; height: .7rem; max-width: 1.6rem; }
.form-yzm-text{ margin-left: .15rem; font-size: .26rem; text-decoration: underline; }
.form-btn{ padding: 0 1rem; font-size: .34rem; line-height: .75rem; color: #fff; border: none; border-radius: .75rem; margin: 0 .15rem; outline: none;
	background: -webkit-linear-gradient(180deg, #666, #333);
    background: linear-gradient(180deg, #666, #333);
    box-shadow: .04rem .04rem 0 rgba(0,0,0,.15);

}
.form-value{  font-size: .32rem; line-height: .5rem; padding: 0.1rem; }
@media screen and (min-width: 600px){

	#wrap{max-width: 600px; position: relative; margin: 0 auto}
	html,body{font-size: 80px;}
}