/* 初始化CSS  重置浏览器样式*/ 
*,
*::before,
*::after {
  box-sizing: border-box;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td{
  margin: 0;
  padding: 0;

}
select, input { vertical-align:middle; }
textarea { resize:none; }
/** 设置默认字体 **/
html, body {
	font-size: 14px;
	font-family: "Microsoft YaHei","微软雅黑","Helvetica Neue","PingFang SC","Hiragino Sans GB","Arial,sans-serif";
	-webkit-user-select: text;
}
address, cite, dfn, em, var, i{ font-style: normal; }
small { font-size: 12px; }
ul, ol, li { list-style: none; }
a {
	color: #0064c8;
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: none; }
fieldset, img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
input{
  box-sizing: border-box;
  outline: 0;
}
input.hidden {
	width: 0!important;
	height: 0!important;
	border: 0!important;
	margin: 0!important;
	padding: 0!important;
	opacity: 0!important;
	filter: alpha(opacity=0)!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	position:absolute;
}
i{font-style: normal}
.bold {font-weight:bold!important}
.mt10{margin-top: 10px!important}
.mt15{margin-top: 15px!important}
.mt20{margin-top: 20px!important}
.pl15{padding-left:15px;}
.texl {text-align: left !important}
.texr {text-align: right !important}
.texc {text-align: center !important}
.clear {clear:both;}
.clear:before, .clear:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.clear {
  *zoom: 1;
}

.full{width: 100%;}
.half{width: 50%;}/*一半的宽度*/
.oneThird{width: 33.333%}/*三分之一的宽度*/
.quarter{width: 25%;}/*四分之一的宽度*/
.eighth{width: 12.5%;}/*八分之一的宽度*/
body{
	position: relative;
	width: 100%;
	height:100%;
    overflow-x: hidden;

}

.fr{float:right;}
.fl{float:left;}
.nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.themeColor {
	color: #10aeb5 !important;
}
.themeBg {
	background-color: #10aeb5 !important;
}
div.commGrid {
	width: 100%;
	display: block;
	font-size: 0 !important;
	box-sizing: border-box !important;
	vertical-align: top;
	height: auto;
}
div.commGrid:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
[class*='_cell_'] {
	display: inline-block !important;
	box-sizing: border-box !important;
	font-size: 14px; /*设置字体*/
	vertical-align: top;
}

._cell_12 {
	width: 100% !important
}

._cell_11 {
	width: 91.66666667% !important
}

._cell_10 {
	width: 83.33333333% !important
}

._cell_9 {
	width: 75% !important
}

._cell_8 {
	width: 66.66666667% !important
}

._cell_7 {
	width: 58.33333333% !important
}

._cell_6 {
	width: 50% !important
}

._cell_5 {
	width: 41.66666667% !important
}

._cell_4 {
	width: 33.33333333% !important
}

._cell_3 {
	width: 25% !important
}

._cell_2 {
	width: 16.66666667% !important
}

._cell_1 {
	width: 8.33333333% !important
}

span.el-check-span{
  transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
}
.el-check-span:after{
box-sizing: content-box;
content: "";
border: 1px solid var(--el-checkbox-checked-icon-color);
border-left: 0;
border-top: 0;
height: 7px;
left: 4px;
position: absolute;
top: 1px;
transform: rotate(
45deg) scaleY(0);
width: 3px;
transition: transform .15s ease-in 50ms;
transform-origin: center;
}
.el-check-span.is-check:after{
  transform: rotate(
 45deg) scaleY(1);
}


@-webkit-keyframes pulse {
  50% {
    background: #10aeb5;
  }
}
@keyframes pulse {
  50% {
    background: #10aeb5;
  }
}

.loads {
  display:inline-block!important;
  width: 32px;
  height: 32px;
  clear: both;
}

.loading-pulse {
  display: inline-block;
  position: relative;
  width: 6px;
  height: 24px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-animation: pulse 1000ms infinite;
          animation: pulse 1000ms infinite;
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}
.loading-pulse:before, .loading-pulse:after {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 6px;
  background: rgba(255, 255, 255, 0.2);
  top: 50%;
  transform: translateY(-50%);
  -webkit-animation: pulse 1000ms infinite;
          animation: pulse 1000ms infinite;
}
.loading-pulse:before {
  left: -12px;
}
.loading-pulse:after {
  left: 12px;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
/* Spinner Circle Rotation */
.loading-circle {
  border: 4px #c6e2ff solid;
  border-top: 4px #10aeb5 solid;
  border-radius: 50%;
  -webkit-animation: spCircRot 0.6s infinite linear;
  animation: spCircRot 0.6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}