/* 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: #666666; 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: #1a1a1a; font-family: PingFang SC, PingFang SC-Bold; } .item-line { position: absolute; bottom: 0; width: 80%; height: 4rpx; background: #ffdd36; 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%; /* height: 240rpx; */ opacity: 1; background: #ffffff; border-radius: 20rpx 20rpx 0 0; /* display: flex; flex-direction: row; align-items: center; */ margin-bottom: 20rpx; border-bottom: 1px solid #e6e6e6; display: flex; padding-bottom: 28rpx; } .boxmfix{ margin-bottom: 15rpx; } .icon-time { margin-right: 9rpx; font-size: 30rpx; color: #FFDC2F; } .icon-pel { font-size: 30rpx; color: #FFDC2F; 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.00); border-radius: 20rpx 20rpx 0px 0; } .shadow{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(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: #FFDC2F !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,.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; margin-top: 20rpx; margin-bottom: 20rpx; position: fixed; z-index: 999; background-color: white; justify-content: flex-start; padding-left: 30rpx; } .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: 50px; align-items: center; width: 100%; justify-content: center; } .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: 2; } .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; } .isvip { font-size: 24rpx; color: #999999; } .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:690rpx; border-radius: 20rpx 20rpx 0 0; margin:0 auto; } .pagebodys .downMenu{ /* position: sticky; top: 0; */ z-index: 1000; background: #f7f7f7; } .pagebodys .marginTop{ /* padding-top:10rpx; */ box-sizing: border-box; display: flex; flex-direction: column; } .nodata-img{ margin: 130rpx auto; } .picker{ white-space: nowrap; }