::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--xc1);
}

::-webkit-scrollbar {
    width: 5px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--xc1);
}

.xno {
    display: none !important;
}

.xbtn {
    transition: all 0.6s;
}

@keyframes scroll-icon {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
        opacity: 0;
    }

    30%,
    70% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px);
        opacity: 0;
    }
}

:root {--xc1: #008c32;--xc2: #c9935d;--xc3: #c9935d;}
 

 

/*图放大小动画*/
.ximg {
    transition: all .8s;
}

.ximg:hover {
    transition: transform 1s ease 0s;
    transform: scale(1.1);
}

/*旋转图*/
.xzimg {
    animation: rotate 30s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*数据总条数轮播点*/

.xie .swiper-container {
    padding-bottom: 50px;
}

.xie .swiper-pagination {
    position: absolute;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    bottom: 0px !important;
    left: 0;
    width: 100%;
}

.xie .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--xc1);
}

.xie .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
}

/*end*/

/*反复小动画*/
.xiedh:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../jpg/cd4f33a1-696a-4326-afbd-f79826b0bd6fa545.jpg?d=1722487395174) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 1;

    animation: mymove 5s infinite;
    -webkit-animation: mymove 5s infinite;
    /*Safari and Chrome*/
    animation-direction: alternate;
    /*轮流反向播放动画。*/
    animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
    /* Safari 和 Chrome */
    -webkit-animation: mymove 5s infinite;
    -webkit-animation-direction: alternate;
    /*轮流反向播放动画。*/
    -webkit-animation-timing-function: ease-in-out;
    /*动画的速度曲线*/
}

@keyframes mymove {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        transform: scale(1.1);
        /*放大1.1倍*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.1);
    }

}

@-webkit-keyframes mymove

/*Safari and Chrome*/
    {
    0% {
        transform: scale(1);
        /*开始为原始大小*/
    }

    25% {
        transform: scale(1.1);
        /*放大1.1倍*/
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: scale(1.1);
    }
}


.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-anonymous-iconfont:before {
    content: "\e63b";
}

.icon-globe:before {
    content: "\e74e";
}

.icon-dabao:before {
    content: "\e8a6";
}

.icon-weibo:before {
    content: "\e73c";
}

.icon-jiantou:before {
    content: "\e73d";
}

.icon-zhuanli:before {
    content: "\e71e";
}

.icon-fuwu:before {
    content: "\e606";
}

.icon-shenqing:before {
    content: "\e60a";
}

.icon-anli:before {
    content: "\e830";
}

.icon-sousuo:before {
    content: "\e60e";
}

.icon-chanpin:before {
    content: "\e6cd";
}

.icon-QQ:before {
    content: "\e66f";
}

.icon-qingxi:before {
    content: "\e674";
}

.icon-douyin:before {
    content: "\e656";
}

.icon-beifen:before {
    content: "\e61a";
}

.icon-dianhua:before {
    content: "\e6ac";
}

.icon-weixin:before {
    content: "\e61b";
}

.icon-dianhua1:before {
    content: "\e6b6";
}

.icon-fangzi:before {
    content: "\e73e";
}





a,
a:hover,
a:focus {
    text-decoration: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.animationimg {
    position: relative;
    overflow: hidden;
}

.animationimg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #0559DB;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    will-change: auto;
    z-index: 2;
}

.animationimg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    will-change: auto;
    transition-delay: 0.2s;
    z-index: 1;
}

.animationimg.response-transition:before,
.animationimg.response-transition:after {
    right: -100%;
}

.app-main[data-v-0eb24b74] {
    width: 100%;
    height: auto;
    padding: 100px 0 0 100px;
    max-width: 100%;
    overflow: visible;
}

.page-container {
    display: flex;
    flex-wrap: wrap;
    padding: 100px;
}

.app-container .page-container {
    padding: 20px 0;
}

.app-container[data-v-190e9f9e] {
    padding: 100px;
}

.app-container[data-v-2427fea3] {
    padding: 100px;
}

.app-container[data-v-5cb8dc2f] {
    padding: 100px;
}

.app-container[data-v-7683765f] {
    padding: 100px;
}

.sidebar[data-v-7f3da7f4] {
    padding: 0;
    position: sticky;
    top: 120px;
}

.sidebar[data-v-7f3da7f4] .title[data-v-7f3da7f4] {
    background: #0559DB;
    color: #fff;
    padding: 10px;
    font-family: "CaslonGraphiqueEF";
    text-transform: capitalize;
}

.pagetitle[data-v-136c0774] {
    padding: 10px 0;
}

.pagetitle[data-v-136c0774] span {
    font-family: "CaslonGraphiqueEF";
    text-transform: capitalize;
}

.search[data-v-2febe0a6] {
    bottom: 0;
}

div[data-v-190e9f9e] .app-container[data-v-190e9f9e] {
    padding: 0 0 20px;
}

.order-title[data-v-190e9f9e] {
    margin: 0;
    text-align: center;
}

.order-title .order-subtitle[data-v-190e9f9e] {
    font-family: "CaslonGraphiqueEF";
    text-transform: capitalize;
    color: #0559DB;
}

.steps-wrapper[data-v-190e9f9e] {
    float: none;
    width: 100%;
}

.el-textarea[data-v-190e9f9e] {
    width: 100% !important;
}

.el-card__body {
    padding: 50px 20px;
    position: relative;
    overflow: hidden;
}

.address-item[data-v-190e9f9e] {
    padding: 10px;
    border-radius: 5px;
    margin: 0;
}

.default-address-icon {
    margin: 0;
    padding: 4px 10px;
    border-radius: 5px;
    height: auto;
}

.order-details[data-v-190e9f9e] {
    padding: 20px;
}

.address-item .name[data-v-190e9f9e],
.wrapper .el-radio {
    border-radius: 5px;
}

.pl_toast span {
    width: 100%;
    max-width: 300px;
    padding: 20px;
}

.order-details[data-v-190e9f9e] strong,
strong.text-normal {
    font-family: "CaslonGraphiqueEF";
    text-transform: capitalize;
    color: #333;
}

.order-foot[data-v-190e9f9e] {
    padding: 15px;
    background: #f8f8f8;
    border: 1px #ddd solid;
}

.address-container li .attrName[data-v-0b180e41] {
    width: 200px;
}

.address-container li .default[data-v-0b180e41] {
    padding: 3px 60px;
    background: #f93822;
    text-transform: capitalize;
    position: absolute;
    right: -65px;
    top: 25px;
    transform: rotate(45deg);
}

.address-container li .reverseDiv[data-v-0b180e41] {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
}

.address-container li .attrValue[data-v-0b180e41] {
    flex: 1;
}

.content[data-v-d98503f2] {
    width: 100%;
    padding: 20px;
    max-width: 1000px;
}

.content[data-v-d98503f2] .item span[data-v-d98503f2] {
    width: auto;
}

.item>p[data-v-d98503f2] span[data-v-d98503f2]:first-child {
    width: 100px;
}

/*购物车*/

.unvalide[data-v-7683765f] {
    background: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 4;
    padding: 0;
}

.unvalide[data-v-7683765f] svg {
    fill: #f00;
    opacity: 0.3;
    width: 130px;
    height: auto;
}

.el-table .cell {
    overflow: visible;
}

.el-table th,
.el-table tr {
    position: relative;
}

.el-table--enable-row-transition .el-table__body td {
    position: unset;
}

li.order[data-v-16816705] {
    padding-bottom: 15px;
}

.order-id[data-v-16816705] {
    border: 1px #ddd solid;
}

.item-card-title[data-v-16816705] {
    display: none;
}

.order-item[data-v-16816705] {
    display: flex;
    align-items: unset;
}

.order-item>div[data-v-16816705] {
    height: auto;
    flex: auto;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.order-item .goods-information[data-v-16816705] {
    display: flex;
    flex-wrap: wrap;
}

.order-item .goods-information[data-v-16816705]:last-child>div[data-v-16816705] {
    border-bottom: none;
}

.order-item .goods-information>div[data-v-16816705]:first-child {
    width: auto;
    flex: 1;
    border-left: none;
}

.order-item .goods-information>div[data-v-16816705] {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.order-item .goods-information .goods-title[data-v-16816705] {
    flex: 1;
}

.order-item .goods-information .goods-img[data-v-16816705] {
    margin: 0;
    padding: 10px;
}

@media (max-width:798px) {

    .order-info[data-v-4ac65935],
    .el-collapse-item__header {
        flex-wrap: wrap;
    }

    .el-collapse-item__header {
        height: auto;
    }

    .text-blue[data-v-4ac65935] {
        flex: 0 0 90% !important;
        text-align: left !important;
    }

    .pay-title[data-v-5cb8dc2f] {
        height: auto;
        line-height: 1.6;
    }

    .pay-title strong[data-v-5cb8dc2f] {
        display: block;
        margin: 0 0 10px;
        padding-bottom: 10px;
        border-bottom: 1px #ddd solid;
    }

    .pay-title span[data-v-5cb8dc2f] {
        display: block;
        margin: 0;
    }

    .el-card[data-v-5cb8dc2f] {
        margin: 20px 0 !important;
    }

    .el-card[data-v-5cb8dc2f] .el-card__body {
        padding: 20px;
    }

    .vchat-img[data-v-5cb8dc2f] {
        margin: 0;
    }

    .vchat-img .code[data-v-5cb8dc2f] {
        width: 100%;
    }

    .c-wrapper[data-v-5cb8dc2f] {
        width: 100%;
        height: auto;
    }

    .c-wrapper[data-v-5cb8dc2f] img {
        width: 100%;
    }

    .vchat-img .vchat-bg[data-v-5cb8dc2f] {
        width: 100%;
    }

    .vchat-img .guide[data-v-5cb8dc2f] {
        width: 100%;
        margin: 0;
        padding: 20px;
    }

    .vchat-img .guide[data-v-5cb8dc2f] img {
        width: 100%;
        height: auto;
    }


    .app-container[data-v-190e9f9e] {
        padding: 50px 15px;
    }

    .app-container[data-v-2427fea3] {
        padding: 50px 15px;
    }

    .app-container[data-v-5cb8dc2f] {
        padding: 50px 15px;
    }

    .app-container[data-v-7683765f] {
        padding: 50px 15px;
    }

    .app-main[data-v-0eb24b74] {
        padding: 100px 0 0;
    }

    .page-container {
        padding: 20px;
    }

    .pagetitle[data-v-136c0774] {
        height: auto;
    }

    .slot[data-v-136c0774] {
        float: none;
        width: 100%;
    }

    .search[data-v-2febe0a6] {
        width: 100%;
        margin: 0;
    }

    .leftMenu[data-v-ebcc9386] {
        width: 100%;
        margin: 0 0 20px;
    }

    .righCon[data-v-ebcc9386] {
        width: 100%;
        padding: 0 15px 15px;
    }

    /*手机端我的资料*/
    .user[data-v-b7088b2a] {
        background: linear-gradient(-45deg, #dedede, #f6f6f6);
        margin: 20px 0;
        border-radius: 5px;
    }

    .user[data-v-b7088b2a]>div[data-v-b7088b2a] {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .user[data-v-b7088b2a]>div[data-v-b7088b2a]>p {
        width: 100%;
    }

    .user[data-v-b7088b2a]>div[data-v-b7088b2a]>p:nth-child(1) {
        font-size: 12px;
        color: #999;
        text-transform: uppercase;
    }

    .user[data-v-b7088b2a]>div[data-v-b7088b2a]>p:nth-child(2) {
        font-size: 20px;
        padding-bottom: 10px;
        color: #1159DB;
        font-family: "CaslonGraphiqueEF";
    }

    .user[data-v-b7088b2a]>div[data-v-b7088b2a]>p:nth-child(2):before {
        content: "Hello, ";
    }

    .user[data-v-b7088b2a]:after {
        border-color: #fff;
    }

    .menu[data-v-b7088b2a] .van-cell--clickable,
    .order[data-v-b7088b2a] .van-cell--clickable {
        cursor: pointer;
        background: #1159DB;
        color: #fff;
        margin-bottom: 10px;
        border-radius: 5px;
        border: none !important;
    }

    .menu[data-v-b7088b2a] .van-cell__title,
    .order[data-v-b7088b2a] .van-cell__title {
        text-transform: capitalize;
    }

    .menu[data-v-b7088b2a] .van-cell__value,
    .order[data-v-b7088b2a] .van-cell__value {
        color: #fff;
        font-size: 12px;
        opacity: 0.5;
    }

    .menu[data-v-b7088b2a] .van-cell__right-icon,
    .order[data-v-b7088b2a] .van-cell__right-icon {
        color: #fff;
        opacity: 0.3;
    }

    .van-cell:after {
        display: none;
    }

    .menu[data-v-b7088b2a],
    .order[data-v-b7088b2a] {
        box-shadow: none;
    }

    .order-link[data-v-b7088b2a] {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        align-items: unset;
        border: 1px solid #ebedf0;
        border-radius: 5px;
    }

    .link-item[data-v-b7088b2a] {
        flex: 0 0 50%;
        padding: 30px 15px;
        justify-content: center;
        flex-wrap: wrap;
        align-items: unset;
        border-right: 1px solid #ebedf0;
    }

    .link-item[data-v-b7088b2a]:nth-child(2n) {
        border-right: none;
    }

    .van-badge[data-v-b7088b2a] {
        right: 15px;
        top: 20px;
    }

    .link-item p[data-v-b7088b2a] {
        text-align: center;
        margin: 0;
        line-height: 20px;
        font-size: 14px;
        width: 100%;
        color: #666;
        text-transform: capitalize;
    }

    .search[data-v-1df2db2a] {
        margin: 0;
        margin: 15px;
        height: 40px;
    }

    .van-tabs--line .van-tabs__wrap {}

    .van-tabs__nav--line.van-tabs__nav--complete {
        padding: 0;
    }

    .van-tabs__wrap--scrollable .van-tab {
        padding: 0 15px;
        border-top: 1px #ddd solid;
        border-bottom: 1px #ddd solid;
    }

    .van-tabs__wrap--scrollable .van-tab.van-tab--active {
        background: #1159DB;
        color: #fff;
        border-top: 1px #1159DB solid;
        border-bottom: 1px #1159DB solid;
    }

    .van-tabs__line {
        display: none;
    }

    .van-pull-refresh {
        margin: 0 !important;
        padding: 15px 0;
    }

    .van-pull-refresh .orderNum[data-v-1df2db2a] {
        padding: 10px;
    }

    .van-pull-refresh .orderNum[data-v-1df2db2a] p {
        margin: 0;
        font-size: 12px;
        text-transform: capitalize;
    }

    .van-pull-refresh .orderNum[data-v-1df2db2a] .van-cell__right-icon {
        color: #666;
    }

    .van-pull-refresh ul.goods-list[data-v-1df2db2a] {
        padding: 0px;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] {
        padding: 10px;
        align-items: unset;
        border-bottom: 1px #eee solid;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-left[data-v-1df2db2a] {
        flex: 1;
        padding-right: 10px;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-right[data-v-1df2db2a] {
        width: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-right[data-v-1df2db2a] p {
        margin: 0;
        width: 100%;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .goods-img[data-v-1df2db2a] {
        margin: 0;
        padding-right: 5px;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .goods-content[data-v-1df2db2a] {
        flex: 1;
    }

    .van-pull-refresh ul.goods-list .goods-item[data-v-1df2db2a] .cont-left p[data-v-1df2db2a] {
        margin-bottom: 5px;
        line-height: 20px;
        font-size: 13px;
    }

    .van-pull-refresh .operating[data-v-1df2db2a] {
        margin: 0 !important;
        padding: 10px;
        display: flex;
        justify-content: right;
    }

    .van-pull-refresh .operating[data-v-1df2db2a] button {
        border: 1px #ddd solid;
        border-radius: 20px;
        height: 30px;
        padding: 0 15px;
        line-height: 28px;
    }

    .van-pull-refresh .operating[data-v-1df2db2a] button.btn-info {
        color: #666;
    }

    .van-pull-refresh .operating[data-v-1df2db2a] button.van-button--info.van-button--plain {
        border-color: #ddd;
        background: #fff;
        color: #666;
    }

    .van-pull-refresh .operating[data-v-1df2db2a] button.van-button--info {
        border-color: #f93822;
        background: #f93822;
        color: #fff;
    }


    .addressList[data-v-4bcb2d83] .title[data-v-4bcb2d83] {
        padding: 20px 15px;
        line-height: 20px;
        color: #666;
        font-size: 13px;
        border-bottom: 1px #eeee solid;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] {
        padding: 10px 10px 40px;
        margin: 0;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item[data-v-4bcb2d83] {
        border: 1px #eee solid;
        border-radius: 5px;
        box-shadow: 0 0 15px rgb(0 0 0 / 10%);
        padding: 15px;
        position: relative;
        overflow: hidden;
        margin: 15px 0 0;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .isDefault[data-v-4bcb2d83] {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 5px;
        background: #f93822 !important;
        border-bottom-left-radius: 5px;
        text-transform: capitalize;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .info[data-v-4bcb2d83] {
        border-bottom: none;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .info[data-v-4bcb2d83] p {
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px #eee solid;
        line-height: 20px;
        font-size: 13px;
    }

    .addressList[data-v-4bcb2d83] .content[data-v-4bcb2d83] .item .btn-group[data-v-4bcb2d83] {
        margin: 0;
        padding-top: 15px;
    }

    .addressList[data-v-4bcb2d83] .bottom-btn[data-v-4bcb2d83] {
        padding: 10px;
    }

    .addressList[data-v-4bcb2d83] .bottom-btn[data-v-4bcb2d83] .addAddress {
        width: 100%;
        height: 40px;
        text-transform: capitalize;
        background: #065adb;
        border: 1px #065adb solid;
        border-radius: 30px;
    }
}