//引入全局配置 @import "c/conf"; @import "c/mx"; @import "c/f"; @import "a/c"; .fixed-tit { position: absolute; height: 94rpx; width: 100%; background: #fff; top: 0; z-index: 9999; } .g-fixed_top { position: absolute; top: 90rpx; left: 0; width: 100%; z-index: 9999; } .g-fixed-icon { position: absolute; top: 115rpx; right: 30rpx; z-index: 9999; .image1{ width:40rpx; height:32rpx; } .image2{ width:32rpx; height:40rpx; } } .g-bd { box-sizing: border-box; position: relative; height: calc(100vh - 240rpx - env(safe-area-inset-bottom) / 2); overflow: hidden; } .m-swiper_list { position: relative; height: 100%; swiper-item { } } .m-tabs { position: absolute; z-index: 10; top: 160rpx; left: 0; width: 100%; background-color: #fff; height: 80rpx; display: flex; .tab { margin: 20rpx 30rpx; width: 120rpx; height: 40rpx; line-height: 40rpx; font-size: 26rpx; text-align: center; border-radius: 10rpx; color: #999999; background: #f7f7f7; &.z-on { background: #e3271c; color: #fffefe; } } } .quick_btn{ position: absolute; right:0rpx; top:210rpx; width: 140rpx; height: 750rpx; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px 0px 0px 10px; opacity: 0.8; z-index:9999; .arrow{ margin-top:15rpx; text-align: center; >image{ width: 13rpx; height: 24rpx; } } .btn_list{ display: flex; flex-direction:column; justify-content:center; align-items:center; font-size: 28rpx; font-family: Source Han Serif SC; font-weight: 400; color: #000033; .item_btn{ margin-top:29rpx; width: 90rpx; height: 90rpx; &:first-child { margin-top:16rpx; } } .item_title{ height:29rpx; margin-top:7rpx; } } } .quick_btn{ transition: right linear .1s; } .quick_btn_arrow{ position: absolute; padding-bottom: 10rpx; right:20rpx; top:410rpx; z-index:9999; width: 30rpx; height: 30rpx; border-radius: 20px 0px 0px 20px; z-index:9999; >image{ padding:5rpx; float:right; width: 13rpx; height: 24rpx; } } .quick_show{ display: block; } .quick_hidden{ display: none; }