| 1 |
- .popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99}.popup.show{display:block}.popup.show .mask{-webkit-animation:showPopup .2s linear both;animation:showPopup .2s linear both}.popup.show .layer{-webkit-animation:showLayer .2s linear both;animation:showLayer .2s linear both}.popup.hide .mask{-webkit-animation:hidePopup .2s linear both;animation:hidePopup .2s linear both}.popup.hide .layer{-webkit-animation:hideLayer .2s linear both;animation:hideLayer .2s linear both}.popup.none{display:none}.popup .mask{position:fixed;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.4)}.popup .layer{position:fixed;z-index:99;bottom:0;width:100%;min-height:35vh;border-radius:10rpx 10rpx 0 0;background-color:#fff}.popup .layer .btn{height:66rpx;line-height:66rpx;border-radius:100rpx;background:#000;font-size:30rpx;color:#fff;margin:30rpx auto 20rpx}@-webkit-keyframes showPopup{0%{opacity:0}100%{opacity:1}}@keyframes showPopup{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@keyframes hidePopup{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes showLayer{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showLayer{0%{-webkit-transform:translateY(120%);transform:translateY(120%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hideLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(120%);transform:translateY(120%)}}@keyframes hideLayer{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(120%);transform:translateY(120%)}}.attr-content{padding:25rpx 30rpx}.attr-content .a-t{display:flex}.attr-content .a-t image{width:170rpx;height:170rpx;flex-shrink:0;border-radius:8rpx}.attr-content .a-t .right{display:flex;flex-direction:column;padding-left:24rpx;font-size:26rpx;color:#606266;line-height:42rpx;width:75%}.attr-content .a-t .right .price{font-size:32rpx;color:#000;margin:10rpx 0rpx}.attr-content .a-t .right .name{font-size:32rpx;color:#303133;height:50rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.attr-content .a-t .right .selected-text{margin-right:10rpx}.attr-content .attr-list{display:flex;flex-direction:column;font-size:30rpx;color:#606266;padding-top:30rpx;padding-left:10rpx}.attr-content .item-list{padding:20rpx 0 0;display:flex;flex-wrap:wrap}.attr-content .item-list text{display:flex;align-items:center;justify-content:center;background:#eee;margin-right:20rpx;margin-bottom:20rpx;border-radius:100rpx;min-width:60rpx;height:60rpx;padding:0 20rpx;font-size:28rpx;color:#303133}.attr-content .item-list .selected{background:#ddffdf;color:#000}.goodsBottom{height:160rpx}page{background:#f0f0f0}.contentBottomHeight{height:110rpx}.goodsBottom{height:160rpx}.iconenter{font-size:30rpx;color:#888}.con_image{width:130rpx;height:130rpx;display:inline-block;padding:15rpx}.con_image image{width:100%;height:100%}.rich-img{width:100%!important;height:auto}.sckill-top{width:750rpx;height:165rpx;position:relative;top:-40rpx;margin-bottom:-40rpx;display:flex;justify-content:space-between}.sckill-top .bg{width:750rpx;height:165rpx;position:absolute;left:0;top:0}.sckill-top .bg image{width:100%;height:100%}.sckill-top .top-left{position:relative;z-index:10;line-height:1}.sckill-top .top-left .left-top{padding:35rpx 0 23rpx 22rpx;font-size:44rpx;font-weight:500;color:#fff;line-height:1}.sckill-top .top-left .left-btm{line-height:1;font-size:30rpx;font-weight:500;padding-left:25rpx;color:#fff}.sckill-top .top-left .left-btm .now-pri{display:inline-block;padding-right:8rpx;font-size:44rpx;font-weight:800;color:#fff}.sckill-top .top-left .left-btm .old-pri{text-decoration:line-through}.sckill-top .top-right{position:relative;z-index:10;padding:67rpx 20rpx 18rpx 0}.sckill-top .top-right .right-top{font-size:22rpx;font-weight:400;color:#fff;line-height:1;padding-bottom:8rpx}.ptsf_box{border-radius:50%;position:fixed;z-index:2;right:20rpx;top:60%;width:90rpx;height:90rpx;background:#626262;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rpx;margin:0}.ptsf_box::after{border:none}.ptsf_box .ptsf_img{width:28rpx;height:28rpx;display:block}.ptsf_box .ptfx_tit{margin-top:15rpx;font-size:18rpx;font-family:PingFang SC;font-weight:700;color:#fff;line-height:1}.share-box{width:600rpx;height:1000rpx}.share-box .box-img{width:600rpx;height:1000rpx}.Shraremask{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:flex-end;z-index:998;transition:.3s;background-color:rgba(51,51,51,.6)}.Shraremask .bottomButtom{position:absolute;left:0;bottom:0;display:flex;justify-content:center;align-items:center;width:100%;height:90rpx;background:#fff;z-index:9;font-size:30rpx;color:#303133}.mask-content{margin-bottom:88rpx;width:100%;height:380rpx;transition:.3s;background:#fff}.mask-content.has-bottom{padding-bottom:90rpx}.mask-content .view-content{height:100%}.share-header{height:110rpx;font-size:30rpx;color:font-color-dark;display:flex;align-items:center;justify-content:center;padding-top:10rpx}.share-header:before, .share-header:after{content:"";width:240rpx;height:0;border-top:1px solid #e4e7ed;-webkit-transform:scaleY(.5);transform:scaleY(.5);margin-right:30rpx}.share-header:after{margin-left:30rpx;margin-right:0}.share-list{display:flex;width:80%;margin:0rpx auto}.share-item{min-width:33.33%;display:flex;justify-content:center;align-items:center;height:180rpx;width:100%}.share-item .wechat-box{width:50%;height:100%;background:#fff;border:0;display:flex;align-items:center;flex-direction:column}.share-item .wechat-box::after{border:0}.share-item .wechat-box .itemImage{width:80rpx;height:80rpx;margin-bottom:16rpx}.share-item .wechat-box .itemText{font-size:28rpx;color:#606266;line-height:2}
|
