body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html,body{ height: 100%; position: relative; color: #8c734f;}
#splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.posbox{ overflow: hidden;}
.wrap{ text-align:center; height: 100%;}
.wrap svg{ height: 100%; fill:#8c734f;}
.logo{  height: 46%; position: absolute; margin: auto; left: 0; right: 0; top:0; bottom:12%; -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-Out;
    -webkit-animation-duration: .8s;
	-webkit-animation-direction: alternate;
	background: url(logo.5dee7.jpg) no-repeat center center;
	background-size: 100%;
}
.logo svg{ width: 100%; display: none;}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:0;
		bottom: 0;
     }
    100% {
        opacity:1;
    }
}
.loading{ position: absolute; height: 75px; bottom: 20%; margin: auto; left: 0; right: 0;color: #8c734f;}
.loading svg{width: 46px; height: 46px; }
.loading div{ overflow: hidden; height: 100%; margin-bottom: 6px; }
@-webkit-keyframes change
{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-moz-keyframes change
{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-ms-keyframes change
{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes change
{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
.loading .a1{z-index: 999; position: absolute;left: 50%; margin-left:-23px;}
.loading .a2{z-index: 2;}
/* pc */
@media (min-width: 1200px) {
	body{ font-size: 22px;}
	.loading div{ margin-bottom: 26px;}
	.logo{ bottom: 20%;background-size: 40%;}
	.loading { height: 45px;bottom:18%;}
}

/* pad横版 */ 
@media (min-width: 961px) and (max-width: 1199px) {
	body{ font-size: 18px;}
	.loading { height: 40px;bottom:18%;}
	.loading svg{ width: 40px; height: 40px; left: 50%;}
	.loading div{ margin-bottom: 20px;}
	.loading .a1{ margin-left:-20px;}
	.logo{ width: 60%; bottom: 16%;}
}

/* pad竖版 */
@media (min-width: 768px) and (max-width: 960px) {
	body{ font-size: 16px;}
	.logo{ width: 60%; bottom: 16%;}
	.loading { height: 36px;bottom:18%;}
	.loading div{ height: 36px; margin-bottom: 10px;}
	.loading svg{ width: 36px; height: 36px; left: 50%;}
	.loading .a1{ margin-left:-18px;}
}

/* 手机横版 */
@media (min-width: 480px) and (max-width: 767px) {
	body{ font-size: 14px;}
	.logo{background-size: 60%;}
	.loading div{ margin-bottom: 10px;}
	.loading { height: 30px;bottom:22%;}
	.loading svg{ width: 30px; height: 30px; left: 50%;}
	.loading .a1{ margin-left:-15px;}
}

/* 手机竖版 */
@media (max-width: 479px) {
	body{ font-size: 13px;}
	.loading { height: 36px;}
	.loading svg{ width: 36px; height: 36px; left: 50%;}
	.loading div{ margin-bottom: 16px;}
	.loading .a1{ margin-left:-18px;}
	.logo{ width: 65%; bottom: 16%;}
}