*{margin: 0;padding: 0;list-style: none;word-wrap:break-word; }
html{font-size:20px;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td  {
  margin: 0;
 
  padding: 0;
}
body{ max-width:800px;font-size:0.6rem;margin:0 auto; background:#f5f5f5;}
body,button, input, select, textarea{
    font-family: "Helvetica Neue", Helvetica, STHeiTi,\5FAE\8F6F\96C5\9ED1; font-size:0.6rem;color:#303030;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family:Helvetica,\5fae\8f6f\96c5\9ed1; }
small { font-size: 0.6rem; }
div{font-size:0.6rem;}
img{font-size:0;}
ul, ol { list-style: none;  font-size:0.6rem;}
li,div,dt,a,span,input,textarea,select,label{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a { text-decoration: none; color:#303030}
a:hover { text-decoration: none;}
legend { color: #303030; } /* for ie6 */
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; outline:none;}
input::-moz-placeholder,textarea::-moz-placeholder {
	color: #b0b0b0;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #b0b0b0;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #b0b0b0;
}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block;*zoom:1}
table { border-collapse: collapse; border-spacing: 0; }
.clear{ clear:both;height:0; overflow:hidden;}
.blank10{height:0.5rem;}
.blank15{height:0.75rem;}
.show{ display:block !important;}
.hide{ display:none !important;}
.red{color:#e92b2b;}

/*iphone 6*/
@media screen and (min-width:375px){ 
html{ font-size: 20px;}  
}

@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 22.08px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.6133px;}  
}
@media screen and (min-width:480px){ 
html{ font-size: 25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size: 28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size: 42.6667px;}  
}

.line_d{width:100%; position:relative;height:1px; overflow:hidden}
.line_d:after{
	content: "";
	display: block;
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	height: 1px; overflow:hidden;
	background:#d0d0d0;
	-webkit-transform:scaleY(0.5);
	transform:scaleY(0.5);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.line_d2:after{
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}


/*header*/
.header{height:2.5rem; line-height:2.5rem; overflow:hidden; position:relative;background: #fff;border-bottom: 1px solid #e5e5e5;}
.header .title{ font-size:0.9rem; text-align:center;color:#666;}
.header .logo img{height: 2rem;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-top: .2rem;}
.header .back{width:2.2rem;height:2.2rem; background:#333; position:absolute;left:0;top:0; background:url(back.png) no-repeat 50% 50%; background-size:1rem 1rem;}
.header .link{ position:absolute;right:0;top:0; padding:0 0.5rem;color:#FF9800; line-height:2.6rem;font-size:0.8rem;}