html,body{
	width: 100%;
	height: 100%;
	font-size: 14px;
	
}
@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,button,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:none;
    /*vertical-align:baseline;*/
    font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;-webkit-text-size-adjust:100%;
	/*font-family: wen,'LTXH',"方正兰亭细黑", "Microsoft Yahei","Hiragino Sans GB", Tahoma, Arial, Helvetica,sans-serif;*/
	
}

body {
	font-family: wen,'LTXH',"方正兰亭细黑", "Microsoft Yahei","Hiragino Sans GB", Tahoma, Arial, Helvetica,sans-serif;
	background:#f5f5f5;
	overflow-x:hidden;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
*{
    -webkit-tap-highlight-color:transparent;
}
a{
    -webkit-tap-highlight-color:transparent;
    color:#000;
}
/*
h1,h2,h3,h4,h5,h6,em,del{
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	-webkit-text-size-adjust:none;
}
*/
nav ul {
    list-style:none;
}
li{
	list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
.outline[type=text]:focus,.outline[type=submit]:focus,
.outline[type=radio]:focus,.outline[type=checkbox]:focus,.outline[type=password]:focus{
	outline:none;
}

input[type=text]:focus,input[type=submit]:focus,
input[type=radio]:focus,input[type=checkbox]:focus,input[type=password]:focus{
	outline:none;
}
button[type=button]:focus,button[type=submit]:focus,
input[type=reset]:focus{
	outline:none;
}
*:focus {outline: none;}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
	outline:none;
}
a:hover{
	cursor:pointer;
}
i{
	font-style:normal;
}
em
{
    color:#f00;
    /*font-size:16px;*/
    margin-top:5px;
    font-style:normal;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border-top:1px solid #cccccc;
    padding:0;
}


button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
select,
button,
input[type="type"],
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
    -webkit-tap-highlight-color:transparent;
}

label,
select,
button,
input[type="type"],
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
    -webkit-appearance: none;
  vertical-align: top;
  border: 0px;
}



u{
	display:block;
	background:no-repeat;
	background-position:50% 50%;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
.clear{
	clear:both;
	height:0;
	font:0/0 Arial;
	visibility:hidden;
}
.hide{
	visibility:hidden;
}


.text2em{
	text-indent:2em;
}

.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}
.font24{
	font-size:24px;
}
.font26{
	font-size:26px;
}

html {
  font-size: 100px;
}
@media screen and (max-width: 640px) {
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 610px) {
  html {
    font-size: 95px;
  }
}
@media screen and (max-width: 580px) {
  html {
    font-size: 90px;
  }
}
@media screen and (max-width: 540px) {
  html {
    font-size: 84px;
  }
}
@media screen and (max-width: 510px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: 75px;
  }
}
@media screen and (max-width: 450px) {
  html {
    font-size: 70px;
  }
}
@media screen and (max-width: 428px) {
  html {
    font-size: 67px;
  }
}
@media screen and (max-width: 406px) {
  html {
    font-size: 63px;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 58.6px;
  }
}
@media screen and (max-width: 360px) {
  html {
    font-size: 56px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
/*公用文字色值*/
.c_1{color:#4A90E2;}
.c_2{color:#da3231;}
.b_1{background:#4A90E2;}
.b_2{background:#da3231;}
.b_3{background:#fff!important;}
.pad_height{padding-bottom:.8rem;}
.flex{
	-webkit-box-flex:1;
    -moz-box-flex:1;
    -o-box-flex:1;
    -ms-box-flex:1;
    box-flex:1;
}
.wrap{
	min-width:320px;
    max-width:640px;
    margin:0px auto;
    overflow:hidden;
}
article{
	/*padding-bottom:.8rem;*/
}
header.headbar{
	width:100%;
	height:.6rem;
	line-height:.6rem;
	color:#fff;
	background:#da3231;
	/*position:fixed;*/
	position:relative;
	left:0;
	top:0;
	z-index:1;
	zoom:1;
}
header.headbar h1{
	font-size:.28rem;
	text-align: center;
	line-height: .6rem;
}
header.headbar a.back{
	display:block;
	position:absolute;
	top:.16rem;
	left:.3rem;
	background:url(../img/back.png) no-repeat left center;
	width:.15rem;
	height:.25rem;
	background-size:100% 100%;
}


