@charset "utf-8";
/* CSS Document */
/*头部共用*/
.top-nav{background-color:#262533; color: #fff; overflow: hidden; padding:10px 0;}
	.top-nav a{ transition: .3s ease-in-out, visibility 0s;}
		.top-nav .login-left{ float:left; margin-bottom:0;}
			.login-left li{float:left; margin-right:5px; font-size:13px;}
			.login-left li:last-child{ display:none;}
			.login-left li span{ color:#fff; display:inline-block;}
			.login-left li a{ display:block; color:#fff; cursor:pointer;}
			.login-left li a:hover{ color:#7bbb26;}
		.top-nav .top-right{ float:right; margin-bottom:0; text-align:right;}
			.top-right li{ float:left; border-right:1px solid #fff;padding:0 15px;}
			.top-right li:last-child{ border-right:none;}
			.top-right li:nth-of-type(3){ border-right:none;}
				.top-right li a.top-link{ display:block; color:#EAEAEA; font-size:13px;  cursor:pointer;}
				.top-right li a.phone-link{ cursor:default;}
				.top-right li a.top-link:hover{ color:#7bbb26;}
					.top-right li a.top-link span{ margin-right:5px; color:#7bbb26; font-size:14px;}
.header{ background-color:#fff; position:relative; padding-bottom:10px;}
	.header .jw-logo{ float:left; margin-top:33px;}
		.jw-logo img{ float:left; width:110px; height:auto; cursor:pointer;}
		.jw-logo .change-city{ float:left; width:100px; position:relative;}
			.change-city em{text-align:center;font-size:15px; }
				.change-city em input{ border:0; text-align:center;width:100px; color:#7bbb26; cursor:pointer;}
			.change-city #choose-city{ font-size:13px; text-align:center; color:#333; cursor:pointer;}
	.header .header-right{ float:right;}
		.header-right .drop-menu{ display:none; cursor: pointer;}
			.drop-menu .fa{ font-size:22px;}		
		.header-right .header-nav{ float:left; font-size:15px; margin-bottom:0; margin-top:18px;}
			.header-nav .nav-list{ float:left; position:relative;padding:15px 22px; border-bottom:3px solid transparent;}
			.header-nav .nav-list:hover{border-bottom:3px solid #7bbb26; color:#7bbb26;}
			.header-nav .nav-list.active{ border-bottom:3px solid #7bbb26;}
				.header-nav .nav-list a{color:#333; cursor:pointer;}
				.header-nav .nav-list a:hover{color:#7bbb26;}
				.header-nav .nav-list a.nav-more{}
					.nav-more span{ padding-left:5px; font-size:15px;}
			.header-nav .nav-list .hide-nav{ position:absolute; top:58px; left:-20px; z-index:99; display:none; padding-top:15px; font-size:15px; background-color:#fff; border-radius:3px; width:170px; box-shadow:0 1px 12px rgba(0,0,0,.3);}
				.hide-nav li{ line-height:40px; text-align:left;transition: .3s ease-in-out, visibility 0s; padding-left:44px; border-bottom:1px solid #efefef;}
				.hide-nav li:last-child{ border-bottom:none;}
				.hide-nav li:hover{ background-color:#efefef;}
					.hide-nav li a{ display:block;color:#333;}	
		.header-right .search-right{ float:right; margin-top:15px; margin-left:40px;}
			.search-right .three{ overflow:hidden; margin-bottom:-1px;}
				.three li{ float:left; font-size:13px; color:#999; padding:2px 7px; cursor:pointer; background-color:#fff;}
				.three li.current{ color:#fff; background-color:#7bbb26;}
			.search-right .search-input{ position:relative; margin-bottom:0;}
				.search-input li{ width:233px; height:33px; overflow:hidden;}
					.search-input li input{ width:200px; padding:5px; color:#999; font-size:13px; border:2px solid #7bbb26;height:33px;}
					.search-input li span{ position:absolute; right:0; top:0;width:33px; height:33px; color:#fff; background-color:#7bbb26; text-align:center; line-height:33px;}
					.search-input li span:hover,.search-input li span:active{ background-color:#80C327;}
/*服务保障*/
.safe{ margin:40px 0;}
	.section-heading{ padding:30px 0;}
	.section-title { font-size: 22px; color: #333333; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; text-align: center; letter-spacing: 1px; }
	.section-subtitle {font-size: 16px; color: #999999; margin-bottom: 15px; text-align: center; }
	.safe-item{ text-align:center; margin:0 auto 50px; max-width:300px;}
	.safe-item:hover .wrap-safe-icon, .safe-item.active .wrap-safe-icon { background: #7bbb26; border-color: #7bbb26; }
	.safe-item:hover .wrap-safe-icon .safe-icon, .safe-item.active .wrap-safe-icon .safe-icon { background: #7bbb26; border-color: #fff; }
	.safe-item:hover .wrap-safe-icon .safe-icon .fa, .safe-item.active .wrap-safe-icon .safe-icon .fa{ color: #fff; }
		.safe-item .wrap-safe-icon { width: 110px; height: 110px; border: 1px solid #eff2f7; background: #fff; padding: 10px; margin: 0 auto 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
			.safe-item .wrap-safe-icon { width: 110px; height: 110px; border: 1px solid #eff2f7; background: #fff; padding: 10px; margin: 0 auto 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
				.safe-item .wrap-safe-icon .safe-icon { height: 88px; width: 88px; border: 1px solid #eff2f7; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #eff2f7; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
					.safe-item .wrap-safe-icon .safe-icon .fa { line-height: 88px; font-size: 32px; color: #666666; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
		.safe-item .title { color: #444; font-size: 15px; font-weight: bold;}
		.safe-item .title:after { content: ''; display: block; margin: 20px auto; height: 4px; width: 25px; background: #7bbb26; opacity: .95;}
			.safe-item .text {font-size: 13px; line-height: 26px; margin-bottom: 5px; }
/*服务类型*/
#type{ background-color:#efefef;width:100%; padding:40px 0;}
	#type .type-icon{ background-color:#efefef; overflow:hidden;}
		.type-icon li{ float:left; width:16.6667%;}
			.type-icon li a{ display:block; text-align:center; height:100px;}
				.type-icon li a.icon-links img{ margin-top:10px; width:50px;}
				.type-icon li a.icon-links p{ margin-top:10px; color:#333;}
	#type .type-item{ margin-bottom:24px;}
	#type .type-item:last-child{ margin-bottom:0;}
		.type-item .title{ font-size:15px; color:#444;font-weight: bold;}
		.type-item .text{ font-size:13px; line-height:26px;margin-top: 5px;margin-left: 23px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}
/*优惠套餐*/
#package{ margin:40px 0;}
#package .package-item{ border:1px solid #dcdcdc; border-radius:5px; padding:10px;  box-shadow:0 1px 10px rgba(0, 0, 0, 0.1); background-color:#fff; overflow:hidden;}
	.package-item h3{ text-align:center; font-size:18px; padding-bottom:10px; color:#7bbb26; border-bottom:2px solid #7bbb26; margin-bottom:10px;}
	.package-item p{ font-size:14px; color:#333;}
	.package-item .package-intr{ font-size:16px; margin-bottom:20px;}
	.package-item .package-price{ margin-top:20px;}
		.package-price em{ color:#FF4002; font-size:17px;}
	.package-item .refer-buy{ width:100%; margin-top:20px;}
		.refer-buy button{ display:block; border-radius:5px; text-align:center; color:#fff; background-color:#7bbb26; padding:8px 12px; margin-right:15px; float:left; font-size:13px; border:1px solid transparent;}
		.refer-buy button:hover{ background-color:#75B124; color:#fff;}
/*新闻*/
#news{ background-color:#efefef;}
	.news{ margin-bottom:70px;}
		.news h4{ margin:8px 0; }
			.news h4 a{ color:#010101;}
		.news p{ letter-spacing:1px; font-size:14px; margin-top:10px;}
	.hb-info{ position:relative; cursor: pointer;}
		.date-meta {background: #363636;font-size: 15px;color: #FFF;text-align: center;position: absolute;top: 0;padding: 6px 13px;}
		.date-meta span {display:block;font-size:26px;font-weight:700;}
/*推荐*/
#recommend .filter-wrap{ text-align:center; max-width:1170px; margin:0 auto 40px auto;}
	.filter-wrap .filter{ }
	.filter-wrap .filter:hover{box-shadow:inset 0 0 0 2px #C0C0C0;}
	.filter-wrap .filter.active{ box-shadow:inset 0 0 0 2px #7bbb26; background-color:#7bbb26; color:#fff; z-index:15;}
#recommend .filter-tab .re-info{ margin-bottom:30px; text-align:center;}
	.re-info a{ display:block;}
		.re-info img{ width:90%; height:auto; margin-bottom:10px;}
		.re-info .name-age{ color:#333; font-size:15px; margin-bottom:10px;}
			.name-age .name{}
			.name-age .age{ margin-left:10px;}
		.re-info .skill{ width:90%; font-size:14px; color:#707070;}	
	@media(min-width:760px){
	.filter-wrap .filter{ display:block;}
	}
/*页脚*/			
.address{ width:100%; background-color:#262533; color:#fff; margin:0 auto; text-align:center; padding:10px; font-size:13px; letter-spacing:1px;}
.footer{ width:100%; background-color:#464553;}
	.footer-text{overflow:hidden; padding:30px 0; width:80%; float:left;}
	.footer-text .text-ul{ float:left; margin-right:8%;}
		.footer ul:last-child{ margin-right:0;}
		.footer-text ul h5{ font-size:14.55px; color:#f3f3f3; letter-spacing:1px; margin-bottom:16px;}
			.footer-text ul li{ margin-bottom:8px; color:#9c9b9b; font-size:13px;letter-spacing:0.5px;}
				.footer-text ul li a{ font-size:13px; color:#9c9b9b; letter-spacing:0.5px;}
	.footer .bottom-code{ float:right; width:20%; margin-top:30px; text-align:center;}
		.bottom-code img{ width:130px; height:auto;}
		.bottom-code p{ font-size:13px; color:#9c9b9b; margin-top:15px; letter-spacing:1px;}
/*侧边栏*/
.fix-service{ position:fixed; right:5px; bottom:20px; width:40px; height:auto; z-index:50;}
	.fix-service .servise-list{ width:48px; height:auto;}
	.servise-list .fix-item{ position:relative; width:40px; height:40px; border-radius:50%; background-color:rgba(0,0,0,0.5); margin-bottom:10px;}
		.weixin-item:hover{ background-color:#08C406;}
		.weibo-item:hover{ background-color:#F00700;}
		.service-item:hover{ background-color:#5294D0;}
		.top-item:hover{ background-color:#7bbb26;}
		.service-item{cursor: pointer;}
		.top-item{cursor: pointer;}
		.fix-item span{ position:absolute; top:-40px; left:-125px; width:120px; height:120px; display:none;}
		.fix-item .weixin-code{ background:url(../img/index/weixin_code.png) no-repeat center center;}
		.fix-item .weibo-code{ background:url(../img/index/weibo_code.png) no-repeat center center;}
		.fix-item:hover .code{ display:block;}
		.fix-item .icon{ display:table-cell; text-align:center; vertical-align:middle; width:40px; height:40px;}
			.icon img{ width:25px; height:auto;}
			.icon img.top{ width:30px;}
			.icon img.qq{ width:30px;}
/*客服弹窗*/
.public-dom{ display:none;}
	.public-mask{ position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(55,55,55,.6); height:100%; z-index:100;}
	.public-wrap{ position:fixed; top:50%; left:50%; width:340px; height:340px; margin:-170px 0 0 -170px; z-index:120;}
		.public-wrap .public-content{ position:relative; overflow:hidden; background-color:#fff; border-radius:20px; height:340px;}
			.public-content .close-alert{ position:absolute; right:15px; top:15px; color:#7bbb26; font-size:24px; cursor:pointer;}
			.public-content .public-body{ overflow:hidden; background:url(../img/index/public_bj.png) no-repeat center; background-size:contain; width:340px; height:203px;}
			.public-content .public-footer{position:absolute; bottom:0; width:100%; background-color:#7bbb26;}
				.public-footer p{ font-size:16px; padding:15px 0; color:#fff; text-align:center; letter-spacing:1px;}
				.public-footer .operate{ width:100%; overflow:hidden; padding-bottom:20px;}
					.operate li{ width:50%; float:left; margin:0 auto; text-align:center;}
						.operate li span{ display:inline-block; width:115px; height:45px; line-height:45px; text-align:center; color:#fff; background-color:#fff; font-size:15px; border-radius:5px; border:1px solid #fff; cursor:pointer; letter-spacing:2px; transition:all ease-in-out .2s;}
						.operate li span.cancel{ background-color:transparent;}
						.operate li span.cancel:hover{ background-color:#fff; color:#7bbb26;}
						.operate li span.call-now{ color:#7bbb26;}
						.operate li span.call-now:hover{ background-color:#efefef;}
/*公司简介*/
	.business-img{ width:100%; overflow:hidden;}
		.business-img img{ width: 100%;}
	.business-center{ background-color:#EAEAEF ; padding:50px 0;}
		.business-center .container{ background-color:#fff; padding-top:30px;}
			.business-center .col-md-2,.business-center .col-md-10{ padding: 0 15px 15px;} 
		.business-center .left-nav{ overflow:hidden;}
			.left-nav li{ font-size:15px; color:#333; width:100%; padding:8px 0; margin-bottom:10px; background-color:#e2e2e2; text-align:center; cursor:pointer; border-radius:8px;}
			.left-nav .active{ color:#fff; background-color:#7bbb26;}
		.business-center .right-wrap{}
			.right-wrap .right-tab .right-text{}
				.right-text h4{font-size:18px; margin:0 0 20px 0; font-weight: bold; text-align:center;}
				.right-text .big-title{ font-size:17px; margin-bottom:15px; color:#333;}
				.right-text .middle-title{ font-size:16px;margin-bottom:20px;}
				.right-text .small-title{ font-size:15px; margin-bottom:20px;}
				.right-text p{ font-size:14px; color:#383838;}
				.right-text .last-section{ margin-bottom:20px;}	
				.indent-2{text-indent: 2em;}
				.right-text .spacing{ letter-spacing:1px;}
				.right-text .indent-3{text-indent: 3.5em;}
				.right-text .indent-5{text-indent: 5.4em;}
/*保姆*/
.section-banner{ width:100%;overflow:hidden;}
	.section-banner img{ width:100%;}
.section-mian{ padding-bottom:20px; background-color:#fff;}
	.section-mian h4{ text-align:center; margin:30px 0; color:#FF4002;}
		.section-mian .choose-select{ margin-top:40px;}
			.choose-select .condition-choose{ margin: 0;}
				.condition-choose li{ margin-bottom:20px; line-height:32px;height: 32px; position:relative;}
					.condition-choose li  #distpicker{ width:85%; float:left;}
						#distpicker #city-picker3{ height:32px; line-height:32px;}
					.condition-choose li .time-input{ width:85%;border:1px solid #a9a9a9; padding-left:5px; height:32px; line-height:32px; color:#333; background:url(../img/other/down.png) no-repeat; background-size: 37px; background-position: 103% -3px;}
					.condition-choose li .down{ position:absolute; right:23px; top:10px; font-size:15px; color: #333; display:none;}
					.condition-choose li .skill-tit{ font-size:14px; color:#333; width:15%; float:left; letter-spacing:1px;}
					.condition-choose li .input{ border-radius:3px; cursor:pointer;}
					.condition-choose li .base-select{ position: relative; width:85%; line-height:32px; height:32px; border:1px solid #a9a9a9; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-left:5px; border-radius:3px; cursor:pointer; background-color:#fff; background:url(../img/other/down.png) no-repeat; background-size: 37px; background-position: 103% -3px;}
						.condition-choose li .base-select option{ width:100%; padding-left:5px;}
			.choose-select .choose-confirm{ padding-bottom:20px;width: 100%; text-align: center;border-bottom: 1px dashed #e2e2e2;}
				.choose-confirm .choose-btn{ width: 320px; margin:0 auto; border:1px solid #7bbb26; background-color: #7bbb26; color: #fff; text-align: center; height: 36px; line-height: 36px; border-radius: 3px; cursor: pointer;}
				.choose-confirm .choose-btn:hover,.choose-confirm .choose-btn:active{ background-color: #89d622; border-color: #89d622;}
					
		.section-mian .person-info{ background-color:#fff;}
			.person-info .person-list{ padding:20px 0;}
				.person-list .person-item{background-color:#fff;}
					.person-item .person-link{ display:block; text-align:center; cursor:pointer; box-sizing:border-box;border:1px solid #d8d8d8; padding:15px;border-radius:5px;  margin-bottom:30px;  overflow:hidden; transition:all ease-in-out .2s; background-color:#fff;}
					.person-item .person-link:hover,.person-item .person-link:focus{ margin-top:-10px;-webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);-ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);}
						.person-link img{ width:100%; height:auto;}
						.person-link dl{  margin:20px 0 0; text-align:left;}
							.person-link dl dt{ font-size:17px; color:#333; margin-bottom:10px;}
							.person-link dl dd{ font-size:15px; color:#656565; margin-bottom:5px; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; width:50%; float:left; text-align:left;}
							.person-link dl dd.state{color:#ff4002;}
							.person-link dl dd.last-child{ width:100%;}
		.center-box .M-box2{ margin:0 auto; width:30%;}
/*新闻中心*/	
.news-center{ background-color:#f9f9f9; padding:50px 0;}
	.news-center .news-wrap{ width:100%; background-color:#fff; margin-bottom:30px;}
		.news-wrap .news-margin{ width:100%; height:50px; background-color:#f9f9f9; }
		.news-wrap .news-item{ position:relative; padding:25px 40px; box-shadow:inset 0px -2px 0px 0px rgb(183, 183, 183);}
			.news-item h3{ font-size:18px; color:#333; margin:15px 0;}
			.news-item .news-time{ font-size:14px; padding-bottom:15px; border-bottom:1px solid #e4e4e4; color:#bfbfbf;}
				.news-item .news-time i{}
				.news-item .news-time span{ margin-right:30px;}
			.news-item .news-cont{ font-size:15px; color:#666; margin:10px 0; line-height:24px; text-indent:2em;}
			.news-item .news-detail{ display:block; font-size:14px; color:#bfbfbf; transition:all ease-in-out .2s; margin-bottom:15px;}
			.news-detail:hover{ color:#7bbb26;}
				.news-detail i{ margin-left:5px; font-size:17px;}
			.news-item .gray-piece{position:absolute; bottom:0; right:0;  border-color:transparent #f9f9f9 transparent transparent;border-style:dashed solid dashed dashed;border-width:40px 40px 0 0; z-index:2;}
			.news-item .green-piece{ position:absolute; bottom:0; right:0;  border-color:transparent #7bbb26 transparent transparent;border-style:dashed solid dashed dashed;border-width:30px 30px 0 0; z-index:3;}
			.news-item .block-line{ position:absolute; bottom:19px; right:-7px; height:2px; width:54px; background-color:rgb(183, 183, 183); transform:rotate(-45deg); z-index:4;}
/*新闻详情页*/
.section-detail{}
	.section-detail .detail-wrap{ padding:50px 0;}
		.detail-wrap h3{ font-size:18px; color:#333; margin:15px 0; text-align:center;}
		.detail-wrap .news-time{ font-size:14px; padding-bottom:15px;color:#bfbfbf;}
			.detail-wrap .news-time span{ margin-right:30px;}
			.detail-wrap .text img{ float:left; width:200px; height:auto; margin:0 20px 20px 0; border:5px solid rgba(0,0,0,.03); border-radius:5px;}
			.detail-wrap .text p{font-size:15px; color:#666; margin:10px 0; line-height:24px;}
				.detail-wrap .text .back-news{ display:block; font-size:16px; color:#7bbb26; text-align:center;}
/*页面升级*/
.add-bj{ background-color:#f5f5f5; width:100%; height:100%;}
.update-wrap{ width:100%;}
	.update-wrap .update{ width:40%; text-align:center; margin:100px auto 0;}
		.update img{ width:100%; height:auto;}
		.update a{ display:block; color:#5b5b5b; font-size:18px; background:url(../img/other/back_img.png) no-repeat center center; width:100px; height:30px; margin:30px auto 0;}
/*家政人员信息*/
.section-message{ width:100%; background-color:#fff; padding:40px 0; box-shadow:inset 0px 2px 0px 0px rgba(0, 0, 0, 0.08);}
	.section-message .message-left{background-color:#7bbb26; text-align:center;}
		.message-left .employee-image{ padding:15px 0;  border-radius:4px;}
			.employee-image img{ width:100%;}
			.employee-image .title{ font-size:16px; color:#333; font-weight:bold; margin:10px 0; letter-spacing:1px;}
				.employee-image .title i{}
			.employee-image p{ font-size:15px; color:#fff; overflow:hidden; padding:15px 0; border-bottom:1px solid #fff;}
				.employee-image .wage span{ float:left;}
				.employee-image .wage span+span{ float:right;}
			.employee-image .book-employee{ display:block; width:100%; text-align:center; line-height:40px; height:40px; background-color:#f35b25; color:#fff; font-size:15px; border-radius:40px; margin:20px 0; cursor:pointer; transition:all ease-in-out .2s;}
						.person-link img{ width:100%; height:auto;}
			.employee-image button{ border:1px solid transparent;}
				.employee-image .book-employee span{ margin-right:10px;}
	.section-message .message-right{}
		.message-right .employee-pieces{ width:100%; border:1px solid #eaeaea;box-sizing:border-box;}
			.employee-pieces h4{ width:100%; background-color:#7bbb26; padding:15px; color:#fff; font-size:18px; margin:0;}
			.employee-pieces .employee-detail{ overflow:hidden; margin-bottom:0;}
				.employee-detail li{ float:left; width:25%; font-size:15px; color:#656565; line-height:40px; text-align:center; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
				.employee-detail li.chang-li{ width:75%;}
				.employee-detail li:nth-of-type(n){ background-color:#f7f7f7;}
				.employee-detail li:nth-of-type(2n){ background-color:#fff;}
			.employee-pieces .approve-info{ overflow:hidden; margin-bottom:0;}
				.approve-info li{ text-align:center; line-height:40px; border-right:1px solid 
				#eaeaea; font-size:15px;}
				.approve-info li:last-child{ border-right:0;}
					.approve-info li span{ margin-right:5px;}
			.employee-pieces .user-appraisal{ font-size:15px; color:#656565; padding:10px;text-align:center;}
/*个人中心*/
.section-person{ width:100%; padding:40px 0; box-shadow:inset 0px 2px 0px 0px rgba(0, 0, 0, 0.08);}
	.section-person .person-wrap{ background-color:#fff;}
		.person-wrap .person-left{ background-color:#7bbb26;}
			.person-left .person-head{ text-align:center; padding-top:15px;}
				.person-head img{ width:100%; /*height:240px;*/ margin-bottom:0;}
				.person-head .real-name{  font-size:16px; color:#333; font-weight:bold; margin-top:10px; letter-spacing:1px;}
				.person-head p{ font-size:15px; color:#fff; overflow:hidden; padding:15px 0; border-bottom:1px solid #fff;}
					.person-head p .intergral{ float:left;}
					.person-head p .rank{ float:right;}
						.person-head p span b{ font-weight:normal;}
			.person-left .person-tab{ padding:10px 0;}
				.person-tab li{ height:40px; line-height:40px; font-size:15px; text-align:center; background-color:#7bbb26; color:#3a3a3a; cursor:pointer;}
					.person-tab .active{ background-color:#ff6736; color:#fff; border-radius:3px;}
						.person-tab li span{ margin-right:8px;}
		.person-wrap .person-right{ background-color:#fff;}
			.person-right .person-cont{ width:100%;}
				.person-cont h4{ width:100%; background-color:#7bbb26; padding:15px; color:#fff; font-size:16px; margin:0;}
				.person-cont .person-piece{ margin:20px 0;}
					.person-piece .piece-item{ margin-top:20px;}
					.person-piece .piece-item:after{ content:''; display:block; clear:both;}
						.piece-item .tit{ text-align:right; height:34px; line-height:34px;}
						.piece-item .base-input{line-height:34px;}
							.base-input .upload{ position:relative; width:82px;}
								.base-input .upload .upload-input{ position:absolute; top:0; left:0; opacity:0; cursor:pointer; z-index:1;  width:100%; height:100%;}
								.base-input .base-textarea{ width:100%; resize:none; border:1px solid #ccc; background-color:#fff; border-radius:4px; padding-left:10px;webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
								.base-input .upload .btn-ghost{}
								.base-input input[type="radio"]{ vertical-align:middle; margin:0 ;}
								.base-input label{font-weight:normal; margin-right:9px;}
								.base-radio{ display:inline-block; height:32px; line-height:32px;}
				.person-cont .change-address{ overflow:hidden; margin:20px 0;}
					.change-address ul{ margin-bottom:0;}
					.change-address .address-tit{ margin:0 15px; overflow:hidden; border:1px solid #e8e8e8; background-color:#e8e8e8;}
						.address-tit li{ float:left; text-align:center; color:#333; line-height:40px; height:40px;}
						.address-tit li:first-child{ width:70%;}
						.address-tit li:last-child{ width:30%;border-left:1px solid #D7D7D7;}
					.change-address .address-cont{ margin:0 15px; overflow:hidden; border:1px solid #d7d7d7; border-top:none; box-sizing:border-box;}	
						.address-cont li{ float:left; text-align:center; color:#333; padding:10px 0;background-color:#fff;}
						.address-cont li:first-child{ width:70%;}
						.address-cont li:last-child{ width:30%; border-left:1px solid #D7D7D7;}
							.address-cont li span{ line-height:34px;}
								.address-cont li span i{ color:#ff4002;}
								.address-cont li button{ margin:0 5px;}
							.bj-btn-green{ transition:all ease-in-out .2s; outline:none;}
							.bj-btn-green:hover,.address-cont li .bj-btn-green:focus{ background-color:#7bbb26; color:#fff;}
				.person-cont .history-finance{  padding:0 15px; margin:20px 0; font-size:14px;}
					.history-finance .history-tit{ width:100%; background-color:#e8e8e8;overflow:hidden;}
						.history-tit li{ float:left; width:33.333%; text-align:center; color:#333; line-height:40px; height:40px; border-right:1px solid #d7d7d7; box-sizing:border-box;}
					.history-finance .history-cont{ width:100%; background-color:#fff;overflow:hidden; border:1px solid #d7d7d7; border-top:none;}
						.history-cont li{ position:relative;float:left; width:33.333%; text-align:center; color:#333; border-right:1px solid #d7d7d7; padding:8px; height:58px;}
							.history-cont li i{ position:absolute; top:50%; left:50%; width:62px; height:38px; margin:-19px 0 0 -31px; vertical-align:middle;}
							.history-cont li i.change{ line-height:38px;}
				.person-cont .expand-wrap{ margin:20px 0;}
					.expand-wrap .expand-list{ overflow:hidden; width:100%; padding:0 15px;}
						.expand-list .expand-btn{ float:left; display:block; overflow:hidden; cursor:pointer; margin-right:5px;}
						.expand-list .base-txt{ overflow:hidden; display:block!important;width:32px; height:32px; line-height:32px; background:url(../img/other/expand.png) no-repeat left; cursor:pointer;}
						.expand-list .base-txt:hover{ opacity:.8;}
							.expand-list .qzone{ background-position:0 -32px;}
							.expand-list .tsina{ background-position:0 0;}
							.expand-list .t-qq{ background-position:0 -1760px;}
							.expand-list .weixin{ background-position:0 -3680px;}
							.expand-list .renren{ background-position: 0 -64px;}
				.person-cont h4 .active{ color:#ff6736;}
					.person-cont h4 span{ margin-right:20px; cursor:pointer;}
				.person-cont .order-wrap{ overflow:hidden;}
					.order-wrap .order-tab{ margin:0 15px;}
						.order-tab .order-list{ overflow:hidden; width: 100%; border: 1px solid #dcdcdc; margin: 20px 0;}
						.order-list .order-item{ padding: 15px 0 15px 15px; font-size: 15px; color: #333; border-bottom: 1px solid #dcdcdc;}
						.order-list .order-item:last-child{ border-bottom:none;}
/*订单页面*/	
.section-order{ width: 100%; height: 100px;overflow: hidden; background: url(../img/other/web_bj.jpg) center; margin: 0 auto;}
	.section-order .order-note{ display: inline-block; float: right; width:326px; height: 100px; background:url(../img/other/order_text.png) no-repeat left center;}
	.section-order .order-text{  display: inline-block; float: left; width:345px; height: 100px; background:url(../img/other/order_note.png) no-repeat right center; }
.order-mian.section-mian{ background-color:#fafafa;}
	.order-box{ background-color:#fafafa;}
		.order-box .order-fill{background-color:#fff; border:1px solid #e6e6e6; padding:10px; }
			.order-fill .fill-hd{  color:#5b5b5b; margin-top:10px;}
				.fill-hd p{ margin-top:10px; font-size:14px; letter-spacing:.5px;}
					.fill-hd p span{ font-size:15px; font-weight:bold; margin:0 6px;}
					.fill-hd p span.employee-name{ color:#3FA4BD;}
					.fill-hd p span.employee-wage{ color:#ff4002;}
			.order-fill .fill-bd{ width:100%;}
				.fill-bd.condition-choose{ margin-top:10px;}
				.fill-bd > .fill-item{ height:auto; margin-bottom:15px;}
					.fill-item .tit{}
					.fill-bd.condition-choose .fill-item > .base-select{ width:100%; background-position:101% -3px;}
					.fill-bd.condition-choose .fill-item > .time-input{ width:100%; background-position:101% -3px;}
					.fill-item .input{ border:1px solid #a9a9a9; height:32px; line-height:32px; color:#333; padding-left:5px; width:100%;}
					.fill-item .remark{}
					.fill-item .clause{ width:100%; height:32px; line-height:32px;  }
						.clause  .choose-input{ vertical-align:middle; margin:-2px 0 0;}
						.clause label{ font-weight:normal; margin:0;}
						.clause .down-arrow{ display:inline-block; width:32px; height:15px;background:url(../img/other/down.png) no-repeat; background-size:37px; background-position:-10px -7px; cursor:pointer;}
			.order-fill .service-clause{ margin-top:20px;}
				.service-clause p{ font-size:15px; text-align:center;}
					.service-clause p i{color:#3FA4BD; margin-left:5px;}
					.service-clause p i:hover{ text-decoration:underline; cursor:pointer;}
				.service-clause button{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; border-radius:50px; border:none; background-color:#3baac1; margin:20px 0 10px; cursor:pointer; transition:ease-in-out all .2s;}
				.service-clause button:hover,.service-clause button:active{  background-color:#47b8d0;}
		.order-box .order-pic{ float:right;}
			.order-pic .pic-text{ border:1px solid #e6e6e6;}
				.pic-text .service-project{ font-size:20px; font-weight:bold; padding-top:15px; text-align:center;}
				.pic-text .service-project:after{ content:''; display:block; width:150px; height:5px; background-color:#71b3f5; margin:15px auto 0;}
				.pic-text .spilt-line{ width:100%;  height:2px; background-color:#71b3f5;}
				.pic-text .service-wrap{}
					.service-wrap li{ margin-top:20px;}
						.service-wrap li .service-tit{ width:100%;   color:#fff;}
							.service-tit span{ display:inline-block;height:35px; line-height:35px; float:left;}
							.service-tit span.bedeck{ width:80%; background-color:#f1f4fb;}
							.service-tit span.small-title{ width:20%; background-color:#71b3f5; text-align:center; color:#fff; font-size:15px; font-weight:bold; letter-spacing:2px;}
						.service-wrap li .service-cont{ padding:10px 15px; background-color:#fff; font-size:15px; color:#333; line-height:25px; letter-spacing:1px;}	

/*自定义layer*/
#withdraw-alert{ display:none;}
	#withdraw-alert .withdraw-wrap{ padding:18px;}
	.withdraw-wrap li{ width:100%; font-size:15px; color:#333; margin-top:15px; height:32px;}
		.withdraw-wrap span{ width:27%; float:left; height:32px; line-height:32px; text-align:left;}
		.withdraw-wrap .choose-radio{ cursor:pointer;} 
		.withdraw-wrap .pay-input{ width:73%; padding:5px; border-radius:5px; outline:none; border:1px solid #DDDDDD; box-sizing:border-box;}	
#vip-alert{ display:none; }
	#vip-alert{text-align:center; margin-top:15px;}
#expand-weixin{ text-align:center; padding:15px; display:none;}
	#expand-weixin img{ width:180px; height:180px; margin:10px 0;}
	#expand-weixin p{ font-size:14px; padding-top:15px; border-top:1px solid #D4D4D4;}	
#video{ display:none;}
	#video p{ margin-top:15px; text-align:center;}
#pay-alert{ display:none;}
	#pay-alert p{ font-size:14px; padding:10px 10px 0;}
#payroll-credit{ display:none; width:340px; height:auto;}
	#payroll-credit img{ width:100%; height:auto;}
#insurance{ display:none; width:340px; height:auto;}
	#insurance img{ width:100%; height:auto;}
#margin{ display:none; width:340px; height:auto;}
	#margin img{ width:100%; height:auto;}	
/*手机模块调整*/
@media (max-width:) {
	
}
@media(max-width:760px){
	.top-nav .top-right{ float:left; margin-top:20px;}
	.top-right li:first-child{ padding-left:0;}
	.top-right li:last-child{ padding-right:0;}
	.top-right li:nth-of-type(3){  padding-right:0;}
	.header-right{ width:100%; margin-bottom:20px;}
	.header-right .header-nav{ position:absolute; top:60px; left:0; z-index:55; display:none; width:100%; text-align:center; background-color:#fff; box-shadow:0 2px 8px 0px rgba(0,0,0,.2);}
	.header-right .search-right{ width:100%; float:none; margin-left:0;}
	.search-input li { width:100%;}
	.search-input li input{ width:100%;}
	.header-right .drop-menu{ display:block; float:right; margin-top:-40px;}	
	.header-nav .nav-list{ float:none;}
	.header-nav .nav-list .hide-nav{ width:100%; left:0;}
	.hide-nav li{text-align:center; padding-left:0;}
	#type .type-icon{ margin-bottom:30px;}
	.type-icon li{ width: 25%;}
	.footer .bottom-code{ display:none;}
	.news-list{ margin-bottom:40px;}
	#footer-text{ width:100%;}
	.friendly-link{ display:none;}
	.other-contact{ display:none;}
	.contact-us{ width:100%;}
	.news{ margin-bottom:30px;}
	.business-img img{ height:130px;}
	.business-center{ padding:0;}
	.business-center .right-wrap{ border-top:1px solid #dbdbdb;}
	.left-nav li{ float:left; width:30%; margin:0 1.5% 3%; }
	.business-center .col-md-2,.business-center .col-md-10{ padding: 0;}
	.city-time .head-title{ width:15%;}
	.center-box .M-box2{ margin:0 auto; width:100%;} 
	.news-wrap .news-item{ padding:10px 20px;}
	.news-wrap .news-margin{ height:20px;}
	.news-center{ padding-top:20px;}
	.news-item .news-time i{ display:block;}
	.news-item .news-time span{ display:none;}
	.section-detail .detail-wrap{ padding:20px 0;}
	.right-text h4{ margin:20px 0;}
	.M-box span,.M-box1 span,.M-box2 span,.M-box3 span,.M-box4 span{width: 32px;height: 32px;line-height: 32px;font-size:13px;}
	.update-wrap .update{ width:100%;}
	.update a{background:url(../img/other/bakc_img2.png) no-repeat center center; }
	.section-message{ padding:20px 0;}
	.section-message .message-right{ width:100%; margin-top:20px; margin-left:0;}
	.employee-detail li{ width:50%;}
	.employee-detail li.chang-li{ width:50%;}
	.employee-detail li:nth-of-type(33){ height:81px;}
	.approve-info li{ border-right:none; border-bottom:1px solid #eaeaea;}
	.approve-info li:nth-of-type(3){ border-bottom:none;}
	.person-piece .piece-item{ margin-top:15px;}
	.address-cont li span{ line-height:normal;}
	.address-cont li button:nth-of-type(1){ margin-bottom:5px;}
	.withdraw{ margin:15px 0 0 15px;}
	.person-wrap .person-right{ margin-top:15px;}
	.indicators-line > .carousel-indicators{ display: none; }
	.section-heading{ padding:30px 0;}
	 #type{ padding: 15px 0; }
	.detail-wrap .news-time i{ display: block; }
	.news h4 a{ font-size: 16px;}
	.choose-select .choose-confirm{ margin:5px auto;width: 100%; }
	.choose-confirm .choose-btn{ width: 100%; }
	.section-order{ text-align: center; height: 200px;}
	.section-order .order-note{ float: none; }
	.section-order .order-text{ float: none; width:330px;}
	.order-box .order-pic{ margin-top:20px; padding:0;}
	
	}
@media (max-width: 1100px) {
	.header-right .search-right{ float:left; margin-left: 0; margin-top:15px;}
	.order-box .order-pic{ margin-top:20px; padding:0;}
}
@media only screen and (min-width: 1100px){
	.filter-wrap .filter{position:relative; display: inline-block;z-index:3; cursor:pointer; padding:10px 25px; margin-bottom:3px; line-height:22px; width:auto; color:#777; box-shadow:inset 0 0 0 2px #e0e0e0; -webkit-transition:all .3s; transition:all .3s; border-radius:200px; font-size:14px;}
	.order-box .order-fill{ width:345px;}
	
	}
@media only screen and (max-width:1099px){
	.filter-wrap .filter{  cursor: pointer;display: block;padding: 10px 25px;line-height: 22px;margin-top: -1px;width: 100%;position: relative;z-index: 3;color: #777;box-shadow: inset 0 0 0 1px #e0e0e0;-webkit-transition: all 300ms;transition: all 300ms; text-align:left;}
	.filter-wrap .filter.active{ color:#fff; background-color:#7bbb26;}
	
	} 
@media(min-width:900px){
	.header .header-right{ float:left;}
	}
@media(max-width:1200px){
	.order-box .order-pic{ margin-top:20px; padding:0; float:right; width:100%;}
	}