html {
    margin: 0;
    font-size: calc(100vw / 750);
    --background-color: #F2D1A6;
    --font-color: #0DAB6E;
    --background-image: url('../images/functionBack.png');
    --fudou-img: url('../images/priceIcon.png');
}

img {
    display: block;
}

.flex {
    display: flex;
}

.bold {
    font-weight: bold;
}

.Notselected {
    color: #b2b2b2 !important;
}

[v-cloak] {
    display: none !important;
}

/**
 * ios底部安全距离
 */
.safety_padding {
    padding-bottom: constant(safe-area-inset-bottom) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
}

.safety_margin {
    margin-bottom: constant(safe-area-inset-bottom) !important;
    margin-bottom: env(safe-area-inset-bottom) !important;
}

/**
 * ios底部安全距离
 */


.content {
    width: 750rem;
    min-height: 100vh;
    /*background-image: url("../images/backImg.png");*/
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: initial;
    background-color: var(--background-color);
    font-size: 24rem;
    display: inline-block;
}

.content.details {
    background-image: none;
    background-color: #f5f5f5;
}

.content.addAddress {
    background-image: none;
    background-color: #f5f5f5f5;
}

.content.logistics {
    background-image: none;
    background-color: #f5f5f5f5;
}

/**
 * 登录页样式
 */
.topImg {
    /*width: calc(100% - 52rem);*/
    height: 500rem;
    /*margin: auto 26rem;*/
}

.topImg > img {
    width: 100%;
}

.longinBox {
    width: calc(100% - 52rem - 60rem);
    margin: 0 auto;
    padding: 30rem;
    border-radius: 18rem;
    background-color: #ffffff;
    position: relative;
}

.longinTitle {
    width: 100%;
    text-align: center;
    font-size: 32rem;
    padding-bottom: 24rem;
}

.longinForm {
    width: 100%;
}

.longinItem {
    width: 100%;
    height: 80rem;
    line-height: 80rem;
    border-bottom: 1rem solid #eeeeee;
    font-size: 26rem;
    padding-bottom: 20rem;
    margin-bottom: 20rem;
    position: relative;
}

.longinItem:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.longinFormTitle {
    width: 5em;
}

.longinFormVal {
    width: calc(100% - 5em - 20rem);
    margin-left: 20rem;
}

.getPhoneCode {
    width: 200rem;
    min-width: 5.5em;
    text-align: center;
    color: #ffffff;
    border-radius: 20rem;
    background-color: var(--background-color);
    font-size: 24rem;
}

.Obtained {
    color: #F7EED3;
    background-color: #8b8b8b;
}

.departmentList {
    width: calc(100% - 60rem);
    height: 0rem;
    padding: 0 30rem;
    overflow: auto;
    position: absolute;
    top: 100rem;
    left: 0;
    z-index: 999;
    background-color: #FFFFFF;
    transition: all .25s ease-in-out;
    box-shadow: 0 0 18rem rgba(0, 0, 0, 0.1);
    border-radius: 0 0 30rem 30rem;
}

.departmentList.show {
    height: 500rem;
}

.departmentItem {
    align-items: center;
    border-bottom: 2rem solid #eeeeee;
}

.departmentItem.select {
    color: var(--font-color);
    border-bottom: 2rem solid var(--font-color);
}

.departmentItem:last-child {
    border: 0;
}

.departmentItemIcon {
    margin: auto;
    margin-right: 0;
}

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

.departmentName {
    width: calc(100% - 18rem);
    color: #212121;
}

.selectIcon {
    width: 18rem;
    margin-left: 12rem;
}

.longinFormVal > input {
    width: 100%;
    height: 80rem;
    line-height: 80rem;
    padding: 0 !important;
    border: 0;
    background-color: transparent;
    font-size: 26rem;
}

.signIn {
    width: 100%;
    margin-top: 80rem;
}

.signInText {
    width: 100%;
    height: 100rem;
    line-height: 100rem;
    font-size: 28rem;
    text-align: center;
    margin: auto;
    border-radius: 50rem;
    color: #ffffff;
    background-color: var(--background-color);
    box-shadow: 0 10rem 14rem rgba(242, 209, 166, .5);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0 !important;
    border: 0 !important;
}

/**
 * 登录页样式
 */


/**
 * 首页样式
 */
.functionBox {
    width: calc(100% - 52rem);
    height: 140rem;
    margin: 0 26rem;
    align-items: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: var(--background-image);
    z-index: 2;
    position: relative;
}

.functionItem {
    width: calc(100% / 3);
    margin-bottom: 2%;
}

.functionItemimg {
    width: 50rem;
    height: 50rem;
    margin: auto;
}

.functionItemimg > img {
    width: 100%;
}

.functionItemText {
    width: 100%;
    line-height: 1;
    text-align: center;
    margin-top: 12rem;
    font-size: 22rem;
    color: #ffffff;
}

.indexGoodsListBox {
    width: calc(100% - 52rem);
    margin: 0 26rem;
    display: inline-block;
}

.indexGoodsList {
    width: calc(100% / 2 - 10rem);
    margin-top: 24rem;
    margin-right: 20rem;
    float: left;
}

.indexGoodsList:last-child {
    margin-right: 0;
}

.goodsItem {
    width: calc(100% - 32rem);
    padding: 16rem;
    margin-bottom: 20rem;
    border-radius: 10rem;
    background-color: #ffffff;
}

.goodsImg {
    position: relative;
}

.outStockTips {
    width: 120rem;
    height: 120rem;
    line-height: 120rem;
    text-align: center;
    color: #ffffff;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: calc(50% - 120rem / 2);
    left: calc(50% - 120rem / 2);
    border-radius: 50%;
    font-size: 24rem;
}

.goodsImg, .goodsImg > img {
    width: 100%;
    border-radius: 10rem 10rem 0 0;
}

.goodsInfo {
    width: 100%;
    margin-top: 8rem;
}

.goodsName {
    line-height: 1.25;
    font-size: 28rem;
    color: #333333;
}

.goodsInfoBottom {
    width: 100%;
    margin-top: 14rem;
}

.goodsPrice {
    align-items: baseline;
}

.priceIcon {
    width: 24rem;
    height: 24rem;
    background-image: var(--fudou-img);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;

}

.priceIcon, .priceIcon > img {
    width: 24rem;
}

.priceNum {
    margin-left: 4rem;
    line-height: 1;
    font-size: 32rem;
    color: var(--font-color);
}

/**
 * 套餐详情
 */
.explainBox {
    width: 100%;
    min-height: 100vh;
    display: inline-block;
    background-color: var(--background-color);
}

.detailTopBox {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: linear-gradient(180deg, #DD884B, #EBB369);
}

.detailTopBox.noBack {
    /*background-image: var(--background-image);*/
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

.detailTop {
    width: 100%;
    height: 80rem;
    position: relative;
    align-items: center;
}

.detailTopLeft {
    width: 19rem;
    height: 100%;
    position: absolute;
    left: 26rem;
    z-index: 999999;
    align-items: center;

}

.detailTopLeft > img {
    width: 19rem;
    height: 24rem;
}

.detailTopTitle {
    width: 100%;
    height: 100%;
    line-height: 80rem;
    position: absolute;
    text-align: center;
    font-size: 32rem;
    font-weight: 500;
    color: #ffffff;
}

.bannerBox {
    margin-top: 80rem;
}

.bannerBox .van-swipe-item {
    height: 100vw !important;
    line-height: 550rem;
    text-align: center;
    background-color: #FFFFFF;
}

.bannerItem, .bannerItem > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.detailsGoodsInfo {
    width: calc(100% - 52rem);
    padding: 26rem;
    position: relative;
    background: #FFFFFF;
    box-shadow: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.detailsGoodsName {
    font-size: 28rem;
    color: #333333;
}

.detailsGoodsPrice {
    color: var(--font-color);
    margin-top: 14rem;
    font-size: 24rem;
}

.detailsGoodsPrice strong {
    font-size: 32rem;
    margin-left: 4rem;
}

.detailsOtherBox {
    width: calc(100% - 52rem);
    padding: 0 26rem;
    margin-top: 20rem;
    background-color: #ffffff;
    box-shadow: -6px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.detailsOtherItem {
    width: 100%;
    min-height: 80rem;
    border-bottom: 1rem solid #B3B3B3;
    align-items: center;
}

.detailsOtherItem:last-child {
    border: 0;
}

.shippingAddressIcon, .shippingAddressIcon > img {
    width: 32rem;
    height: 32rem;
    margin-right: 12rem;
}

.shippingAddressRightIcon, .shippingAddressRightIcon > img {
    width: 25rem;
    height: 25rem;
    margin: auto;
    margin-right: 0;
}

.shippingAddressText {
    width: calc(100% - 70rem - 25rem);
    font-size: 24rem;
    align-items: baseline;
}

.shippingAddressTitle {
    width: 60rem;
    font-size: 28rem;
    margin-right: 10rem;
}

.shippingAddressVal {
    width: calc(100% - 70rem);
    font-size: 24rem;
    display: block; /*内联对象需加*/
    word-break: keep-all; /* 不换行 */
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /*溢出时显示省略标记...；需与overflow:hidden；一起使用*/
}

.detailedInformation {
    width: 100%;
    margin-top: 20rem;
    margin-bottom: 100rem;
}

.detailedInformation > img {
    width: 100%;
}

.detailsBottomNavBox {
    width: 100%;
    height: 100rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999999;
    background-color: #ffffff;
    box-shadow: 0 0 14rem rgba(0, 0, 0, 0.1);
    align-items: center;
}

.service, .purchase {
    width: 270rem;
    height: 75rem;
    line-height: 75rem;
    text-align: center;
    border-radius: 38rem;
    margin: auto;
    font-size: 24rem;
}

.service {
    color: #666666;
    border: 2rem solid #B3B3B3;
    margin-right: 15rem;
}

.purchase {
    color: #FFFFFF;
    border: 2rem solid var(--background-color);
    background-color: var(--background-color);
    margin-left: 15rem;
}

.van-overlay {
    z-index: 999999 !important;
}

.van-popup {
    z-index: 9999999 !important;
}

.content.index .van-popup {
    width: 100vw;
}

.exchangeMethod {
    width: calc(100% - 52rem - 100rem);
    margin: 26rem;
    margin-top: 146rem;
    padding: 50rem;
    border-radius: 12rem;
    background-image: url("../images/exchangeMethodBackImg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    position: relative;
}

.exchangeMethod:last-child {
    margin-top: 70rem !important;
    background-image: url("../images/explainBackImg.png");
    background-size: cover;
    background-position: bottom center;
}

.exchangeMethodTitleBox {
    width: 300rem;
    height: 64rem;
    line-height: 64rem;
    border: 4rem solid #E57542;
    position: absolute;
    left: calc(50% - 150rem);
    top: -32rem;
    border-radius: 35rem;
    padding: 2rem;
    background-color: #FFFFFF;
}

.exchangeMethodTitle {
    text-align: center;
    padding: 0 60rem;
    font-size: 30rem;
    border-radius: 30rem;
    color: #E57542;
    background-color: #fcf4ca;
}

.explainItem {
    align-items: stretch;
    margin-top: 20rem;
    padding-bottom: 26rem;
    border-bottom: 1rem solid #F7EED3;
}

.explainItem:last-child {
    border: 0;
    margin-top: 26rem;
    padding-bottom: 0;
}

.explainItemImg, .explainItemImg > img {
    width: 65rem;
}

.explainItemText {
    width: calc(100% - 65rem - 34rem);
    margin-left: 34rem;
    font-size: 20rem;
    color: #FFFFFF;
}

.explainItemTextTitle {
    font-size: 24rem;
}

.explainItemTextVal {
    white-space: pre-wrap;
    margin-top: 4rem;
}

.explainItemsBox {
    width: 100%;
}

.explainItems {
    font-size: 20rem;
    color: #FFFFFF;
    margin-top: 24rem;
}


.orderList {
    width: calc(100% - 52rem);
    min-height: calc(100vh - 132rem);
    padding: 26rem;
    padding-top: 106rem;
    background-color: var(--background-color);
}

.orderItem {
    width: 100%;
    border-radius: 18rem;
    background-color: #ffffff;
    margin-bottom: 30rem;
}

.orderItemTop {
    width: calc(100% - 50rem);
    padding: 25rem;
}

.orderItemNum {
    font-size: 22rem;
}

.orderItemTime {
    font-size: 22rem;
    margin: auto;
    margin-right: 0;
}

.orderItemInfo {
    padding: 25rem;
    align-items: stretch;
    border-radius: 18rem;
    background-color: #DD884B;
}

.orderItemImg, .orderItemImg > img {
    width: 150rem;
    border-radius: 18rem;
}

.orderItemImg > img {
    border: 4rem solid #f2d1a6;
    background-color: #ffffff;
}

.orderItemGoodsInfo {
    width: 100%;
    margin-left: 30rem;
    color: #FFFFFF;
    position: relative;
}

.orderGoodsName {
    font-size: 26rem;
}

.orderGoodsDescribe {
    font-size: 22rem;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 14rem;
    margin-bottom: 30rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.orderPrice {
    width: max-content;
    font-size: 24rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.orderDetailsAddress {
    width: calc(100% - 52rem - 48rem);
    margin: 26rem;
    display: inline-flex;
    margin-top: 130rem;
    background-color: #FFFFFF;
    padding: 24rem;
    border-radius: 18rem;
    align-items: stretch;
}

.addressIcon {
    width: 30rem;
    margin-top: 4rem;
}

.addressIcon > img {
    width: 100%;
}

.addressInfo {
    width: calc(100% - 50rem);
    margin-left: 20rem;
}

.addressNamePhone {
    align-items: baseline;
}

.addressName {
    font-size: 28rem;
    color: #333333;
}

.addressPhone {
    font-size: 24rem;
    color: #666666;
    margin-left: 8rem;
}

.modifyAddress {
    line-height: 1.5;
    border: 2rem solid #B3B3B3;
    color: #666666;
    font-size: 22rem;
    margin: auto;
    margin-right: 0;
    margin-top: 0;
    border-radius: 20rem;
    padding: 0 24rem;
    padding-top: 4rem;
}

.addressDetailedAddress {
    font-size: 24rem;
    color: #666666;
    margin-top: 8rem;
}

.orderGoodsList {
    width: 100%;
    border-radius: 0 0 18rem 18rem;
    background-color: #ffffff;
    margin-top: -1rem;
}

.orderGoodsItem {
    width: calc(100% - 60rem);
    padding: 20rem 30rem;
    align-items: flex-start;
}

.orderGoodsImg {
    width: 135rem;
}

.orderGoodsImg > img {
    width: 100%;
    border: 2rem solid #B3B3B3;
    border-radius: 10rem;
}

.orderGoodsInfo {
    width: calc(100% - 135rem - 15rem);
    margin-left: 15rem;
}

.orderDetailsGoodsName {
    font-size: 24rem;
    color: #333333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.orderDetailsGoodsDescribe {
    color: #8b8b8b;
    font-size: 20rem;
    margin-top: 4rem;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.orderDetailsGoodsQuantity {
    font-size: 24rem;
    margin-top: 8rem;
    color: #818181;
}
.orderDetailsGoodsQuantity:first-child{
    margin-top: 12rem !important;
}

.orderDetailsOther {
    width: calc(100% - 52rem - 40rem);
    margin: 0 26rem;
    background-color: #ffffff;
    margin-top: 26rem;
    border-radius: 18rem;
    padding: 20rem;
}

.orderDetailsNum, .orderDetailsAddTime, .orderDetailsPayTime {
    width: 100%;
    height: 50rem;
    line-height: 50rem;
    font-size: 24rem;
}

.logisticsGoodsList {
    width: calc(100% - 52rem);
    margin: 0 26rem;
    margin-top: 110rem;
    position: relative;
    background-color: #DD884B;
    border-radius: 18rem;
}

.logisticsNav {
    width: 100%;
    height: 80rem;
    line-height: 80rem;
    font-size: 26rem;
    text-align: center;
    color: #FFFFFF;
    align-items: center;
    justify-content: center;
}

.logisticsNavRight {
    width: max-content;
    align-items: center;
    margin: auto;
    margin-right: 20rem;
    color: rgba(255, 255, 255, 0.85);
}

.logisticsNavText {
    margin: 0 8rem 0 4rem;
}


.SkuDescription {
    width: calc(100% - 60rem);
    padding: 30rem;
}

.SkuDescriptionTitle {
    width: 100%;
    font-size: 28rem;
    text-align: center;
    margin-bottom: 30rem;
}

.SkuDescriptionNr {
    line-height: 1.5;
    color: #666666;
    font-size: 24rem;
    white-space: pre-wrap;
}

.detailedInformationTitle {
    width: 100%;
    height: 80rem;
    line-height: 80rem;
    text-align: center;
    font-size: 26rem;
    background-color: #FFFFFF;
}

.packageListBox {
    width: 100%;
    position: relative;
}

.packageTitle {
    width: calc(100% - 30rem * 2);
    height: 48rem;
    line-height: 48rem;
    padding: 0 30rem;
}

.packageList {
    width: calc(100% - 60rem);
    padding: 0 30rem;
    margin-bottom: 20rem;
    display: inline-block;
    background-color: #FFFFFF;
}

.packageItem {
    width: 100%;
    padding: 24rem 0;
    border-bottom: 2rem solid #B3B3B3;
}

.packageItem:last-child{
    border-bottom: 0;
}

.packageGoodsItem{
    width: 100%;
    align-items: stretch;
}

.packageItemAddress{
    width: 100%;
    align-items: center;
    margin-top: 20rem;
}

.packageItemAddressTitle{
    width: 5em;
    font-size: 26rem;
}

.packageItemAddressText{
    width: calc(100% - 5em - 6em - 8rem);
    font-size: 26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-right: 8rem;
}

.modifyAddressNav{
    width: 6em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 1em;
    font-size: 24rem;
    color: #FFFFFF;
    background: linear-gradient(180deg, #DD884B, #EBB369);
}

.packageChoose {
    width: 36rem;
    margin-right: 14rem;
}

.packageChoose > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.packageItemImg {
    width: 120rem;
}

.packageItemImg > img {
    width: 100%;
    border-radius: 10rem;
}

.packageItemInfo {
    width: calc(100% - 120rem - 20rem - 50rem);
    margin-left: 20rem;
}

.packageItemName {
    line-height: 1.25;
    font-size: 26rem;
    color: #212121;
}

.packageItemNum {
    color: #666666;
    font-size: 24rem;
    margin-top: 14rem;
}

.memberBox {
    width: calc(100% - 60rem - 240rem);
    margin: 30rem;
    margin-top: 180rem;
    padding: 30rem 120rem;
    border-radius: 10rem;
    background-image: url("../images/userInfoBack.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    position: relative;
}

.userInfoBox {
    width: 400rem;
    margin: auto;
    border: 4rem solid #E57542;
    background-color: #fcf4ca;
    border-radius: 24rem;
    padding: 2rem;
    text-align: center;
    position: absolute;
    top: -60rem;
    left: calc(50% - 200rem);
}

.userInfo {
    width: calc(400rem - 96rem);
    background-color: #fcf4ca;
    padding: 16rem 48rem;
    border-radius: 24rem;
}

.memberName {
    font-size: 32rem;
    color: #E57542;
}

.memberDepartment {
    font-size: 22rem;
    color: #FFFFFF;
}

.exchangeInfo {
    width: 100%;
    padding: 80rem 0;
}

.exchangeTimes, .remainingTimes {
    width: 50%;
    color: #FFFFFF;
}

.remainingTimes {
    text-align: end;
}

.withdrawFrom {
    width: 300rem;
    height: 80rem;
    line-height: 80rem;
    text-align: center;
    border: 4rem solid #E57542;
    color: #E57542;
    background-color: #FFFFFF;
    border-radius: 40rem;
    position: absolute;
    bottom: -30rem;
    left: calc(50% - 150rem);
}

.addAddressForm {
    width: calc(100% - 52rem - 60rem);
    margin: 0 26rem;
    padding: 10rem 30rem;
    margin-top: 120rem;
    border-radius: 10rem;
    background-color: #ffffff;
}

.addAddressItem {
    width: 100%;
    height: 60rem;
    line-height: 60rem;
    align-items: center;
    padding: 20rem 0;
    border-bottom: 2rem solid rgba(0, 0, 0, 0.102);
    align-items: center;
}

.addAddressItem:last-child {
    border: 0;
}

.addressChoose {
    margin: auto 0;
}

.addAddressItemTitle {
    width: 160rem;
    font-size: 26rem;
}

.addAddressItemVal {
    width: calc(100% - 160rem);
    align-items: center;
}

.addAddressItemValText {
    line-height: 1.25;
    color: #212121;
}

.noSelected {
    color: #b2b2b2 !important;
}

.addAddressItemValIcon {
    margin: auto;
    margin-right: 0;
}

.addAddressItemVal > input {
    width: 100%;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    background-color: transparent;
}

.van-switch {
    display: block !important;
    margin: auto !important;
    margin-right: 0 !important;
}

.van-switch__node {
    width: 32rem;
    height: 32rem;
    box-shadow: none;
    top: calc(50% - 16rem);
    left: 5rem;
}

.addressSubmit {
    width: calc(100% - 52rem);
    height: 130rem;
    line-height: 130rem;
    text-align: center;
    margin: 0 26rem;
    margin-top: 90rem;
    border-radius: 40rem;
    font-size: 28rem;
    color: #FFFFFF;
    background-image: var(--background-image);
    /* box-shadow: 0 10rem 14rem rgba(252, 142, 131, .5); */
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.addressListBox {
    width: calc(100% - 60rem);
    padding: 30rem;
}

.addressListTitle {
    width: 100%;
    text-align: center;
    font-size: 28rem;
    position: relative;
}

.addAddressListTitleText {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28rem;
    padding-bottom: 30rem;
    background-color: #FFFFFF;
}

.addAddressListTitleTIcon {
    width: max-content;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24rem;
}

.addressList {
    width: 100%;
    max-height: 500rem;
    overflow-y: auto;
    margin-top: 80rem;
}

.addressItem {
    width: 100%;
    padding: 15rem 0;
}

.addressItem.select {
    border-bottom: var(--background-color) solid 2rem;
}

.addressUserInfo {
    width: 100%;
    align-items: baseline;
    margin-bottom: 4rem;
}

.userInfoName {
    font-size: 28rem;
    color: #212121;
    margin-right: 14rem;
}

.userInfoPhone {
    font-size: 22rem;
    color: #666666;
}

.addressDetailed {
    width: 100%;
    color: #666666;
}

.addressNav {
    width: 100%;
    height: 80rem;
    line-height: 80rem;
    text-align: center;
    border-radius: 40rem;
    font-size: 26rem;
    margin-top: 40rem;
    color: #FFFFFF;
    background-color: var(--background-color);
    box-shadow: 0 10rem 14rem var(--background-color);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.addressOther {
    width: 100%;
    margin-left: 20rem;
}

.addressListTips {
    width: calc(100% - 60rem);
    padding: 0 30rem;
    margin-top: 80rem;
}

.addressListTips > img {
    width: 400rem;
    margin: auto;
}

.van-toast {
    z-index: 9999999999 !important;
}

.packageName {
    width: calc(100% - 40rem);
    padding: 20rem;
    border-radius: 18rem 18rem 0 0;
    background-color: #ffffff;
    align-items: center;
}

.packageNameText {
    color: #212121;
    font-size: 28rem;
}

.packageNameIcon {
    margin: auto;
    margin-right: 0;
}

.logisticsListBox {
    width: calc(100% - 60rem);
    padding: 30rem;
    margin-top: 80rem;
}

.van-divider {
    margin: 0 !important;
}

.logisticsList {
    width: 100%;
    margin-top: 30rem;
}

.logisticsItem {
    width: calc(100% - 60rem);
    padding: 30rem;
    padding-bottom: 18rem;
    border-radius: 14rem;
    background-color: #FFFFFF;
    margin-bottom: 20rem;
}

.deliveryBox {
    width: 100%;
}

.deliveryInfo {
    width: 100%;
    align-items: baseline;
    margin-bottom: 14rem;
}

.deliveryName {
    font-size: 28rem;
    margin-left: 12rem;
}

.deliveryNum {
    font-size: 26rem;
    margin-left: 22rem;
}

.deliveryDetailed {
    color: #8b8b8b;
}

.logisticsItemGoods {
    width: 100%;
    display: inline-block;
    margin-top: 20rem;
}

.logisticsItemGoodsItem {
    width: 120rem;
    float: left;
    margin-right: 12rem;
    margin-bottom: 12rem;
}

.logisticsItemGoodsItem > img {
    width: 100%;
}

.noOrderTips {
    width: 400rem;
    margin: auto;
    margin-top: 200rem;
}

.noOrderTips > img {
    width: 100%;
}

.noOrderTipsText{
    width: 100%;
    text-align: center;
    font-size: 28rem;
    margin-top: 20rem;
    color: #DD884B;
}

.logisticsDetailsBox {
    width: calc(100% - 60rem);
    margin: 0 30rem;
    margin-top: 110rem;
    margin-bottom: 30rem;
}

.logisticsDetailsInfo {
    width: calc(100% - 60rem);
    padding: 30rem;
    border-radius: 14rem;
    background-color: #ffffff;
}

.logisticsDetailsName {
    font-size: 24rem;
    color: #8b8b8b;
}

.logisticsDetailsName strong {
    font-size: 28rem;
    color: #212121;
}

.logisticsDetailsNumber {
    font-size: 24rem;
    color: #8b8b8b;
    margin-top: 8rem;
}

.logisticsTrends {
    width: calc(100% - 60rem);
    padding: 30rem;
    background-color: #ffffff;
    margin-top: 20rem;
    border-radius: 14rem;
}

.logisticsTrendsItem {
    align-items: stretch;
    margin-bottom: 30rem;
}

.logisticsTrendsItem:last-child {
    margin-bottom: 0;
}

.logisticsTrendsItemTime {
    width: 180rem;
    color: #8b8b8b;
    position: relative;
    padding-right: 30rem;
}

.logisticsTrendsItemTime::after {
    width: 1px;
    height: calc(100% + 30rem);
    content: '';
    background-color: #ff7f9c;
    position: absolute;
    right: 30rem;
    top: 4rem;
}

.logisticsTrendsItem:last-child .logisticsTrendsItemTime::after {
    display: none;
}

.logisticsTrendsItemTime::before {
    width: 16rem;
    height: 16rem;
    content: ' ';
    background-color: #fe467c;
    position: absolute;
    right: calc(30rem - 7rem);
    top: 4rem;
    z-index: 9;
    border-radius: 50%;
}

.logisticsTrendsItemInfo {
    width: calc(100% - 180rem);
    font-size: 22rem;
    color: #787878;
}

.logisticsTrendsItemInfo strong {
    color: #FF7F9C;
    font-size: 26rem;
}

.goods_desc {
    width: 100%;;
    color: #666666;
    font-size: 24rem;
    margin-top: 14rem;
    align-items: stretch;
}

.goods_descTitle {
    width: 75rem;
}

.goods_descText {
    width: calc(100% - 75rem);;
    white-space: break-spaces;
}

.logisticsNavLeft {
    align-items: center;
    margin: auto;
    margin-left: 20rem;
}

.orderStatusIcon {
    width: 42rem;
    margin-right: 12rem;
}

.orderStatusIcon > img {
    width: 100%;
}

.orderStatusText {
    font-size: 28rem;
}

/**
首页弹窗
 */
.orationPopup {
    width: 700rem !important;
    background-color: transparent;
    overflow-y: inherit !important;
}

.orationBox {
    width: 100%;
    position: relative;
}

.orationTop {
    width: 100%;
}

.orationTop > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.orationcontentBox {
    width: calc(100% - 164rem * 2);
    padding: 0 164rem;
    background-image: url("../images/orationcontentBg.png");
    background-size: 100% auto;
    margin-top: -2rem;
}

.orationContent{
    font-size: 28rem;
    color: #e22130;
    max-height: 45vh;
    overflow: auto;
    padding-top: 20rem;
}

.orationContent p{
    margin: 0 !important;
    padding: 0 !important;
}

.orationTitle{
    width: 100%;
    font-size: 32rem;
    text-align: center;
    color: #e22130;
}


.orationBottom {
    width: 100%;
    margin-top: -1rem;
}

.orationBottom > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.closeIcon{
    width: 56rem;
    height: 56rem;
    position: absolute;
    top: -30rem;
    right: 0;
    z-index: 99;
}
.closeIcon>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}