html{
	font-family: sans-serif;
}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	border:0;
	padding:0;
	font-style:normal;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:text;
	background-color: #fff;
}
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure{
	display: block;
}
img,button,em,del,strong,var,label,cite,small,time,mark,code,textarea{
	display:inline-block;
}
header,section,footer {
	position:relative;
}
ol,ul{
	list-style:none;
}
input,button,textarea {
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	outline: none;
	/*-webkit-appearance:none;*/
	background-color:rgba(0, 0, 0, 0);
}
span{
	display:inline-block;
}
a:active, a:hover {
  outline: 0;
}
a, a:visited{
	text-decoration:none;
}

label, .wordWrap{
    word-wrap: break-word;
    word-break: break-all;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,th {
  padding: 0;
}
.clearfix:after{
	content: ' ';
	display: block;
	clear: both;
	visibility:hidden;
	line-height: 0;
	height:0;
}
.loading_more{
	display: block;
	height: 1.5em;
	width: 100%;
}
.loading_more:before {
	display: inline-block; vertical-align: text-bottom;
	content: ' '; height: 16px; width: 16px; margin-right: 6px;
	background: url(../image/loading_more.gif) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
} 
.loading_more:after {
	content: '加载更多';	
}


/*用户自定义样式*/
/* 设置宽高与屏幕相同 */
body,html,#base{ background-color: #f5f9fa;  color: #282b34;  font-size: .6rem;  }

input,textarea{font-size: .6rem; background-color: #fff;}
textarea{  resize: none;}
input {-webkit-appearance:none; /*去除input默认样式*/ list-style: none;}
img {
	width: 100%;
	height: auto;
}

/* 清除列表样式 */
/* 已访问 */
a:visited , a:link, a:hover, a:active{ color:#282b34;}
/**************************************************** 公共样式区 *************************************************/

/******************************************************************** 字体样式区 ******************************************************************/
.fz60{ font-size: 1.5rem; }
.fz50{ font-size: 1.25rem;}
.fz48{ font-size: 1.2rem;}
.fz44{ font-size: 1.1rem;}
.fz40{ font-size: 1rem;}
.fz38{ font-size: 0.95rem; }
.fz36{ font-size: 0.9rem; }
.fz34{ font-size: 0.85rem; }
.fz32{ font-size: 0.8rem;}
.fz30{ font-size: 0.75rem; }
.fz28{ font-size: 0.7rem; }
.fz26{ font-size: 0.65rem;}
.fz24{ font-size: 0.6rem; }
.fz22{ font-size: 0.55rem; }
.fz20{ font-size: 0.5rem; }
.fz18{ font-size: 0.45rem; }
.fz16{ font-size: 0.4rem; }
.fz14{ font-size: 0.35rem; }
.fz0{ font-size: 0px;}
/******************************************************************* 字体样式区 *********************************************************************/

/****************************************************** 颜色样式区 ******************************************************/
/* 背景色 */
.bg-white-a{ background: rgba(255, 255, 255, 0.6); }
.bg-yellow{ background-color: #ffce56; }
.bg-green{ background-color: #3fd67f; }
.bg-blue{ background-color: #1bccfd; }
.bg-red{ background-color: #f64349; }
.bg-fuchsine{ background-color: #ed3a6a; } /*品红*/
.bg-purple{ background-color: #633791; } /*紫色*/
.bg-orange{ background-color: #ff8e56; } /*橙色*/
.bg-black{ background-color: #282b34 }
.bg-darkgray { background-color: #646464; }
.bg-lightgray { background-color: #b4b4b4; }
.bg-darkwhite{ background-color: #f9f9f9; }
.bg-gray { background-color: #808080 !important; }
/*.bg-white3{ background-color: #f0f0f0; }*/
.bg-white{ background-color: white;}
.bg-dark { background-color: #13141a; }
/* 字体颜色 */
.clr-yellow{ color: #ffce56; }
.clr-orange { color: #ff8e56; }
.clr-green{ color: #3fd67f; }
.clr-blue{ color: #1bccfd; }
.clr-red{ color: #f64349; }
.clr-fuchsine{ color: #ed3a6a; } /*品红*/
.clr-purple{ color: #633791; } /*紫色*/
.clr-black{ color: #282b34 }
.clr-darkgray { color: #646464; }
.clr-lightgray { color: #b4b4b4; }
.clr-gray { color: #808080 }
/*.clr-white1{ color: #e1e1e1; }   !* 此颜色一般用于元素边框*!*/
/*.clr-white2{ color: #f9f9f9; }   !* 此颜色用于背景色*!*/
.clr-white{ color: white; }

/**** 边框颜色 ***/
/****************************************************** 颜色样式区 ******************************************************/

/****************************************************** 布局样式区 ******************************************************/

/*************** display显示类型 *****************/
.d-iblock{ display: inline-block; }
.d-inline{ display:inline; }
.d-none{ display:none;}
.d-block{display: block;}

/*垂直对齐*/
.ver-top{ vertical-align: top; }
.ver-mid{ vertical-align: middle; }
.ver-bot{ vertical-align: bottom;}
.ver-tb { vertical-align: text-bottom; }

/**************** 文本对齐样式 *************/
.tc {  text-align: center; }
.tl {  text-align: left; }
.tr {  text-align: right; }

/*************** 浮动对齐样式 **************/
.fl {  float: left; }
.fr {  float: right; }

/************** 边框样式 *******************/
.border-all{ border : 1px solid #d2d2d2; }
.border-t{ border-top: 1px solid #d2d2d2;}
.border-b{ border-bottom: 1px solid #d2d2d2;}
.border-l{ border-left: 1px solid #d2d2d2;}
.border-r{ border-right: 1px solid #d2d2d2;}
.border-br{ border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.border-tb{border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.border-bc2 { border-bottom: 2px solid #42ce83; color: #42ce83; }
.border-red { border: 1px solid #f64349; }
.border-green { border: 1px solid #3fd67f; }
.border-gray { border: 1px solid #808080; }

.bor-green-all{ border: 1px solid #42ce83; }
.bd-green{ border: 1px solid #42ce83;}


/*圆角*/
.bor-rad{ border-radius: 0.2rem;}

/*左右是圆形*/
.round-lr{ border-radius: 100rem;}

/*没有数据时的显示图片*/
#no-data-img{
    width:100%;
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/*外边距*/
.margin-left8 {
	margin-left: .2rem;
}
.margin-right8 {
	margin-right: .2rem;
}

/*文本线*/
.text-der-linet {
	text-decoration: line-through;
}

/*渐隐渐现动画*/
.show-animate {
	-webkit-animation: show-animate-fun 0.2s linear 0s 1;
}
.hide-animate {
	-webkit-animation: hide-animate-fun 0.2s linear 0s 1;
}
@-webkit-keyframes show-animate-fun { 0% {  opacity: 0; } 100% {  opacity: 1; } }
@keyframes show-animate-fun { 0% {  opacity: 0; } 100% {  opacity: 1; } }
@-webkit-keyframes hide-animate-fun { 0% {  opacity: 1; } 100% {  opacity: 0; } }
@keyframes hide-animate-fun { 0% {  opacity: 1; } 100% {  opacity: 0; } }


/*加载动画*/
.surplus-info {  width: 100%;  height: 1.5rem;  text-align: center;  }
.loadingMore{  line-height: 1.5rem;  }
.sk-three-bounce {  margin: 0 auto;  text-align: center;  }
.sk-three-bounce .sk-child{  width: 0.2rem;  height: 0.2rem; background-color: #42ce83;  border-radius: 100%;  display: inline-block;  -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  }
.sk-three-bounce .sk-bounce1{  -webkit-animation-delay: -0.32s;  animation-delay: -0.32s;  }
.sk-three-bounce .sk-bounce2{  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s;  }
@-webkit-keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% {  -webkit-transform: scale(1);  transform: scale(1); } }
@keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% {  -webkit-transform: scale(1);  transform: scale(1); } }

/*加载弹框动画样式*/
#loading-dialog-hint{width: 3.5rem; height:3.0rem; padding-top:.5rem; position: relative;left:50%; top:50%;background: rgba(40, 43, 52, 0.6);-webkit-transform: translate(-50%, -50%); border-radius: 0.2rem;}
#loading-dialog-hint > p{font-size:0.6rem; color:white; text-align: center; margin-top:0.5rem;}
.sk-circle { margin: 0 auto; width: 1.5rem;height: 1.5rem;position: relative; }
.sk-circle .sk-child {  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0; }
.sk-circle .sk-child:before { content: "";display: block;margin: 0 auto;width: 15%;height: 15%;background-color: white;border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;}
.sk-circle .sk-circle2 {  -webkit-transform: rotate(30deg);  -ms-transform: rotate(30deg);  transform: rotate(30deg); }
.sk-circle .sk-circle3 {  -webkit-transform: rotate(60deg);  -ms-transform: rotate(60deg);  transform: rotate(60deg); }
.sk-circle .sk-circle4 {  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg); }
.sk-circle .sk-circle5 {  -webkit-transform: rotate(120deg);  -ms-transform: rotate(120deg);  transform: rotate(120deg); }
.sk-circle .sk-circle6 {  -webkit-transform: rotate(150deg);  -ms-transform: rotate(150deg);  transform: rotate(150deg); }
.sk-circle .sk-circle7 {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  transform: rotate(180deg); }
.sk-circle .sk-circle8 {  -webkit-transform: rotate(210deg);  -ms-transform: rotate(210deg);  transform: rotate(210deg); }
.sk-circle .sk-circle9 {  -webkit-transform: rotate(240deg);  -ms-transform: rotate(240deg);  transform: rotate(240deg); }
.sk-circle .sk-circle10 {  -webkit-transform: rotate(270deg);  -ms-transform: rotate(270deg);  transform: rotate(270deg); }
.sk-circle .sk-circle11 {  -webkit-transform: rotate(300deg);  -ms-transform: rotate(300deg);  transform: rotate(300deg); }
.sk-circle .sk-circle12 {  -webkit-transform: rotate(330deg);  -ms-transform: rotate(330deg);  transform: rotate(330deg); }
.sk-circle .sk-circle2:before {  -webkit-animation-delay: -1.1s;  animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {  -webkit-animation-delay: -1s;  animation-delay: -1s; }
.sk-circle .sk-circle4:before {  -webkit-animation-delay: -0.9s;  animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {  -webkit-animation-delay: -0.8s;  animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {  -webkit-animation-delay: -0.7s;  animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {  -webkit-animation-delay: -0.6s;  animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {  -webkit-animation-delay: -0.5s;  animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {  -webkit-animation-delay: -0.4s;  animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {  -webkit-animation-delay: -0.3s;  animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {  -webkit-animation-delay: -0.2s;  animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {  -webkit-animation-delay: -0.1s;  animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }