index.wxss 6.5 KB

1
  1. @charset "UTF-8";.generate-posters{width:100%;height:170rpx;background-color:#fff;position:fixed;left:0;bottom:0;z-index:300;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9);border-top:1rpx solid #eee}.generate-posters.on{-webkit-transform:translateZ(0);transform:translateZ(0)}.generate-posters .item{flex:1;text-align:center;font-size:30rpx}.generate-posters .item .iconfont{font-size:80rpx;color:#5eae72}.generate-posters .item .iconfont.icon-haibao{color:#5391f1}.navbar .header{height:96rpx;font-size:30rpx;color:#050505;background-color:#fff}.navbar .header .item{position:relative;margin:0 25rpx}.navbar .header .item.on:before{position:absolute;width:60rpx;height:5rpx;background-repeat:no-repeat;content:"";background-color:var(--view-theme);bottom:-10rpx;left:50%;margin-left:-28rpx}.navbar{position:fixed;background-color:#fff;top:0;left:0;z-index:99;width:100%}.navbar .navbarH{position:relative}.navbar .navbarH .navbarCon{position:absolute;bottom:0;height:100rpx;width:100%}.product-con .wrapper{padding-bottom:26rpx}.product-con .wrapper .share .money .y-money{color:#82848f;margin-left:13rpx;text-decoration:line-through;font-weight:400}.product-con .notice{width:100%;height:62rpx;margin-top:20rpx;padding:0 30rpx;box-sizing:border-box;background-color:hsla(0,0%,100%,.88)}.product-con .notice .num{font-size:24rpx}.product-con .notice .num .iconfont{font-size:30rpx;vertical-align:-3rpx;margin-right:20rpx}.product-con .notice .num .line{color:#282828;margin-left:15rpx}.product-con .notice .swiper{height:100%;width:360rpx;line-height:62rpx;overflow:hidden;margin-left:14rpx}.product-con .notice .swiper swiper{height:100%;width:100%;overflow:hidden;font-size:24rpx;color:#282828}.product-con .assemble{background-color:#fff}.product-con .assemble .item{padding-right:30rpx;margin-left:30rpx;border-bottom:1rpx solid #f0f0f0;height:132rpx}.product-con .assemble .item .pictxt{width:295rpx}.product-con .assemble .item .pictxt .text{width:194rpx}.product-con .assemble .item .pictxt .pictrue{width:80rpx;height:80rpx}.product-con .assemble .item .pictxt .pictrue image{width:100%;height:100%;border-radius:50%}.product-con .assemble .item .right .lack{font-size:24rpx;color:#333}.product-con .assemble .item .right .time{position:relative;left:-10rpx;font-size:22rpx;color:#82848f;margin-top:5rpx}.product-con .assemble .item .right .spellBnt{font-size:24rpx;color:#fff;width:140rpx;height:50rpx;border-radius:50rpx;text-align:center;line-height:50rpx;background-color:var(--view-theme);margin-left:30rpx}.product-con .assemble .item .right .spellBnt .iconfont{font-size:25rpx;margin-left:5rpx}.product-con .assemble .more{font-size:24rpx;color:#282828;text-align:center;height:90rpx;line-height:90rpx}.product-con .assemble .more .iconfont{margin-left:13rpx;font-size:25rpx}.product-con .playWay{background-color:#fff;padding:0 30rpx;margin-top:20rpx;font-size:28rpx;color:#282828}.product-con .playWay .title{height:86rpx;border-bottom:1rpx solid #eee}.product-con .playWay .title .iconfont{margin-left:13rpx;font-size:28rpx;color:#717171}.product-con .playWay .way{min-height:110rpx;font-size:26rpx;color:#282828}.product-con .playWay .way .iconfont{color:#cdcdcd;font-size:40rpx;margin:0 35rpx}.product-con .playWay .way .item .num{font-size:34rpx;margin-right:6rpx;width:17px;height:28px;display:inline-block;vertical-align:middle}.product-con .playWay .way .item .tip{font-size:22rpx;color:#a5a5a5;margin-top:7rpx}.product-con .footer{padding:0 20rpx 0 30rpx;position:fixed;bottom:0;width:100%;box-sizing:border-box;z-index:277;border-top:1rpx solid #f0f0f0;height:100rpx;height:calc(100rpx+ constant(safe-area-inset-bottom));height:calc(100rpx + env(safe-area-inset-bottom));background-color:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9)}.product-con .footer .item{font-size:18rpx;color:#666}.product-con .footer .item .iconfont{text-align:center;font-size:40rpx}.product-con .footer .item .iconfont.icon-shoucang1{color:var(--view-theme)}.product-con .footer .item .iconfont.icon-gouwuche1{font-size:40rpx;position:relative}.product-con .conter{display:block;padding-bottom:100rpx}.product-con .conter ._img{display:block}.product-con .footer .item .iconfont.icon-gouwuche1 .num{color:#fff;position:absolute;font-size:18rpx;padding:2rpx 8rpx 3rpx;border-radius:200rpx;top:-10rpx;right:-10rpx}.product-con .footer .bnt{width:540rpx;height:76rpx}.product-con .footer .bnt .bnts.long-btn{width:540rpx;border-radius:50px}.product-con .footer .bnt .bnts{width:270rpx;text-align:center;line-height:76rpx;color:#fff;font-size:28rpx}.product-con .footer .bnt .joinCart{border-radius:50rpx 0 0 50rpx;background-color:var(--view-bntColor)}.product-con .footer .bnt .buy{border-radius:0 50rpx 50rpx 0;background-color:var(--view-theme)}.setCollectBox{font-size:18rpx;color:#666}.canvas{width:750px;height:1190px}.poster-pop{width:450rpx;height:714rpx;position:fixed;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:300;top:50%;margin-top:-377rpx}.poster-pop image{width:100%;height:100%;display:block}.poster-pop .close{width:46rpx;height:75rpx;position:fixed;right:0;top:-73rpx;display:block}.poster-pop .save-poster{background-color:#df2d0a;font-size::22rpx;color:#fff;text-align:center;height:76rpx;line-height:76rpx;width:100%}.poster-pop .keep{color:#fff;text-align:center;font-size:25rpx;margin-top:10rpx}.mask{z-index:99!important}.mask1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.5;z-index:288}.home-nav{color:#333;position:fixed;width:126rpx;left:15rpx;height:56rpx;font-size:33rpx;z-index:99;background:hsla(0,0%,100%,.3);border:1px solid rgba(0,0,0,.1);border-radius:40rpx}.home-nav.right{right:33rpx;left:unset}.home-nav.on{background:unset;color:#333}.home-nav.homeIndex{width:98rpx}.home-nav .iconfont{width:58rpx;text-align:center}.home-nav .line{width:1rpx;height:34rpx;background:#b3b3b3}.home-nav .icon-xiangzuo{width:auto;font-size:28rpx}.share-box{z-index:1000;position:fixed;left:0;top:0;width:100%;height:100%}.share-box image{width:100%;height:100%}.attrImg{width:66rpx;height:66rpx;border-radius:6rpx;display:block;margin-right:14rpx}.switchTxt{height:60rpx;flex:1;line-height:60rpx;box-sizing:border-box;background:#eee;padding:0 10rpx;border-radius:8rpx;text-align:center}.attribute{padding:10rpx 30rpx}.attribute .line1{width:600rpx}.flex{display:flex;justify-content:space-between;width:100%}.flexs{display:flex}.attr-txt{display:flex;flex-wrap:nowrap;width:130rpx}