* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body {
    font-size:16px;
   /* height: 100%; */
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
body {
    position: relative;
}
@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;	
	font-family: PingFang SC;
}

body {
	background:#F7F9FB;
	/*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;
}



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;
}
.hiden{
	visibility:hidden;
}
.hide{
	display:none;
}

.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;
}


::-webkit-scrollbar{
	width: 0px;
	height: 0px;
	display:none;
}
html,body{
	width:100%;
	height:100%;
}
#app{
	width:100%;
	height:100%;
}
.wrap{
	width:100%;
	height:100%;
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	min-width:320px;
    max-width:750px;
    margin:0px auto;
    overflow:hidden;
}
.content{
	flex:1;
	overflow-y:scroll;
}
.home_head{
	height:.44rem;
	display:flex;
	background:#FFFFFF;
	justify-content:center;
	align-items:center;
	padding:0 .15rem;
}
.home_head .left, .home_head .right{
	flex:1;
	display:flex;
	align-items:center;
	position:relative;
}
.home_head .left{
	font-size:.17rem;
	color:#1F1F1F;
	font-weight:700;
}
.home_head .left a{
	display:block;
	width:.20rem;
	height:.20rem;
	margin-right:.05rem;
}
.home_head .left a img{
	display:block;
	width:100%;
}
.home_head .right{
	justify-content:flex-end;
}
.home_head .right a{
	display:block;
	font-size:.14rem;
	color:#1F1F1F;
	text-align:center;
	padding:0 .1rem;
	height:.3rem;
	line-height:.3rem;
	background:#F7F9FB;
	border-radius:.05rem;
}
.home_head .right span{
	display:block;
	position:absolute;
	right:0;
	top:-.07rem;
	height:.15rem;
	line-height:.15rem;
	background:#D93231;
	color:#FFFFFF;
	border-radius:.05rem .05rem .05rem 0;
	font-size:.10rem;
	padding:0 .05rem;
}
.info_head{
	height:.44rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 .15rem;
}
.info_head .left, .info_head .right{
	flex:1;
	display:flex;
}
.info_head .title{
	font-size:.17rem;
	color:#1F1F1F;
	font-weight:700;
}
.info_head .left a{
	display:block;
	width:.3rem;
	height:.44rem;
}
.info_head .left .back{
	background:url(../images/t1.png) no-repeat left center;
	background-size:.115rem .185rem;
}
.info_head .left .home{
	background:url(../images/t2.png) no-repeat left center;
	background-size:.165rem .165rem;
}
.info_head .right{
	justify-content:flex-end;
}
.info_head .right a{
	display:block;
	width:.22rem;
	height:.44rem;
	margin-left:.14rem;
}
.info_head .right .shou{	
	background:url(../images/t8.png) no-repeat center center;
	background-size:.22rem .22rem;
}
.info_head .right .fen{	
	background:url(../images/t7.png) no-repeat center center;
	background-size:.22rem .22rem;
}
.info_head .right a.shou.on{
	background:url(../images/t6.png) no-repeat center center;
	background-size:.22rem .22rem;
} 
.home_foot, .know_btn{
	display:flex;
	height:.78rem;
	background:#F7F9FB;
}
.home_foot .item, .know_btn a{
	height:.44rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
	flex:1;
}
.home_foot .item span{
	display:block;
	width:.235rem;
	height:.235rem;
	margin-top:.065rem;
}
.home_foot .item i{
	display:block;
	font-size:.10rem;
	color:#999999;
}
.home_foot .home span{
	background:url(../images/f1.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .img span{
	background:url(../images/f2.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .self span{
	background:url(../images/f3.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .active.home span{
	background:url(../images/f4.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .active.img span{
	background:url(../images/f4.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .active.self span{
	background:url(../images/f6.png) no-repeat;
	background-size:100% 100%;
}
.home_foot .active i{
	color:#D93231;
}
.know_btn a{
	font-size:.15rem;
	color:#D93231;
	font-weight:700;
	line-height:.44rem;
}