/*.fui-notice {*/
    /*border-top: 1px solid #e2e2e2;*/
    /*border-bottom: 1px solid #e2e2e2;*/
/*}*/
.fui-notice{
    margin-bottom: 0.5rem;
}
.fui-notice:before,
.fui-notice:after {
    border: 0;
}

.fui-line-diy {
    height: auto;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    padding: 10px 0;
}
.fui-line-diy .line {
    height: 0px;
    width: 100%;
    border-top: 1px solid #000000;
}

.fui-line-diy:before {
    border: 0;
    height: 0;
}

.fui-title {
    color: #888;
    font-size: 14px;
    padding: 0 0.7rem;
}

.fui-picture {
    display: block;
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

.fui-picture img {
    display: block;
    width: 100%;
}

.fui-goods-group {
    background: none;
}

.fui-goods-item .image {
    height: 5.75rem;
    width: 5.75rem;
    float:left;
    background-size:100%;
    position: relative;
    overflow: hidden;
}

/*.fui-goods-item .detail .price .buy {*/
    /*display:block;*/
    /*text-align: center;*/
    /*line-height: 20px;*/
    /*color: #fff; font-size: 12px;*/
    /*background: #fe5455;*/
    /*border-radius: 20px;*/
    /*display: block;*/
    /*font-size: 12px;*/
    /*height: 20px;*/
    /*width: 20px;*/
    /*padding: 0;*/
/*}*/
.fui-goods-item .detail .price .buy i{
    font-size:0.7rem;
}
.fui-goods-item .detail .price .buy{
    display: inline-block;
    height: 1.1rem;
    color: #ff5555;
    line-height: 1rem;
    border-radius: 0;
    background: #fff;
    padding: 0rem 0.35rem;
    width: auto;
    border-radius: 0.1rem;
    border:1px solid transparent;
}

.fui-goods-item .detail .price .buy.buybtn-2{
    background: #ff5555;
    color: #fff;
}
.fui-goods-item .detail .price .buy.buybtn-3{
    background: #ff5555;
    color: #fff;
    vertical-align: middle;
    width: 1.1rem;
    padding: 0;
    text-align: center;
    line-height: 1.1rem;
}
.fui-goods-item .detail .price .buy.buybtn-4,.fui-goods-item .detail .price .buy.buybtn-5{
    vertical-align: middle;
    width: 1.1rem;
    padding: 0.01rem 0.01rem 0 0.02rem;
    /*padding: 0.04rem 0 0 0.02rem;*/
    /*text-align: center;*/
    line-height: 1rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ff5555;
    text-align: center;
}
.fui-goods-item .detail .price .buy.buybtn-4 i,.fui-goods-item .detail .price .buy.buybtn-5 i{
    color: #ff5555;
}
.fui-goods-item .detail .price .buy.buybtn-6{
    vertical-align: middle;
    width: 1.1rem;
    padding: 0.01rem 0 0;
    text-align: center;
    line-height: 1rem;
    border-radius: 50%;
    color: #fff;
}

.fui-goods-item .image .goodsicon {
    position: absolute;
    height: auto;
    width: auto;
    display: block;
    overflow: hidden;
}
.fui-goods-group .image.triangle{
    position: relative;
    overflow: hidden;
}
.fui-goods-group .image.triangle:before{
    content: attr(data-text);
    position: absolute;
    width: 3.39rem;
    height:2.4rem;
    background: #ff5555;
    z-index: 10;
    transform-origin: left bottom;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    color: #fff;
    line-height: 3.7rem;
    font-size:0.6rem;
    text-align: center;
}
.fui-goods-group .image.rectangle{
    position: relative;
}
.fui-goods-group .image.rectangle:before{
    content: attr(data-text);
    position: absolute;
    width: 2.25rem;
    height: 1rem;
    background: #04a6f8;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    line-height: 1rem;
}
.fui-goods-group .image.circle{
    position: relative;
}
.fui-goods-group .image.circle:before{
    content: attr(data-text);
    position: absolute;
    width:1.6rem;
    height: 1.6rem;
    background: #ffb805;
    z-index: 10;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fui-goods-group .image.square{
    position: relative;
}
.fui-goods-group .image.square:before{
    content: attr(data-text);
    position: absolute;
    width:1.6rem;
    height: 1.6rem;
    background: #19dbab;
    z-index: 10;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.fui-goods-group .image.echelon{
    position: relative;
}
.fui-goods-group .image.echelon:before{
    content: attr(data-text);
    position: absolute;
    height: 1rem;
    width: 3.4rem;
    background: #ff7104;
    top: 1.4rem;
    color: #fff;
    font-size: 0.6rem;
    line-height: 1rem;
    text-align: center;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -webkit-transform-origin:left bottom;
    transform-origin: left bottom;
}
.fui-goods-item .image .goodsicon img {
    display: inline-block;
    max-width: 100%;
}

.fui-goods-item .image .goodsicon.left {
    left: 0;
}

.fui-goods-item .image .goodsicon.right {
    right: 0;
}

.fui-goods-item .image .goodsicon.top {
    top: 0;
}

.fui-goods-item .image .goodsicon.bottom {
    bottom: 0;
}

.fui-swipe-page {
    height: 14px;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    line-height: 14px;
}

.fui-swipe-page.left {
    text-align: left;
}

.fui-swipe-page.center {
    text-align: center;
}

.fui-swipe-page.right {
    text-align: right;
}


.fui-swipe-page.rectangle .fui-swipe-bullet {
    height: 12px;
    width: 20px;
}

.fui-swipe-page.square .fui-swipe-bullet {
    height: 12px;
    width: 12px;
}

.fui-swipe-page.round .fui-swipe-bullet {
    height: 12px;
    width: 12px;
    border-radius: 12px;
}

.fui-swipe-page .fui-swipe-bullet {
    display: inline-block;
    margin: 0 4px 0 0;
    border-radius: 0;
}

.searchbtn {
    background: none;
    border: 0;
}

.searchbar,
.fui-searchbar {
    height: auto;
}
.searchbar {
    padding: 0;
}

.searchbar.right {
    text-align: right;
}

.search-input.radius {
    border-radius: 5px;
}

.search-input.round {
    border-radius: 30px;
}

.fui-picturew {
    height: auto;
    display: block;
    overflow: hidden;
}

.fui-picturew .item {
    height: auto;
    width: 100%;
    display: block;
    float: left;
}

.fui-picturew .item img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.fui-picturew .item .image {
    position: relative;
}
.fui-picturew .item .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 1rem;
    color: #fff;
    padding: 0.4rem 0.15rem 1px;
    font-size: 0.7rem;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#99000000,gradientType='0') ;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fui-picturew .item .text {
    font-size: 0.7rem;
    height: 1rem;
    line-height: 1.2rem;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-left: 0.15rem;
}

.fui-picturew.row-2 .item {
    width: 50%;
}

.fui-picturew.row-3 .item {
    width: 33.33%;
}

.fui-picturew.row-4 .item {
    width: 25%;
}

.fui-picturew.row-5 .item {
    width: 20%;
}

.diymenu-page {
    height: 100%;
    width: 100%;
    line-height: 600px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.diymenu {
    height: 2.5rem;
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    box-shadow:0 0 4px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 4px rgba(0,0,0,0.1);
}

.diymenu .item {
    height: 2.5rem;
    width: 25%;
    display: block;
    background: #fff;
    float: left;
    position: relative;
    cursor: pointer;
}

.diymenu .item.item-col-1 {
    width: 100%;
}

.diymenu .item.item-col-2 {
    width: 50%;
}

.diymenu .item.item-col-3 {
    width: 33.33%;
}

.diymenu .item.item-col-4 {
    width: 25%;
}

.diymenu .item.item-col-5 {
    width: 20%;
}

.diymenu .item .child {
    display: block;
    height: auto;
    min-width: 90px;
    max-width: 130px;
    background: #eee;
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -45px;
    z-index: 996;
    border-radius: 3px;
    border: 1px solid #ccc;

    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
}

.diymenu .item .child.in {
    -moz-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.diymenu .item .child a {
    clear: both;
    display: block;
    padding: 8px;
    font-size: 13px;
    position: relative;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.diymenu .item .child a:after {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    height: 0;
    border-top: 1px solid #ccc;
}

.diymenu .item .child a:first-child:after {
    border: none;
}

.diymenu .item .child .arrow {
    width: 18px;
    height: 18px;
    color: #ccc;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px;
}

.diymenu .item .child .arrow:after,
.diymenu .item .child .arrow:before {
    position: absolute;
    bottom: 3px;
    left: 3px;
    content: "";
    height: 12px;
    width: 12px;
    background: #000;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    z-index: 997;
}

.diymenu .item .child .arrow:after {
    bottom: 4.5px;
    background: #ccc;
    z-index: 998;
}

.diymenu .item .inner {
    height: 100%;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 997;
    text-align: center;
    color: #fff;
    padding: 0;
}
.diymenu .item .inner.left {
    padding-top: 0.25rem;
}

.diymenu .item .inner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0);
}

.diymenu .item .inner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    border-left: 1px solid rgba(0,0,0,0);
}

.diymenu .item:first-child .inner:after {
    border-left: 0;
}

.diymenu .item .inner .icon {
    display: block;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.7rem;
    color: #f90;
}

.diymenu .item .inner .text {
    display: block;
    font-size: 0.55rem;
    color: #999;
    overflow: hidden;
    margin: 0 2px;
}
.diymenu .item .inner .icon.left,
.diymenu .item .inner .text.left {
    display: inline-block;
}
.diymenu .item .inner .text.left {
    margin-top: 10px;
    font-size: 14px;
}
.diymenu .item .inner .icon.left {
    font-size: 18px;
}

.diymenu .item .inner.image {
    padding: 1px 0 2px 0;
}

.diymenu .item .inner.image img {
    display: inline-block;
    height: 100%;
    max-width: 100%;
}

.diymenu .item .inner .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.6rem;
    height: 0.8rem;
    left: 50%;
    line-height: 0.8rem;
    margin-left: 0.1rem;
    min-width: 0.8rem;
    padding: 0 0.2rem;
    position: absolute;
    top: 0.1rem;
    vertical-align: top;
    z-index: 100;
}
.diy-richtext a {
    color: #337ab7;
}

.diy-richtext img {
    display: block;
    max-width: 100%;
}

.diy-richtext video {
    display: block;
    width: 100%;
}

.fui-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem;
    -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;

}
.fui-list.align-start {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start
}

.fui-list:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: .5rem;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    left: .5rem;
}

.fui-list:first-child:before {
    display: none;
}

.fui-list:active {
    background: #ececec;
}
.fui-list.noclick:active {
    background: #fff;
}
.fui-list a {
    color:#666;
}

.fui-list-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right:.5rem;
    color:#aaa;
    position: relative;
}
.fui-list-media .title {
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 0.7rem;
    height: 1rem;
    right: 0;
    left: 0;
    line-height: 1rem;
    font-size: 0.6rem;
    padding: 0 0.15rem;
    position: absolute;
    bottom: 0;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}

.fui-list-media img {
    width:2.5rem;
}

.fui-list-media img.round {
    border-radius: .3rem;
}

.fui-list-media .badge {
    background: red none repeat scroll 0 0;
    border-radius: 0.5rem;
    color: white;
    font-size: 0.7rem;
    height: 0.9rem;
    right: -.35rem;
    line-height: 0.9rem;
    min-width: 0.9rem;
    padding: 0 0.15rem;
    position: absolute;
    top: -.3rem;
    text-align: center;
    vertical-align: top;
    z-index: 100;
}
.fui-remark: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: -1px;
    margin-left: .1em;
}
/* 方块组 */
.fui-block-group {background: #fff; border-bottom: 1px solid #ececec; position: relative; margin-top:.5rem}
.fui-block-group .fui-block-child {
    height: auto;
    float:left;
    padding: 0.4rem 0 ;
    background: #fff;
    transition:background-color 300ms;
    -webkit-transition: background-color 300ms;
    position: relative;
}
.fui-block-group .fui-block-child:before {
    content: "";
    width: 0px;
    border-right: 1px solid #ececec;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.fui-block-group .fui-block-child:after {
    content: "";
    height: 0px;
    border-bottom: 1px solid #ececec;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

.fui-block-group.col-2 .fui-block-child {
    width:50%
}
.fui-block-group.col-3 .fui-block-child {
    width:33.3%
}
.fui-block-group.col-4 .fui-block-child {
    width:25%
}
.fui-block-group.col-5 .fui-block-child {
    width:20%
}

.fui-block-group .fui-block-child:active {background: #ececec;}
.fui-block-group .fui-block-child .icon {height: 2.7rem; padding-top: 1rem; text-align: center; font-size: 1.4rem; line-height: 1.5rem;}
.fui-block-group .fui-block-child .icon i { font-size:1.8rem;}
.fui-block-group .fui-block-child .title {height: 1rem; font-size: 0.6rem; line-height: 1.5rem; text-align: center; color: #666;}
.fui-block-group .fui-block-child .title.bigsize {font-size: 0.7rem;}
.fui-block-group .fui-block-child .text {height: 1.2rem; font-size: 0.5rem; text-align: center; color: #666; line-height: 1rem;}
.fui-block-group .fui-block-child .text span {color: #feb312;}
.fui-block-group .fui-block-child .text.remark {color: #a9a9a9; font-size: 0.6rem; line-height: 1.2rem;}
.fui-block-group .fui-block-child .num {height: 0.9rem; text-align: center; font-size: 0.8rem; color: #fb6665; line-height: 1.4rem;}
.fui-block-group .fui-block-dots {height: 0.9rem; text-align: center; line-height: 0.6rem;}
.fui-block-group .fui-block-dots a {height: 0.3rem; width: 0.3rem; background: #e6e6e6; border-radius: 0.4rem; display: inline-block;}
.fui-block-group .fui-block-dots a.on {background: #fa5453;}

.headinfo-m {
    position: relative;
    height: auto;
    background: #fe5455;
    padding-top: 20px;
    border-top: 1px #b2423f solid;
    border-bottom: 1px #fa9d9d solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.headinfo-m .setbtn {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 4px;
    right: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    text-align: center;
}

.headinfo-m .child {
    width: 30%;
    height: auto;
    padding-bottom: 24px;
    text-align: center;
}

.headinfo-m .child.userinfo {
    width: 40%;
    color: #fff;
}

.headinfo-m .child.userinfo .face {
    height: 56px;
    width: 56px;
    background: #fff;
    margin: auto;
    border-radius: 56px;
    border: 2px solid #fff;
}

.headinfo-m .child.userinfo .face img {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    display: block;
}

.headinfo-m .child.userinfo .face.radius{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .face.radius img{
    border-radius: 10px;
}

.headinfo-m .child.userinfo .name {
    height: 20px;
    padding-top: 4px;
    font-size: 12px;
    color: inherit;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child.userinfo .level {
    font-size: 12px;
    color: inherit;
    text-align: center;
}

.headinfo-m .child .title {
    padding-top: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.headinfo-m .child .num {
    font-size: 14px;
    color: #fef31f;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.headinfo-m .child .btn {
    width: 52px;
    height: 20px;
    padding: 0;
    margin: 4px auto 0;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #fff;
}

.page-commission-index .headinfo {
    border: 0;
}

/*.swiper-button-next, .swiper-button-prev{*/
    /*top:1.725rem;*/
/*}*/
.swiper-pagination-bullet-active {
    background: #000;
    opacity: 0.5;
}
.swiper-button-white {
    background: rgba(0, 0, 0, 0.3);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}

.swiper-pagination {
    position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.fui-picturew .fui-picturew-pagination {
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 10px;
}

.fui-picturew .fui-picturew-pagination a {
    height: 8px;
    width: 8px;
    background: #000;
    border-radius: 8px;
    display: inline-block;
    opacity: 0.3;
}

.fui-picturew .fui-picturew-pagination a.active {
    opacity: 0.5;
}

.diy-coupon {
    padding: 0 0.3rem;
    height: auto;
    overflow: hidden;

}

.diy-coupon .diy-coupon-item {
    width: 33.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.diy-coupon .diy-coupon-item .inner {

    height: 100%;
    border-radius: 0;
    border: none;
    background: #fd5454;
    color: #fff;
    font-size: 0.55rem;
    line-height: 0.6rem;
    position: relative;
    margin: 0.3rem;
    text-align: center;
}

.diy-coupon.col-2 .diy-coupon-item {
    width: 50%;
}

.diy-coupon.col-3 .diy-coupon-item {
    width: 33.33%;
}

.diy-coupon .diy-coupon-item .name {
    font-size: 1rem;
    line-height: 1.75rem;
    position: relative;
}

.diy-coupon .diy-coupon-item .desc {
    font-size: 0.6rem;
    line-height: 1.6rem;
}
.diy-coupon .diy-coupon-item .receive {
    width: 3.3rem;
    border-radius: 1rem;
    border: 1px solid #fff;
    height: 1rem;
    line-height: 1rem;
    margin: 0 auto 0.4rem;
}
.diy-coupon .diy-coupon-item i{
    position: absolute;
    height: 0.7rem;
    width: 0.7rem;
    border-radius: 50%;
    top: 50%;
    margin-top: -0.35rem;
}
.diy-fixedsearch {
    height: 44px;
    overflow: hidden;
    position: relative;
}

.diy-fixedsearch.fixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

.diy-fixedsearch .background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    opacity: 0.5;
    z-index: 1;
}

.diy-fixedsearch .inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    color: #fff;
    height: 44px;
    padding: 8px;
}

.diy-fixedsearch .inner .leftnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .rightnav {
    height: 28px;
    line-height: 28px;
}

.diy-fixedsearch .inner .leftnav img,
.diy-fixedsearch .inner .rightnav img {
    height: 28px;
    width: auto;
    display: block;
}

.diy-fixedsearch .inner .leftnav .icon,
.diy-fixedsearch .inner .rightnav .icon {
    font-size: 24px;
}

.diy-fixedsearch .inner .center {
    height: 28px;
    width: 100%;
    padding: 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.diy-fixedsearch .inner .center input {
    border-radius: 0;
    background: #fff;
    -webkit-appearance : none;
    height: 28px;
    border: 0;
    width: 100%;
    padding: 0 6px;
    font-size: 14px;
    color: #666;
    float: left;
    line-height: 28px;
    padding-top: 1px;
}

.diy-fixedsearch .inner .center.round input {
    border-radius: 4px;
}

.diy-fixedsearch .inner .center.circle input {
    border-radius: 28px;
}

.follow_topbar ~ .diy-fixedsearch {
    top: 2.6rem;
}
.fui-header ~ .diy-fixedsearch {
    top: 2.2rem;
}

.fui-goods-group .fui-goods-item .salez.diy{
    background-size: 100%;
    background-position: top center;
    z-index: 11;
    top: 10px;
    left: 10px;
    right: 10px;
    width:5.75rem;
}
.fui-goods-group.block .fui-goods-item .salez.diy {
    background-size: 100%;
    background-position: top center;
    z-index: 11;
    top: 5px;
    left: 5px;
    right: 5px;
    width:auto;
}

/* Premium storefront refresh */
:root {
    --lux-ink: #241f23;
    --lux-muted: #81797c;
    --lux-accent: #7d355e;
    --lux-accent-dark: #54223f;
    --lux-gold: #bd9865;
    --lux-surface: #ffffff;
    --lux-bg: #f7f4f3;
    --lux-line: #ede6e8;
    --lux-shadow: 0 12px 32px rgba(42, 22, 35, .09);
}

html, body, .fui-page, .fui-page-group { background: var(--lux-bg); }
body {
    color: var(--lux-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing: .01em;
}

.fui-header.jb, .fui-header {
    background: linear-gradient(115deg, #201a20 0%, #4a2140 58%, #7d355e 100%) !important;
    border: 0;
    box-shadow: 0 4px 18px rgba(48, 20, 40, .24);
}
.fui-header:after { display: none; }
.fui-header .title { color: #fff; font-weight: 650; letter-spacing: .06em; }
.fui-header .fui-header-left a, .fui-header .fui-header-right a,
.fui-header .fui-header-right i { color: #fff !important; }

.fui-content { background: var(--lux-bg); }
.fui-cell-group {
    margin: .6rem .55rem;
    border: 1px solid rgba(237, 230, 232, .95);
    border-radius: .7rem;
    overflow: hidden;
    box-shadow: 0 4px 18px rgba(42, 22, 35, .035);
}
.fui-cell-group:before, .fui-cell-group:after, .fui-cell:before, .fui-cell:after { border-color: var(--lux-line) !important; }
.fui-cell { min-height: 2.65rem; background: var(--lux-surface); }
.fui-cell-label { color: var(--lux-ink); font-weight: 600; }
.fui-cell-remark, .fui-cell-info { color: var(--lux-muted); }
.fui-input {
    color: var(--lux-ink) !important;
    font-size: .72rem;
}
.fui-input::placeholder { color: #bdb4b7; }

.fui-tab { background: #fff; border-bottom: 1px solid var(--lux-line); }
.fui-tab a { color: var(--lux-muted); font-weight: 550; }
.fui-tab.fui-tab-danger a.active, .fui-tab a.active { color: var(--lux-accent); }
.fui-tab.fui-tab-danger a.active:after, .fui-tab a.active:after {
    background: linear-gradient(90deg, var(--lux-accent-dark), var(--lux-gold));
    height: 2px;
    border-radius: 2px;
}

.fui-navbar {
    background: rgba(255,255,255,.96);
    border-top: 1px solid var(--lux-line);
    box-shadow: 0 -8px 24px rgba(42, 22, 35, .07);
}
.fui-navbar .nav-item { color: #968e91; }
.fui-navbar .nav-item.active, .fui-navbar .nav-item:active { color: var(--lux-accent); }
.fui-navbar .nav-item .icon { font-size: 1.08rem; }

.fui-goods-group, .fui-goods-group.block { padding: .2rem .5rem .8rem; }
.fui-goods-group .fui-goods-item, .fui-goods-item {
    border: 1px solid var(--lux-line) !important;
    border-radius: .72rem !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 22px rgba(42, 22, 35, .055);
    transition: transform .2s ease, box-shadow .2s ease;
}
.fui-goods-group .fui-goods-item:active, .fui-goods-item:active {
    transform: translateY(1px) scale(.99);
    box-shadow: 0 4px 12px rgba(42, 22, 35, .05);
}
.fui-goods-item .image, .fui-goods-item img, .goods-swipe img { background: #f1ebed; }
.fui-goods-item .title, .fui-goods-item .name, .fui-goods-item .nametj { color: var(--lux-ink) !important; font-weight: 620; }
.fui-goods-item .price, .text-danger, .bigprice { color: var(--lux-accent) !important; font-weight: 700; }

.fui-icon-group { margin: 0 .55rem; border-radius: 0 0 .75rem .75rem; overflow: hidden; }
.fui-icon-group .fui-icon-col .icon img { border-radius: .65rem !important; box-shadow: 0 6px 14px rgba(48, 20, 40, .08); }
.fui-icon-group .fui-icon-col .text { color: var(--lux-ink) !important; font-weight: 550; }

.premium-hero {
    position: relative;
    margin: .65rem .55rem 0;
    padding: 1rem 1rem .95rem;
    overflow: hidden;
    border-radius: .78rem .78rem 0 0;
    color: #fff;
    background: linear-gradient(125deg, #211921 0%, #4b2240 55%, #8a466d 100%);
    box-shadow: var(--lux-shadow);
}
.premium-hero:after {
    content: "";
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: -3rem;
    right: -1.5rem;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    box-shadow: 0 0 0 1rem rgba(255,255,255,.06), 0 0 0 2.1rem rgba(255,255,255,.035);
}
.premium-hero-kicker { display: block; color: #e2c59b; font-size: .48rem; font-weight: 700; letter-spacing: .18em; }
.premium-hero h1 { position: relative; z-index: 1; margin: .22rem 0 .15rem; color: #fff; font-size: 1.05rem; font-weight: 700; letter-spacing: .04em; }
.premium-hero p { margin: 0; color: rgba(255,255,255,.75); font-size: .58rem; }

.page-goods-detail .goods-swipe { background: #eee7e9; }
.page-goods-detail .fui-swipe-item img { object-fit: cover; }
.page-goods-detail .fui-navbar .nav-item.btn,
.fui-navbar .nav-item.btn, .layui-btn, .btn-danger, .btn-danger-o {
    background: linear-gradient(115deg, var(--lux-accent-dark), var(--lux-accent)) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 8px 16px rgba(125, 53, 94, .2);
}
.layui-btn { border-radius: .45rem; font-weight: 600; }

.order-pay-page .fui-cell-group, .order-list-page .fui-cell-group, .order_detail .fui-cell-group {
    box-shadow: var(--lux-shadow);
}
.order_detail_header {
    background: linear-gradient(120deg, #2a1d29, #6b2e55) !important;
    border-radius: 0 0 .9rem .9rem;
    box-shadow: var(--lux-shadow);
}
.order_detail_header, .order_detail_header * { color: #fff !important; }

.applyradio, .fui-list-group, .fui-list { background: #fff; }
.fui-list-group { border-radius: .65rem; margin: .55rem; overflow: hidden; box-shadow: 0 5px 18px rgba(42, 22, 35, .045); }
.fui-list:after, .fui-list:before { border-color: var(--lux-line) !important; }

.fui-page-current:before {
    content: "";
    position: fixed;
    top: 2.2rem;
    left: 0;
    right: 0;
    height: 3.6rem;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% -40%, rgba(189, 152, 101, .12), transparent 68%);
    z-index: 0;
}
.fui-content { z-index: 1; }
.fui-header, .fui-navbar { z-index: 10; }

@media (min-width: 760px) {
    body { background: #e9e3e5; }
    .fui-page-group, .fui-page, .fui-header, .fui-navbar { max-width: 750px; margin-left: auto; margin-right: auto; }
    .fui-page { box-shadow: 0 0 60px rgba(33, 21, 30, .16); }
}

/* Editorial storefront v2 */
:root {
    --edit-ink: #191917;
    --edit-soft-ink: #4f4e48;
    --edit-muted: #89867d;
    --edit-paper: #f4f1eb;
    --edit-card: #fffefb;
    --edit-line: #e6e0d6;
    --edit-gold: #b79860;
    --edit-wine: #5e2f43;
    --edit-shadow: 0 18px 50px rgba(38, 34, 27, .09);
}

body.storefront-home,
body.store-list-page,
body.store-goods-page,
body.store-user-page {
    color: var(--edit-ink);
    background: #dedbd5;
}

.storefront-page,
.store-goods-page .fui-page,
.store-user-page .fui-page {
    background: var(--edit-paper) !important;
}

.fui-header.storefront-header,
.store-goods-page .fui-header.storefront-header,
.store-user-page .fui-header.storefront-header {
    background: rgba(252, 250, 246, .96) !important;
    border-bottom: 1px solid rgba(218, 211, 199, .85);
    box-shadow: none;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.storefront-header .title,
.storefront-header .fui-header-left a,
.storefront-header .fui-header-right a,
.storefront-header .fui-header-right i {
    color: var(--edit-ink) !important;
}
.storefront-header .title { font-weight: 650; letter-spacing: .08em; }
.storefront-header .fui-header-right .icon { font-size: .9rem; }
.store-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    margin-left: .15rem;
    border: 1px solid #2d2d28;
    border-radius: 50%;
    color: #25251f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .7rem;
    font-style: italic;
}
.store-brand-name { font-size: .68rem; }

.storefront-content,
.store-goods-content {
    background:
        radial-gradient(circle at 100% 0, rgba(185, 152, 96, .09), transparent 21rem),
        var(--edit-paper) !important;
}
.storefront-home .fui-content.navbar,
.store-list-page .fui-content.navbar {
    bottom: 0 !important;
    padding: .72rem .65rem 5.25rem !important;
}

.store-hero {
    position: relative;
    min-height: 12.3rem;
    overflow: hidden;
    border-radius: 1.3rem;
    color: #f9f5ec;
    background:
        radial-gradient(circle at 78% 14%, rgba(199, 162, 96, .29), transparent 26%),
        radial-gradient(circle at 100% 100%, rgba(115, 52, 76, .5), transparent 45%),
        linear-gradient(145deg, #171714 0%, #25241f 54%, #3a2730 100%);
    box-shadow: 0 22px 55px rgba(35, 30, 28, .19);
}
.store-hero:before {
    content: "";
    position: absolute;
    inset: .45rem;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 1rem;
    pointer-events: none;
}
.store-hero-copy {
    position: relative;
    z-index: 2;
    width: 70%;
    padding: 1.55rem 0 1.4rem 1.35rem;
}
.store-eyebrow,
.store-section-kicker {
    display: block;
    color: var(--edit-gold);
    font-size: .45rem;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1.4;
}
.store-hero h1 {
    margin: .6rem 0 .55rem;
    color: #fffdf8;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: .02em;
    line-height: 1.15;
}
.store-hero h1 em { color: #d9bd87; font-weight: 400; }
.store-hero p {
    max-width: 13rem;
    margin: 0;
    color: rgba(255,255,255,.64);
    font-size: .58rem;
    line-height: 1.7;
}
.store-hero-actions { display: flex; align-items: center; gap: .8rem; margin-top: 1.1rem; }
.store-primary-link {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.15rem;
    padding: 0 .92rem;
    border-radius: 999px;
    color: #1c1c18;
    background: #f6f1e7;
    font-size: .58rem;
    font-weight: 650;
    box-shadow: 0 10px 25px rgba(0,0,0,.16);
}
.store-primary-link span { font-size: .78rem; }
.store-hero-note { color: rgba(255,255,255,.55); font-size: .5rem; letter-spacing: .08em; }
.store-hero-art { position: absolute; inset: 0 0 0 auto; width: 42%; }
.store-orbit {
    position: absolute;
    border: 1px solid rgba(214, 184, 126, .22);
    border-radius: 50%;
}
.store-orbit-one { top: -1.4rem; right: -3rem; width: 10rem; height: 10rem; }
.store-orbit-two { top: 1rem; right: -2.7rem; width: 6.5rem; height: 6.5rem; }
.store-hero-seal {
    position: absolute;
    right: 1.15rem;
    bottom: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.3rem;
    height: 3.3rem;
    border: 1px solid rgba(230,205,160,.42);
    border-radius: 50%;
    color: rgba(240,219,181,.72);
    font-family: Georgia, serif;
    font-size: .46rem;
    letter-spacing: .12em;
    line-height: 1.45;
    text-align: center;
    transform: rotate(8deg);
}

.store-trust-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: .72rem 0 0;
    padding: .72rem .2rem;
    border: 1px solid var(--edit-line);
    border-radius: .85rem;
    background: rgba(255,254,251,.8);
}
.store-trust-strip div { display: flex; align-items: center; justify-content: center; gap: .38rem; border-right: 1px solid var(--edit-line); }
.store-trust-strip div:last-child { border-right: 0; }
.store-trust-strip strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    color: #faf5e9;
    background: #292923;
    font-family: Georgia, serif;
    font-size: .5rem;
    font-weight: 500;
}
.store-trust-strip span { color: #5f5d56; font-size: .52rem; font-weight: 600; }

.store-section { margin-top: 1.65rem; }
.store-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}
.store-section-heading h2 {
    margin: .16rem 0 0;
    color: var(--edit-ink);
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 1.18rem;
    font-weight: 500;
    letter-spacing: .03em;
}
.store-section-heading > a,
.store-heading-note { color: var(--edit-muted); font-size: .52rem; }
.store-section-heading > a span { color: var(--edit-gold); }

.storefront-home .fui-icon-group.store-category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .55rem .35rem;
    margin: 0;
    padding: .9rem .45rem .8rem;
    border: 1px solid var(--edit-line);
    border-radius: 1.05rem;
    background: var(--edit-card) !important;
    box-shadow: 0 10px 32px rgba(39,35,29,.045);
}
.store-category-grid .fui-icon-col { width: auto !important; padding: .25rem .05rem !important; }
.store-category-grid .fui-icon-col .icon {
    width: 2.35rem !important;
    height: 2.35rem !important;
    margin: 0 auto .36rem !important;
    padding: .34rem;
    border: 1px solid #ece6dc;
    border-radius: .8rem;
    background: #f6f3ed;
}
.store-category-grid .fui-icon-col .icon img {
    width: 100% !important;
    height: 100% !important;
    border-radius: .55rem !important;
    box-shadow: none !important;
    filter: saturate(.74) contrast(.94);
}
.store-category-grid .fui-icon-col .text {
    color: #484741 !important;
    font-size: .51rem;
    font-weight: 550;
    white-space: nowrap;
}

.store-featured-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
.store-featured-card,
.store-product-card {
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: 1rem;
    color: var(--edit-ink);
    background: var(--edit-card);
    box-shadow: 0 12px 34px rgba(35,31,25,.07);
}
.store-featured-media,
.store-product-media {
    position: relative;
    background-color: #ebe7df;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.store-featured-media { height: 8.1rem; }
.store-featured-media:after,
.store-product-media:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 62%, rgba(16,15,13,.12));
    pointer-events: none;
}
.store-featured-media > span {
    position: absolute;
    z-index: 1;
    top: .55rem;
    left: .55rem;
    padding: .28rem .42rem;
    border-radius: 999px;
    color: #f5eee1;
    background: rgba(25,25,22,.82);
    font-size: .39rem;
    font-weight: 700;
    letter-spacing: .12em;
}
.store-featured-copy,
.store-product-copy { padding: .72rem .72rem .75rem; }
.store-product-category { color: #9a7c49; font-size: .45rem; font-weight: 700; letter-spacing: .08em; }
.store-featured-copy h3,
.store-product-copy h3 {
    display: -webkit-box;
    min-height: 2.45em;
    margin: .28rem 0 .58rem;
    overflow: hidden;
    color: #292925;
    font-size: .65rem;
    font-weight: 650;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.store-product-meta { display: flex; align-items: center; justify-content: space-between; }
.store-product-meta strong { color: #24241f; font-family: Georgia, serif; font-size: .86rem; font-weight: 600; }
.store-product-meta strong small { margin-right: .12rem; font-size: .52rem; }
.store-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    color: #f8f3e9;
    background: #292923;
    font-size: .65rem;
}

.store-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .68rem; }
.store-product-media { height: 8.6rem; }
.store-product-badge,
.store-shipping-badge {
    position: absolute;
    z-index: 2;
    top: .5rem;
    left: .5rem;
    padding: .24rem .4rem;
    border-radius: 999px;
    color: #f8f2e7;
    background: rgba(31,31,27,.86);
    font-size: .42rem;
    font-weight: 650;
}
.store-shipping-badge { right: .5rem; left: auto; color: #4a4030; background: rgba(250,244,232,.9); }

.store-service-note {
    position: relative;
    margin: 1.7rem 0 0;
    padding: 1.2rem 1.15rem 1.25rem 5rem;
    overflow: hidden;
    border: 1px solid #dcd4c7;
    border-radius: 1rem;
    background: #ebe6dc;
}
.store-service-note:before {
    content: "P";
    position: absolute;
    left: 1.15rem;
    top: 50%;
    color: rgba(94,47,67,.16);
    font-family: Georgia, serif;
    font-size: 4rem;
    font-style: italic;
    line-height: 1;
    transform: translateY(-52%);
}
.store-service-note h2 { margin: .25rem 0 .3rem; color: #292823; font-family: Georgia, "Songti SC", serif; font-size: .9rem; font-weight: 500; }
.store-service-note p { margin: 0; color: #77736a; font-size: .52rem; line-height: 1.6; }

/* Floating editorial navigation */
.fui-navbar.storefront-navbar,
.store-goods-page .fui-navbar.store-purchase-bar,
.store-user-page .fui-navbar.storefront-navbar {
    right: .55rem;
    bottom: .48rem;
    left: .55rem;
    width: auto;
    height: 3.25rem;
    overflow: hidden;
    border: 1px solid rgba(224,217,206,.95);
    border-radius: 1.05rem;
    background: rgba(255,254,251,.96);
    box-shadow: 0 14px 36px rgba(32,29,24,.14);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.fui-navbar.storefront-navbar .nav-item { padding-top: .4rem; color: #969289; }
.fui-navbar.storefront-navbar .nav-item .icon { font-size: .95rem; }
.fui-navbar.storefront-navbar .nav-item .label { margin-top: .12rem; font-size: .48rem; }
.fui-navbar.storefront-navbar .nav-item.active { color: #2b2b26; }
.fui-navbar.storefront-navbar .nav-item.active:after {
    content: "";
    position: absolute;
    right: 43%;
    bottom: .15rem;
    left: 43%;
    height: 2px;
    border-radius: 2px;
    background: var(--edit-gold);
}
/* Catalog */
.store-list-page .store-notice {
    display: flex;
    align-items: center;
    height: 2.1rem;
    margin: 0 0 1rem;
    padding: 0 .75rem;
    border: 1px solid var(--edit-line);
    border-radius: .7rem;
    color: #6d6960;
    background: rgba(255,254,251,.85);
}
.store-list-page .store-notice .icon { margin-right: .38rem; color: var(--edit-gold); }
.store-list-page .store-notice .text,
.store-list-page .store-notice a { color: #6d6960 !important; font-size: .54rem; }
.store-list-section { margin-top: .25rem; }
.store-list-heading { align-items: center; }
.store-search-button {
    min-height: 1.85rem;
    padding: 0 .7rem;
    border: 1px solid #dcd4c7;
    border-radius: 999px;
    color: #555149;
    background: #fffdf9;
    font-size: .52rem;
}
.store-search-button .icon { margin-right: .16rem; }
.store-list-page .store-catalog-grid { display: grid; gap: .7rem; padding: 0 !important; }
.store-list-page #shop_list .fui-goods-item {
    display: grid;
    grid-template-columns: 7.2rem minmax(0, 1fr);
    width: 100% !important;
    min-height: 7.2rem;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--edit-line) !important;
    border-radius: 1rem !important;
    background: var(--edit-card);
    box-shadow: 0 12px 34px rgba(35,31,25,.065);
}
.store-list-page #shop_list .imagezdy {
    width: 7.2rem !important;
    height: 100% !important;
    min-height: 7.2rem;
    border-radius: 0 !important;
    background-color: #ece8df;
    background-position: center;
    background-size: cover;
}
.store-list-page #shop_list .detail { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: .82rem .78rem .7rem !important; }
.store-list-page #shop_list .nametj { color: #2b2a26 !important; font-size: .67rem; font-weight: 650; line-height: 1.55; }
.store-list-page #shop_list .price { display: flex; align-items: center; min-height: 1.7rem; margin-top: .45rem; }
.store-list-page #shop_list .minprice { color: #272620; font-family: Georgia, serif; font-size: .86rem; font-weight: 600; }
.store-list-page #shop_list .buy {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 1.45rem !important;
    height: 1.45rem !important;
    margin-left: .24rem !important;
    border-radius: 50% !important;
    color: #f8f3e9 !important;
    background: #2b2b26 !important;
    font-size: .45rem !important;
}
.store-list-page #shop_list .buy .icon { font-size: .64rem; }
.store-list-page .content-fy { padding: 1rem 0; }
.store-list-page .content-fy .btn { min-width: 6rem; border-color: #cfc5b7 !important; color: #555149 !important; background: transparent !important; }

/* Product detail */
.store-goods-page .store-goods-content { bottom: 0 !important; padding: .7rem .65rem 5rem; }
.store-goods-page .goods-swipe {
    height: 20rem;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: 1.2rem;
    background: #e9e5dd;
    box-shadow: 0 16px 42px rgba(35,31,25,.1);
}
.store-goods-page .goods-swipe .fui-swipe-wrapper,
.store-goods-page .goods-swipe .fui-swipe-item { height: 100%; }
.store-goods-page .goods-swipe .fui-swipe-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.store-detail-panel {
    position: relative;
    margin-top: .72rem;
    padding: 1.15rem 1rem 1rem;
    border: 1px solid var(--edit-line);
    border-radius: 1rem;
    background: var(--edit-card);
    box-shadow: 0 10px 32px rgba(35,31,25,.055);
}
.store-detail-panel h1 {
    margin: .35rem 0 .75rem;
    color: #24241f;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 1.1rem;
    font-weight: 550;
    line-height: 1.45;
}
.store-detail-offer {
    display: inline-block;
    margin: -.2rem 0 .65rem;
    padding: .28rem .45rem;
    border-radius: .35rem;
    color: #704057;
    background: #f3e9ed;
    font-size: .5rem;
}
.store-detail-price-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.store-detail-price-row > strong { color: #24231f; font-family: Georgia, serif; font-size: 1.35rem; font-weight: 600; }
.store-detail-price-row > strong small { margin-right: .12rem; font-size: .7rem; }
.store-detail-stats { display: flex; gap: .55rem; padding-bottom: .12rem; color: #8a867d; font-size: .5rem; }
.store-detail-assurance {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: .9rem;
    padding-top: .78rem;
    border-top: 1px solid var(--edit-line);
}
.store-detail-assurance span { color: #68655d; font-size: .5rem; text-align: center; }
.store-detail-assurance i { display: inline-flex; align-items: center; justify-content: center; width: .8rem; height: .8rem; margin-right: .15rem; border-radius: 50%; color: #f8f3e8; background: #2d2d28; font-size: .4rem; font-style: normal; }
.store-detail-description { margin: 1.5rem 0 0; }
.store-detail-images {
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: 1rem;
    background: var(--edit-card);
}
.store-detail-images img { display: block; width: 100% !important; height: auto !important; }
.store-detail-images p { padding: .8rem; color: #77736a; font-size: .6rem; line-height: 1.7; }

.store-goods-page .store-purchase-bar { display: flex; padding: .25rem; }
.store-goods-page .store-purchase-bar .nav-item:not(.btn) { flex: .7; min-width: 0; padding-top: .32rem; color: #858179; background: transparent !important; }
.store-goods-page .store-purchase-bar .nav-item:not(.btn) .icon { font-size: .82rem; }
.store-goods-page .store-purchase-bar .nav-item:not(.btn) .label { margin-top: .08rem; color: #858179 !important; font-size: .43rem; }
.store-goods-page .store-purchase-bar .nav-item.btn {
    flex: 2.15;
    height: 2.72rem;
    margin: 0;
    border-radius: .78rem;
    color: #f8f3e9 !important;
    background: #23231f !important;
    box-shadow: none;
    font-size: .68rem;
    font-weight: 650;
    line-height: 2.72rem;
    letter-spacing: .06em;
}
.store-goods-page .option-picker-inner { border-radius: 1.25rem 1.25rem 0 0; background: #f7f4ee; }
.store-goods-page .option-picker-cell.goodinfo { padding: 1rem; }
.store-goods-page .option-picker-cell.goodinfo .img { overflow: hidden; border-radius: .65rem; }
.store-goods-page .option-picker .fui-cell-group { border-radius: .75rem; }

/* User order center */
.store-user-page .fui-tab {
    top: 2.2rem;
    right: .65rem;
    left: .65rem;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .12rem;
    width: auto !important;
    height: 2.4rem;
    margin: .55rem 0 0;
    padding: .2rem;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: .9rem;
    background: rgba(255,254,251,.92);
    box-shadow: 0 8px 24px rgba(35,31,25,.055);
    box-sizing: border-box;
}
.store-user-page .fui-tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 1.9rem;
    padding: 0 .15rem;
    border: 0;
    border-radius: .68rem;
    color: #89857c;
    background: transparent;
    font-size: .52rem;
    font-weight: 550;
    line-height: 1;
    white-space: nowrap;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
}
.store-user-page .fui-tab a.active {
    color: #f8f3e9;
    background: #292923;
    box-shadow: 0 6px 14px rgba(38,37,32,.16);
}
.store-user-page .fui-tab a.active:after { display: none !important; }
.store-user-page .order-list { top: 5.35rem !important; bottom: 0 !important; padding: .55rem .1rem 5rem; background: var(--edit-paper); }
.store-user-page .fui-list-group.order-item { border: 1px solid var(--edit-line); border-radius: 1rem; box-shadow: 0 10px 30px rgba(35,31,25,.06); }
.store-user-page .fui-list-group-title { color: #6d6960; font-size: .54rem; }
.store-user-page .goods-list .fui-list-media img { border-radius: .55rem; }
.store-user-page .text-danger { color: var(--edit-wine) !important; }
.store-user-page .content-empty .btn,
.store-user-page .btn-danger-o {
    border: 0 !important;
    color: #f8f3e9 !important;
    background: #292923 !important;
    box-shadow: 0 10px 24px rgba(35,34,29,.14) !important;
}

/* Unified customer center */
.store-user-page .storefront-header a.back:before {
    border-color: var(--edit-ink) !important;
}
.store-user-content {
    bottom: 0 !important;
    padding: .72rem .65rem 5.2rem !important;
    background:
        radial-gradient(circle at 100% 0, rgba(183,152,96,.1), transparent 18rem),
        var(--edit-paper) !important;
}
.store-user-page-heading {
    position: relative;
    margin-bottom: .72rem;
    padding: 1.05rem 1rem 1rem;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0, rgba(183,152,96,.16), transparent 48%),
        var(--edit-card);
    box-shadow: 0 10px 30px rgba(35,31,25,.055);
}
.store-user-page-heading:after {
    content: "P";
    position: absolute;
    right: .7rem;
    bottom: -.65rem;
    color: rgba(94,47,67,.07);
    font-family: Georgia, serif;
    font-size: 4.7rem;
    font-style: italic;
    line-height: 1;
}
.store-user-page-heading h1 {
    position: relative;
    z-index: 1;
    margin: .22rem 0 .3rem;
    color: #272722;
    font-family: Georgia, "Songti SC", "STSong", serif;
    font-size: 1.08rem;
    font-weight: 500;
}
.store-user-page-heading p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #858178;
    font-size: .52rem;
    line-height: 1.6;
}

.store-ticket-list {
    display: block !important;
    margin: 0 !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none !important;
}
.store-ticket-list .fui-list.goods-item {
    min-height: 3.8rem;
    margin-bottom: .55rem;
    padding: .75rem .8rem;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: .85rem;
    background: var(--edit-card);
    box-shadow: 0 8px 24px rgba(35,31,25,.05);
}
.store-ticket-list .fui-list-inner .title { color: #33322d; font-size: .62rem; font-weight: 650; }
.store-ticket-list .fui-list-inner .text { margin-top: .22rem; color: #99948b; font-size: .5rem; }
.store-ticket-list .fui-list-angle span {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0 .48rem;
    border-radius: 999px;
    background: #eee8de;
    font-size: .46rem;
    font-weight: 650;
}
.store-ticket-page .content-empty { padding-top: 2.2rem; }

.store-user-form-card {
    margin: 0 0 .7rem !important;
    border: 1px solid var(--edit-line) !important;
    border-radius: .9rem !important;
    background: var(--edit-card) !important;
    box-shadow: 0 10px 30px rgba(35,31,25,.055) !important;
}
.store-user-form-card .fui-cell { min-height: 3rem; background: transparent; }
.store-user-form-card .fui-cell-label { color: #47463f; font-size: .58rem; font-weight: 650; }
.store-user-form-card .fui-input {
    color: #262621 !important;
    background: transparent !important;
    font-size: .58rem;
}
.store-user-form-card textarea.fui-input { min-height: 5.8rem; padding: .55rem 0; line-height: 1.65; resize: none; }
.store-user-actions { display: grid; gap: .55rem; margin-top: .82rem; }
.store-user-actions .fui-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0 .85rem;
    border: 0;
    border-radius: .8rem;
    text-align: center;
}
.store-user-actions .fui-cell-text { text-align: center; }
.store-user-actions p { margin: 0; font-size: .62rem; font-weight: 650; letter-spacing: .05em; }
.store-user-primary {
    color: #f8f3e9 !important;
    background: #292923 !important;
    box-shadow: 0 12px 28px rgba(35,34,29,.16);
}
.store-user-primary .fui-cell-text,
.store-user-primary p { color: #f8f3e9 !important; background: transparent !important; }
.store-user-secondary {
    border: 1px solid #d9d1c5 !important;
    color: #68645c !important;
    background: rgba(255,254,251,.76) !important;
}
.store-user-secondary .fui-cell-text,
.store-user-secondary p { color: #68645c !important; }

.store-ticket-compose-content {
    bottom: 0 !important;
    padding-bottom: 2rem !important;
}
.store-ticket-type-card .applyradio { min-height: 2.8rem; }
.store-ticket-type-card .title { color: #46453f; font-size: .58rem; font-weight: 600; }
.store-ticket-type-card .fui-radio-danger { accent-color: #292923; }
.store-ticket-upload-card .layui-elem-quote {
    margin: .2rem .7rem .7rem !important;
    padding: .65rem;
    border: 1px dashed #d8d0c4;
    border-radius: .65rem;
    background: #f4f0e8;
}
.store-ticket-upload-card .layui-upload-img { overflow: hidden; border-radius: .4rem; object-fit: cover; }
.store-ticket-compose-page .layui-btn { border-radius: 999px; background: #363630 !important; box-shadow: none; }

.store-logistics-content {
    bottom: 0 !important;
    padding: .72rem .65rem 2rem !important;
    background: var(--edit-paper) !important;
}
.store-logistics-page .order_detail_header {
    margin: 0 0 .7rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 1rem !important;
    background:
        radial-gradient(circle at 90% 0, rgba(195,158,92,.24), transparent 38%),
        linear-gradient(135deg, #1c1c19, #37322b 64%, #523041) !important;
    box-shadow: 0 16px 38px rgba(34,30,26,.16);
}
.store-logistics-page .order_detail_ststus { padding: 1rem !important; }
.store-logistics-page .order-info {
    margin: 0 0 .7rem !important;
    border: 1px solid var(--edit-line) !important;
    border-radius: .9rem !important;
    background: var(--edit-card);
    box-shadow: 0 10px 28px rgba(35,31,25,.05);
}
.store-logistics-page .order-info .fui-cell { background: transparent; }
.store-logistics-page .order-info .fui-cell-info { color: #5b5952; font-size: .56rem; }
.store-logistics-page .order-info .fui-cell-remark { max-width: 68%; color: #817d74; font-size: .54rem; line-height: 1.55; text-align: right; }
.store-logistics-page .layui-timeline-axis { color: var(--edit-gold); }
.store-logistics-page .layui-timeline-title { color: #45433d; font-size: .56rem; }
.store-logistics-page .layui-timeline-content p { color: #858178; font-size: .52rem; }

/* Authentication and checkout */
body.store-auth-page,
body.store-checkout-page { background: #dedbd5; }
.store-auth-page .fui-page,
.store-checkout-page .fui-page { background: var(--edit-paper) !important; }
.store-auth-page .fui-tab {
    top: 2.8rem;
    right: 1.05rem;
    left: 1.05rem;
    width: auto;
    height: 2.15rem;
    padding: .2rem;
    overflow: hidden;
    border: 1px solid var(--edit-line);
    border-radius: 999px;
    background: rgba(255,254,251,.94);
    box-shadow: 0 8px 24px rgba(36,32,26,.055);
}
.store-auth-page .fui-tab a {
    height: 1.72rem;
    border: 0;
    border-radius: 999px;
    color: #858178;
    font-size: .56rem;
    line-height: 1.72rem;
}
.store-auth-page .fui-tab a.active { color: #f8f3e9; background: #292923; }
.store-auth-page .fui-tab a.active:after { display: none; }
.store-auth-content {
    top: 5.45rem !important;
    bottom: 0 !important;
    padding: .8rem .65rem 2rem !important;
    background:
        radial-gradient(circle at 100% 0, rgba(183,152,96,.13), transparent 19rem),
        var(--edit-paper) !important;
}
.store-auth-intro {
    position: relative;
    min-height: 8rem;
    margin-bottom: .7rem;
    padding: 1.2rem 1.15rem;
    overflow: hidden;
    border-radius: 1rem;
    color: #f8f4ea;
    background: linear-gradient(135deg, #1b1b18, #343029 64%, #563345);
    box-shadow: 0 18px 44px rgba(33,29,25,.15);
}
.store-auth-intro:after {
    content: "P";
    position: absolute;
    right: .9rem;
    bottom: -.65rem;
    color: rgba(222,190,132,.16);
    font-family: Georgia, serif;
    font-size: 6rem;
    font-style: italic;
    line-height: 1;
}
.store-auth-intro h1 { margin: .45rem 0 .4rem; color: #fffdf8; font-family: Georgia, "Songti SC", serif; font-size: 1.35rem; font-weight: 450; line-height: 1.3; }
.store-auth-intro p { margin: 0; color: rgba(255,255,255,.58); font-size: .53rem; }
.store-auth-page .fui-cell-group,
.store-checkout-page .fui-cell-group {
    margin: .7rem 0;
    border: 1px solid var(--edit-line);
    border-radius: .9rem;
    background: var(--edit-card);
    box-shadow: 0 10px 30px rgba(35,31,25,.055);
}
.store-auth-page .fui-cell,
.store-checkout-page .fui-cell { min-height: 3rem; background: transparent; }
.store-auth-page .fui-cell-label,
.store-checkout-page .fui-cell-label { color: #45443e; font-size: .6rem; font-weight: 650; }
.store-auth-page .fui-input,
.store-checkout-page .fui-input { color: #25251f !important; font-size: .6rem; }
.store-auth-page .fui-cell-group.transparent,
.store-checkout-page .fui-cell-group.transparent { overflow: visible; border: 0; background: transparent; box-shadow: none; }
.store-auth-page .btn-mao,
.store-checkout-page .btn-mao {
    min-height: 2.7rem;
    border-radius: .8rem;
    color: #f8f3e9;
    background: #252521 !important;
    box-shadow: 0 12px 28px rgba(31,30,25,.17);
}
.store-auth-page .btn-mao .fui-cell-text,
.store-auth-page .btn-mao .jb,
.store-checkout-page .btn-mao .fui-cell-text,
.store-checkout-page .btn-mao .jb { color: #f8f3e9 !important; background: transparent !important; }
.store-auth-page .btn-mao p,
.store-checkout-page .btn-mao p { font-size: .65rem; font-weight: 650; letter-spacing: .16em; }
.store-local-account { border-style: dashed !important; background: #eee8dd !important; box-shadow: none !important; }
.store-local-account .fui-cell-text { color: #6d5c3e; font-size: .54rem; line-height: 1.75; }
.store-auth-page .layui-btn,
.store-checkout-page .layui-btn { border-radius: 999px; background: #37362f !important; box-shadow: none; }

.store-checkout-content {
    bottom: 0 !important;
    padding: .7rem .65rem 2rem !important;
    background:
        radial-gradient(circle at 100% 0, rgba(183,152,96,.11), transparent 18rem),
        var(--edit-paper) !important;
}
.store-checkout-page .fui-cell-title { color: #7a756b !important; background: #eee9df; font-weight: 650; letter-spacing: .04em; }
.store-checkout-page .fui-input[disabled] { color: #989289 !important; background: transparent; }
.store-payment-page .fui-cell-group:first-child { margin-top: 0 !important; }

@media (min-width: 760px) {
    .storefront-home .fui-page-group,
    .storefront-home .fui-page,
    .storefront-home .fui-header,
    .storefront-home .fui-navbar,
    .store-list-page .fui-page-group,
    .store-list-page .fui-page,
    .store-list-page .fui-header,
    .store-list-page .fui-navbar,
    .store-goods-page .fui-page-group,
    .store-goods-page .fui-page,
    .store-goods-page .fui-header,
    .store-goods-page .fui-navbar,
    .store-user-page .fui-page-group,
    .store-user-page .fui-page,
    .store-user-page .fui-header,
    .store-user-page .fui-navbar,
    .store-auth-page .fui-page-group,
    .store-auth-page .fui-page,
    .store-auth-page .fui-header,
    .store-checkout-page .fui-page-group,
    .store-checkout-page .fui-page,
    .store-checkout-page .fui-header { max-width: 540px; }
}

@media (max-width: 360px) {
    .store-hero { min-height: 11.8rem; }
    .store-hero-copy { width: 78%; padding-left: 1rem; }
    .store-hero h1 { font-size: 1.65rem; }
    .store-hero-seal { right: .65rem; width: 2.8rem; height: 2.8rem; }
    .store-trust-strip span { font-size: .46rem; }
    .store-featured-media { height: 7rem; }
    .store-product-media { height: 7.6rem; }
}

/* 首页首屏暂时隐藏，便于比较紧凑版布局 */
.storefront-home .store-hero { display: none; }
.storefront-home .store-trust-strip { margin-top: 0; }

/* 多商品购物车 */
body.store-cart-open { overflow: hidden; }
.store-cart-nav { position: relative; cursor: pointer; }
.store-cart-badge {
    position: absolute; top: .18rem; left: calc(50% + .25rem); min-width: .78rem; height: .78rem;
    padding: 0 .2rem; border: 2px solid #fff; border-radius: 999px; color: #fff; background: #9d7440;
    font-size: .42rem; font-weight: 700; line-height: .62rem; text-align: center;
}
.store-cart-add {
    display: inline-flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem;
    padding: 0; border: 1px solid rgba(35,35,30,.12); border-radius: 50%; color: #f7f3eb;
    background: #292923; box-shadow: 0 8px 20px rgba(30,29,24,.18); font-size: 1rem; line-height: 1;
}
.store-product-card { position: relative; }
.store-product-link { display: block; color: inherit; }
.store-product-card > .store-cart-add { position: absolute; right: .62rem; bottom: .6rem; z-index: 3; }
.store-product-card .store-product-meta { padding-right: 1.75rem; }
.store-product-card .store-card-arrow { display: none; }
.store-detail-cart-cta { border: 0 !important; cursor: pointer; }
.store-list-page #shop_list .buy.store-cart-add {
    position: relative; z-index: 3; width: 1.6rem !important; height: 1.6rem !important; margin-left: auto !important;
    border: 0; border-radius: 50% !important; background: #292923 !important; color: #fff; cursor: pointer;
}
.store-cart-layer { position: fixed; inset: 0; z-index: 9999; pointer-events: none; }
.store-cart-layer.is-open { pointer-events: auto; }
.store-cart-mask {
    position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0;
    background: rgba(25,24,20,.47); backdrop-filter: blur(4px); transition: opacity .26s ease;
}
.store-cart-layer.is-open .store-cart-mask { opacity: 1; }
.store-cart-drawer {
    position: absolute; left: 50%; bottom: 0; display: flex; flex-direction: column; width: min(100%, 540px);
    max-height: 86vh; overflow: hidden; border: 1px solid rgba(111,96,69,.18); border-radius: 1.35rem 1.35rem 0 0;
    background: #f8f5ee; box-shadow: 0 -24px 70px rgba(29,27,22,.24);
    transform: translate(-50%, 105%); transition: transform .32s cubic-bezier(.2,.8,.2,1);
}
.store-cart-layer.is-open .store-cart-drawer { transform: translate(-50%, 0); }
.store-cart-drawer > header {
    display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem .72rem;
    border-bottom: 1px solid #e6dfd3; background: rgba(251,249,244,.96);
}
.store-cart-drawer > header span { color: #9a7c49; font-size: .43rem; font-weight: 700; letter-spacing: .16em; }
.store-cart-drawer > header h2 { margin: .12rem 0 0; color: #26251f; font-family: Georgia,"Noto Serif SC",serif; font-size: 1.2rem; font-weight: 500; }
.store-cart-drawer > header button { width: 1.75rem; height: 1.75rem; border: 1px solid #d9d1c4; border-radius: 50%; color: #6c675e; background: transparent; font-size: 1.2rem; line-height: 1; }
.store-cart-list { flex: 1 1 auto; min-height: 8rem; overflow-y: auto; padding: .35rem .85rem .7rem; }
.store-cart-line { display: grid; grid-template-columns: 3.85rem minmax(0,1fr) auto; gap: .7rem; padding: .78rem 0; border-bottom: 1px solid #e5ded2; }
.store-cart-line > a img { display: block; width: 3.85rem; height: 4.45rem; object-fit: cover; border-radius: .7rem; background: #ebe6dc; }
.store-cart-line-copy { min-width: 0; padding-top: .08rem; }
.store-cart-line-copy h3 { margin: 0; overflow: hidden; color: #2c2b25; font-size: .64rem; font-weight: 650; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.store-cart-line-copy em { display: block; margin-top: .2rem; color: #9a7440; font-size: .45rem; font-style: normal; }
.store-cart-line-copy p { margin: .3rem 0 .42rem; color: #8c877e; font-size: .48rem; }
.store-cart-quantity { display: flex; align-items: center; gap: .48rem; }
.store-cart-quantity button { width: 1.28rem; height: 1.28rem; padding: 0; border: 1px solid #d8d0c3; border-radius: 50%; color: #3c3a34; background: #fff; line-height: 1; }
.store-cart-quantity span { min-width: .8rem; color: #2c2b25; font-size: .58rem; text-align: center; }
.store-cart-quantity small { margin-left: .18rem; color: #aaa398; font-size: .43rem; }
.store-cart-line-total { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; padding: .02rem 0 .12rem; }
.store-cart-line-total button { border: 0; color: #aaa297; background: transparent; font-size: .9rem; }
.store-cart-line-total strong { color: #292823; font-family: Georgia,serif; font-size: .65rem; font-weight: 600; }
.store-cart-drawer > footer { flex: 0 0 auto; padding: .72rem .9rem calc(.72rem + env(safe-area-inset-bottom)); border-top: 1px solid #ded6ca; background: #fffdf9; }
.store-cart-phone { display: flex; align-items: center; min-height: 2.45rem; padding: 0 .78rem; border: 1px solid #ddd5c8; border-radius: .72rem; background: #fff; }
.store-cart-phone span { flex: 0 0 3.5rem; color: #4b4942; font-size: .56rem; font-weight: 650; }
.store-cart-phone input { flex: 1; min-width: 0; border: 0; outline: 0; color: #282721; background: transparent; font-size: .58rem; }
.store-cart-summary { display: grid; grid-template-columns: minmax(0,1fr) 7.2rem; gap: .7rem; align-items: center; margin-top: .72rem; }
.store-cart-summary > div { display: flex; flex-direction: column; gap: .18rem; }
.store-cart-summary small { color: #999287; font-size: .45rem; }
.store-cart-summary strong { color: #403e37; font-size: .56rem; font-weight: 500; }
.store-cart-summary strong b { margin-left: .22rem; color: #9b703a; font-family: Georgia,serif; font-size: .95rem; font-weight: 600; }
.store-cart-summary strong i { font-style: normal; }
.store-cart-summary > button { height: 2.55rem; border: 0; border-radius: .78rem; color: #f8f4eb; background: #292923; box-shadow: 0 10px 24px rgba(35,34,29,.17); font-size: .62rem; font-weight: 650; letter-spacing: .08em; }
.store-cart-summary > button:disabled { opacity: .48; box-shadow: none; }
.store-cart-empty { padding: 2.7rem 1rem; text-align: center; }
.store-cart-empty > span { display: inline-flex; align-items: center; justify-content: center; width: 3.8rem; height: 3.8rem; border: 1px solid #d8cfbf; border-radius: 50%; color: #a88452; font-family: Georgia,serif; font-size: 1rem; }
.store-cart-empty h3 { margin: .85rem 0 .25rem; color: #33322c; font-size: .7rem; }
.store-cart-empty p { margin: 0; color: #999287; font-size: .52rem; }
.store-cart-empty button { margin-top: 1rem; padding: .55rem 1.2rem; border: 1px solid #cfc4b3; border-radius: 999px; color: #4b4840; background: transparent; font-size: .54rem; }
.store-cart-toast {
    position: fixed; left: 50%; bottom: 5.2rem; z-index: 10050; max-width: 80%; padding: .62rem 1rem;
    border-radius: 999px; opacity: 0; color: #fff; background: rgba(36,35,30,.92); box-shadow: 0 10px 30px rgba(0,0,0,.18);
    transform: translate(-50%, .5rem); transition: .22s ease; font-size: .55rem; white-space: nowrap;
}
.store-cart-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }

/* 多商品收银台 */
.store-payment-title { display: flex; align-items: flex-end; justify-content: space-between; padding: .9rem .85rem .55rem; }
.store-payment-title span { color: #302f29; font-family: Georgia,"Noto Serif SC",serif; font-size: .82rem; }
.store-payment-title small { color: #9d968b; font-size: .48rem; }
.store-payment-items { padding: 0 .85rem .25rem; }
.store-payment-item { display: grid; grid-template-columns: 2.8rem minmax(0,1fr) auto; gap: .58rem; align-items: center; padding: .55rem 0; border-top: 1px solid #ebe4d9; }
.store-payment-item img { width: 2.8rem; height: 3.2rem; border-radius: .55rem; object-fit: cover; }
.store-payment-item div { min-width: 0; }
.store-payment-item strong { display: block; overflow: hidden; color: #3a3933; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.store-payment-item small { display: block; margin-top: .22rem; color: #9a948a; font-size: .44rem; }
.store-payment-item b { color: #403d36; font-family: Georgia,serif; font-size: .58rem; }
.store-payment-total .fui-cell-label { font-weight: 750; }
.store-payment-total .bigprice { color: #9b703a !important; font-family: Georgia,serif; font-size: 1.05rem !important; }
.store-local-pay-icon { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: .62rem; color: #f8f3e9; background: #34332d; font-size: .7rem; font-weight: 700; }

@media (max-width: 360px) {
    .store-cart-line { grid-template-columns: 3.35rem minmax(0,1fr) auto; gap: .55rem; }
    .store-cart-line > a img { width: 3.35rem; height: 4rem; }
    .store-cart-summary { grid-template-columns: minmax(0,1fr) 6.3rem; }
}

/* 自助售卖柜视觉：参考货道式选购结构 */
.vm-vending-page,
.vm-vending-page .vm-page-group,
.vm-vending-page .vm-page { background: #f3f7f5 !important; }
body.vm-vending-page { width: 100% !important; max-width: none !important; margin: 0 !important; }
.vm-vending-page .fui-page-group,
.vm-vending-page .fui-page,
.vm-vending-page .fui-header,
.vm-vending-page .fui-navbar { width: 100%; max-width: none !important; margin-right: 0 !important; margin-left: 0 !important; }
.vm-vending-page .vm-page-group,
.vm-vending-page .vm-page,
.vm-vending-page .vm-header,
.vm-vending-page .vm-bottom-nav { width: 100%; max-width: none !important; }
.vm-header {
    height: 3rem !important; border-bottom: 1px solid #e0e8e4 !important; color: #25332d !important;
    background: rgba(255,255,255,.96) !important; box-shadow: 0 4px 18px rgba(34,70,53,.045) !important;
}
.vm-header .fui-header-left { display: flex; align-items: center; padding-left: .78rem; }
.vm-brand-dot {
    display: inline-flex; align-items: center; justify-content: center; width: 1.65rem; height: 1.65rem;
    border-radius: .55rem; color: #fff; background: linear-gradient(145deg,#17b9d2,#0b92d8);
    box-shadow: 0 6px 15px rgba(16,157,203,.24); font-family: Georgia,serif; font-size: .75rem; font-style: italic;
}
.vm-header .title { display: flex !important; flex-direction: column; align-items: center; justify-content: center; height: 3rem !important; line-height: 1.12 !important; }
.vm-header .title strong { max-width: 11rem; overflow: hidden; color: #203129; font-size: .68rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.vm-header .title small { margin-top: .13rem; color: #92a29a; font-size: .36rem; font-weight: 650; letter-spacing: .13em; }
.vm-header > .title { color: #24352d !important; font-size: .68rem !important; font-weight: 700 !important; }
.vm-header .back,
.vm-header .fui-header-right,
.vm-header .fui-header-right i { color: #53645b !important; }
.vm-header a.back:before { border-color: #53645b !important; }
.vm-header-actions { display: flex !important; align-items: center; justify-content: flex-end; gap: .7rem; padding-right: .8rem; }
.vm-header-actions a { color: #58675f !important; font-size: .92rem !important; }
.vm-content { top: 3rem !important; bottom: 3.2rem !important; padding: .8rem .8rem 1.3rem !important; background: #f3f7f5 !important; }
.vm-guide {
    display: flex; align-items: center; justify-content: space-between; height: 4.4rem; margin-bottom: .7rem;
    padding: .55rem 1.05rem; overflow: hidden; border: 1px solid #dceae3; border-radius: 1rem; box-sizing: border-box;
    background:
        radial-gradient(circle at 87% 20%, rgba(31,184,207,.16), transparent 7rem),
        linear-gradient(135deg,#fff 0%,#f7fbf9 100%);
    box-shadow: 0 10px 28px rgba(45,87,66,.055);
}
.vm-guide span { color: #119fc0; font-size: .4rem; font-weight: 750; letter-spacing: .16em; }
.vm-guide h1 { margin: .18rem 0 .1rem; color: #1d2d25; font-size: 1.02rem; font-weight: 750; letter-spacing: .04em; }
.vm-guide p { margin: 0; color: #7f9088; font-size: .5rem; }
.vm-guide-status { position: relative; display: grid; grid-template-columns: auto auto; align-items: end; padding: .65rem .75rem; border-radius: .75rem; background: rgba(255,255,255,.75); }
.vm-guide-status i { position: absolute; top: .48rem; right: .5rem; width: .4rem; height: .4rem; border-radius: 50%; background: #46ce63; box-shadow: 0 0 0 4px rgba(70,206,99,.12); }
.vm-guide-status strong { color: #21342a; font-family: Georgia,serif; font-size: 1.25rem; font-weight: 500; line-height: 1; }
.vm-guide-status small { grid-column: 1 / -1; margin-top: .2rem; color: #8c9b94; font-size: .4rem; }
.vm-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.vm-slot-card {
    position: relative; overflow: visible; border: 1px solid #acd8c1; border-radius: .55rem;
    background: #fff; box-shadow: 0 8px 24px rgba(33,83,57,.06); transition: transform .18s ease, box-shadow .18s ease;
}
.vm-slot-card:active { transform: translateY(1px); box-shadow: 0 3px 12px rgba(33,83,57,.08); }
.vm-slot-select { display: block; width: 100% !important; height: auto !important; padding: 0; overflow: hidden; border: 0; border-radius: .5rem .5rem 0 0; color: inherit; background: #fff; box-shadow: none !important; font-size: inherit; line-height: normal; cursor: pointer; }
.vm-slot-select:disabled { cursor: default; }
.vm-slot-select.is-in-cart { box-shadow: inset 0 0 0 2px rgba(16,143,230,.2) !important; }
.store-cart-item-count {
    position: absolute; top: -.32rem; left: -.24rem; z-index: 6; display: inline-flex; align-items: center; justify-content: center;
    min-width: 1.05rem; height: 1.05rem; padding: 0 .2rem; border: 2px solid #fff; border-radius: 999px;
    color: #fff; background: #ef3d39; box-shadow: 0 4px 12px rgba(239,61,57,.3); font-size: .43rem; font-weight: 750; line-height: 1;
}
.vm-price-chip {
    position: absolute; top: -.36rem; right: -.14rem; z-index: 2; display: flex; align-items: center; justify-content: center;
    min-width: 5.2rem; height: 1.18rem; padding: 0 .68rem; border-radius: 999px 999px 0 999px; color: #fff;
    background: linear-gradient(180deg,#28d0de 0%,#079dd2 68%,#048bbf 100%);
    box-shadow: inset 0 1px rgba(255,255,255,.45), 0 5px 13px rgba(8,157,202,.22);
    font-family: Georgia,serif; font-size: .58rem; font-weight: 650;
}
.vm-price-chip small { margin-right: .15rem; font-size: .4rem; }
.vm-slot-image { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1.22 / 1; padding: .8rem .72rem .38rem; background: #fff; }
.vm-slot-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.vm-slot-product-name { display: block; min-height: 1.55rem; padding: .28rem .62rem .34rem; overflow: hidden; color: #36443d; font-size: .54rem; font-weight: 650; line-height: 1.4; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.vm-channel-bar {
    display: flex; align-items: center; justify-content: space-between; min-height: 1.15rem; padding: 0 .62rem;
    color: #fff; background: linear-gradient(180deg,#64dd57,#30ba35 72%,#20a92b);
    box-shadow: inset 0 1px rgba(255,255,255,.44); font-style: normal;
}
.vm-channel-bar b { font-size: .48rem; font-weight: 700; }
.vm-channel-bar em { opacity: .88; font-size: .4rem; font-style: normal; }
.vm-detail-link { position: absolute; top: .48rem; left: .48rem; z-index: 3; display: inline-flex; align-items: center; gap: .25rem; width: auto; padding: .28rem .42rem; border: 1px solid rgba(210,224,216,.8); border-radius: 999px; color: #687971; background: rgba(255,255,255,.9); box-shadow: 0 3px 10px rgba(34,70,52,.08); font-size: .4rem; }
.vm-detail-link span { color: #21a2bd; font-size: .65rem; line-height: .5; }
.vm-slot-card.is-sold-out { border-color: #d5dcd8; filter: grayscale(.55); opacity: .72; }
.vm-slot-card.is-sold-out .vm-channel-bar { background: #9da9a3; }
.vm-no-products { padding: 5rem 1rem; text-align: center; }
.vm-no-products span { color: #14a8c5; font-family: Georgia,serif; font-size: 2rem; }
.vm-no-products h2 { margin: .7rem 0 .2rem; color: #35433c; font-size: .76rem; }
.vm-no-products p { color: #94a099; font-size: .5rem; }
.vm-bottom-nav {
    right: 0 !important; bottom: 0 !important; left: 0 !important; display: grid !important; grid-template-columns: repeat(2,1fr);
    height: 3.2rem !important; border-top: 1px solid #dde6e1 !important; border-radius: 0 !important;
    background: rgba(255,255,255,.97) !important; box-shadow: 0 -8px 24px rgba(37,70,53,.07) !important;
}
.vm-bottom-nav .nav-item { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; padding: 0 !important; color: #8a9992 !important; }
.vm-bottom-nav .nav-item { width: 100% !important; }
.vm-bottom-nav .nav-item .icon { font-size: 1.08rem !important; }
.vm-bottom-nav .nav-item .label { margin-top: .15rem !important; font-size: .47rem !important; }
.vm-bottom-nav .nav-item.active,
.vm-bottom-nav .nav-item:active { color: #068fd0 !important; }
.vm-bottom-nav .nav-item.active:after { position: absolute; top: 0; left: 25%; width: 50%; height: .13rem; border-radius: 0 0 99px 99px; background: #0ba5d4; content: ""; }
.vm-bottom-nav .store-cart-badge { top: .28rem; left: calc(50% + .28rem); border-color: #fff; background: #ef3d39; }
.vm-vending-page .vm-detail-nav {
    right: 0 !important; bottom: 0 !important; left: 0 !important; display: grid !important; grid-template-columns: 5rem 5rem minmax(9rem,1fr);
    width: 100%; max-width: none !important; height: 3.2rem !important; margin: 0 !important; overflow: visible !important;
    border-top: 1px solid #dfe8e3 !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 -8px 24px rgba(37,70,53,.08) !important;
}
.vm-detail-nav .nav-item { position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; height: 3.2rem !important; padding: 0 !important; color: #7f8e87 !important; background: #fff !important; }
.vm-detail-nav .nav-item { width: 100% !important; }
.vm-detail-nav .nav-item .icon { color: #7f8e87 !important; font-size: .95rem; }
.vm-detail-nav .nav-item .label { margin-top: .12rem; color: #7f8e87 !important; font-size: .44rem; }
.vm-detail-nav .store-cart-badge { top: .28rem; left: calc(50% + .26rem); background: #ef3d39; }
.vm-detail-nav .store-detail-cart-cta { flex-direction: row; border-radius: 0 !important; color: #fff !important; background: #108fe6 !important; box-shadow: none !important; font-size: .63rem !important; font-weight: 700; letter-spacing: .08em; }
.vm-vending-page .vm-detail-nav .store-detail-cart-cta { background: #108fe6 !important; }
.vm-vending-page.store-goods-page .goods-swipe { height: min(62vh, 34rem) !important; margin: .75rem .8rem 0; overflow: hidden; border-radius: 1rem; background: #fff; }
.vm-vending-page.store-goods-page .goods-swipe .fui-swipe-wrapper,
.vm-vending-page.store-goods-page .goods-swipe .fui-swipe-item { height: 100% !important; }
.vm-vending-page.store-goods-page .goods-swipe img { width: 100% !important; height: 100% !important; object-fit: contain !important; }

/* 自助售卖全屏购物车 */
.store-cart-drawer-tabs { display: none; }
.vm-vending-page .store-cart-layer { background: transparent; }
.vm-vending-page .store-cart-layer.is-open { background: #fff; }
.vm-vending-page .store-cart-mask { display: none; }
.vm-vending-page .store-cart-drawer {
    width: 100%; max-width: none; height: 100%; max-height: none; border: 0; border-radius: 0; background: #fff; box-shadow: none;
}
.vm-vending-page .store-cart-drawer > header { min-height: 3.15rem; padding: .65rem 1rem; border-color: #e1e9e5; background: #fff; }
.vm-vending-page .store-cart-drawer > header span { color: #109fc2; }
.vm-vending-page .store-cart-drawer > header h2 { color: #23342c; font-family: inherit; font-size: .88rem; font-weight: 750; }
.vm-vending-page .store-cart-list { padding: .45rem 1rem 1rem; background: #fff; }
.vm-vending-page .store-cart-line {
    grid-template-columns: clamp(5rem,22vw,13.5rem) minmax(0,1fr) auto; gap: clamp(.7rem,3vw,2.4rem);
    align-items: center; min-height: 8.2rem; padding: .85rem 0; border-color: #e5ece8;
}
.vm-vending-page .store-cart-line > a img { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: .35rem; object-fit: contain; }
.vm-vending-page .store-cart-line-copy h3 { color: #27352e; font-size: clamp(.62rem,1.45vw,.82rem); }
.vm-vending-page .store-cart-line-copy p { color: #89968f; font-size: clamp(.48rem,1vw,.58rem); }
.vm-vending-page .store-cart-line-copy em { color: #0a9dbd; }
.vm-vending-page .store-cart-quantity button { border-color: #c8d7cf; color: #41524a; }
.vm-vending-page .store-cart-quantity small { color: #8b9991; }
.vm-vending-page .store-cart-line-total strong { color: #e63737; font-size: clamp(.68rem,1.25vw,.88rem); }
.vm-vending-page .store-cart-drawer > footer { padding: .65rem 1rem; border-color: #dde6e1; background: #f8fbf9; }
.vm-vending-page .store-cart-phone { max-width: 32rem; border-color: #d6e3dc; border-radius: .45rem; }
.vm-vending-page .store-cart-summary { grid-template-columns: minmax(0,1fr) minmax(7rem,38%); gap: 0; margin: .62rem -1rem -.65rem; }
.vm-vending-page .store-cart-summary > div { justify-content: center; min-height: 2.65rem; padding: .35rem .8rem; color: #fff; background: #555; }
.vm-vending-page .store-cart-summary small { color: rgba(255,255,255,.7); }
.vm-vending-page .store-cart-summary strong { color: #fff; }
.vm-vending-page .store-cart-summary strong b { color: #fff; }
.vm-vending-page .store-cart-summary > button { height: 2.65rem; border-radius: 0; background: #118fe8; box-shadow: none; }
.vm-vending-page .store-cart-drawer-tabs {
    display: grid; flex: 0 0 3.2rem; grid-template-columns: repeat(2,1fr); height: 3.2rem; border-top: 1px solid #dde6e1; background: #fff;
}
.vm-vending-page .store-cart-drawer-tabs > button,
.vm-vending-page .store-cart-drawer-tabs > div { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 0; color: #87958e; background: #fff; }
.vm-vending-page .store-cart-drawer-tabs span { position: relative; font-size: .82rem; line-height: 1; }
.vm-vending-page .store-cart-drawer-tabs small { margin-top: .18rem; font-size: .45rem; }
.vm-vending-page .store-cart-drawer-tabs .is-active { color: #078fd2; }
.store-cart-drawer-badge { position: absolute; top: -.32rem; right: -.55rem; min-width: .7rem; height: .7rem; padding: 0 .12rem; border-radius: 999px; color: #fff; background: #ef3d39; font-size: .38rem; font-weight: 700; line-height: .7rem; text-align: center; }

@media (max-width: 820px) {
    .vm-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
    .vm-content { padding: .7rem .65rem 1rem !important; }
    .vm-guide { height: 4.15rem; padding: .52rem .85rem; }
    .vm-guide h1 { font-size: 1rem; }
}
@media (max-width: 430px) {
    .vm-content { padding-right: .48rem !important; padding-left: .48rem !important; }
    .vm-guide { margin-bottom: .62rem; border-radius: .7rem; }
    .vm-guide-status { padding: .52rem .58rem; }
    .vm-product-grid { gap: .5rem; }
    .vm-price-chip { min-width: 3.9rem; height: 1.02rem; font-size: .52rem; }
    .vm-slot-image { padding: .62rem .45rem .25rem; }
    .vm-slot-product-name { min-height: 1.65rem; padding: .28rem .45rem .35rem; font-size: .5rem; }
    .vm-channel-bar { padding: 0 .45rem; }
    .vm-detail-link { padding: .24rem .36rem; }
    .vm-vending-page .store-cart-list { padding-right: .65rem; padding-left: .65rem; }
    .vm-vending-page .store-cart-line { grid-template-columns: 5.1rem minmax(0,1fr) auto; gap: .58rem; min-height: 7.1rem; }
    .vm-vending-page .store-cart-quantity small { display: none; }
}

/* 用户中心与结算页同步自助售卖配色 */
.store-user-page,
.store-auth-page,
.store-checkout-page,
.store-user-page .fui-page,
.store-auth-page .fui-page,
.store-checkout-page .fui-page,
.store-user-page .fui-content,
.store-auth-page .fui-content,
.store-checkout-page .fui-content { background-color: #f3f7f5 !important; }
.store-user-page .storefront-header,
.store-auth-page .storefront-header,
.store-checkout-page .storefront-header {
    border-bottom: 1px solid #dfe8e3 !important; color: #25352d !important; background: #fff !important;
    box-shadow: 0 4px 18px rgba(34,70,53,.045) !important;
}
.store-user-page .storefront-header .title,
.store-auth-page .storefront-header .title,
.store-checkout-page .storefront-header .title,
.store-user-page .storefront-header .icon,
.store-auth-page .storefront-header .icon,
.store-checkout-page .storefront-header .icon { color: #25352d !important; }
.store-user-page .storefront-header a.back:before,
.store-auth-page .storefront-header a.back:before,
.store-checkout-page .storefront-header a.back:before { border-color: #53645b !important; }
.store-user-page .fui-tab { border-color: #dfe8e3 !important; background: #fff !important; }
.store-user-page .fui-tab a { color: #77877f !important; }
.store-user-page .fui-tab a.active { color: #078fd2 !important; }
.store-user-page .fui-tab a.active:after { background: #078fd2 !important; }
.store-user-page .fui-list-group.order-item,
.store-user-page .store-ticket-form,
.store-user-page .store-password-form,
.store-checkout-page .fui-cell-group,
.store-payment-page .fui-list-group { border-color: #dde7e2 !important; background: #fff !important; box-shadow: 0 8px 26px rgba(35,75,54,.055) !important; }
.store-user-page .fui-navbar.storefront-navbar {
    right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100%; max-width: none !important; margin: 0 !important;
    border-top: 1px solid #dfe8e3 !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 -8px 24px rgba(37,70,53,.07) !important;
}
.store-user-page .fui-navbar.storefront-navbar .nav-item { color: #87968f !important; }
.store-user-page .fui-navbar.storefront-navbar .nav-item.active { color: #078fd2 !important; }
.store-user-page .fui-navbar.storefront-navbar .nav-item.active:after { background: #078fd2 !important; }
.store-checkout-page .btn-mao,
.store-checkout-page .pay-btn:active,
.store-auth-page .btn-mao { background: #108fe6 !important; box-shadow: 0 10px 25px rgba(17,143,230,.2) !important; }
.store-checkout-page .store-payment-total .bigprice { color: #078fd2 !important; }

/* 参考自助售卖流程：结算进度与底部支付确认 */
.store-checkout-progress {
    display: grid; grid-template-columns: repeat(3,1fr); max-width: 40rem; margin: .72rem auto .2rem; padding: 0 .8rem;
}
.store-checkout-progress span {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: .25rem; color: #91a098; font-size: .43rem;
}
.store-checkout-progress span:before {
    position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 1.22rem; height: 1.22rem;
    border: 1px solid #cbd8d1; border-radius: 50%; color: #839289; background: #fff; content: attr(data-step); font-size: .48rem; font-weight: 700;
}
.store-checkout-progress span:not(:last-child):after {
    position: absolute; top: .6rem; left: calc(50% + .62rem); width: calc(100% - 1.24rem); height: 1px; background: #d8e3dd; content: "";
}
.store-checkout-progress span.is-done:before,
.store-checkout-progress span.is-active:before { border-color: #108fe6; color: #fff; background: #108fe6; }
.store-checkout-progress span.is-done,
.store-checkout-progress span.is-active { color: #087fc8; }
.store-checkout-progress span.is-done:not(:last-child):after { background: #6bbdf1; }
.store-payment-page .store-checkout-content { padding-bottom: 5rem !important; }
.store-payment-heading { display: flex; align-items: center; justify-content: space-between; padding: .88rem .85rem .45rem; color: #26372f; }
.store-payment-heading strong { font-size: .72rem; }
.store-payment-heading small { color: #8d9c94; font-size: .44rem; }
.store-payment-choice {
    position: relative; width: 100%; min-height: 3.25rem; padding: .52rem .85rem !important; border: 0; border-top: 1px solid #e7eeea;
    color: inherit; background: #fff; font: inherit; text-align: left; cursor: pointer;
}
.store-payment-choice:first-of-type { border-top: 0; }
.store-payment-choice:after {
    position: static; inset: auto; display: inline-flex; flex: 0 0 1rem; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-left: .45rem;
    border: 1px solid #c8d5cf; border-radius: 50%; color: transparent; background: #fff; content: "✓"; font-size: .55rem; font-weight: 800;
    transform: none;
}
.store-payment-choice.is-selected { background: #f7fbf9; }
.store-payment-choice.is-selected:after { border-color: #108fe6; color: #fff; background: #108fe6; }
.store-payment-choice .fui-list-angle { display: none; }
.store-payment-choice .fui-list-media img { border-radius: .35rem; }
.store-payment-empty { margin: .7rem; padding: 1.1rem; border: 1px dashed #cad8d1; border-radius: .65rem; color: #74847c; background: #f8fbf9; font-size: .53rem; line-height: 1.65; text-align: center; }
.store-payment-footer {
    position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; display: grid; grid-template-columns: minmax(0,1fr) minmax(8rem,38%);
    height: 3.15rem; border-top: 1px solid #dde6e1; background: #4c504e; box-shadow: 0 -8px 24px rgba(37,70,53,.08);
}
.store-payment-footer > div { display: flex; flex-direction: column; justify-content: center; padding: .35rem .9rem; }
.store-payment-footer small { color: rgba(255,255,255,.7); font-size: .42rem; }
.store-payment-footer strong { margin-top: .08rem; color: #fff; font-size: .82rem; }
.store-payment-footer button { border: 0; border-radius: 0; color: #fff; background: #108fe6; font-size: .65rem; font-weight: 700; letter-spacing: .08em; }
.store-payment-footer button:disabled { background: #aab5af; }

@media (min-width: 700px) {
    .store-payment-footer { left: 50%; width: min(100%,540px); transform: translateX(-50%); }
}