*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden; background: #FCFCFC;}
body,input{font-family:arial;color:#333;font-size: 14px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li,li{list-style: none}
h1,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1550px;margin:0 auto}
.container-w{max-width:1470px;margin:0 auto}
.container-s{width:96%;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
/*公共样式*/

@charset "UTF-8";
.formBox input.photoNote[type=text],
.formBox input[type=text],
.formBox select,
.formBox textarea {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.wrap {
    width: 1130px;
    margin: 0 auto;
}

.titleBox .subTitle {
    display: inline-block;
    margin-bottom: 2px;
    font-size: 28px;
    color: #F08F5F;
}

.mainArea .titleBox .title {
    font-size: 23px;
    letter-spacing: 2px;
}

.applyingArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 1000
}

.applyingArea .applyingWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fff;
	border: 6px solid rgba(233, 233, 233, 0.8);
	width: 600px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (max-width:640px) {
	.applyingArea .applyingWrap {
		width: 100%;
		height: 100%
	}
}

.applyingArea .applyingWrap:before {
	content: "";
	position: absolute;
	top: -6px;
	left: -6px;
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	border: 1px solid #000;
	pointer-events: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.applyingArea .contentBox {
	padding: 30px;
	height: 100%;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.applyingArea .Txt {
	line-height: 1.8;
	letter-spacing: 0.5px;
	font-size: 15px
}

.applyingArea .Txt a {
	color: #0000ff;
	text-decoration: underline
}

.applyingArea .title {
	font-size: 18px;
	font-weight: 600;
	color: #000
}

.applyingArea .note {
	font-size: 17px;
	color: #2f2f2f
}

.applyingArea .understandBtn {
	cursor: pointer;
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.applyingArea .understandBtn a {
	padding: 8px 15px;
	background-color: #0070C0;
	font-size: 20px;
	color: #fff
}

.mainArea {
	padding-bottom: 110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width:1180px) {
	.mainArea .wrap {
		padding: 0 10px
	}
}

.mainArea .titleBox {
	text-align: center;
	margin-bottom: 55px;
	margin-top:40px
}

@media (max-width:960px) {
	.mainArea .titleBox {
		margin: 30px 0 40px
	}
}

.mainArea .titleBox .title {
	font-size: 23px;
	letter-spacing: 2px
}

.consentArea {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 50;
	width: 100%;
	height: 100%;
	font-weight: 400;
	color: #3d3d3d;
	letter-spacing: 1px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	z-index: 1000
}

.consentArea.show .thankWrap {
	-webkit-transform: translate(-50%, -50%) rotateX(0deg);
	transform: translate(-50%, -50%) rotateX(0deg);
	opacity: 1
}

.consentArea.hide {
	pointer-events: none;
	-webkit-transition: all 0.6s 0.5s linear;
	-o-transition: all 0.6s 0.5s linear;
	transition: all 0.6s 0.5s linear;
	opacity: 0
}

.consentArea.hide .thankWrap {
	-webkit-transform: translate(-50%, -50%) rotateX(90deg);
	transform: translate(-50%, -50%) rotateX(90deg);
	opacity: 0
}


			.consentArea {
				position: fixed;
				top: 0;
				left: 0;
				background-color: rgba(0, 0, 0, 0.8);
				z-index: 50;
				width: 100%;
				height: 100%;
				font-weight: 400;
				color: #3d3d3d;
				letter-spacing: 1px;
				-webkit-perspective: 1000px;
				perspective: 1000px;
				z-index: 1000
			}
			
			.consentArea.show .thankWrap {
				-webkit-transform: translate(-50%, -50%) rotateX(0deg);
				transform: translate(-50%, -50%) rotateX(0deg);
				opacity: 1
			}
			
			.consentArea.hide {
				pointer-events: none;
				-webkit-transition: all 0.6s 0.5s linear;
				-o-transition: all 0.6s 0.5s linear;
				transition: all 0.6s 0.5s linear;
				opacity: 0
			}
			
			.consentArea.hide .thankWrap {
				-webkit-transform: translate(-50%, -50%) rotateX(90deg);
				transform: translate(-50%, -50%) rotateX(90deg);
				opacity: 0
			}
			
			.thankWrap {
				padding-left: 60px;
				padding-right: 30px;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%) rotateX(90deg);
				transform: translate(-50%, -50%) rotateX(90deg);
				height:75%;
				width: 660px;
				background-color: #fff;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				-webkit-transition: all .4s ease;
				-o-transition: all .4s ease;
				transition: all .4s ease;
				opacity: 0
			}
			
			@media (max-width:700px) {
				.thankWrap {
					padding-left: 40px;
					height: 90%;
					width: calc(100% - 40px);
					width: 100%;
					height: 100%
				}
			}
			
			.thankWrap .closeBtn {
				position: absolute;
				top: 18px;
				right: 22px;
				width: 35px;
				height: 35px;
				border: 2px solid #F08F5F;
				border-radius: 50%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}
			
			.thankWrap .closeBtn:hover>a {
				-webkit-transition: 0.4s ease;
				-o-transition: 0.4s ease;
				transition: 0.4s ease;
				-webkit-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				transform: rotate(180deg)
			}
			
			.thankWrap .closeBtn>a {
				position: relative;
				display: inline-block;
				width: 100%;
				height: 100%;
				-webkit-transition: 0s ease;
				-o-transition: 0s ease;
				transition: 0s ease
			}
			
			.thankWrap .closeBtn>a:after,
			.thankWrap .closeBtn>a:before {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%) rotate(-45deg);
				-ms-transform: translate(-50%, -50%) rotate(-45deg);
				transform: translate(-50%, -50%) rotate(-45deg);
				width: 20px;
				height: 1px;
				background-color: #F08F5F
			}
			
			.thankWrap .closeBtn>a:after {
				-webkit-transform: translate(-50%, -50%) rotate(45deg);
				-ms-transform: translate(-50%, -50%) rotate(45deg);
				transform: translate(-50%, -50%) rotate(45deg)
			}
			
			.thankWrap .thankTitle {
				padding: 65px 0 40px;
				font-size: 20px;
				font-weight: 700;
				color: #019A52;
				text-align: center;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1);
				margin-bottom: 10px
			}
			
			.thankWrap .btnBox {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				padding: 30px 0;
				margin-top: 35px;
				border-top: 1px solid rgba(0, 0, 0, 0.1)
			}
			
			.thankWrap .btnBox a {
				margin: 5px;
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				width: 160px;
				height: 35px;
				font-size: 13px;
				font-weight: 700;
				letter-spacing: 3px;
				color: #fff;
				background-color: #F08F5F
			}
			
			.thankWrap .btnBox a:hover:before {
				right: auto;
				left: 0;
				width: 100%
			}
			
			.thankWrap .btnBox a:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				width: 0;
				height: 100%;
				background-color: #019A52;
				-webkit-transition: all .4s ease;
				-o-transition: all .4s ease;
				transition: all .4s ease
			}
			
			.thankWrap .btnBox a span {
				position: relative;
				z-index: 1
			}
			
			.thankInfoBox {
				height: calc(100% - 310px);
				overflow-x: hidden;
				overflow-y: auto
			}
			
			.thankInfoBox::-webkit-scrollbar-track {
				background-color: #eee
			}
			
			.thankInfoBox::-webkit-scrollbar {
				width: 6px;
				background-color: #eee
			}
			
			.thankInfoBox::-webkit-scrollbar-thumb {
				background-color: #ccc
			}
			
			.thankInfo {
				width: 98%;
				font-size: 14px;
				color: #2f2f2f;
				line-height: 1.6;
				height: auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}
			
			.thankInfo .notice {
				font-weight: 600;
				margin-bottom: 15px
			}
			
			.thankInfo .title {
				padding: 24px 0 5px 0 ;
				font-size: 16px;
				font-weight: 700;
				color: #F08F5F
			}
			
			.thankInfo ul li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
			}
			
			.formBox em {
				font-style: normal;
				font-weight: 400;
				color: #e61f6e
			}
			
			.formBox input[type=text],
			.formBox select,
			.formBox textarea {
				padding: 5px 15px;
				border: 1px solid #ccc;
				outline: none
			}
			
			.formBox input[type=text] {
				width: 100%;
				height: 40px;
				line-height: 40px
			}
			
			.formBox input[type=text]::-webkit-input-placeholder {
				color: #c5c5c5
			}
			
			.formBox input[type=text]:-ms-input-placeholder {
				color: #c5c5c5
			}
			
			.formBox input[type=text]::-ms-input-placeholder {
				color: #c5c5c5
			}
			
			.formBox input[type=text]::placeholder {
				color: #c5c5c5
			}
			
			.formBox input[type=text].photoNote {
				pointer-events: none;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				font-weight: 400;
				border: none;
				height: auto;
			}
			
			.formBox select {
				width: 100%;
				height: 100%;
				height: 40px
			}
			
			.formBox select option {
				padding: 20px
			}
			
			.formBox textarea {
				width: calc(100% - 10px);
				height: 190px
			}
			
			.dataBox {
				padding: 50px 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				border-top: 1px solid rgba(94, 94, 94, 0.1)
			}
			
			@media (max-width:960px) {
				.dataBox {
					padding-top: 20px;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center
				}
			}
			
			.dataBox .leftBox {
				-ms-flex-negative: 0;
				flex-shrink: 0;
				width: 260px;
				padding-right: 75px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}
			
			@media (max-width:960px) {
				.dataBox .leftBox {
					padding: 20px 0 30px;
					text-align: center;
					width: 300px
				}
			}
			
			.dataBox .leftBox .title {
				margin-bottom: 10px;
				font-size: 20px;
				font-weight: 700;
				color: #333
			}
			
			.dataBox .leftBox .detial {
				font-size: 18px;
				color: #333;font-weight:bold
			}
			
			.dataBox .leftBox .notice {
				font-size: 20px;
				font-weight: 700;
				color: #019A52;
				letter-spacing: 1px
			}
			
			.dataBox .leftBox p {
				color: #838383
			}
			
			.dataBox .rightBox {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				width: 100%;
				letter-spacing: 1px
			}
			
			.dataBox .item {
				width: 100%;
				padding: 0 10px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding-bottom: 5px
			}
			
			.dataBox .item.half {
				width: 50%
			}
			
			@media (max-width:640px) {
				.dataBox .item.half {
					width: 100%
				}
			}
			
			.dataBox .item.borderBottom {
				padding-bottom: 35px;
				margin-bottom: 25px;
				border-bottom: 1px solid rgba(94, 94, 94, 0.1)
			}
			
			.dataBox .top {
				display: inline-block;
				height: 20px;
				padding: 10px 0
			}
			
			.radioBox {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}
			
			.radioBox>label {
				-ms-flex-negative: 0;
				flex-shrink: 0;
				cursor: pointer;
				height: 40px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				margin-right: 20px
			}
			
			.radioBox input[type=checkbox],
			.radioBox input[type=radio] {
				position: relative;
				-webkit-appearance: none;
				margin: 0;
				margin-right: 10px;
				min-height: 20px;
				min-width: 20px;
				border-radius: 50%;
				border: 1px solid #019A52;
				outline: none
			}
			
			.radioBox input[type=checkbox]:checked:after,
			.radioBox input[type=radio]:checked:after {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 12px;
				height: 12px;
				border-radius: 50%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				background-color: #019A52
			}
			
			.customSelect {
				display: none
			}
			
			.customSelectBox {
				position: relative;
				text-align: center;
				letter-spacing: 5px;
				color: #838383;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none
			}
			
			.customSelectBox .main {
				cursor: pointer;
				position: relative;
				font-weight: 700;
				color: #5e5e5e;
				height: 40px;
				line-height: 40px;
				border: 1px solid #ccc
			}
			
			.customSelectBox .main:before {
				content: "";
				position: absolute;
				top: calc(50% + 5px);
				right: 20px;
				width: 9px;
				height: 9px;
				border-top: 1px solid #ccc;
				border-right: 1px solid #ccc;
				background-origin: padding-box;
				-webkit-transform-origin: top right;
				-ms-transform-origin: top right;
				transform-origin: top right;
				-webkit-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				transform: rotate(135deg)
			}
			
			.customSelectBox .main.open {
				border-color: #F08F5F
			}
			
			.customSelectBox .main.open:before {
				top: calc(50% - 5px);
				-webkit-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
				border-color: #F08F5F
			}
			
			.customSelectBox ul {
				display: none;
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				border: 1px solid #ccc;
				border-top: none;
				background-color: #fbfaf5;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				z-index: 1;
				max-height: 200px;
				overflow-y: auto
			}
			
			.customSelectBox li {
				cursor: pointer;
				height: 40px;
				line-height: 40px;
				font-weight: 400
			}
			
			.customSelectBox li:not(:first-child) {
				border-top: 1px solid #ccc
			}
			
			.rowWord {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center
			}
			
			.rowWord span {
				padding-left: 5px;
				-ms-flex-negative: 0;
				flex-shrink: 0
			}
			
			.rowBox {
				line-height: 40px
			}
			
			@media (min-width:671px) {
				.rowBox {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center
				}
			}
			
			.rowBox.solt {
				padding: 5px 0
			}
			
			.rowBox.solt input {
				margin: 0 10px;
				width: 60px
			}
			
			.rowBox.solt .word {
				padding: 0
			}
			
			.rowBox .word {
				display: inline-block
			}
			
			@media (min-width:671px) {
				.rowBox .word {
					padding-left: 15px;
					white-space: nowrap
				}
			}
			
			.dataUpload {
				display: none
			}
			
			.photoBox {
				cursor: pointer;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				-ms-flex-pack: justify;
				justify-content: space-between;
				height: 40px;
				width: 100%;
				border: 1px solid #F08F5F;
				-webkit-box-sizing: border-box;
				box-sizing: border-box
			}
			
			.photoBtn {
				cursor: pointer;
				-ms-flex-negative: 0;
				flex-shrink: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				height: 100%;
				width: 160px;
				font-size: 13px;
				font-weight: 700;
				color: #fff;
				letter-spacing: 4px;
				background-color: #F08F5F
			}
			
			@media (max-width:400px) {
				.photoBtn {
					width: 120px
				}
			}
			
			.fieldBox {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
				width: 100%
			}
			
			@media (max-width:640px) {
				.fieldBox.sp {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column
				}
			}
			
			.fieldTitle {
				display: inline-block;
				height: 20px;
				padding: 10px 0;
				width: 65px
			}
			
			.fielsList {
				-webkit-box-flex: 1;
				-ms-flex: 1;
				flex: 1;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: start;
				-ms-flex-align: start;
				align-items: flex-start;
				-ms-flex-wrap: nowrap;
				flex-wrap: nowrap
			}
			
			@media (max-width:767px) {
				.fielsList {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column
				}
				.fielsList .item {
					padding: 0
				}
			}
			
			.dateBox {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				width: 320px;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center
			}
			
			@media (max-width:480px) {
				.dateBox {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-align: start;
					-ms-flex-align: start;
					align-items: flex-start;
					width: 100%
				}
			}
			
			.dateBox span {
				padding: 0 5px
			}
			
			.noticeText li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex
			}
			
			.noticeText .num {
				padding-right: 5px
			}
			
			.textareaTitle {
				margin-top: 15px;
				padding: 10px 0
			}
			
			.checkArea {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				margin-top: 15px;
				font-size: 0
			}
			
			.checkArea .btn {
				padding: 0 5px;
				display: inline-block;
				vertical-align: middle
			}
			
			.checkArea .btn input {
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				width: 160px;
				height: 35px;
				font-size: 13px;
				font-weight: 700;
				letter-spacing: 3px;
				color: #fff;
				background-color:#F08F5F;
				float:left;border:none;margin-right:20px;
			}
			
			@media (max-width:400px) {
				.checkArea .btn input {
					width: 120px
				}
			}
			
			.checkArea .btn input:hover:before {
				right: auto;
				left: 0;
				width: 100%
			}
			
			.checkArea .btn input:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				width: 0;
				height: 100%;
				background-color: #019A52;
				-webkit-transition: all .4s ease;
				-o-transition: all .4s ease;
				transition: all .4s ease
			}
			
			.checkArea .btn input span {
				position: relative;
				z-index: 1
			}
			
			.error {
				-webkit-box-shadow: 0 0 10px #f00;
				box-shadow: 0 0 10px #f00
			}