body .layui-laydate .layui-this {
	background-color: #334d72!important
}

body .layui-laydate-footer span:hover,body .layui-laydate-header i:hover,body .layui-laydate-header span:hover {
	color: #334d72
}

.form-main .layui-input {
	width: 100%;
	position: absolute;
	background: 0 0!important;
	cursor: pointer
}

.form-main .layui-input+.input-group-addon {
	padding: 9px 12px;
	border: 0!important;
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-ms-border-radius: 0!important;
	-o-border-radius: 0!important
}

.main-inside-form .form-main .input-group {
	width: 100%!important;
	border: none;
	vertical-align: baseline
}

.main-inside-form .form-main .input-group>.form-control {
	width: 100%!important;
	border: none;
	box-shadow: none!important
}

.main-inside-form .form-main .layui-input {
	width: 100%!important;
	position: absolute;
	left: 0
}

.main-inside-form .form-main .layui-input+.input-group-addon {
	display: table-cell!important;
	padding: 7px 12px 8px;
	right: 0;
	width: 30px
}

.datetimepicker {
	width: 240px!important
}

.datetimepicker table {
	width: 100%
}

.form-control {
	border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	-ms-border-radius: 2px!important;
	-o-border-radius: 2px!important
}

.select-search {
	height: 34px;
	position: relative
}

.select-search .school-option.hidden {
	display: none
}

.select-search button {
	text-align: left;
	background: url(../images/select-icon.png) no-repeat center right 5px
}

.select-search .school-option input {
	margin: 10px auto 5px;
	height: 30px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	width: 100%
}

.select-search .school-option {
	position: absolute;
	background-color: #fff;
	width: 100%;
	max-height: 200px;
	top: 32px;
	left: 0;
	padding: 0 15px;
	overflow-y: auto;
	z-index: 99;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
	box-shadow: 0 5px 10px rgba(0,0,0,.1)
}

.select-search .school-option li {
	font-size: 14px;
	color: #555;
	line-height: 30px;
	cursor: pointer
}

.form-inline .form-group {
	margin: 0 0 30px;
	padding: 0
}

.form-control-inline {
	display: inline-block;
	width: 31.333%
}

.form-control-inline:first-child+.form-control-inline {
	margin: 0 2%
}

.btn-default:focus,.btn-default:hover {
	background-color: #3a4d82;
	border-color: #3a4d82;
	color: #fff
}

.input-group-span {
	color: #30364c;
	font-weight: 400;
	white-space: nowrap
}

.input-group-span em {
	color: #ae2a2a;
	padding-right: 5px
}

.submit-group {
	text-align: center;
	margin-bottom: 10px!important
}

.submit-group button,.submit-group input {
	width: 80%;
	max-width: 178px;
	padding: 0 12px;
	line-height: 46px;
	border: 1px solid #3a4d82;
	color: #fff;
	background-color: #3a4d82;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.submit-group button {
	min-width: 231px;
	font-size: 16px;
	line-height: 40px
}

.must-box {
	text-align: center
}

.must-box span {
	font-size: 12px;
	color: #939393
}

body {
	background-color: #f5f7f9
}

.form-box {
	margin-bottom: 30px;
	background-color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.form-box .moudle-title {
	padding: 30px 0;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
	color: #0e2644;
	border-bottom: 2px solid #eee
}

.form-box .moudle-title span {
	color: #b59039
}

.form-main-bg {
	background: url(../images/public/form-bg.png) no-repeat center bottom;
	padding-bottom: 20px
}

.form-main {
	max-width: 630px;
	margin: 0 auto
}

.form-group {
	margin-bottom: 30px
}

.form-group label span {
	color: #31404c
}

.checkbox-item {
	font-size: 14px;
	line-height: 34px;
	font-weight: 400;
	margin-left: 15px;
	cursor: pointer
}

.form-main .icon {
	padding: 0 7px;
	margin-right: 0!important;
	background-size: contain
}

.checkbox-item .check-icon,.must-box .icon-check {
	background: url(../images/public/check.png) no-repeat center center
}

.checkbox-item.checked .check-icon,.must-box .icon-check.checked {
	background: url(../images/public/checked.png) no-repeat center center
}

@media only screen and (max-width:767px) {
	.form-box .moudle-title {
		font-size: 22px;
		line-height: 1.4;
		padding: 4% 0;
		margin-bottom: 4%
	}

	.form-group label,.input-group-span,.submit-group button {
		font-size: 16px
	}

	.form-group label,.input-group-span {
		text-align: right;
		max-width: 120px;
		padding-top: 7px
	}

	.form-group label span,.input-group .form-control,.selects-box select {
		font-size: 12px
	}

	.form-control-inline {
		width: 31%
	}
}

@media only screen and (max-width:680px) {
	.form-group>label,.input-group-span {
		padding: 5px 12px 0 0
	}

	.form-control-inline {
		width: 30.666%
	}

	.form-horizontal .form-group {
		margin-right: 0
	}

	.form-horizontal .form-group {
		margin: 0 auto 5%
	}
}

@media only screen and (max-width:425px) {
	.form-control-inline {
		width: 30.333%
	}

	.form-group>label,.input-group-span {
		padding-right: 0
	}

	.form-box .moudle-title {
		margin-bottom: 5%
	}
}

.padding-l0 {
	padding-left: 0!important
}

.main-inside-form .form-main .form_date {
	width: 100%;
	line-height: 28px;
	margin-top: -5px
}

.main-inside-form .form-main .form_date input {
	width: 100%;
	padding-left: 10px;
	border: none;
	height: 28px;
	line-height: 28px
}

.main-inside-form .form-main .input-group-addon {
	border: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px
}

.main-inside-form .form-main {
	max-width: none
}

.main-inside-form .form-box {
	padding: 0 30px 20px;
	margin: 30px 1% 24px;
	background-color: #f6f7f9
}

.main-inside-form .form-box .moudle-title {
	font-size: 24px;
	font-weight: 700;
	border: none;
	padding-bottom: 0;
	margin-bottom: 30px;
	padding-top: 30px
}

.main-inside-form .form-box h2 span {
	color: #ea5f3c
}

.checkbox-group label,.main-inside-form .form-main .form-control,.main-inside-form .form-main .selects-box select {
	width: 62%;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	padding-bottom: 0;
	padding-top: 0
}

.main-inside-form .form-main .submit-group input {
	height: 32px;
	line-height: 32px
}

.main-inside-form .must-box,.main-inside-form .submit-group {
	float: left;
	width: 100%
}

.main-inside-form .input-group-span {
	font-size: 14px
}

.form-inline .form-control,.label-box {
	display: inline-block!important
}

@media only screen and (max-width:1200px) {
	.checkbox-group label,.main-inside-form .form-main .form-control,.main-inside-form .form-main .selects-box select {
		width: 65%
	}

	.container {
		width: 98%
	}

	.main-inside-form .form-box {
		text-align: center
	}
}

@media only screen and (max-width:767px) {
	.main-inside-form .form-main .form_date {
		display: flex;
		margin: 0 auto
	}

	.main-inside-form .form-main .input-group-addon {
		display: table;
		padding: 7px 12px 8px
	}

	.main-inside-form .form-box .moudle-title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 2%
	}

	.main-inside-form .form-box {
		padding: 0 5% 20px;
		margin-left: 0;
		margin-right: 0
	}

	.form-inline .form-group {
		display: flex;
		justify-content: center;
		margin: 0 auto 3%
	}

	.form-inline .col-xs-3 {
		padding: 0
	}
}

@media only screen and (max-width:680px) {
	.main-inside-form .form-box .moudle-title {
		margin-bottom: 4%
	}

	.main-inside-form .form-main .form-group {
		width: 98%;
		margin-bottom: 3%
	}

	.checkbox-group label,.main-inside-form .form-main .form-control,.main-inside-form .form-main .selects-box select {
		width: 75%!important
	}
}

@media only screen and (max-width:425px) {
	.main-inside-form .form-main .input-group-addon {
		padding: 7px 7px 8px
	}

	.checkbox-group label,.main-inside-form .form-main .form-control,.main-inside-form .form-main .selects-box select {
		width: 70%
	}
}