.green-btn-6 {
	background: #2CB5A7;
	-moz-border-radius: 6px;
	/* Gecko browsers */
	-webkit-border-radius: 6px;
	/* Webkit browsers */
	border-radius: 6px;
	/* W3C syntax */
	color: #fff;
	padding: 6px 10px;
	font-size: 14px;
}

.gray-btn-6 {
	background: #ccc;
	-moz-border-radius: 6px;
	/* Gecko browsers */
	-webkit-border-radius: 6px;
	/* Webkit browsers */
	border-radius: 6px;
	/* W3C syntax */
	color: #fff;
	padding: 6px 10px;
	font-size: 14px;
}

.green-btn-13 {
	background: #2CB5A7;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #fff;
	padding: 0 15px;
}

.green-unpress-btn-13 {
	background: #fff;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #2CB5A7;
	border: 1px solid #2CB5A7;
	padding: 0 15px;
}

.yellow-btn-13 {
	background: #FFA325;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #fff;
	padding: 0 15px;
}

.yellow-unpress-btn-13 {
	background: #fff;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #FFA325;
	border: 1px solid #FFA325;
	padding: 0 15px;
}

.blue-btn-13 {
	background: #9794FF;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #fff;
	padding: 0 15px;
}

.blue-unpress-btn-13 {
	background: #fff;
	text-align: center;
	-moz-border-radius: 13px;
	/* Gecko browsers */
	-webkit-border-radius: 13px;
	/* Webkit browsers */
	border-radius: 13px;
	/* W3C syntax */
	color: #9794FF;
	border: 1px solid #9794FF;
	padding: 0 15px;
}

.green-bottom-btn {
	font-size: 20px;
	color: #2CB5A7;
	border-bottom: 1px solid #2CB5A7;
	font-size: 14px;
}

.yellow-bottom-btn {
	font-size: 20px;
	color: #FFA325;
	border-bottom: 1px solid #FFA325;
	font-size: 14px;
}

.blue-bottom-btn {
	font-size: 20px;
	color: #9794FF;
	border-bottom: 1px solid #9794FF;
	font-size: 14px;
}

.gray-bottom-btn {
	font-size: 20px;
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}

.aui-v-white-line {
	height: 40px;
	border-left: #FFFFFF 4px solid;
}

.aui-v-green-line {
	height: 40px;
	border-left: #2CB5A7 4px solid;
}

.aui-v-yellow-line {
	height: 40px;
	border-left: #FFA325 4px solid;
}

.aui-v-blue-line {
	height: 40px;
	border-left: #9794FF 4px solid;
}

.header {
	width: 100%;
	height: 110px;
	background: rgba(44, 181, 167, 0.2);
	border-bottom: solid #fff 10px;
}

.title {
	font-size: 20px;
	font-weight: 500;
	color: #333333;
	padding-top: 15px;
}

.title-left {
	color: #D73838;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 30px;
}

.title-right {
	color: #333;
	font-size: 14px;
	margin-top: 25px;
	margin-right: 30px;
}

.green-preview {
	background: #2CB5A7;
	-moz-border-radius: 20px;
	/* Gecko browsers */
	-webkit-border-radius: 20px;
	/* Webkit browsers */
	border-radius: 20px;
	/* W3C syntax */
	color: #fff;
	font-size: 18px;
	width: 140px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.yellow-preview {
	background: #FFA325;
	-moz-border-radius: 20px;
	/* Gecko browsers */
	-webkit-border-radius: 20px;
	/* Webkit browsers */
	border-radius: 20px;
	line-height: 40px;
	/* W3C syntax */
	color: #fff;
	font-size: 18px;
	width: 140px;
	height: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.blue-preview {
	background: #9794FF;
	-moz-border-radius: 20px;
	/* Gecko browsers */
	-webkit-border-radius: 20px;
	/* Webkit browsers */
	border-radius: 20px;
	line-height: 40px;
	/* W3C syntax */
	color: #fff;
	font-size: 18px;
	width: 140px;
	height: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.gray-preview {
	background: #CCCCCC;
	-moz-border-radius: 20px;
	/* Gecko browsers */
	-webkit-border-radius: 20px;
	/* Webkit browsers */
	border-radius: 20px;
	line-height: 40px;
	/* W3C syntax */
	color: #fff;
	font-size: 18px;
	width: 140px;
	height: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

///////////////////////////////////////////////////////////////
.left-side-flyelem {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: -webkit-transform 1s linear;
	transition: transform 1s linear;
	-webkit-transition-timing-function: cubic-bezier(0, .93, .06, 1);
	transition-timing-function: cubic-bezier(0, .93, .06, 1)
}

.left-side-flyelem.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}

.lsf-items {
	display: block;
	width: 45px;
	height: 45px;
	background: rgba(27, 27, 29, 0.9);
	margin-bottom: 1px;
	cursor: pointer
}

.side-icon {
	text-align: center;
	line-height: 45px;
	font-size: 24px;
	color: #fff;
	position: relative
}

.side-icon:before {
	position: relative;
	z-index: 1
}

.side-icon:hover {
	text-decoration: none;
}

.side-icon:after {
	text-decoration: none;
	position: absolute;
	display: block;
	content: " ";
	height: 45px;
	width: 160px;
	background: #2eb135;
	top: 0;
	left: 0;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition-property: -webkit-transform, color, text-indent;
	transition-property: transform, color, text-indent;
	-webkit-transition-duration: .6s, .6s, 1s;
	transition-duration: .6s, .6s, 1s;
	-webkit-transition-delay: 0s, .2s, .2s;
	transition-delay: 0s, .2s, .2s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, .09, 1);
	transition-timing-function: cubic-bezier(0, 1, .09, 1)
}

.side-icon:hover:after {
	-webkit-transform: translateX(-145px);
	-ms-transform: translateX(-145px);
	transform: translateX(-145px);
	color: #fff;
	text-indent: 10px
}

.side-icon:after {
	line-height: 45px;
	font-size: 14px;
	color: #fff;
	text-align: right;
	padding-right: 10px;
	font-family: microsoft yahei;
}

.gray-bottom-btn {
	font-size: 20px;
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
}

.common-btn {
	font-size: 12px;
	border-radius: 30px;
	color: #fff;
	border: #fff solid 1px;
	text-align: center;
	cursor: pointer;
	padding: 3px 20px;
}

.common-btn:hover {
	font-size: 12px;
	background: #0034a0;
	border-radius: 30px;
	padding: 3px 20px;
	text-align: center;
	color: #fff;
}

.common-black-btn {
	font-size: 12px;
	border-radius: 30px;
	color: #fff;
	background: #3f4247;
	border: #fff solid 1px;
	text-align: center;
	padding: 3px 10px;
	cursor: pointer;
}

.common-black-btn:hover {
	font-size: 12px;
	background: #0034a0;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	padding: 3px 10px;
}

.grad-circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: none;
	border: 10px solid #a4aaaa;
}

.yellow-circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: none;
	border: 10px solid #f2d587;
}

.yellow-h-circle {
	width: 60px;
	height: 30px;
	border-radius: 30px 30px 0 0;
	background: #f2d587;
}

.while-h-circle {
	width: 40px;
	height: 20px;
	border-radius: 20px 20px 0 0;
	background: #fff;
	margin: 10px 0 0 10px;
}

.green-circle {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: none;
	border: 10px solid #00349e;
}

.green-h-circle {
	width: 60px;
	height: 30px;
	border-radius: 30px 30px 0 0;
	background: #00349e;
}

.add {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	color: #0033a0;
	cursor: pointer;
}

.add-green {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #0034a1;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	color: #fff;
	cursor: pointer;
}

.bottom {
	background: #3f4247;
	color: #fff;
	font-size: 10px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	clear: both;
}

.bottom a {
	color: #fff;
}

#wechat,
#qq,
#tel {
	cursor: pointer;
}

#wechat:hover,
#qq:hover,
#tel:hover {
	background: #00349e;
	color: #fff;
}

.common-green-btn {
	font-size: 12px;
	border-radius: 30px;
	color: #fff;
	background: #0034a0;
	border: #0034a0 solid 1px;
	text-align: center;
	padding: 3px 15px;
	cursor: pointer;
}

.common-green-btn:hover {
	font-size: 12px;
	border-radius: 30px;
	color: #0034a0;
	background: #fff;
	border: #0034a0 solid 1px;
	text-align: center;
	padding: 3px 15px;
	cursor: pointer;
}

.common-while-btn {
	font-size: 12px;
	border-radius: 30px;
	color: #0034a0;
	background: #fff;
	border: #0034a0 solid 1px;
	text-align: center;
	padding: 3px 15px;
	cursor: pointer;
}

.common-while-btn:hover {
	font-size: 12px;
	background: #0034a0;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	padding: 3px 15px;
}

.common-grid-rect-btn {
	font-size: 12px;
	color: #fff;
	background: #0033a0;
	text-align: center;
	padding: 3px 5px;
	cursor: pointer;
}

.common-grid-rect-btn:hover {
	color: #0033a0;
	background: fff;
	border: 1px solid #0033a0;
}

.common-radio {
	position: relative;
	display: inline-block;
}

.common-radio input {
	vertical-align: middle;
	margin-top: -2px;
	margin-bottom: 1px;
	/* 前面三行代码是为了让radio单选按钮与文字对齐 */
	width: 22px;
	height: 22px;
	appearance: none;
	/*清楚默认样式*/
	-webkit-appearance: none;
	opacity: 0;
	outline: none;
	/* 注意不能设置为display:none*/
}

.common-radio label {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	/*注意层级关系，如果不把label层级设为最低，会遮挡住input而不能单选*/
	width: 22px;
	height: 22px;
	border: 1px solid #B2B2B2;
	border-radius: 100%;
}

.common-radio input:checked+label {
	background: #0A46C1;
	border: 1px solid #0A46C1;
}

.common-radio input:checked:disabled+label {
	background: #999;
	border: 1px solid #999;
}

.common-radio input:checked+label {
	background: #0A46C1;
	border: 1px solid #0A46C1;
}

.common-radio input:checked+label {
	background: #0A46C1;
	border: 1px solid #0A46C1;
}

.common-radio input:checked:disabled~span {
	color: #999;
}

.common-radio input:checked~span {
	color: #0A46C1;
}

.common-radio span {
	color: #999;
}

.common-radio input:checked+label::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 4px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}