html,body{
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#fff;
	font-size:16px;
	font-family:"Microsoft Yahei";
}

@media (min-width: 320px) {
    html {
        font-size: 100%; 
    }
}
@media (min-width: 360px) {
    html {
        font-size: 112.5%;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 120%;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 168.75%;
    }
}
@media (min-width: 600px) {
    html {
        font-size: 187.5%;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 200%;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 225%;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 100%;
    }
}

html {
	font-size: calc(100vw / 320 * 16);
}

ul, ol, dl {
    list-style-type: none;
	margin:0px;
	padding:0px;
}

.box {
	width:100%;
}

.box .pageHeader {
	width:100%;
	
}

.box .pageContent {
	width:100%;
}

.box .pageTail {
	width:100%;
}


.pageBg {
	background-color:#000;
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;
	z-index:100;
	display:none;
}

.pageBg >i {
	width:2.0rem;
	height:2.0rem;
	color:#fff;
	cursor:pointer;
	font-size:1.625rem;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
}

.tipWin {
	width:100%;
	height:100%;
	position:fixed;
	z-index:200;
	left:0px;
	top:0px;
	display:none;
}

.tipWin > .winDoc {
	width:72%;
	margin:0px auto;
	margin-top:55%;
	background-color:#fff;
	border-radius:3px;
	position:relative;
}

.tipWin > .winDoc >.winTitle {
	width:100%;
	height:2.2rem;
	line-height:2.2rem;
	text-align:left;
	text-indent:0.5rem;
	font-size:0.825rem;
	color:#333;
	background-color:#f1f1f1;
}

.tipWin > .winDoc >.tipTxt {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	line-height:1.6rem;
	font-size:0.825rem;
	color:#333;
	padding-top:1.0rem;
	padding-bottom:1.0rem;
	min-height:4.5rem;
	text-align:center;
}

.tipWin > .winDoc >i.clsWin {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    background-color: #fff;
    border-radius: 0.9rem;
    cursor: pointer;
    line-height: 1.8rem;
    text-align: center;
    font-size: 1.0rem;
    top: -2.0rem;
    right: -2.0rem;
}

.moveStyle {
    width: 1.1875rem;
    height: 1.1875rem;
    line-height: 1.11rem;
    background-color: #f19a2d;
    border-radius: 50%;
	position:fixed;
	z-index:999;
	display:none;
}

.pageTail .footer .linkDiv a:first-child{
	margin-left:0px;
}

.pageTail .footer .linkDiv a:last-child{
	margin-right:0px;
}


.box .pageTail .footer {
    width: 86%;
    margin-left: 7%;
    margin-right: 7%;
    display: inline-block;
    padding-bottom: 2.0rem;
}

/* 页面加载 */
.loadpage {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	display:block;
	z-index:999;
}

.spinner {
  margin: 65% auto;
  width: 2.8rem;
  height: 2.8rem;
  position: relative;
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 0.55rem;
  height: 0.55rem;
  background-color: #eee;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-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);
  }
}