body{
    font-size: 14px;
    color: #666;
    width: 100%;
    max-width: 768px;
    margin: auto;
}
img[src='/data/images/load.gif']{
    width: auto !important;
    height: auto !important;
    display: inherit !important;
}
.weui-icon_toast{
    margin-top: 10px;
}
.weui-toptips{z-index: 10000000000}
a{
    color: #666;
    outline: none;
}
.ov{
    overflow: hidden;
}
.fr{
    float: right;
}
.fl{
    float: left;
}
.link-a{
    color: #339ee2;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
}

header{
    text-align: center;
    height: 50px;
    position: relative;
    background: #fff;
}
header img{
    max-height: 100%;
}
header a.city{
    position: absolute;
    height: 100%;
    left: 0;
    line-height: 50px;
    width: 60px;
    text-align: center;
    color: #FF6E7E;
}
.citys{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0;
    display: none;
    z-index: 100;
}
.banner{
   background: #1ca8ef;
}
.city-list{
    margin: 60px 15px 0 15px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 2% 10px;
    transition: all .5s;
    min-height: 200px;
}
.city-list p{
    padding: 10px 0;
}
.city-list a{
    float: left;
    width: 21%;
    margin: 0 2%;
    line-height: 25px;
    text-align: center;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 3px;
    margin-bottom: 15px;
}
.citys a.close{
    margin: 10px auto 0 auto;
    display: block;
    width: 40px;
}
.citys a.close img{
    width: 100%;
}
.city-list a.on{
    background: #0b98f2;
    color: #fff;
    box-shadow: 0 0 0 1px #0b98f2;
}
.hk-tab-content .swiper-slide{
    height: 120px;
    overflow: hidden;
}
.hk-tab-content .swiper-slide img{
    height: auto;
    min-height: 120px;
}
.hk-tab-content .swiper-slide img[src='/data/images/load.gif']{
    min-height: initial;
}
.swiper-slide img{
    max-width: 100%;
    display: block;
    margin: auto;
    height: 120px;
    width: 100%;
}
.swiper-slide img.fc{
    height: auto;
}
.swiper-pagination-bullet{
    background: #fff;
    opacity: .8;
    width: 0;
    height: 0;
    padding: 2px 2px 4px 4px;
}
.swiper-pagination-white .swiper-pagination-bullet-active{
    background: #007aff;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.index-main-1{
    background: #f5f5f9;
    padding: 3% 2% 10px 2%;
}
.index-main-1-list{
    background: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}
.index-main-1-1{
    position: relative;
    height: 70px;
}
.index-main-1-1 img{
    position: absolute;
    left: 3%;
    bottom: 0;
    width: 70px;
}
.index-main-1-1 a{
    background: #0b98f2;
    color: #fff;
    border-radius: 30px;
    width: 70%;
    display: block;
    position: absolute;
    right: 3%;
    top: 9px;
    padding: 5px 0;
}
.index-main-1-1 a b{
    font-size: 16px;
    display: block;
    text-align: center;
    font-weight: normal;
}
.index-main-1-1 a span{
    font-size: 10px;
    text-align: center;
    display: block;
}
.index-main-1-2{
    overflow: hidden;
    padding: 15px 0;
}
.index-main-1-2 a{
    float: left;
    width: 25%;
    text-align: center;
}
.index-main-1-2 a img{
    width: 50%;
}
.index-main-1-2 a span{
    display: block;
}
.index-main-1-3{
    overflow: hidden;
    height: 90px;
}
.index-main-1-3-l{
    float: left;
    width: 37%;
    position: relative;
    padding-left: 3%;
    height: 100%;
}
.index-main-1-3-l .bor{
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}
.index-main-1-3-r{
    float: right;
    width: 60%;
}
.index-main-1-3-l b{
    display: block;
    margin-top: 15px;
}
.index-main-1-3-l b span{
    float: left;
    height: 5px;
    border: 2px solid #fd7d8c;
    margin-top: 5px;
    margin-right: 3px;
}
.index-main-1-3-l p{
    font-size: 10px;
    padding-left: 10px;
    width: 60%;
}
.index-main-1-3-l img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
}
.index-main-1-3-l img.w_70{
    width: 70px;
}
.index-main-1-3-l img.w_40{
    width: 40px;
}
.index-main-1-3-r a{
    float: left;
    width: 50%;
    text-align: center;
    height: 45px;
    line-height: 45px;
    border-left: 1px solid #f5f5f9;
    border-bottom: 1px solid #f5f5f9;
    overflow: hidden;
}
.index-main-1-3-r a:nth-of-type(even){
    width: 49%;
}
.chhf,.jzpx{
    position: relative;
}
.chhf .index-main-1-3-r a:nth-child(5), .chhf .index-main-1-3-r a:nth-child(6),.chhf .index-main-1-3-r a:nth-child(7), .chhf .index-main-1-3-r a:nth-child(8){
    width: 98px;
    position: absolute;
    top: 91px;
}
.chhf .index-main-1-3-r a:nth-child(5){
    left: 0;
}
.chhf .index-main-1-3-r a:nth-child(6){
    left: 99px;
}
.chhf .index-main-1-3-r a:nth-child(7){
    left: 198px;
}
.chhf .index-main-1-3-r a:nth-child(8){
    left: 297px;
}
.jzpx .index-main-1-3-r a:nth-child(5){
    position: absolute;
    left: 0;
    bottom: 0;

}
.jzpx .index-main-1-3-r a:nth-child(6){
    position: absolute;
    right: 0;
    bottom: 0;

}
.index-main-1-3-l b span.c_2{
    border-color: #0b98f2;
}
.index-main-1-3-l b span.c_3{
    border-color: #ffbd60;
}
.ann{
    overflow: hidden;
}
.ann .ann-list{
    width: 49%;
    float: left;
}
.ann .ann-list:last-child{
    float: right;
}
.ann .ann-list img{
    max-width: 100%;
    display: block;
}
.index-main-2{
    background: #fff;
}
.tj{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f9;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.index-main-2 .weui-media-box:before{
    left: 0;
}
.index-main-2 .weui-panel:before{
    border-top: 0;
}
.index-main-2 .weui-panel{
    margin-top: 0;
}
.index-main-2 .weui-media-box__title{
    font-size: 14px;
    font-weight: bold;
}
.index-main-2 .weui-media-box__bd .price{
    color: #999;
}
.index-main-2 .weui-media-box__bd .price span{
    color: #f10909;
    font-weight: bold;
    font-size: 18px;
    margin-right: 15px;
}
.index-main-2 .weui-media-box_appmsg .weui-media-box__hd{
    width: 80px;
    height: 80px;
}
.index-main-2 .weui-media-box__desc{
    line-height: 18px;
}
.index-main-2 .weui-media-box__bd span.sl{
    background: #fe4553;
    color: #fff;
    padding: 1px 6px;
    position: absolute;
    right: 15px;
    bottom: 40px;
    border-radius: 20px;
}
.index-main-2 .fa-clock-o{
    color: #fe4553;
}
.bottom-logo{
    background: #f5f5f9;
    height: auto;
    padding-bottom: 50px;
    overflow: hidden;
}
.bottom-logo img{
    display: block;
    margin: 0 auto;
    padding: 30px 0 0 0;
    max-width: 100%;
}
.bottom-logo div.tel{
    text-align: center;
    margin: 10px 0 0 0;
    color: #1b87ca;
}
.bottom-logo div.tel span{
    font-size: 18px;
    font-weight: bold;
}
.weui-tab-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    height: 53px;
    max-width: 768px;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{
    color: #0b98f2;
}
.index-main-1-2 a span em{
    font-style: normal;
}

/* 小区代言人s */
.daiyan{
    background: #f5f5f9;
    height: 100%;
}
.daiyan-img{
    height: 80%;
    text-align: center;
    padding: 0 15px;
}
.daiyan-img .loading{
    margin-top: 100px;
}
.daiyan-img img{
    max-width: 100%;
    max-height: 100%;
}
.daiyan-btn{
    position: fixed;
    bottom: 20px;
    width: 96%;
    height: 80px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 0 2%;
}
.daiyan-btn a{
    width: 44%;
    float: left;
    margin: 0 2% 0 1%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #FF6E7E;
    text-align: center;
    border-radius: 20px;
    margin-top: 20px;
}
.daiyan-btn a:last-child{
    background: #FF8CA2;
    margin-left: 0;
    float: right;
}
.loading-div{
    width: 100px;
    margin: auto;
}
/* 小区代言人e */

/* 领券中心s */
.quan-top{
    width: 100%;
    display: block;
}
.quan-div{
    background: #fff;
    position: relative;
}
.quan-list{
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    position: absolute;
    top: -10px;
    width: 100%;
}
.quan-list li{
    height: 80px;
    margin: 0 15px 15px 15px;
    border-radius: 5px;
    box-shadow: 0 2px 5px 1px #ccc;
    background: #fff;
    position: relative;
    padding: 8px;
}
.quan-list .quan-title{
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quan-list li a.get{
    position: absolute;
    right: 5%;
    bottom: 10px;
    background: #0b98f2;
    color: #fff;
    width: auto;
    text-align: center;
    padding: 3px 15px;
    border-radius: 20px;
}
.quan-list li span{
    position: absolute;
    right: 5%;
    top: 15px;
    width: 76px;
    text-align: center;
}
.quan-list li span em{
    font-style: normal;
    color: #e4393c;
    font-weight: bold;
}
.quan-list li span em:last-child{
    font-size: 16px;
}
.quan-list li span .weui-progress__inner-bar{
    background: #0b98f2;
}
.quan-desc{
    color: #999999;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.quan-money{
    color: #0b98f2;
    font-weight: bold;
}
.coupon-no-use{
    text-align: center;
    padding: 20px 0 0 0;
    margin-bottom: 30px;
}
.coupon-no-use p:last-child{
    text-align: left;
    margin-left: 15px;
    border-bottom: 1px solid #ddd;
    padding-left: 5px;
    height: 40px;
    line-height: 50px;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #999;
}
/* 领券中心e */

/* 每日特惠s */
.tehui-info{
    padding: 15px;
    background: #fff;
    border-bottom: 20px solid #f5f5f9;
}
.tehui-title{
    display: block;
    font-size: 18px;
}
.tehui-title em{
    font-style: normal;
    color: #0083d3;
    margin-left: 10px;
}
.tehui-desc{
    color: #999999;
    margin: 3px 0;
}
.tehui-money{
    overflow: hidden;
    position: relative;
}
.tehui-money #time_{
    position: absolute;
    white-space: nowrap;
    right: 0;
    top: 6px;
    font-style: normal;
    font-size: 12px;
    color: #666;
}
.tehui-money .lijian{
    font-size: 12px;
    float: none;
    padding-left: 5px;
}
.tehui-money .lijian i{
    font-size: 16px;
    color: #f10909;
    font-style: normal;
}
.tehui-money span{
    color: #f10909 !important;
    font-size: 18px;
    margin-right: 5px;
}
.tehui-money p{
    line-height: 12px;
}
.tehui-money span s{
    color: #666;
    font-size: 12px;
}
.tehui-common-title{
    height: 45px;
    line-height: 45px;
    background: #f5f5f9;
    padding-left: 10px;
    font-weight: bold;
    font-size: 18px;
}
.tehui-liucheng img{
    width: 100%;
    display: block;
}
.tehui-desc-list{
    padding: 5px 15px 15px 15px;
    background: #fff;
}
.tehui-desc-list li{
    margin-top: 10px;
}
.tehui-desc-list ul{
    padding-left: 35px;
    max-width: 90%;
    white-space: initial !important;
}
.tehui-cishu-list{
    border-top: 20px solid #f5f5f9;
    background: #fff;
    padding: 15px;
    border-bottom: 20px solid #f5f5f9;
}
.tehui-cishu-list p em{
    color: #008cd7;
    font-style: normal;
}
.tehui-content{
    margin-bottom: 60px;
}
.tehui-content img{
    max-width: 100% !important;
    height: auto !important;
}
.tehui-footer{
    position: fixed;
    height: 60px;
    background: #f5f5f9;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    -webkit-transform: translateZ(0);
}
.tehui-footer a:last-child{
    position: absolute;
    right: 15px;
    border: 2px solid #fee574;
    height: 35px;
    width: 40px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    font-size: 12px;
    padding-top: 5px;
    top: 8px;
}
.tehui-footer a:first-child{
    position: absolute;
    left: 0;
    height: 40px;
    width: 40px;
    top: 10px;
    text-align: center;
    color: #666;
}
.tehui-footer a:first-child img{
    height: 50%;
    display: block;
    margin: auto;
}
.tehui-footer a:nth-of-type(2){
    background: #0479b7;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    height: 40px;
    line-height: 40px;
    display: block;
    width: 160px;
    margin: 10px auto 0 auto;
}
.tehui-coupon{
    padding: 15px;
    background: #fff;
    border-bottom: 20px solid #f5f5f9;
    overflow: hidden;
    position: relative;
}
.tehui-coupon img{
    height: 20px;
    float: left;
}
.tehui-coupon i.fa-angle-right{
    font-size: 18px;
    position: absolute;
    right: 15px;
    z-index: 9;
    color: #999;
}
.tehui-coupon span.receive_1{
    background: #ccc;
    color: #666;
}
#half.weui-popup__container.weui-popup__container--visible{
    z-index: 1000;
}
.coupon-detail{
    position: relative;
}
.coupon-detail img{
    top: 3.3rem;
    left: 10px;
    position: absolute;
    width: 64px;
}
.coupon-detail div{
    margin-left: 80px;
    min-height: 100px;
    padding-top: 15px;
}
.coupon-detail p{
    color: #999;
}
.coupon-detail p:nth-of-type(2){
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
}
.toolbar .coupon-close{
    color: #008cd7;
}
.coupon-detail span{
    background: #ff0000;
    color: #fff;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    z-index: 9;
    top: 85px;
}
.coupon-detail span.receive_1{
    background: #ccc;
    color: #666;
}
div.business{
    background: #fff;
    color: #0B98F2;
    border-bottom: 1px solid #0B98F2;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    font-size: 16px;
    margin-bottom: 15px;
}
.business-content{
    padding: 0 10px;
}
/* 每日特惠e */

/* 深度保洁s */
.old_price{
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #0087d4;
}
.index-main-2 .weui-media-box__bd .price.price-sd{
    text-align: right;
}
.index-main-2 .weui-media-box__bd .price.price-sd span{
    margin-right: 0;
    font-size: 16px;
}
.index-main-2 .weui-media-box__bd .price.price-sd span em{
    font-size: 18px;
    font-style: normal;
}
.sd-desc-list{
    border-bottom: 20px solid #f5f5f9;
}
.sd-footer{
    position: fixed;
    height: 45px;
    line-height: 45px;
    background: #fff;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    -webkit-transform: translateZ(0);
}
.sd-footer a{
    float: right;
    width: 30%;
    text-align: center;
    background: #008cd6;
    color: #fff;
    font-size: 16px;
}
.sd-footer span{
    float: left;
    width: 67%;
    color: #008cd6;
    position: relative;
    border-top: 1px solid #ddd;
    text-align: left;
    padding-left: 3%;
    font-size: 16px;
}
.sd-footer span em{
    color: #fff;
    background: #008cd6;
    border-radius: 100%;
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    top: 3px;
}
/* 深度保洁e */

/* 预订商品s */
.booking-address{
    min-height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 15px solid #F3F3F3;
    padding: 0 15px;
    position: relative;
}
.booking-address i{
    top: 0;
    line-height: 40px;
    position: absolute;
}
.booking-address .addr{
    padding: 0 30px 0 15px;
}
.booking-address .addr.on{
    line-height: 20px;
    padding: 10px 30px 10px 15px;
}
.booking-address i:first-child{
    margin-right: 5px;
    font-size: 20px;
    color: #008cd6;
    left: 15px;
}
.booking-address i.fa-angle-right{
    font-size: 20px;
    color: #999;
    right: 15px;
}
.booking-address-list .weui-cell__bd{
    font-size: 14px;
}
.booking-address-list .weui-cell:before{
    left: 0;
}
.booking-address-list .weui-cell{
    padding: 10px 15px 10px 5px;
}
.add-address-booking{
    display: none;
}
.add-address-booking .weui-cells{
    font-size: 14px;
}
.booking-coupon{
    overflow: hidden;
    background: #fff;
    height: 40px;
    line-height: 40px;
    border-bottom: 15px solid #F3F3F3;
}
.booking-coupon img{
    float: left;
    width: 20px;
    margin: 10px 3px 0 10px;
}
.booking-coupon i.fa-angle-right{
    font-size: 20px;
    color: #999;
    margin-right: 15px;
    line-height: 40px;
}
.booking-coupon em{
    font-style: normal;
    color: #ff0000;
}
.booking-buy{
    overflow: hidden;
    height: 50px;
    position: fixed;
    bottom: 0;
    -webkit-transform: translateZ(0);
    width: 100%;
}
.booking-buy .total{
    float: left;
    width: 70%;
    border-top: 1px solid #ddd;
    background: #fff;
}
.booking-buy a{
    float: right;
    background: #FF6E7E;
    color: #fff;
    width: 30%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
}
.booking-buy .total p{
    padding: 0 0 0 5px;
    line-height: 20px;
}
.booking-buy .total p:first-child{
    padding: 6px 0 0 5px;
}
.total em{
    font-style: normal;
    color: #ff0000;
    font-size: 16px;
}
/* 预订商品e */

/* 结算中心s */
.orderid{
    height: 40px;
    line-height: 40px;
    background: #F3F3F3;
    padding-left: 15px;
    color: #666;
}
.pay-money{
    background: #fff;
    padding: 10px 15px;
    border-bottom: 15px #F3F3F3 solid;
    color: #999;
    line-height: 28px;
}
.pay-list .weui-cell__bd img{
    float: left;
    width: 20px;
    margin: 3px 5px 0 0;
}
.weui-cells__title-pay{
    background: #fff;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
/* 结算中心e */

/* 金牌月嫂s */
.housekeeping-img img{
    max-width: 100% !important;
}
.housekeeping-title{
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: url("../images/y__1.jpg") no-repeat center center;
    background-size: 100% auto;
    color: #0083d3;
    font-size: 16px;
    font-weight: bold;
}
.yewujieshao{
    padding: 0 15px;
    border-bottom: 15px solid #f5f5f9;
    background: #fff;
}
.yewujieshao img{
    max-width: 100% !important;
}
.yewufanwei ul{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.yewufanwei ul li{
    text-align: center;
    border-radius: 5px;
    width: 48%;
    margin-bottom: 15px;
}
.yewufanwei ul li:nth-of-type(even){
    margin-left: auto;
}
.yewufanwei ul li img{
    display: block;
    margin: auto;
    width: 100%;
}
.yewufanwei ul li span{
    background: #0083d3;
    display: block;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 4vh;
    line-height: 4vh;
    font-size: 1.5vh;
}
span.badge{
    padding: 0 4px;
    margin-bottom: 2px;
    line-height: 22px;
    color: #fff;
    border-radius: 3px;
    margin-right: 3px;
    font-size: 12px;
    float: left;
}

span.badge_0{
    background: #ddd;
}
.showC .badge_1{
    color: #fff !important;
    background: #e54372;
    padding: 0 4px;
}
span.badge_1{
    background: #e54372;
}
span.badge_2{
    background: #df982e;
}
span.badge_3{
    background: #2481d1;
}
span.badge_4{
    background: #1ca555;
}
span.badge_5{
    background: #19b8e2;
}
span.badge_6{
    background: #ed5c2f;
}
span.badge_7{
    background: #9F35FF;
}
span.badge_8{
    background: #BB3D00;
}
span.badge_9{
    background: #484891;
}
span.badge_10{
    background: #616130;
}
span.badge_11{
    background: #613030;
}
span.badge_12{
    background: #642100;
}
span.badge_13{
    background: #5B4B00;
}
span.badge_14{
    background: #467500;
}
span.badge_15{
    background: #000079;
}
.yuesao-list dl{
    overflow: hidden;
    margin-bottom: 10px;
}
.yuesao-list dl dt{
    float: left;
    width: 30%;
    height: 133px;
    overflow: hidden;
}
.yuesao-list dl dt img{
    width: 100%;
    display: block;
    height: 100%;
}
.yuesao-list dl dd{
    float: left;
    width: 65%;
    line-height: 22px;
    margin-left: 5%;
    position: relative;
}
.yuesao-list dl dd .work_status{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}
.yuesao-list dl dd em{
    color: #0083d3;
    font-style: normal;
}
p.name span{
    background: #0083d3;
    color: #fff;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 12px;
}
.hk-show-top-info{
    padding: 10px 10px 5px 10px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    position: relative;
}
.hk-show-top-info span.icon{
    position: absolute;
    right: 10px;
    bottom: 5px;
}
.hk-show-top-info span.icon em{
    font-style: normal;
    display: block;
    color: #999;
    line-height: 16px;
}
.hk-show-top-img{
    width: 30%;
    float: left;
}
.hk-show-top-img img{
    max-width: 100%;
}
.hk-show-top-info-1{
    width: 65%;
    float: left;
    margin-left: 5%;
}
.hk-show-top-info-1 .level b{
    color: #ff7225;
    font-size: 16px;
}
.hk-show-top-info-1 p em{
    color: #23AAFF;
    font-style: normal;
}
.hk-show-top-info-1 p.rz img{
    height: 18px;
    vertical-align: middle;
}
img.desaturate_0 {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.hk-show-tags{
    padding: 0 10px;
    border-bottom: 15px solid #F3F3F3;
    padding-bottom: 10px;
}
.hk-tab-content{
    padding: 10px;
    line-height: 26px;
    border-bottom: 1px solid #eee;
}
.hk-tab-content:last-child{
    border-bottom: 0;
}
.hk-tab-content .bbt {
    line-height: 50px;
    height: 50px;
    position: relative;
    color: #23AAFF;
    font-size: 16px;
}
.hk-show-tabs{
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.hk-show-tabs a{
    float: left;
    line-height: 40px;
    width: 20%;
    text-align: center;
}
.hk-show-tabs a.on{
    color: #23AAFF;
    position: relative;
}
.hk-show-tabs a.on::after{
    content: ' ';
    border-bottom: 1px solid #23AAFF;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
}
.hk-tab-service dd,.hk-tab-service dt{
    overflow: hidden;
    margin-bottom: 5px;
}
.hk-tab-service dd{
    margin-bottom: 15px;
}
.no-comment{
    height: 100px;
    text-align: center;
    line-height: 100px;
}
.hk-tab-content-comment{
    position: relative;
}
.hk-tab-content-comment .comment-total{
    position: absolute;
    right: 15px;
    top: 0;
    color: #333;
    font-size: 12px;
}
.hk-tab-content-comment .comment-total i{
    color: #23AAFF;
    font-style: normal;
}
.hk-tab-content-comment ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.hk-tab-content-comment ul li{
    overflow: hidden;
    margin-bottom: 15px;
}
.hk-tab-content-comment ul li img{
    width: 12%;
    float: left;
    border-radius: 100%;
}
.comment-content{
    width: 85%;
    margin-left: 3%;
    float: left;
}
.comment-phone{
    margin-bottom: 5px;
    color: #000;
    font-weight: 600;
    line-height: 20px;
}
.comment-content-2{
    clear: both;
}
.comment-imgs .item-file{
    width: 31%;
    float: left;
    margin-right: 3.5%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.comment-imgs .item-file:nth-of-type(3n){
    margin-right: 0;
}
.comment-imgs .item-file video, .comment-imgs .item-file img{
    max-width: 150%;
    max-height: 150%;
    height: 110px;
    width: auto;
    display: block;
}
.comment-imgs .item-file video{
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    max-height: calc(100% - 4px);
    max-width: calc(100% - 4px);
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.hk-tab-content-comment ul li img.videoPlay{
    position: absolute;
    height: 40px;
    width: auto;
    left: 32%;
    top: 30%;
    z-index: 10;
}
.comment-phone small{
    display: block;
    color: #f79814;
}
.comment-imgs .item-file.video{
    position: relative;
}
.comment-imgs .item-file.video::after{
    position: absolute;
    content: ' ';
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 10;
    background: url(../images/video-play.png) no-repeat center center;
    background-size: 40px 40px;
    top: 0;
}
.comment-con{
    font-size: 13px;
}
.comment-date{
    font-size: 13px;
    color: #999;
}
.hk-show-detail{
    margin-bottom: 60px;
}
.hk-bottom{
    z-index: 10;
    height: 60px;
    width: 100%;
    position: fixed;
    max-width: 768px;
    bottom: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
    background: #ededed;
    text-align: center;
}
.hk-bottom a{
    float: left;
    width: 20%;
    padding-top: 10px;
    line-height: 18px;
    position: relative;
}
.hk-bottom a::after{
    content: ' ';
    border-right: 1px solid #fff;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
}
.hk-bottom a:last-child::after,.hk-bottom a:nth-of-type(3)::after{
    display: none;
}
.hk-bottom a:nth-of-type(3){
    width: 30%;
    padding-top: 0;
    line-height: 60px;
    font-size: 16px;
    background: #0991d7;
    color: #fff;
}
.hk-bottom a:nth-of-type(4){
    width: 30%;
    padding-top: 0;
    line-height: 60px;
    font-size: 16px;
    background: #FF6E7E;
    color: #fff;
}
.hk-bottom a i{
    font-size: 20px;
}
.hk-bottom a span{
    display: block;
    text-align: center;
}
.hk-bottom a.blue i,.hk-bottom a.blue{
    color: #0991d7;
}
#go-top{
    position: fixed;
    right: 10px;
    bottom: 70px;
    z-index: 1000;
}
#go-top i{
    font-size: 26px;
    opacity: 0.1;
}
#go-top:focus i,#go-top i:focus{
    opacity: 1;
}
.comment-text{
    width: 94%;
    border: 1px solid #ddd;
    border-radius: 3px;
    resize: none;
    height: 80px;
    margin: 10px auto;
    display: block;
    outline: none;
    padding: 1%;
}
.comment-form{
    position: relative;
    padding-bottom: 20px;
}
.comment-form span{
    position: absolute;
    right: 3%;
    top: 70px;
    color: #999;
}
.comment-form span i{
    font-style: normal;
}
.sharedan {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    position: fixed;
    z-index: 99;
    left: 0px;
    top: 0px;
    display: none;
}
.donghua {
    transition: all .3s;
}
.sharelist {
    text-align: center;
    background: #f1f1f1;
    padding: 5% 3% 3%;
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 10000;
    opacity: 0;
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.sharelist[data-on="on"] {
    opacity: 1;
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.sharelist a.bshare-qqim {
    background-image: url(../images/shareico_03.jpg);
}
.sharelist a.bshare-qzone {
    background-image: url(../images/shareico_05.jpg);
}
.sharelist a.bshare-sinaminiblog {
    background-image: url(../images/shareico_07.jpg);
}
.sharelist a {
    padding: 70px 0 0 0 !important;
    margin: 0 10px !important;
    text-align: center;
    width: 70px;
    background-position: top !important;
    background-size: 60px 60px !important;
    background-repeat: no-repeat !important;
    line-height: 20px;
    height: 20px !important;
}
.weui-media-box__desc.level b{
    color: #ff7225;
    font-size: 16px;
}
/* 金牌月廋e */

/* 订单s */
.tab-list-order .weui-panel__hd:after{
    left: 0;
}
.tab-list-order .weui-media-box_appmsg .weui-media-box__hd{
    overflow: hidden;
}
.tab-list-order .weui-media-box_appmsg .weui-media-box__thumb{
    width: auto;
    height: 100%;
}
.tab-list-order span.status_0,.tab-list-order span.status_aunty_0,.tab-list-order span.status_aunty_1{
    color: #ff0000;
}
.tab-list-order span.status_1,.tab-list-order span.status_aunty_2{
    color: #008000;
}
.weui-media-box__desc-price{
    color: #f10909;
    font-weight: bold;
    font-size: 16px;
    margin-right: 5px;
}
.weui-media-box__desc-price-0{
    font-size: 14px;
}
.weui-cell__ft-order:after{
    display: none !important;
}
.weui-cell_access .weui-cell__ft-order{
    padding-right: 0;
}
.weui-cell__ft-order span.badge{
    padding: 6px 12px;
}
.weui-loadmore{
    display: none;
}
.level_b{
    color: #ff7225;
    font-size: 16px;
}
/* 订单e */
.hongbao.weui-cells{
    margin-top: 0;
    font-size: 14px;
}
.hongbao.weui-cells:before{
    display: none;
}
.hongbao .weui-cell{
    padding: 0 0 6px 0;
}
.hongbao.weui-cells_checkbox .weui-icon-checked:before{
    font-size: 20px;
}
.objs{
    background: #fff;
    text-align: center;
    padding: 15px 15px 0 15px;
}
.obj-show-list-title{
    display: inline-block;
    padding: 2px 20px;
    background: #FB6711;
    color: #fff;
    border-radius: 20px;
    margin-bottom: 15px;
}
.obj-show-list{
    overflow: hidden;
}
.obj-show-list a{
    float: left;
    width: 42%;
    height: 100px;
    background: url("../images/ka_bg.jpg") no-repeat left center;
    background-size: 100% auto;
    padding: 3%;
    position: relative;
}
.obj-show-list a:nth-of-type(even){
    float: right;
}
.obj-show-list a span.name{
    float: left;
    color: #fff;
    margin-top: 12px;
    background: url('../images/sj.png') no-repeat right center;
    background-size: 10px auto;
    padding-right: 15px;
}
 .obj-show-list a span.price{
     right: 5px;
     color: #fff;
     position: absolute;
     font-size: 30px;
     top: 15px;
     font-family: serif;
     line-height: 40px;
 }
.obj-show-list a span.price em{
    font-style: normal;
    font-size: 12px;
    float: left;
    margin-top: -3px;
}
.obj-show-list a p{
    position: absolute;
    bottom: 30px;
    font-size: 10px;
}
.obj-show-list a p:last-child{
    bottom: 15px;
}
.obj-show-list a p.danjia,.obj-show-list a .use-time{
     display: block;
    width: 100%;
    color: #fff;
    clear: both;
    text-align: left;
    white-space: nowrap;
 }
.m-list{
    padding: 10px;
    box-shadow: 0 0 1px 0 #ccc;
    margin-bottom: 15px;
}
.m-list:last-child{
    margin-bottom: 0;
}
.m-list dt .m-title{
    font-weight: bold;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.m-list dt p{
    overflow: hidden;
}
.m-list dt span.m{
    float: left;
    margin-right: 5px;
}
.m-list dd{
    border-top: 1px solid #f1f1f1;
    margin-top: 10px;
    line-height: 22px;
    padding: 5px 0 0 0;
    color: #999;
    display: none;
}
.m-list dd p, .m-list dd table, .m-list dd img{
    max-width: 100%;
}
.page-content{
    padding: 10px;
    line-height: 22px;
}
.page-content img{
    max-width: 100% !important;
    height: auto !important;
}
.weui-panel__bd-device{
    padding: 15px 0 0 0;
    overflow: hidden;
}
.device-list{
    width: 33%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}
.weui-panel__bd-device a.both{
    border-bottom: 1px solid #e5e5e5;
    clear: both;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    transform: scaleY(.5);
    transform-origin: 0 0;
    height: 1px;
}
div.device-img{
    width: 60px;
    margin: auto;
    border-radius: 100%;
    height: 60px;
    margin-bottom: 3px;
}
div.device-img img{
    width: 70%;
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}
.device-list div.device-img{
    background: #f59316;
}
.device-list:nth-of-type(1) div.device-img{
    background: #FFB800;
}
.device-list:nth-of-type(2) div.device-img{
    background: #1E9FFF;
}
.device-list:nth-of-type(3) div.device-img{
    background: #FF5722;
}
.device-list:nth-of-type(4) div.device-img{
    background: #c0dcb2;
}
.device-list:nth-of-type(5) div.device-img{
    background: #1ddaf2;
}
.device-list:nth-of-type(6) div.device-img{
    background: #ffbec1;
}
.device-footer{
    position: fixed;
    height: 40px;
    background: #f5f5f9;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    -webkit-transform: translateZ(0);
}
.device-footer a:nth-of-type(1){
    float: left;
    width: 35%;
    line-height: 40px;
    color: #FF6E7E;
    font-size: 24px;
    text-align: left;
    padding-left: 5%;
}
.device-footer a:nth-of-type(1) em{
    background: #FF6E7E;
    color: #fff;
    position: absolute;
    height: 20px;
    width: 20px;
    line-height: 20px;
    top: 10px;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    font-style: normal;
}
.device-footer a:nth-of-type(2){
    width: 40%;
    background: #FF6E7E;
    color: #fff;
    line-height: 40px;
    text-align: center;
    float: right;
}
.device-footer div.device-kf{
    width: 20%;
    position: absolute;
    right: 0;
    top: -50px;
}
.device-footer div.device-kf a{
    width: 40px;
    border: 2px solid #fee574;
    height: 35px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    font-size: 12px;
    padding-top: 5px;
    margin: auto;
    float: none;
    padding-left: 0;
    display: block;
    background: #fff;
}
.service-div{
    position: fixed;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
}
.service-list{
    position: absolute;
    width: 100%;
    bottom: -1000px;
    z-index: 100;
    background: #fff;
    border-top: #e5e5e5 1px solid;
    transition: all 0.5s;
}
.service-title{
    padding: 8px 0 8px 12px;
    color: #666;
    border-bottom: #e5e5e5 1px solid;
}
.service-list ul,.service-list li{
    list-style: none;
    padding: 0;
}
.service-list li{
    padding: 5px 0 5px 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.service-list li dd.price{
    color: #FF6E7E;
}
.service-list li dd.num{
    position: absolute;
    right: 10px;
    top: 15px;
}
dd.num span:first-child,dd.num span:last-child{
    border: 1px solid #ddd;
    color: #FF6E7E;
    width: 24px;
    text-align: center;
    line-height: 24px;
    float: left;
    border-radius: 100%;
}
dd.num span.n{
    float: left;
    padding: 0 8px;
    line-height: 26px;
}
.total-price{
    overflow: hidden;
}
.total-price span{
    float: left;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
.total-price span.l{
    width: 51%;
    padding-left: 5%;
    color: #FF6E7E;
}
.total-price span.r{
    width: 22%;
    text-align: center;
    background: #FF6E7E;
    color: #fff;
}
.total-price span:nth-of-type(2){
    background: #fff;
    color: #666;
    position: relative;
}
.total-price span:nth-of-type(2)::before{
    content: ' ';
    position: absolute;
    border-left: 1px solid #e5e5e5;
    height: 40px;
    left: 0;
}
.service-div .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.2);
}
.specification{
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
}
.weui-tabbar__item .weui-badge{
    display: none;
}
.weui-tabbar__item.notice .weui-badge{
    display: block;
}
.act-pos{
    position: relative;
}
img.act{
    position: absolute;
    left: 0;
    width: 25px;
    top: 0;
}

.news-list{
    height: 35px;
    line-height: 35px;
    padding: 10px;
    background: #f5f5f9;
}
.news-list .n1{
    background: #fff;
    padding: 10px 0;
    border-radius: 3px;
}
.news-list #demo{
    height:22px;
    line-height:22px;
    overflow:hidden;
}
.news-list ul{
    list-style: none;
    padding: 0;
}
.news-list ul li{
    padding-left: 10px;
    overflow: hidden;
}
.news-list ul li span{
    float: right;
    margin-right: 10px;
}
.news-list ul li a{
    white-space: nowrap;
    float: left;
    width: 85%;
    text-overflow: ellipsis;
    overflow: hidden;
}
header .date_{
    position: absolute;
    right: 0;
    line-height: 17px;
    padding: 10px 10px 0 0;
}
.vip{
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 15px 0 0 0;
    margin-top: 10px;
}
.vip .vip-img {
    float: left;
    width: 90px;
    text-align: center;
    color: #999;
    font-size: 10px;
}
.vip-img img{
    width: 20px;
    display: block;
    margin: auto;
}
.vip .info{
    padding-left: 95px;
}
.vip .info p{
    overflow: hidden;
    color: #666;
}
.vip .info p span{
    float: left;
    border: 1px solid #f10909;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    margin: 2px 3px 0 0;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    color: #f10909;
}
i.fa-user{
    font-size: 20px;
}
.top-an img{
    max-width: 100%;
}
.ngdesc{
    position: absolute;
    top: 45px;
    font-size: 12px;
    color: #fff;
}
.pay-t {
    position: fixed;
    bottom: 50px;
    width: 100%;
    left: 0;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #ddd;
}
.pay-t ul{
    list-style: none;
}
.pay-t .payt{
    position: relative;
}
.pay-t .payt ul{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #fff;
    display: none;
}
.pay-t .payt ul li{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.payt #payt_text{
    text-align: right;
    display: inline-block;
    width: 63%;
}
.hotobj ul {
    list-style: none;
    overflow: hidden;
    padding-left: 0;
}
.hotobj ul li{
    float: left;
    width: 29%;
    margin: 2.1%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
}
.hotobj ul li:nth-child(1n){
    background: #fe4553;
}
.hotobj ul li:nth-child(2n){
    background: #4bca7d;
}
.hotobj ul li:nth-child(3n){
    margin-right: 0;
    background: #f3ca35;
}
.hotobj ul li a{
    color: #fff;
}
.comment-pic{
    overflow: hidden;
    position: absolute;
    top: 98px;
    left: 35px;
}
.comment-pic span{
    float: left;
    margin-right: 10px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
}
.comment-pic span img{
    max-height: 20px;
    max-width: 100%;
}
.comment-pic span:last-child{
    margin-right: 0;
}
.layui-upload-file{
    display: none;
}
.comment-imgs{
    overflow: hidden;
}
.comment-imgs img{
    border-radius: initial !important;
    margin-right: 5px;
}
.comment-imgs img:last-child{
    margin-right: 0;
}
.layui-layer-imgbar, .layui-layer-imguide {
     display: block !important;
}
.work-list-big{
    width: 100%;
    overflow: auto;
}
.work-item{
    width: 80px;
    height: 80px;
    text-align: center;
    color: #999;
    float: left;
    margin-right: 10px;
    position: relative;
    border-radius: 50%;
    background: #0991d7;
}
.work-item span {
    position: absolute;
    width: 66px;
    height: 66px;
    background-color: white;
    border-radius: 50%;
    left: 7px;
    top: 7px;
    line-height: 66px;
    text-align: center;
}
.work-status{
    overflow: hidden;
    margin: 10px;
}
.work-status span{
    float: left;
    color: yellowgreen;
}
.work-status span i{
    float: left;
    width: 15px;
    height: 12px;
    background: yellowgreen;
    margin: 6px 5px 0 0;
}
.work-status span:last-child{
    color: #393D49;
    float: right;
}
.work-status span:last-child i{
    background: #393D49;
}
.work-list{
    margin-bottom: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    height: 80px;
}
.hk-tab-content-work .bbt i{
    position: absolute;
    right: 0;
    font-size: 18px;
    top: 18px;
    color: #999;
}
.calendar{
    position: fixed;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    z-index: 1000;
}
.calendar-bg{
    position: absolute;
    z-index: 0;
    background: rgba(0,0,0, 0.4);
    height: 100%;
    width: 100%;
}
.calendar-main{
    position: relative;
    z-index: 1;
    background: #fff;
    min-height: 241px;
    width: 100%;
}
.calendar-load{
    position: absolute;
    top: 30%;
    display: block;
    left: 45%;
}
.calendar-table{
    width: 100%;
    border-collapse: collapse;
}
.calendar-prev-next{
    padding: 10px 5px;
    position: relative;
    text-align: center;
}
.calendar-prev-next span{
    position: absolute;
    left: 10px;
}
.calendar-prev-next span:last-child{
    right: 10px;
    left: auto;
}
.calendar-table th,.calendar-table td{
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px 0;
}
.calendar-table td.on{
    background: #5FB878;
    color: #fff;
}
.calendar-select-day-text{
    color: #1E9FFF;
    margin: 10px 5px;
}
.calendar-select-day{
    margin: 10px 5px;
    color: #999;
    overflow: hidden;
    display: none;
}
.calendar-select-day i{
    float: left;
    font-style: normal;
}
.calendar-select-day input{
    border: 1px solid #ccc;
    color: #999;
    width: 100px;
    float: left;
}
.calendar-select-day span{
    background: #008cd6;
    color: #fff;
    padding: 0 8px;
    margin-left: 5px;
    float: left;
}
.sign{
    position: fixed;
    top: 100%;
    z-index: 100;
    background: #fff;
    height: 100%;
    width: 100%;
}
.sign-title{
    margin: 30px auto 10px auto;
    text-align: center;
}
.sign-contract{
    width: 80%;
    margin: 0 auto;
    box-shadow: 0 0 10px 0 #ddd;
    padding: 4%;
    border-radius: 5px;
    max-height: 330px;
    overflow-y: auto;
}
.sign-contract img{
    max-width: 100%;
}
.sign-name{
    width: 88%;
    margin: 20px auto;
}
.sign-name p{
    overflow: hidden;
    margin-bottom: 15px;
}
.sign-name p span{
    float: left;
    line-height: 60px;
    font-weight: bold;
    font-size: 18px;
}
.sign-name p span.sign-name-img{
    border-bottom: 1px solid #ddd;
    width: 150px;
    height: 50px;
    margin-left: 10px;
}
.sign-name-img img{
    height: 50px;
}
.sign-bottom{
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ddd;
}
.sign-bottom a{
    width: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #008cd6;
}
.sign-bottom a:last-child{
    background: #008cd6;
    color: #fff;
}
.sign-name-main{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    background: #fff;
    z-index: 1;
}
.sign-name-main .sign-name-main-title{
    margin: 15px 0 5px 0;
    text-align: center;
}
.sign-name-edit{
    height: 400px;
    width: 90%;
    margin: auto;
    border: 1px solid #ddd;
}
.sign-reset{
    text-align: right;
    margin: 10px auto;
    width: 90%;
}
.sign-reset a{
    background: #008cd6;
    color: #fff;
    padding: 2px 5px;
}
.sign-confirm{
    position: absolute;
    height: 50px;
    width: 100%;
    line-height: 50px;
    bottom: 0;
    z-index: 1;
    text-align: center;
    font-size: 16px;
    background: #008cd6;
    color: #fff;
}
.house-keep-sort{
    border-bottom: 1px solid #f2f2f2;
    display: none;
}
.house-keep-sort a{
    display: inline-block;
    width: 32%;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.house-keep-sort a em{
    font-style: normal;
}
.house-keep-sort a em.on{
    color: #008cd6;
}
.house-keep-sort a::after{
    content: ' ';
    position: absolute;
    right: 0;
    height: 25px;
    top: 8px;
    border-right: 1px solid #f2f2f2;
}
.house-keep-sort a:last-child::after{
    display: none;
}
.house-keep-sort a span{
    position: absolute;
    display: none;
    right: -6px;
    width: 310px;
    background: #fff;
    box-shadow: 0 0 1px 0 #ddd;
    color: #666;
    top: 41px;
    padding: 10px;
}
.house-keep-sort a:first-child span{
    left: 0;
    right: auto;
    width: auto;
    min-width: 100%;
    padding: 0;
}
.house-keep-sort a:first-child span em{
    display: block;
}
.house-keep-sort a span i{
    float: left;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    font-style: normal;
}
.house-keep-sort a span i:last-child{
    background: #008cd6;
    color: #fff;
    padding: 1px 5px;
    margin: 0 0 0 5px;
}
.house-keep-sort a span input{
    border: 1px solid #999;
    color: #666;
    width: 120px;
    float: left;
}
.house-keep-sort a.on{
    color: #008cd6;
}
.index-main-3-item{

}
.index-main-3-item-btn{
    background: #e3f6ff;
    padding: 20px 6% 20px 4%;
    position: relative;
    margin: 0 5px;
    border-radius: 15px;
}
.index-main-3-item-btn p:nth-of-type(1){
    color: #000000;
    font-size: 18px;
}
.index-main-3-item-btn p:nth-of-type(2){
    color: #00b8e0;
    font-size: 14px;
}
.index-main-3-item-btn a{
    position: absolute;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 25px;
    background: #00b7ee;
    color: #fff;
    right: 15px;
    top: 35%;
}
.index-main-3-item-img{
    padding: 10px 5px 0 5px;
    background: #fff;
    overflow: hidden;
}
.index-main-3-item-img a{
    float: left;
    width: 49%;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}
.index-main-3-item-img a img{
    display: block;
    max-width: 100%;
}
.index-main-3-item-img a:nth-of-type(even){
    float: right;
}

@media screen and (max-width: 380px) {
    .chhf .index-main-1-3-r a:nth-child(5), .chhf .index-main-1-3-r a:nth-child(6), .chhf .index-main-1-3-r a:nth-child(7), .chhf .index-main-1-3-r a:nth-child(8) {
        width: 25%;
    }
    .chhf .index-main-1-3-r a:nth-child(6) {
        left: 25%;
    }
    .chhf .index-main-1-3-r a:nth-child(7) {
        left: 50%;
    }
    .chhf .index-main-1-3-r a:nth-child(8) {
        left: 75%;
    }
    .th_box ul li .pic{
        height: 116px;
    }
}
@media screen and (max-width: 320px) {
    .index-main-1-3-r a{
        width: 49%;
    }
}