.noac { text-align: center; min-height: 100vh; background: #fff; } .noac image { margin-top: 150rpx; width: 318rpx; height: 318rpx; } .noac .btn { width: 360rpx; height: 86rpx; background-color: #f14e4e; border-radius: 43rpx; color: #fff; font-size: 36rpx; margin: 0 auto; margin-top: 150rpx; display: flex; justify-content: center; align-items: center; } .fixedPrice .ohter { width: 100%; } .fixedPrice .ohter .block .item { width: 40rpx; height: 40rpx; background-color: #f87166; border-radius: 4rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24rpx; } .fixedPrice .ohter .rule { width: 690rpx; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } .fixedPrice .ohter image { width: 100%; margin-bottom: 37rpx; } .fixedPrice .top { width: 750rpx; height: 277rpx; position: relative; } .fixedPrice .top .block .item { width: 40rpx; height: 40rpx; background-color: #f87166; border-radius: 4rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24rpx; } .fixedPrice .top image { width: 100%; height: 100%; } .fixedPrice .top .text { position: absolute; top: 33rpx; left: 33rpx; color: #fff; } .fixedPrice .top .rule { position: absolute; top: 33rpx; color: #fff; width: 150rpx; height: 46rpx; background-color: #ff717b; border-radius: 23rpx 0 0 23rpx; font-size: 24rpx; right: 0; display: flex; align-items: center; justify-content: center; } .fixedPrice .goodlist { width: 690rpx; background-color: #fff; border-radius: 20rpx; margin: 0 auto; position: relative; z-index: 90; padding: 26rpx; padding-bottom: 130rpx; box-sizing: border-box; } .fixedPrice .goodlist .good { display: flex; margin-bottom: 54rpx; } .fixedPrice .goodlist .good .left { width: 226rpx; height: 226rpx; } .fixedPrice .goodlist .good .left image { width: 100%; height: 100%; } .fixedPrice .goodlist .good .right { flex: 1; margin-left: 25rpx; display: flex; flex-direction: column; justify-content: space-between; } .fixedPrice .goodlist .good .right .bottom { display: flex; justify-content: space-between; align-items: center; } .fixedPrice .goodlist .good .right .bottom .cash { color: #f14e4e; font-size: 24rpx; } .fixedPrice .goodlist .good .right .good-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .code_box { width: 500rpx; /* height: 970rpx; */ /* position: absolute; left: 50%; */ display: block; margin: 0 auto 60rpx; border-radius: 12rpx; } .code_box image { width: 100%; border-radius: 12rpx; } .posterPopup_style .icon_btn { width: 100%; position: relative; /* height: 120rpx; */ background: #fff; text-align: center; display: flex; justify-content: space-around; } .posterPopup_style .icon_btn .box { width: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; padding: 20rpx 0; position: relative; } .posterPopup_style .icon_btn image { width: 80rpx; height: 80rpx; margin-bottom: 8rpx; } .posterPopup_style .icon_close { width: 100%; height: 90rpx; line-height: 90rpx; text-align: center; background: #efefef; color: #333; font-size: 32rpx; } .fixedPrice .sharepop { position: relative; z-index: 999; background-color: #fff; border-radius: 20rpx 20rpx 0 0; padding-top: 26rpx; box-sizing: border-box; } .fixedPrice .sharepop .title { text-align: center; font-size: 32rpx; color: #333; margin-bottom: 30rpx; position: relative; } .fixedPrice .sharepop .icon-wrap { display: flex; margin-top: 40rpx; flex-wrap: wrap; } .fixedPrice .sharepop .icon-wrap .icon { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; } .fixedPrice .sharepop .cancel { height: 91rpx; align-items: center; justify-content: center; display: flex; background-color: #fff; font-size: 30rpx; width: 100%; } .fixedPrice .pop { position: relative; z-index: 999; height: 697rpx; background-color: #fff; border-radius: 20rpx 20rpx 0 0; padding: 26rpx; box-sizing: border-box; } .fixedPrice .pop .know { width: 647rpx; height: 88rpx; background-color: #f14e4e; border-radius: 44rpx; margin: 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 34rpx; margin-top: 363rpx; } .fixedPrice .pop .title { text-align: center; font-size: 28rpx; color: #333; margin-bottom: 30rpx; position: relative; } .fixedPrice .pop .title .icon-adsystem_icon_cancle { position: absolute; right: 30rpx; top: 0; } .fixedPrice .fixed-btn { z-index: 999; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box; width: 100%; position: fixed; align-items: center; justify-content: space-between; bottom: 0; display: flex; padding: 21rpx 18rpx; } .fixedPrice .fixed-btn .left { display: flex; align-items: center; flex-wrap: wrap; flex: 1; } .fixedPrice .fixed-btn .right { width: 180rpx; height: 68rpx; background-color: #f14e4e; border-radius: 34rpx; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30rpx; } .fixedPrice .share-wrap { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: fixed; bottom: 160rpx; left: 40rpx; z-index: 99; } .fixedPrice .share-wrap .share { width: 80rpx; height: 80rpx; background-color: #f14e4e; box-shadow: 2px 3px 5px 0 rgba(209, 209, 209, 0.36); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .fixedPrice .share .icon-zb_all_share { font-size: 48rpx; color: #f14e4e; } .fixedPrice .select .option-text-btn { background: #f14e4e; font-size: 0.75rem; color: #fff; padding: 0 0.25rem; height: 1.375rem; line-height: 1.375rem; border-radius: 0.25rem; position: relative; } .fixedPrice .select .option-text-btn .num { position: absolute; top: -12px; right: -8px; border-radius: 1rem; background: #f14e4e; height: 1rem; line-height: 1rem; padding: 0 0.25rem; font-size: 12px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); } .fixedPrice .select { display: flex; flex-shrink: 0; } .fixedPrice .select .iconfont { background: #f14e4e; color: #fff; width: 1.25rem; height: 1.25rem; text-align: center; line-height: 1.25rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .wrapper { border-radius: 30rpx; display: flex; align-items: center; justify-content: center; } .block-box { position: relative; width: 600rpx; height: 736rpx; border-radius: 15px; background-color: #fff; padding: 20rpx; text-align: left; } .choose-title { color: #878787; padding: 20rpx; border-bottom: solid 1px #f5f5f5; } .choose-content { height: 550rpx; overflow-y: scroll; } .radio-title { font-size: 16px; font-weight: bold; } .radio-list { padding: 20rpx; } .radio-item { padding: 20rpx 0; border-bottom: solid 1px #f5f5f5; } .buttons { display: flex; position: absolute; bottom: 20rpx; width: 95%; } .button-item { flex: 1; display: flex; align-items: center; } .button-content { margin: 0 auto; width: 200rpx; height: 60rpx; line-height: 60rpx; text-align: center; border-radius: 20rpx; border: solid 1px #b5b5b5; background: #fff; } .button-content.red { color: #fff; background-color: #f15353; border: none; }