body {
    padding: 0;
    margin: 0;
    background: #f6f6f7;
    --pickertheme: #c02a10;
    --animehide: 0
}
body.show_all_el {
    --animehide: 1
}
.d-n {
    display: none
}
#app {
    font-family: PingFang SC, Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666;
    font-size: .4rem
}
p {
    margin: 0
}

.home {
    width: 100vw;
    position: relative
}
.home.ispc {
    width: 95%;
    max-width: 10rem;
    margin: 0 auto
}
@media screen and (max-width: 750px) {
    .home.ispc {
        width: 100%;
    }
}

@font-face {
    font-family: ALMM;
    src: url(../fonts/almm.93606f8b.otf);
    font-weight: 400;
    font-style: normal
}

.home .index_page .zf-index_recommend__title {
    margin-top: .26667rem
}
.home .index_page .zf-top_marquee {
    background: #c61c0b
}
.home .index_page .zf-top_marquee .zf-top_marquee__notice_content {
    color: #e6c17e;
    font-size: .29333rem
}
.home .index_page .sider-follow .zf-notice-bar__marquee-list .item-name {
    font-weight: 400;
    color: #002b44
}
.home .index_page .sider-follow .zf-notice-bar__marquee-list .text_content {
    font-family: PingFangSC-Light;
    font-size: .32rem;
    color: #002b44;
    opacity: 1
}
.home .index_page .van-field__control {
    color: #a58071;
    font-size: .4rem
}
.home .index_page input::placeholder {
    color: #b4a282;
    font-size: .4rem
}
.home .index_page .zf-index_pub__complaint_img {
    z-index: 99
}
.home .index_page .zf-agreement_select {
    padding: .34667rem 0 .52rem
}
.home .index_page .zf-agreement_select .zf-agreement_select__text {
    color: #fff9e3;
    margin-left: .08rem
}
.home .index_page .zf-agreement_select .zf-agreement_select__text .to_argeement {
    color: #f9e398
}
.home .index_page .zf-public-footer {
    margin-top: .8rem
}
.home .index_page .zf-public-footer .public-footer__team,
.home .index_page .zf-public-footer .zf-public-footer__rightdesc,
.home .index_page .zf-public-footer .zf-public-footer__serve .to_serve,
.home .index_page .zf-public-footer .zf-public-footer__serve span {
    color: #fff0c5
}
.home .index_page .zf-index_pub__footer_sider_list {
    bottom: 2.02667rem;
    right: .46667rem;
    z-index: 9
}
.home .info_page {
    padding-bottom: 3.2rem
}
.home .info_page input::placeholder {
    color: #cd8c23;
    letter-spacing: -1px
}
.home .info_page .van-field__control {
    color: #333
}
.home .info_page .zf-agreement_select {
    color: #d6b18c;
    padding: .64rem 0 .48rem
}
.home .info_page .zf-agreement_select .xieyi_unselect {
    border-color: #595a63
}
.home .pay_page .zf-pay_pub--show_all {
    padding-bottom: 0
}
.home .pay_page .zf-card__card-main {
    background: transparent;
    width: 95%;
    max-width: 10rem;
    padding: 0 .26667rem .4rem;
    background: url(../img/zfy_top@2x.f171a0b1.png) no-repeat 0 0/100% 100%
}
.home .pay_page .zf-card__card-inner {
    color: #392619;
    padding: .4rem 0 0 0
}
.home .pay_page .zf-pay_pub__pay_main {
    margin-bottom: .53333rem;
    padding: 0
}
.home .pay_page .zf-pay_pub__pay_box {
    display: none;
    border-top: 1px solid #d8c9a1
}
.home .pay_page .zf-pay_pub__yuanjia {
    color: #36271b
}
.home .pay_page .zf-pay_pub__less_price :first-child {
    background: #ffcc48;
    color: #36271b
}
.home .pay_page .zf-pay_pub__less_price :nth-child(2) {
    color: #cf3923
}
.home .pay_page .zf-pay_pub__less_price :nth-child(2) i {
    color: #cf3923;
    background: transparent
}
.home .pay_page .zf-pay_pub__time_out {
    color: #cf3923
}
.home .pay_page .zf-pay_pub__pay_way {
    color: #36271b
}
.home .pay_page .zf-public-footer__rightdesc,
.home .pay_page .zf-public-footer__serve,
.home .pay_page .zf-public-footer__serve .to_serve {
    color: #ffe9a8
}
.home .result_page .zf-card__title-bg {
    position: absolute;
    top: -.4rem;
    width: 9.6rem;
    height: 1.92rem;
    color: #fae495;
    padding-top: .26667rem;
    background: url(../img/jgy_mokuai_shang@2x.07ba76a2.png) no-repeat 0 0/9.6rem 1.92rem
}
.home .result_page .zf-card__card-main {
    width: 9.6rem;
    margin: 0 auto;
    border: none;
    padding-bottom: .8rem;
    background: url(../img/zf-card-bg.png) no-repeat 0 bottom/9.6rem .8rem, transparent
}
.home .result_page .zf-card__title {
    letter-spacing: 1.5px;
    font-weight: 600;
    text-shadow: 1px 1px 0 #feb;
    color: #f20000;
    font-size: .53333rem!important;
    font-family: PingFang SC
}
.home .result_page .zf-card__card-inner {
    width: 95%;
    max-width: 10rem;
    padding-bottom: 0
}
.home .result_page .zf-result_pub__container {
    padding-top: .66667rem;
    padding-bottom: 2.77333rem;
    background: #701a00
}
.home .result_page .zf-result_pub__container.zf-result_pub__container--no_top {
    padding-top: 0
}
.home .result_page .zf-hot-recommend {
    background: #fff
}
.home .result_page .zf-result_pub__diversion_box {
    margin-top: -1.33333rem;
    background: transparent
}
.home .result_page #save_result {
    padding-top: .13333rem
}
.home .result_page #save_result .save_card {
    margin-bottom: .74667rem
}
.home .result_page #save_result .save_card .card_title span {
    margin-right: .05333rem;
    letter-spacing: -.5px
}
.home .result_page #save_result .zf-save-result {
    width: 9.6rem;
    padding: 1.06667rem .66667rem 0 .66667rem;
    background: url(../img/zf-save-result-bg.png) repeat 0 0/9.6rem 1.38667rem
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box {
    border-radius: .58667rem;
    overflow: hidden;
    margin-bottom: .42667rem;
    border: .5px solid #d9cda9
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box:nth-child(2) {
    margin-bottom: .48rem
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box .van-cell.van-field {
    background: #fff9ea;
    padding-top: .25333rem;
    padding-bottom: .25333rem;
    padding-left: .37333rem;
    display: flex;
    justify-content: center;
    align-items: center
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box .van-cell.van-field .van-field__label {
    width: 1.09333rem;
    max-width: 1.2rem;
    font-family: PingFangSC-Semibold;
    font-weight: 700;
    font-size: .34667rem;
    margin-right: 0;
    color: #392619
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box .van-cell.van-field .van-field__label:after {
    content: "\FF1A"
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box .van-cell.van-field .van-field__value {
    font-size: .32rem
}
.home .result_page #save_result .zf-save-result .zf-save-result__input-box .van-cell.van-field .van-field__value input::placeholder {
    color: #a79b91;
    font-size: .32rem
}
.home .result_page #save_result .zf-save-result .zf-save-result__save-btn {
    background: #e73d05;
    margin-bottom: .48rem;
    height: 1.17333rem;
    letter-spacing: -1.5px;
    color: #fff0c5;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle
}
.home .result_page #save_result .zf-save-result .zf-save-result__to-agr {
    color: #36271b
}
.home .result_page #save_result .zf-save-result .zf-save-result__to-agr span {
    color: #bf2c1f
}
.home .result_page .tabs .van-sticky--fixed {
    width: 10rem;
    left: calc(50% - 5rem)
}
.home .result_page .tabs .van-tabs__nav {
    padding: 0 .13333rem 0 .05333rem
}
.home .result_page .tabs .van-tabs__line {
    bottom: .13333rem
}
.home .result_page .tabs .van-tabs__content {
    padding-top: 1px
}
.home .result_page .tabs .van-tabs__content:after {
    content: "";
    display: block;
    height: .09333rem
}
.home .result_page .tabs .van-tab {
    padding: 0 .16rem;
    font-size: .4rem
}
.home .result_page .tabs .van-tab--active {
    font-size: .45333rem;
    padding-right: .21333rem
}
.home .result_page .zf-result_pub__hot_title {
    width: 10rem;
    height: 1.6rem;
    line-height: 1.13333rem;
    text-align: center;
    font-size: .53333rem;
    margin: -.66667rem 0 0 -.4rem;
    text-indent: -266.64rem;
    background: url(../img/jgy_title_jpcs@2x.a9bccd5b.png) no-repeat 0 0/10rem 1.6rem
}
.home .result_page .zf-public-footer {
    background: #fff
}
.home .result_page .zf-hot-recommend__hot_banner {
    margin-top: .53333rem
}
.home .result_page .zf-public-footer .zf-public-footer__rightdesc {
    color: #1c1616
}
.home .result_page .zf-public-footer .zf-public-footer__serve {
    margin: .53333rem 0 .48rem
}
.home .result_page .zf-public-footer .zf-public-footer__serve span {
    color: #1c1616
}
.home .result_page .zf-public-footer .zf-public-footer__serve .to_serve {
    color: #b82119
}

.zf-public-footer {
    max-width: 10rem;
    padding: .08rem 0;
    box-sizing: border-box;
    text-align: center
}
.zf-public-footer__rightdesc,
.zf-public-footer__serve {
    display: flex;
    justify-content: center;
    font-size: .37333rem;
    align-items: center
}
.zf-public-footer__rightdesc span,
.zf-public-footer__serve span {
    margin: 0 .21333rem;
    word-break: break-all;
    text-align: justify
}
.zf-public-footer__rightdesc img,
.zf-public-footer__serve img {
    width: 1.97333rem;
    height: .18667rem
}
.zf-public-footer__serve {
    font-size: .32rem;
    margin: .32rem 0 .37333rem
}
.zf-public-footer__serve .to_serve {
    text-decoration: underline;
    color: #ff5c5f
}
.zf-public-footer__serve span {
    margin: 0 .13333rem
}
.zf-public-footer__serve .kefu_img {
    margin: 0;
    display: inline-block;
    width: .4rem;
    height: .37333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAARVBMVEVHcEz/8cX/8cT/8cX/8MX/8cX/8Mb/8Mb/8cT/8MX/8cX/8Mb/8MX/68H/8MX/8MX/8Mb//+D/8cb/8MX/8cX/8MX/8MUSzew6AAAAFnRSTlMAOSav7cDVRBL2fMrhCmJViQKVTW2klCXNhwAAAOVJREFUOMvNlFsWgyAMRFUIirzEx+x/qQX1VKvBfrb8GMJNmMRoVf3panqSgKahLgA1IZ0rpdNDTRwxADR12epaAYjuCjgD05yuFJDNBVEYPx0z9GcecSUyo87bALqLG9Efm6hxE1fF6uwNWLga+1MawyTJC/YwETgi4B06AlyapBBiM9tEgHkrTfb7vSdptXdkDd16I58QvZr6O2KeELt3iJUbV7nDNgeSLzqLtHGvzsiBm0JpliPScYOM6cuo15hLR87tNZSIQFJS6zyp0neytiJ1XfjSJbHeEP8kchLWkv/Rz+AFq0AN3z5V4sgAAAAASUVORK5CYII=) no-repeat 0 0/.4rem .37333rem
}
.zf-public-footer__footer-img img {
    width: 3.65333rem
}
.zf-public-footer .caution_text {
    text-align: center
}

.zf-index_recommend {
    color: #fff
}
.zf-index_recommend__title {
    margin: 1.06667rem 0 .8rem;
    text-align: center;
    font-size: .53333rem
}
.zf-index_recommend__list {
    display: flex;
    flex-flow: row wrap;
    padding: 0 .58667rem;
    box-sizing: border-box
}
.zf-index_recommend__item {
    width: 1.70667rem;
    margin-right: .66667rem;
    margin-bottom: .69333rem
}
.zf-index_recommend__item:nth-child(4n) {
    margin: 0
}
.zf-index_recommend__item div {
    font-size: .34667rem;
    text-align: center;
    width: 1.70667rem;
    height: .48rem;
    white-space: nowrap
}
.zf-index_recommend__item img {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: .13333rem;
    margin-bottom: .18667rem
}

.zf-notice-bar__marquee {
    width: 5.46667rem;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    height: 1.06667rem;
    color: #3d548a
}
.zf-notice-bar__marquee-box {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden
}
.zf-notice-bar__marquee-list {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.zf-notice-bar__marquee-list--top {
    -webkit-transition: all 1s;
    transition: all 1s;
    margin-top: -1.06667rem
}
.zf-notice-bar__marquee-list .text_content {
    opacity: .8
}
.zf-notice-bar__marquee-list li {
    font-size: .32rem;
    display: flex;
    align-items: center
}
.zf-notice-bar__marquee-list img {
    margin-right: .26667rem;
    width: 1.06667rem;
    height: 1.06667rem;
    border-radius: 50%;
    overflow: hidden
}
.zf-notice-bar .medium {
    color: #3d548a;
    font-weight: 600;
    margin-bottom: .10667rem
}
.zf-notice-bar--footer-sider {
    width: 5.33333rem;
    background: #000;
    opacity: .8;
    border-radius: .4rem
}
.zf-notice-bar--footer-sider .zf-notice-bar__marquee {
    color: #fff;
    height: .8rem
}
.zf-notice-bar--footer-sider .item-name {
    margin-right: .16rem
}
.zf-notice-bar--footer-sider .zf-notice-bar__marquee-list--top {
    margin-top: -.8rem
}
.zf-notice-bar--footer-sider .zf-notice-bar__marquee-list li {
    padding: .08rem;
    height: .8rem
}
.zf-notice-bar--footer-sider .zf-notice-bar__marquee-list li img {
    margin-right: .21333rem;
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    overflow: hidden
}
.zf-notice-bar--footer-sider .zf-notice-bar__marquee-list li div {
    display: flex
}

.zf-top_marquee {
    width: 100%;
    overflow: hidden;
    height: .58667rem;
    line-height: .58667rem;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}
.zf-top_marquee.has-order-and-complaint {
    top: .93333rem
}
.zf-top_marquee__notice_content {
    opacity: .7;
    font-size: .32rem;
    color: hsla(0,0%,100%,.4);
    word-break: keep-all;
    white-space: nowrap;
    position: absolute;
    animation: noticeBar 30s linear infinite
}
.zf-top_marquee__notice_content--pc_notice_content {
    animation: pcNoticeBar 30s linear infinite
}
@keyframes noticeBar {
    0% {
        transform: translate(100vw)
    }
    to {
        transform: translate(-100%)
    }
}
@keyframes pcNoticeBar {
    0% {
        transform: translate(10rem)
    }
    to {
        transform: translate(-100%)
    }
}

.zf-top_order {
    height: 1.33333rem;
    width: 100%;
    background: rgba(16,4,3,.7);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    justify-content: space-between
}
.zf-top_order .top_order_close_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row nowrap;
    white-space: nowrap
}
.zf-top_order .top_order_close {
    width: .64rem;
    height: .64rem;
    cursor: pointer;
    padding: .32rem .24rem .32rem .32rem;
    box-sizing: content-box
}
.zf-top_order .top_order_btn {
    width: 2.66667rem;
    height: .90667rem;
    padding: .21333rem .32rem .21333rem 1.33333rem;
    cursor: pointer;
    box-sizing: content-box
}

.zf-index_recommend_optimize {
    width: 9.2rem;
    background: #fffbf1;
    border-radius: .4rem;
    margin: 1.33333rem auto 0;
    padding-top: .8rem;
    padding-bottom: .77333rem
}
.zf-index_recommend_optimize__title {
    height: .53333rem;
    font-size: .53333rem;
    font-family: FZYanSongS-B-GB;
    color: #484950;
    line-height: .56rem;
    text-align: center;
    margin-bottom: .52rem
}
.zf-index_recommend_optimize__list {
    display: flex;
    flex-flow: row wrap;
    padding: 0 .4rem;
    box-sizing: border-box;
    color: #484950;
    margin: 0 auto;
    justify-content: space-between
}
.zf-index_recommend_optimize__list_two {
    padding: 0 0 .58667rem
}
.zf-index_recommend_optimize__item {
    width: 1.70667rem;
    margin-bottom: .69333rem
}
.zf-index_recommend_optimize__item:nth-child(4n) {
    margin: 0
}
.zf-index_recommend_optimize__item div {
    font-size: .34667rem;
    text-align: center;
    width: 1.70667rem;
    height: .33333rem;
    white-space: nowrap
}
.zf-index_recommend_optimize__item img {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: .4rem;
    margin-bottom: .16rem;
    box-shadow: 0 1px .08rem 0 rgba(0,0,0,.1)
}
.zf-index_recommend_optimize__item_two {
    width: 8.4rem;
    height: 2.13333rem;
    background: #fff;
    box-shadow: 0 1px .08rem 0 rgba(0,0,0,.1);
    border-radius: .4rem;
    display: flex;
    margin: 0 auto .32rem;
    padding: .21333rem
}
.zf-index_recommend_optimize__item_two:last-child {
    margin-bottom: 0
}
.zf-index_recommend_optimize__item_two .product-img {
    width: 1.70667rem;
    height: 1.70667rem;
    border-radius: .4rem;
    margin-right: .21333rem;
    display: block
}
.zf-index_recommend_optimize__item_two .item-middle {
    margin-bottom: .32rem
}
.zf-index_recommend_optimize__item_two .item-middle .item-name {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #484950;
    font-size: .42667rem
}
.zf-index_recommend_optimize__item_two .item-middle .item-name img {
    width: .42667rem;
    height: .42667rem;
    margin-right: .13333rem
}
.zf-index_recommend_optimize__item_two .item-middle .item-desc {
    width: 4.18667rem;
    font-size: .32rem;
    color: #666;
    line-height: .48rem;
    margin-top: .10667rem
}
.zf-index_recommend_optimize__item_two .item-btn {
    width: 1.89333rem;
    height: .97333rem;
    flex: 0 0 1.89333rem;
    margin-top: .44rem;
    margin-left: .05333rem
}
.zf-index_recommend_optimize__item_two .item-btn img {
    width: 100%
}
.zf-index_recommend_optimize__tip {
    font-size: .32rem;
    color: #595a62;
    text-align: center;
    margin-top: .13333rem;
    letter-spacing: -1px
}
.zf-index_recommend_optimize .van-swipe__track {
    padding-bottom: .26667rem
}
.zf-index_recommend_optimize .van-swipe__indicators {
    bottom: 0
}
.zf-index_recommend_optimize .van-swipe__indicators .van-swipe__indicator {
    width: .21333rem;
    height: .21333rem;
    border: 1px solid #595a62;
    border-radius: 50%
}
.zf-index_recommend_optimize .van-swipe__indicators .van-swipe__indicator:not(:last-child) {
    margin-right: .34667rem
}

@keyframes btnScale-data-v-310c204a {
    form {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}
@keyframes noticeBar-data-v-310c204a {
    0% {
        transform: translate(100vw)
    }
    to {
        transform: translate(-100%)
    }
}
@keyframes pcNoticeBar-data-v-310c204a {
    0% {
        transform: translate(10rem)
    }
    to {
        transform: translate(-100%)
    }
}
.customer_service_img {
    width: .61333rem;
    height: 1.73333rem;
    padding: .18667rem .16rem .18667rem;
    box-sizing: border-box;
    border-radius: .16rem 0 0 .16rem;
    position: fixed;
    top: 7.13333rem;
    text-align: center;
    font-size: .32rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    right: 0;
    z-index: 2000
}
.customer_service_img img {
    width: .34667rem;
    height: .30667rem;
    transform: translate(-1px)
}

@keyframes btnScale-data-v-2357fb4b {
    form {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}
@keyframes noticeBar-data-v-2357fb4b {
    0% {
        transform: translate(100vw)
    }
    to {
        transform: translate(-100%)
    }
}
@keyframes pcNoticeBar-data-v-2357fb4b {
    0% {
        transform: translate(10rem)
    }
    to {
        transform: translate(-100%)
    }
}
.complaint_img {
    width: .61333rem;
    height: 1.73333rem;
    padding: .16rem;
    box-sizing: border-box;
    border-radius: .16rem 0 0 .16rem;
    position: fixed;
    top: 4.8rem;
    text-align: center;
    font-size: .32rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    right: 0;
    z-index: 2000
}
.complaint_img img {
    width: .4rem;
    height: .4rem;
    transform: translate(-1.5px)
}

@keyframes btnScale-data-v-680d6c8a {
    form {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}
@keyframes noticeBar-data-v-680d6c8a {
    0% {
        transform: translate(100vw)
    }
    to {
        transform: translate(-100%)
    }
}
@keyframes pcNoticeBar-data-v-680d6c8a {
    0% {
        transform: translate(10rem)
    }
    to {
        transform: translate(-100%)
    }
}
.order-and-complaint,
.order-and-complaint-container {
    width: 100%;
    max-width: 10rem;
    height: .93333rem
}
.order-and-complaint {
    position: fixed;
    top: 0;
    background: #fff;
    justify-content: space-between;
    z-index: 2003;
    padding: 0 .42667rem 0 .44rem;
    box-sizing: border-box;
}
.order-and-complaint,
.order-and-complaint .order-and-complaint_left {
    display: flex;
    align-items: center
}
.order-and-complaint .order-and-complaint_left .complaint-icon {
    width: .38667rem;
    height: .36rem;
    margin-right: .08rem;
    background: url(../img/res_tubiao_1@2x.aea1a011.png) no-repeat 0 0/100% 100%;
    cursor: pointer
}
.order-and-complaint .order-and-complaint_left .complaint-tip {
    color: #000;
    font-size: .37333rem;
    font-weight: 400;
    white-space: nowrap
}
.order-and-complaint .order-and-complaint_right {
    display: flex;
    justify-content: flex-end;
    font-weight: 400
}
.order-and-complaint .order-and-complaint_right .complaint_btn {
    width: 1.58667rem;
    height: .68rem;
    margin-right: .21333rem;
    cursor: pointer;
    background: #fff;
    color: #000;
    font-size: .32rem;
    line-height: .29333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: .33333rem
}
.order-and-complaint .order-and-complaint_right .complaint_btn:last-child {
    margin-right: 0
}
.order-and-complaint .order-and-complaint_right .order_btn {
    width: 1.58667rem;
    height: .68rem;
    background: #f55b5e;
    color: #fff;
    font-size: .32rem;
    line-height: .29333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: .33333rem
}

.zf-index_pub {
    width: 100%;
    position: relative;
    padding-top: .58667rem
}
.zf-index_pub--single_page {
    padding-bottom: .26667rem
}
.zf-index_pub__footer_sider_list {
    display: flex;
    box-sizing: border-box;
    justify-content: flex-end;
    position: fixed;
    bottom: 2.21333rem;
    right: .13333rem;
    z-index: 9
}
.zf-index_pub__footer_sider_list--pc_sider_list {
    left: 50%;
    right: unset;
    width: 10rem;
    padding-right: .26667rem;
    transform: translate(-50%)
}
.zf-index_pub__complaint_img {
    width: .61333rem;
    padding: .16rem;
    box-sizing: border-box;
    border-radius: .16rem 0 0 .16rem;
    position: fixed;
    top: 4.8rem;
    text-align: center;
    font-size: .32rem;
    background: rgba(0,0,0,.5);
    color: #fff;
    right: 0;
    z-index: 2000
}
.zf-index_pub__complaint_img img {
    width: .4rem;
    height: .4rem
}
.zf-index_pub .zf-public-footer {
    width: 100%
}
.zf-index_pub__fixed_btn_out {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 99
}
.zf-index_pub__fixed_btn {
    width: 100%;
    max-width: 10rem;
    height: 1.86667rem;
    padding: .26667rem 0;
    background: rgba(0,0,0,.4);
    display: flex;
    justify-content: center;
    align-items: center
}
.zf-index_pub__fixed_btn_has_menus {
    width: 100%;
    max-width: 10rem;
    height: 1.44rem;
    background: #fff!important;
    display: flex
}
.zf-index_pub__fixed_btn_has_menus .left-side {
    width: 3.45333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #414141;
    font-size: .26667rem;
    padding-left: .46667rem;
    padding-right: .56rem;
    white-space: nowrap;
    text-align: center;
    font-weight: 500
}
.zf-index_pub__fixed_btn_has_menus .left-side .btn-more img {
    width: .52rem;
    height: .69333rem
}
.zf-index_pub__fixed_btn_has_menus .left-side .btn-order img {
    width: .61333rem;
    height: .65333rem
}
.zf-index_pub__fixed_btn_has_menus .left-side img {
    display: block;
    margin: 0 auto
}
.zf-index_pub__fixed_btn_has_menus .left-side .left-side_btn_text {
    height: .25333rem;
    line-height: .25333rem;
    margin-top: .14667rem
}
.zf-index_pub__fixed_btn_has_menus .right-side {
    flex: 0 0 6.54667rem;
    background: url(../img/index_bottom_btn.ebaef26d.png);
    background-size: 100% auto
}

.zf-agreement_select {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a395dd;
    line-height: 1em;
    font-size: .32rem;
    padding: .64rem 0 .53333rem;
    position: relative
}
.zf-agreement_select img {
    width: .37333rem;
    height: .37333rem;
    cursor: pointer;
    vertical-align: middle
}
.zf-agreement_select .un_tip {
    padding: .10667rem
}
.zf-agreement_select .to_argeement {
    cursor: pointer;
    color: #fc5e9b
}
.zf-agreement_select .van-popover[data-popper-placement^=top] .van-popover__arrow {
    bottom: 1px
}
.zf-agreement_select .van-popover__content {
    border-radius: .05333rem;
    margin-left: 2.13333rem
}
.zf-agreement_select .van-popover--light {
    color: #666
}
.zf-agreement_select__icons {
    position: relative;
    z-index: 2002
}
.zf-agreement_select__c_hot {
    cursor: pointer;
    position: absolute;
    width: 3.73333rem;
    height: 1.33333rem;
    bottom: -.26667rem;
    right: -.93333rem
}
.zf-agreement_select__text {
    margin-left: .24rem
}
.zf-agreement_select__text--shake {
    animation: shake .2s linear infinite
}
@keyframes shake {
    0% {
        transform: translate(-.16rem)
    }
    50% {
        transform: translate(.16rem)
    }
    to {
        transform: translate(-.16rem)
    }
}

@keyframes btnScale-data-v-2e87c7af {
    form {
        transform: scale(1)
    }
    to {
        transform: scale(.8)
    }
}
@keyframes noticeBar-data-v-2e87c7af {
    0% {
        transform: translate(100vw)
    }
    to {
        transform: translate(-100%)
    }
}
@keyframes pcNoticeBar-data-v-2e87c7af {
    0% {
        transform: translate(10rem)
    }
    to {
        transform: translate(-100%)
    }
}
.index_page {
    width: 100%;
    position: relative;
    padding-bottom: 1.6rem;
    background: #701a00
}
.index_page .index_content {
    position: relative;
    overflow: hidden
}
.index_page .index_content .ks_tip {
    height: .53333rem;
    line-height: .30667rem;
    font-size: .29333rem;
    text-align: center;
    color: #d5c18a;
    transform: translateY(.26667rem)
}
.index_page .index_content .kv_biaoti {
    width: 100%;
    max-width: 10rem;
    height: 16.36rem
}
.index_page .index_content .kv_ma {
    position: absolute;
    top: 4rem;
    right: -.8rem;
    width: 5.06667rem;
    height: 7.33333rem
}
.index_page .index_content .anime_box {
    position: relative;
    width: 100%
}
.index_page .index_content .anime_box .index_content_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 5.88rem;
    height: 7.17333rem;
    top: .8rem;
    opacity: 0;
    z-index: 2
}
.index_page .index_content .anime_box .hightLight {
    position: absolute;
    width: 100%;
    max-width: 10rem;
    height: 100%;
    max-height: 10rem;
    top: 0;
    opacity: 0;
    z-index: 1
}
.index_page .index_content .anime_box .anime_top {
    position: absolute;
    z-index: 2;
    opacity: 0;
    top: .13333rem;
    transform: translateX(-50%);
    left: 50%;
    width: 3.73333rem;
    height: 1.33333rem
}
.index_page .index_content .anime_box .anime_left {
    z-index: 2;
    position: absolute;
    width: 4.53333rem;
    left: -4.26667rem;
    height: 2.4rem;
    top: 1.6rem
}
.index_page .index_content .anime_box .anime_right {
    z-index: 2;
    position: absolute;
    width: 3.73333rem;
    height: 2.8rem;
    right: -3.73333rem;
    top: 4.53333rem
}
.index_page .index_content .anime_box .kv_img {
    position: absolute;
    opacity: 0;
    width: 5.53333rem;
    height: 1.4rem;
    bottom: 1.46667rem;
    transform: translateX(-50%) scale(0);
    left: 25%
}
.index_page .index_content .info_edit {
    margin: 0 auto;
    margin-top: -6.06667rem;
    position: relative;
    z-index: 2;
    background: url(../img/kv_srk_bg@2x.19f45bb5.png) no-repeat 0 0/100% 100%;
    width: 90%;
    max-width: 10rem;
    height: 6rem;
    padding: 1.06667rem .53333rem 0 .53333rem
}
.index_page .index_content .info_edit .field-item {
    display: flex;
    height: 1.06667rem;
    background: #fff;
    overflow: hidden;
    align-items: center;
    border: 1px solid #e2cfb4;
    border-radius: .56rem;
    margin-bottom: .26667rem;
    position: relative;
    width: 100%;
}
.index_page .index_content .info_edit .field-item:nth-child(3):after {
    display: none
}
.index_page .index_content .info_edit .field-item .van-cell {
    padding-left: 0;
    background: transparent
}
.index_page .index_content .info_edit .field-item .sex-item {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    font-size: .4rem;
    cursor: pointer;
    margin-right: .85333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #c11100;
    color: #c11100
}
.index_page .index_content .info_edit .field-item .active {
    color: #fff;
    border: none;
    background: #c11100
}
.index_page .index_content .info_edit .field-item .label {
    padding: 0 .48rem 0 .57333rem;
    flex-shrink: 0;
    font-weight: 700;
    font-size: .4rem;
    color: #5c1f05;
    text-align: center
}
.index_page .index_content .info_edit .field-item .input-value {
    color: #a58071;
    font-size: .4rem;
    border: none;
    outline: none;
    display: block;
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 0;
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    resize: none;
    flex: 1;
    width: 100%;
}
.index_page .index_content .info_edit .field-item .van-field__control {
    flex: 1;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
}
.index_page .index_content .index_content_btn {
    animation: btnScale-data-v-2e87c7af 1s linear infinite alternate;
    width: 95%;
    max-width: 10rem;
    margin: 0 auto;
    display: block;
    height: 2.4rem;
    background: url(../img/kv_btn@2x.ee062898.png) no-repeat 0 0/100% 100%;
    margin-top: 0
}
.index_page .singlePage {
    padding-bottom: 3.46667rem
}
.index_page .index_btn {
    pointer-events: none;
    width: 95%;
    max-width: 10rem;
    margin: 0 auto;
    display: block
}
.index_page .to_order {
    font-size: .34667rem;
    color: #f9e397;
    text-align: center;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
    width: 2.66667rem;
    margin: 0 auto;
    display: block;
    white-space: nowrap
}
.module-box {
    padding-top: .8rem
}
.module-box .module-img {
    display: block;
    width: 100%;
    max-width: 10rem;
    margin: 0 auto 0.93333rem
}
.module-box .module-img:last-child {
    margin-bottom: 0
}
.module-content {
    width: 95%;
    max-width: 10rem;
    margin: 0 auto;
    height: 25.52rem;
    padding-top: 13.86667rem
}
.module-content .module_item {
    position: relative;
    width: .21333rem;
    margin: 0 auto;
    display: block;
    height: 6.05333rem;
    background: #e8a93d;
    border-radius: .10667rem
}
.module-content .module_item .module_item_cir {
    position: absolute;
    left: -.26667rem;
    width: .74667rem;
    height: .74667rem;
    top: .26667rem
}
.module-content .module_item .module_item_cir_select {
    opacity: 0
}
.module-content .module_item .module_item_cir_2 {
    top: 1.46667rem
}
.module-content .module_item .module_item_cir_3 {
    top: 2.66667rem
}
.module-content .module_item .module_item_cir_4 {
    top: 3.86667rem
}
.module-content .module_item .module_item_cir_5 {
    top: 5.06667rem
}
.module-content .module_item .sy_time {
    position: absolute;
    width: 3.34667rem;
    height: .69333rem;
    top: .26667rem;
    opacity: 0
}

.anime_box {
    position: relative;
    width: 100%;
    max-width: 10rem;
    margin: 0 auto;
    overflow: hidden
}
.anime_box canvas {
    max-width: 100%;
    height: auto;
    display: block
}
.kv_biaoti {
    position: relative;
    width: 100%;
    /*padding-bottom: 56.25%*/
}
.kv_biaoti canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}
.kv_ma {
    position: relative;
    width: 100%;
    /*padding-bottom: 56.25%*/
}
.kv_ma canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}