/* pages/helpsell/helpsell.wxss */ page{ background-color: #F7F7F7; } .nav-wrap { position: fixed; width: 100%; top: 0; color: #000; z-index: 9999999; } /* 标题要居中 */ .nav-title { position: absolute; text-align: center; max-width: 400rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 36rpx; color: #2c2b2b; font-weight: 600; } .nav-capsule { display: flex; margin-top: 8rpx; align-items: center; margin-left: 30rpx; width: 140rpx; justify-content: space-between; height: 100%; } .back-pre, .back-home { width: 40rpx; height: 40rpx; margin-top: 1rpx; padding: 10rpx; } .back-img{ width: 100%; height: 472rpx; } .sell-top{ display: flex; justify-content: center; } .top-body{ width: 86%; height: 100rpx; display: flex; align-items: center; justify-content: space-between; } .body-center{ width: 80%; height: 60%; display: flex; flex-direction: column; justify-content:center; margin-bottom: 60rpx; } .body-center>view{ color: #464646; font-size: 32rpx; font-weight: 600; width: 100%; align-items: center; justify-content: space-between; display: flex; position: relative; } .body-center>view>button{ width: 86rpx; height: 44rpx; display: flex; align-items: center; justify-content: center; color: white; border-radius: 12rpx; font-size: 24rpx; white-space: nowrap; font-weight: 500; position: absolute; left: 160rpx; } .meat{ width: 100%; height: 124rpx; display: flex; justify-content: center; } .meat-info{ width: 93%; height: 124rpx; display: flex; justify-content: space-around; } .meat-content{ width: 320rpx; height: 124rpx; background-color: #FFFFFF; border-radius: 20rpx; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .con-two{ font-size: 24rpx; color: #656565; width: 85%; } .con-one{ width: 85%; color: #656565; font-size: 28rpx; display: flex; align-items: center; } .con-one>image{ width: 36rpx; margin-left: 34rpx; height: 36rpx; } .center-foot>button{ color: #656565; background-color: white; border-radius: 50rpx; width: 218rpx; height: 74rpx; font-size: 28rpx; border: 1px solid white; display: flex; align-items: center; justify-content: center; left: 100rpx; } .center-foot>button image{ width: 28rpx; height: 28rpx; margin-left: 10rpx; } .header-img{ margin-top: -80rpx; } .intro{ width: 100%; display: flex; justify-content: center; } .intro-info{ width: 93%; background-color: white; height: 240rpx; border-radius: 20rpx; margin-top: 30rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .intro-top{ width: 93%; height: 80rpx; display: flex; align-items: center; color: #464646; font-size: 32rpx; font-weight: 600; } .intro-top>p{ margin-left: 20rpx; } .intro-top>image{ width: 6rpx; height: 20rpx; } .intro-foot{ height: 68%; width: 86%; color: #656565; font-size: 28rpx; } .classify{ width: 100%; display: flex; justify-content: center; } .ify-info{ width: 93%; height: 240rpx; background-color: white; margin-top: 24rpx; border-radius: 20rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ify-top{ width: 93%; } .ify-foot{ width: 85%; height: 140rpx; display: flex; flex-wrap: wrap; justify-content: space-between; } .biao{ background-color: #EFEFEF; color: #656565; font-size: 24rpx; height: 38rpx; border-radius: 20rpx; display: flex; align-items: center; justify-content: center; } .share{ width: 100%; height: 140rpx; margin-top: 24rpx; display: flex; justify-content: center; } .share-info{ width: 93%; display: flex; justify-content: space-between; } .share-left{ width: 310rpx; height: 140rpx; display: flex; justify-content: space-between; } .share-left>view{ width: 140rpx; height: 140rpx; background-color: white; border-radius: 20rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .share-left>view>p:first-child{ color: #FF874E; font-size: 32rpx; font-weight: 600; } .share-left>view>p:last-child{ color: #656565; font-size: 24rpx; margin-top: 10rpx; } .share-right{ height: 140rpx; width: 140rpx; display: flex; flex-direction: column-reverse; } .share-right>button{ width: 140rpx; height: 74rpx; background-color: #FF874E; display: flex; align-items: center; justify-content: center; color: white; border-radius: 20rpx; } .share-right>button>image{ width: 22rpx; height: 22rpx; } .share-right>button>p{ margin-left: 5rpx; font-size: 28rpx; } .line{ width: 100%; height: 10rpx; background-color: #EFEFEF; margin-top: 40rpx; } .list{ width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 40rpx; margin-bottom: 50rpx; } .list-top{ width: 93%; display: flex; align-items: center; margin-bottom: 40rpx; } .list-top>image{ width: 6rpx; height: 20rpx; } .van-action-sheet__item{ color: #656565; font-size: 32rpx; border-bottom: 2px solid #F3F3F3; } .van-transition{ background-color: #00000080 !important; } /* 弹出层 */ .tanchu{ width: 710rpx; height: 430rpx; } .van-popup--center.van-popup--round{ border-radius: 20px !important; } .tan-body{ height: 75%; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 42rpx; color: #656565; } .tan-niu{ width: 100%; height: 25%; display: flex; } .tan-qu{ width: 50%; height: 100%; border-radius: 0rpx; background-color: #F2F2F2; display: flex; justify-content: center; align-items: center; font-size: 32rpx; font-weight: 600; color: #989898; } .tan-que{ width: 50%; height: 100%; border-radius: 0rpx; background-color: #FF874E; display: flex; justify-content: center; align-items: center; font-size: 32rpx; font-weight: 600; color: #FFFFFF; }