@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(../images/weixin_code.png) no-repeat center center; background-size:100%}

		.fix-item .weibo-code{ background:url(../images/weibo_code.png) no-repeat center center; background-size:100%}

		.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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/web_bj.jpg) center; margin: 0 auto;}

	.section-order .order-note{ display: inline-block; float: right; width:326px; height: 100px; background:url(../images/order_text.png) no-repeat left center;}

	.section-order .order-text{  display: inline-block; float: left; width:345px; height: 100px; background:url(../images/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(../images/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(../images/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%;}

	}