@charset 'utf-8';
.ui_steps {
	display: table;
	table-layout: fixed;
	padding-top: 17px;
	width: 100%
}
.ui_steps .step {
	display: table-cell;
	position: relative;
	counter-increment: step-counter;
	color: #c8c8c8;
	border-top: 5px solid #c8c8c8;
	text-align: center;
	padding-top: 18px
}
.ui_steps .step:before {
	content: counter(step-counter);
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 3px solid #f7f7f7;
	background: #c8c8c8;
	margin: -17px 0 0 -15px;
	color: #fff;
	line-height: 24px
}
.ui_steps .step.on {
	color: #00af67;
	border-top-color: #00af67
}
.ui_steps .step.on:before {
	background: #00af67
}
.ui_steps .step.prev {
	color: #b4ddc5;
	border-top-color: #b4ddc5
}
.ui_steps .step.prev:before {
	background: #b4ddc5
}
.ui_formSet {
*zoom:1;
	margin: 0 0 -10px;
	padding: 0 0 0 100px;
	font-size: 12px;
	color: #333
}
.ui_formSet:after, .ui_formSet:before {
	content: " ";
	display: table;
	height: 0
}
.ui_formSet:after {
	clear: both
}
.ui_formSet .formLabel {
	_display: inline;
	float: left;
	clear: both;
	margin: 0 0 0 -100px;
	text-align: right;
	white-space: nowrap
}
.ui_formSet .required {
	margin-right: 3px;
	color: #f06
}
.ui_formSet .formInput {
	position: relative;
	float: left;
	width: 100%;
	min-height: 30px;
	margin: 0 0 10px
}
.ui_formSet .errorWrap {
	position: absolute;
	left: auto
}
.ui_formSet .guideWrap {
	display: block;
	margin-top: 4px;
	color: #aaa;
	line-height: 18px
}
.ui_formSet input.error, .ui_formSet textarea.error {
	border-color: #ff5859
}
.ui_formSet label.error {
	margin-left: 12px;
	color: #ff5859
}
.ui_formSet .checkbox {
	vertical-align: 0;
	vertical-align: middle\9
}
.ui_formSet .ui_formSet {
	margin: 0;
	padding: 10px 0 3px 85px;
	border: 1px solid transparent;
	background: #f9f9f9
}
.ui_formSet .ui_formSet .formLabel {
	width: 70px;
	margin: 0 0 0 -85px
}
.checkboxList .checkbox, .radioList .radio {
	margin-right: 6px
}
.ui_formSet .text-tip {
	float: left;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	margin-bottom: 12px;
	margin-top: -2px;
	clear: both
}
.checkboxList .checkboxItem, .radioList .radioItem {
	padding-right: 20px;
	color: #333
}
.ui_formSet .text-tip .hide {
	display: none
}
.checkboxList, .radioList, .radioList .radioItem {
	display: inline-block
}
.checkboxList .checkboxItem {
	display: inline-block
}
.ui_autoComplateOptions {
	overflow: auto;
	position: absolute;
	z-index: 2600;
	max-height: 360px;
	padding: 6px 0;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	white-space: nowrap;
	cursor: pointer
}
.ui_autoComplateOptions .option {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 28px;
	padding: 0 10px;
	padding-right: 2px\9;
	color: #666;
	text-overflow: ellipsis
}
.ui_autoComplateOptions .option.hover {
	background: #eee;
	text-decoration: none
}
.ui_autoComplateOptions .option.on {
	color: #333
}
.ui_autoComplete {
	overflow: auto;
	overscroll-behavior: contain;
	position: absolute;
	z-index: 2400;
	width: 100%;
	max-height: 360px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #fff;
	font-size: 12px;
	line-height: 28px;
	white-space: nowrap
}
.ui_autoComplete .option {
	overflow: hidden;
	width: 100%;
	height: 28px;
	padding: 0 8px;
	color: #666;
	text-overflow: ellipsis;
	cursor: pointer
}
.ui_autoComplete .option.hover {
	background: #eee;
	text-decoration: none
}
.ui_autoComplete .option.on {
	color: #333
}
.ui_autoComplete .empty {
	overflow: hidden;
	width: 100%;
	height: 28px;
	padding: 0 8px
}
.inputText.readonly, .inputText[readonly] {
	cursor: default!important;
	background-color: #fff!important
}
.ui_formSet {
	padding-left: 160px;
	line-height: 38px
}
.ui_formSet .inputText {
	height: 36px;
	padding: 10px;
	width: 278px
}
.ui_formSet .formLabel {
	margin-left: -160px;
	width: 130px;
	font-size: 14px
}
.ui_formSet .formInput {
	margin-bottom: 20px
}
.ui_formSet .button {
	vertical-align: baseline
}
.ui_formSet textarea.inputText {
	height: auto;
	min-height: 90px
}
.ui_formSet .brief-input {
	width: 70px
}
.ui_steps {
	margin: 80px 0;
	padding: 0 100px
}
.ui_dateInput {
	position: relative;
	display: inline-block
}
.ui_dateInput:after {
	content: "\e7c5";
	font-family: iconfont;
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	line-height: 20px;
	padding: 10px;
	text-align: center;
	height: 36px;
	border-left: 1px solid #ccc;
	pointer-events: none
}
.counter {
	position: relative;
	font-size: 0
}
.counter .button, .counter .inputText {
	border-radius: 0;
	vertical-align: baseline
}
.counter .inputText {
	margin: 0 -1px;
	text-align: center
}
.counter .warning {
	display: none;
	position: absolute;
	z-index: 10;
	top: 100%;
	min-width: 88px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	color: #666;
	border: 1px solid #ffeabc;
	background: #fffedf;
	right: 0;
	left: auto
}
.custom-card {
	position: relative;
	border: 1px solid #e5e5e5;
	background: #fff;
	min-height: 400px
}
.custom-card .custom-content {
	float: left;
	width: 828px
}
.custom-card .custom-detail {
	position: relative;
	float: right;
	padding: 0 42px 42px;
	width: 370px;
	background: #f8f8f8
}
.custom-card .custom-detail .ui_formSet {
	padding-left: 100px
}
.custom-card .custom-detail .ui_formSet .formLabel {
	width: 90px;
	margin-left: -100px;
	text-align: left;
	color: #999
}
.custom-card .custom-detail .ui_formSet .formInput {
	margin-bottom: 0
}
.custom-card .custom-detail .title {
	padding: 62px 0 42px;
	font-size: 24px;
	color: #00af67
}
.custom-card .action {
	display: none
}
.custom-card .action.on {
	display: block
}
.custom-card .verification-code {
	width: 160px;
	margin-right: 14px
}
.custom-card .captchaImg {
	width: 104px;
	height: 38px;
	vertical-align: top
}
.custom-card .smsBtn {
	min-width: 104px
}
.custom-card .backBtn {
	margin-right: 20px
}
.custom-card .success-info {
	text-align: center
}
.custom-card .success-info .success-icon:before {
	content: '\e71d';
	color: #00af67;
	font-size: 55px;
	background: 0 0
}
.custom-card .success-info .detail {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
	text-align: left
}
#ensure .left, .case h3, .vip .stit {
	text-align: center
}
.custom-card .success-info .detail .title {
	font-size: 30px;
	color: #333
}
.custom-card .success-info .detail .tip {
	padding: 10px 0 48px
}
.custom-card .success-info .detail .guide {
	font-size: 18px
}
.custom-card .success-info .detail .guide a {
	color: #00af67
}
.fl {
	float: left
}
.fr {
	float: right
}
.vip {
	font-size: 14px;
	color: #333;
	background: url(../images/vip/banner.jpg?v=b4b396) center 0 no-repeat;
	background-size: 100% auto
}
.vip i {
	display: inline-block;
	background-image: url(../images/vip/sprite.png?v=b3f347);
	background-repeat: no-repeat;
	background-position: 0 0
}
.vip .stit {
	font-family: "Microsoft Yahei", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti;
	font-size: 66px;
	font-weight: 400;
	line-height: 226px;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,.3)
}
.case {
	overflow: hidden;
	margin: 0 -10px 28px
}
.case h3 {
	height: 132px;
	font-size: 36px;
	line-height: 132px;
	color: #000
}
.case ul {
	width: 1220px
}
.case li {
	float: left
}
.case li a {
	position: relative;
	width: 280px;
	height: 298px;
	margin: 0 10px 27px;
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1);
*zoom:1;
	overflow: hidden
}
.case li a:hover {
	box-shadow: 0 0 8px #ccc
}
.case li a:hover .case-desc {
	top: 0
}
.case li a:hover .case-title {
	display: none
}
.case li .case-desc {
	position: absolute;
	top: 298px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 30px;
	padding-left: 30px;
	white-space: nowrap;
	color: #fff;
	background-color: rgba(0,0,0,.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, 0, endColorstr=#99000000, 0);
	transition: top .6s cubic-bezier(.19, 1, .22, 1)
}
.case li .case-desc:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}
.case li .case-desc .case-con {
	display: inline-block;
	width: 220px;
	vertical-align: middle
}
.case li .case-desc .desc-title {
	position: relative;
	height: 22px;
	margin-bottom: 15px;
	font-size: 16px;
	text-align: center
}
.case li .case-desc .desc-title:after, .case li .case-desc .desc-title:before {
	content: '';
	top: 10px;
	width: 25px;
	height: 2px;
	background: #fff;
	position: absolute
}
.case li .case-desc .desc-title:before {
	left: 45px
}
.case li .case-desc .desc-title:after {
	left: 152px
}
.case li .case-desc .desc {
	display: -webkit-box;
	overflow: hidden;
	height: 161px;
	font-size: 12px;
	line-height: 18px;
	white-space: normal;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9
}
.case a, .case a img {
	width: 100%;
	height: 100%
}
.case li .case-title {
	position: absolute;
	bottom: 25px;
	left: 15px;
	color: #fff
}
.case li .case-title dt {
	font-size: 18px
}
.case li .case-title dd {
	font-size: 14px
}
.case a {
	display: inline-block;
	position: relative
}
.addSuccee {
	padding-left: 160px;
	color: #666
}
.addSuccee .result_l {
	width: 56px;
	margin-right: 22px
}
.addSuccee .result_l i {
	width: 55px;
	height: 55px;
	background-position: -34px 0
}
.addSuccee h2 {
	font-size: 30px;
	color: #333
}
.addSuccee h3 {
	padding: 10px 0 48px
}
.addSuccee p {
	font-size: 18px
}
.addSuccee p a {
	color: #00af67
}
.addSuccee .fr {
	width: 450px
}
.addSuccee i {
	width: 56px;
	height: 56px;
	margin-right: 22px;
	background-position: 0 0
}
#ensure .left {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 15px;
	line-height: 50px;
	border-radius: 50%;
	background-color: #01af63
}
#ensure .list {
	height: 100px;
	border-bottom: 1px solid #f5f5f5
}
#ensure .item {
	float: left;
	width: 340px;
	margin-top: 26px
}
#ensure .icon {
	font-size: 30px;
	color: #fff
}
#ensure .title {
	font-size: 18px;
	color: #333
}
#ensure .detail {
	margin-top: 6px;
	color: #999
}
#ensure .sup_b {
	margin-left: 90px
}
#ensure .sup_c {
	float: right
}
.sp {
	margin-bottom: 28px;
	padding: 18px 15px;
	border: 1px solid #e5e5e5
}
.sp p {
	font-size: 14px;
	line-height: 22px;
	color: #333
}
.sp p a {
	color: #00af67
}
.layer {
	position: absolute;
	top: 0;
	left: 0
}