* {
    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:#F3F4F8;
	/*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;
}
.flexbox {
	display:-webkit-box;
	display:-moz-box;
	display:box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end
}
.flexbox-1 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1
}
html {
  font-size: 100px;
}

ul::-webkit-scrollbar{width: 0px;height: 0px;}
.wrap{
	min-width:320px;
    max-width:750px;
    margin:0px auto;
    overflow:hidden;
}
header.headbar{
	width:100%;
	height:.44rem;
	line-height:.44rem;
	color:#333;
	left:0;
	top:0;
	z-index:999;
	zoom:1;
}
header.headbar .head{	
	background:#FFFFFF;
	max-width:750px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	padding:0 .15rem;
	height:.44rem;
	line-height:.44rem;
}
header.headbar .head .name{
	position:absolute;
	left:0;
	width:100%;
	justify-content:center;
	font-size:.18rem;
	color:#1F1F1F;
	left:0;
	z-index:90;
	font-weight:bold;
}
.head>div{	
	display:flex;
	align-items:center;
}
.login_imgBox{
	position:relative;
	z-index:99;
}
.login_imgBox a, .wap_share a{
	display:block;
	position:relative;
}
.login_imgBox span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:.4rem;
	height:.125rem;
	background:#E02A52;
	border-radius:.05rem .05rem .05rem 0;
	position:absolute;
	right:-.35rem;
	top:.05rem;
	font-size:.10rem;
	color:#fff;
}
.wap_share{
	z-index:99;
}
.wap_share a span{
	display:block;
	position:absolute;
	right:-.03rem;
	top:-.03rem;
	width:.09rem;
	height:.09rem;
	background:#E02A52;
	border:2px solid #fff;
	border-radius:50%;
}
.login_imgBox a img{
	display:block;
	width:.35rem;
	height:.35rem;
	border-radius:50%;
}
.login_imgBox .back{
	display:block;
	width:.2rem;
	height:.44rem;
	background:url(../images/t4.png) no-repeat left center;
	background-size:.105rem .175rem;
}
.wap_share a{
	margin-left:.16rem;
}
.wap_share a img{
	display:block;
	width:.225rem;
	height:.225rem;
}
.share_link{
	margin-right:.085rem;
}
.share_link a{
	display:block;
	width:.19rem;
	height:.19rem;
	background:url(../images/xy39.png) no-repeat;
	background-size:100% 100%;
}
.share_link a.share_white{
	display:block;
	width:.19rem;
	height:.19rem;
	background:url(../images/xy41.png) no-repeat;
	background-size:100% 100%;
}
.weixin_share{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background:rgba(0, 0, 0, .8);
	z-index:120;
	display:flex;
	justify-content:flex-end;
	max-width:750px;
	z-index:9999;
}
.weixin_share a{
	display:block;
	width:1.88rem;
	height:.96rem;
	background:url(../images/xy40.png) no-repeat;
	background-size:100% 100%;
	margin-top:.1rem;
	margin-right:.23rem;
}
/* 返回社区 */
.goback{
	background:#E02A52;
	color:#fff;
	font-size:.12rem;
	padding:0 .075rem;
	height:.225rem;
	line-height:.225rem;
	border-radius:0 .115rem .115rem 0;
	display:flex;
	justify-content:center;
	position:fixed;
	left:0;
	bottom:20%;
	z-index:999;
}
.goback img{
	display:block;
	width:.09rem;
	height:.09rem;
	margin-left:.075rem;
	margin-top:.07rem;
}
/* article{
	margin-top:.44rem;
} */
.shaky{
	animation-delay: 0s;
	animation-name: loading;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: -0.36s;
}
.fixed{
	position:fixed!important;
}
@-moz-keyframes loading {
  0%,100%{
    -moz-transform: scale(0.8) rotateZ(0deg);
    transform: scale(0.8) rotateZ(0deg);
  /*  opacity: 1; */
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
   /* opacity: .2; */
  }

  76% {
    -moz-transform: scale(1) rotateZ(-8deg);
    transform: scale(1) rotateZ(-8deg);
   /* opacity: .6; */
  }
}
@-webkit-keyframes loading {
  0%,100%{
    -moz-transform: scale(0.8) rotateZ(0deg);
    transform: scale(0.8) rotateZ(0deg);
  /*  opacity: 1; */
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
   /* opacity: .2; */
  }
  76% {
    -moz-transform: scale(1) rotateZ(12deg);
    transform: scale(1) rotateZ(12deg);
   /* opacity: .6; */
  }
}
@keyframes loading {
  0%,100%{
    -moz-transform: scale(0.8) rotateZ(0deg);
    -ms-transform: scale(0.8) rotateZ(0deg);
    -webkit-transform: scale(0.8) rotateZ(0deg);
    transform: scale(0.8) rotateZ(0deg);
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    -ms-transform: scale(1.1) rotateZ(12deg);
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
  }

  76% {
    -moz-transform: scale(1) rotateZ(-8deg);
    -ms-transform: scale(1) rotateZ(-8deg);
    -webkit-transform: scale(1) rotateZ(-8deg);
    transform: scale(1) rotateZ(-8deg);
  }
}
.disable{
	overflow:hidden;
	height:100%;
	-webkit-overflow-scrolling: touch
}
::-webkit-scrollbar{
	display:none;
}