:root {
    --primary: #3262fd;
    --fontColor: #7582a8;
}

.wrap {
    min-height: 100%;
    background: url(../../yin/img/bg2.png?v1) repeat-x center 0 #f5f5f5;
    /* background: linear-gradient(to bottom, #3263fc, transparent); */
    background: #f5f5f5;
    font-size: .12rem;
}

.wrap .timeDown {
    display: flex;
    align-items: center;
    font-size: .11rem;
    justify-content: space-between;
    padding: .15rem .15rem 0;
    line-height: 1;
    position: relative;
}

.wrap .timeDown .icon {
    width: .24rem;
    margin-right: .05rem;
}

.wrap .timeDown .icon img {
    display: block;
    width: 100%;
}

.wrap .timeDown .text {
    font-size: .1rem;
    line-height: 1.1;
    /* flex: 1; */
}

.wrap .timeDown .btn {
    background: linear-gradient(to top, #fb5a3e, #fb9765);
    color: #fff;
    height: .23rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .05rem;
    padding: 0 .07rem;
    font-size: .1rem;
    box-shadow: 2px 2px 10px rgb(255 90 38 / 30%);
}

.wrap .timeDown .btnImg {
    width: .3rem;
    position: absolute;
    top: .32rem;
    right: 0.05rem;
    z-index: 9;
    animation: hand 2s infinite ease-in-out;
}

@keyframes hand {
    0% {
        transform: scale(1) translate(0, -5px);
    }

    50% {
        transform: scale(1) translate(0, 3px);
    }

    100% {
        transform: scale(1) translate(0, -5px);
    }
}

.wrap .timeDown .btnImg img {
    display: block;
    width: 100%;
}

.wrap .timeDown .time {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .05rem;
    box-sizing: border-box;
    flex: 1;
}

.wrap .timeDown .time .tig {
    background: linear-gradient(to top, #fb5a3e, #fb9765);
    color: #fff;
    /* flex: 1; */
    text-align: center;
    border-radius: .04rem;
    font-weight: 700;
    font-size: .15rem;
    display: flex;
    width: .19rem;
    height: .23rem;
    align-items: center;
    justify-content: center;
    margin: 0 .02rem;
    box-shadow: 2px 2px 10px rgb(255 90 38 / 30%);
}

.wrap .timeDown .time .t {
    margin: 0 .03rem;
}

.wrap .box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap .box .boxWrap {
    background: #fff;
    padding: .15rem;
    box-sizing: border-box;
    border-radius: .15rem;
    width: 80%;
    position: relative;
}

.wrap .box .boxWrap .boxTop {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    margin-bottom: .15rem;
    display: none;
}

.wrap .box .boxWrap .boxTop p {}

.wrap .box .boxWrap .boxCenter {
    max-height: 5.3rem;
    overflow-y: scroll;
    /* margin-top: 0.15rem; */
    padding-right: .15rem;
}

.wrap .box .boxWrap .boxCenter::-webkit-scrollbar-thumb:hover {
    background-color: red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrap .box .boxWrap .boxCenter::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}

.wrap .box .boxWrap .boxCenter::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrap .box .boxWrap .boxBottom {
    margin-top: .15rem;
    padding-top: .1rem;
    /* border-top: 1px solid #eee; */
    display: none;
}

.wrap .box .boxWrap .boxBottom .btn {
    background: #fa4f25;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .4rem;
    border-radius: 1.15rem;
}

.wrap .box .boxWrap .close {
    position: absolute;
    top: -0.1rem;
    right: -0.1rem;
    width: .3rem;
    height: .3rem;
    background: #d91f1f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 1rem;
    border: 3px solid #fff;
}

.wrap .box .boxWrap .close span {}

.wrap .box .ads {}

.wrap .box .ads img {
    display: block;
    width: 100%;
}

.nodata {
    display: none;
}

.nodata .nodataWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5rem .15rem;
}

.nodata .nodataWrap .img {}

.nodata .nodataWrap .img img {}

.nodata .nodataWrap .txt {
    color: #999;
}

.wrap .maintenance {
    padding: 0 .15rem .15rem;
    /* display: none; */
}

.wrap .maintenance .maintenanceWrap {}

.wrap .maintenance .maintenanceWrap .t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.wrap .maintenance .maintenanceWrap .t p {}

.wrap .maintenance .maintenanceWrap .t a em {
    font-style: normal;
    line-height: 1;
}

.wrap .maintenance .maintenanceWrap .t a span {
    color: #fff;
    font-size: .11r;
}

.wrap .maintenance .maintenanceWrap .t a {
    /* padding: .05rem; */
    line-height: 1;
    font-size: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .2rem;
    background: #ccc;
    border-radius: 1rem;
    padding: 0 .03rem 0 .08rem;
    color: #fff;
}

.wrap .maintenance .maintenanceWrap .title {
    font-size: .14rem;
    font-weight: 700;
    /* margin-bottom: .1rem; */
    line-height: 1;
    color: var(--primary);
    transition: all ease .3s;
}

.wrap .maintenance .maintenanceWrap ul {
    display: flex;
    justify-content: space-between;
}

.wrap .maintenance .maintenanceWrap ul li {
    flex: 1;
}

.wrap .maintenance .maintenanceWrap ul li:first-child {
    margin-right: .1rem;
    /* flex: 1; */
}

.wrap .maintenance .maintenanceWrap ul li a {
    display: flex;
    background: #fff;
    padding: 0.1rem;
    border-radius: .1rem;
    color: #111;
    /* flex-direction: column; */
    /* flex-flow: column-reverse; */
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.wrap .maintenance .maintenanceWrap ul li a .l {
    flex: 1;
    margin-right: .1rem;
}

.wrap .maintenance .maintenanceWrap ul li a .l .subTitle {
    font-size: .12rem;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.wrap .maintenance .maintenanceWrap ul li a .l .info {
    display: none;
    color: #999;
    margin-top: .1rem;
}

.wrap .maintenance .maintenanceWrap ul li a .r {
    width: .3rem;
    height: .3rem;
    /* border-radius: .1rem; */
    overflow: hidden;
}

.wrap .maintenance .maintenanceWrap ul li a .r img {
    display: block;
    width: 100%;
}

.wrap .swiper-pagination-bullet-active {
    background: var(--primary);
}

.wrap .search {
    /* margin-bottom: .15rem; */
    padding: 0.15rem 0.15rem 0;
}

.wrap .search .searchWrap {}

.wrap .search .searchWrap a {
    display: flex;
    width: 100%;
    height: .35rem;
    align-items: center;
    text-indent: .4rem;
    border-radius: 1rem;
    color: #ccc;
    box-shadow: 0 0 5px rgb(0 0 0 / 5%);
    background: url(../../otherservice/img/icon-search.png) no-repeat #fff .1rem;
}

.wrap .header {
    position: relative;
    height: .45rem;
}

.wrap .header .headerWrap {
    display: flex;
    /* padding: 0 0.15rem 0; */
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    height: .45rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgb(255, 255, 255, 80%);
    transition: all ease 1s;
    backdrop-filter: blur(2px);
    z-index: 11;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* ::-webkit-scrollbar {
  display: none;
} */
.wrap .header .headerWrap .topNav {
    display: flex;
    width: 7.5rem;
    height: 100%;
}

.wrap .header .headerWrap .l {
    overflow-x: scroll;
    width: 100%;
    height: 100%;
    scrollbar-width: none;
    flex: 1;
    transition: all .3s ease;
}

.wrap .header .headerWrap .l::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.wrap .header .headerWrap .more span {
    font-size: .2rem;
    color: var(--primary);
}

.wrap .header .headerWrap .more {
    width: 0.5rem;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ddd;
    background: #fff;
}

.wrap .header .headerWrap .topNav li {
    /* width: 1.2rem; */
    display: flex;
    align-items: center;
    text-align: center;
    padding: 0 .15rem;
    color: var(--fontColor);
    transition: all ease .3s;
    font-size: .12rem;
}

.wrap .header .headerWrap .topNav li.active {
    /* border-bottom: 3px solid var(--primary); */
    color: #fff;
    font-size: .14rem;
    font-weight: 700;
    background: var(--primary);
}

.wrap .slide {
    padding: .15rem;
}

.wrap .slide .slideWrap {
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    overflow: hidden;
}

.wrap .slide a {
    display: block;
    border-radius: .1rem;
    overflow: hidden;
}

.wrap .slide a img {
    display: block;
    width: 100%;
}

.wrap .railimg {
    padding: 0 .15rem .15rem;
    border-radius: .1rem;
    overflow: hidden;

}

.wrap .railimg img {
    border-radius: .1rem;
}

.wrap .allNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4px);
    display: none;
}

.wrap .allNav .allNavWrap {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding-bottom: .15rem;
}

.wrap .allNav .allNavWrap .top {
    height: .45rem;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap .allNav .allNavWrap .top .l {
    margin-left: .15rem;
    font-size: .14rem;
    color: #111;
    font-weight: 700;
}

.wrap .allNav .allNavWrap .top .r {
    width: 0.5rem;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ddd;
}

.wrap .allNav .allNavWrap .top .r span {
    font-size: .2rem;
    color: var(--primary);
}

.wrap .allNav .allNavWrap .allNavList {
    padding: .15rem 0;
    height: 3rem;
    overflow-y: scroll;
    margin-right: .15rem;
    margin-top: .15rem;
}

.wrap .allNav .allNavWrap .allNavList::-webkit-scrollbar-thumb:hover {
    background-color: red;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrap .allNav .allNavWrap .allNavList::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 28px;
}

.wrap .allNav .allNavWrap .allNavList::-webkit-scrollbar {
    width: 5px;
    height: 13px;
    background: #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wrap .allNav .allNavWrap .allNavList .item {
    margin-bottom: .25rem;
}

.wrap .allNav .allNavWrap .allNavList .item .subTitle {
    color: var(--primary);
    font-weight: 700;
    margin-left: .14rem;
    font-size: .14rem;
    margin-bottom: .05rem;
}

.wrap .allNav .allNavWrap .allNavList .item ul {
    display: flex;
    padding: 0 0.1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wrap .allNav .allNavWrap .allNavList .item ul li {
    background: #eee;
    padding: .06rem 0;
    border-radius: .05rem;
    margin: .05rem;
    width: 22%;
    text-align: center;
}

.wrap .allNav .allNavWrap .allNavList .item ul li:last-child {
    /* margin-left: .05rem; */
}

.wrap .allNav .allNavWrap .allNavList .item ul:nth-of-type(1)> :last-child {
    margin-right: auto;
}

.wrap .coupon {
    padding: 0rem .15rem .15rem;
}

.wrap .coupon .couponWrap {
    min-height: 4rem;
}

.wrap .coupon .couponWrap .nav {}

.wrap .coupon .couponWrap .nav {
    height: .35rem;
    text-align: center;
    padding: 0;
    position: relative;
    margin: 0;
}

.wrap .coupon .couponWrap .nav a {
    flex: 1;
    transition: all ease .3s;
    padding: 0.1rem 0;
}

.wrap .coupon .couponWrap .nav .navWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
}

.wrap .coupon .couponWrap .nav .navWrap .active {
    font-weight: 700;
    color: var(--primary);
    font-size: .14rem;
}

.wrap .coupon .couponWrap .nav .navActive {
    background: #fff;
    border-radius: 5rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    width: 33%;
    height: .35rem;
    z-index: 1;
    top: 0;
    position: absolute;
    left: 0;
    transition: all ease 0.5s;
}

.wrap .coupon .couponWrap .list {}

.wrap .coupon .couponWrap .list ul {
    padding: .15rem 0;
}

.wrap .coupon .couponWrap .list ul li {
    background: #fff;
    box-sizing: border-box;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .15rem;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    padding: .15rem;
    display: flex;
    justify-content: right;
    flex-direction: row-reverse;
}

.wrap .coupon .couponWrap .list ul li .l {
    display: flex;
    align-items: center;
    margin-left: .1rem;
}

.wrap .coupon .couponWrap .list ul li .l .img {
    width: .5rem;
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    /* transform: rotate(45deg); */
}

.wrap .coupon .couponWrap .list ul li .l .img span {
    font-size: .25rem;
    transform: rotate(-26deg);
}

.wrap .coupon .couponWrap .list ul li .l .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.wrap .coupon .couponWrap .list ul li .r {
    line-height: 1;
    flex: 1;
    /* text-align: right; */
}

.wrap .coupon .couponWrap .list ul li .r .title span {
    /* display: block; */
    /* width: 100%; */
}

.wrap .coupon .couponWrap .list ul li .r .title {
    font-size: .14rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
    /* white-space: nowrap; */
    display: flex;
    align-items: center;
}

.wrap .coupon .couponWrap .list ul li .r .title span.tag {
    font-size: .09rem;
    background: var(--primary);
    color: #fff;
    padding: .03rem .05rem;
    margin-left: .05rem;
    border-radius: .03rem;
    /* display: none; */
}

.wrap .coupon .couponWrap .list ul li .r .title span.tag.hide {
    display: none;
}

.wrap .coupon .couponWrap .list ul li .r .title span.tag.show {
    display: block;
}

.wrap .coupon .couponWrap .list ul li .r .time {
    color: #666;
    font-size: .11rem;
}

.wrap .coupon .couponWrap .list ul li .r .info {
    color: #999;
    transition: all ease 0.5s;
    height: 0;
    display: none;
    overflow: hidden;
}

.wrap .coupon .couponWrap .list ul li .r .info .infoWrap {
    padding-top: .09rem;
    line-height: 1.3;
}

.wrap .coupon .couponWrap .list ul li .r .btn {
    display: flex;
    margin-top: 0.1rem;
}

.wrap .coupon .couponWrap .list ul li .r .btn a {
    padding: 0 0.15rem;
    border-radius: 1rem;
    color: var(--primary);
    transition: all ease .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .25rem;
    font-size: .11rem;
}

.wrap .coupon .couponWrap .list ul li .r .btn a:first-child {}

.wrap .coupon .couponWrap .list ul li .r .btn a:last-child {
    margin-left: .1rem;
    background: var(--primary);
    color: #fff;
}

.wrap .coupon .couponWrap .list ul li.detail_0 {
    /* border-bottom: 3px solid #eb9b4a; */
}

.wrap .coupon .couponWrap .list ul li.detail_1 {
    /* border-bottom: 3px solid #fe7055; */
}

.wrap .coupon .couponWrap .list ul li.detail_2 {
    /* border-bottom: 3px solid #8aadfc; */
}

.wrap .coupon .couponWrap .list ul li.detail_3 {}

.wrap .coupon .couponWrap .list ul li.detail_4 {
    border-bottom: 3px solid #88d235;
}

.wrap .coupon .couponWrap .list ul li.use_1 {}

.wrap .coupon .couponWrap .list ul li.use_2 {
    /* display: none; */
}

.wrap .coupon .couponWrap .list ul li.use_3 {
    /* display: none; */
}

.wrap .coupon .couponWrap .list ul li.detail_0 .r .btn a:first-child {}

.wrap .coupon .couponWrap .list ul li.detail_0 .r .btn a:last-child {}

.wrap .coupon .couponWrap .list ul li.detail_1 .r .btn a:first-child {
    border: 1px solid #6dbc15;
    color: #6dbc15;
}

.wrap .coupon .couponWrap .list ul li.detail_1 .r .btn a:last-child {
    background: #6dbc15;
}

.wrap .coupon .couponWrap .list ul li.detail_1 .l .img {
    background: #e0ebd5;
    color: #82a858;
}

.wrap .coupon .couponWrap .list ul li.detail_2 .r .btn a:first-child {
    border: 1px solid #5988f0;
    color: #5988f0;
}

.wrap .coupon .couponWrap .list ul li.detail_2 .r .btn a:last-child {
    background: #5988f0;
}

.wrap .coupon .couponWrap .list ul li.detail_2 .l .img {
    background: #dce3f1;
    color: #6990e4;
}

.wrap .coupon .couponWrap .list ul li.detail_3 .r .btn a:first-child {
    border: 1px solid #fe7055;
    color: #fe7055;
}

.wrap .coupon .couponWrap .list ul li.detail_3 .r .btn a:last-child {
    background: #fe7055;
}

.wrap .coupon .couponWrap .list ul li.detail_3 .l .img {
    background: #fceae7;
    color: #ed8a77;
}

.wrap .coupon .couponWrap .coupon .article {}


.wrap .article {
    padding: .15rem;
    display: none;
}

.wrap .article .articleWrap {
    /* background: #fff; */
    /* padding: .15rem; */
    /* border-radius: .1rem; */
}

.wrap .article .articleWrap .topTitle {
    font-size: .14rem;
    color: var(--primary);
    font-weight: 700;
    margin-bottom: .15rem;
}

.wrap .article .articleWrap .list {}

.wrap .article .articleWrap .list ul {}

.wrap .article .articleWrap .list ul li {
    margin-bottom: .15rem;
}

.wrap .article .articleWrap .list ul li a {
    background: #fff;
    padding: .15rem;
    display: flex;
    border-radius: .1rem;
    justify-content: space-between;
}

.wrap .article .articleWrap .list ul li a .l {
    margin-right: .15rem;
    flex: 1;
}

.wrap .article .articleWrap .list ul li a .l .title {
    font-size: .14rem;
    font-weight: 700;
    margin-bottom: .05rem;
    line-height: 1.3;
}

.wrap .article .articleWrap .list ul li a .l .time {
    color: #999;
}

.wrap .article .articleWrap .list ul li a .r {
    width: 1rem;
}

.wrap .article .articleWrap .list ul li a .r img {
    display: block;
    width: 100%;
}

.xiche .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xiche .mask img {
    width: 80%;
}

.wrap .yhq {
    padding: 0 .15rem .15rem;
}

.wrap .yhq .t {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.wrap .yhq .t a {
    /* padding: .05rem; */
    line-height: 1;
    font-size: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .2rem;
    background: #ccc;
    border-radius: 1rem;
    padding: 0 .03rem 0 .08rem;
    color: #fff;
}

.wrap .yhq .t a em {
    font-style: normal;
}

.wrap .yhq .title {
    color: var(--primary);
    font-weight: 700;
    font-size: .14rem;
    margin-bottom: .1rem;
}

.wrap .yhq .yhqWrap {
    overflow-x: scroll;
    padding-bottom: .15rem;
}

.wrap .yhq .yhqWrap ul {
    display: flex;
    width: 5rem;
}

.wrap .yhq .yhqWrap ul li {
    margin-right: .08rem;
}

.wrap .yhq .yhqWrap ul li a {
    display: block;
    width: 1.1rem;
    height: 1.3rem;
    background: url(../img/coupon.png?v1) center center/100% 100%;
    padding: .1rem;
    box-sizing: border-box;
    font-size: .1rem;
    position: relative;
    text-align: center;
}

.wrap .yhq .yhqWrap ul li a p.type {
    margin-top: .02rem;
    color: #fff;
    font-size: .09rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .45rem;
    background: #d9aa66;
    height: .17rem;
    left: 50%;
    top: .03rem;
    transform: translateX(-50%);
    border-bottom-left-radius: .05rem;
    border-bottom-right-radius: .05rem;
}

.wrap .yhq .yhqWrap ul li a p.price {
    line-height: 1;
    margin: .2rem 0 .03rem;
}

.wrap .yhq .yhqWrap ul li a p.price .big {
    color: #f55f3e;
    font-weight: 700;
    font-size: .15rem;
}

.wrap .yhq .yhqWrap ul li a p.price .small {
    font-size: .09rem;
    color: #999;
}

.wrap .yhq .yhqWrap ul li a p.info {
    font-size: .09rem;
    color: #999;
    padding: 0 .1rem;
    line-height: 1;
}

.wrap .yhq .yhqWrap ul li a p.btn {
    position: absolute;
    bottom: .13rem;
    background: #d9aa66;
    color: #fff;
    border-radius: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: .55rem;
    font-size: .09rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .2rem;
}

.wrap .yhq.yhqCommon {
    margin: 0rem 0.15rem 0.15rem;
    background: var(--primary);
    border-radius: .1rem;
    color: #fff;
    padding: .15rem .15rem .05rem;
    transition: all 0.3s ease;
}

.wrap .yhq.yhqCommon .t {}

.wrap .yhq.yhqCommon .t .title {
    color: #fff;
    margin-bottom: 0;
    line-height: 1;
}

.wrap .yhq.yhqCommon .t a {
    background: transparent;
}

.wrap .yhq.yhqCommon .yhqWrap {
    /* padding-bottom: 0; */
}

.wrap .yhq.yhqCommon .yhqWrap ul {}

.wrap .yhq.yhqCommon .yhqWrap ul li {}

.wrap .yhq.yhqCommon .yhqWrap ul li a {
    background: #fff;
    position: relative;
    border-radius: .1rem;
    padding: 0;
    overflow: hidden;
    text-align: left;
    height: auto;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .tag {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    z-index: 10;
    background: #333;
    color: #fff;
    font-size: .09rem;
    width: .35rem;
    height: .17rem;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: .1rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .name {
    font-size: .14rem;
    font-weight: 700;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .sheng {
    border: 1px solid #f04646;
    color: #f04646;
    border-radius: 0.03rem;
    overflow: hidden;
    align-items: center;
    position: relative;
    width: auto;
    display: inline-flex;
    padding: 0 .02rem 0 .16rem;
    font-size: .1rem;
    margin-top: .05rem;
    height: .14rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .sheng span {
    background: #f04646;
    color: #fff;
    font-size: .09rem;
    display: block;
    line-height: 1.5;
    height: 100%;
    justify-content: center;
    position: absolute;
    /* padding: 0 0.02rem; */
    left: 0;
    width: .16rem;
    display: flex;
    align-items: center;
    margin-left: -.02rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .price .big {}

.wrap .yhq.yhqCommon .yhqWrap ul li a .top {
    background: url(../img/subbg.jpg) #fff8ee bottom right /100%;
    position: relative;
    padding: .1rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .bottom {
    display: flex;
    padding: .1rem;
    align-items: center;
    justify-content: space-between;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .bottom .l {
    color: #f04646;
    line-height: 1;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .bottom .l .small {
    font-size: .1rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .bottom .l .big {
    font-size: .16rem;
}

.wrap .yhq.yhqCommon .yhqWrap ul li a .bottom .r {
    background: #f04646;
    color: #fff;
    display: flex;
    width: .2rem;
    height: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    font-size: .1rem;
}

/* 优惠券详情 */
.couponDetail {
    background: #fff;
}

.couponDetail .card {
    padding: .15rem;
}

.couponDetail .card .cardWrap {
    background: url(../img/coupondetailbg.png) no-repeat #ff650f left -.86rem/100%;
    border-radius: .1rem;
    box-sizing: border-box;
    /* padding: .15rem; */
    color: #fff;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.couponDetail .card .cardWrap .t {
    margin-bottom: .2rem;
    padding: .15rem;
}

.couponDetail .card .cardWrap .t .title {
    font-size: .2rem;
    line-height: 1;
    margin-bottom: 0.08rem;
}

.couponDetail .card .cardWrap .t .subTitle {
    color: #ffccaf;
}

.couponDetail .card .cardWrap .c {
    line-height: 1;
    padding: 0 .15rem;
    margin-bottom: .15rem;
}

.couponDetail .card .cardWrap .c .other {
    color: #ffccaf;
    margin-left: .1rem;
    text-decoration: line-through;
    font-size: .1rem;
}

.couponDetail .card .cardWrap .c .big {
    font-size: .25rem;
    margin: 0 .03rem;
}

.couponDetail .card .cardWrap .c .small {
    color: #ffccaf;
}

.couponDetail .card .cardWrap .b {
    background: #ffeade;
    padding: .15rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    color: #333;
    font-size: .11rem;
}

.couponDetail .card .cardWrap .b .bl {
    font-size: .11rem;
}

.couponDetail .card .cardWrap .b .bl em {
    text-decoration: line-through;
    color: #b79480;
}

.couponDetail .card .cardWrap .b .bl span {
    margin-left: .15rem;
    color: #ff650f;
}

.couponDetail .card .cardWrap .b .br {}

.couponDetail .tig {
    padding: 0 .15rem;
    display: flex;
    align-items: center;
    /* margin-bottom: .15rem; */
}

.couponDetail .tig .item {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-right: .15rem;
}

.couponDetail .tig .item p {
    border: 1px solid #ddd;
    border-radius: 1rem;
    width: .1rem;
    height: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .03rem;
}

.couponDetail .tig .item p span {
    font-size: .09rem;
    color: #999;
}

.couponDetail .tig .item em {
    color: #999;
    font-style: normal;
    font-size: .12rem;
}

.platenumInput {
    border: 1px solid #ccc;
    height: .4rem;
    width: 95%;
    border-radius: 6px;
    text-indent: 1em;
    margin-top: .15rem;
}

.couponDetail .subCar {
    padding: .15rem;
}

.couponDetail .subCar .title {
    font-size: .16rem;
    margin-bottom: 0.1rem;
}

.couponDetail .subCar ul {}

.couponDetail .subCar ul li {
    border: 1px solid #ffceaf;
    border-radius: .1rem;
    padding: .15rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff4ed;
    margin-bottom: .15rem;
}

.couponDetail .subCar ul li .l {
    line-height: 1;
}

.couponDetail .subCar ul li .l .t {
    font-size: .1rem;
    color: #d09074;
    margin-bottom: .1rem;
}

.couponDetail .subCar ul li .l .b {}

.couponDetail .subCar ul li .l .b .name {
    color: #ff560f;
    font-weight: 700;
    /* font-size: .15rem; */
    margin-right: .05rem;
}

.couponDetail .subCar ul li .l .b .num {
    color: #d09074;
}

.couponDetail .subCar ul li .r {}

.couponDetail .subCar ul li .r a {
    display: flex;
    width: .9rem;
    height: .3rem;
    align-items: center;
    justify-content: center;
    background: #ff580f;
    color: #fff;
    border-radius: 1rem;
    font-size: .1rem;
}

.couponDetail .process {
    padding-bottom: 1rem;
}

.couponDetail .process .processWrap {
    padding: .15rem;
}

.couponDetail .process .processWrap .img {
    margin-bottom: .2rem;
}

.couponDetail .process .processWrap .img img {
    width: 100%;
}

.couponDetail .process .processWrap .content {
    color: #333;
    /* font-size: .11rem; */
}

.couponDetail .process .processWrap .content p {
    text-indent: 2em;
}

.couponDetail .process .processWrap .title {
    font-size: .16rem;
    margin-bottom: .1rem;
}

.couponDetail .process .processWrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.couponDetail .process .processWrap ul li {
    flex: 1;
    background: #f0f0f0;
    padding: .1rem 0;
    border-radius: .05rem;
    text-align: center;
    font-size: .11rem;
}

.couponDetail .process .processWrap ul li:nth-child(2) {
    margin: 0 .08rem;
}

.couponDetail .process .processWrap ul li p {}

.couponDetail .buy {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .55rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    padding: 0 .15rem;
}

.couponDetail .buy .l {
    color: #ff650f;
    font-size: .15rem;
}

.couponDetail .buy .r {}

.couponDetail .buy .r a {
    width: 1rem;
    height: .35rem;
    background: #ff650f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}

.couponDetail .store {
    padding: .15rem;
    display: none;
}

.couponDetail .store .list .nextPage {
    text-align: center;
    padding: 0.15rem 0;
    color: #ccc;
}

.couponDetail .store .list .noLocation {
    text-align: center;
    padding: 1rem;
    display: none;
}

.couponDetail .store .list .noLocation p {}

.couponDetail .store .list .noLocation p:first-child {}

.couponDetail .store .list .noLocation p:last-child {
    margin-top: .6rem;
}

.couponDetail .store .list .noLocation p a {
    background: #ff880e;
    color: #fff;
    padding: .4rem .8rem;
    display: inline-block;
    border-radius: 3px;
}

.couponDetail .store .list ul {
    /* background: #fff; */
    /* padding: .1rem; */
}

.couponDetail .store .list ul li {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: .1rem;
    box-sizing: border-box;
    margin-bottom: .1rem;
    border-radius: .1rem;
}

.couponDetail .store .list ul li .t {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.couponDetail .store .list ul li .t .l {
    margin-right: .1rem;
}

.couponDetail .store .list ul li .t .l .img {
    width: 0.65rem;
    height: 0.65rem;
    overflow: hidden;
    border-radius: .05rem;
}

.couponDetail .store .list ul li .t .l .img img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.couponDetail .store .list ul li .t .c {
    flex: 1;
    padding-right: .15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.couponDetail .store .list ul li .t .c .topTitle {
    font-size: .14rem;
    font-weight: 700;
    height: .2rem;
    /* width: 100%; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1;
}

.couponDetail .store .list ul li .t .c .saleWrap {
    display: flex;
    line-height: 1;
    margin: 0.02rem 0;
}

.couponDetail .store .list ul li .t .c .saleWrap .star {
    display: flex;
    align-items: center;
    color: #ff880e;
    font-size: .1rem;
    margin-right: .05rem;
}

.couponDetail .store .list ul li .t .c .saleWrap .star i {
    margin-right: 0.02rem;
}

.couponDetail .store .list ul li .t .c .saleWrap .star .subStar {}

.couponDetail .store .list ul li .t .c .saleWrap .star .txt {}

.couponDetail .store .list ul li .t .c .saleWrap .sale {
    font-size: .11rem;
}

.couponDetail .store .list ul li .t .c .saleWrap .sale .title {
    font-weight: 400;
}

.couponDetail .store .list ul li .t .c .saleWrap .sale .txt {
    color: #ff880e;
}

.couponDetail .store .list ul li .t .c .address {
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: .1rem;
}

.couponDetail .store .list ul li .t .c .tags {
    display: flex;
    flex-wrap: wrap;
}

.couponDetail .store .list ul li .t .c .tags a {
    color: #ff880e;
    background: #fdf3e8;
    font-size: .09rem;
    padding: 0.02rem 0.05rem;
    /* margin-right: .2rem; */
    transform: scale(.9);
}

.couponDetail .store .list ul li .t .r {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.couponDetail .store .list ul li .t .r .distance {
    color: #999;
    font-size: .1rem;
}

.couponDetail .store .list ul li .t .r .distance span {}

.couponDetail .store .list ul li .t .r .distance span:first-child {}

.couponDetail .store .list ul li .t .r .distance span:last-child {}

.couponDetail .store .list ul li .t .r .icon {
    font-size: .16rem;
    color: #333;
}

.couponDetail .store .list ul li .b {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f7f7;
    padding: .5rem 0.7rem;
    margin-top: 0.7rem;
    border-radius: .2rem;
}

.couponDetail .store .list ul li .b .l {}

.couponDetail .store .list ul li .b .l .title {
    font-size: .7rem;
    line-height: 1;
    margin-bottom: .3rem;
}

.couponDetail .store .list ul li .b .l .priceWrap {}

.couponDetail .store .list ul li .b .l .priceWrap .small {
    font-size: .5rem;
    color: #ff880e;
}

.couponDetail .store .list ul li .b .l .priceWrap .big {
    font-size: .8rem;
    font-weight: 700;
    color: #ff880e;
}

.couponDetail .store .list ul li .b .l .priceWrap .line {
    color: #999;
    text-decoration: line-through;
}

.couponDetail .store .list ul li .b .r {}

.couponDetail .store .list ul li .b .r a {
    padding: .3rem .6rem;
    color: #fff;
    background: #ff880e;
    border-radius: 1rem;
    font-size: .7rem;
}



/* 通用 */
.floatNav {
    position: fixed;
    bottom: .55rem;
    right: .15rem;
    z-index: 10;
}

.floatNav .link {
    margin-bottom: .1rem;
    font-size: .18rem;
}

.floatNav .link i {
    margin-bottom: -.02rem;
}

.floatNav p,
.floatNav .link {
    width: .35rem;
    height: .35rem;
    background: #fff;
    align-items: center;
    color: var(--primary);
    display: flex;
    justify-content: center;
    border-radius: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.floatNav p.user {
    /* background: #fff; */
}

.floatNav p.user i {
    margin-top: .05rem;
}

.floatNav p.backTop {
    font-size: .14rem;
}

.floatNav p.backTop i {}

.floatNav p i {}


.serviceList {}

.serviceList .maintenances {}

.serviceList .maintenances .maintenanceWrap {
    padding: .15rem;
}

.serviceList .maintenances .maintenanceWrap ul {
    /* display: flex; */
    justify-content: space-between;
}

.serviceList .maintenances .maintenanceWrap ul li {
    flex: 1;
    margin-bottom: .15rem;
}

.serviceList .maintenances .maintenanceWrap ul li a {
    display: flex;
    background: #fff;
    padding: 0.1rem;
    border-radius: .1rem;
    color: #111;
    /* flex-direction: column; */
    /* flex-flow: column-reverse; */
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}

.serviceList .maintenances .maintenanceWrap ul li a .l {
    flex: 1;
    margin-right: .1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.serviceList .maintenances .maintenanceWrap ul li a .l .subTitle {
    font-size: .15rem;
    line-height: 1.3;
    word-break: inherit;
}

.serviceList .maintenances .maintenanceWrap ul li a .l .subTitle span {
    font-size: .1rem;
    background: var(--primary);
    color: #fff;
    height: .2rem;
    width: .3rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: .03rem .08rem;
    margin-top: -.1rem;
}

.serviceList .maintenances .maintenanceWrap ul li a .l .info {
    /* display: none; */
    color: #999;
    font-size: .1rem;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.serviceList .maintenances .maintenanceWrap ul li a .r {
    width: .75rem;
    height: .7rem;
    /* border-radius: .1rem; */
    overflow: hidden;
}

.serviceList .maintenances .maintenanceWrap ul li a .r img {
    display: block;
    width: 100%;
    height: 100%;
}


/* 福利 */
.welfare {}

.welfare ul {
    padding: .15rem;
}

.welfare ul li {
    margin-bottom: .15rem;
}

.welfare ul li a {
    display: block;
}

.welfare ul li a img {
    width: 100%;
}

/**
 * 套餐中心
 */
.couponCenter {
    background: #b00611;
}

.couponCenter .couponCenterHeader {}

.couponCenter .couponCenterHeader img {
    width: 100%;
}

.couponCenter .cNav {
    background: #d10703;
}

.couponCenter .cNav ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.couponCenter .cNav ul li {
    flex: 1;
    text-align: center;
    height: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.couponCenter .cNav ul li.active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d61b0c), color-stop(1, #fdc451));
    font-weight: 700;
    font-size: .14rem;
}

.couponCenter .cList {
    padding: .15rem;
}

.couponCenter .cList ul {}

.couponCenter .cList ul li {
    padding: .15rem;
    background: #fff;
    border-radius: .1rem;
    margin-bottom: .15rem;
    display: flex;
    /* align-items: center; */
}

.couponCenter .cList ul li .l {
    position: relative;
    /* padding: .1rem; */
    /* border: 1px solid #f6a179; */
    /* border-radius: .1rem; */
    margin-right: .15rem;
}

.couponCenter .cList ul li .l .tag {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.couponCenter .cList ul li .l .tag p {}

.couponCenter .cList ul li .l .tag p:first-child {}

.couponCenter .cList ul li .l .tag p:last-child {}

.couponCenter .cList ul li .l .img {
    width: .9rem;
    border-radius: .1rem;
    overflow: hidden;
}

.couponCenter .cList ul li .l .img img {
    width: 100%;
}

.couponCenter .cList ul li .r {
    flex: 1;
    height: 100%;
    display: flex;
    height: .9rem;
    flex-direction: column;
    justify-content: space-between;
}

.couponCenter .cList ul li .r .t {}

.couponCenter .cList ul li .r .t .title {
    font-size: .18rem;
    font-weight: 700;
}

.couponCenter .cList .nodatas {
    color: #df626a;
    text-align: center;
    margin-top: .5rem;
}

.couponCenter .cList ul li .r .t .subTitle {
    border: 1px solid #f04646;
    color: #f04646;
    border-radius: 0.03rem;
    overflow: hidden;
    align-items: center;
    position: relative;
    width: auto;
    display: inline-flex;
    padding: 0 0.05rem 0 0.16rem;
    font-size: .1rem;
    margin-top: 0.05rem;
    height: 0.14rem;
}

.couponCenter .cList ul li .r .t .subTitle span {
    background: #f04646;
    color: #fff;
    font-size: .09rem;
    display: block;
    line-height: 1.5;
    height: 100%;
    justify-content: center;
    position: absolute;
    /* padding: 0 0.02rem; */
    left: 0;
    width: 0.16rem;
    display: flex;
    align-items: center;
    margin-left: -0.02rem;
}

.couponCenter .cList ul li .r .t .subTitle em {
    font-size: .1rem;
}

.couponCenter .cList ul li .r .b {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.couponCenter .cList ul li .r .b .bl {}

.couponCenter .cList ul li .r .b .bl span {}

.couponCenter .cList ul li .r .b .bl span.small {
    color: #ef3528;
}

.couponCenter .cList ul li .r .b .bl span.big {
    font-size: .2rem;
    font-weight: 700;
    color: #ef3528;
}

.couponCenter .cList ul li .r .b .bl span.blr {
    color: #999;
    text-decoration: line-through;
    font-size: .1rem;
}

.couponCenter .cList ul li .r .b .br {
    background: #ef3528;
    color: #fff;
    width: .7rem;
    height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}