* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    background: #f0f5fb;
}

.containers {
    width: 100%;
    background: url(../img/bg_1.png) no-repeat,rgb(58, 136, 212);
    background-size: 100%;
    /* padding-top: 5.44rem; */
}
.kdzq_top_box{
    width: 100%;
    height: 5rem;
    position: relative;
}
.kdzq_top_box img{
    width: 1.71rem;
    height: .44rem;
    position: absolute;
}
.kdzq_top_box img:nth-child(1){
    top: 1.75rem;
    left: 2.3rem;
}
.kdzq_top_box img:nth-child(2){
    top: 2.43rem;
    left: 3.88rem;
}
.kdzq_top_box img:nth-child(3){
    top: 1.75rem;
    right: .25rem;
}
.kdzq_top_box img:nth-child(4){
    top: 3.55rem;
    left: 3.15rem;
}
.kdzq_top_box img:nth-child(5){
    top: 3.04rem;
    right: .31rem;
}
.first_tab_box {
    overflow: hidden;
}

.first_tab_list {
    overflow-x: auto;
    padding-left: .24rem;
}

.first_tab_list::-webkit-scrollbar {
    display: none;
}

.first_tab_list ul {
    display: flex;
}

.first_tab_list ul li {
    width: 1.36rem;
    height: 1.42rem;
    background: #f5fbff;
    border: .02rem solid #b9ddf3;
    border-radius: .26rem;
    box-shadow: 0px .03rem 0px 0px #ffffff inset;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-right: .22rem;
    flex-shrink: 0;
}

.first_tab_list ul li.active1 {
    width: 1.36rem;
    height: 1.49rem;
    background: url(../img/firstcheckbg.png) no-repeat;
    background-size: 100%;
    border: none;
}

.first_tab_list ul li.active1 span {
    font-weight: 500;
    color: #2787ff;
}

.first_tab_list ul li img {
    width: .8rem;
    height: .8rem;
}

.first_tab_list ul li span {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #666666;
    line-height: .33rem;
}

.first_tab_cont {
    margin-top: .26rem;
}

.first_tab_item {
    display: none;

}

.second_tab_list {
    overflow: hidden;
    background: url(../img/gray.png) no-repeat;
    background-size: 100%;
}

.second_tab_list ul {
    display: flex;
    overflow-x: auto;
    height: .92rem;
    /* background: #f0f5fb; */
    border-radius: .3rem 0 0 0;
}

.second_tab_list ul::-webkit-scrollbar {
    display: none;
}

.second_tab_list ul li {
    flex-shrink: 0;
    margin-right: .8rem;
    font-size: .3rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #4b567f;
    line-height: .92rem;
    text-shadow: 0px 1px 0px #fff;
}

.second_tab_list ul li:nth-child(1) {
    padding-left: .4rem;
}

.second_tab_list ul li:nth-last-child(1) {
    margin-right: 0;
}

.second_tab_list ul li.active_l {
    width: 2.44rem;
    height: .92rem;
    margin-right: 0;
    background: url(../img/left.png) no-repeat;
    background-size: 100%;
    text-align: left;
    padding-left: .4rem;
    color: #21355b;
    font-weight: 500;
    font-size: .32rem;
}

.second_tab_list ul li.active_m {
    width: 2.78rem;
    height: .92rem;
    margin-right: 0;
    background: url(../img/mid.png) no-repeat;
    background-size: 100%;
    text-align: center;
    color: #21355b;
    font-weight: 500;
    font-size: .32rem;
}

.radius {
    border-radius: 0 .3rem 0 0;
}

.second_tab_list ul li.marright0 {
    margin-right: 0;
}

.second_tab_list ul li.active_r {
    width: 2.96rem;
    height: .92rem;
    margin-right: 0;
    background: url(../img/right.png) no-repeat;
    background-size: 100%;
    text-align: left;
    padding-left: .76rem;
    color: #21355b;
    font-weight: 500;
    font-size: .32rem;
}

.second_tab_cont {
    margin-top: -0.01rem;
}

.third_tab_box {
    padding: 0 .24rem;
    overflow-x: hidden;
    width: 100%;
    background: #ffffff;
    border-radius: 0rem 0px .3rem .3rem;
    box-shadow: 0px 0.02rem 0px 0px #ffffff inset;
}

.third_tab_list ul {
    display: flex;
    overflow-x: auto;
    padding: .24rem 0;
}

.third_tab_list ul li {
    flex-shrink: 0;
    width: 1.64rem;
    height: .56rem;
    background: #f5fbff;
    border: .01rem solid #3990fe;
    border-radius: .29rem;
    margin-right: .15rem;
    font-size: .26rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #666666;
    line-height: .56rem;
}

.third_tab_list ul li:nth-last-child(1) {
    margin-right: 0;
}

.third_tab_list ul::-webkit-scrollbar {
    display: none;
}

.third_tab_list ul li.active3 {
    background: linear-gradient(90deg, #1c7bff 6%, #3293ff 97%);
    border: 0;
    color: #ffffff;
    font-weight: 500;
}

.third_tab_item {
    display: none;
}

.rhkd_item {
    width: 7.02rem;
    background: #f2faff;
    border-radius: .2rem;
    margin-bottom: .2rem;
    display: flex;
    padding: 0 .2rem .2rem;
}

.rhkd_l {
    width: 1rem;
    height: 1rem;
    padding-top: .2rem;
}

.rhkd_l img {
    width: 1rem;
    height: 1rem;
}

.rhkd_m {
    margin: 0 .2rem;
    width: 3.74rem;
    padding-top: .33rem;
}

.rhkd_m h4 {
    font-size: .3rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #424a55;
    line-height: .3rem;
    margin-bottom: .15rem;
}

.rhkd_m p {
    font-size: .26rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: left;
    color: #5c697b;
    line-height: .32rem;
    word-break: break-all;
}

.rhkd_r {
    width: 1.48rem;
    height: .54rem;
    /* background: linear-gradient(77deg, #5da8fe 19%, #0b71fe 96%); */
    background: linear-gradient(77deg, #0b71fe 19%, #5da8fe 96%);
    border-radius: .27rem;
    font-size: .26rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: .54rem;
    margin-top: .43rem;
}

.zhbl_bot_detail {
    margin-top: .29rem;
}

.zhbl_bot_detail .detail_img {
    width: 7rem;
    /* height: 18.89rem; */
    margin: 0 auto .2rem;
    display: block;
    border-radius: .3rem;
}

.second_tab_item {
    display: none;
}


.float-win {
    width: 1.46rem;
    height: 1.4rem;
    position: fixed;
    right: 0;
    top: 70%;
    z-index: 9;
}

.float-win>img {
    width: 1.46rem;
    height: 1.4rem;
}

.kdts,
.sjhkd,
.xsyj {
    width: 7.5rem;
    background: #fff;
    border-radius: 0.24rem;
    padding-top: .4rem;
}
.kdts,
.sjhkd{
    padding-bottom: .4rem;
}
.mykd {
    width: 7.5rem;
}

.mykd_box {
    padding-top: .4rem;
    padding-bottom: .4rem;
    background: #fff;
    border-radius: 0.24rem;
}
.mykd_bottom {
    margin: .3rem 0;
}
.mykd_bottom h4 {
    font-size: .34rem;
font-family: PingFang SC, PingFang SC-Medium;
font-weight: 500;
text-align: left;
color: #212121;
line-height: .34rem;
margin-bottom: .4rem;
padding-left: 0!important;
}
.mykd_bot_icon{
    display: flex;
    flex-wrap: wrap;
}
.mykd_bot_icon li {
    width: 25%;
    text-align: center;
}
.mykd_bot_icon li:nth-child(4n){
    margin-right: 0;
}
.mykd_bot_icon li img{
    width: .7rem;
    height: .7rem;
}
.mykd_bot_icon li p{
    font-size: .22rem;
font-family: PingFang SC, PingFang SC-Regular;
font-weight: Regular;
text-align: center;
color: #000000;
line-height: .3rem;
}
.mykd_bottom {
    width: 7.5rem;
    padding: .3rem .24rem .4rem;
    background: #ffffff;
    border-radius: .24rem;
}

.kdts_cont,
.cjhkd_cont {
    text-align: center;
}

.kdts_cont img,
.cjhkd_cont img {
    width: 7.02rem;
    height: 1.8rem;
    border-radius: .16rem;
    margin-bottom: .15rem;
}

.mykd h4 {
    font-size: .34rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .34rem;
    padding-left: .24rem;
}

.mykd_cont {
    width: 7.1rem;
    /*height: 4.45rem;*/
    padding: .32rem .35rem .3rem;
    background: #f2faff;
    border-radius: .18rem;
    margin: .3rem auto 0;
}

.mtkd_cont_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobilephone {
    font-size: .32rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .3rem;
}

.change_kd_btn {
    width: 1.3rem;
    height: .36rem;
    background: #f5fbff;
    border: .01rem solid #3990fe;
    border-radius: .19rem;
    font-size: .2rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #4b567f;
    margin-left: .07rem;
    line-height: .36rem;
}

.mtkd_cont_top .l {
    display: flex;
    align-items: center;
}

.mtkd_cont_top .r {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: right;
    color: #212121;
    line-height: .24rem;
}

.mykd_cont_bot {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
}

.mykd_cont_bot>div {
    position: relative;
    width: 3.1rem;
    height: 1.4rem;
    padding-top: .22rem;
}

#zhkj {
    padding-top: 0;
}

#zhkj img {
    width: 3.1rem;
    height: 1.4rem;

}

.wbl {
    position: absolute;
    left: 0;
    top: -0.04rem;
    background: url(../img/wbl.png) no-repeat;
    background-size: 100%;
    width: .68rem;
    height: .29rem;
    font-size: .18rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: .29rem;
}

.mykd_cont_bot .l {
    background: url(../img/gqds.png) no-repeat;
    background-size: 100%;
}

.mykd_cont_bot .zhutitle {
    font-size: .28rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 700;
    text-align: center;
    color: #000000;
    line-height: .4rem;
    margin-bottom: .09rem;
}

.mykd_cont_bot .bot_btn {
    width: 1.4rem;
    height: .48rem;
    font-size: .22rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: .48rem;
    margin: auto;
}

.mykd_cont_bot .l .bot_btn {
    background: url(../img/blue.png) no-repeat;
    background-size: 100%;
}

.mykd_cont_bot .r .bot_btn {
    background: url(../img/green.png) no-repeat;
    background-size: 100%;
}

.mykd_cont_mid {
    width: 6.4rem;
    background: url(../img/home-wifi-line.png) no-repeat;
    background-size: 100%;
    margin-top: .4rem;
    padding: .37rem .33rem .23rem .37rem;
}

.jindu_box {
    width: 5.7rem;
    height: .2rem;
    background: url(../img/yellow.png) no-repeat;
    background-size: 100%;
    margin: auto;
    display: flex;
    border-radius: .1rem;
}

.huojian {
    width: .3rem;
    height: .2rem;
}

.jindu {
    width: 40%;
    position: relative;
}

.huojian {
    position: absolute;
    width: .66rem;
    height: .56rem;
    background: url(../img/huojian.png) no-repeat;
    background-size: 100%;
    right: -0.1rem;
    top: -0.2rem;
}

.remain {
    flex: 1;
    height: .2rem;
    background-color: #e4edf2;
    border-radius: 0 .1rem .1rem 0;
}

.jindu_bs {
    display: flex;
    align-items: center;
    margin-top: .28rem;
}

.jindu_bs .jiliangbao {
    width: .34rem;
    height: .34rem;
    margin-right: .05rem;
}

.jindu_bs i {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: left;
    color: #ff9400;
    line-height: .33rem;
}

.jindu_bs span {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: left;
    color: #666666;
    line-height: .33rem;
}

.ts_button {
    margin-left: .16rem;
    width: 1.25rem;
    height: .32rem;
    background: linear-gradient(180deg, #1ca4fb, #2183f6);
    border-radius: .06rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ts_button img {
    width: .17rem;
    height: .2rem
}

.ts_button span {
    font-size: .2rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #ffffff;
    line-height: .32rem;
}

.price_list {
    font-size: .34rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 600;
    text-align: left;
    color: #ff5433;
    line-height: .48rem;
    margin-top: .12rem;
}

.kdts_detail {
    width: 7.5rem;
    text-align: center;
}

.kdts_detail img {
    width: 7rem;
    border-radius: .3rem;
}

.tv_title {
    font-size: .34rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .34rem;
    margin-bottom: .3rem;
    margin-top: .4rem;
    padding-left: .02rem;
}

.tv_item:nth-child(1) .tv_title {
    margin-top: 0;
}

.dszz_item img,
.dsbz_item img {
    width: 7.02rem;
    margin-bottom: .2rem;
    border-radius: .16rem;
}

.dszz_item img:nth-last-child(1),
.dsbz_item img:nth-last-child(1) {
    margin-bottom: 0;
}

.tv_box,
.zhjt_box,
.jtgx_box {
    background-color: #fff;
    border-radius: .24rem;
    padding: .4rem .24rem .5rem;
    margin-bottom: .4rem;
}

.wisdom_item1 {
    display: flex;
    justify-content: space-between;
}

.wisdom_item1 img {
    width: 3.4rem;
    border-radius: .16rem;
}

.wisdom_item2 img {
    width: 2.22rem;
    border-radius: .16rem;
}

.wisdom_item2 {
    margin: .16rem 0 .4rem;
    display: flex;
    justify-content: space-between;
}

.znyj_top {
    display: flex;
    justify-content: space-between;
}

.znyj_top_l {
    font-size: .3rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #091f49;
    line-height: .3rem;
}

.znyj_top_r {
    display: flex;
    align-items: center;
}

.znyj_top_r span {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    color: #5c697b;
    line-height: .24rem;
}

.znyj_top_r img {
    width: .16rem;
    height: .16rem;
}

.znyj_item1 {
    margin: .2rem 0;
}

.znyj_item2 {
    display: flex;
    justify-content: space-between;
}

.znyj_item2_l {
    position: relative;
    width: 3.26rem;
    height: 3.27rem;
    border-radius: .16rem;
}

.swiper {
    border-radius: .16rem;
}

.znyj_item2_l .swiper-container {
    width: 3.26rem;
    height: 3.27rem;
    margin: auto;
    border-radius: .16rem;
}

.znyj_item2_l .swiper-slide {
    width: 3.26rem;
    height: 3.27rem;
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.znyj_item2_l .swiper-slide img {
    width: 3.26rem;
    height: 3.27rem;
    border-radius: .16rem;
}

.znyj_item2_l .swiper-pagination-bullet {
    width: .08rem !important;
    height: .08rem !important;
    opacity: 0.5 !important;
    background: #ffffff !important;
    border-radius: .04rem !important;
}

.znyj_item2_l .swiper-pagination {
    bottom: 0rem !important;
}

.znyj_item2_l .swiper-pagination-bullet-active {
    width: .14rem !important;
    height: .08rem !important;
    background: #ffffff !important;
    border-radius: .04rem !important;
    opacity: 1 !important;
}

.znyj_item2_r {
    width: 3.56rem;
}

.znyj_item2_r img {
    width: 3.56rem;
    border-radius: .16rem;
}

.znyj_item2_r img:nth-child(1) {
    margin-bottom: .06rem;
}

/* 通栏轮播 */
.znyj_item1 {
    position: relative;
    margin: .2rem auto;
    border-radius: .16rem;
}

.znyj_item1 .swiper-container {
    width: 7.02rem;
    height: 1.6rem;
    margin: auto;
    border-radius: .16rem;
}

.znyj_item1 .swiper-slide {
    width: 7.02rem;
    height: 1.6rem;
    overflow: hidden;
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.znyj_item1 .swiper-slide img {
    width: 7.02rem;
    height: 1.6rem;
    border-radius: .16rem;
}

.znyj_item1 .swiper-pagination-bullet {
    width: .08rem !important;
    height: .08rem !important;
    opacity: 0.5 !important;
    background: #ffffff !important;
    border-radius: .04rem !important;
}

.znyj_item1 .swiper-pagination {
    bottom: 0rem !important;
}

.znyj_item1 .swiper-pagination-bullet-active {
    width: .14rem !important;
    height: .08rem !important;
    background: #ffffff !important;
    border-radius: .04rem !important;
    opacity: 1 !important;
}

.service_list ul {
    display: flex;
    flex-wrap: wrap;
}

.service_list ul li {
    width: 25%;
    text-align: center;
    margin-bottom: .35rem;
}

.service_box {
    background-color: #fff;
    border-radius: .24rem;
    padding: .5rem .3rem 1rem;
    min-height: 6rem;
}

.service_list ul li img {
    width: .7rem;
    height: .7rem;
}

.service_list ul li div {
    font-size: .26rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #000000;
    line-height: .3rem;
}

.qyq_item {
    width: 7.02rem;
    /* height: 1.8rem; */
    margin-bottom: .2rem;
}

.qyq_item img{
    width: 7.02rem;
    height: 1.8rem;
    border-radius: .16rem;
    margin-bottom: .15rem;
}

.jtgx_box .znyj_box {
    margin-top: .4rem;
}

.kdts .zhbl_bot_detail,
.sjhkd .zhbl_bot_detail {
    margin-top: 0rem;
}

.kdts_qs,
.xsyj_qs {
    text-align: center;
    padding: 1.03rem 0 1.63rem;
}

.kdts_qs img,
.xsyj_qs img {
    width: 3.2rem;
    height: 2.04rem;
}

.kdts_qs p,
.xsyj_qs p {
    font-size: .3rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #000000;
    line-height: .42rem;
    margin-top: .72rem;
}

/* 小区搜索结果 */
.xiaoqu_tanchuang_cover{
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    display: none;
    background: #000 none repeat scroll 0% 0%;
}
.xiaoqu_tanchuang {
    position: fixed;
    width: 100%;
    height:30%;
    overflow-y: scroll;
    /*padding: 0.15rem 0;*/
    background-color: #fff;
    bottom: 0;
    left: 0;
    z-index: 99;
    border-radius:0.16rem 0.16rem 0 0;
}
.xiaoqu_tanchuang_title{
    font-size: 0.36rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #212121;
    line-height: 0.36rem;
    padding:0.4rem 0 0.2rem;
}

.xiaoqu_tanchuang ul li {
    padding: 0.3rem 0;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    margin:0 0.4rem;
}
.xiaoqu_tanchuang_close{
    top:0.3rem;
    right:0.3rem;
    width:0.3rem;
    height:0.3rem;
    display: block;
    position: absolute;
    background:url(../../kdzq/img/xiaoqu_tanchuang_close.png) no-repeat;
    background-size:100%;
}
.xiaoqu_tanchuang ul li:last-child {
    border-bottom: none;
}
.xiaoqu_name {
    float: left;
    color: #212121;
    font-size: 0.3rem;
    font-weight: bold;
}
.xiaoqu_tanchuang ul li p {
    width: 87%;
    float: left;
    color: #999;
    font-size: 0.22rem;
}
.go {
    color: #009af1;
    float: right;
    margin-top: -0.2rem;
}

.go img {
    width: 0.3rem;
    height: 0.3rem;
}


/* 专属客服 */
.kf-float-area{
    width: 7.02rem;
    height: 1rem;
    background: rgb(24, 26, 31,0.6);
    border-radius: 0.5rem;
    backdrop-filter: blur(0.1rem);
    position: fixed;
    left:50%;
    bottom:0.1rem;
    transform: translateX(-50%);
    z-index: 9;
}
.kf-close{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../../kdzq/img/kf_close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left:0;
    top:-0.1rem;
}
.kf-float-box{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kf-float-box img{
    width: 0.76rem;
    display: block;
}
.kf-float-box span{
    width: 4.1rem;
    height: 0.28rem;
    font-size: 0.25rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #ffffff;
    line-height: 0.28rem;
    padding-left:0.16rem;
    box-sizing: border-box;
}
.kf-float-box i{
    width: 1.97rem;
    height: 0.52rem;
    background: url(../../kdzq/img/yyzskf.png) no-repeat;
    background-size: 100%;
}
/* 预约结果提示弹窗 */
.ykq-remind{
    left:50%;
    top: 50%;
    width: 6rem;
    z-index: 1000;
    position: fixed;
    display: none;
    border-radius: 0.2rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.remind-top-box{
    height:3rem;
    padding-top:0.34rem;
    background:url(../../kdzq/img/yuyue_remind_icon.png) no-repeat;
    background-size:100%;
    box-sizing: border-box;
}
.ykq-remind .alert-content{
    height:auto;
    padding-top: 0.22rem;
}
.ykq-remind .alert-content .ykq-img{
    width:2rem;
    display: block;
    margin:0 auto 0.7rem;
}
.ykq-remind .alert-content .prices{
    color:#333;
}
.ykq-remind .alert-content .introduce{
    font-size: 0.3rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: justify;
    color: #333333;
    line-height: 0.42rem;
}
.introduce-area{
    padding:0 0.4rem;
    border-radius:0 0 0.2rem 0.2rem;
    background: #fff;
    font-size: 0.3rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: justify;
    color: #333333;
    line-height: 0.42rem;
    padding-bottom: 0.5rem;
    margin-top:-1px;
}
.introduce-area .introduce-red{
    font-size: 0.28rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: justify;
    color: #ff0000;
    line-height: 0.44rem;
    margin-top:0.2rem;
}
.btnkonw {
    width: 5.2rem;
    height: 0.74rem;
    background: rgba(0, 154, 241, 1);
    border-radius: 0.16rem;
    text-align: center;
    font-size: 0.3rem;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 0.74rem;
    margin-top:0.5rem;
}

.yqalert-box-mask{
    top:0;
    left:0;
    bottom:0;
    width:100%;
    position: fixed;
    z-index: 9;
    background:rgba(0,0,0,0.6);
}
.yqchange-user-alert{
    top:50%;
    left:50%;
    width:6rem;
    min-height:1rem;
    background:#fff url(../../kdzq/img/yq_remind_bg.png) top center no-repeat;
    background-size:100%;
    position: fixed;
    border-radius:0.16rem;
    padding:0.6rem 0rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.yqchange-user-title{
    color:#1D1D1D;
    font-size:0.36rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:bold;
    text-align: center;
}
.yqchange-user-con{
    color:#666;
    font-size:0.27rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    line-height:0.4rem;
    /* text-align: center; */
    padding:0.28rem 0.4rem 0.4rem;
    text-indent: 0.44rem;
}
.yqchange-user-btns{
    text-align: center;
    /* margin:0.26rem 0 0; */
}
.yqchange-user-btns span,.yqchange-user-btns a{
    width:5rem;
    height:0.7rem;
    line-height:0.7rem;
    display: inline-block;
    text-align: center;
    font-size:0.36rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:#009AF1;
    border-radius:0.35rem;
    border:1px solid #009AF1;
    margin:0 0.1rem;
}
.yqchange-user-btns span.blue-btn,.yqchange-user-btns a.blue-btn{
    color:#fff;
    background:#3C9AF2;
}
.yqzd-user{
    display: none;
}
.decor-line{
    color:#bbb;
    margin-left:0.08rem;
    text-decoration: line-through;
}
.red-text{
    color:#f00 !important;
}
.reservation_mc,.love_family_mc{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    display: none;
    z-index: 101;
}
.reservation_tc{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 6.37rem;
    height: 7.03rem;
    background: url(../img/tcbg.png) no-repeat;
    background-size: 100%;
    text-align: center;
    padding-top: 3.45rem;
}
.reservation_tc h4,.new_reservation_tc h4 {
    font-size: .36rem;
    font-family: PingFang SC, PingFang SC-Semibold;
    font-weight: 700;
    text-align: center;
    color: #326dd2;
    line-height: .54rem;
    padding: 0 .83rem;
}
.new_reservation_tc h4{
    padding: 0 .65rem;
}
.yyzskf_btn{
    margin: .27rem auto .2rem;
    width: 3.5rem;
    height: .88rem;
}
.reservation_btns{
    display: flex;
    justify-content: space-between;
    padding: 0 .4rem;
}
.reservation_btns>div{
    width: 2.38rem;
    height: .74rem;
    background: linear-gradient(77deg,#dbeaff, #e5f1ff);
    border-radius: .37rem;
    font-size: .34rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #2477fa;
    line-height: .74rem;
}

.reservation_btns>.confirm_btn {
    background: linear-gradient(77deg,#0b71fe 19%, #5da8fe 96%);
    color: #ffffff;
}
.yy_close{
    width: .76rem;
    height: .76rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.76rem;
}
.love_family_tc {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.9rem;
}
.love_family_top{
    width: 6.9rem;
    height: 2.57rem;
    background: url(../../kdzq/img/loveTcbg.png) no-repeat;
    background-size: 100%;
    padding-top: 2.04rem;
}
.love_family_top h4{
    text-align: center;
    font-size: .38rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #000000;
    line-height: .53rem;
}
.love_family_bot{
    width: 6.9rem;
    background: #fff;
    border-radius: 0 0 .32rem .32rem;
    padding: .18rem .4rem .58rem;
    margin-top: -1px;
}
.love_family_cont {
    font-size: .3rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: left;
    color: #666666;
    line-height: .48rem;
    text-indent: 2em;
}
.love_family_cont i{
     color: #FF0000;
}
.love_family_btn{
    width: 3.2rem;
    height: .9rem;
    background: #418ce2;
    border-radius: .45rem;
    font-size: .36rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: .9rem;
    letter-spacing: .06rem;
    margin: .46rem auto 0;
}
.love_close{
    width: .54rem;
    height: .55rem;
    position: absolute;
    bottom: -1rem;
    left: 50%;
    transform: translateX(-50%);
}

.remind-ggfloat{
    position:static;
    padding: 0.2rem 0 0.2rem;
    background:rgba(255,72,23,0.1);
    background-size:0.26rem;
}
.remind-ggfloat .scroll{

}
.remind-ggfloat .scroll li{
    color:#FF4513;
    min-width:14rem;
    font-size:0.24rem;
    padding-right:0.5rem;
}
.draw-prize-box{
    /*width:5.7rem;*/
    /*margin:0rem 0 0 0.66rem;*/
    /*padding-top:0.2rem;*/
    min-height:0.29rem;
}
.new_reservation_tc .reserve_title {
    font-size: .32rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .32rem;
    margin-bottom: .24rem;
    margin-top: .4rem;
    padding-left: .55rem;
}
.yuyue_list ul {
    padding: 0 .4rem;
    display: flex;
    flex-wrap: wrap;
}
.yuyue_list ul li {
    width: 1.6rem;
    height: .72rem;
   background: #f7f7f7;
   border: 1px solid #dddddd;
    border-radius: .12rem;
    font-size: .28rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #666666;
    line-height: .72rem;
    margin: 0 .2rem .2rem 0;
    position: relative;
}
.yuyue_list ul li::after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .42rem;
    height: .32rem;
    background: url(../img/nocheck.png) no-repeat;
    background-size: 100%;
}
.yuyue_list ul li.active {
    background: #f2faff;
    border: 1px solid #2477fa;
    color: #0e66f0;
}
.yuyue_list ul li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: .42rem;
    height: .32rem;
    background: url(../img/check.png) no-repeat;
    background-size: 100%;
}
.yuyue_list ul li:nth-child(3n){
    margin-right: 0;
}
.yuyue_list ul li:nth-last-child(1){
    width: 5.2rem;
    margin: 0 auto .3rem;
}
.new_reservation_tc{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 6rem;
    background: linear-gradient(180deg,#a6bbff 0%, #c5d3fe 9%, #f2f5f8 28%, #f6f8f7);
    text-align: center;
    padding-top: 1.51rem;
    padding-bottom: .4rem;
    border-radius: .2rem;
}
.tc_img_logo{
    width: 2.43rem;
    height: 2.55rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.2rem;
}
.new_yy_close{
    width: .66rem;
    height: .66rem;
    bottom: -0.86rem;
}
.kd_serve {
    width: 7.02rem;
    height: 2.34rem;
    background: #ffffff;
    border-radius: .2rem;
    margin: .3rem auto 0;
    padding-top: .3rem;
}
.kd_serve h3{
    font-size: .34rem;
    font-family: PingFang SC, PingFang SC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .34rem;
    padding-left: .3rem;
    margin-bottom: .16rem;
}
.kd_serve ul {
    display: flex;
    justify-content: space-between;
    padding: 0 .4rem;
}
.kd_serve ul li{
    text-align: center;
}
.kd_serve ul li img{
    width: 1rem;
    height: 1rem;
    display: block;
    margin: auto;
}
.kd_serve ul li p {
    font-size: .24rem;
    font-family: PingFang SC, PingFang SC-Regular;
    font-weight: Regular;
    text-align: center;
    color: #333333;
    line-height: .24rem;
}