/* pages/experience/index/index.wxss */ @import "../../home/index/memberArea/memberArea.wxss"; @import "../../common.wxss"; page { background-color: white !important; } .boxs { width: 100%; height: 110rpx; background-color: #f5f5f5; display: flex; justify-content: space-around; } .di-box { display: flex; } .sticky-box { /* border-bottom: 1px solid #e6e6e6; */ /* height: 103rpx; */ height: 48px; padding: 0 32rpx; background-color: white; width: 750rpx; box-sizing: border-box; } .item-box { width: 100%; white-space: nowrap; overflow-x: auto; z-index: 1000000; position: relative; } .namewrap { position: relative; /* padding-top: 20rpx; */ } .namewrap .nameitem { display: inline-block; font-size: 32rpx; font-weight: 400; font-family: PingFang SC, PingFang SC-Regular; text-align: left; color: #1a1a1a; margin-right: 43rpx; position: relative; /* height: 103rpx; */ height: 48px; /* line-height: 103rpx; */ /* line-height: 57px; */ padding-top: 15rpx; box-sizing: border-box; } .picker-text { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular !important; font-weight: 400 !important; } .namewrap .nameactive { font-size: 34rpx; font-weight: 700; text-align: left; color: #2b58a5; font-family: PingFang SC, PingFang SC-Bold; } .item-line { position: absolute; bottom: 0; width: 80%; height: 4rpx; background: #2b58a5; border-radius: 2rpx; left: 50%; transform: translateX(-50%); } .namewrap .filter { position: absolute; top: 20rpx; right: 0; z-index: 10; height: 49rpx; width: 103rpx; text-align: center; line-height: 49rpx; background: #ffffff; border-radius: 10rpx; color: #666666; } .namewrap .filter .triangle { background: white; border-top: 10rpx solid white; border-right: 5px solid #666666; height: 0; float: right; margin-right: 10rpx; margin-top: 30rpx; display: flex; justify-content: center; align-items: flex-end; width: 5rpx; border-radius: 0 5rpx 0rpx 0rpx; } .top-act { position: fixed; width: 750rpx; z-index: 99999; background-color: white; top: 0; display: flex; align-items: flex-end; box-sizing: border-box; padding-left: 30rpx; justify-content: space-between; padding-bottom: 10px; } .act-title { font-size: 36rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; } .nomore { text-align: center; margin: 40rpx auto; font-size: 28rpx; background: linear-gradient(to right, #858383, rgb(170, 170, 172)); -webkit-background-clip: text; color: transparent; } .box-image-l image { /* position: relative; */ width: 100%; height: 85rpx; /* margin-left: 30rpx; margin-top: 12rpx; flex: 1; */ } .img-txt { /* position: absolute; top: 37rpx; left: 101rpx; */ font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } .img-txt2 { position: absolute; top: 34rpx; left: 314rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } .img-txt3 { position: absolute; top: 36rpx; left: 571rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } /* 2.picuter */ .maxBox { width: 100%; height: 100%; } /* 城市体验 */ .boxm { position: relative; text-align: center; width: 100%; opacity: 1; background: #ffffff; border-radius: 20rpx; margin-bottom: 20rpx; display: flex; padding: 30rpx 22rpx; box-sizing: border-box; } .boxmfix { margin-bottom: 15rpx; } .icon-time { margin-right: 9rpx; font-size: 30rpx; color: #999999; } .icon-pel { font-size: 30rpx; color: #999999; margin-right: 9rpx; /* position: absolute; top: 4rpx; */ } .img-view > image { position: relative; border-radius: 20rpx; width: 240rpx; height: 240rpx; flex-shrink: 0; /* display: flex; */ } .c-BBBBBB { color: #bbbbbb; } .txt-c-t { color: #171717; font-size: 32rpx; font-weight: bold; width: 80%; } .txt-c-time > label { font-size: 30rpx; margin-bottom: 5rpx; color: #33bcb2; font-weight: bold; } .img-view { /* width: 100%; */ width: 240rpx; height: 240rpx; opacity: 1; background: rgba(0, 0, 0, 0); border-radius: 20rpx 20rpx 0px 0; } .shadow { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 24rpx; } .txt-t { position: absolute; top: 100rpx; left: 110rpx; font-family: "PingFang-SC-Bold"; font-weight: Bold; color: #fff; font-size: 32rpx; } .txt-b { position: absolute; top: 160rpx; left: 165rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; color: #fff; font-size: 10px; } .txt-con { flex: 1; width: 0; /* padding: 0 30rpx 0 30rpx; */ margin-left: 30rpx; text-align: left; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; } .txt-con-fix .title { font-size: 28rpx; line-height: 40rpx; color: #292929; margin-bottom: 10rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .titem { width: 100%; } .address-type { display: flex; justify-content: space-between; align-items: center; padding-top: 9rpx; } .active-type { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; flex-shrink: 0; /* width: 118rpx; */ } .active-item-address { display: flex; position: relative; width: 100%; } .icon-list-dizhi { /* position: absolute; */ color: #999999 !important; font-size: 30rpx !important; margin-right: 9rpx !important; /* top: 2rpx; left: -2rpx; */ } .active-item-address .address-word { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; /* margin-left: 36rpx; */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* width: 400rpx; */ } .status { position: absolute; left: 0; top: 0; font-size: 24rpx; padding: 0 20rpx; height: 39rpx; line-height: 39rpx; text-align: center; background: rgba(0, 0, 0, 0.6); z-index: 10; color: white; border-radius: 20rpx 0 0 0; } .activestatus { background: #ffdc2f; } .baostatus { background: #3be5b2; } .endstatus { background: #707070; } .nostatus { background: rgba(251, 177, 120, 0.9); } .mstatus { background: #ff3a3a; } /* 3.picuter min */ .boxl { width: 100%; height: 60rpx; display: flex; margin-top: 12rpx; } .boxl image { flex: 1; width: 160rpx; height: 100%; margin-left: 22rpx; } /* 4.picutermax + text */ .two { width: 100%; height: 100%; background-color: #fff; } .two-max { position: relative; width: 100%; height: 381rpx; background-color: #fff; border: 1px solid #eaeaea; } .two-max image { position: relative; width: 705rpx; height: 292rpx; margin-left: 22rpx; margin-top: 15rpx; border-radius: 5rpx; } .two-min { position: relative; width: 430rpx; height: 116rpx; background-color: #fff; border-radius: 10px; bottom: 75rpx; left: 23rpx; } .two-min-n { position: absolute; width: 410rpx; height: 94rpx; background-color: #fefddf; margin-top: 10rpx; margin-left: 20rpx; border-radius: 10rpx; } .txt-one text { font-size: 16px; color: #ffbe31; font-family: "PingFang-SC-Bold"; font-weight: Bold; margin-left: 25rpx; margin-top: 13rpx; } .txt-two text { position: relative; font-size: 12px; color: #ffbe31; font-family: "PingFang-SC-Regular"; font-weight: Regular; margin-left: 25rpx; bottom: 8rpx; text-align: center; } .txt-center { z-index: 99999; display: flex; align-items: center; justify-content: center; } .news-container-txt { position: absolute; bottom: 155rpx; letter-spacing: 5rpx; text-align: center; z-index: 9999; color: #fff; font-size: 40rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container-txtwo { position: absolute; bottom: 108rpx; letter-spacing: 5rpx; z-index: 9999; color: #fff; font-size: 27rpx; font-family: PingFang-SC-Regular; } .txt-color { color: yellow; } .box { display: flex; justify-content: space-around; } .txt-box { z-index: 99999; display: flex; align-items: center; justify-content: center; } .scroll { height: 347rpx; position: relative; z-index: -1; } .news-container-txtone { position: absolute; top: 41rpx; letter-spacing: 5rpx; text-align: center; z-index: 9999; font-family: "PingFang-SC-Regular"; font-weight: 700; font-size: 13px; color: #fff; } .imgwidth { width: 48%; } .imgheight { height: 100%; border-radius: 18rpx; } .volunteer-box image { width: 40rpx; height: 40rpx; vertical-align: bottom; position: relative; } .volunteer-location { position: absolute; bottom: 26rpx; left: 20rpx; } .volunteer-location text { color: #fff; } .volunteer-people { position: absolute; bottom: 26rpx; right: 50rpx; } .volunteer-people text { color: #fff; } /* .news-container-txtfir { position: absolute; top: 117rpx; letter-spacing: 5rpx; text-align: center; z-index: 9999; color: #fff; font-size: 36rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container-txtsec { position: absolute; bottom: 105rpx; letter-spacing: 5rpx; z-index: 9999; color: #fff; font-size: 27rpx; font-family: PingFang-SC-Regular; } */ .boxs { width: 100%; height: 347rpx; background-color: 80rpx; display: flex; flex-direction: column; } .box-image-l image { position: relative; width: 215rpx; height: 85rpx; margin-left: 30rpx; margin-top: 12rpx; flex: 1; } .img-txt { position: absolute; top: 37rpx; left: 101rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } .img-txt2 { position: absolute; top: 34rpx; left: 314rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } .txt-center { z-index: 99999; display: flex; align-items: center; justify-content: center; } .img-txt3 { position: absolute; top: 36rpx; left: 571rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; font-size: 13px; color: #fff; } .news-container-txt { position: absolute; top: 30rpx; letter-spacing: 5rpx; text-align: center; z-index: 9999; color: #fff; font-size: 35rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container-txtwo { position: absolute; bottom: 100rpx; letter-spacing: 5rpx; z-index: 9999; color: #fff; font-size: 27rpx; font-family: PingFang-SC-Regular; } /* 下拉菜单 */ .downMenu { display: flex; background-color: white; justify-content: flex-start; padding: 20rpx 0; } .picker text { font-family: PingFang-SC-Regular; font-weight: Regular; color: #1a1a1a; } .downMenu .section { color: #585858; font-family: PingFang-SC-Regular; text-align: center; margin-left: 0; } .pageContentfix .downMenu { margin-top: 0rpx !important; margin-bottom: 0rpx !important; display: flex; flex-direction: row; /* justify-content: space-around; */ } .pageContentfix .section { /* height: 90rpx; */ height: 50px; width: fit-content; display: flex; flex-direction: row; align-items: center; } .pageContentfix .section picker { justify-content: center; } .pageContentfix .section .picker { display: flex; /* height: 90rpx; */ height: 60rpx; align-items: center; width: 100%; justify-content: center; background: #ffffff; border-radius: 30rpx; padding: 0 27rpx; box-sizing: border-box; } .box { display: flex; justify-content: space-around; } .txt-nav { z-index: 99999; display: flex; align-items: center; justify-content: center; } .news-container-txtone { position: absolute; top: 41rpx; letter-spacing: 5rpx; text-align: center; z-index: 9999; font-family: "PingFang-SC-Regular"; font-weight: 700; font-size: 13px; color: #fff; } .imgwidth { width: 100%; height: 347rpx; } .imgheight { height: 100%; } .volunteer-box image { width: 40rpx; height: 40rpx; vertical-align: bottom; position: relative; } .volunteer-location { position: absolute; bottom: 40rpx; left: 33rpx; } .volunteer-location text { color: #fff; } .txtall { position: relative; font-size: 26rpx; font-family: "PingFang-SC-Regular"; color: #7b7b7b; vertical-align: top; padding-left: 5rpx; } .volunteer-people { position: absolute; bottom: 40rpx; right: 50rpx; } .volunteer-people text { color: #fff; } .gf { height: 40rpx; width: 87rpx; margin-right: 10rpx; } .price { width: 100%; text-align: center; color: #ec2e26; font-size: 36rpx; font-weight: bold; } .activeprice { text-align: left; } @font-face { font-family: "iconfont"; src: url("iconfont.eot?t=1559296891592"); /* IE9 */ src: url("iconfont.eot?t=1559296891592#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAO4AAsAAAAAB3wAAANpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqCWIJNATYCJAMMCwgABCAFhG0HQRueBsiuMTaGVk+UopMxO6KUS5zdhpf05qI/AJ+JoBore3b3EN1TkBWCRFBE5SMUoYoTMYaF4fKRN7mm6YAwJRwxff77pfyl6ZiMnSRQ5BDlJsxuQg424JZps403CNieuvnDmviXaB51qa9Fsjb4xB8lFGBTN3+cP8g3zgPpwqx0YQjxtIljcxf4WJ7PNlpyZZcXTY6F8HxwzHRRgnlAc8tMHOB4QAONyg+wB/zGF/Qfxq5aioPaTqBpno7ocHltK/BQ4H6BuM9zQ8Ajo1Aa0kNdqFZMLWP4Glg9PUE3eRV8fPzTqJNUMjz0xM0yBhT+JNfZ/TGBAMzpdFBnkbEBUIhrlYYLnKPABs6atsClOb6qCGkq9+wEDIdXJf/wSIKowqltsAYFEz8xRiIcsq66KIOqx0h6BPgIsGQ8dHheLfi34/Hl1+oXe/ubaIFDwtPP0WCRY7fhb7dUgErWnzXQMxuzNrrmZlk5umBvX0Az08wIxH7++tKWrg7hU5/0zNe7x7HJcHbAJ7hwzZcla8UVWwqn0uTBkw1W0dYHSR3IskwNU1PDaAQaVVujZjJleet/1Iek7pzyHoW6yF9C/vuXHFArZgr/25GdSmxQqbz9G6tl1Jn+29gU/7Vq/AanaDIz+n+Hd9C6m5FRF9ud5L+dlfrv5C0g/lDIGl5WlOjpV9x2tpRpO37rON6WcB+sqgwLq6gcCka7Ha8aBIMAZgdFzidA6Cun4cn/+RtX9hHfAf/cXwr4gU5BdvckdQmV+TcqSh4AlJbGxv5c0CAqXV2y03fmS2gSCzNkGfoZLpncsTPUbS+TpGbu7k11KxJkwW6AipYdUFW3D5rWq5jdMkI4i9LAOisAQt8+JF2fIOt7QhbsN1RM/UFVPzI0nYvgJVtWxR2vEoKGKGLg8ATkR7CNpWrqFaY3I85hGSJpdkBsR8TOu2GSITEfrkA2RKYYYR/lkillIUuwFZaD3ZDFgqFAsAmNUIORUiE7IYGteiXDCLYCL4cQyBAKYUDDJkC8EZgNK5pTXoX3b4ZwHCyGkIa6Nm07hLDj24eSGCR2QFYIbJ3qbuUWu1GcZBTFglgEZgWVAx1iIQEMEqo7mSAjKAPjAJ8gWwJqxHYVGJYXWd9vCzThs3OkyFF0rjswQbYJbOOMDr37dd7GjSEeAAAAAA==") format("woff2"), url("iconfont.woff?t=1559296891592") format("woff"), url("iconfont.ttf?t=1559296891592") format("truetype"), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("iconfont.svg?t=1559296891592#iconfont") format("svg"); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-duorenyonghu-:before { content: "\e68e"; } .icon-dingwei:before { content: "\e617"; } .pageContent { width: 100%; /* padding:0 30rpx; */ min-height: 600rpx; box-sizing: border-box; background: transparent; border-radius: 20rpx 20rpx 0 0; display: flex; flex-direction: column; } .pageContentfix { width: 100%; padding: 0; box-sizing: border-box; } .list { background: white; border-radius: 20rpx; margin-bottom: 25rpx; } .iTab { border-radius: 20rpx 20rpx 0 0; background: #fbfbfb; height: 90rpx; width: 100%; } page { /* background: #f7f7f7!important; */ } .img-content { padding-top: 20rpx; box-sizing: border-box; } .list-item { display: flex; flex-direction: row; align-items: center; } .list-item-mg12 { margin-top: 10rpx; } .list-item-mg { margin-top: 19rpx; } .list-item:nth-child(2n) { margin-top: 5rpx; } .list-brief-item { font-size: 24rpx; line-height: 45rpx; } .adico { width: 22rpx; height: 28rpx; margin-right: 13rpx; } .list-item-mga { margin-top: 45rpx; } .tagwrap { display: flex; flex-direction: row; align-items: center; margin: 10rpx 0; } .tagitem { font-size: 20rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; line-height: 32rpx; width: 105rpx; height: 32rpx; opacity: 1; color: #9ddb52; margin-right: 10rpx; background: #eefaf5; border-radius: 16rpx 16rpx 16rpx 0px; } .txt-con .title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .txt-con .item { font-size: 28rpx; line-height: 36rpx; font-weight: 400; color: #333333; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-bottom: 5rpx; font-family: PingFang SC, PingFang SC-Regular; } .txt-con .item .time-box, .txt-con .address-type, .txt-con .num-price .num { display: flex; align-items: center; } .txt-con .item .time-box, .txt-con .num-price .num { font-size: 24rpx; color: #999999; } .txt-con .item .icon-box, .txt-con .address-type .icon-box, .txt-con .num-price .icon-box { width: 35rpx; text-align: left; margin-right: 9rpx; flex-shrink: 0; } .num-price { display: flex; justify-content: space-between; font-size: 28rpx; line-height: 36rpx; font-weight: 400; color: #333333; margin-bottom: 5rpx; font-family: PingFang SC, PingFang SC-Regular; margin-top: 8rpx; position: relative; } .price-h { display: flex; justify-content: space-between; } .price-h .p1 { font-size: 20rpx; font-weight: 500; text-align: left; color: #ec2e26; } .price-h .p2 { font-size: 30rpx; font-weight: bold; text-align: left; color: #ec2e26; } .price-h-l { display: flex; align-items: center; justify-content: center; min-width: 166rpx; height: 46rpx; background: #fffaf3; border: 1rpx solid #f8d6a9; border-radius: 10rpx; } .isvip { font-size: 24rpx; color: #e88600; } .txt-con .item .red { color: #ff0000; font-weight: 500; text-align: left; } .txt-con .item image { width: 24rpx; margin-right: 10rpx; vertical-align: middle; max-height: 50rpx; } .txt-con .item text { vertical-align: middle; } .iconfont { color: #9ddb52; font-size: 29rpx; margin-right: 0; } .iconfont.gray { color: #666666; font-size: 25rpx; } .addresstext { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; } .pagebody { width: 690rpx; border-radius: 20rpx 20rpx 0 0; margin: 0 auto; background: #f8f8f8; padding: 0 30rpx; box-sizing: border-box; display: flex; flex-direction: column; box-shadow: 0px 0px 12px rgba(128, 128, 128, 0.16); } .listss-item { background: #ffffff; /* box-shadow:0px 1px 6px rgba(128, 128, 128, 0.16); */ } .pagebodys { width: 750rpx; /* width:690rpx; */ margin: 0 auto; padding: 0 30rpx; box-sizing: border-box; background: #f7f8fa; border-radius: 40rpx 40rpx 30rpx 0px; } .pagebodys .downMenu { /* position: sticky; top: 0; */ z-index: 1000; background: #f7f8fa; } .pagebodys .marginTop { /* padding-top:10rpx; */ box-sizing: border-box; display: flex; flex-direction: column; } .nodata-img { margin: 130rpx auto; } .picker { white-space: nowrap; }