@charset "utf-8";

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
	background: #f5f7f9;
}

body,
a {
	/* 24px */
	font-size: 3.2vw;
	line-height: 1.2;
	color: #333;
}

img {
	max-width: 100%;
	border: 0;
}

/*********flex*********/
.flex {
	display: -webkit-flex;
	display: flex;
}

.flex-1 {
	flex: 1;
}

.flex-column {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.flex-wrap {
	flex-wrap: wrap;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-space-around {
	justify-content: space-around;
}

.justify-flex-end {
	justify-content: flex-end;
}

.justify-flex-start {
	justify-content: flex-start;
}

.align-center {
	align-items: center;
}

.align-flex-end {
	align-items: flex-end;
}

.align-flex-start {
	align-items: flex-start;
}

/*********font*********/
.f-w-b {
	font-weight: bold;
}

.f-s-20 {
	font-size: 2.67vw;
}

.f-s-22 {
	font-size: 2.933vw;
}

.f-s-24 {
	font-size: 3.2vw;
}

.f-s-26 {
	font-size: 3.47vw;
}

.f-s-28 {
	font-size: 3.733vw;
}

.f-s-30 {
	font-size: 4vw;
}

.f-s-32 {
	font-size: 4.27vw;
}

.f-s-36 {
	font-size: 4.8vw;
}

.f-s-40 {
	font-size: 5.33vw;
}


/*********margin*********/
.m-t-5 {
	margin-top: 0.67vw;
}

.m-b-5 {
	margin-bottom: 0.67vw;
}

.m-t-10 {
	margin-top: 1.33vw;
}

.m-t-15 {
	margin-top: 2vw;
}

.m-l-15 {
	margin-left: 2vw;
}

.m-l-20 {
	margin-left: 2.67vw;
}

.m-r-20 {
	margin-right: 2.67vw;
}

.m-r-15 {
	margin-right: 2vw;
}

.m-t-20 {
	margin-top: 2.67vw;
}

.m-r-25 {
	margin-right: 3.33vw;
}

.m-t-25 {
	margin-top: 3.33vw;
}

.m-l-25 {
	margin-left: 3.33vw;
}

.m-t-30 {
	margin-top: 4vw;
}

.m-r-30 {
	margin-right: 4vw;
}

.m-t-35 {
	margin-top: 4.67vw;
}

.m-t-50 {
	margin-top: 6.67vw;
}
.m-b-15 {
	margin-bottom: 2vw;
}
.m-b-110 {
	margin-bottom: 14.67vw;
}

/*********padding*********/
.p-l-5 {
	padding-left: 0.67vw;
}

.p-r-5 {
	padding-right: 0.67vw;
}

.p-b-5 {
	padding-bottom: 0.67vw;
}

.p-t-5 {
	padding-top: 0.67vw;
}

.p-t-10 {
	padding-top: 1.33vw;
}

.p-b-10 {
	padding-bottom: 1.33vw;
}

.p-l-10 {
	padding-left: 1.33vw;
}

.p-r-10 {
	padding-right: 1.33vw;
}

.p-t-15 {
	padding-top: 2vw;
}

.p-l-15 {
	padding-left: 2vw;
}

.p-r-15 {
	padding-right: 2vw;
}

.p-t-20 {
	padding-top: 2.67vw;
}

.p-b-20 {
	padding-bottom: 2.67vw;
}

.p-l-20 {
	padding-left: 2.67vw;
}

.p-r-20 {
	padding-right: 2.67vw;
}

.p-t-25 {
	padding-top: 3.33vw;
}

.p-l-25 {
	padding-left: 3.33vw;
}

.p-r-25 {
	padding-right: 3.33vw;
}

.p-b-25 {
	padding-bottom: 3.33vw;
}

.p-b-30 {
	padding-bottom: 4vw;
}

.p-t-30 {
	padding-top: 4vw;
}

.p-l-30 {
	padding-left: 4vw;
}

.p-r-30 {
	padding-right: 4vw;
}

.p-t-40 {
	padding-top: 5.33vw;
}

.p-l-40 {
	padding-left: 5.33vw;
}

.p-r-40 {
	padding-right: 5.33vw;
}

.p-b-40 {
	padding-bottom: 5.33vw;
}

.p-t-50 {
	padding-top: 6.67vw;
}


/* 表单 */
.in-l-form {
    background: #f5f7f9;
    color: #000;
    text-align: center;
}
.in-l-form .form-img{
    width: 100%;
}

.in-l-form .box {
    overflow: hidden;
    border-radius: 3vw;
    background: #ffffff;
    margin: -18vw 5vw 0 5vw;
    position: relative;
    z-index: 2;
    padding: 5.33vw 2.133vw;
    box-shadow: 0 0.5vw 1.3vw #e9ecee;
}

.in-l-form .form {
    overflow: hidden;
}

.in-l-form .form .text {
    overflow: hidden;
}

.in-l-form .form h1 {
    line-height: 6.1vw;
}

.in-l-form .form h2 {
    font-weight: normal;
    line-height: 4.26vw;
}

.in-l-form .form h2 span {
    color: #ff0000;
}

.in-l-form .submit {
    color: #ffffff;
    line-height: 9.6vw;
    display: block;
    border: 0;
    outline: none;
    background: #188eee;
    width: 100%;
    border-radius: 1vw;
    margin-top: 9.33vw;
}
.in-l-form .tig {
    color: #2484f5;
}

.in-l-form .text {
    text-align: left;
}

.in-l-form .item-s {
    overflow: hidden;
    width: 100%;
}

.in-l-form .item-s .label-s span {
    color: #ff0000;
    margin-right: 1vw;
}

.in-l-form .item-s .input-s {
    display: block;
    background: #f7f7f7;
    width: 100%;
    border: 0;
    line-height: 9.6vw;
    height: 9.6vw;
    outline: none;
    border-radius: 1vw;
}