body {
	font-size:16px;
	color:#333;
	margin:0 auto;
	padding:0px;
	font-family:Arial,Helvetica,sans-serif;
	background:url(../images/bgs.jpg) top center no-repeat fixed;
	background-size:cover;
	padding-top:80px
}

.layui-layer-content {
    background-color:#fff2f0;
	border:1px solid #fecbc6;
    color: #ff0024; /* 字体颜色 */
    padding: 10px !important; /* 内边距 */
    border-radius:2px; /* 圆角 */
	font-size:20px;
	text-align:center;
	width:250px;
	font-size:15px !important;
}
.layui-layer-content span{ color:#fff !important; width:100%; text-align:center; float:left; font-size:26px; padding-top:20px; padding-bottom:10px}
.layui-layer-content i{ display:none}
.layui-layer-border {border:none !important;}
.layui-layer-dialog { background:none !important}
.layui-layer-padding{ padding-left:0 !important;padding-right:0 !important; text-align:center !important}
.cl {
	clear:both
}
div,ul,li,table {
	color:#333;
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	margin:0 auto;
	padding:0;
	list-style:none
}
* {
	outline:0px;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	font-style:normal
}
a,a:link,a:visited,a:active {
	color:#333;
	text-decoration:none
}
a:hover {
	text-decoration:none;
	color:#00594f;
	transition: all 0.3s ease-out;
}

::-webkit-scrollbar {
	width:10px;
	height:10px
}
::-webkit-scrollbar-button:vertical {
	display:none
}
::-webkit-scrollbar-track:vertical {
	background:000
}
::-webkit-scrollbar-track-piece {
	background:#f6f6f6
}
::-webkit-scrollbar-thumb:vertical {
	background:#d0d0d0
}
::-webkit-scrollbar-thumb:vertical:hover {
	background:#3B3B3B
}
::-webkit-scrollbar-corner:vertical {
	background:#535353
}
::-webkit-scrollbar-resizer:vertical {
	background:#FF6E00
}
img {
	border:none
}
.warp{ max-width:800px; background:#fff; overflow:hidden;}
header{ width:100%; float:left}
header img{ width:100%}
.wx{ width:100%; height:40px; padding:10px; float:left}
.wxs{ position:relative; cursor:pointer; float:right;}
.wxs img{ width:36px; height:36px;}
.wxs:hover .flexwx { display: block;  animation: slide-up .3s ease-in-out forwards;
  transform: translateY(100px); /* 向上移动元素 */}
  @keyframes slide-up {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
.wxs .flexwx { width: 190px; height: 220px; position: absolute; right: 10px; top: 35px; text-align: center; padding: 10px; background:#f7f7f7;transition: 0.3s ease-in-out; display:none}
.flexwx .img{ width:100%; float:left; background:#fff; text-align:center}
.flexwx .img img{ width:100%; height:auto}
.flexwx .tit{ text-align:center; font-size:14px; line-height:40px}
.mwarp{ width:100%; padding:40px 50px 50px 50px; float:left}
.name{ width:100%; text-align:center; font-weight:bold; float:left; font-size:24px; color:#0095ff; padding-top:10px;}
.item{ width:100%; float:left}
.item li{ width:100%; float:left; margin-bottom:50px}
.item li strong{ width:100%; float:left; font-weight:normal; padding-bottom:15px}
.item li span{ width:50%; float:left}
.item li em{ color:#F00; float:left; padding-top:7px; padding-right:5px}
.submit{ background:#0095ff; color:#fff; padding:15px 80px; border:none; cursor:pointer; display:inline-block}
.item li large{ text-align:center; float:left; width:100%}
.ok{ width:100%; padding:20px 0; float:left; text-align:center; line-height:40px; color:#666}
.ok img{ width:50px}

.dot-loader {
display: flex;
position:fixed;
z-index:1;
top:0;
left:50%;
justify-content: center;
align-items: center;
height: 100vh;
display:none
}

.dot {
width: 10px;
height: 10px;
margin: 0 5px;
background-color: #3498db;
border-radius: 50%;
animation: bounce 1.4s infinite ease-in-out;
}

.dot:nth-child(2) {
animation-delay: 0.2s;
}

.dot:nth-child(3) {
animation-delay: 0.4s;
}

@keyframes bounce {
0%, 80%, 100% {
	transform: scale(0);
}
40% {
	transform: scale(1);
}
}
.layui-form-switch { margin-top:0}