﻿* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,aside {margin:0;padding: 0;}
html,body{font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;height: 100%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
li,ul{list-style:none;}
ul{margin: 0;padding: 0} 
input[type='number'] {  -moz-appearance:textfield;  }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;}
input{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
textarea{  outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)  }
input,textarea{-webkit-appearance:none;}
a{text-decoration:none;color: #333;}
img{
    border:none; /*去除ie浏览器border边框*/
    outline:none;
}
*:focus{ outline: none; }
.undis{display: none!important}



/* loading */
.load-box {
	position: fixed;
	z-index: 20;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #fbf8f2;
	flex-direction: column;
}

.loader {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 75px;
	display: inline-block;
	vertical-align: middle;
}

.loader-1 .loader-outter {
	position: absolute;
	border: 4px solid #ee5023;
	border-left-color: transparent;
	border-bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-1-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
}

.loader-1 .loader-inner {
	position: absolute;
	border: 4px solid #ee5023;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	left: calc(50% - 20px);
	top: calc(50% - 20px);
	border-right: 0;
	border-top-color: transparent;
	-webkit-animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
	animation: loader-1-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
}
.per {
	margin-top: -40px;
	color: #ee5023;
	font-size: 20px;
	width: 60px;
	height: 20px;
	text-align: center;
}
@keyframes loader-1-outter {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes loader-1-inner {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

