body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td { margin:0; padding:0; word-wrap: break-word;}
body{font-size: 16px;}
a:link, a:visited { text-decoration: none; color: initial;}
input, button, select, textarea { outline: none; }
ul,li,ol { list-style: none; }
.ver{vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.hide{display: none;}
.b{font-weight: bold;}
.flex{display: flex;}
.flex-center{display: flex;justify-content: center;align-items: center;}
.bgimage{background-size: cover;background-position: center center;}
/*modal*/
.modalBoxfc{
	background: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.modalConfc{
	width: 75%;
	background: #fff;
    padding-top: 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 18px;
}
.modalTextfc{
	color: #999;
	padding-top: 12px;
	padding-bottom: 23px;
	font-size: 15px;
	border-bottom: 1px solid #efefef;
}
.modalbtn{
	width: 50%;
	border: none;
	background: none;
	height: 50px;
	font-size: 18px;
	position: relative;
}
.modalConfirm{
	color: #576b95;
}
.modalCancel::before{
	content: " ";
	width: 1px;
	height: 50px;
	background: #efefef;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}
.loadingBoxfc{
	background: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}
.loadingConfc{
	width: 100px;
	min-height: 80px;
	padding-bottom: 10px;
	padding-top: 10px;
    border-radius: 8px;
    background: rgba(0,0,0,0.3);
   	text-align: center;
   	position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
/*Loading*/
.loadingIcon{
	width: 30px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	top: 0;
}
.loadingTextfc{
	color: #fff;
	display: inline-block;
	/*margin-top: 70px;*/
	font-size: 14px;
	width: 90%;
	overflow: hidden;
	margin-top: 70px;
	height: 20px;
}
.showToastTextfc{
	color: #fff;
	display: inline-block;
	/*margin-top: 70px;*/
	font-size: 14px;
	width: 90%;
	overflow: hidden;
}
.loadingT{
	padding-bottom: 10px;
}
.sk-fading-circle {
  width: 40px;
  height: 40px;
  position: absolute;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 2px auto 0;
  width: 3px;
  height: 9px;
  background-color: #fff;
  border-radius: 35%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0.2; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0.2; }
  40% { opacity: 1; } 
}
/*Toast*/
.qin-icon-toast{
	background-image: url(../commonImg/success.png);
	background-position: center center;
	background-size: cover;
	width: 70px;
	height: 50px;
	/*position: absolute;*/
}
.wrong-toast{
	background-image: url(../commonImg/wrong.png);
}