html,
body,
div,
span,
applet,
object,
iframe,
input,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #000;
}

ul li {
	list-style: none;
}

img {
	width: 100%;
}
header{
  height: 0.88rem;
  background-color: #fff;
  position: relative;
  text-align: center;
  font-size: 0.32rem;
  line-height: 0.88rem;
}
.icon{
  display: block;
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  top: 50%;
  margin-top: -0.3rem;
}
.icon-back{
	/* background: url('https://uplus-saas.oss-cn-shenzhen.aliyuncs.com/uplus-integralMall/20200612/2e859d6d-9fde-481d-b963-df154a3e1b65.png') no-repeat center / contain;
	left: 0.25rem; */
	background: url(https://uplus-saas.oss-cn-shenzhen.aliyuncs.com/uplus-integralMall/20200615/2cb674a0-6e9e-4849-8486-3b325274b733.png) no-repeat center center;
	width: 0.5rem;
	height: 0.5rem;
	top: 50%;
	margin-top: -0.25rem;
	left: 0.25rem;
	background-size: 85%;
}
.icon-home{
  right: 0.25rem;
  background: url('https://uplus-saas.oss-cn-shenzhen.aliyuncs.com/uplus-integralMall/20200612/271c6d81-de2d-4a99-ae9f-ca92bd27d835.png') no-repeat center / 80%;
}

.spinner {
	text-align: center;
	position: fixed;
    width: 100%;
    top: 0;
	height: 100%;
	padding-top: 63%;
	z-index: 1001;
  }
   
  .spinner > div {
	width: 30px;
	height: 30px;
	background-color: #64a4ff;
   
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
	animation: bouncedelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
  }
   
  .spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
  }
   .bounce4{
	   position: absolute;
	   top: 0;
	   left: 0;
	   background: #000;
	   opacity: 0.5;
	   width: 100%;
	   height: 100%;
	   z-index: -1;
   }
  @-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
  }
   
  @keyframes bouncedelay {
	0%, 80%, 100% { 
	  transform: scale(0.0);
	  -webkit-transform: scale(0.0);
	} 40% { 
	  transform: scale(1.0);
	  -webkit-transform: scale(1.0);
	}
  }