@charset "UTF-8";
html{ font-size: 10px;}
@media screen and (max-width: 1600px) {
html{ font-size: 10px;}
}
html,body{
	height: 100%;
	overflow: auto;
}
section{
	flex: 1;
	overflow: auto;
}
.flex_box{ display: flex;}
.flex_con{ flex: 1}
body{ background-color: #F5F8FC;}
body[num="1"]{  -moz-user-select:none;
      -webkit-user-select:none;
      user-select:none;   }

.index_loadingbg{ position: fixed; top: 6rem; left: 0; right: 0; bottom: 3rem; margin: auto; background-color: #F5F8FC; z-index: 10;}
/* .index_loading{ pointer-events: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 10rem; height: 5rem; margin: auto; z-index: 10;} */
.index_loading{ pointer-events: none; position: fixed; left: 0; bottom: 0; width: 10rem; height: 5rem; margin: auto; z-index: 10;}
.index_loading::after{ display: none; content: '拼命加载中。。'; position: absolute; top: 2.5rem; left: 8rem; padding: 0.5rem 1.5rem; font-size: 1.4rem; color: #FFFFFF; background-color: #00A0EA; white-space: nowrap; border-radius: 1.5rem;}
.index_loading:hover::after{ display: block;}
.index_loading .spinner {
	margin-bottom: 2rem;
  width: 10rem;
  height: 5rem;
  text-align: center;
  font-size: 1rem;
}

.index_loading .spinner > div {
  background-color: #6677DD;
  height: 100%;
  width: 1rem;
	margin: 0.2rem;
  display: inline-block;
  
  -webkit-animation: indexloading-stretchdelay 1.2s infinite ease-in-out;
  animation: indexloading-stretchdelay 1.2s infinite ease-in-out;
}

.index_loading .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.index_loading .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.index_loading .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.index_loading .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.index_width{
	max-width: 120rem;
	margin: 0 auto;
	padding: 0 2rem;
}
.index_flex{
	display: flex;
	padding: 1rem;
}
.index_box{
	flex: 1;
	margin: 1rem;
	padding: 1rem;
	background-color: #FFFFFF;
	border: 1px solid #D4D9D4;
}
.index_box .index_title{
	padding-bottom: 1rem;
	font-size: 1.4rem;
	color: #6C8098;
	border-bottom: 1px solid #D4D9D4;
}

@-webkit-keyframes indexloading-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes indexloading-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}