@charset "utf-8";
/*格式化*/
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;box-sizing: border-box;}
html {height: 100%;}
body{ font-size:10px;font-family:Arial,Helvetica,sans-serif; background:#fff;} 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:Arial;}
a, p, li, div, span, table, form, input, label {font-size: 0.8rem;}

a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;max-width: 100%;}
a img { border:none; }
input,textarea{width:100%;margin: 10px 0 15px 0;padding: 5px 10px; font-family:Arial; font-size:16px;border: 1px solid #bbb}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

body {max-width: 750px; margin: 0 auto;height: 100%;color: #333;}
.header {height: 4rem;background: #14aaff;padding: 0 15px	}
.header h1 {color: #fff;font-size: 20px;line-height: 4rem;}
.logo {text-align: center;width:18rem;margin: 0 auto;padding-top: 1.8rem;vertical-align: middle}
.main {padding: 0 1.5rem;}
.top-title {margin-bottom: 4rem;}
.top-title:before {content: " ";background: url(../images/title_shadow_1.png) no-repeat;width:100%;height: 1.5rem;background-position: bottom; center;display: inline-block; background-size: 100% auto;}
.top-title:after {content: " ";background: url(../images/title_shadow_2.png) no-repeat;width:100%;height: 1.5rem;background-position: top center;display: inline-block; background-size: 100% auto;}
.top-title h1 {font-size: 0.7rem;padding:0.8rem 0;text-align: center;margin-top: -0.3rem;font-weight: bold;color: #7a5b10;}
.color-brown {color: #7a5b10;}

.form-waper {padding: 15px;position: relative;}
.img-wrap {font-size: 0;}
/*.link a {display: block;width:100%;height: 800px;position: absolute;left: 0;bottom:0;}*/
/**/
form {position: relative;}
form label, form h4{font-size: 1rem;display: block;color: #ff7801;}
form label span, form h4 span {font-size: 0.7rem;color: #ff0b00;}
form .radio-choice label {display: inline;line-height: 3rem;font-size: 16px;color: #333;}
input[type=radio] {display: inline-block;width: auto;margin: 1rem 2rem 1.5rem 0.6rem}
form .btn {
    height: 3rem;
    background: #14aaff;
    border: none;
    color: #fff;
    border-radius: 5px;
    outline: none;
    font-size: 18px;
}

form .btn:focus, form .btn:active {
    background: #0e86ca;
}
　　input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
　　color: #ccc;
　　}
　　input:-moz-placeholder, textarea:-moz-placeholder {
　　color:#ccc;
　　}
　　input::-moz-placeholder, textarea::-moz-placeholder {
　　color:#ccc;
　　}
　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {
　　color:#ccc;
　　}
.tips {color: #999;font-size: 12px;}

.footer {position: absolute;bottom: 0;width:100%;text-align: center;max-width: 640px;margin: 0 auto}
.footer-top, .footer-bottom {padding: 0 1.5rem;}
.footer-bottom {background:#666666;color: #fff;}
.footer-top .text {line-height: 1.2rem;padding-bottom: 1rem;color: #896725;}
.footer-bottom h4 {font-size: 0.9rem;padding: 1rem 0 0 0;}
.footer-bottom p {font-size: 0.6rem;padding: 0.5rem;}

.scrollup {
    width: 100%;
    height: 78px;
    opacity: 1;
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    text-indent: -9999px;
    background-image:  url(../images/1_12.jpg);
    background-repeat:  no-repeat;
    background-size: 100% auto;
    background-position: left bottom;
    z-index: 9001;
}
/**/
@media screen and (max-width:360px) {
	/*.header {height: 6rem;}
	.logo {padding-top: 1rem;}
	.top-title h1 {font-size: 0.6rem;}
	.form label {font-size: 0.6rem;}
	.footer-top .text {line-height: 1rem;}
	.top-title {margin-bottom: 2rem;}
	.footer-bottom h4 {font-size: 0.6rem;}
	.footer-bottom p {font-size: 0.4rem;}*/
}
@media (max-height: 22rem) {
	.footer {position: relative;}
}




@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	html { font-size:110.5%;}
	.code .btn {bottom: 0.9rem;}

}
@media screen and (min-width:640px) {
	html { font-size:110.5%;}
	/*input.verification-code {max-width: 25rem}*/
	/*.footer {position: relative;margin-top: 3rem;}*/
}