/* 默认样式 */
@charset "utf-8";
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#e2e2e2; overflow-x:hidden;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
button, input, select, textarea {border: none;outline: none;background: none;}
img{ border:0; margin:0; padding:0;}
ol,ul{list-style:none;}
em{font-style: normal!important;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;color: #333333;}
body,html{scroll-behavior: smooth;font:14px "微软雅黑";background-color: #fff;height: 100%;}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.fl{float: left;}
.fr{float: right;}

/* 防止图片闪一下 */
image{will-change: transform}
/* scroll-view */
.scroll-row{ width: 100%;white-space: nowrap; }
.scroll-row-item{ display: inline-block; }

.bg_f{background-color: #fff;}

/* 阴影 */
.shadow_sm {box-shadow: 0 2px 4px rgba(114, 130, 138, 0.2);}
.shadow {box-shadow: 0 8px 16px rgba(114, 130, 138, 0.2);}
.shadow_lg {box-shadow: 0 16px 48px rgba(114, 130, 138, 0.2);}
/* 全阴影 */
.showdow_full{box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);}

/* 定位 */
.p_absolute{ position: absolute; }
.p_fixed{ position: fixed; }
.p_relative{ position: relative; }
.left_0{ left: 0; }
.top_0{ top: 0; }
.bottom_0{ bottom: 0; }
.right_0{ right: 0; }

/* 宽高 */
.w_100{ width: 100%;}
.h_100{ height: 100%;}

.t_center{ text-align: center; }
.t_left{ text-align: left; }
.t_right{ text-align: right;}

/* flex布局 */
.row { box-sizing: border-box!important; display: flex!important; flex-direction: row!important; flex-wrap: wrap!important;}
.d_flex{ display: flex; }
.d_block{ display: block; }
.d_inline-block{ display: inline-block; }
.d_none{display: none;}

.flex_1{ flex: 1; }
.flex_column{ flex-direction: column; }
.flex_row{ flex-direction: row; }
.flex_wrap{ flex-wrap: wrap; }
.flex_nowrap{ flex-wrap: nowrap; }
.flex_shrink{flex-shrink: 0;}
.j_start{ justify-content: flex-start; }
.j_center{ justify-content: center; }
.j_end{ justify-content: flex-end; }
.j_sb{ justify-content: space-between; }
.a_center{ align-items:center; }
.a_start{ align-items: flex-start; }
.a_end{ align-items:flex-end; }
.a_stretch{ align-items: stretch; }
.a_self-start{ align-self: flex-start; }
.a_self-auto{ align-self: auto; }
.a_self-end{ align-self: flex-end; }
.a_self-stretch{ align-self:stretch; }
.a_self-baseline{ align-self:baseline; }

/* 边框Border */
.border{ border: 1px solid #f2f2f2;}
.border_top{ border-top: 1px solid #f2f2f2; }
.border_right{border-right: 1px solid #f2f2f2;}
.border_bottom{border-bottom: 1px solid #f2f2f2;}
.border_left{ border-left: 1px solid #f2f2f2;}

/* 隐藏提交输入框 */
.h_input{display: none;}
/* 滚动 */
.auto_y{overflow-y: auto;}

/* 动画 */
.trs2{transition:all .2s linear; -webkit-transition: all .2s linear;}
.trs4{transition:all .4s linear; -webkit-transition: all .4s linear;}
.trs6{transition:all .6s linear; -webkit-transition: all .6s linear;}
.trs8{transition:all .8s linear; -webkit-transition: all .8s linear;}
.trs10{transition:all 1s linear; -webkit-transition: all 1s linear;}

/* 省略号 */
.text_overflow{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* 多行文本省略号 */
.text_overflow_2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 右箭头 */
.right-arrow:after {
	content: "";
	position: absolute;
	height: 8px;
	width: 8px;
	right: 5px;
	top: 12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: translate(0,-50%) rotate(-135deg);
	-webkit-transform: translate(0,-50%) rotate(-135deg);
}
/* 刷新 */
.right-refresh{
	padding-right: 36px;
}
.right-refresh:after {
	content: "";
	position: absolute;
	height: 26px;
	width: 26px;
	right: 0px;
	top: 2px;
	background: url(/mindex/images/index-refresh.png) no-repeat;
	background-size: contain;
}

/* 间隔条 */
.hr_box{height: 6px;background-color: #f2f2f2;}

body{
	font-size: 14px;
	font-family: "微软雅黑";
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto;
	color: #333333;
}



/* 弹出提示语句 */
.mask_box_text {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .7);
	padding: 25px 10px;
	color: #fff;
	font-size: 14px;
	display: none;
	border-radius: 5px;
	transition: all .5s;
	max-width: 50%;
	min-width: 20%;
	z-index: 1000;
	text-align: center;
}

/* 加载动画 */
.loading_mask_box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, .7);
	padding: 10px 10px;
	color: #fff;
	font-size: 14px;
	display: none;
	border-radius: 10px;
	height: 200px;
	width: 200px;
	z-index: 100;
	transition: all .5s;
	text-align: center;
}

.stage {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 20px 0;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
}

.dot-overtaking {
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: transparent;
	color: #fff;
	margin: -1px 0;
	box-shadow: 0 -20px 0 0;
	-webkit-animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
	animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
}

.dot-overtaking::before,
.dot-overtaking::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: transparent;
	color: #fff;
	box-shadow: 0 -20px 0 0;
}

.dot-overtaking::before {
	-webkit-animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
	animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.dot-overtaking::after {
	-webkit-animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
	animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}

@-webkit-keyframes dot-overtaking {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

@keyframes dot-overtaking {
	0% {
		transform: rotateZ(0deg);
	}

	100% {
		transform: rotateZ(360deg);
	}
}

/* 弹出框 */
.home_mask_box,
.home_mask_box_zf{
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all .5s;
	opacity: 0;
	z-index: -1;
	opacity: 0;
	width: 100%;
}

.home_mask_box.active,
.home_mask_box_zf.active{
	opacity: 1;
	z-index: 999;
}

/* 内容 */
.home_mask_box .mask_panel,
.home_mask_box_zf .mask_panel{
	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 280px;
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	transition: all .5s;
}
.home_mask_box.active .mask_panel,
.home_mask_box_zf.active .mask_panel{
	transform:translate(-50%, -50%);
}

.home_mask_box .content_box,
.home_mask_box .content_box_xy_list,
.home_mask_box_zf .content_box_xy_list{
	/* height: 100%; */
	text-align: center;
	padding: 10px;
	position: relative;
	/* min-height: 410px; */
}


.load_more{
	text-align: center;
	color: #999;
}
.load_more.hide,
.none_data_box.hide,
.load_data_box.hide{
	display: none;
}
/* 加载更多 */
.load_animate{display: none;}
.load_animate.show{display: block;}
.load_animate .spinner {
  margin: 10px auto;
  width: 30px;
  height: 30px;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 7px;
  height: 8px;
  background-color: #000;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}