@charset "utf-8";

/* 首页 */
.ban{height: 10rem; width: 100%; position: fixed; left:0; top:0; z-index: 5; }
.ban img{height: 10rem; object-fit: cover;}

.sort_l_wrap{width:4rem; overflow: auto; background: #f6f6f6; position: fixed; top:10rem; left:0; height: calc(100% - 10rem);}
.sort_l_wrap a{
  display: block;
  position: relative;
  height:2.25rem;
  line-height:2.2rem;
  text-align: center;
  font-size: .6rem;
  color: #666;
}
.sort_l_wrap a.active {
  font-weight: bold;
  color: #000;
  background: #fff;
}
.sort_l_wrap a.active::after {
  display: block;
  width: .2rem;
  height: .75rem;
  content: "";
  background: #1434CB;
  border-radius:0 2.5rem 2.5rem 0;
  position: absolute;
  left:0;
  top:.75rem;
}
.sort_content{padding-top:10rem; height:100%;}
.sort_content .zhanw{width: 4.8rem;}
.sort_r_wrap{
  height: calc(100% - 1rem);
  overflow: auto;
  padding-right: .45rem;
}
.snf-page{padding-top:.8rem; }
.list_tit{font-size:.7rem; color: #000000; font-weight:bold;}
.list_box{padding-top:.2rem;}
.list_item{margin-top: .75rem;}
.list_item .pic{width: 4rem; height: 4rem; background: #FBFBFB; border-radius:.2rem; margin-right: .75rem; }
.list_item .pic img{width: 4rem; height: 4rem; object-fit: cover; border-radius:.2rem; }
.list_item .con{justify-content: space-between;}
.list_item .con h2{font-size: .7rem; color: #333; font-weight: bold; white-space: inherit; text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.list_item .con p{flex: 1; font-weight:bold; font-size:.75rem;color: #000000;}
.list_item .con h4{width: 3.25rem; height: 1.2rem; background: #1434CB; border-radius:1rem; font-size: .6rem; color: #FFFFFF; text-align: center; line-height: 1.15rem; }

/* 领取权益 */
.equity_handle{margin:1rem 1.25rem 0; padding-bottom:4rem;}
.equity_tit{align-items: center;}
.equity_tit .line{height: 1px; background: #979797;}
.equity_tit h2{font-size: .8rem; font-weight: bold; color: #000000; margin:0 .7rem; }
.equity_txt{font-size: .7rem; margin-top:.4rem; color: #474747;}
.equity_bom{ width: 100%; height: 3.25rem; background: #fff; padding:.15rem .75rem 0; position: fixed; left:0; bottom: 0;}
.equity_bom .btn{display:block; height: 2.3rem; font-size:.7rem; color: #FFFFFF; line-height: 2.3rem; text-align: center;}
.equity_bom .btn_black{background: #333333;}
.equity_bom .btn_grey{background: #A9A9A9;}
.equity_bom .btn_blue{background: #1434CB;}


/* 支付 */
.pay_handle{margin:1.5rem 1rem 0; padding-bottom:4rem;}
.visa_pic{width: 5.2rem; margin:0 auto;}
.visa_num{margin-top:.9rem; text-align: center; color: #E03C44; font-size:1.5rem; font-weight:bold;}
.pay_cdown{margin:.4rem auto 0; width:9rem; height: 1.5rem; background: #F6F6F6; border-radius:1rem; font-size: .65rem; color: #474747; font-weight:bold; text-align: center; line-height: 1.5rem; }
.pay_handle .tips{margin-top:1rem; font-size:.65rem; color: #474747;}
.pay_out{margin-top:.75rem;}
.pay_tit{font-size: .65rem; color: #999;}
.pay_tit span{color:#E02020;}
.pay_infor{margin-top:.2rem;}
.pay_infor input{width: 100%; height:1.9rem; border: 1px solid #979797; box-sizing: border-box; padding:0 .3rem; font-size: .7rem; color: #333;}
.data_item{width: 3.5rem; height: 1.3rem; border: 1px solid #979797; margin-right: 1.5rem; line-height: 1.2rem; background:url(../../images/sd/down.png) 90% center no-repeat; background-size:.4rem auto; padding:0 .8rem 0 .3rem; }

.result_handel{margin-top:2rem; text-align: center;}
.result_handel .pic{width:2.5rem; margin:0 auto;}
.result_handel .tit{margin-top:.6rem; font-size:.8rem; color: #333333; font-weight:bold; }
.result_handel .txt{margin-top:.3rem; font-size: .55rem; color: #A6A6A6;}
.result_handel .btns{margin-top:2.5rem; justify-content: center;}
.result_handel .btns a{display: block; width:4.5rem; height: 1.5rem;border-radius:1rem; border: 1px solid #CCCCCC; margin:0 1rem; font-size: .65rem; color: #0A0A0A; font-weight: bold; line-height: 1.45rem; }


/* 6.27 */
.list_item .con p span{color: #999; font-size: .7rem; font-weight: normal; margin-left: .3rem; }
.spinfo_body{background: #f6f6f6; padding:.75rem 0 3rem; box-sizing: border-box;}
.spinfo_top{margin:0 .5rem; background: #FFFFFF;border-radius:.2rem; padding:.6rem 1rem .6rem .6rem;}
.spinfo_top .list_item{margin-top:0;}
.spinfo_top .list_item .pic{width:6.5rem;}
.spinfo_top .list_item .pic img{width:6.5rem;}
.spinfo_top .list_item .con p span{margin-left: 0;}
.spinfo_top .list_item .con h3{font-size:.9rem; color: #E03C44; font-weight:bold;}
.spinfo_know{margin:.75rem .5rem 0; background: #FFFFFF;border-radius:.2rem; padding:.75rem; height: calc(100% - 7rem); overflow: hidden;}
.spinfo_tit{font-size:.7rem; color: #000000; font-weight:bold;}
.spinfo_con{height: calc(100% - 3.5rem); overflow-y: scroll; font-size: .7rem; color: #474747; margin-top:.8rem;}
.spinfo_con p{margin-top:.2rem;}


.spinfo_tit{font-size: .75rem;}
.spinfo_know .equity_tit{margin-top:.5rem;}
.spinfo_know .equity_tit h2{margin:0; font-size: .75rem;}
.list_item .con p span{text-decoration: line-through;}
.spinfo_con{margin-top:.1rem;}

/* 2024.8.14 修改 */
/* 首页 */
.top_box{height: 12.35rem; width: 100%; position: fixed; left:0; top:0; z-index: 5;}
.top_box .ban{position: static;}
.login_box{ margin:-1.75rem .625rem 0; background: #FFFFFF; border-radius: .5rem; box-shadow:0 .05rem .5rem 0 rgba(204,204,204,0.5); padding:1.1rem 1rem 1.1rem .75rem; position: relative; }
.login_box h2{font-size: .75rem; font-weight: bold;color: #000000;}
.login_box h4{width: 3.25rem; height: 1.2rem;background: #1434CB; border-radius: 1rem; font-size: .6rem; font-weight: bold; color: #FFFFFF; text-align: center; letter-spacing: 1px; line-height: 1.2rem; }
.login_box_yi{pointer-events: none;}
.sort_l_wrap{top:12.35rem; height: calc(100% - 12.35rem);}
.sort_content{padding-top:12.35rem; height: calc(100% - 2.5rem);}

/* 底部导航 */
.footer_wrap{ height:2.5rem; background:#fff; position:fixed; left:0; bottom:0; z-index:10; width:100%; box-shadow:0 -0.1rem .25rem 0 rgba(225,225,225,0.5); align-items: center;border-radius:1rem 1rem 0 0;}
.footnav_btn{ align-items: center; text-align: center; }
.footnav_btn .footnav_img{ width: 1.2rem;height: 1.2rem;}
.footnav_home{ background:url(../../images/sd/bom_nav1.png) no-repeat center center; background-size:100% auto;}
.footnav_my{ background:url(../../images/sd/bom_nav2.png) no-repeat center center; background-size:100% auto;}
.footnav_name{font-size: 0.5rem; color: #666; font-weight: bold;}
.footnav_cur .footnav_name{color: #000;}
.footnav_cur .footnav_home{background:url(../../images/sd/bom_nav3.png) no-repeat center center; background-size:100% auto;}
.footnav_cur .footnav_my{ background:url(../../images/sd/bom_nav4.png) no-repeat center center; background-size:100% auto;}

/* 登录页 */
.signup_ban{width:100%; height:5.75rem; padding-top:1.5rem;}
.signup_ban img{width: 5.25rem; margin:0 auto;}
.signup_box{margin:0 1.375rem; padding-top:.1rem; }

.regist_out{height:2rem; align-items: center;  border-radius:1rem; margin-bottom:1rem; padding:0 1rem; border: 1px solid #1533CB; }
.regist_out img{ display:block; width:1rem; height:1rem; margin-right: .5rem;}
.regist_infor{ font-size:0.75rem; align-items: center; }
.signup_box .depict{font-size:0.75rem; color: #333; width: 100%; display: block; }
.signup_box .depict::-webkit-input-placeholder { /* WebKit browsers */
    font-size:.75rem;
    color: #666;
}
.signup_box .depict:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:.75rem;
    color: #666;
}
.signup_box .depict::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:.75rem;
    color: #666;
}
.signup_box .depict:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size:.75rem;
    color: #666;
}
.obtain{display:block; width:auto; height:1.0rem; line-height:.95rem; font-size:0.6rem; color: #1533CB; }
.regist_infor .graph{ width: 2.8rem;}
.regist_infor .graph img{ width:100%; height: auto;}

.registbtn{display: block; margin-top:2rem; height:2.25rem; text-align:center; color: #fff; font-size:0.75rem; line-height:2.2rem; border-radius:.2rem; background: #1533CB; letter-spacing:1px;}
.registbtn_grey{background: #A9A9A9;}
.registbtn_black{background: #333333;}

.priagree_inp{ margin-top:.8rem; margin-left: .5rem;}
.priagree_inp input[type="checkbox"]{ display:none;}
.priagree_inp label{display: block; padding-left: 1.2rem; position: relative; user-select: none; font-size: .6rem; color: #333; }
.priagree_inp label a{color: #1533CB; }
.priagree_inp label::before{display: block; width: .9rem; height: .9rem; content: ""; position: absolute; left: 0; top:0;background: #E5E5E5; border-radius: .1rem; }
.priagree_inp input[type="checkbox"]:checked + label::before {
    background:url(../../images/sd/sel.png);
    background-size:100% auto;
}

/* 个人中心页 */
.mycen_top{width: 100%; background: linear-gradient( 180deg, #E7F6FF 0%, #FFFFFF 100%); padding:.8rem 0 0 1rem;}
.mycen_top .pic{width: 2rem; height: 2.2rem;}
.mycen_top .name{font-size:.75rem; font-weight: bold; color: #000; align-items: center;}
.mycen_top .name::after{display: block; width: .4rem; height:.65rem; content: ""; background:url(../../images/sd/right.png);
    background-size:100% 100%; margin-left: .45rem;}
.mycen_top .tit{margin-top:1.3rem; font-weight:bold; font-size:.7rem; color: #000000;}
.mycen_order{margin:0 1rem; padding-top: .1rem; padding-bottom: 3rem;}
.order_box{margin-top:.6rem;}
.order_box .pic{width:3.9rem; height:3.9rem; margin-right: .8rem; }
.order_box .pic img{width: 3.9rem; height: 3.9rem; object-fit: cover; border-radius:.2rem; }
.order_box .con{justify-content: space-between;}
.order_box .huiji{font-size: .7rem; color: #000000; font-weight: bold;}
.order_box .time{font-size: .6rem; color: #666666;}
.order_box .wanc{font-size:.6rem; font-weight: bold; color: #1434CB;}
.order_box .pay{font-size:.6rem; color: #1434CB;}
.order_box .money{font-size:.75rem; color: #E02020; font-weight: bold;}
.mycen_order .skan_all{display: block; height: 1.3rem; margin-top:1rem; font-size: .7rem; color: #000000; text-align: right;background:url(../../images/sd/right2.png) right center no-repeat; background-size:1.25rem 1.25rem; padding-right: 1.8rem;}
.empty_box{margin-top:2.9rem; font-size: .7rem; text-align: center; color: #666666;}
.empty_box img{width: 3rem; margin:0 auto .3rem;}

/* 账号相关页面 */
.acc_num{margin:0 1rem; padding:.2rem 0 1rem;}

.acc_num .item{margin-top:1rem; font-size: .75rem; color: #333; font-weight: bold;}

.acc_num a.item{display: block; background:url(../../images/sd/right.png) right center no-repeat; background-size:.4rem .65rem; }



/* 服务协议 */
.service_agr{margin:1.0rem .5rem 1.5rem; font-size: .7rem; color: #666; line-height: 1.0rem;}
.service_agr h4{margin-top:1.5rem; }
.service_agr h3{margin:.9rem 0;font-size: .75rem; color: #333;font-weight: 600;}
.service_agr h2{font-size: .8rem; color: #333;font-weight: 600; text-align: center;}

/* 2024.11.5 */
/* 订单列表页面 */
.order_form_head{ position:fixed; background:#fff; z-index:10; left:0; top:0; width:100%; height: 2.2rem; overflow: hidden;}
.order_top{height:3.5rem; overflow-x: scroll;}
.order_top li{width:4.7rem; height: 2.2rem; float: left; color: #333; font-size:0.7rem; line-height:2.2rem; text-align: center;}
.order_top .order_now{color: #1434CB; font-weight:bold; position:relative; }
.order_top .order_now:after{display: block; width:.6rem; height: .2rem; content: ""; background:#1434CB; border-radius: .1rem; position: absolute; left:50%; bottom:.3rem; transform: translateX(-50%);}
.order_form_handel{ padding:2.2rem 1rem 1rem;}
.orderlist{margin-top:.8rem; font-size: .7rem; }
.orderlist_l{width:3rem; height:3rem; background: #F6F6F6; border-radius: .2rem; margin-right: .5rem;}
.orderlist_l img{height: 100%; object-fit: cover; border-radius: .2rem;}
.orderlist_c{overflow: hidden;}
.orderlist_c .name{ color: #000000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.orderlist_c .time{font-size: .6rem; color: #999;}
.orderlist_c .fuku{font-size: .6rem; color: #1434CB;}
.orderlist_r{text-align: right;}
.orderlist_r .state{font-weight:bold; color: #1434CB;}
.orderlist_r .price{color: #E83A3A; font-size: .6rem;}
.content_none{width: 100%; height:100%; padding-top: 2.0rem;box-sizing: border-box}
.search_none_box{width:8rem; margin:0 auto; }
.search_none_title{width: 100%;text-align: center;color:#666; font-size:0.7rem; margin-top:.5rem;}

/* 订单详情 */
.grey_body{background: #F7F7F7;}
.order_part_handel{ padding:0.8rem 0.8rem 4rem; font-size:0.7rem; }
.order_part_handel .orderlist{background: #FFFFFF;border-radius:.3rem; margin-top:0; padding:.6rem;}
.order_part_handel .orderlist_l{width:4.4rem; height:4.4rem;}
.order_part_handel .orderlist_c .fuku{margin-top:.2rem;}
.mation_head{ padding:0.2rem 0.6rem; background:#fff; border-radius:0.3rem; margin-top: .8rem; align-items: center;}
.mation_news{height: 2rem; font-size:0.7rem; justify-content: space-between; color:#666; align-items: center; }
.mation_val{color: #333;}
.mation_val_red{color: #E83A3A;}
.mation_val_blue{color: #1434CB; font-weight: bold;}
.mation_mation_duih{height: 2.8rem; background: #F7F7F7;border-radius:.3rem; text-align: center; font-size: .7rem;color: #000000; font-weight: bold; align-items: center; justify-content: center;  }
.mation_hei{height: .4rem; line-height: 0;}
.reserv{color: #666;}
.reserv h3{line-height: 2.2rem;}
.reserv p{font-size: .6rem;}
.feast_order_foot{ position: fixed; bottom: 0; left: 0; width: 100%;height:3.2rem; background: #fff; z-index: 10; border-top: 1px solid #DFE0E4; padding:.75rem .75rem 0; justify-content: space-between;}
.order_affect a{ display:block; width:3.5rem; height:1.2rem; line-height:1.1rem; text-align:center; border-radius:.2rem; font-size:0.65rem; margin-left:0.3rem; color: #FFFFFF; }
.order_affect a.affect_blue{background: #1434CB;}
.order_zhifu span{color:#1434CB; margin:0 .2rem}



/* 激活页 12.12 */
.activ_ban{width: 100%; position: relative; margin-bottom: 3rem;}
.activ_ban .tit{background:url(../../images/sd/use/arrow.png) left center no-repeat; background-size:.55rem auto; font-size: .9rem; color: #fff; padding-left: .9rem; position: absolute; left:1.1rem; bottom:1.1rem; }

.jihuo{margin-top:.8rem;font-size: .6rem; color: #333; text-align: center; }
.jihuo a{color: #1533CB; }