div, p, ul, li, ol, dl, dt, dd, span, img, input, table, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;border: 0;list-style: none;list-style-type: none; font-family:PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif,SourceHanSansCN}
* {margin: 0;padding: 0;}
img {vertical-align: middle; max-width: 100%; border: none; display: block;}
input {outline: 0;}
textarea {outline: 0;}
body {background-color: #fff; color: #000000;}
html {height: 100%;}
.fl {float: left;}
.fr {float: right;}
.clear{ clear: both;}
a {text-decoration: none; color: #333333;}
a:hover { text-decoration:none!important; }
a:visited{ text-decoration:none;}


/* 公共样式结束 */

/* 首页 */
.search-nr{ display: flex; align-items: center; padding: 20px 15px;}
.search{ flex: 1; padding-right: 15px;}
.search-con{ background: rgba(255, 255, 255, 0.6); height: 35px; border-radius: 20px; display: flex; align-items: center; border: #1bd1a5 1px solid;}
.search-con-img{ width: 14px; height: 14px; margin-left: 15px;}
.search-con-img img{ width: 100%; height: 100%; display: block;}
.search-con-input{ flex: 1; padding: 0 10px; height: 35px;}
.search-con-input input{ width: 100%; height: 100%; background: none; border: none; outline: 0;font-size: 14px;}
.xxtb{ flex-shrink: 0; position: relative;}
.xxtb a{ display: block;}
.xxtb-img{ width: 23px; height: 22px; display: block;}
.xxtb-num{ width: 16px; height: 16px; border-radius: 50%; background: #ff0000; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; position: absolute; left: 12px; top: -8px;}

.qk{ padding: 0 5px; display: flex;}
.qk-left{  width: 50%; margin-right: 5px; height: 150px; border-radius: 8px; background: url('../images/index_1.png') no-repeat ; background-size: 100% auto;}
.qk-left a{ display: flex; flex-direction: column; justify-content: space-between; padding: 0px 15px; height: 100%;}
.qk-left-title{ padding-top: 15px;}
.qk-left-title-bt{ font-size: 20px; font-weight: bold; color: #fff;}
.qk-left-title-sm{ font-size: 14px; color: #fff; padding-top: 0px;}
.qk-left-rs{ padding-bottom: 15px;}
.qk-left-rs-title{ font-size: 18px; color: #fff;}
.qk-left-rs-title span{ font-size: 12px;}
.qk-left-rs-bt{ font-size: 12px; color: #fff;}
.qk-right{ width: 50%; margin-left: 5px; display: flex; flex-direction: column; justify-content: space-between;}
.qk-right-top{ height: 150px; border-radius: 8px; background: url('../images/index_3.png') no-repeat; background-size: 100% auto;}
.qk-right-top a{ padding: 0px 15px; height: 100%; display: flex; align-items: center;}
.qk-right-top-title{font-size: 18px; font-weight: bold; color: #fff;}
.qk-right-top-sm{ font-size: 13px; color: #fff;}
.qk-right-btm{height: 70px; border-radius: 8px; background: #fbc902 url('../images/indh03.png') no-repeat right bottom; background-size: 45% auto;}
.qk-right-btm a{ padding: 0px 15px; height: 100%; display: flex; align-items: center;}

.menu{ margin-top: 10px;}
.menu ul{ display: flex; flex-wrap: wrap;}
.menu ul li{ width: 20%; padding-top: 10px;}
.menu-img{ width: 55px; height: 47px; margin: 0 auto;}
.menu-text{ font-size: 13px; color: #000; text-align: center; padding-top: 10px;}

.rq{ padding: 25px 15px 0;position: relative;}
.rq-zf {position: absolute;right: 25px;bottom: 5px;width: 20px;   /* 自行调整大小 */height: 20px;}
.rq-con{ background: #fff; box-shadow:0px 0px 8px #ececec; border-radius: 8px; padding: 18px 15px; display: flex; align-items: center;}
.rq-con-img{ width: 70px; height: 70px; border-radius: 8px; border: #ededed 1px solid; position: relative;}
.rq-con-imgnr{ width: 100%; height: 100%; display: block; border-radius: 8px; object-fit: cover;}
.rq-bq{ background: rgba(0, 0, 0, 0.8); padding: 2px 5px; font-size: 10px; color: #fff; position: absolute; left: 5px; top: 5px; border-radius: 5px;}
.rq-con-text{ flex: 1; padding-left: 15px;}
.rq-con-text-title{ font-size: 14px; color: #000; font-weight: bold; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.rq-con-text-name{ display: flex; align-items: center; padding-top: 5px;}
.rq-con-text-name-hz{ font-size: 14px; color: #000;}

.alfx{ padding: 25px 0px 0;}
.alfx-title{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
.alfx-title-bt{ font-size: 18px; color: #000; font-weight: bold; position: relative;}
.alfx-title-line{ width: 100%; height: 8px; border-radius: 4px; background: linear-gradient(to right, #6cd8bd ,#1bc69d); position: absolute; bottom: 0px; z-index: -1;}
.alfx-title-more a{ display: flex; align-items: center;}
.alfx-title-more-text{ font-size: 14px; color: #333;}
.alfx-title-more-jt{ padding-left: 5px;}
.alfx-title-more-jt img{ width: 5px; height: 9px;}
.alfx-con{ padding-top: 20px;}
.alfx-con > ul{
    /*overflow-x: scroll;*/
    white-space: nowrap; -webkit-overflow-scrolling: touch; padding-top: 20px; padding-left: 8px; padding-bottom: 15px; padding-right: 15px; margin-left: 7px;}
.alfx-con ul::-webkit-scrollbar{ display: none; /*去除横向滚动默认条*/}
.alfx-con ul li{ width: 190px; background: #fff; box-shadow:0px 0px 8px #ececec; border-radius: 8px; padding: 15px; white-space: wrap; display:inline-block; margin-right: 10px; vertical-align: top;}
.alfx-con ul li:last-child{ margin-right: 0;}
.alfx-con-title{ display: flex; align-items: center;}
.alfx-con-title-left{ font-size: 16px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; margin-right: 10px;}
.alfx-con-title-right{ width: 17px; height: 17px; flex-shrink: 0;}
.alfx-con-title-right img{ width: 100%; height: 100%;}
.alfx-con-text{ padding-top: 5px; }
.alfx-con-text-title{ font-size: 14px; line-height: 1.8; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.alfx-con-text-more{ padding-top: 8px;}
.alfx-con-text-more a{ color: #1bd1a5; font-size: 14px;}
.alfx-con-img{ display: flex; padding-top: 10px;}
.alfx-con-img-lb{ width: 50%; margin-right: 10px; border-radius: 8px; border: #ededed 1px solid; height: 90px;}
.alfx-con-img-lb img{ width: 100%; height: 100%; border-radius: 8px; object-fit: cover;}
.alfx-con-img-lb:last-child{ margin-right: 0;}
.alfx-con-btn{ padding-top: 15px;}
.alfx-con-btn a{ background: #1bd1a5; width: 100%; height: 28px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff;}

.gaty{ padding: 10px 0px 0;}
.gaty-con{ padding: 0 15px;}
.gaty-con ul li{ padding-top: 20px;}
.gaty-con ul li a{ display: flex;}
.gaty-con-img{ width: 80px; height: 80px; border-radius: 8px; border: #ededed 1px solid;}
.gaty-con-img img{ width: 100%; height: 100%; display: block; border-radius: 8px; object-fit: cover;}
.gaty-con-text{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 2px 0 2px 15px;}
.gaty-con-text-title{ font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;}
.gaty-con-text-fbt{ font-size: 12px; color: #999;}
.spacging{ height: 10px; background: #f8f8f8; margin-top: 20px;}

.jrtj{ padding: 20px 0px 0;}
.jrtj-con-tj{ font-size: 12px; color: #999;}
.jrtj-con-tj span{ padding: 0 5px;}

.pf{ position: fixed; top: 50%; right: 15px;}
.pf-lb{ width: 41px; height: 41px; margin-top: 15px;}
.pf-lb a{ display: block; position: relative;}
.pf-lbnum{ position: absolute;  width: 16px; height: 16px; border-radius: 50%; background: #ff0000; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; position: absolute; left: 28px; top: -3px;}
.pf-lb img{ width: 100%; height: 100%;}

/* 基础陪伴 */
.search-jc{ flex: 1;}
.jc-banner{ padding: 0 15px 0rem; border-radius: 5px;}
.jc-banner .swiper { width: 100%; height: 150px;}
.jc-banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.jc-banner .swiper-slide img { display: block;  width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.jc-banner .swiper-pagination-bullet{ border-radius:5px; background:#ffffff; opacity:.6; width: 5px; height: 5px;}
.jc-banner .swiper-pagination-bullet-active{ width:5px; background:#ffffff; opacity:1;}
.jc-banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5px;}
.jc-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}

.jc-menu{ margin-top: 10px;}
.jc-menu ul{ display: flex; flex-wrap: wrap;}
.jc-menu ul li{ width: 25%; padding-top: 10px;}
.jc-menu-img{ width: 45px; height: 45px; margin: 0 auto;}
.jc-menu-text{ font-size: 13px; color: #000; text-align: center; padding-top: 10px;}

.jcpb-con{ padding: 30px 15px 0;}
.jcpb-con-title{ display: flex; align-items: center;}
.jcpb-con-title-left{ flex: 1; padding-right: 15px; display: flex;}
.jcpb-con-title-lefts{ padding-right: 15px; display: flex;margin-right: 10px}
.jcpb-con-title-left-lb{ margin-right: 9px;}
.jcpb-con-title-left-lb:last-child{ margin-right: 0;}
.jcpb-title-bt{ font-size: 20px; color: #666; position: relative;}
.jcpb-title-bt .alfx-title-line{ display: none;}
.jcpbactive { font-weight: bold; color: #000;}
.jcpbactive .alfx-title-line{ display: block;}
.jcpb-con-title-sx{ background: #f8f8f8; border-radius: 5px;padding: 5px 8px;}
.jcpb-con-title-sx a{ display: flex; align-items: center; }
.jcpb-con-title-sx-img{ width: 13px; height: 13px;}
.jcpb-con-title-sx-img img{ width: 100%; height: 100%;}
.jcpb-con-title-sx-text{ font-size: 14px; color: #999; padding-left: 5px;}
.jcpb-con-lb-yrlb{ padding: 22px 0 0 0;}
.jcpb-con-lb-yrlb a{ display: flex;}
.jcpb-con-lb-yrlb-img{ width: 100px; height: 120px; border-radius: 8px; border: #ededed 1px solid; flex-shrink: 0;}
.jcpb-con-lb-yrlb-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.jcpb-con-lb-yrlb-text{ flex: 1; padding: 0px 0 0px 10px;}
.jcpb-con-lb-yrlb-text-title{ display: flex; align-items: center;}
.jcpb-con-lb-yrlb-text-title-name{ flex: 1; padding-right: 15px; display: flex;}
.jcpb-con-lb-yrlb-text-title-name-text{ font-size: 16px; font-weight: bold; color: #000;}
.jcpb-con-lb-yrlb-text-title-name-zs{ margin-left: 5px; background: #d4fff4; border-radius: 8px; font-size: 12px; color: #1bd1a5; font-weight: bold; display: flex; align-items: center; padding: 0 5px;}
.jcpb-con-lb-yrlb-text-title-price{ font-size: 14px; color: #ff0000; font-weight: bold;}
.jcpb-con-lb-yrlb-text-title-price span{ font-size: 20px;}
.jcpb-con-lb-yrlb-text-jj{
    font-size: 13px; color: #333; line-height: 1.5; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.jcpb-con-lb-yrlb-text-sc{ font-size: 12px; color: #999; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.jcpb-con-lb-yrlb-text-bq{ display: flex; padding-top: 10px;}
.jcpb-con-lb-yrlb-text-bq-lb{ font-size: 12px; color: #1bd1a5; border: #1bd1a5 1px solid; border-radius: 8px; padding: 1px 5px; margin-right: 5px;}

.jcpb-sx{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1;}
.jcpb-sxcon{ background: #fff; padding: 0 15px; border-radius: 0 0 8px 8px;}
.jcpb-sxcon-title{ display: flex; align-items: center; padding-top: 20px; justify-content: space-between;}
.jcpb-sxcon-title-bt{ font-size: 16px; font-weight: bold;}
.jcpb-sxcon-title-cz a{ font-size: 14px; color: #1bd1a5;}
.jcpb-sxlb{ padding-top: 20px;}
.jcpb-sxlb-title{ font-size: 14px; color: #000; font-weight: bold;}
.jcpb-sxlb-fl ul{ display: flex; flex-wrap: wrap;}
.jcpb-sxlb-fl ul li{ padding: 10px 5px 0 0; }
.jcpb-sxlb-fl ul li a{ background: #f8f8f8; border: #ededed 1px solid; padding: 5px 10px; font-size: 14px; color: #000; border-radius: 8px; display: block;}
.flactive{ background: #d9fff6!important; border: #1bd1a5 1px solid!important; color: #1bd1a5!important;}
.jcpb-sx-btn{ display: flex; justify-content: space-between; padding: 20px 0;}
.jcpb-sx-btn-qx { width: 48%; height: 32px; border-radius: 16px; border: #1bd1a5 1px solid; background: #fff; }
.jcpb-sx-btn-qx a{ width: 100%; height: 100%; display: block;display: flex; align-items: center; justify-content: center; font-size: 14px; color: #1bd1a5; font-weight: bold; border-radius: 16px;}
.jcpb-sx-btn-qd { width: 48%; height: 32px; border-radius: 16px; border: #1bd1a5 1px solid; background: #1bd1a5; }
.jcpb-sx-btn-qd a{ width: 100%; height: 100%; display: block;display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; font-weight: bold; border-radius: 16px;}

/* 我的 */
.mine-top{ padding: 20px 15px; display: flex;}
.mine-top-left{ display: flex; align-items: center; flex: 1; padding-right: 20px;}
.mine-top-left-avatar{ width: 60px; height: 60px; border-radius: 50%; border: #fff 2px solid;}
.mine-top-left-avatar img{ width: 100%; height: 100%; border-radius: 50%;}
.mine-top-left-name{ flex: 1; padding-left: 15px;}
.mine-topo-left-name-text{ font-size: 18px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.mine-top-left-name-fbt{ font-size: 14px; color: #999; padding-top: 3px;}
.mine-top-right{ flex-shrink: 0; padding-top: 10px;}
.mine-zh{ padding: 0 15px 20px; border-bottom: #e4e4e4 1px solid;}
.mine-zh ul{ display: flex;}
.mine-zh ul li{flex: 1;}
.mine-zh ul li a{ display: block;}
.mine-zh-num{ font-size: 24px; font-weight: bold; text-align: center; color: #000;}
.mine-zh-text{ font-size: 14px; color: #666666; text-align: center; }
.mine-gm{ padding: 20px 0;}
.mine-gm ul{ display: flex;}
.mine-gm ul li{ flex: 1; border-right: 1px solid #dbdbdb;}
.mine-gm ul li:last-child{ border-right: none;}
.mine-gm ul li a{ display: flex; align-items: center; justify-content: center;}
.mine-gm-img{ width: 20px; height: 20px;}
.mine-gm-img img{ width: 100%; height: 100%;}
.mine-gm-text{ padding-left: 5px; color: #000; font-weight: bold; font-size: 16px;}
.mine-gm-text span{ font-size: 14px; font-weight: normal;}
.mine-xx{ padding: 0 15px;}
.mine-xxnr{ height: 35px; border-radius: 35px; background: linear-gradient(to right, #1bd1a5 ,#12a481); display: flex; align-items: center; padding: 0 20px; justify-content: space-between;}
.mine-xxnr-left{ font-size: 16px; color: #fff; font-weight: bold;}
.mine-xxnr-right a{ display: flex; align-items: center;}
.mine-xxnr-right-time{ font-size: 14px; color: #fff;}
.mine-xxnr-right-sj{ width: 7px; height: 10px; margin-left: 5px;}
.mine-xxnr-right-sj img{ width: 100%; height: 100%;}
.mine-dd{ padding: 20px 15px;}
.mine-ddcon{ background: #fff; border-radius: 8px; padding: 20px 15px;}
.mine-ddcon-title{ display: flex; align-items: center; justify-content: space-between;}
.mine-ddcon-title-bt{ font-size: 16px; font-weight: bold; color: #000;}
.mine-ddcon-title-more a{ display: flex; align-items: center;}
.mine-ddcon-title-more-title{ font-size: 14px; color: #333;}
.mine-ddcon-title-more-jt{ width: 5px; height: 9px; margin-left: 5px;}
.mine-ddcon-title-more-jt img{ width: 100%; height: 100%;}
.mine-ddcon-nr{ padding-top: 20px;}
.mine-ddcon-nr ul{ display: flex;}
.mine-ddcon-nr ul li{ flex: 1;}
.mine-ddcon-nr-lbimg{ width: 37px; height: 37px; margin: 0 auto;}
.mine-ddcon-nr-lbtext{ font-size: 14px; color: #333; text-align: center; padding-top: 5px;}
.mine-lbmenu{ padding: 0 15px;}
.mine-lbmenucon{ background: #fff; border-radius: 8px; padding: 0 15px;}
.mine-lbmenucon ul li{ border-bottom: #ededed 1px solid; padding: 20px 0;}
.mine-lbmenucon ul li:last-child{ border-bottom: 0;}
.mine-lbmenucon ul li a{ display: flex; align-items: center;}
.mine-lbmenucon-left{ display: flex; align-items: center; flex: 1; padding-right: 20px;}
.mine-lbmenucon-left-img{ width: 17px; height: 17px;}
.mine-lbmenucon-left-img img{ width: 100%; height: 100%;}
.mine-lbmenucon-left-text{ font-size: 14px; padding-left: 5px; padding-top: 1px;}





.index-footer{ background: #fff; border-top: #ededed 1px solid; padding: 5px 0; display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 3;}
.index-footer-lb{ flex: 1;}
.index-footer-lb-img{ width: 25px; height: 25px; margin: 0 auto;}
.index-footer-lb-img img{ width: 100%; height: 100%; display: block;}
.index-footer-lb-text{ font-size: 12px; color: #646464; padding-top: 2px; text-align: center;}
.footeractive{ color: #12e0ba;}
.indexspacing{ height: 72px;}


.search-v{ padding: 15px 15px; background: #fff; position: fixed; left: 0; right: 0; top: 0;}
.search-v-con{ background: #f8f8f8; height: 35px; border-radius: 18px; display: flex; align-items: center;}
.search-v-con-img{ width: 14px; height:14px; margin-left: 12px;}
.search-v-con-img img{ width: 100%; height: 100%; display: block;}
.search-v-con-input{ flex: 1; padding: 0 10px; height: 30px;}
.search-v-con-input input{ width: 100%; height: 100%; background: none; border: none; outline: 0;}
.search-v-con-btn{ width: 60px; height: 30px; border-radius: 15px; background: linear-gradient( to right, #18be8c ,#19ca8b); display: flex; align-items: center; justify-content: center;}
.search-v-con-btn a{font-size: 14px; color: #fff; }
.search-spacing{ height: 65px;}
.video{ display: flex;}
.video-left{ position: fixed; left: 0; bottom: 55px; top: 65px; width: 30%; background: #f8f8f8; overflow-y: scroll; flex-shrink: 0;}
.video-left ul li{ height: 50px; padding: 0 5px; display: flex; align-items: center; justify-content: center;}
.video-left ul li a{ display: block; font-size: 14px; color: #000; text-align: center; width: 90%;}
.videoactive{background: linear-gradient( to right, #18be8c ,#19ca8b); padding: 12px 0; border-radius: 10px; color: #fff!important;}
.video-right{ position: fixed; right: 0; bottom: 55px; top: 65px;width: 70%; overflow-y: scroll; }
.video-right ul{ padding: 0 15px; overflow-y: scroll;}
.video-right ul li{ padding-bottom: 20px;}
.video-right ul li a{ display: flex;}
.video-right-img{ width: 85px; height: 65px; border-radius: 10px;}
.video-right-img img{ width: 100%; height: 100%; display: block; border-radius: 10px;}
.video-right-text{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding-left: 12px;}
.video-right-text-title{ font-size: 13px; color: #000; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.video-right-text-price{ font-size: 14px; color: #ff0000; font-weight: bold;}

/* 我的 */
.avatar{ padding: 20px 15px; display: flex; align-items: center;}
.avatar-img{ width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0;}
.avatar-img img{ width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover;}
.avatar-text{ flex: 1; padding: 0 10px;}
.avatar-text-title{ font-size: 18px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.avatar-text-ph{ font-size: 12px; color: #999; padding-top: 5px;}
.avatar-jt{ width: 5px; height: 9px; flex-shrink: 0;}
.avatar-jt img{ width: 100%; height: 100%; display: block;}
.order{ padding: 0 15px;}
.order-con{ background: #fff; border-radius: 7px; padding: 20px 0px;}
.order-title{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
.order-title-left{ font-size: 16px; color: #000; font-weight: bold;}
.order-title-more{ display: flex; align-items: center;}
.order-title-more-text{ font-size: 12px; color: #999; padding-right: 5px;}
.order-nr{ display: flex; padding: 15px 5px 0;}
.order-nr-lb{ flex: 1;}
.order-nr-lb-img{ width: 38px; height: 38px; margin: 0 auto;}
.order-nr-lb-img img{ width: 100%; height: 100%; display: block;}
.order-nr-lb-text{ font-size: 13px; color: #000; text-align: center; padding-top: 5px;}

.lbmenu{ padding: 20px 15px 0;}
.lbmenu-nr{ background: #fff; border-radius: 7px; padding: 0 15px;}
.lbmenu-lb{ border-bottom: #ededed 1px solid; display: flex; align-items: center; padding: 20px 0;}
.lbmenu-lb:last-child{ border-bottom: none;}
.lbmenu-lb-img{ width: 20px; height: 20px; flex-shrink: 0;}
.lbmenu-lb-img img{ width: 100%; height: 100%; display: block;}
.lbmenu-lb-text{ font-size: 14px; color: #000; flex: 1; padding: 0 7px;}

/* 成长疗愈 */
.czly{ padding: 20px 0 0;}
.czly-con{ padding: 20px 15px 20px;}
.czly-connr{ box-shadow:0px 0px 8px #ececec; padding: 20px 15px; border-radius: 8px;}
.czyl-con-title{ display: flex;}
.czyl-con-title-lb{ padding-right: 20px;}
.czyl-con-title-lb a{ font-size: 16px; color: #666;}
.czyl-con-title-lb:last-child{ padding-right: 0;}
.czyltitlactive{ color: #000!important; font-weight: bold; }
.czyltitlactive span{ display: block; width: 30px; height: 4px; border-radius: 2px; background: #1bd1a5; margin: 5px auto 0;}
.font16{ font-size: 16px;}
.pr0{ padding-right: 0;}
.pb0{ padding-bottom: 0;}
.czyl-lbcon{ display: flex;}
.czyl-lbcon-lb{ width: 50%; margin-right: 15px; margin-top: 20px;}
.czyl-lbcon-lb:last-child{ margin-right: 0;}
.czyl-lbcon-lb-img{ width: 100%; height: 100px; border-radius: 8px;}
.czyl-lbcon-lb-img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 8px;}
.czyl-lbcon-lb-text{ padding-top: 10px;}
.czyl-lbcon-lb-text-title{ font-size: 15px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.czyl-lbcon-lb-text-fbt{ font-size: 13px; color: #999; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.czyl-lbcon-lb-text-price{ display: flex; padding-top: 10px; align-items: center;}
.czyl-lbcon-lb-text-price-num{ font-size: 20px; color: #ff0000; font-weight: bold;}
.czyl-lbcon-lb-text-price-num span{ font-size: 14px;}
.czyl-lbcon-lb-text-price-text{ font-size: 12px; color: #999; text-decoration: line-through; padding-left: 10px;}
.zyzx{ padding: 10px 0px 0px;}
.zyzz-con ul li{ border-bottom: #ededed 1px solid; padding: 20px 0;}
.zyzz-con ul li a{ display: flex;}
.zyzz-con ul li:last-child{ border-bottom: none; padding-bottom: 0;}
.zyzz-conlb-img{ width: 120px; height: 90px; border: #ededed 1px solid; border-radius: 8px;}
.zyzz-conlb-img img{ width: 100%; height: 100%; border-radius: 8px; object-fit: cover;}
.zyzz-conlb-text{ flex: 1; padding-left: 15px; display: flex; justify-content: space-between; flex-direction: column;}
.zyzz-conlb-top-text{ font-size: 16px; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.zyzz-conlb-top-fbt{ font-size: 13px; color: #999; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.zyzz-conlb-text-btm{ display: flex; align-items: center;}
.zyzz-conlb-text-btm-price{ font-size: 20px; color: #ff0000; font-weight: bold;}
.zyzz-conlb-text-btm-price span{ font-size: 14px;}
.zyzz-conlb-text-btm-yj{ font-size: 14px; color: #999; text-decoration: line-through; padding-left: 10px;}

/* 讲师 */
.js-banner{ width: 100%; height: 290px; position: relative; overflow: hidden;}
.js-banner .swiper { width: 100%; height: 290px;}
.js-banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; background: #f8f8f8;}
.js-banner .swiper-slide img { display: block;  width: 100%; object-fit: cover; height: 290px;}
.js-banner .swiper-pagination {
    position: absolute;
    bottom: 50px;
    right: 15px;
    width: auto !important;
    left: auto !important;
    display: inline-block;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px 15px;
    border-radius: 20px; /* 这个值决定了胶囊形状的圆角程度 */
    color: #fff;
    font-size: 12px;
}

.js-banner-gz{ position: absolute; right: 15px; top: 20px; z-index: 1;}
.js-banner-gz a{ font-size: 14px; color: #000000; display: block; padding: 5px 15px;  border: #000000 1px solid; border-radius: 20px;}
.js-ls{ background: #fff; border-radius: 8px; border: #ededed 1px solid; margin: -40px 15px 0; padding: 20px 15px; position: relative; z-index: 1;}
.js-ls-name{ display: flex; align-items: center; justify-content: space-between;}
.js-ls-name-left{ flex: 1; padding-right: 15px; display: flex; align-items: center;}
.js-ls-name-left-text{ font-size: 20px; font-weight: bold; color: #000;}
.js-ls-name-left-zj{ font-size: 12px; color: #fff; font-weight: bold; background: #1bd1a5; border-radius: 20px; padding: 2px 6px; margin-left: 10px;}
.js-ls-name-right a{ display: flex; align-items: center;background: #1bd1a5; border-radius: 20px; padding: 2px 8px;}
.js-ls-name-right-img{ width: 12px; height: 12px;}
.js-ls-name-right-img img{ width: 100%; height: 100%;}
.js-ls-name-right-text{ font-size: 12px; color: #fff; padding-left: 2px;}
.js-ls-sj{ display: flex; padding-top: 10px;}
.js-ls-sjlb{ padding-right: 15px; font-size: 16px; color: #000; font-weight: bold;}
.js-ls-sjlb:last-child{ padding-right: 0;}
.js-ls-sjlb span{ font-size: 14px; color: #999; padding-left: 2px; font-weight: normal;}
.js-ls-zxjy{ padding-top: 20px;}
.js-ls-zxjy-title{ display: flex; align-items: center;}
.js-ls-zxjy-title-left{ display: flex; align-items: center;}
.js-ls-zxjy-title-left-img{ width: 12px; height: 13px;}
.js-ls-zxjy-title-left-img img{ width: 100%; height: 100%;}
.js-ls-zxjy-title-left-text{ font-size: 14px; color: #000; font-weight: bold; padding: 0 5px;}
.js-ls-zxyj-title-right{ flex: 1; height: 1px; background: #f3f3f3; margin-top: 1px;}
.js-ls-zxjy-con{ display: flex;}
.js-ls-zxjy-con-lb{ flex: 1; padding-top: 15px;}
.js-ls-zxjy-con-lb-title{ font-size: 20px; font-weight: bold; color: #000; text-align: center;}
.js-ls-zxjy-con-lb-sm{ font-size: 12px; color: #999; padding-top: 2px; text-align: center;}
.js-ztcon{ padding: 20px 15px 0;}
.ls-js{ padding: 20px 0;}
.ls-jscon{box-shadow:0px 0px 8px #ececec; padding: 0px 15px; border-radius: 8px;}
.ls-jscon ul li{ border-bottom: #ededed 1px solid; padding: 20px 0;}
.ls-jscon ul li:last-child{ border-bottom: none;}
.ls-jscon-title{ font-size: 16px; color: #000; font-weight: bold;}
.ls-jscon-nr{ padding-top: 5px; font-size: 14px; color: #000; line-height: 1.8;}
.ls-jscon-sxjl{ padding-top: 5px;}
.ls-jscon-sxjl-nr{ border-left: #999999 1px dashed; margin-top: 10px; margin-left: 4px;}
.ls-jscon-sxjl-nr-lb{ padding-left: 10px; position: relative; padding-bottom: 20px;}
.ls-jscon-sxjl .ls-jscon-sxjl-nr .ls-jscon-sxjl-nr-lb:last-child { padding-bottom: 0;}
.ls-jscon-sxjl-nr-lb-yuan{ position: absolute; left: -5px; display: flex; align-items: center; width: 19px; height: 19px; background: #fff; }
.ls-jscon-sxjl-nr-lb-yuan span{ display: block; width: 8px; height: 8px; border-radius: 50%; border: #1bd1a5 2px solid; background: #fff;}
.ls-jscon-sxjl-nr-lb-text{ padding-left: 10px;}
.ls-jscon-sxjl-nr-lb-text-time{ font-size: 14px; color: #999;}
.ls-jscon-sxjl-nr-lb-text-title{ padding-top: 5px; font-size: 14px; color: #000; line-height: 1.8;}
.ls-jscon-lszz{ display: flex; flex-wrap: wrap;}
.ls-jscon-lszz-lb{width: 47.5%; margin-right: 15px; padding-top: 10px;}
.ls-jscon-lszz-lb:nth-of-type(even){ margin-right: 0;}
.ls-jscon-lszz-lbimg{ width: 100%; height: 115px; border-radius: 8px; border: #ededed 1px solid; }
.ls-jscon-lszz-lbimg img{ width: 100%; height: 100%; display: block; border-radius: 8px;}
.ls-jscon-lszz-lbtext{ font-size: 14px; color: #000; padding-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ls-jscon-more{ padding-top: 0px;}
.ls-jscon-more a{ font-size: 14px; color: #1bd1a5; font-weight: bold;}
.ls-jscon-dw{ padding: 20px 0;}
.ls-jscon-dw-con{ background: #f8f8f8; border-radius: 8px; display: flex; align-items: center; padding: 10px 20px;}
.ls-jscon-dw-con-img{ width: 12px; height: 15px;}
.ls-jscon-dw-con-img img{ width: 100%; height: 100%;}
.ls-jscon-dw-con-text{ flex: 1; padding: 0 10px; font-size: 14px; color: #000;}
.ls-jscon-dw-con-jt{ width: 5px; height: 9px;}
.ls-jscon-dw-con-jt img{ width: 100%; height: 100%;}
.pj{ box-shadow:0px 0px 8px #ececec; padding: 0px 15px; border-radius: 8px;}
.pj-con-title{ display: flex; align-items: center; padding-top: 20px; justify-content: space-between;}
.pj-con-title-left{ font-size: 16px; color: #000; font-weight: bold;}
.pj-con-title-right a{ display: flex; align-items: center;}
.pj-con-title-right-text{ font-size: 14px; color: #999;}
.pj-con-title-right-jt{ width: 5px; height: 9px; margin-left: 5px;}
.pj-con-title-right-jt img{ width: 100%; height: 100%;}
.pj-con ul li{ border-bottom: #ededed 1px solid; padding: 20px 0;}
.pj-con ul li:last-child{ border-bottom: none;}
.pj-lb-avatar{ display: flex; align-items: center;}
.pj-lb-avatar-img{ width: 35px; height: 35px; border-radius: 50%; border: #ededed 1px solid; flex-shrink: 0;}
.pj-lb-avatar-img img{ width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.pj-lb-avatar-text{ flex: 1;padding-left: 15px;}
.pj-lb-avatar-text-name{ font-size: 15px; color: #000; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pj-lb-avatar-text-time{ display: flex; align-items: center; padding-top: 2px;}
.pj-lb-avatar-text-time-text{ font-size: 12px; color: #999;}
.pj-lb-avatar-text-time-pf{ font-size: 12px; color: #999; padding-left: 10px;}
.pj-lb-avatar-text-time-pf span{ color: #ff0000; padding-left: 5px;}
.pj-lb-text{ font-size: 14px; color: #000; line-height: 1.8; padding-top: 10px;}

.zx-price{ padding: 20px 0;}
.zx-price-rn{box-shadow:0px 0px 8px #ececec; padding: 0px 15px; border-radius: 8px;}
.zx-price-tjcon{ padding-top: 20px;}
.zx-price-tj{ background: url(../images/scyhbg.jpg) no-repeat; background-size: 100% 100%; height: 55px; border-radius: 8px; display: flex; align-items: center; padding-left: 15px; padding-right: 15px; }
.zx-price-tj-left{ flex: 1; padding-right: 10px;}
.zx-price-tj-left-title{ font-size: 14px; color: #80321d; font-weight: bold;}
.zx-price-tj-left-fbt{ font-size: 12px; color: #9c5e50; padding-top: 2px;}
.zx-price-tj-btn{ width: 60px; height: 20px; border-radius: 20px;}
.zx-price-tj-btn a{ display: block; font-size: 13px; color: #fff; border-radius: 20px; background: #ff0000; width: 100%;  height: 100%; display: flex; align-items: center; justify-content: center;}
.zx-price-jtjg .zx-price-jg:last-child{ border-bottom: none;}
.zx-price-jg{ padding-bottom: 20px; border-bottom: #ededed 1px solid; padding-top: 20px;}
.zx-price-jg-title{ display: flex; align-items: center; justify-content: space-between;}
.zx-price-jg-title-bt{ font-size: 16px; color: #000; font-weight: bold;}
.zx-price-jg-title-num{ font-size: 16px; color: #ff0000; font-weight: bold;}
.zx-price-jg-sm{ font-size: 13px; color: #999; line-height: 1.8;}

.kysj{box-shadow:0px 0px 8px #ececec; padding: 0px 15px 20px; border-radius: 8px;}
.kysj-title{ padding-top: 20px; font-size: 16px; color: #000; font-weight: bold;}
.kysj-title span{ font-size: 12px; color: #999; padding-left: 5px;}
.kysj-text{ font-size: 14px; color: #000; line-height: 1.8; padding-top: 10px;}
.kysj-rl{ padding-top: 10px;}
.kysj-rl-date{ background: #1bd1a5; border-radius: 50px; padding: 5px 15px; font-size: 14px; color: #fff; display: inline-block;}
.kysj-rl-week{ padding-top: 15px;}
.kysj-rl-week ul { display: flex;}
.kysj-rl-week ul li{ width: 14.28%; font-size: 14px; text-align: center; color: #000;}
.kysj-rl-tian{ padding-top: 10px;}
.kysj-rl-tian ul{ display: flex; flex-wrap: wrap;}
.kysj-rl-tian ul li{ width: 14.28%; padding-top: 6px;}
.kysj-rl-tian ul li a{ display: flex; height: 50px; background: #ededed; border-radius: 5px; align-items: center; justify-content: center; text-align: center; margin: 0 3px;}
.kysj-rl-tian-num{ font-size: 16px; color: #000; font-weight: bold;}
.kysj-rl-tian-sy{ font-size: 13px; color: #000;}
.kysj-today{ background: #e0fff8!important;}
.kysj-today .kysj-rl-tian-num{ color: #1bd1a5;}
.kysj-today .kysj-rl-tian-sy{ color: #1bd1a5;}
.kysj-xz{ background: #e0fff8!important;}
.kysj-xz .kysj-rl-tian-num{ color: #1bd1a5;}
.kysj-xz .kysj-rl-tian-sy{ color: #1bd1a5;}
.kysj-ym{ background: #f8f8f8!important;}
.kysj-ym .kysj-rl-tian-num{ color: #999999;}
.kysj-ym .kysj-rl-tian-sy{ color: #999999;}

.tbyd{ padding: 20px 0;}
.tbyd-con{box-shadow:0px 0px 8px #ececec; padding: 0px 15px 20px; border-radius: 8px;}
.tbyd-con-nr{ font-size: 14px; line-height: 1.8; padding-top: 10px;}
.tbyd-con-tb ul{ display: flex; flex-wrap: wrap;}
.tbyd-con-tb ul li{ background: #f8f8f8; margin-right: 10px; width: 42%; height: 30px; border-radius: 8px; display: flex; align-items: center; padding: 0 10px; margin-top: 10px;}
.tbyd-con-tb ul li:nth-of-type(even){ margin-right: 0;}
.tbyd-con-tb-img{ width: 17px; height: 17px;}
.tbyd-con-tb-img img{ width: 100%; height: 100%;}
.tbyd-con-tb-text{ flex: 1; padding-left: 5px; font-size: 12px; color: #000;}

.js-footer{ position: fixed; bottom: 0; left: 0; right: 0;}
.js-footer-yh{ background: url(../images/scyhbg1.jpg) no-repeat; background-size: 100% 100%; height: 30px; padding: 0 15px; display: flex; align-items: center;}
.js-footer-yhimg{ width: 70px; height: 14px;}
.js-footer-yhimg img{ width: 100%; height: 100%;}
.js-footer-yhtext{ flex: 1; padding-left: 10px; font-size: 14px; color: #fff;}
.js-footer-btn{ display: flex; background: #fff; padding: 20px 15px;}
.js-footer-btn-lb{  height: 45px; border-radius: 50px; background: #fff; border: #1bd1a5 1px solid; display: flex; align-items: center; justify-content: center; flex: 1; margin-right: 20px;}
.js-footer-btn-lb a{ font-size: 16px; font-weight: bold; color: #1bd1a5;}

.js-footer-btn-lb1{  height: 45px; border-radius: 50px; background: linear-gradient(#68d7bc, #20c79f); border: #1bd1a5 1px solid; display: flex; align-items: center; justify-content: center; flex: 1;}
.js-footer-btn-lb1 a{ font-size: 16px; font-weight: bold; color: #fff;}
.jsfooter-spacing{ height: 120px;}

/* 销售工作台 */
.xsheader{ background: url(../images/xstgztbg.jpg) no-repeat center top;background-size: 100% auto; padding: 20px 15px 60px;}
.cjwt{ display: flex; align-items: center; justify-content: flex-end;}
.cjwt-img{ width: 13px; height: 13px;}
.cjwt-img img{ width: 100%; height: 100%; display: block;}
.cjwt-text a{ font-size: 12px; color: #fff; padding-left: 5px;}
.xs-avatar{ display: flex; align-items: center; padding-top: 5px;}
.xs-avatar-img{ width: 50px; height: 50px; border-radius: 50%; border: #fff 2px solid;}
.xs-avatar-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 50%;}
.xs-avatar-text{ flex: 1; padding-left: 15px;}
.xs-avatar-text-title{ display: flex; align-items: center;}
.xs-avatar-text-title-bt{ font-size: 16px; color: #fff; font-weight: bold; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.xs-avatar-text-title-dj{ display: flex; flex-shrink: 0; background: #fff; padding: 3px 3px; border-radius: 50px; margin-left: 10px;}
.xs-avatar-text-title-djimg{ width: 16px; height: 16px;}
.xs-avatar-text-title-djimg img{ width: 100%; height: 100%; display: block;}
.xs-avatar-text-title-djtext{ font-size: 12px; color: #1bd1a5; padding-left: 3px; padding-right: 5px;}
.xs-avatar-text-fbt{ border: #fff 1px solid; padding: 2px 5px; font-size: 12px; color: #fff; margin-top: 5px; display: inline-block; border-radius: 50px;}
.xs-sy{ position: relative; margin-top: -40px; padding: 0 10px;}
.xs-sycon{ background: #fff; border-radius: 7px; padding: 15px 10px 7px 10px;}
.xs-sycon ul{ display: flex; flex-wrap: wrap;}
.xs-sycon ul li{ margin-right: 2%; width: 49%; margin-bottom: 7px;  height: 65px; border-radius: 7px;display: flex; align-items: center;}
.xs-sycon ul li a{display: flex; align-items: center; flex: 1;}
.xs-sycon ul li:nth-child(even){ margin-right: 0;}
.xs-sycon-lb-left{ flex: 1; padding-left: 13px;}
.xs-sycon-lb-left-title{ font-size: 12px;}
.xs-sycon-lb-left-num{ font-size: 20px; font-weight: bold;}
.xs-sycon-lb-jt{ width: 5px; height: 8px; margin-right: 13px;}
.xs-sycon-lb-jt img{ width: 100%; height: 100%; display: block;}
.lvse{ background: #eff9f7;}
.lvsetext{ color: #14b890;}
.lanse{ background: #f2f6fe;}
.lansetext{ color: #4866f5;}
.hongse{ background: #fdf4f4;}
.hongsetext{ color: #ff0000;}
.chengse{ background: #fcf4f0;}
.chengsetext{ color: #f45f15;}
.xs-tj{ padding: 15px 10px 20px;}
.xs-tjcon{ background: #fff; border-radius: 7px; padding: 20px 10px;}
.xs-tj-search{ border-radius: 50px; border: #1bd1a5 1px solid; display: flex; align-items: center; padding-left: 15px; height: 35px;}
.xs-tj-search-fdj{ width: 14px; height: 14px; flex-shrink: 0;}
.xs-tj-search-fdj img{ width: 100%; height: 100%; display: block;}
.xs-tj-search-input{ flex: 1; padding-left: 6px; padding-right: 10px;}
.xs-tj-search-input input{ width: 100%; font-size: 14px;}
.xs-tj-search-btn{ width: 70px; height: 35px; border-radius: 20px; background: #1bd1a5; display: flex; align-items: center; justify-content: center;}
.xs-tj-search-btn a{ font-size: 14px; color: #fff;}
.xs-kc{ padding-top: 20px;}
.xs-kcnr ul li{ background: #f7f7f7; border-radius: 7px; padding: 10px; margin-top: 15px;}
.xs-kcnr ul li a{ display: flex;}
.xs-kcnr-img{ width: 90px; height: 70px; border-radius: 7px; flex-shrink: 0;}
.xs-kcnr-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 7px;}
.xs-kcnr-text{ flex: 1; padding-left: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.xs-kcnr-text-title{ font-size: 14px; color: #000; font-weight: bold; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.xs-kcnr-text-price{ display: flex; align-items: center; justify-content: space-between;}
.xs-kcnr-text-price-left{ font-size: 14px; color: #ff0000; font-weight: bold;}
.xs-kcnr-text-price-right{ background: #1bd1a5; padding: 1px 5px; border-radius: 7px; font-size: 14px; color: #fff; font-weight: bold;}
.xs-kcnr-text-price-right span{ font-weight: normal; font-size: 12px;}

/* 咨询师工作台 */
.zfx-header{ background: url(../images/zxsgztbg.jpg) no-repeat center top;background-size: 100% auto; padding: 20px 10px 0px;}
.zfx-yw a{display: flex; align-items: center; justify-content: flex-end;}
.zfx-ywimg{ width: 13px; height: 13px;}
.zfx-ywimg img{ width: 100%; height: 100%; display: block;}
.zfx-ywtxt{ font-size: 12px; color: #1bd1a5; padding-left: 5px;}
.zfx-avatar{ display: flex; align-items: center;}
.zfx-avatar-img{ width: 50px; height: 50px; border-radius: 50%; border: #fff 2px solid;}
.zfx-avatar-img img{ width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover;}
.zfx-avatar-text{ flex: 1; padding-left: 6px;}
.zfx-avatr-text-title{ font-size: 16px; color: #000; font-weight: bold; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.zfx-avatar-text-zc{ display: flex; padding-top: 5px; align-items: center;}
.pl0{ padding-left: 0;}
.ml0{ margin-left: 0;}
.zfx-avatar-text-gzrs{ padding-left: 10px;}
.zfx-avatar-text-gzrs a{ display: flex; align-items: center;}
.zfx-avatar-text-gzrsimg{ width: 12px; height: 12px;}
.zfx-avatar-text-gzrsimg img{ width: 100%; height: 100%; display: block;}
.zfx-avatar-text-gzrstext{ font-size: 12px; color: #000; padding-left: 2px;}
.zfx-avatar-grzy a{ display: flex; align-items: center;}
.zfx-avatar-grzytext{ font-size: 12px; color: #999;}
.zfx-avatar-grzy-jt{ width: 5px; height: 9px; margin-left: 3px;}
.zfx-avatar-grzy-jt img{ width: 100%; height: 100%; display: block;}
.zfx-sy{ padding: 15px 0px;}
.zfs-sycon{ background: #fff; border-radius: 7px; padding: 10px;}
.zfs-sycon ul{ display: flex;}
.zfs-sycon ul li{flex: 1; margin-right: 7px; height: 60px; background: #f7f7f7; border-radius: 7px; display: flex; align-items: center;}
.zfs-sycon ul li:last-child{ margin-right: 0;}
.zfs-sycon-title{ font-size: 11px; color: #666; padding-left: 7px;}
.zfs-sycon-num{ display: flex; align-items: center; padding-left: 7px; padding-top: 3px;}
.zfs-sycon-num-text{ font-size: 16px; color: #000; font-weight: bold;}
.zfs-sycon-num-jt{ width: 5px; height: 9px; margin-left: 5px;}
.zfs-sycon-num-jt img{ width: 100%; height: 100%; display: block;}
.zfs-ddcon{ background: #fff; border-radius: 7px; padding: 15px 10px;}
/*.zfs-dd{ padding: 0 10px 15px 10px;}*/
.zfs-ddlbcon{ background: #fff; border-radius: 7px; padding: 5px 0px 0px;}
.zfs-ddlbcon ul li{ background: #f7f7f7; border-radius: 7px; padding: 15px 0px; position: relative; margin-top: 10px; }
.zfs-ddlbcon-id{ display: flex; align-items: center; padding: 0 10px; justify-content: space-between;}
.zfs-ddlbcon-idnum{ font-size: 14px; color: #000;}
.zfs-ddlbcon-idzt{ font-size: 14px; color: #000;}
.zfs-ddlbcon-user{ background: #fff; border-radius: 7px; padding: 1px 10px; margin: 0 10px; margin-top: 10px;}
.zfs-ddlbcon-user-tx{ border-bottom:#ededed 1px solid; padding: 15px 0; display: flex; align-items: center;}
.zfs-ddlbcon-user-tximg{ width: 35px; height: 35px; border-radius: 50%; border: #ededed 1px solid;}
.zfs-ddlbcon-user-tximg img{ border-radius: 50%; object-fit: cover; width: 100%; height: 100%; object-fit: cover;}
.zfs-ddlbcon-user-txtext-top{ display: flex;}
.zfs-ddlbcon-user-txtext{ flex: 1; padding-left: 10px;}
.zfs-ddlbcon-user-txtext-name{ font-size: 14px; color: #000; font-weight: bold; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.zfs-ddlbcon-user-txtext-lt{ padding-left: 5px; flex-shrink: 0;}
.zfs-ddlbcon-user-txtext-lt a{ display: inline-flex; align-items: center; background: #1bd1a5; padding: 1px 5px; border-radius: 30px;}
.zfs-ddlbcon-user-txtext-ltimg{ width: 11px; height: 11px;}
.zfs-ddlbcon-user-txtext-ltimg img{ width: 100%; height: 100%; display: block;}
.zfs-ddlbcon-user-txtext-ltwenzi{ font-size: 12px; color: #fff; padding-left: 5px;}
.zfs-ddlbcon-user-txtext-btm{ font-size: 12px; color: #999;}
.zfs-ddlbcon-infor{ display: flex; align-items: center; padding: 5px 0;}
.zfs-ddlbcon-infor-left{ flex: 1; padding-right: 10px;}
.zfs-ddlbcon-infor-left-yytime{ font-size: 13px; color: #000;}
.zfs-ddlbcon-infor-left-xx{ padding-top: 5px;}
.zfs-ddlbcon-infor-left-xx a{ display: flex; align-items: center; font-size: 12px; color: #1bd1a5;}
.zfs-ddlbcon-infor-left-xx-right{ width: 5px; height: 8px; margin-left: 3px;}
.zfs-ddlbcon-infor-left-xx-right img{ width: 100%; height: 100%; display: block;}
.zfs-ddlbcon-infor-right a{ display: block;}
.zfs-ddlbcon-infor-rightimg{ width: 40px; height: 40px; margin: 0 auto;}
.zfs-ddlbcon-infor-rightimg img{ width: 100%; height: 100%; display: block;}
.zfs-ddlbcon-infor-righttext{ font-size: 12px; color: #1bd1a5; text-align: center; padding-top: 2px;}
.jiaobiao{ position: absolute; left: 0; top: 0;}
.jiaobiao img{ width: 30px; height: 30px; display: block;}
/* 服务状态颜色 */
.dfwtext{ color: #fd9020;}
.fwztext{ color: #ff0000;}
.ywctext{ color: #1bd1a5;}
.yqxtext{ color: #999999;}

/* 立即预约 */
.ljyy{ position: fixed; left: 0; right:0 ; bottom: 0; border-radius: 7px 7px 0 0; background:#f7f7f7 url(../images/ljyybg.png) no-repeat top center; padding: 15px 10px;max-height: 450px; overflow-y: scroll;}
.ljyy-infor{ background: #fff; border-radius: 7px; padding: 15px 10px;}
.ljyy-infor-top{ border-bottom: #ededed 1px solid; padding-bottom: 15px; display: flex; align-items: center;}
.ljyy-infor-top-avatar{ width: 70px; height: 70px; border-radius: 7px; border: #ededed 1px solid; flex-shrink: 0;}
.ljyy-infor-top-avatar img{ width: 100%; height: 100%; object-fit: cover; border-radius: 7px;}
.ljyy-infor-top-text{ flex: 1; padding-left: 15px;}
.ljyy-infor-top-text-title{ font-size: 16px; color: #000; font-weight: bold;}
.ljyy-infor-top-text-bg{ display: flex; align-items: center; padding-top: 3px;}
.ljyy-infor-top-text-bg-img{ width: 11px; height: 12px;}
.ljyy-infor-top-text-bg-img img{ width: 100%; height: 100%; display: block;}
.ljyy-infor-top-text-bg-wz{ padding-left: 5px; font-size: 12px; color: #999;}
.ljyy-infor-top-price{ padding-top: 0px; color: #ff0000; font-size: 12px;}
.ljyy-infor-top-price span{ font-size: 16px; font-weight: bold;}
.ljyy-infor-btn{ display: flex; padding-top: 15px; align-items: center;}
.ljyy-infor-btn-title{ font-size: 14px; color: #000; flex-shrink: 0;}
.ljyy-infor-btn-input{ font-size: 14px; color: #999; text-align: right; flex: 1; display: flex; align-items: center; justify-content: flex-end;}
.ljyy-infor-btn-input-text{ font-size: 14px; color: #999;}
.ljyy-infor-btn-input-jt{ width: 5px; height: 9px; margin-left: 5px;}
.ljyy-infor-btn-input-jt img{ width: 100%; height: 100%; display: block;}
.ljyy-yhq{ background: #fff; border-radius: 7px; padding: 15px 10px; margin-top: 15px;}
.ljyy-yhq-con{ display: flex; align-items: center;}
.ljyy-xy{ display: flex; padding-top: 20px;}
.xxcj-xb{ display: flex; justify-content: flex-end;}
.xxcj-xb div{ font-size: 16px; color: #c8c7cd;}
.icheck-primary{ padding-left: 0;}
.ljyy-xy-dxk-xytext{ font-size: 14px; color: #999; line-height: 1.8;}
.ljyy-xy-dxk-xytext a{ color: #1bd1a5;}
.jcpb-sx-btn-qd1 { width: 100%; height: 32px; border-radius: 16px; border: #1bd1a5 1px solid; background: #1bd1a5; margin-top: 20px; }
.jcpb-sx-btn-qd1 a{ width: 100%; height: 100%; display: block;display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; font-weight: bold; border-radius: 16px;}

/* 选择时间段 */
.xzsjd{ position: fixed; left: 0; right:0 ; bottom: 0; border-radius: 7px 7px 0 0; padding: 15px 10px;max-height: 450px; overflow-y: scroll; background-color: #fff;}
.close{ width: 22px; height: 22px; position: absolute; right: -3px; top: -5px;}
.close img{ width: 100%; height: 100%; display: block;}
.xzsjd-text{ font-size: 16px; color: #000; font-weight: bold; text-align: center; position: relative;}
.xzsjd-text span{ color: #999;}
.xzsjd-title{ display: flex; align-items: center; padding-top: 15px;}
.xzsjd-title-left{ font-size: 14px; color: #000;}
.xzsjd-title-right{ font-size: 14px; color: #999; flex: 1; text-align: right;}
.xzsjd-time{ padding: 15px 0;}
.xzsjd-time-lb{ padding-top: 20px; display: flex;}
.xzsjd-titme-lb-bt{ width: 45px; height: 45px; border-radius: 7px; background: #f4f4f4; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.xzsjd-titme-lb-bt-date{ font-size: 12px; color: #000; text-align: center;}
.xzsjd-titme-lb-bt-num{font-size: 12px; color: #000; text-align: center; padding-top: 2px;}
.xzsjd-time-lb-nr{ flex: 1; margin-left: 20px; min-width: 0;}
.xzsjd-time-lb-nr ul{ overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; display: flex; }
.xzsjd-time-lb-nr ul li{ margin-right: 8px; flex-wrap: nowrap; }
.xzsjd-time-sj{ width: 45px; height: 45px; border-radius: 7px; background: #f4f4f4; display: flex; align-items: center; justify-content: center; line-height: 0.9;}
.xzsjd-titme-lb-bt-line{ font-size: 12px; text-align: center;}
.xzsjd-titme-lb-bt-date1{ font-size: 12px; color: #000; text-align: center;}
.xzsjd-titme-lb-bt-num1{font-size: 12px; color: #000; text-align: center; padding-top: 0px;}
.xzsjd-time-sj1{ width: 45px; height: 45px; border-radius: 7px; background: #fff; display: flex; align-items: center; justify-content: center; line-height: 0.9; border: #ededed 1px solid;}

.today{ border: #1bd1a5 1px solid;}
.today .xzsjd-titme-lb-bt-date{ color: #1bd1a5!important;}
.today .xzsjd-titme-lb-bt-num{ color: #1bd1a5!important;}
.yueman{ font-size: 14px; color: #999!important;}
.yueman .xzsjd-time-sj1{ color: #999!important; background: #f4f4f4;}
.xuanzhong a .xzsjd-time-sj1{ background: #1bd1a5; color: #fff;}
.xuanzhong a .xzsjd-time-sj1 .xzsjd-titme-lb-bt-date1{ color: #fff;}
.xuanzhong a .xzsjd-time-sj1 .xzsjd-titme-lb-bt-num1{ color: #fff;}

/* 新页面，商家列表 */
.sj-search{ padding: 20px 15px; display: flex; align-items: center;}
.sj-search-left{ background: #f8f8f8; height: 40px; border-radius: 20px; display: flex; flex: 1;}
.sj-search-left-adr{ display: flex; align-items: center; padding: 0 15px; flex-shrink: 0;}
.sj-search-left-adr-text{font-size: 14px; color: #000; flex-shrink: 0;}
.sj-search-left-adr-jt{ width: 9px; height: 7px; margin-left: 10px; flex-shrink: 0;}
.sj-search-left-adr-jt img{ width: 100%; height: 100%; display: block;}
.sj-search-left-adr-line{ width: 1px; height: 16px; background: #e0e8e9; margin-left: 15px;}
.sj-search-left-sh{ display: flex; align-items: center; flex: 1;}
.sj-search-left-sh-fdj{ width: 14px; height: 14px; flex-shrink: 0;}
.sj-search-left-sh-fdj img{ width: 100%; height: 100%; display: block;}
.sj-search-left-sh-input{ flex: 1; padding: 0 10px;}
.sj-search-left-sh-input input{ background: none; border: none; font-size: 14px; width: 100%;}
.sj-search-left-sh-btn{ width: 50px; height: 30px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: #1bd1a5; margin-right: 5px;}
.sj-search-right{ flex-shrink: 0; position: relative; padding-left: 15px;}
.sj-search-right-img{ width: 17px; height: 18px; margin: 0 auto;}
.sj-search-right-img img{ width: 100%; height: 100%; display: block;}
.sj-search-right-text{ font-size: 11px; color: #1bd1a5; text-align: center; padding-top: 2px;}
.sj-search-right-hd{ width: 5px; height: 5px; border-radius: 3px; background: #ff0000; position: absolute; top: -3px; right: 8px;}

.sj-banner{ padding: 0 15px;}
.sj-banner .swiper-container { width: 100%; height: 115px; border-radius: 7px;}
.sj-banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.sj-banner .swiper-slide img { display: block;  width: 100%; height: 100%; object-fit: cover; border-radius: 7px;}
.sj-banner .swiper-pagination-bullet{ border-radius:5px; background:#ffffff; opacity:1; width: 5px; height: 5px;}
.sj-banner .swiper-pagination-bullet-active{ width:5px; background:#1bd1a5; opacity:1;}
.sj-banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5px;}
.sj-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}

.sj-con{ padding: 20px 15px;}
.sj-con-lb{ background: #fff; box-shadow:0px 0px 8px #ececec; border-radius: 8px; padding: 15px 15px; display: flex; margin-top: 15px;}
.sj-con-lb:first-child{ margin-top: 0;}
.sj-con-lb-img{ width: 100px; height: 90px; border-radius: 7px; border: #fefefe 1px solid; flex-shrink: 0;}
.sj-con-lb-img img{ width: 100%; height: 100%; display: block; border-radius: 7px; object-fit: cover;}
.sj-con-lb-text{ flex: 1; padding-left: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.sj-con-lb-text-title{ font-size: 18px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sj-con-lb-text-jj{ font-size: 12px; color: #999; line-height: 1.5;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 3px;}
.sj-con-lb-adr{ display: flex; align-items: center;}
.sj-con-lb-adr-img{ width: 10px; height: 12px; flex-shrink: 0;}
.sj-con-lb-adr-img img{ width: 100%; height: 100%; display: block;}
.sj-con-lb-adr-text{ flex: 1; padding-left: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 12px; color: #000;}

/* 新页面，商家详情 */
.sjxx-con{ background: linear-gradient(#f0f6f4,#e2f4ee); padding: 10px 15px 30px; text-align: center;}
.sjxx-con-img{ width: 70px; height: 70px; border-radius: 50%; border: #18c69c 2px solid; margin: 0 auto;}
.sjxx-con-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 50%;}
.sjxx-con-text{ font-size: 16px; color: #000; font-weight: bold; text-align: center; padding-top: 8px;}
.sjxx-con-bq{ background: #18c69c; border-radius: 50px; padding: 5px 15px; margin: 0 auto 10px; font-size: 14px; color: #fff; font-weight: bold; display: inline-block; }
.sjxx-con-xqjj{ background: #fff; border-radius: 7px; padding: 20px 15px; font-size: 14px; color: #000; line-height: 1.8; text-align: left;}
.sjxx-con-xqjj a{ color: #18c69c!important;}
.sjxx-cp{ background: #fff; border-radius: 10px 10px 0 0; margin-top: -20px; position: relative; padding: 20px 15px;}
.sjxx-cp-title{ display: flex; padding-bottom: 5px;}
.sjxx-cp-title-lb{ margin-right: 20px; color: #666;}
.sjxx-cp-title-lb:last-child{ margin-right: 0; font-size: 16px;}
.cptitleactive{ font-weight: bold; color: #000;}
.cptitleactive span{ display: block; margin: 7px auto 0; background: #18c69c; width: 80%; height: 4px; border-radius: 2px;}
.sjxx-cp-nr-lb{background: #fff; box-shadow:0px 0px 8px #ececec; border-radius: 8px; padding: 15px 15px; display: flex; margin-top: 15px;}
.sjxx-cp-nr-lb-price{ font-size: 20px; color: #ff0000; font-weight: bold;}
.sjxx-cp-nr-lb-price span{ font-size: 14px;}