html { -webkit-tap-highlight-color: transparent; font-size: 37.52px; } body { margin: 0; /* font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif; */ } a, body, button, div, h1, h2, h3, h4, h5, h6, html, img, input, li, p, span, table, td, th, tr, ul { margin: 0; padding: 0; } a { text-decoration: none } button, input, textarea { color: inherit; font: inherit } ol, ul { margin: 0; padding: 0; list-style: none } .home { width: 100vw; height: 100vh; overflow: hidden; background-color: #fff } .home .logo { margin: 1.52rem 0 1.44rem .8rem; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex } .home .logo .logoImg { width: 1.49333rem; height: 1.49333rem; margin-right: .133333rem } .home .logo .logoTitle { font-size: .64rem; color: #292933; margin-bottom: .10666rem; letter-spacing: 1px } .home .logo .logoTip { font-size: .32rem; color: #676773; letter-spacing: 1px; text-indent: 2px } .home .van-form .van-cell { width: calc(100vw - 1.6rem); padding: 0; height: 1.04rem; line-height: 1.04rem; font-size: .373333rem; margin: 0 .8rem .24rem; background-color: #fff } .home .van-form .van-cell:after { display: none; content: none } .home .van-form .inphone /deep/ .van-field__label { padding-right: .907rem } .home .van-form /deep/ .van-field__label { width: auto; padding-right: .4rem } .home .van-form /deep/ .van-cell__value--alone { border-bottom: 1px solid #eee; min-height: 1.04rem } .home .van-form .error { color: red; padding: 0 .8rem; font-size: .32rem } .home .van-form .call { font-size: .373333rem; padding: 0; color: #f0ba6a } .home .van-form .callOn { font-size: .373333rem; padding: 0; color: #9494a6 } .home .van-form .radioAgreement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.33334rem; margin-left: .8rem; font-size: .3733334rem; font-weight: 400 } .home .van-form .radioAgreement>img { width: .48rem; height: .48rem } .home .van-form .radioAgreement>span:nth-child(2) { color: #666; margin-left: .133334rem } .home .van-form .radioAgreement>span:nth-child(3) { color: #68400b } .home .van-form .agreement { width: calc(100vw - 1.06666rem); height: 13.12rem; color: #333; border-radius: .16rem; overflow: hidden } .home .van-form .agreement .title { position: relative; font-size: .42666667rem; line-height: .48rem } .home .van-form .agreement .title .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center } .home .van-form .agreement .agreement_wrap { margin-top: .96rem; height: 12.16rem; overflow: auto } .home .van-form .agreement .icon { position: absolute; top: .18666666rem; right: .26666666rem; font-size: .56rem } .home .van-form .agreement .agreementCon { padding: .53333rem .42666rem 1.30666rem; font-size: .37333rem; line-height: .61333rem } .home .van-form .agreement .agreementCon .agreementCon_top { text-indent: 20px } .home .van-form .agreement .agreementCon .agreementCon_Con, .home .van-form .agreement .agreementCon .agreementCon_title { margin-top: 10px } .home .van-form .buttonWrap { margin: .693333rem .8rem 0 } .home .van-form .buttonWrap .van-btn { padding: 0 1rem; border: none; background: -webkit-gradient(linear, left top, right top, from(#f0d19e), color-stop(65%, #e6ba79)); background: -o-linear-gradient(left, #f0d19e, #e6ba79 65%); background: linear-gradient(90deg, #f0d19e, #e6ba79 65%); border-radius: .586666rem; opacity: .5; color: #5a3309 } .home .van-form .buttonWrap .van-btn /deep/ .van-button__text { font-size: .426666rem; font-weight: 500 } .home .van-form .buttonWrap .van-btnOn { padding: 0 1rem; background: -webkit-gradient(linear, left top, right top, from(#f0d19e), color-stop(65%, #e6ba79)); background: -o-linear-gradient(left, #f0d19e, #e6ba79 65%); background: linear-gradient(90deg, #f0d19e, #e6ba79 65%); border: 1px solid transparent; border-radius: .586666rem; opacity: 1; color: #68400b } .home .van-form .buttonWrap .van-btnOn /deep/ .van-button__text { font-size: .426666rem } .header .van-nav-bar { height: 1.0667rem } .futurePrivilegeWarp { position: relative; width: 100%; background: -o-linear-gradient(139deg, #fff7ed 52%, #edcbab 141%); background: linear-gradient(311deg, #fff7ed 52%, #edcbab 141%); overflow: hidden
}
.futurePrivilegeWarp .blackSemicircle {
position: absolute;
top: -1px;
left: 50%;
margin-left: - .26667rem;
width: .53333333rem;
height: .1866666rem
}
.futurePrivilegeWarp .privilegeWarps:nth-child(2) {
margin-top: .5333rem
}
.futurePrivilegeWarp .privilegeWarps:nth-child(3) {
margin-top: .1333rem
}
.futurePrivilegeWarp .baokaPrivilege {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 .4rem
}
.futurePrivilegeWarp .baokaPrivilege>div {
color: #333;
font-weight: 500;
font-size: .4266666rem
}
.futurePrivilegeWarp .baokaPrivilege>span {
margin-left: .106666rem;
font-weight: 400;
color: #764d1a;
font-size: .32rem
}
.futurePrivilegeWarp .privilegeItem {
margin-top: .32rem;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.futurePrivilegeWarp .privilegeItem .item {
width: 25%;
margin-bottom: .2667rem;
text-align: center
}
.futurePrivilegeWarp .privilegeItem .item .itemImg {
width: 1.3333333rem;
height: 1.3333333rem
}
.futurePrivilegeWarp .privilegeItem .item .itemText {
font-size: .34666666rem;
color: #5a3309;
font-weight: 500;
margin-top: .2rem;
text-align: center
}
.agreement .agreement_wrap {
padding-left: .2rem
}
.order {
background-color: #f6f7f7;
min-height: 100vh
}
.order .van-hairline--top-bottom:after {
border: none
}
.order .secondaryOrder .van-tabs__wrap {
width: auto;
padding: .266667rem .4rem;
height: .8rem;
background: none
}
.order .secondaryOrder .van-tabs__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.order .secondaryOrder .van-tab {
width: 2.106666rem;
color: #666;
font-size: .373334rem;
border-radius: .4rem;
background: #fff;
border: 1px solid transparent;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.order .secondaryOrder .van-tab--active {
font-weight: 500;
background: rgba(44, 200, 254, .2);
border: 1px solid rgba(44, 200, 254, .2);
color: #00a6ff
}
.order .secondaryOrder .van-tabs__line {
display: none
}
.order .secondaryOrder .corner {
position: absolute;
top: 1px;
right: .213333rem;
width: .373333rem;
height: .373333rem;
background-color: #fd5c59;
border-radius: 50%;
color: #fff;
text-align: center
}
.order .orderTab1 {
padding: .26667rem .32rem
}
.order .orderTab {
height: calc(100vh - 1.28rem)
}
.order .orderItem {
padding: .32rem .42666rem;
background-color: #fff;
border-radius: 6px
}
.order .orderItem .itemTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #999;
font-size: .32rem;
padding-bottom: .32rem;
border-bottom: 1px solid #f4f4f4
}
.order .orderItem .itemTitle .headPortrait {
width: .93333333rem;
height: .9333333rem;
border-radius: 50%;
margin-right: .2133333rem
}
.order .orderItem .itemTitle .userNicker {
width: 3.28rem;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.order .orderItem .itemTitle .itemTime {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right
}
.order .orderItem .itemCon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: .32rem
}
.order .orderItem .itemCon .itemImg {
display: inline-block;
width: 1.3333rem;
height: 1.3333rem;
vertical-align: middle;
border-radius: 5px
}
.order .orderItem .itemCon .itemStates {
color: #00a6ff;
font-size: .373333rem;
margin-left: .93333333rem
}
.order .orderItem .itemCon .itemText {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
vertical-align: middle;
margin-left: .21333rem
}
.order .orderItem .itemCon .itemText .itemTextWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.order .orderItem .itemCon .itemText .itemName {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: .37333333rem;
margin-bottom: .16rem;
margin-top: .1rem;
font-weight: 400
}
.order .orderItem .itemCon .itemText .itemNumDa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #666
}
.order .orderItem .itemCon .itemText .itemNumDa .itemPrice {
color: #333
}
.order .orderItem .itemCon .itemText .itemNumDa .itemNum {
color: #999
}
.order .orderItem .itemBtn {
text-align: right;
margin-top: .5333333rem
}
.order .orderItem .itemBtn .btn {
width: 2rem;
height: .69333rem;
text-align: center;
font-size: .32rem;
padding: 0;
border-radius: .21333rem
}
.order .orderItem .itemBtn .btn1 {
border: 1px solid #ebedf0 !important
}
.order .orderItem .itemBtn .btn+.btn {
margin-left: .21333rem
}
.order .orderItem .itemBtn .payment {
background: -webkit-gradient(linear, left top, right top, from(#31cbff), to(#02acf5));
background: -o-linear-gradient(left, #31cbff, #02acf5);
background: linear-gradient(90deg, #31cbff, #02acf5);
color: #fff
}
.order .orderItem+.orderItem {
margin-top: .26667rem
}
.order .notList .notListImg {
width: 5.3334rem;
height: 5.3334rem;
background: url(https://fulu-tuike.oss-cn-hangzhou.aliyuncs.com/picture/6091bef608e8427895b9beae9f1648cb.png) no-repeat;
background-size: 100% 100%;
margin: 1rem auto 0
}
.order .notList .text {
margin-top: .2666rem;
font-size: .37333rem;
color: #666;
text-align: center
}
.order .notList .btnWarp {
margin-top: .53333333rem;
text-align: center
}
.order .notList .btnWarp .btn {
width: 4.24rem;
height: 1.01333rem;
background: -webkit-gradient(linear, left top, right top, from(#31cbff), to(#02acf5));
background: -o-linear-gradient(left, #31cbff, #02acf5);
background: linear-gradient(90deg, #31cbff, #02acf5);
border-radius: .16rem;
color: #fff;
font-size: .42666rem
}
.mains {
min-height: 100vh
}
.mains .van-overlay {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mains .contentWrap {
background-color: #f8f8f8;
padding: 0 .4rem 2.96rem
}
.mains .contentWrap .dsflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mains .contentWrap .service_box {
margin-top: .12rem;
margin-left: .08rem;
width: .8rem;
height: .8rem;
font-size: 12px;
}
.mains .contentWrap .service_box .serviceIcon {
width: .8rem;
height: .8rem;
vertical-align: middle
}
.mains .contentWrap .banner {
position: relative;
width: calc(100vw - .8rem);
padding-top: .2666666rem
}
.mains .contentWrap .banner .search {
position: relative;
width: calc(100% - .8rem);
height: .986666rem;
border: 1px solid #47464b;
border-radius: 20px;
-webkit-box-shadow: 0 3px 5px 0 rgba(96, 83, 75, .1);
box-shadow: 0 3px 5px 0 rgba(96, 83, 75, .1)
}
.mains .contentWrap .banner .search .searchFrame {
position: absolute;
top: 0;
width: 100%;
height: .986666rem;
opacity: .2;
background: transparent;
border-radius: 20px;
line-height: .88rem;
z-index: 11111
}
.mains .contentWrap .banner .search .searchImg {
position: absolute;
top: 50%;
left: .346666rem;
width: .3733333rem;
height: .3733333rem;
margin-top: -.17333333rem;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADs0lEQVRIS7WWf2gcRRTHv2/2rkET0hhszKK1pWgtVhSEKIUKFtQqVdo/NFaKIN7tzCUHQSOIouAiWCjRE0Ka29lLE5CCoIK0ikoK9Qf2n/5RFawiKIIaT1rFWg3mctl98o67cLmmOS/W+WOXu3kzn/m+N++9JTQZ1tpkHMe3OY6znpl7lFLnmPnnubm5k0NDQ+ebrZd5uphREAQ3EtGzAO4H0LWMXQnAhwBeNcZMrwS7ADI6OtrW1tb2CgADIFFd/CsRfc3MZ5j5CiLaBGBj3cYCecwYU1wOtgQyOTm5rlwuHwGwrWp8VCn18szMzAnf9+P6DcIw3CoHYWY5zBoAPwHYbYw51QhahFQViHwBiN/3ZTKZ95r53Fq7BcDbAOR9BkCfMeaH+nWLkDAMDzLzoACIaLvW+nQzQG3eWrsWwMcAbgFwqlgs9tUrr0BEOjN/QUQKwC6t9fv/FlCzGxsb25BMJj8DIDFLaa0na3M1yGFxDxEd0VrvaRVQp+hpAAcAfG+MkctRGeT7/hrXdcWXa+M43j4wMHBitZCRkZH2zs5O2etyx3FuTafTogxUKBTuiOP4EwlasVh0G29Rq0Br7VEADxDRM1prUQUKw3AfMx+WwBlj7mx100b7IAj2SxIz83gmk8lWINbaJwHkiOgNrfXD/xVirX1CqgARvaW1fqim5HFmPgRg2hiz8xJAXgDgA5gwxng1yE5m/gDAd8aY6y4B5DUAjzLzi5lMRoCgqamprvn5ebkRySiKtgwODn6zWpDv+8p13V8ArFNK3eN53rEKRB7WWvlxFxHltNZPrRYSBMGDRPQmEUlZ6jHGlOshuwC8C6DkOM5N6XT621ZBuVzusvb29s8BbAbwkjHm+SUZX1VzHMAOAKcTicS2VCr1Zysga+3rAPZKvpVKpevrG9pigSwUCtfEcXwSgCtFTim12/M8Kd8rDlHQ0dFxiJkfAVBWSt3reZ4ceHEs6SdhGPYxs5T3KwH8JrJnZ2eD4eHhvxtJEuTe3t49RLQfwA0CICLJkXK5XH4nm83KBaiMCzrj+Pj4JsdxpD/cXLX5i5mPEdGXzHyWiLqkMzLzfQCuqtqcVUrtjaJoMxHlJR0WFhZ2ZLPZH5eFyJ++7ydc100x83NEtH4Ff51n5oNEdMAY80c+n79aKSUFdkM96KIfEjWlExMTfVEU3Q3gWgA9zHzOcZyZKIo+7e7uPt7f3z9ff4h8Pr9RKfVRFfSVMWZrM0izuC87XwVNE9HvWuvb/xdII/kfM/x9Kb5pOHgAAAAASUVORK5CYII=) no-repeat;
background-size: 100% 100%
}
.mains .contentWrap .banner .search .searchPlaceholder {
position: absolute;
top: 47%;
left: .853333rem;
height: .42666666rem;
margin-top: -.21333333rem;
font-size: .373333rem;
color: #9494a6
}
.mains .contentWrap .ensure_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
margin: .13rem 0;
height: .44rem;
font-size: .32rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #926848;
line-height: .44rem
}
.mains .contentWrap .ensure_box>div {
display: inline-block
}
.mains .contentWrap .ensure_box>div>:nth-child(2) {
margin-left: .12rem
}
.mains .contentWrap .ensure_box .ensure_img {
margin-bottom: 3px;
width: .4rem;
height: .4rem;
vertical-align: middle
}
.mains .contentWrap .activityZone {
margin: 0 0 .266667rem;
padding: .4rem .08rem .26667rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #fff;
-webkit-box-shadow: 0 -.03rem .09rem 0 rgba(0, 0, 0, .02);
box-shadow: 0 -.03rem .09rem 0 rgba(0, 0, 0, .02);
border-radius: .27rem
}
.mains .contentWrap .activityZone,
.mains .contentWrap .activityZone .activity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mains .contentWrap .activityZone .activity {
width: 20%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.mains .contentWrap .activityZone .activity .activityImg {
width: 1.28rem;
height: 1.28rem
}
.mains .contentWrap .activityZone .activity .activityName {
width: 1.9rem;
margin-top: .15rem;
font-size: .32rem;
font-weight: 400;
color: #666;
font-family: PingFangSC-Regular, PingFang SC;
text-align: center;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
/* .mains .contentWrap .activityZone>:first-child,
.mains .contentWrap .activityZone>:nth-child(2),
.mains .contentWrap .activityZone>:nth-child(3),
.mains .contentWrap .activityZone>:nth-child(4),
.mains .contentWrap .activityZone>:nth-child(5) {
margin-bottom: .266667rem
} */
/* .mains .contentWrap .swipe {
height: 2.27rem;
margin: .2666666rem 0;
border-radius: .2666666rem
} */
/* .mains .contentWrap .swipe .van-swipe {
height: 100%;
border-radius: .2666666rem
}
.mains .contentWrap .swipe .van-swipe .van-swipe-item {
width: calc(100vw - .8rem) !important
}
.mains .contentWrap .swipe .van-swipe .van-swipe-item>img {
width: 100%;
height: 2.27rem;
border-radius: .2666666rem
}
.mains .contentWrap .swipe .van-swipe__indicator {
background: hsla(0, 0%, 100%, .7);
border-radius: 2px;
height: 3px
}
.mains .contentWrap .swipe .van-swipe__indicator--active {
width: 17px;
background-color: #fff;
opacity: 1
} */
.mains .contentWrap .explosiveArea .superValueGoods {
padding-bottom: .13rem;
background: url(../image/1651200287.jpg) no-repeat;
background-size: 100% 100%
}
.mains .contentWrap .explosiveArea .superValueGoods .topTitle {
padding: .4rem .266667rem .266667rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mains .contentWrap .explosiveArea .superValueGoods .topTitle>span:first-child {
display: inline-block;
margin-right: .106667rem;
font-size: .4533334rem;
color: #000000;
font-weight: 600;
vertical-align: initial;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mains .contentWrap .explosiveArea .superValueGoods .topTitle>span:nth-child(2) {
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8 0, #f7e1c9 100%);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border-radius: .19rem;
border: 1px solid #f0d9c5;
font-size: .293334rem;
color: #f55f37;
font-weight: 400;
margin-right: .11rem;
padding: 0 .11rem;
height: .35rem;
line-height: .38rem;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mains .contentWrap .explosiveArea .superValueGoods .scollView {
width: 100%;
overflow-x: auto;
overflow-y: hidden
}
.mains .contentWrap .explosiveArea .superValueGoods .scollView::-webkit-scrollbar {
display: none
}
.mains .contentWrap .explosiveArea .superValueGoods .explosiveArea_bg {
/* width: calc(100% - .8rem); */
margin: 0 .13rem;
padding: 0 .266667rem;
background: -o-linear-gradient(271deg, #f9eadc 0, #fefaf6 100%);
background: linear-gradient(179deg, #f9eadc, #fefaf6);
border-radius: .19rem
}
.mains .contentWrap .explosiveArea .superValueGoods .explosiveArea_bg .singleGoods {
margin: .266667rem .133334rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mains .contentWrap .explosiveArea .superGoodsList {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .topImg {
position: relative
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .topImg>img {
width: 2rem;
height: 2rem;
vertical-align: middle
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .topImg>div {
position: absolute;
top: -2px;
left: -2px;
background: #ff705a;
border-radius: .13334rem .08rem .266667rem 1px;
color: #fff;
padding: 2px .16rem 2px .08rem;
font-size: .26667rem
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .productName {
font-size: .32rem;
color: #333;
font-weight: 400;
width: 2rem;
text-align: center;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .price {
color: #ff2b21;
margin-top: .0533334rem;
margin-bottom: .1066667rem;
font-size: 0
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .price>span:first-child {
font-size: .32rem;
font-weight: 500
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .price>span:nth-child(2) {
font-size: .4rem;
font-weight: 600
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .price>span:nth-child(3) {
font-size: .293334rem;
font-weight: 600
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned {
padding-right: .13334rem;
font-size: .266667rem;
font-weight: 400;
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8 0, #f7e1c9 100%);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border-radius: .05rem;
border: 1px solid #f0d9c5
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned>span:first-child {
display: inline-block;
width: .4rem;
text-align: center;
background-color: #2e333a;
color: #f5dabc;
border-radius: .05rem;
font-size: .266667rem
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned>span:nth-child(2) {
padding-left: .133334rem;
color: #2e333a;
font-size: .266667rem
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned_active {
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8 0, #f7e1c9 100%);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border-radius: .05rem;
border: 1px solid #f0d9c5
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned_active>span:first-child {
background-color: #2e333a;
color: #f5dabc;
font-size: .266667rem
}
.mains .contentWrap .explosiveArea .superGoodsList .singleGoods .returned_active>span:nth-child(2) {
color: #5a3309;
font-size: .266667rem
}
.mains .contentWrap .explosiveArea .preferentialProducts {
margin-top: .133333rem;
margin-bottom: .266667rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 0 0 .24rem .24rem;
-webkit-box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05)
}
.mains .contentWrap .explosiveArea .preferentialProducts .divider {
width: .133333rem;
background: #f2f2f2
}
.mains .contentWrap .explosiveArea .preferentialProducts .left,
.mains .contentWrap .explosiveArea .preferentialProducts .right {
width: calc(50% - .06667rem);
background: url(../image/1651200287.jpg) no-repeat;
background-size: 100% 100%
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .topTitle,
.mains .contentWrap .explosiveArea .preferentialProducts .right .topTitle {
padding: .266667rem 0 .266667rem .4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .topTitle>span:first-child,
.mains .contentWrap .explosiveArea .preferentialProducts .right .topTitle>span:first-child {
display: inline-block;
margin-right: .106667rem;
font-size: .4533334rem;
color: #000000;
font-weight: 600;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .topTitle>span:nth-child(2),
.mains .contentWrap .explosiveArea .preferentialProducts .right .topTitle>span:nth-child(2) {
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8, #f7e1c9);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border: 1px solid #f0d9c5;
border-radius: .2133334rem;
font-size: .266667rem;
color: #f55f37;
font-weight: 400;
margin-right: .11rem;
padding: 0 .11rem;
height: .35rem;
line-height: .38rem;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .preferentialScollView,
.mains .contentWrap .explosiveArea .preferentialProducts .right .preferentialScollView {
margin: 0 .133333rem .133333rem;
height: 4rem;
background: -webkit-gradient(linear, left top, left bottom, from(#fdf5ee), to(#fff));
background: -o-linear-gradient(top, #fdf5ee 0, #fff 100%);
background: linear-gradient(180deg, #fdf5ee, #fff);
border-radius: .19rem
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .preferentialScollView::-webkit-scrollbar,
.mains .contentWrap .explosiveArea .preferentialProducts .right .preferentialScollView::-webkit-scrollbar {
display: none
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList .flex,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList .singleGoods,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList .singleGoods {
margin: .133333rem
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList .singleGoods .topImg>img,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList .singleGoods .topImg>img {
width: 1.733334rem;
height: 1.7333334rem;
vertical-align: middle
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList .singleGoods .content_box,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList .singleGoods .content_box {
margin: 0 .133333rem;
padding: 0 .133333rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.mains .contentWrap .explosiveArea .preferentialProducts .left .leftProductsList .singleGoods .content_box .productName,
.mains .contentWrap .explosiveArea .preferentialProducts .right .leftProductsList .singleGoods .content_box .productName {
text-align: left
}
.mains .contentWrap .local_life_box,
.mains .contentWrap .local_life_box img {
width: 9.19rem;
height: 4.17rem;
border-radius: .266667rem
}
.mains .contentWrap .classifiedGoods {
margin-top: .4rem
}
.mains .contentWrap .classifiedGoods .van-tab__text--ellipsis {
display: block
}
.mains .contentWrap .classifiedGoods .van-tabs__nav--complete {
padding-left: 0
}
.mains .contentWrap .classifiedGoods .van-tabs__nav,
.mains .contentWrap .classifiedGoods .van-tabs__wrap {
background-color: transparent
}
.mains .contentWrap .classifiedGoods .van-tab {
padding: 0
}
.mains .contentWrap .classifiedGoods .van-tab+.van-tab {
margin-left: .26667rem
}
.mains .contentWrap .classifiedGoods .tabsTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mains .contentWrap .classifiedGoods .tabsTitle .category .active {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: .32rem;
font-weight: 400;
color: #ffe4b7;
background: linear-gradient(223deg, #5f5a61 1%, #39363d 98%);
border-radius: .24rem;
padding: 0 .133334rem
}
.mains .contentWrap .classifiedGoods .tabsTitle .divider {
width: 1px;
height: .693334rem;
background-color: #ebedf0
}
.mains .contentWrap .classifiedGoods .category {
text-align: center;
margin-right: .26667rem
}
.mains .contentWrap .classifiedGoods .category>div:first-child {
font-size: .4533334rem;
color: #36343a;
font-weight: 600;
width: 2.29334rem;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
.mains .contentWrap .classifiedGoods .category>div:nth-child(2) {
font-size: .32rem;
font-weight: 400;
color: #999;
max-width: 2.186667rem;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
/*
.mains .contentWrap .classifiedGoods .van-tabs__line {
display: none
} */
.mains .contentWrap .classifiedGoods .van-tab__pane {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mains .contentWrap .classifiedGoods .productList {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.mains .contentWrap .classifiedGoods .productList .column1 {
/* margin-top: .266667rem; */
margin-right: .266667rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.mains .contentWrap .classifiedGoods .productList .column2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.mains .contentWrap .classifiedGoods .productList .cardBag {
display: inline-block;
width: 100%;
margin-top: .266667rem;
background: #fff;
border-radius: 7px;
-webkit-box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mains .contentWrap .classifiedGoods .productList .cardBag>div>img {
display: inline-block;
width: 100%;
/* height: 2.95rem; */
border-radius: .24rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .name {
margin: .266667rem .266667rem 0;
font-size: .4rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 600;
color: #333;
line-height: .56rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .explain {
font-size: .32rem;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999;
line-height: .44rem;
margin: .03rem .266667rem .4rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate {
margin: 0 .26667rem .266667rem;
position: relative
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .price {
display: inline-block;
color: #ff2b21;
font-size: 0
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .price>span:first-child {
font-size: .32rem;
font-weight: 500;
text-shadow: 0 4px 11px 0 rgba(188, 135, 104, .44)
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .price>span:nth-child(2) {
font-size: .53334rem;
font-weight: 600
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .price>span:nth-child(3) {
font-size: .293334rem;
font-weight: 600
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .oldPrice {
display: inline-block;
font-size: .293334rem;
font-weight: 400;
text-decoration: line-through;
color: #999
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned {
display: inline-block;
position: absolute;
right: 0;
bottom: 0.2rem;
font-size: 0;
height: .37rem;
line-height: .37rem
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned>span:first-child {
display: inline-block;
font-size: .26667rem;
color: #f5dabc;
font-weight: 500;
background-color: #2e333a;
border: 1px solid #2e333a;
border-radius: .05rem 0 0 .05rem;
text-align: center
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned>span:nth-child(2) {
display: inline-block;
font-size: .26667rem;
color: #2e333a;
font-weight: 500;
padding-right: 2px;
padding-left: 2px;
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8, #f7e1c9);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border: 1px solid #f0d9c5;
border-radius: 0 .05rem .05rem 0
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned_active {
height: .37rem;
line-height: .37rem;
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8 0, #f7e1c9 100%);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border-radius: .05rem;
border: 1px solid #f0d9c5
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned_active>span:first-child {
background-color: #2e333a;
color: #f5dabc;
border-radius: .05rem
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate .returned_active>span:nth-child(2) {
color: #5a3309;
border: 1px solid transparent;
background: transparent
}
.mains .contentWrap .classifiedGoods .productList .cardBag .cardBagInfo .priceAggregate:after {
display: block;
content: "";
clear: both
}
.mains .contentWrap .service {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
width: calc(100vw - .8rem);
bottom: .933333rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
height: 1.066666rem;
border-radius: .88rem;
-webkit-box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
margin: .26666rem 0 .4rem;
padding: .16rem 0
}
.mains .contentWrap .service .icon {
margin-right: .32rem
}
.mains .wrapper {
background-color: transparent;
border-radius: 10px
}
.mains .wrapper .block {
position: relative;
height: 8.56rem;
background-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mains .wrapper .block>img {
height: 7.09rem
}
.my {
width: 100vw;
min-height: 100vh;
/* background-color: #f8f8f8 */
}
.my .user {
width: 100%;
padding: 0 .35rem;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.my .user .title {
height: 1.8rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.my .user .title,
.my .user .title .name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.my .user .userImg {
height: 1.3rem;
width: 1.3rem;
border-radius: 1rem
}
.my .user .userName {
margin-left: .3rem;
font-size: .4rem;
font-weight: 600;
color: #36343a
}
.my .user .progress {
padding: .35rem .35rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.my .user .progresTtip {
margin-top: .15rem;
padding-left: .35rem
}
.my .amount {
padding: .3rem .36rem .15rem
}
.my .amount .amountIn {
background: #fff;
border-radius: .2rem;
-webkit-box-shadow: 5px 5px 7px 5px rgba(96, 83, 75, .05);
box-shadow: 0 5px 7px 0 rgba(96, 83, 75, .05);
padding: .25rem;
color: #333
}
.my .amount .myProfit .myProfitTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
line-height: .8rem
}
.my .amount .myProfit .myProfitTitle span {
font-size: .38rem
}
.my .amount .myProfit .money {
font-size: .7rem;
line-height: .7rem;
margin-bottom: .6rem
}
.my .amount .moneyItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.my .amount .moneyItem div {
width: 15%
}
.my .amount .moneyItem div span {
display: block;
color: #666;
font-size: .38rem
}
.my .amount .moneyItem div b {
display: block;
margin-top: .06rem;
font-size: .5rem
}
.my .amount .moneyItem div b i {
font-style: normal;
font-size: .32rem;
color: #666
}
.my .amount .moneyItem div .popoverTip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.my .amount .moneyItem div .popoverTip .popoverTipIcon {
margin-left: .1rem
}
.my .amount .goExtract {
background: #f5dabc;
height: .55rem;
width: 1.4rem;
line-height: .55rem;
border-radius: .55rem;
text-align: center;
color: #2e333a;
margin-top: .3rem;
padding-left: .1rem;
font-size: .32rem;
}
.my .banner {
height: 2rem;
padding: .15rem .36rem 0;
margin: 0 0 .3rem;
position: relative
}
.my .banner .advertisingSpace {
width: 100%;
height: 2rem;
background-color: #fff;
border-radius: .24rem
}
.my .serveList {
padding: 0 .36rem
}
.my .serveList .serveListIn {
background: #fff;
border-radius: .2rem;
padding: .1rem .35rem;
color: #333
}
.my .serveList .serveListIn div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2rem
}
.my .serveList .serveListIn div span {
font-size: .4rem;
position: relative;
padding-left: .6rem
}
.my .serveList .serveListIn div span:before {
content: "";
width: .5rem;
height: .5rem;
position: absolute;
top: 50%;
left: -.1rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.my .serveList .serveListIn div .item1:before {
background: url(../image/wodedingdan.png) no-repeat;
background-size: 100%
}
.my .serveList .serveListIn div .item2:before {
background: url(../image/tixianjilu.png) no-repeat;
background-size: 100%
}
.my .serveList .serveListIn div .item3:before {
background: url(../image/kefu.png) no-repeat;
background-size: 100%
}
.my .serveList .serveListIn div .item4:before {
background: url(../image/xiaji.png) no-repeat;
background-size: 100%
}
.my .serveList .serveListIn div .tip {
font-size: .32rem;
color: #999
}
.my .serveList .serveListIn div .arr {
color: #a1a5b0;
font-size: .46rem
}
.my .hobby {
margin-top: .4rem;
padding: 0 .36rem
}
.my .hobby .topName {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.my .hobby .topName>img {
width: 2.853334rem;
height: .26667rem
}
.my .hobby .topName>div {
font-size: .426667rem;
padding: 1px .106667rem;
font-weight: 500;
color: #36343a
}
.my .hobby .productList {
height: 100px;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-ms-flex-line-pack: justify;
align-content: space-between
}
.my .hobby .productList,
.my .hobby .productList .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal
}
.my .hobby .productList .column {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 1.5rem;
width: 49%;
}
.my .hobby .productList .cardBag {
/* width: 4.5rem; */
position: relative;
padding-bottom: .266667rem;
margin-top: .266667rem;
background: #fff;
border-radius: 7px;
-webkit-box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
box-shadow: 0 5px 8px 0 rgba(96, 83, 75, .05);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.my .hobby .productList .cardBag>img {
/* height: 2.95rem; */
width: 100%;
border-radius: 7px;
display: block
}
.my .hobby .productList .cardBag .cardBagInfo {
padding: 0 .266667rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.my .hobby .productList .cardBag .cardBagInfo .name {
font-size: .4rem;
font-weight: 600;
color: #333;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
line-height: .6rem;
margin-top: .15rem
}
.my .hobby .productList .cardBag .cardBagInfo .explain {
color: #999;
font-size: .32rem;
font-weight: 400;
margin-top: 1px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .price {
display: block;
color: #ff2b21;
font-size: 0;
margin-top: .2rem
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .price>span:first-child {
font-size: .32rem;
font-weight: 500;
text-shadow: 0 4px 11px 0 rgba(188, 135, 104, .44)
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .price>span:nth-child(2) {
font-size: .53334rem;
font-weight: 600
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .price>span:nth-child(3) {
font-size: .293334rem;
font-weight: 600
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .oldPrice {
display: inline-block;
font-size: .293334rem;
font-weight: 400;
text-decoration: line-through;
color: #999
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned {
display: inline-block;
font-size: 0;
height: .426667rem;
line-height: .4rem;
margin-top: .1rem
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned>span:first-child {
display: inline-block;
width: .4rem;
font-size: .26667rem;
color: #f5dabc;
font-weight: 500;
border: 1px solid #2e333a;
background-color: #2e333a;
border-radius: .106667rem 0 0 .106667rem;
text-align: center
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned>span:nth-child(2) {
display: inline-block;
font-size: .26667rem;
color: #2e333a;
font-weight: 500;
padding-right: 2px;
padding-left: 2px;
background: -webkit-gradient(linear, right top, left top, from(#fcf2e8), to(#f7e1c9));
background: -o-linear-gradient(right, #fcf2e8, #f7e1c9);
background: linear-gradient(270deg, #fcf2e8, #f7e1c9);
border: 1px solid #f0d9c5;
border-radius: 0 .106667rem .106667rem 0
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned_active {
border: 1px solid #cc8c38;
border-radius: .106667rem;
background: transparent
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned_active>span:first-child {
color: #5a3309;
border: 1px solid transparent;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), color-stop(65%, #e6ba79));
background: -o-linear-gradient(left, #f0d19e, #e6ba79 65%);
background: linear-gradient(90deg, #f0d19e, #e6ba79 65%)
}
.my .hobby .productList .cardBag .cardBagInfo .priceAggregate .returned_active>span:nth-child(2) {
color: #5a3309;
border: 1px solid transparent;
background: transparent
}
.my .hobby .productList .cardBag .cardBagInfo:after {
display: block;
content: "";
clear: both
}
.my .van-overlay {
z-index: 9
}
.my .dialog .content {
width: 7.2rem;
height: 5rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.my .dialog .content .contentIn {
width: 100%;
height: 3rem;
background: #fff;
border-radius: .25rem;
padding-bottom: .2rem
}
.my .dialog .content .contentIn p {
line-height: 2.1rem;
text-align: center;
font-size: .38rem;
color: #333
}
.my .dialog .content .contentIn span {
width: 1.8rem;
height: .8rem;
line-height: .8rem;
text-align: center;
border-radius: 2rem;
display: block;
margin: 0 auto;
color: #5a3309;
font-weight: 600;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79)
}
.my .dialog .content .close {
width: .6rem;
height: .6rem;
display: block;
margin: .4rem auto 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAAXNSR0IArs4c6QAABGFJREFUaEPVmVvIpVMcxn9PzoqUFBE1ppgxlMyFyDQzzQUyyo1jIxqluFaEjDDJvSsycmxKKTkkzDhELiiUU8yEzHAlmZxCj56v/+b93m9/+93v3t8ne9W+2XuvtX7vfz3r/3/WesWUzfbpwEZgLXAacApwNHAk8DNwAPga+Bx4D9gl6bNpptUknW0H7DpgC3DqBGPsAR4Hdkj6pm//XtC2VwB3AtcAhzQm2w+8BXwKBOhH4FfgCOCYerBVwDrghEa/P4AngXsk7R0Xfixo24cBt9bn8Br8W+Ax4ClJH487oe01wNW1SidVv9+A+/OR9HvXWJ3QtrP8O4FzarCvEpksr6REaqJmOyt1ba1c5Jb2PnCFpKzWom0ktO31wLO1xH8CDwD3SsrSL0mznQ17B3ALcHBJ6zJJry82waLQti+tCEcO+4CrJEW3y9JsXwA8DZwIRC6J+HPDJhsKXRF+CQhw9HqhpGh4WZvtaPxlYHWBXzQs4gugS8PJp9n1AV4n6YdlpW0MbvtY4M0CTxZa29b4POjKEm/Xposkzv0vItwOSEX83ZJKNuf5zazShr4L2AZk021cTg13rZzt5PTXanNuk3T3oM8/0FU4IofoeLuk27sGXu7fbW8Hbit9nzEoQE3oHVWak4dXL2Vam/ThKh1+Un7mUUnXZ6w5aNsnA19Wad4q6ZGuiWzfV0Zpi6T0HbuVyXohJkrSxaM62t4KPAykkK2MVxlAD7SctLZinEpn+0PgLCB9NowLXsC7geOBvZJGGi7bh+Z/tSnntD2ATqTSeWwt2w7wq8Bx44IX8K4yTd/VZu+0qQ1t75G0UjVQ3Fnamp7m58za4Z3gLeDva3U6gUu+meejYlwV6JuAB4H9klJCezXbneDTAA9gbMf+xtbeHOhsuuzKnZKu7EVcfx4FbjunmWg4E/aKcJPFdpzm5XMHB9upgOelqDQTeF/4YeDAQS3gFKyBFHtNYTtFLwnjnUBn90cWSV1P9Bqp9ecy+NloA40HehDhiYFL1zna5dCxL9A/AUcBmyU9Pw10DZ6TyQA8X0USUwHXuJuBWNUDgY7PSEQ2SUqtn6q1NJyxspLru04jXZPa3gS8Avy1pJFuZYns9hypOtNhF/CwSC+JpocUjg1AqllWb2pw2/M0PXX2GAYsKZcz8TWdeXzMSM/LHlPl6ZaXSGmOD5kDbhSG5ubM4SIa72uy5uXpiSui7VzAJFPE/Iz0Eq10GPA83BfjRLlWbF5FzF1cb+/RAh6r0k0KXhL713vUU0zi8nKhkmuysYAXkcoHks7uivYCl1fQk/jpF+uW9JK+pbki/gzwhqQbR0GP8tO9Ty5d0Vmq323fADy04ORS0Z6tM2JBR5//19N47g5zQJm7Dp7te4+Kdu6hZ+uGqcBzwJ2du7xGLs299OzcmjbAZ+t+uhXx2XkT0ACfrXcuDfDZervV8sWz8x6x7SNm6o3tMBNUvjrnwWHvxn8BckXRfDe+u68rbM/7N3hfn7e35TXfAAAAAElFTkSuQmCC) no-repeat;
background-size: .6rem
}
.van-popover--dark {
left: 6.9rem !important
}
.van-popover--dark .van-popover__arrow {
color: rgba(0, 0, 0, .7)
}
.van-popover--dark .van-popover__content {
background-color: transparent
}
.van-popover--dark .van-popover__action {
width: auto;
height: .8rem;
padding: .2rem;
background-color: rgba(0, 0, 0, .7)
}
.van-popover[data-popper-placement=bottom-end] .van-popover__arrow {
right: .13334rem
}
.launch-btn {
padding: 12px
}
.van-popover--light .van-popover__content span {
font-size: .4rem
}
.confirmOrder {
min-height: 100vh;
background-color: #fff;
overflow: hidden
}
.confirmOrder .main {
padding: .533333rem .4rem 0;
background-color: #fff;
border-radius: .16rem
}
.confirmOrder .main .mainTop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: .53333rem
}
.confirmOrder .main .mainTop .topImg {
width: 1.86667rem;
height: 1.86667rem;
border-radius: 50%
}
.confirmOrder .main .mainTop .productName {
margin-top: .53333rem;
font-size: .453333rem;
color: #333;
font-weight: 500
}
.confirmOrder .main .mainTop .price {
margin-top: .21333rem
}
.confirmOrder .main .mainTop .price .tip {
font-size: .8rem;
color: #333;
line-height: .88rem;
vertical-align: middle
}
.confirmOrder .main .mainTop .state {
margin-top: .08rem;
font-size: .3733333rem;
line-height: .45333rem;
color: #666
}
.confirmOrder .main .mainCon {
margin-bottom: .8rem
}
.confirmOrder .main .mainCon .conLi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .426667rem 0;
color: #666;
font-size: .37333rem;
border-bottom: 1px solid #f5f5f5
}
.confirmOrder .main .mainCon .conLi .liPirce,
.confirmOrder .main .mainCon .conLi .liTitle {
font-size: .426666rem;
color: #333
}
.confirmOrder .main .mainCon .conLi .liText {
color: #333
}
.confirmOrder .main .mainCon .conLi .liCopy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.confirmOrder .main .mainCon .conLi .liCopy .Copy {
margin-left: .16rem;
width: 1.0666rem;
height: .48rem;
text-align: center;
color: #68400b;
background: #fffaf2;
border-radius: .16rem;
border: 1px solid #efcf9b
}
.confirmOrder .main .payment .wechat,
.confirmOrder .main .payment .zhifubao {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.confirmOrder .main .payment .wechat .weLogo,
.confirmOrder .main .payment .wechat .zfbLogo,
.confirmOrder .main .payment .zhifubao .weLogo,
.confirmOrder .main .payment .zhifubao .zfbLogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.confirmOrder .main .payment .zfbLogo {
margin-bottom: .8rem
}
.confirmOrder .main .payment .logo {
width: .5866666rem;
height: .586666rem;
margin-right: .133333rem
}
.confirmOrder .main .payment .text {
font-size: .373333rem;
color: #333
}
.confirmOrder .main .payment .check {
width: .48rem;
height: .48rem
}
.confirmOrder .footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
bottom: 0;
position: fixed;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100vw;
height: 1.3333rem;
background-color: #fff
}
.confirmOrder .footer .btn {
width: calc(100vw - .8rem);
height: 1.06667rem;
margin: 0 .4rem;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79);
border-radius: .66666rem;
color: #68400b;
font-weight: 500;
font-size: .42666667rem
}
.retailGood {
background-color: #fff;
min-height: 100vh
}
.retailGood .van-tab {
color: #676773;
font-size: .3733333rem
}
.retailGood .van-tab--active {
color: #333;
font-size: .373333rem;
font-weight: 600
}
.retailGood .van-tabs__nav--line {
padding-bottom: 0
}
.retailGood .van-tabs__line {
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79)
}
.retailGood .orderTab1 {
padding: 0 .4rem .26667rem
}
.retailGood .orderTab {
height: calc(100vh - 1.28rem)
}
.retailGood .van-tabs__nav {
height: 1.28rem;
background-color: transparent
}
.retailGood .van-tabs__line {
opacity: 0
}
.retailGood .notList {
margin-top: -1rem;
}
.retailGood .notList .text {
margin-top: .2666rem;
font-size: .37333rem;
color: #666;
text-align: center
}
.retailGood .notList .btnWarp {
margin-top: .53333333rem;
text-align: center
}
.retailGood .notList .btnWarp .btn {
width: 4.24rem;
height: 1.01333rem;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79);
border-radius: .16rem;
color: #68400b;
font-size: .42666rem
}
.limit {
padding: 8px .8rem;
height: .74666rem;
background: rgba(0, 0, 0, .7);
border-radius: 1.3333rem;
line-height: .74666rem;
z-index: 9999999 !important
}
.limit .van-toast__text {
font-size: .42666rem;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.boundWithdrawal {
padding-top: .26667rem
}
.boundWithdrawal .boundForm .van-cell {
padding: .48rem .66667rem
}
.boundWithdrawal .boundForm .btn {
width: calc(100vw - .8rem);
margin-top: .26667rem;
margin-left: .4rem;
margin-bottom: .533334rem;
border: none;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), color-stop(65%, #e6ba79));
background: -o-linear-gradient(left, #f0d19e, #e6ba79 65%);
background: linear-gradient(90deg, #f0d19e, #e6ba79 65%);
border-radius: .64rem;
color: #68400b;
font-weight: 400;
font-size: .4266667rem
}
.boundWithdrawal .picker .accountType {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.boundWithdrawal .picker .accountType>img {
width: .533333rem;
height: .32rem;
margin-right: .08rem
}
.boundWithdrawal .picker .accountType>img.zfbUrl {
width: .586667rem;
height: .586667rem
}
.boundWithdrawal .picker .accountType>span {
display: inline-block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color: #333;
font-weight: 400;
font-size: .4rem
}
.boundWithdrawal .picker .accountType .van-icon {
right: 0
}
.boundWithdrawal .radioAgreement {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 1.33334rem;
margin-left: .4rem;
font-size: .3733334rem;
font-weight: 400
}
.boundWithdrawal .radioAgreement>img {
width: .48rem;
height: .48rem
}
.boundWithdrawal .radioAgreement>span:nth-child(2) {
color: #666;
margin-left: .133334rem
}
.boundWithdrawal .radioAgreement>span:nth-child(3) {
color: #68400b
}
.boundWithdrawal .changeAccount {
padding: 0 .32rem 0 .4rem;
height: 7.68rem
}
.boundWithdrawal .changeAccount .accountItem {
height: 1.3333rem;
border-bottom: 1px solid #e9e9e9
}
.boundWithdrawal .changeAccount .accountItem,
.boundWithdrawal .changeAccount .accountItem .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.boundWithdrawal .changeAccount .accountItem .item {
font-size: .37333rem
}
.boundWithdrawal .changeAccount .accountItem .item .img {
width: .586667rem;
height: .586667rem;
margin-right: .133334rem
}
.boundWithdrawal .changeAccount .accountItem .item .imgOn {
width: .533333rem;
height: .32rem
}
.boundWithdrawal .changeAccount .accountItem .icon {
margin-right: .64rem
}
.boundWithdrawal .changeAccount .accountItem .addIcon {
margin-right: .2666rem
}
.boundWithdrawal .changeAccount .accountItem .update {
font-size: .37333rem;
color: #68400b;
font-weight: 400;
margin-right: .8rem
}
.boundWithdrawal .tip {
padding: 0 .4rem;
font-weight: 400;
font-size: .3733334rem;
color: #ff3f00
}
.boundWithdrawal .BindingTips {
width: 7.466667rem;
border-radius: .24rem
}
.boundWithdrawal .BindingTips .tipText {
margin: .8rem 0;
text-align: center
}
.boundWithdrawal .agreement {
width: calc(100vw - 1.06666rem);
height: 13.12rem;
color: #333;
border-radius: .16rem;
overflow: hidden
}
.boundWithdrawal .agreement .title {
position: relative;
font-size: .42666667rem;
line-height: .48rem
}
.boundWithdrawal .agreement .title .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center
}
.boundWithdrawal .agreement .agreement_wrap {
margin-top: .96rem;
height: 12.16rem;
overflow: auto
}
.boundWithdrawal .agreement .icon {
position: absolute;
top: .18666666rem;
right: .26666666rem;
font-size: .56rem
}
.boundWithdrawal .agreement .agreementCon {
padding: .53333rem .42666rem 1.30666rem;
font-size: .37333rem;
line-height: .61333rem
}
.boundWithdrawal .agreement .agreementCon .agreementCon_top {
text-indent: 20px
}
.boundWithdrawal .agreement .agreementCon .agreementCon_Con,
.boundWithdrawal .agreement .agreementCon .agreementCon_title {
margin-top: 10px
}
.van-stepper {
font-size: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.van-stepper__plus {
border-radius: 0 4px 4px 0
}
.van-stepper__input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 32px;
height: 28px;
margin: 0 2px;
padding: 0;
color: #323233;
font-size: 14px;
line-height: normal;
text-align: center;
vertical-align: middle;
background-color: #f2f3f5;
border: 0;
border-width: 1px 0;
border-radius: 0;
-webkit-appearance: none
}
.van-stepper__input:disabled {
color: #c8c9cc;
background-color: #f2f3f5;
-webkit-text-fill-color: #c8c9cc;
opacity: 1
}
.van-stepper__input:-moz-read-only {
cursor: default
}
.van-stepper__input:read-only {
cursor: default
}
.productDetail {
min-height: 100vh;
background-color: #f8f8f8;
display: inline-block
}
.productDetail .van-overlay {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.productDetail .productTab .van-tabs__line {
width: .56rem !important;
bottom: .61333rem;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(#f0d19e), to(#e6ba79));
background: -o-linear-gradient(left, #f0d19e 0, #e6ba79 100%);
background: linear-gradient(90deg, #f0d19e, #e6ba79);
border-radius: .16rem
}
.productDetail .productTab .van-tab__text--ellipsis {
line-height: .42666rem
}
.productDetail .productTab .van-tab {
color: #fff;
font-size: .37333333rem
}
.productDetail .productTab .van-tab--active {
font-size: .42666rem;
color: #f0d19e;
font-weight: 600
}
.productDetail .productTab .van-tabs__wrap {
height: 1.33333rem
}
.productDetail .tablabelWrap .productTopImg {
width: 100vw;
height: 6.34666666rem;
/* background-color: #f0d19e */
}
.productDetail .floatContent {
position: absolute;
top: 232px;
width: 100vw;
background-color: #f8f8f8;
padding-bottom: 1.8666667rem;
border-radius: 10px;
}
.productDetail .floatContent:after {
display: block;
content: "";
clear: both
}
.productDetail .productWrap {
/* margin: -4px 0.4rem 0; */
padding: .4rem .26666667rem .4rem 0;
background-color: #fff;
border-radius: .26666667rem;
-webkit-box-shadow: 0 5px 20px -7px #d0d0d0;
box-shadow: 0 5px 20px -7px #d0d0d0
}
.productDetail .productWrap .group .groupTop {
display: -webkit-box;
display: -ms-flexbox;
/* display: flex; */
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: .2666667rem;
margin-bottom: .346666rem
}
.productDetail .productWrap .group .groupTop .groupImg {
width: .61333333rem;
height: .61333333rem
}
.productDetail .productWrap .group .groupName {
font-size: .506666rem;
color: #333;
font-weight: 600;
/* margin-left: .2133333rem */
}
.productDetail .productWrap .denomination,
.productDetail .productWrap .rechargeType {
font-size: .373333rem;
color: #333;
padding-left: .2666667rem;
font-weight: 600
}
.productDetail .productWrap .rechargeList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.productDetail .productWrap .rechargeList .rechargeItem {
height: 1.0133333rem;
text-align: center;
line-height: 1.06666rem;
color: #333;
background: #f8f8f7;
float: left;
border-radius: .186666rem;
font-weight: 500;
font-size: .373333rem;
margin-top: .266666rem;
border: 1px solid transparent;
padding: 0 5px;
margin-left: .2666667rem
}
.productDetail .productWrap .rechargeList .recharge_active {
background-color: #fff9f2;
border: 1px solid #e6ba79
}
.productDetail .productWrap .denominationList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: .2666667rem
}
.productDetail .productWrap .denominationList .denominationItem {
position: relative;
width: 2.666667rem;
border: 1px solid #E2E2E2;
text-align: center;
/* background: #f8f8f7; */
border-radius: .186666rem;
margin-top: 0.7rem;
padding: .4rem 0;
margin-left: .34rem
}
.productDetail .productWrap .denominationList .denominationItem .name {
font-size: .373333rem;
color: #333;
font-weight: 500
}
.productDetail .productWrap .denominationList .denominationItem .priceWarp {
margin-top: .1066666rem;
color: #fd5c59;
font-weight: 600
}
.productDetail .productWrap .denominationList .denominationItem .priceWarp>span:first-child {
font-size: .32rem
}
.productDetail .productWrap .denominationList .denomin