@charset "UTF-8";
section{ position: fixed; top: 60px; left: 0px; right: 0; bottom: 30px; background-color: #F5F8FC; overflow: auto; z-index: 1;}
section.pos{ left: 60px;}
.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: 60px; left: 0; right: 0; bottom: 30px; margin: auto; background-color: #F5F8FC; z-index: 10;}
.index_loading{ pointer-events: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100px; height: 50px; margin: auto; z-index: 10;}
.index_loading::after{ display: none; content: '拼命加载中。。'; position: absolute; top: 25px; left: 80px; padding: 5px 15px; font-size: 14px; color: #FFFFFF; background-color: #00A0EA; white-space: nowrap; border-radius: 15px;}
.index_loading:hover::after{ display: block;}
.index_loading .spinner {
	margin-bottom: 20px;
  width: 100px;
  height: 50px;
  text-align: center;
  font-size: 10px;
}

.index_loading .spinner > div {
  background-color: #5072EF;
  height: 100%;
  width: 10px;
	margin: 2px;
  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_flex{
	display: flex;
	padding: 10px;
}
.index_box{
	flex: 1;
	margin: 10px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #D4D9D4;
}
.index_box .index_title{
	padding-bottom: 10px;
	font-size: 14px;
	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);
  }
}
