/* css document */
@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	/*border: 0;*/
	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
	tap-highlight-color: transparent;

}
*:not(input,textarea) {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

/*移动端*/
html{font-size: 625%; font-size: 100px; }
body{font-size: 0.16rem;}
body{  font-family:arial,"microsoft yahei","微软雅黑";-webkit-font-smoothing: antialiased;}

html,body{
	height: 100%;
}
blockquote, body, dd, dir, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, input[type=checkbox], input[type=radio], input[type=range], listing, menu, ol, p, plaintext, pre, ul, xmp {
	margin: 0;
}

button, dir, fieldset, input, input[type=button], input[type=checkbox], input[type=file], input[type=hidden], input[type=image], input[type=password], input[type=radio], input[type=range], input[type=reset], input[type=search], input[type=submit], isindex, legend, menu, ol, textarea, ul {
	padding: 0;
}

html * {
	outline: 0;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent;
}

input, select, textarea {
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	border: 0;
	border-radius: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
button, input, select {
	color: inherit
}

button, input, select, textarea {
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	margin: 0;
}
address, cite, dfn, em, i, var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: normal;
}

fieldset, iframe {
	border: 0;
}

ol, ul {
	list-style: none
}
a{
	color: #333;
	text-decoration:none;
}


/*ie7不支持的清除浮动*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:".";
	clear:both;
	height:0;
}
* html .clearfix{
	zoom:1;
}
/*全版本兼容清楚浮动*/
.clears{ clear:both; line-height:0px; overflow:hidden; font-size:0px; height:0px;}
input,textarea,select{font-family:verdana,arial,"microsoft yahei","微软雅黑";}
a{color: #333;text-decoration: none;}
a:hover {color: inherit;}


.mui-flex {
	display: -webkit-box;      /* old - ios 6-, safari 3.1-6 */
	display: -moz-box ;           /* old - firefox 19- (buggy but mostly works) */
	display: -ms-flexbox ;          /* tweener - ie 10 */
	display: -webkit-flex ;         /* new - chrome */
	display: flex ;                /* new, spec - opera 12.1, firefox 20  */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.mui-flex .mui-flex {
	display: -webkit-box !important;      /* old - ios 6-, safari 3.1-6 */
	display: -moz-box !important;           /* old - firefox 19- (buggy but mostly works) */
	display: -ms-flexbox !important;          /* tweener - ie 10 */
	display: -webkit-flex !important;         /* new - chrome */
	display: flex !important;                /* new, spec - opera 12.1, firefox 20  */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before {
	box-sizing: border-box
}

.mui-flex.vertical {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.mui-flex.vertical.reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.mui-flex.vertical >.cell {
	width: auto
}

.mui-flex.vertical > .cell > .inner {
	position: absolute;
	width: 100%;
	height: 100%
}

.mui-flex.horizental {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}

.mui-flex.reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.mui-flex.justify-start {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.mui-flex.justify-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.mui-flex.justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mui-flex.justify-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.mui-flex.justify-around {
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.mui-flex.align-start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.mui-flex.align-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end
}

.mui-flex.align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mui-flex.align-stretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.mui-flex.align-stretch .cell {
	height: auto !important
}

.mui-flex.center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.mui-flex > .cell {
	-webkit-box-flex: 1;      /* old - ios 6-, safari 3.1-6 */
	-moz-box-flex: 1;         /* old - firefox 19- */
	/*width: 20%;               /!* for old syntax, otherwise collapses. *!/*/
	-webkit-flex: 1;          /* chrome */
	-ms-flex: 1;              /* ie 10 */
	flex: 1;                  /* new, spec - opera 12.1, firefox 20  */
	width: 0;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	max-width: 100%;
	display: block;
	padding: 0;
	position: relative
}
.mui-flex.vertical > .cell {
	width: auto;
	height: 0;
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	/*max-height: 100%;*/
	/*max-width: inherit;*/
	display: block;
	padding: 0;
	position: relative
}

.mui-flex > .cell.fixed {
	-webkit-box-flex: 0 !important;
	-webkit-flex: none !important;
	-ms-flex: none !important;
	flex: none !important;
	width: auto
}

.mui-flex > .cell.self-start {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.mui-flex > .cell.self-end {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end
}

.mui-flex > .cell.self-center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center
}

.cat{
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}
/*common font*/
.f12{
	font-size: .06rem;
}
.f14{
	font-size: .07rem;
}
.f16{
	font-size: .08rem;
}
.f18{
	font-size: .09rem;
}
.f20{
	font-size: .1rem;
}
.f22{
	font-size: .11rem;
}
.f24{
	font-size: .12rem;
}
.f26{
	font-size: .13rem;
}
.f28{
	font-size: .14rem;
}
.f30{
	font-size: .15rem;
}
.f32{
	font-size: .16rem;
}
.f34{
	font-size: .17rem;
}
.f36{
	font-size: .18rem;
}
.f38{
	font-size: .19rem;
}
.f40{
	font-size: .2rem;
}
.f48{
	font-size: .24rem;
}
.f60{
	font-size: .3rem;
}
.f160{
	font-size: .8rem;
}
/*comment margin-top*/
.m12{
	margin-top: .06rem;
}
.m20{
	margin-top: .1rem;
}
.m22{
	margin-top: .11rem;
}
.m120{
	margin-top: .6rem;
}

/*comment height*/
.h66{
	height: .33rem;
}
.h90{
	height: .45rem;
}

.covers{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,.8);text-align: center;z-index: 99999999;display: none;}
.covers img{width: 450px;height: 340px;margin-top: 100px;}
.flex {
	display: flex;

}

.flex-between {
	justify-content: space-between;
}
.flex-around {
	justify-content: space-around;
}

.flex-center {
	justify-content: center;
}
.flex-wrap {
	flex-wrap: wrap
}
.flex-direction {
	/*竖直排列*/
	flex-direction: column
}
.align-center{
	align-content: center;
}
.align-item-end{
	align-items: revert;
}
.wfull{
	width: 100%;
}
.center{
	text-align: center !important;
}
.m-size{
	font-size: .5rem;
}
.height-center{
	align-items: center;
}
.align-items-center{
	align-items: center;
}
.rwimg{
	width: 100%;
	height: 170px;
}
.ioinictext{
	color: #fff;
	font-size: 18px;
}
.imgbox {
	width: 46%;
	margin: 1%;
}
.imgbox img{
	width: 100%;
	height: 170px;
}
.imgbox img{
	width: 100%;
	height: 170px;
}
.imgbox .title-img{
	color: #333;
	font-size: .8rem;
}
.imgbox .ioinictext{
	color: #a1a1a1;
	font-size: .7rem;
}
.maincenter{
	width: 1250px;
	margin: 10px auto;
}
.textcolor{
	color: #a1a1a1;
}
.hidens{
	display: none;
}
.ionictext{
	font-size: .5rem;
	border-radius: 15px;
	padding: 10px;
	color: #6e6262;
	background: #ededed;
	margin: 5px;
	display: inline-block;
}
.line1{
	width: 100%;
	text-overflow: ellipsis;
	height: 27px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	font-size: .8rem;
	border-bottom: 1px dashed #ccc;
}
.margintb{
	margin: 20px 0px;
}
.redcolor{
	color: #b20b30 !important;
}
.red-color{
	color: #f57d97 !important;
}
.gxstyle{
	font-weight: 100;
	color: red;
	font-size: 10px;
}
.overhiden{
	overflow: hidden;

}
.overhidenfwull{
	overflow: hidden;
	height: 100vh;
}
[v-cloak] {
	display: none;
}
.downstyle{
	animation-name: example;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	position: relative;
}
@keyframes example {
	from {

		top: -5px;
		opacity: 1;
	}
	to {
		top: 0px;
		opacity: 0;
	}
}
.topbar {
	width: 100%;
	height: 44px;
	line-height: 44px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 12;
}
.topbar .topcen {
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	font-size: 18px;
	font-weight: 600;
  padding: 0 40px;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topbar .topleft {
	display: inline-block;
	width: 40px;
	height: 100%;
	line-height: 44px;
	position: absolute;
	left: 0;
	text-align: center;
	z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topleft > img {
	width: 8px;
	height: 15px;
}
.bold{
	font-weight: bold;
}
.margin-lr{
	margin: 0px 5px;
}
@media screen and (max-width: 800px) {
	input,textarea,.ivu-select{
		font-size: 16px !important;
	}
}

.paydialog .van-dialog__message {
  max-height: 62vh;
  padding: 10px 30px;
  overflow: hidden;
}

.sjxy {
	font-size: 12px;
	display: flex;
	justify-content: center;
	margin-top: 10px;
	padding: 8px;
}

.sjxy * {
	font-size: 12px;
}