dl, dd, dt, ol, ul, li, p {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #333;
}

.my_content {
    padding-bottom: 5rem;
}

.bage {
    min-width: .54rem;
    height: .54rem;
    background: #FF3333;
    border-radius: 18px;
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: .54rem;
    position: absolute;
    right: .54rem;
    top: -.3rem;
    text-align: center;
    padding: .06rem;
}

.my_info {
    width: 100%;
    height: auto;
    background: url('../../index/images/bg1.png?t=11') no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
}

.my_infos {
    width: 100%;
    height: auto;
    background: url('../../index/images/bg.png?t=11') no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    position: relative;
}

.top_my {
    width: 100%;
    height: auto;
}

.logo {
    width: 60px;
    height: 60px;
    position: relative;
}

.logo_img {
    width: 60px;
    height: 60px;
    border: 3px solid #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.myName {
    font-size: 0.8rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

#credit {
    line-height: 25px;
    color: #fff;
    font-size: 0.6rem;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#credit i {
    font-size: .7rem;
}

.flex-left {
    display: flex;
    justify-content: left;
    align-items: center;
}

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

.flex-end {
    display: flex;
    justify-content: end;
    align-items: center;
}

.flex-fl-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

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


.my_nav {
    width: 94%;
    background: rgba(255, 255, 255, 1);
    border-radius: .4rem;
    position: absolute;
    bottom: -5%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 0 5% 0;
}

.my_nav > dl {
    width: 25% !important;
    cursor: pointer;
    position: relative;
    display: flow-root;
    justify-content: center;
    align-items: center;
}

.my_nav > dl:active {
    background: #eee;
    border-radius: .16rem;
}

.my_nav > dl > dd {
    text-align: center !important;
    margin-bottom: 0.5rem;
}

.my_nav > dl > dt {
    text-align: center;
    font-size: .65rem !important;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    margin-top: 0rem;
}

.jf_haibao {
    width: 94%;
    height: 2.76rem;
    margin: 2.5rem auto 0 auto;
    background: url('../../index/images/bg_jfschb.png') no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
    cursor: pointer;
}

.jf_haibao p:first-child {
    font-size: .6rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(255, 99, 68, 1);
    margin-top: .66rem;
    margin-left: .56rem;
}

.jf_haibao p:last-child {
    font-size: 0.55rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255, 99, 68, 1);
    margin-left: .56rem;
}

.jf_code {
    width: 94%;
    height: auto;
    margin: 14.4% auto 0 auto;
    background: url('../../index/images/bg_jfschb.png') no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    overflow: hidden;
    cursor: pointer;
    line-height: 1.3rem;
}

.jf_code p:first-child {
    font-size: .7rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(255, 99, 68, 1);
    margin-top: .66rem;
    margin-left: .56rem;
}

.jf_code p:last-child {
    font-size: 0.55rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(255, 99, 68, 1);
    margin-left: .56rem;
}

.common_serve {
    width: 94%;
    height: auto;
    background: rgba(255, 255, 255, 1);
    border-radius: .4rem;
    margin: .6rem auto 0 auto;
    overflow: hidden;
}

.common_tit {
    font-size: .7rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    text-indent: 1em;
    border-bottom: 1px solid #f3f2f0;
    margin-bottom: 0.3rem;
    overflow: hidden;
    padding: 10px 0;
}

.chengxx {
    text-indent: unset;
    padding: 5% 0;
    background: url('../../index/images/deyushu.png') no-repeat right bottom;
    background-size: 25%;
}

.chengxx a {
    line-height: 1.6rem !important;
    color: #999;
}

.chengxx .ffet {
    font-size: 1.5rem;
    color: #1479FF;
}

.common_tit.moneycredit {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: stretch;
    align-self: stretch;
    grid-gap: 20px;
    padding: 20px;
    text-indent: unset;
    margin: 0;
}

.moneycredit a {
    color: #999;
}

.common_tit a {
    line-height: 1.3rem;
    font-size: 0.6rem;
}

.common_tit i {
    font-size: .7rem;
    margin-right: 2px;
}

.dls {
    width: 98%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.settings {
    position: absolute;
    right: 1rem;
    top: .7rem;
}

.settings i {
    font-size: 1rem;
}

.dls dl {
    width: 25%;
    float: left;
    cursor: pointer;
    margin-top: 0rem;
    margin-bottom: 0.4rem;
    position: relative;
}

.batttt dl {
    width: 50%;
}

.batttt dl dt {
    margin-bottom: 0.3rem;
}

.batttt dl i {
    font-size: .8rem;
}

.dls dl:active {
    background: #eee;
    border-radius: .16rem;
}

.dls dl dd {
    width: 100%;
    text-align: center;
}

.shoucang {
    width: .8rem;
    height: .76rem;
    text-align: center;
    margin: 0 auto;
}

.jifenjilu {
    width: 1rem;
}

.shouhuo {
    width: .86rem;
}

.dls dl dt {
    font-size: .6rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    text-align: center;
    margin-top: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 公共样式 */
.imgCover { width: 100%; height: 100%; }
.df { display: flex; }
.df-align { display: flex;justify-content: center;align-items: center  }
.df-just { display: flex; justify-content: center;align-items: center }
.df-center { display: flex; align-items: center; justify-content: center; }
.df-around { display: flex; justify-content: space-around; align-items: center; }
.df-between { display: flex; justify-content: space-between; align-items: center; }



.blue { color: #0095FD !important; cursor: pointer; }
.back { width: .34rem; height: .6rem; position: absolute;  left: .74rem; padding: .4rem;cursor: pointer; }
.back img { width: 100%; height: 100%; }
.title { width: 100%;  font-size:.72rem;font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(255, 255, 255, 1); }
.business-container { width: 100%; height: auto; background: white;  margin-top: .4rem;}
.content-container { width: 100%; height: 6rem;background-image: url('../../index/images/bg.png'); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; }
.business-info { width: 13.8rem; height: 2.8rem; background: linear-gradient(90deg, rgba(255, 160, 15, 1) 0%, rgba(254, 109, 9, 1) 100%);  box-shadow: .06rem .2rem 30px 0px rgba(255, 78, 0, 0.5);border-radius:.4rem;margin: 0 auto; overflow: hidden; }
.business-info_logo { width: 2rem; height: 2rem;  border-radius:.4rem; margin-top: .46rem; margin-left: .42rem;}
.business-info_logo img {  border-radius: .4rem;}
.business-info_store { width: 7rem; margin-left: 1rem; }
.business-info_store p { width: 100%; }
.storeName { margin-top: .56rem; font-size:.72rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(255, 254, 254, 1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.storePhone { margin-top: .12rem; font-size:0.55rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(255, 255, 255, 1); }
.business-info_url { width: 2.96rem;  height:.92rem; line-height: .92rem;background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 177, 10, 1) 0%, rgba(253, 102, 26, 1) 100%);  border-radius:.46rem; font-size:.44rem;font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(255, 255, 255, 1);  margin-top: .94rem;cursor: pointer; }
.sjxx {  width: .18rem; height: .32rem; margin-left: .2rem;}
.my-point { width: 13rem; margin: 0 auto; margin-top: 1.2rem; }
.myPoint { font-size:.56rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(51, 51, 51, 1); }
.dajinbi { width: .8rem; height: .8rem; border-radius: 50%;/* vertical-align: sub; */}
.money { font-size:.8rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(51, 51, 51, 1);  margin-left: .2rem;}
.it-url { width: 13.8rem; margin: 0 auto; margin-top: 1rem; }
.itImg { width: 4.32rem; height: 2rem; cursor: pointer; }
.point_warp { width: 100%; height: 5.8rem; background: linear-gradient(0deg, #f6f6f6 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%); }
.point { width: 13.8rem; height: 5.8rem; background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(248, 228, 250, 1) 100%);  border-radius:.2rem;margin: 0 auto;/* margin-top: .6rem; */}
.point-title { height: 1.5rem; }
.zs { width: .56rem; height: .5rem; vertical-align: middle;  margin-left: .6rem;}
.point_font { font-size:.56rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(187, 38, 194, 1);  margin-left: .16rem;}
.point_font2 { font-size:.5rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(102, 102, 102, 1); }
.point-img { width: .18rem; height: .32rem; vertical-align: middle; }
/*.content { width: 12.6rem; margin: 0 auto;  margin-top: .18rem;}*/
dl { width: 2.7rem; text-align: center; }
dl dt { font-size:0.55rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(51, 51, 51, 1);  margin-top: .38rem;}
.fixed-nav,.fixed-navs { width:100%; height: 3.2rem; margin: 0 auto;  margin-top: .3rem; background:#fff;padding: 0.1rem 0;}
/*.active { font-size:.56rem; font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(254, 117, 9, 1)!important; }*/
.uls { width: 100%; height: 1.6rem; background: rgba(255, 255, 255, 1); }
.uls li { height: .8rem; font-size:0.55rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(51, 51, 51, 1); text-align: center; flex: 1;  line-height: .8rem;cursor: pointer; }
.thisDian {  border-left: .02rem solid #ccc; border-right: .02rem solid #ccc;}
.twoClass { width: 100%; height: 1.6rem; position: relative; }
.twoClass { font-size:0.55rem; font-family: PingFang SC; font-weight: 400; color: rgba(153, 153, 153, 1); }
.twoClass .allImg { width: .32rem; height: .18rem; vertical-align: middle; }
.twoClass .priceImg { width: .2rem; height: .4rem; vertical-align: middle; }
.two_three { width: 8rem;  margin-right: .4rem;}
.two_three div { width: 33.3%; text-align: right; }
.all_box,.all_boxs { margin-left: .68rem; cursor: pointer; }
.mr-T {  margin-top: .4rem;}
.message_box { width: 13.8rem; height: 6.6rem; background: url('../../index/images/bg_tanchuang.png') no-repeat; background-position: center center; background-size: 100% 100%; position: absolute; top: 1.2rem; left: 0.62rem; z-index: 999; opacity: 1; animation: showPanel 5s ease; -moz-animation: showPanel 5s ease-in; -webkit-animation: showPanel 0.5s ease; display: none; }
.fixed_b { left: 50%; transform: translateX(-50%); top: 1.6rem; }
.classification { width: 13.8rem; height: 6.6rem; }
.classification li { width: 25%; height: 1.98rem;  font-size:.56rem;font-family: PingFang SC; font-weight: 400; color: rgba(102, 102, 102, 1); float: left; text-align: center; line-height: 1.98rem;  margin-top: .2rem;}
.activeTwo { /* font-size:0.55rem; */font-family: PingFang SC; font-weight: 400; color: rgba(51, 51, 51, 1)!important; }
.fullpage { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); ; position: fixed; top: 0; left: 0; z-index: 9; display: none; }
.list-container { margin: 0 auto; padding-bottom: 1rem; /* margin-top: .45rem; *//* position: relative; */height: 100%;/* box-shadow: .2rem .2rem .4rem #000; */}
.every_list { width: 14.4rem; height: 5.2rem; background: rgba(255, 255, 255, 1);  border-radius:.2rem; margin-top: .45rem;box-sizing: border-box; }
.goods_img { width: 5.2rem; height: 5.2rem;  border-radius:.2rem 0px 0px .2rem;position: relative; box-sizing: border-box; float: left; }
.good_explain { width: 5.2rem; height: 1.2rem; background: rgba(0, 0, 0, 1); opacity: 0.5;  border-radius:0rem 0px 0px .2rem;text-align: center; line-height: 1.2rem;  font-size:.45rem;font-family: PingFang-SC-Medium; font-weight: 500; color: rgba(255, 255, 255, 1); position: absolute; bottom: 0; left: 0; }
.good_info { width: 7.54rem; height: 100%; float: left;  margin-left: .6rem;}
.good_info-it { width: 7.54rem; height: 1.68rem;  font-size:.56rem;font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(62, 62, 62, 1);  line-height:.84rem; margin-top: .3rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;  }
.jinbi { font-size:.68rem; font-family: PingFang-SC-Medium; font-weight: bold; color: rgba(254, 117, 9, 1);  margin-top: .2rem;}
.xiaojinbi { width: .64rem; height: .66rem; border-radius: 50%; }
.jinbimoney {  margin-left: .2rem;}
.price { font-size:.44rem; font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(153, 153, 153, 1);  margin-top: .18rem;}
.market { text-decoration: line-through; }
.fixedNav { position: fixed; background: #fff; top: 0; width: 100%; z-index: 9999;  box-shadow: .1rem .1rem .3rem #ccc;border-radius: 0; margin-top: 0; }
#nomore { text-align: center;  font-size:0.55rem;font-family: PingFang-SC-Regular; font-weight: 400; color: rgba(204, 204, 204, 1); width: 100%; height: 1.2rem; line-height: 1.2rem; }
.one_pointGoods { display: none; }
.onePoint { font-size:0.55rem; font-family: PingFang SC; font-weight: 400; color: rgba(51, 51, 51, 1);  margin-top: .2rem;}
.tozhi { font-size:.5rem; font-family: PingFang SC; font-weight: 400; color: rgba(217, 217, 217, 1);  margin-top: .4rem;text-align: center; }
.no-conbtent { width: 100%;  margin-top: .3rem;background: linear-gradient(#fff, #f6f6f6, #fff, #f3f3f3); }
.img-no { width: 6.74rem; margin: 0 auto; padding: 3rem 0;}
.img-noimg { width: 6.74rem; height: 5.52rem; margin-top: 3rem; }
.foot { width: 100%; height: 1.96rem; background: rgba(254, 254, 254, 1); position: fixed; bottom: 0; left: 0; }
.foot_dl { width: 50%; height: 1.96rem; text-align: center; cursor: pointer; }
.foot_dl dd { height: .86rem; text-align: center; margin: 0 auto;  margin-top: .24rem;}
.foot_dl dt { font-size:.44rem; font-family: PingFang SC; font-weight: 500; color: rgba(51, 51, 51, 1);  margin-top: .1rem;}
.foot_Homeimg { width: .92rem; height: .86rem; text-align: center; margin: 0 auto; }
.foot_Myimg { width: .72rem; height: .88rem; text-align: center; margin: 0 auto; }
@keyframes showPanel {  0% {
    transform: scale(0.5);
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.0;
}
    50% {
        transform: scale(1.05);
        left: 50%;
        transform: translateX(-50%);
        opacity: 1.0;
    }
    100% {
        transform: scale(1);
        left: 50%;
        transform: translateX(-50%);
        opacity: 1.0;
    }
}
/* Firefox */
@-moz-keyframes showPanel {  0% {
    -moz-transform: scale(0.5);
    opacity: 0.0;
}
    50% {
        -moz-transform: scale(1.05);
        opacity: 1.0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1.0;
    }
}
/* Safari and Chrome */
@-webkit-keyframes showPanel {  0% {
    -webkit-transform: scale(0.75);
    opacity: 0.0;
}
    50% {
        -webkit-transform: scale(1.05);
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1.0;
    }
}
.body_bgg { padding-bottom: 0.8rem; }
.n_code { width: 14.16rem; height: 6.46rem; background: url(../../index/images/dgm_bg2.png) no-repeat center top; background-size: 100%; margin: 0 auto; }
.n_code span { width: 3.36rem; height: 3.36rem; display: block; padding: 1.2rem; }
.n_code span img { width: 3.36rem; height: 3.36rem; }
.body_bgg img { width: 100%; }
/* 2019 9 6 */
.n_tool_one { width: 13.8rem; margin: 1rem auto 0; }
.n_tool_one img { width: 13.8rem; }
.n_tool_two { width: 13.8rem; margin: 1rem auto 0; }
.n_tool_two img { float: left; width: 6.7rem; }
.n_tool_banner { width: 13.8rem; margin: 1rem auto 0; }
.n_tool_banner img { width: 4.32rem; height: 2rem; }
.n_tool_banner .swiper-slide { float: left; width: 30% !important; }
.n_tool_banner .swiper-slide img { width: 100%; }
.n_swiper_btn { height: 4px; width: 1.52rem; left: 45%; top: 2.2rem !important; border-radius: 0.2rem; background: #E9E9E9; }
.n_swiper_btn span { background: #FF8B30 !important; border-radius: 0.2rem !important }
/* 立即结账 */
.n_pay_con { background: #fff; padding: 1.3rem 0.9rem; }
.n_pay_con h1 { color: #333333; font-size: 0.68rem; }
.n_pay_con h6 { color: #999999; font-size: 0.52rem; padding-top: 0.4rem; }
.n_pay_con h4 { font-size: 0.6rem; color: #333333; padding-top: 2rem; }
.n_pay_con span { display: block; height: 2.36rem; }
.n_pay_con span input { display: block; height: 2.36rem; width: 8rem; color: #FD3E3E; font-size: 1.16rem; float: left; padding-left: 10xp; }
.n_pay_con span i { float: left; font-family: arial; line-height: 2.5rem; font-size: 1.16rem; color: #333333; }
.n_pay_con span input::-webkit-input-placeholder {
    color: #FD3E3E;
}
.n_pay_con span input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FD3E3E;
}
.n_pay_con span input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #FD3E3E;
}
.n_pay_con span input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #FD3E3E;
}
.n_pay_jifen { padding: 0 0.9rem; border-top: 0.4rem solid #F4F6F8; }
.n_pay_jifen p { color: #333333; padding-top: 0.8rem; padding-left: 1.2rem; font-size: 0.72rem; background: url(../../index/images/newjf_jifen.png) no-repeat left 0.8rem; background-size: 0.84rem 0.84rem; }
.n_pay_jifen a { display: block; width: 12.6rem; height: 1.68rem; background: rgba(221, 221, 221, 1); border-radius: 0.2rem; text-align: center; margin: 0 auto; line-height: 1.68rem; color: #fff; font-size: 0.72rem; margin-top: 1.5rem; }
.n_pay_result { width: 15rem; text-align: center; height: 100%; background: url(../../index/images/newjf_beiji.png) no-repeat center top; background-size: 15rem 12.16rem; }
.n_pay_result img { width: 1.52rem; height: 1.52rem; padding-top: 1.5rem; }
.n_pay_result p { color: #FFFFFF; font-size: 0.96rem; font-weight: 500; padding-top: 0.7rem; }
.n_pay_result article { font-family: arial; font-size: 0.6rem; color: #fff; padding-top: 0.7rem; }
.n_pay_result .n_pay_img_tu img { width: 8.3rem; height: 8.3rem; }
.n_pay_result .n_pay_img_tu p { color: #212121; font-size: 0.68rem; }
.n_pay_result .n_pay_img_tu article { color: #999999; font-size: 0.52rem; }
.n_pay_sotre { padding: 0 0.9rem; }
.n_pay_sotre li { width: 100%; float: left; }
.n_pay_sotre p { float: left; color: #333333; font-size: 0.52rem; }
.n_back_home { width: 12.6rem; height: 1.68rem; background: #FD3E3E; border-radius: 0.2rem; display: block; margin: 0.6rem 1.2rem; border: 1px solid #FD3E3E; float: left; color: #fff; line-height: 1.68rem; }
.n_back_star { width: 12.6rem; height: 1.68rem; border: 1px solid #FD3E3E; border-radius: 0.2rem; display: block; margin: 0.6rem 1.2rem; float: left; color: #FD3E3E; line-height: 1.68rem; }
.n_wx_tip { width: 12.8rem; height: 7.06rem; background: #fff; border-radius: 0.2rem; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; }
.n_wx_tip p { width: 10rem; height: 2rem; color: #333333; font-size: 0.72rem; margin: 0 auto; line-height: 1rem; padding-top: 1.8rem; }
.n_wx_tip a { width: 12.1rem; height: 1.64rem; background: #FD3E3E; border-radius: 0.08rem; color: #fff; display: block; margin: 0.8rem auto 0; text-align: center; line-height: 1.64rem; }
.n_record { width: 15rem; margin-top: 0.4rem; background: #fff; overflow: hidden; }
.n_record ul { width: 13.4rem; padding: 0 0.8rem }
.n_record ul li { border-bottom: 1px solid #ddd; }
.n_record ul li:last-child { border-bottom: none; }
.n_record ul li span { display: block; color: #333333; font-size: 0.6rem; height: 1.76rem; line-height: 1.76rem; }
.n_record ul li span b { font-weight: bolder; }
.n_record ul li em { color: #666; font-size: 00.55rem; float: right; }
.n_record ul li p { display: block; color: #666666; font-size: 00.55rem; padding-bottom: 0.6rem; }
.n_record ul li p strong { color: #333333; font-size: 0.6rem; font-weight: bolder; }
.n_record_null { width: 15rem; text-align: center; padding-top: 3rem; }
.n_record_null img { width: 6.7rem; height: 5.2rem; }
.n_record_null p { color: #CCCCCC; font-size: 0.6rem; padding-top: 1rem; }
.n_per_box { width: 15rem; background: url(../../index/images/newjf_bg.png) no-repeat center top; background-size: 15rem 8rem; overflow: hidden; }
.n_per_box .n_headimg { padding-top: 1.5rem; float: left; }
.n_per_box .n_headimg img { float: left; width: 2.28rem; height: 2.28rem; border: 2px solid #EBDDB4; border-radius: 100%; margin-left: 0.68rem; }
.n_per_box .n_headimg p { float: left; width: 10rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #FFFFFF; font-size: 0.84rem; padding-top: 0.74rem; padding-left: 0.4rem; }
.n_per_box .n_icons { float: left; width: 94%; height: 3.2rem; background: #fff; border-radius: 0.4rem; margin: 2rem 0.6rem 0; }
.n_per_box .n_icons ul { display: flex; justify-content: space-between; padding: 0.6rem 1.2rem; }
.n_per_box .n_icons ul li { text-align: center; }
.n_per_box .n_icons ul li span { height: 1rem; display: block; text-align: center; }
.n_per_box .n_icons ul li span.n_dfh img { width: 0.88rem; height: 0.82rem; }
.n_per_box .n_icons ul li span.n_dsh img { width: 0.88rem; height: 0.88rem; }
.n_per_box .n_icons ul li span.n_dqr img { width: 0.88rem; height: 0.76rem; }
.n_per_box .n_icons ul li span.n_all img { width: 0.72rem; height: 0.88rem; }
.n_per_box .n_icons ul li p { color: #666666; font-size: 00.55rem; padding-top: 0.2rem; }
.n_banner { width: 94%; margin: 0.6rem auto; }
.n_banner img { width: 94%; }
.n_fuwu { width: 94%; margin: 0.6rem auto; background: #fff; border-radius: 0.4rem; }
.n_fuwu h2 { color: #333333; font-size: 0.56rem; padding-top: 0.6rem; padding-left: 0.6rem; }
.n_fuwu ul { display: flex; padding: 0.6rem; flex-flow: wrap; }
.n_fuwu ul li { width: 2.4rem; text-align: center; margin-right: 0.9rem; padding-bottom: 0.8rem; }
.n_fuwu ul li:nth-child(4n) { margin-right: 0; }
.n_fuwu ul li span { height: 1rem; display: block; text-align: center; }
.n_fuwu ul li span img { width: 0.8rem; height: 0.8rem; }
.n_fuwu ul li p { color: #666666; font-size: 00.55rem; padding-top: 0.2rem; }
.n_remove { display: none; float: right; margin-top: 0.8rem; width: 1rem; height: 1rem !important; border-radius: 100%; color: #fff; line-height: 0.94rem !important; background: #ddd; text-align: center; font-size: 0.8rem; }
.warp_tel { width: 13.4rem; height: 2rem; line-height: 2rem; padding: 0 0.8rem; background: #fff; margin-top: 0.4rem; }
.warp_tel p { color: #333333; font-size: 0.56rem; padding-right: 0.8rem; }
.warp_tel b { font-size: 0.56rem; color: #EA4C43; float: right; }
.n_warp_mod_tel { width: 15rem; background: #fff; margin-top: 0.4rem; padding: 1.7rem 0; }
.n_warp_mod_tel p { color: #999999; font-size: 0.56rem; text-align: center; }
.n_warp_mod_tel h3 { color: #333333; font-size: 0.96rem; font-weight: bolder; text-align: center; padding-bottom: 0.6rem; }
.n_pwd_box { width: 15rem; background: #fff; padding-bottom: 1.44rem; }
.n_input_center { width: 9.6rem; height: 10.55rem; display: flex; margin: 0 auto; background: #FFF; padding: 0 2.7rem; }
.n_input_center input { flex: 1; height: 10.55rem; font-size: 0.8rem; text-align: center; margin-left: 0.2rem; }
.n_input_center input:first-child { margin-left: 0; }
.now { width: 1.32rem; heigth: 1.4rem; border-bottom: 1px #cccccc solid; }
.n_pwd_box span {
    font-size: 0.55rem; text-align: center; display: block; padding-top: 0.4rem; }
.n_pwd_box p { padding-top: 0.6rem; font-size: 00.55rem; color: #999999; text-align: right; padding-right: 2.7rem; }
.n_pwd_sure { display: block; width: 13.08rem; height: 1.8rem; background: linear-gradient(0deg, rgba(235,94,88,1), rgba(234,76,67,1)); border-radius: 0.2rem; margin: 0.8rem auto; color: #fff; text-align: center; line-height: 1.8rem; }
.n_shuru_tel { margin: 0 2.7rem; height: 10.55rem; line-height: 10.55rem; border-bottom: 1px solid #CCCCCC; }
.n_shuru_tel i { float: left; width: 10.55rem; height: 10.55rem; background: url(../../index/images/newjf_icon_phone.png) no-repeat left center; background-size: 0.5rem 0.86rem; }
.n_shuru_tel input { float: left; width: 5.5rem; height: 10.55rem; line-height: 10.55rem; }
.n_shuru_tel b { font-size: 00.55rem; color: #999999; text-align: right; float: right; }
.n_mod_success { background: #fff; margin: 0.4rem 0; padding-bottom: 1.5rem; }
.n_mod_success i { width: 2rem; height: 2rem; display: block; background: url(../../index/images/icon_chenggong.png) no-repeat center center; background-size: 2rem 2rem; padding: 1.2rem 0; margin: 0 auto; }
.n_mod_success p { color: #666666; font-size: 0.56rem; text-align: center; }
.n_mod_success p b { padding-top: 0.4rem; display: block; color: #333333; }

.flsts { float:left; width:6.8rem; height:auto; margin:0 0.3rem 0.3rem;border-radius:0}
.slist-container .lists { padding-left:0.1rem;}
.flsts .good_info,.flsts .good_info-it { width:100%;}
.flsts .good_info { margin-left:0; padding:0 0.3rem; width:auto; padding-bottom:0.3rem;}
.flsts .jinbi { margin-top:0.1rem;}
.flsts .goods_img { width:100%;}

.my-point{margin-top: .5rem;}
.all_boxs span { float:left; width:11%;line-height: 22px;}
.all_boxs a { width:12.5rem; display:inline-block;}
.mores { line-height:40px; float:right; padding:0 20px; margin-top:-3px;}
.two_three div { text-align:center;font-size: 0.55rem;}
.activeTwo { color:#F90 !important; font-weight:bold;}
.business-info {margin-top: 0.2rem;}
.content-container {height: 90px;background: rgba(254, 117, 9, 1);}
.storeName {margin-top: .9rem;}
.fl { float: left;}
.fr { float:right;}
.myscroll,.porder,.ewocroll { width: 100%; height: 0.8rem; margin: 0 auto; line-height: 26px; font-size: 12px; overflow: hidden; border-top:1px dotted #f3f3f3;}
.myscroll li,.porder li,.ewocroll li { height: 22px; margin-left: 15px; overflow:hidden;}

.business-info { margin-top: 7px; width:95%;border-radius: 5px; height:76px;}
.business-info_logo { width: 56px; height: 56px;border-radius: 5px; margin:10px 0 0 10px;}
.business-info_logo img {border-radius: 5px;}
.storeName { margin-top:23px; font-size:20px;}
.business-info_store { width:50%; margin-left:18px;}
.business-info_url { width:21%;height: 24px; line-height:24px; font-size:12px;margin-top:25px;}
.swiper_warp { }

.nsiiiss .twoClasss { font-size:14px;height:28px;position: relative;}
.nsiiiss .fixed-navss {background: #fff; height:28px;margin-top:10px; padding:5px 0;}
.nsiiiss .dsss {line-height:28px;font-size:12px; width:100%;}
.cofls { width:73%;height:28px;line-height:28px;}

.bbbsss {margin-bottom:10px;}
.bbbsss .warp_fixeds { height:70px;}
.bbbsss .fixed-navs {background: #fff; height:28px;margin-top:10px; padding:5px 0;}
.bbbsss .twoClass { font-size:14px; height:auto;}
.bbbsss .mr-T {margin:0; line-height:28px; width:100%;}
.bbbsss .mnaae { width:84%; font-size:12px;}
.bbbsss .myscroll {height: 35px; background:#fff;}

.pintuan .fixed-nav {background: #fff; height:35px;margin-top:10px; padding:5px 0;margin: 0 auto !important;}
.pintuan .twoClass { font-size:14px; height:auto;}
.pintuan .two_three { margin:0;}
.pintuan .two_three div { font-size:14px; line-height:35px;font-weight: normal;}
.pintuan .two_three { width:100%;}

.warp_fixed,.warp_fixeds{width: 100%;}
.list-container{margin:0; width:100%; /*padding-bottom:5rem;*/}
.every_list { margin-top:10px; width:100%; height:auto;border-radius:3px;}
.every_list .goods_img { width:30%; height:30%;border-radius:2px;}
.every_list .good_info { width:67%; margin-left:3%;}
.every_list .good_info-it { width:98%; height:44px; line-height:22px; font-size:13px; margin-top:5px; overflow:hidden;}
.every_list .jinbi { font-size:13px; margin-top:5px;}
.every_list .xiaojinbi { width:16px; height:16px;}
.every_list .jinbimoney { margin-left:5px;}
.every_list .price { font-size:12px; margin-top:5px;padding-bottom: 5px;}

#catlists { padding-bottom:5px;display: block; margin-bottom:7px; height:35px;}
#catlists .fixed-nav {height:35px; padding:2px 0;}
#catlists .twoClass { font-size:13px; height:35px;}
#catlists .mr-T { margin-top:0; line-height:35px; margin:0}
#catlists .two_three div {font-size:13px;font-weight: normal;}

#keywords { height:36px; width:92%; margin:0; font-size:14px;}
.shops .already { padding-right:2%; display: none;}

.jifenjilu { width:22px; height:22px;}
.jf_haibao { margin-top:10px; width:100%; height:80px; margin:15px auto 0;}
.jf_haibao .poi { margin-bottom:5px;}
.jf_haibao p:first-child { margin-top:25px; font-size:14px; margin-bottom:5px;line-height: 1.5rem;}
.rechargeconfirm { font-size:14px; margin:15px auto; width:100%; text-align: center;}
.onset {border:2px solid #ffc824 !important;}
.grey-lines { font-size:12px; margin:10px auto; width:96%;line-height: 22px; color:#aaa; padding:0 2% 2%;}
.confirm { width:94%; height:2rem; line-height:2.2rem; border-radius:6px; margin:0 auto; display:inline-block; background:#1479FF; color:#fff; text-align:center; font-size:14px;}
.moneys { border:1px solid #ffc824; border-radius:5px; padding:0 5px; width: 9rem}

.coentmy .foot_Myimg { width:20px; height:auto;}

.tops {
    padding-top: 2rem;
}

.topbars {
    width: 100%;
    height: 2rem;
    background: #fff;
    border-bottom: 0.04rem solid #e1dddd;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: calc(env(safe-area-inset-top) + 0.3rem) env(safe-area-inset-right) 0.3rem env(safe-area-inset-left);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    border-top: 1px solid #f3f3f3;
}
.topbars h2 {
    font-size: 0.7rem;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.lyheader {
    height: 5.8rem
}

.ly_header {
    height: 3.8rem;
    background-size: auto;
}

.topbars .backs {
    left: 0rem;
    width: 1.7rem;
    height: 2rem;
    position: absolute;
}

.topbars .backs i {
    font-size: 0.9rem;
    color: rgba(102, 102, 102, 1);
}

#styid {display: none;}

#onfa {
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999998;
    display: none;
}

#onfa p {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #fff;
}


.ly .top_my {
    margin-top: .85rem;
}

.ly .myName {
    width: 60%;
}

.log {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0.4rem;
    font-size: 0.6rem;
}

.log i {
    font-size: 0.8rem;
}


.ly #credit { text-align:right; line-height:25px; color:#fff; font-size:0.50rem; width:30%; position: relative; height: 2rem;}


.my_navs {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_navs li {
    text-align: center;
    width: 33.333%;
    background: #fff;
    padding: 0.5rem 0;
    font-size: 0.6rem;
    line-height: 1.3rem;
    color: #333;
    border-bottom: 2px solid #f5f5f5;
}

.my_navs li.on {
    border-bottom: 2px solid #1479FF;
}

.img-no {
    display: grid;
    justify-content: center;
    align-items: center;
}

.img-no i {
    font-size: 3rem;
    color: rgba(217, 217, 217, 1);
}

.layui-layer-btn .layui-layer-btn0 {
    background: #1479FF;
    border: 1px solid #1479FF;
    color: #fff !important;
}

.topbars .ok {right: 0;width: 4.14rem;line-height: 2.76rem;text-align: center;position: absolute;top: 0;color: #585b5d;
    font-size: 0.6rem;height: 2rem
}

.topbars .ok i {
    font-size: 0.9rem;
}

.wumenu li {
    width: 100%;
    text-align: left;
    padding-left: 1rem;
}

.dis_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-item {
    width: 100%;
    margin-top: 0.3rem;
    background: #fff;
    padding: .5rem;
    line-height: 1rem;
}

.list-item .item-name,.list-item .types-time {
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-item .types-time {
    justify-content: space-around;
    border-top: 1px solid #f3f3f3;
    margin-top: .3rem;
    padding-top: .3rem;
    color: #ccc;
}

.list-item .item-name .item-lf {
    width: 80%;
    height: 2rem;
}

.list-item .item-name .item-lr {
    width: 20%;
    text-align: center;
    font-weight: bold;
    color: #1479FF;
}

.list-item .types-time .types {
    width: 80%;
    text-align: left;
}

.list-item .types-time .times {
    width: 20%;
    text-align: center;
}

.item-img-info .item-img {
    flex-shrink:0;
    width: 15%;
}

.item-img-info .item-info {
    flex-shrink:0;
    width: 85%;
    padding-left: .4rem;
    font-size: .55rem;
    color: #ccc;
}

.info-name {
    width: 80%;
    text-align: left;
    color: #333;
}

.info-isbay {

}

.info-bay {
    width: 20%;
    text-align: center;
    font-weight: bold;
    color: #1479FF;
}


.address-list .list-item {
    margin: 0 0 .3rem;
}

.address-list .item-info {
    width: 100%;
    padding: 0;
    line-height: 1.3rem;
}

.address-list .info-bay {
    width: 20%;
    text-align: right;
    padding-right: .2rem;
}

.address-list .info-bay .inco i {
    color: #1479FF;
}

.address-list .info-name {
    font-size: 0.7rem;
    font-weight: bold;
    height: 1.5rem;
}

.address-list .bay-time {
    font-size: .6rem;
    color: #333;
    line-height: 1rem;
    padding: .3rem 0;
}

.address-list .muren {
    padding: .5rem 0;
    background: #1479FF;
    color: #fff;
    height: 1rem;
    width: 3rem;
    line-height: .1rem;
    text-align: center;
}

.footeradd {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.footeradd .increa {
    font-size: 0.6rem;
    background: #396;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 54px;
    line-height: 54px;
}

.footeradd .increa i {
    font-size: 1rem;
}

.weui-cells {
    font-size: 0.7rem !important;
    margin-top: 0 !important;
}

.weui-picker-modal .picker-items {
    font-size: .7rem !important;
    text-align: center!important;
}

.toolbar .title {
    font-size: .7rem !important;
}

.toolbar .picker-button {
    font-size: .7rem !important;
}

.weui-picker-modal {
    height: 12rem !important;
}

.weui-label {
    line-height: 1.5rem !important;
    margin: 0!important;
}

.ressadd {
    position: relative;
}

.ressadd i {
    position: absolute;
    right: .0rem;
    top: .1rem;
    font-size: .9rem;
    color: #333;
}

em,s,i{font-style:normal;}
.ord-status-txt-ts{font-size:.6rem; color:#ee7800;}
.weui-panel__hd{padding:.5rem;font-size: .6rem;}
.weui-panel__hd:after{left:10px;}
.ords-btn-dele{display:inline-block; margin-left:10px; padding:2px 15px; font-size:.65rem; border:1px solid #333; border-radius:3px; color:#333;}
.ords-btn-com{display:inline-block; margin-left:10px; padding:2px 15px; font-size:.65rem; border:1px solid #1479FF; border-radius:3px; color:#1479FF;}
.weui-cell.oder-opt-btnbox{display:block; text-align:right;}
.ord-statistics{padding:.3rem; border-top:1px solid #e5e5e5; font-size:.6rem; text-align:right;}
.ord-statistics span{margin-left:5px;}
.pd-10{padding:.5rem .6rem;}
.weui-media-box__bd .ord-pro-list{margin-top:8px; padding-top:8px; border-top:1px solid #ededed;}
.weui-media-box__bd .ord-pro-list:first-child{margin-top:0; padding-top:0; border-top:0;}
.weui-media-box__desc{
    line-height:1.4!important;
    font-size: .6rem!important;
    margin-bottom: 0!important;
}
.wy-pro-pri em{font-weight:bold; margin-left:2px;}
.weui-media-box_appmsg .weui-media-box__hd{
    width:82px !important;
    height:82px !important;
    margin-right: .4rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f3f3f3;
    padding: .1rem;
}
.ord-pro-link{font-size:.7rem; font-weight:normal; color:#232323;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;word-wrap: break-word;word-break: break-all; line-height:1.8; display:block;}
.mg-t-10{margin-top: .2rem;}
.wy-pro-pri{color:#e21323; font-size:.6rem; margin-top:3px; line-height:20px;}
.wy-pro-pri span{font-family:Arial, Helvetica, sans-serif; padding-left:3px; font-size:13px;}
.font-13{font-size: .6rem;}
.font-15{font-size: .7rem;}
.weui-panel__hd {
    font-size: .6rem !important;
}

.weui-panel__hd a {
    color: #999;
}


.scode {
    position: relative;
}

.scode button {
    position: absolute;
    right: 0;
    top: -.25rem;
    width: 4.8rem !important;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: .6rem;
}

.codeno {
    background: #ccc !important;
    color: #333 !important;
}


.inoset {

}

.knatttta {
    color: #666;
    line-height: 2rem;
    width: 94%;
    font-size: .6rem;
    margin: .6rem auto 0 auto;
    padding-left: 5px;
    background: #fff;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.knatttta span {
    margin-right: .5rem;
    border-right: 1px dotted #f3f3f3;
    text-align: center;
    width: 25%;
    justify-content: end;
}

.knatttta span i {
    font-size: .8rem;
}


.knatttta a {
    width: 65%;
    display: flex;
    height: 2rem;
    overflow: hidden;
    text-align: right;
    justify-content: flex-end;
}

.knatttta a i {
    font-size: .6rem;
}


.weui-panel__hd:after,.weui-cell:before {
    left: 0!important;
}

.maps {
    margin: .5rem 0;
    background: #fff;
    padding: .5rem;
}

.maps-lt {
    width: 10%;
    color: #666;
}

.maps-lr {
    display: block;
    width: 90%;
    line-height: 1.2rem;
    overflow: hidden;
}

.name-moile {
    font-size: .7rem;
}

.addressino {
    color: #999;
    font-size: .6rem;
}

.menuopeatr {
    position: fixed;
    left: 0;
    bottom: 0px;
    height: 54px;
    z-index: 19999;
    width: 100%;
}

.menuopeatr a {
    background: #1479FF;
    color: #fff;
    text-align: center;
    line-height: 54px;
    width: 100%;
    font-size: .8rem;
}


.wnesdt .maps-lt {
    width: 15%
}

.wnesdt .maps-lr {
    line-height: 1.5rem;
}

.wnesdt .name-moile {
    font-size: .65rem;
}

.wnesdt .maps-lt i {
    color: #666;
    font-size: 1.1rem;
}

.htitle {
    border: 1px solid #ccc;
    background: #f3f3f3;
    padding: .6rem;
    margin-bottom: .8rem;
}

.mains {
    padding: .5rem .75rem 0;
}

.mains .name-time {
    line-height: 2rem;
    margin-bottom: .5rem;
}

.mains .names {
    width: 50%;
    justify-content: end;
    color: #007bff;
    font-size: .6rem;
    font-weight: bold;
}

.mains .names i {
    font-size: 1rem;
}

.mains .times {
    width: 50%;
    color: #999;
    text-align: right;
}

.preitems {
    position: relative;
}

.eles {
    width: 8rem;
    position: absolute;
    right: -8rem;
    transition:all .6s;
    background-color: #999;
    z-index: 99999;
    height: 100px;
    border-radius: 5px;
    color: #fff;
}

.eles {
    font-size: .6rem;
}

.eles i {
    font-size: .8rem;
}

.el_left {
    text-align: center;
    width: 50%;
    justify-content: end;
    border-right: 1px dotted #fff;
}

.el_right {
    text-align: center;
    width: 50%;
    justify-content: end;
}

.my_content .comment {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.timess {
    line-height: 1.5rem;
    padding: .2rem;
    width: 100%;
    background: #f9f9f9;
    border: none;
    margin-top: .2rem;
    font-size: .65rem;
}

.fui-list-group {
    background-color: #fff;
    position: relative;
    margin-top: .5rem;
    position: relative;
}

.fui-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .4rem .6rem;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

#addressInfo .fui-list {
    padding-top: .8rem;
    padding-bottom: .83rem;
}

.order-create-page #addressInfo:after {
    content: ' ';
    position: absolute;
    left: 0;
    width: 100%;
    height: .15rem;
    background: url(../images/order_line.png) repeat-x;
}

.fui-list-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
}

.order-create-page .fui-list-inner {
    align-self: flex-start;
}

.fui-list-angle {
    position: relative;
    vertical-align: middle;
    margin-right: .6rem;
    margin-left: .5rem;
}

.fui-list-inner .text {
    position: relative;
    font-size: 0.65rem;
    color: #666;
}

.order-create-page .no-address {
    font-size: 0.8rem;
}

.order-create-page .no-address {
    font-size: .7rem;
    color: #000;
    text-align: center;
}

.fui-list .angle:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 0.4rem;
    width: 0.4rem;
    border-width: 1px 1px 0 0;
    border-color: #b2b2b2;
    border-style: solid;
    position: relative;
    top: 0px;
    margin-left: .1em;
}

.fui-list-angle .angle:after {
    position: absolute;
    top: 50%;
    margin-top: -.3rem;
}


.fui-list-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
}

.order-create-page .fui-list-inner {
    align-self: flex-start;
}

.fui-list-inner .title {
    position: relative;
    font-size: 0.7rem;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1rem;
    line-height: 1rem;
}

.order-create-page .fui-list-inner .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
}

.order-create-page .fui-list-inner .title.has-address {
    font-size: .7rem;
    line-height: 1.2rem;
    height: 1.2rem;
}

.order-create-page .realname {
    display: inline-block;
    max-width: 9rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 1.2rem;
}

.order-create-page .mobile {
    display: inline-block;
    overflow: hidden;
}

.order-create-page .address {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .65rem;
    color: #666;
}

.my_nav code,.dls code {
    position: absolute;
    top: -.3rem;
    right: 1rem;
    background: #1479FF;
    color: #fff;
    border-radius: 50%;
    font-size: .5rem;
    width: .8rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.explain {
    padding: .6rem;
    font-size: .6rem;
    color: #999;
    line-height: 1.1rem;
}

.tops-bg {
    height: 16vh;
    position: relative;
    color: #fff;
}

.tops0 {
    background: url("/static/index/images/to0.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.tops1 {
    background: url("/static/index/images/to1.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.tops2 {
    background: url("/static/index/images/to2.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.tops3 {
    background: url("/static/index/images/to3.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.tops4 {
    background: url("/static/index/images/to4.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.tops5 {
    background: url("/static/index/images/to5.jpg") no-repeat scroll -10px;
    background-size: 105%;
}

.nick-names {
    position: absolute;
    left: 15vw;
    top: 3.5vh;
    word-break:break-all;
    width: 50vw;
    height: 5vh;
    overflow: hidden;
}

.namest {
    position: absolute;
    right: 5vw;
    bottom: 1.5vh;
    font-size: .55rem;
}

.wode {
    position: absolute;
    right: 3vw;
    top: 2.2vh;
    color: #fff;
}

.listxin {
    position: absolute;
    bottom: 4.4vh;
    left: 8.2vw;
}

.listxin .xinke {
    width: 6.5vw;
    height: 3vh;
    margin-right: 7vw;
}

.userinfos {
    position: relative;
    text-align: center;
}

.userinfos h2 {
    width: 100%;
    color: #ff3000;
    margin: 0;
    padding-top: 15px;
    font-size: 1.2rem;
    font-weight: bold;
}

.userinfos .boxrule {
    position: absolute;
    right: 15px;
    top: 0;
    color: #999;
    font-size: .65rem;
}

.couj {
    background: url("/static/index/images/couja.jpg") no-repeat;
    background-size: 105%;
    height: 18.8vh;
    position: relative;
}

.boxrule {
    position: absolute;
    right: 15px;
    top: 2vh;
    color: #999;
    font-size: .65rem;
}

.prizelist {
    background: url("/static/index/images/bhgs.jpg") no-repeat;
    background-size: 100%;
    height: 27vh;
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}

.prizelist h2 {
    text-align: center;
    padding-top: 2vh;
    color: #333;
}

.minats {
    padding-top: 5vh;
    overflow: hidden;
}

.pr-left {
    padding-top: 2vh;
    padding-left: 5vw;
}

.pr-list {
    line-height: 1.5rem;
}

.pr-right {
    width: 28%;
    float: right;
}

.pr-yao {
    text-align: left;
}

.ding-list {
    overflow: hidden;
    padding: 15px 0;
    background: #fff;
}

.ding-list .adimg {
    width: 50%;
    text-align: center;
    padding: 10px;
    float: left;
}

.ding-list .adimg img {
    width: 100%;
}

.cous-list {
    margin-top: 15px;
}

.cous-list  .cousimg {
    width: 50%;
    text-align: center;
    padding: 10px;
    float: left;
}

.right-top {
    margin-bottom: 7px;
}

.namest span {
    padding: 0 5px;
    text-decoration:underline
}


.container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-bottom: calc(env(safe-area-inset-bottom) + 93px);
}

.flex-left {
    display: flex;
    justify-content: left;
    align-items: center;
}

.flex-right {
    display: flex;
    justify-content: right;
    align-items: center;
}

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

.flex-center-column {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

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

.grid {
    display: grid;
    justify-content: center;
    align-items: center;
}

.nav {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    /*grid-template-rows: repeat(4, 12%);*/
    padding: .5rem;
    text-align: center;
    background: #fff;
    border-top: 1px solid #f3f3f3;
}

.nav .item .imgCover {
    width: 2rem;
    height: 2rem;
}

.nav .item a {
    flex-direction: column;
    font-size: 0.6rem;
    font-weight: bold;
    line-height: 30px;
}

.pd-bottom {
    padding-bottom: calc(env(safe-area-inset-bottom) + 93px);
}

.public-bottom {
    background-color: #fff;
    position: relative;
    z-index: 100;
    left: 0;
    width: 100vw;
    bottom: calc(env(safe-area-inset-bottom) + 93px);
}

.group-box {
    min-height: 400px;
    max-height: 1000px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 40px);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.font-line-one {
    display: -webkit-box;
    line-height: 48px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
    text-align: left;
}

.font-line-two {
    display: -webkit-box;
    line-height: 48px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    text-align: left;
}


.footers {
    padding: 30px 0;
    font-size: 22px;
    color: #999;
    display: block;
    text-align: center;
}

.dls .goods-items {
    padding: 1% 2%;
}

.dls .goods-items .goods-name {
    padding: .2rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-word;
    text-align: left;
}
.dls .goods-items .goods-price {
    width: auto;
    color: #1479FF;
    font-weight: bold;
}

.dls .goods-top {
    height: 8.3rem;
    width: 8.3rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #f3f3f3;
}

.dls .goods-top img {
    width: 100%;
}

.no-gutters {
    position: relative;
}

.bdsstt {
    background: #fff;
    width: 116px;
    height: 11px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0px;
}

.bumbs {
    padding: 10px;
    margin: 10px;
    background: #fff;
    border-radius: 10px;
}

.bumbs .item {
    line-height: 35px;
}

.bumbs .proportion {
    font-size: .9rem;
}

.bumbs .proportion .right {
    color: #1479FF;
}

.bumbs .proportion .right span {
    font-size: .5rem;
    color: #999;
}

.bumbs .createtime {
    margin-top: 3px;
    border-top: 1px solid #f1f1f1;
    color: #999;
    font-size: .5rem;
}

.bumbs .bt {
    font-size: .7rem;
    margin-bottom: 10px;
}

.bcenter {
    grid-template-columns: 1fr 1fr;
    justify-items: stretch;
    align-self: stretch;
    grid-gap: 10px;
}

.bcenter .items {
    line-height: 24px;
    background: #f1f1f1;
    align-items: unset;
    padding: 10px;
    border-radius: 5px;
}

.bcenter .items .left {
    font-size: .6rem;
}

.bcenter .items .right {
    font-size: .8rem;
    color: #1479FF;
}