
/*头部共用*/
.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 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: 23px;
}
.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 .btn-search {
 position: absolute;
 right: 0;
 top: 0;
 width: 33px;
 height: 33px;
 color: #fff;
 text-align: center;
 line-height: 33px;
 text-indent: -999px;
 background: #7bbb26 url(../png/icon_search.png) no-repeat 50% 50%;
}
.search-input li .btn-search:hover, .search-input li .btn-search: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;
 text-align: center;
}
.refer-buy button {
 display: inline-block;
 border-radius: 5px;
 text-align: center;
 color: #fff;
 background-color: #7bbb26;
 padding: 8px 12px;
 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;
}
.address a {
 color: #fff;
}
.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 h5 a {
 color: #f3f3f3;
}
.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;
}
.weibo-item {
 cursor: pointer;
}
.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 img {
 width: 125px;
 height: 125px;
}
.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(../png/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 20px 0;
 color: #555;
 font-size: 25px;
}
.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(../png/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(../png/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 {
 -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 span, .center-box .M-box2 a {
 display: inline-block;
 float: none;
}
/*新闻中心*/
.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(../png/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(../png/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(../jpg/web_bj.jpg) center;
 margin: 0 auto;
}
.section-order .order-note {
 display: inline-block;
 float: right;
 width: 326px;
 height: 100px;
 background: url(../png/order_text.png) no-repeat left center;
}
.section-order .order-text {
 display: inline-block;
 float: left;
 width: 345px;
 height: 100px;
 background: url(../png/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(../png/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(../png/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: right;
 }
}
@media(max-width:1200px) {
 .order-box .order-pic {
  margin-top: 20px;
  padding: 0;
  float: right;
  width: 100%;
 }
}