@charset "utf-8";

/* CSS Document */

body,
h1,
h2,
h3,
p,
dl,
dd,
ol,
ul,
th,
td,
form,
fieldset,
input,
button,
textarea {
	margin: 0;
	padding: 0;
}

html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
}

h1,
h2,
h3 {
	font-size: 100%
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit
}

fieldset,
img {
	border: 0
}

cite,
em,
s,
i,
b {
	font-style: normal
}

input,
button,
textarea,
select {
	font-size: 100%
}

body,
input,
button,
textarea,
select,
option {
	font-size: normal
}

a,
input,
textarea {
	text-decoration: none;
	outline: 0
}

li,
img,
label,
input {
	vertical-align: middle;
}

var {
	font-style: normal
}

ins {
	text-decoration: none
}

li {
	list-style: none;
}

* {
	-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	outline: none;
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	-webkit-user-select: none;
	pointer-events: none;
}

input {
	border-radius: 0;
	border: 0;
}

html {}

body {
	font-size: 16px;
	color: #3d3d3d;
	background: #f5f5f5;
}

.autoHeight {
	height: auto!important;
}

.clear {
	clear: both;
}

.body-red {
	background: url(../images/ssyq-fastkh-bg.jpg) no-repeat left top #ede8d8;
	background-size: 100%;
	width: 100%;
}

.headImg {
	width: 100%;
}

.headImg img {
	width: 100%;
}

.form {
	width: 90%;
	margin: 0 auto;
}

.form .normal {
	height: 2.4rem;
	line-height: 2.4rem;
	margin-bottom: 0.75rem;
}

.form .normal input {
	font-size: 0.875rem;
	color: #727171;
	height: 1.4rem;
	line-height: 1.4rem;
	text-indent: 1em;
	padding: 0.5rem 0;
	float: left;
}

.form .normal .mobile {
	width: 100%;
}

.form .normal .code {
	width: 65%;
}

.form .normal span {
	font-size: 0.875rem;
	color: #c11f25;
	text-align: center;
	float: right;
	width: 32%;
	height: 2.4rem;
	line-height: 2.4rem;
	background: #fff;
	box-sizing: border-box;
}

.submt-btn {
	background: #ee474c;
	background-size: 100% 100%;
	font-size: 0.875rem;
	text-align: center;
	color: #fff;
	height: 2.4rem;
	line-height: 2.4rem;
}

.sendcodebtn {
	padding: 0.05rem 0.15rem;
	background: #fff;
	border: 1px solid #a5a4a6;
	border-radius: 5px;
	font-size: 0.15rem;
	color: #a5a4a6;
}

.layer-con p.sryzm {
	color: #3d3c3c;
	font-size: 0.2rem;
}

.layer-con p {
	font-size: 0.15rem;
	color: #a5a4a6;
	padding: 0.1rem 0;
	text-align: center;
}

.yzm {
	width: 100%;
	text-align: center;
}

.yzm input {
	width: 12%;
	display: inline-block;
	text-align: center;
	font-size: 0.2rem;
	height: 0.2rem;
	line-height: 1em;
	padding: 0.15rem 0;
	background: #fff;
	border: 1px solid #a5a4a6;
	color: #3d3c3c;
}

.yzm input:focus {
	outline: none;
	border: 1px solid #ee474c;
}

.layer-main {
	background: #fff;
	background-size: 100%;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	border-radius: 5px;
	display: none;
	overflow: hidden;
}

.layer-main img {
	width: 80%;
	margin-top: 1rem;
}

.layer-con {
	font-size: 0.2rem;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	color: #373548;
	position: relative;
	padding: 0 0 0.15rem 0;
}

.layui-m-layercont {
	padding: 0!important;
}

.layui-m-layercont .layer-usually {
	background: #fff;
	padding: 0.3rem 0;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.layui-m-layercont .layer-main {
	display: block;
}

.layui-m-layermain .layui-m-layerchild {
	background: none;
}

.layercode {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
}

.layercode .png-bg {
	background: #000;
	opacity: 0.5;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.layercode-con {
	background: #fff;
	border-radius: 5px;
	width: 90%;
	position: absolute;
	top: 20%;
	left: 5%;
	padding: 5%;
}

.yidun.yidun--light .yidun_bgimg,
.yidun.yidun--light.yidun--float .yidun_panel {
	top: 0!important;
	left: 0!important;
}

.yidun.yidun--light.yidun--float .yidun_panel {
	display: block!important;
}


.codeerror {
	font-size: 0.75rem;
	color: #ee474c;
	text-align: center;
	position: absolute;
	top: 2rem;
	left: 0;
	width: 100%;
}