.hide { display: none !important; }
.show { display: block !important; }
.bold { font-weight: bold !important; }

body{
	margin: 0;
	color: #333333;
	font-family: PingFangSC-Regular, PingFang SC;
}

.noselect,.codeButton,.tabLine{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* layui导航栏底部 */
.layui-laydate .layui-this,
.layui-nav-bar{
	background-color: #487FFC !important;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
	color: #487FFC;
}

/* 文字超出省略号 */
.xzw_word1{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.xzw_word2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 按钮文字居中 */
/*.layui-btn,*/
.text_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.save,.submit{
	display: flex;
	align-items: center;
	justify-content: center;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #999 !important;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}

a {color: #333;text-decoration: none;}
a:active {color: #333;text-decoration: none;}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color: #333;text-decoration: none;}

/* 删除抖动动画 */
@-webkit-keyframes shake {
	0% {
		-webkit-transform:scale(1)
	}
	10%,20% {
		-webkit-transform:scale(0.8) rotate(-4deg)
	}
	30%,50%,70%,90% {
		-webkit-transform:scale(1.2) rotate(4deg)
	}
	40%,60%,80% {
		-webkit-transform:scale(1.2) rotate(-4deg)
	}
	100% {
		-webkit-transform:scale(1) rotate(0)
	}
}

.xzwLogo{
	overflow: hidden;
}
.xzwLogo img{
	width: 100%;
	height: 100%;
	transition: .5s transform;
	transform: translateZ(0);
}
.xzwLogo img:hover{
	transform: translateZ(0) scale(1.1);
}

.xzwBox:hover{
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	border: 1px solid #C94146 !important;
}

img{
	transform: translateZ(0);
}


.layui-laypage a:hover{
	color: #487FFC !important;
}




/* 加载动画 */
.loadingBox {
	background:rgba(0,0,0,0.1);
	color: #f2f2f2;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
}

.loadingBox .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-mos-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}


.loadingBox .loader .text {
	position: absolute;
	top: 1.8em;
	left: 0.95em;
	z-index: 5;
	font-size: 2em;
	text-transform: uppercase;
	-webkit-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-moz-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-ms-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-o-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
}


.loadingBox .spinner {
	position: relative;
	width: 5em;
	height: 5em;
	color: #fff;
}

.loadingBox .spinner:before,
.loadingBox .spinner:after {
	content: "";
	position: relative;
	display: block;
}

.loadingBox .spinner:before {
	-webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-moz-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-ms-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	-o-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
	width: 10em;
	height: 10em;
	background-color: #487FFC;
}


@-webkit-keyframes spinner {
	50% {
		-webkit-border-radius: 50%;
		-webkit-transform: scale(.5) rotate(360deg);
		background-color: #13A3A5;
	}

	100% {
		-webkit-transform: scale(1) rotate(720deg);
		background-color: #487FFC;
	}
}

@-moz-keyframes spinner {
	50% {
		-moz-border-radius: 50%;
		-moz-transform: scale(.5) rotate(360deg);
		background-color: #13A3A5;
	}

	100% {
		-moz-transform: scale(1) rotate(720deg);
		background-color: #487FFC;
	}
}

/*@-mos-keyframes spinner {*/
/*50% {*/
/*	-mos-border-radius: 50%;*/
/*	-mos-transform: scale(.5) rotate(360deg);*/
/*	background-color: #13A3A5;*/
/*}*/

/*100% {*/
/*	-mos-transform: scale(1) rotate(720deg);*/
/*	background-color: #487FFC;*/
/*}*/
/*}*/

@-o-keyframes spinner {
	50% {
		-o-border-radius: 50%;
		-o-transform: scale(.5) rotate(360deg);
		background-color: #13A3A5;
	}

	100% {
		-o-transform: scale(1) rotate(720deg);
		background-color: #487FFC;
	}
}

@keyframes spinner {
	50% {
		border-radius: 50%;
		transform: scale(.5) rotate(360deg);
		background-color: #13A3A5;
	}

	100% {
		transform: scale(1) rotate(720deg);
		background-color: #487FFC;
	}
}


@-webkit-keyframes text {
	0% {
		-webkit-transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(.5, .5);
	}

	100% {
		-webkit-transform: scale(1, 1);
	}
}

@-moz-keyframes text {
	0% {
		-moz-transform: scale(1, 1);
	}

	50% {
		-moz-transform: scale(.5, .5);
	}

	100% {
		-moz-transform: scale(1, 1);
	}
}

/*@-mos-keyframes text {*/
/*0% {*/
/*	-mos-transform: scale(1, 1);*/
/*}*/

/*50% {*/
/*	-mos-transform: scale(.5, .5);*/
/*}*/

/*100% {*/
/*	-mos-transform: scale(1, 1);*/
/*}*/
/*}*/

@-o-keyframes text {
	0% {
		-o-transform: scale(1, 1);
	}

	50% {
		-o-transform: scale(.5, .5);
	}

	100% {
		-o-transform: scale(1, 1);
	}
}

@keyframes text {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(.5, .5);
	}

	100% {
		transform: scale(1, 1);
	}
}