/* public */
@charset "utf-8";

* {
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body,
html {
    width: 100%;
    height: 100%;
}

html {
    max-width: 100%;
    margin: 0 auto;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    font-family: "微软雅黑";
}

body {
    font-size: 12px;
    color: #333;
    min-height: 100%;
    overflow-x: hidden;
    max-width: 100%;
    line-height: normal;
    margin: 0 auto;
    font-family: "微软雅黑";
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}
.flex-lc{
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: box;
	display: flexbox;
	display: flex;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items:center;
	-webkit-align-items:center;
	box-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
}
.flex-lrc {
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: box;
	  display: flexbox;
	  display: flex;
	  -moz-justify-content: space-between;
	  -webkit-justify-content: space-between;
	  justify-content: space-between;
	  align-items:center;
	  -webkit-align-items:center;
	  box-align:center;
	  -moz-box-align:center;
	  -webkit-box-align:center;
}

.bg-f5{
	background-color: #f5f5f5;
}
.mb2{
	margin-bottom: .2rem;
}
.plr2{
	padding-left: .2rem;
	padding-right: .2rem;
}

/* 弹窗 */
.wh100{
	width: 100%;
	height: 100%;
}
.z-inx{
	z-index: 99;
}
.fixed-c {
    position: fixed;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.tan-bg {
    position: fixed;
   top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .502);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#5f000000, endcolorstr=#5f000000);
    z-index: 20;
}


/* 头部 */

.header2 .content {
    overflow:hidden;
    height: 100%;
	padding: 0 .2rem;
}
.header2 {
    height: .9rem;
	background-color: #fff;
}
.header2 p {
    font-size: .3rem;
    color: #252525;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: .9rem;
}
.span1 {
	float: left;
}
.header2 span.span1 a {
	background: url(../images/icon.png) no-repeat scroll left center;
	background-size: 100% 100%;
	height: .3rem;
	margin-top: .3rem;
	width: .2rem;
	display: block;
}
.header2 span.span2 a {
   background: url(../images/icon0.png) no-repeat scroll left center;
   background-size: 100% 100%;
   margin-top: .3rem;
   width: .35rem;
   height: .3rem;
   display: block;
}


/*  */