@import "template/volunteer-template/volunteer-template.wxss"; @import "template/growth-template/growth-template.wxss"; /* @font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1559792796005'); src: url('iconfont.eot?t=1559792796005#iefix') format('embedded-opentype'), url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAN8AAsAAAAAB2QAAAMtAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCfAqCVIJHATYCJAMMCwgABCAFhG0HOhuHBlFUThpkX2HjGmgmUuyNPccugoc2IwA+opyBA4CIiQuzDAAAEEH8frTZ3XcmEu+aoFk0mSRSIRE6KUDVUGgkz+RveTvTqnlKoXS2H+2HULUsKVGIhGZrzVJAoSoztUCyCuGf9VF2j9PJsXEv/f/92kIenkT/MtBgOtU7UaxBJ1v6FdO76dBOLN3f2dAurVg7tYglIIAwbMBZzrlHPMELh9Ou+B1l5XLPoT4GGAcU6PmHpEACTMhTGN6J1WEsJzBolaGuH+/f0NWgXSDeeNqEbsapaVKkX+itGNqm40+P/nyb34B3wefjn2V0ST0FXW+9Pjiw/knXlY6HHgJrOj2kURSOQSPuVRpvaETBY9qgQdm0CZrGmIrj/ecJDUn0Qvow2OdCyU+jQyaNWeJc/SoFetGHp8B7Djsd29Tw8PgIulTsbZbNclxOEAo836D8fEhP/zbLVvJra4domK0bKdzizPess9Bq8bLrzrnb7EOWe8wJzwX+KW8coMtW7owt19c+Npc7vonUlkwi9J8isNkADWSzJUXrvW5AgN5sbPfpFSiKfkXkiuoa9KqaXFdVqOtPPHAgXWAfSOQw/+BMXXxjq+Ew7I12ffULLzTDaJ0DigKWx4l01geIMnCEj5JYwsDhAAxL8+huMf/a+xfxhNbhYQxJqr2B+EeVYLQdCRgA3fWhLgN02mLF/+U77n36jydjZ//7bQ18D54UsLulgn5JZ9ZfKGjnQFuUOVBV04UaswLl1Mj+xCDx0AXrpDdcOnO74dBvJoHUZwVKv21kwx5DjyEn0KvfJRh0JI4eMqVpiDaAQ5OBMG5BGvURyriDbNgLPWZ96DUeDRj0IKamHLIbXv+akJmSg6nCanOsqCbth5mfpLPQlDQnwP2SJJ4H/XSej5woJpmiR8/1cqQKWTjCwKxGYcgowj7Z6bSk6WtFM1X1oGnmCPquEcSUIg6UVFBlYzHlVU/1C+//RLRMyCQNZQ3qX0QkvPqRZ7kOyJMw7lR2K6d0OW1pSCmICRZBgdGTkAQZkupGPmJLTZUB/pcV4ipxV+F0eXH0fmtgEIZWZFQ0vc9ZmbHu+IYFAAAAAA==') format('woff2'), url('iconfont.woff?t=1559792796005') format('woff'), url('iconfont.ttf?t=1559792796005') format('truetype'), url('iconfont.svg?t=1559792796005#iconfont') format('svg'); } */ .home { overflow-x: hidden; display: flex; flex-direction: column; position: relative; } .slide-box { position: absolute; bottom: 25rpx; left: 50%; transform: translateX(-50%); z-index: 100; height: 10rpx; /* width: 100%; */ display: flex; } .slide-item { width: 50rpx; height: 10rpx; border-radius: 5rpx; background-color: white; opacity: 0.5; margin-left: 10rpx; } .slide-active { width: 50rpx; height: 10rpx; border-radius: 5rpx; background-color: white; margin-left: 10rpx; } .home-top-bg { /* position: absolute; z-index: -1; */ width: 100%; height: 310rpx; padding: 0 30rpx; position: relative; /* background-color: #fff; */ box-sizing: border-box; } .home-top-bg .bg { height: 100%; width: 690rpx; /* position: absolute; top: 0; left: 0; */ } .home-top-bg .bg2 { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 1; } .lun-img { height: 310rpx; border-radius: 18rpx; } .bottom-type { width: 100%; display: flex; justify-content: space-around; padding: 40rpx 30rpx 30rpx; box-sizing: border-box; /* background-color: #fff; */ } .bottom-type .box { text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; /* width: 112rpx; */ font-size: 24rpx; } .bot-box0 { /* margin-left: 30rpx; */ } .bot-box1 { /* margin-left: 24rpx; */ } .bot-box2 { /* margin-left: 23rpx; */ } .bot-box3 { /* margin-left: 23rpx; */ } .bot-box4 { /* margin-left: 20rpx; */ } /* .bottom-type .box image{ height: 88rpx; width: 88rpx; } */ .type-img0 { width: 64rpx; height: 64rpx; } .type-img1 { width: 56rpx; height: 56rpx; } .type-img2 { width: 69rpx; height: 69rpx; } .type-img3 { width: 72rpx; height: 72rpx; } .type-img4 { width: 63rpx; height: 56rpx; } .bottom-type .box view { font-size: 24rpx; font-weight: 400; text-align: center; /* margin-top: -20rpx; */ font-family: "FZZhunYuan-M02S"; margin-top: 13rpx; color: #333333; } .hot-title { position: relative; display: flex; justify-content: space-between; align-items: center; /* margin-top: 25rpx; */ margin-bottom: 24rpx; padding-right: 30rpx; height: 41rpx; font-size: 36rpx; /* font-family: "FZZhunYuan-M02S"; */ font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; position: relative; } .hot-title .title { position: relative; } .hot-title .title .label { position: relative; z-index: 2; } .hot-title .title::after { display: block; content: ""; position: absolute; top: -3%; right: -3%; width: 30rpx; height: 30rpx; background-color: #005eff42; border-radius: 50%; z-index: 1; } .hot-title .line { position: absolute; width: 6rpx; height: 38rpx; background: #ffdd36; border-radius: 3rpx; top: 50%; transform: translateY(-50%); left: 0; opacity: 0.5; } .hot-title .title { /* font-size: 28rpx; */ font-weight: 600; } .hot-title .mword { color: #999999; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; position: relative; } .hoticon { position: absolute; right: -12rpx; top: -5rpx; } .diy-top { width: 100%; /* height: 100%; */ /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */ /* background-color: white; */ position: fixed; left: 0; top: 0; z-index: 10000; /* display: flex; */ /* align-items: flex-end; */ box-sizing: border-box; padding-bottom: 12rpx; /* background-image: linear-gradient(0deg, #ffffff 10%, #fff9e0 100%); */ background: linear-gradient(180deg, #CAD8FF 0%, #e7edfe 100%); } .diy-top .logo { width: 184rpx; height: 68rpx; /* padding-left: 25rpx; box-sizing: border-box; */ vertical-align: middle; margin-left: 25rpx; /* margin-bottom: 6rpx; */ } .diy-top .title { height: 80rpx; line-height: 80rpx; text-align: center; font-size: 36rpx; font-weight: 700; } .diy-top .left { margin-left: 10rpx; font-weight: 400; display: inline-block; vertical-align: middle; font-size: 32rpx; font-family: "FZCuYuan-M03"; color: #333333; } .diy-top .center { margin: 0 10rpx; display: inline-block; vertical-align: middle; font-size: 32rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; } .diy-top .right { display: inline-block; vertical-align: middle; font-size: 32rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; } .down-icon { font-size: 30rpx; color: #666666; } .diy-top .right-word { height: 67rpx; display: flex; flex-direction: column; justify-content: space-between; margin-left: 20rpx; /* margin-bottom: 14rpx; */ line-height: 1; } .diy-top .right-word .box text { line-height: 1; margin-bottom: 4rpx; } .diy-top .right-word .word2 { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; line-height: 1; } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bofang:before { content: "\f001b"; } .icon-bofang1:before { content: "\e606"; } .videoplay { position: absolute; right: 25rpx; } .index-wrap-box { /* width: 720rpx; */ /* margin-left: -30rpx; */ margin-top: 20rpx; padding: 0 30rpx 30rpx; /* background: linear-gradient(90deg,#8fcd4d, #afde7c); */ /* background-color: white; */ } .index-wrap { width: 100%; /* padding: 0 30rpx; */ box-sizing: border-box; background-color: #f7f8fa; /* background: linear-gradient(180deg, #f7f8fa 0%, #f7f8fa 100%); */ } .index-container { position: relative; display: flex; flex-direction: column; } .volunteer-font { color: #7b7b7b; font-size: 30rpx; } .white-space { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; /* width: 100%; */ } .side { color: #333 !important; padding-left: 7rpx; font-size: 30rpx; margin: auto 10rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; text-align: center; color: #666666; } .nodata { padding-top: 200rpx; text-align: center; font-size: 32rpx; color: #ddd; } .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; } .partimg { margin: 15rpx auto; padding: 15rpx 0; width: 94%; border-bottom: 1rpx solid #ededed; } .partimg .title { font-size: 30rpx; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; } .partimg .price { color: #ff8000; font-size: 29rpx; width: 28%; text-align: right; } .price .price- { font-size: 34rpx; font-weight: 600; } .volunteer-container { 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; } .volunteertwo-container { position: absolute; bottom: 108rpx; letter-spacing: 5rpx; z-index: 9999; color: #fff; font-size: 27rpx; font-family: PingFang-SC-Regular; } .txt-color { color: yellow; } .news-container-txthree { position: absolute; top: 123rpx; left: 20rpx; letter-spacing: 5rpx; z-index: 9999; color: #101010; font-size: 36rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container-txtfour .red { position: absolute; top: 122rpx; right: 34rpx; letter-spacing: 5rpx; z-index: 9999; color: #ff8000; font-size: 38rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container-txtfour .text { position: absolute; top: 128rpx; right: 13rpx; letter-spacing: 5rpx; z-index: 9999; color: #ec2e26; font-size: 28rpx; font-weight: 700; font-family: PingFang-SC-Bold; } .news-container swiper { width: 100%; height: 245rpx; } .news-container swiper image { width: 100%; height: 100%; } .navwrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 30rpx; padding: 0 15rpx; box-sizing: border-box; } .navitem { display: flex; flex-direction: column; } .navico { width: 93rpx; height: 93rpx; } .navtitle { font-family: PingFang SC, PingFang SC-Medium; font-size: 24rpx; font-weight: 500; text-align: center; color: #1a1a1a; margin-top: 15rpx; } .gray { color: #ccc; font-size: 25rpx; padding-left: 7rpx; } .activity-more { position: relative; white-space: nowrap; } .righticon { font-size: 40rpx; color: #999999; display: inline-block; vertical-align: middle; /* line-height: 44rpx; */ } .list-warpper { position: relative; width: 100%; height: 100%; box-sizing: border-box; background: #fff; } .list-search { /* position: absolute; */ top: 0; left: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; /* width: calc(100% - 30rpx); */ height: 70rpx; /* padding: 10rpx 20rpx; */ box-sizing: border-box; z-index: 20; background: transparent; } .temp { /* width: 310rpx; */ display: flex; flex-direction: row; align-items: center; height: 100%; margin-right: 40rpx; flex-shrink: 0; } .temp-box { width: 100%; height: 100%; } .growthimg { width: 96%; margin: 13rpx auto 0rpx auto; } .txt-center { z-index: 99999; display: flex; align-items: center; justify-content: center; } .list-search-box { flex: 1; display: flex; align-items: center; padding: 0 30rpx; /* width: 380rpx; */ height: 70rpx; background: #fff; border-radius: 90rpx; font-size: 24rpx; box-sizing: border-box; box-shadow: 0rpx 2rpx 20rpx 0rpx rgba(100, 100, 100, 0.1); } .list-search-box .search-icon { width: 24rpx; height: 24rpx; margin-right: 20rpx; } .list-search-box input { width: 100%; font-size: 24rpx; } .list-search-box input::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; } .list-search-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } .list-search-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } .list-search-box input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; } .list-iconfont { margin-right: 10rpx; /* margin-top: 10rpx; */ /* margin-left: 7rpx; */ } .wrap { display: flex; flex-direction: row; } .white-space { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .white-spaceone { /* width: 310rpx; */ height: 100%; display: flex; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* margin-bottom: 30rpx; */ } .white-spaceone picker { display: inline-block; vertical-align: bottom !important; color: white; margin: 0 5px; max-width: 230rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 70rpx !important; line-height: 70rpx !important; } .white-spaceone picker .picker { height: 70rpx; } .white-spaceone picker .picker .side { display: block; height: 70rpx; } .white-spaceone .xiala { width: 21rpx; height: 21rpx !important; } .white-spacetwo { width: 205px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .two-icon { position: absolute; display: flex; width: 100%; height: 49rpx; left: -3rpx; top: 315rpx; background-color: #fff; } .two-icon image { width: 40rpx; height: 40rpx; } .two-icon-x1 { left: 8rpx; margin-right: 8rpx; top: -4rpx; } /* image{ display: inline-block; overflow:hidden; } */ /* new */ .location { width: 42rpx; height: 42rpx; vertical-align: middle; } .arrowico { width: 19rpx; height: 12rpx; vertical-align: middle; } .news-url { position: absolute; top: 193rpx; left: 20rpx; z-index: 9999; } .news-place { position: absolute; top: 191rpx; left: 70rpx; z-index: 9999; color: #858585; font-family: PingFang-SC-Regular; } .boxs { width: 100%; display: flex; align-items: center; } .box-activity-img { width: 100%; margin-top: 35rpx; position: relative; box-sizing: border-box; } .box-activity-titlefix { width: 100% !important; } .box-activity-title text:last-child { color: #7b7b7b; font-family: PingFang-SC-Bold; height: 35rpx; } .box-image-l { flex: 1; text-align: center; } .box-image-f { flex: 2; } .box-image-l image { width: 70rpx; height: 75rpx; /* margin-left: 72rpx; */ margin-top: 35rpx; } .box-image-txt { width: 100%; } .box-image-txt text { /* height: 75rpx; */ font-size: 26rpx; font-family: PingFang-SC-Bold; color: #101010; box-sizing: border-box; font-weight: 600; } .box-image-txt .one { display: inline-block; text-align: center; width: 24%; } .activity-sale { color: #ff8000; font-size: 25rpx; } .box-image-txt .two { display: inline-block; text-align: center; width: 26%; } .box-image-txt .three { display: inline-block; text-align: center; width: 25%; } .box-image-txt .four { display: inline-block; text-align: center; width: 24%; } .box-image-r { width: 44%; margin: 0 20rpx; } .box-image-r image { width: 100%; height: 228rpx; border-radius: 10rpx; border: 1rpx solid #f7f7f7; } .box-position { position: relative; } .mgtop { margin-top: 35rpx; } .box-bg { padding-top: 7rpx; padding-bottom: 15rpx; width: 100%; padding-left: 6rpx; } .box-bg .box-txt { font-size: 31rpx; color: #000000; display: inline-block; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; font-weight: 600; } .txt-remark { font-size: 29rpx; color: #878787; } .box-bg .txt-bottom { font-size: 26rpx; color: #fff; display: inline-block; /* padding-left: 6rpx; */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 90%; margin: auto; } .box-image-r .box-txtwo { position: absolute; bottom: 10rpx; left: 247rpx; background: rgba(0, 0, 0, 0.3); padding-top: 7rpx; padding-bottom: 7rpx; font-size: 31.8rpx; width: 29.3%; color: #fff; padding-left: 10rpx; } .box-image-r .box-txthree { position: absolute; bottom: 10rpx; right: 20rpx; background: rgba(0, 0, 0, 0.3); padding-top: 7rpx; padding-bottom: 7rpx; font-size: 31.8rpx; width: 29.3%; color: #fff; padding-left: 10rpx; } .maxBox { width: 100%; margin-top: 35rpx; } .txt-btwo { position: absolute; top: 160rpx; left: 221rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; color: #fff; font-size: 22rpx; } .txt-bthree { position: absolute; top: 160rpx; left: 226rpx; font-family: "PingFang-SC-Regular"; font-weight: Regular; color: #fff; font-size: 22rpx; } .txt-title { position: absolute; top: 100rpx; left: 285rpx; font-family: "PingFang-SC-Bold"; font-weight: Bold; color: #fff; font-size: 36rpx; } /* 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-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; } */ .activity-moretxt { font-weight: normal; color: #999999; font-family: PingFang-SC-Bold; font-size: 28rpx; display: inline-block; vertical-align: middle; } .two-mini { position: absolute; width: 458rpx; border-radius: 6px; bottom: 95rpx; left: 8rpx; } .txt-wrap { font-size: 32rpx; font-weight: 700; font-family: PingFang-SC-Bold; } /* 活动实验室 */ .news-container image { border-radius: 28rpx; } .two-min { position: absolute; width: 458rpx; height: 117rpx; /* background-color:#b0abaf; */ border-radius: 6px; bottom: -40rpx; left: -1rpx; } .two-min-n { width: 452rpx; height: 70rpx; background-color: #36a891; margin-left: 3rpx; margin-top: -30rpx; border-radius: 10rpx; } .txt-one text { font-size: 32rpx; color: #ffffff; font-family: "PingFang-SC-Bold"; font-weight: Bold; margin-left: 25rpx; margin-top: 13rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .txt-two text { position: relative; font-size: 12px; color: #ffffff; font-family: "PingFang-SC-Regular"; font-weight: Regular; margin-left: 25rpx; bottom: -5rpx; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .view-img { width: 98%; height: 300rpx; margin: 10rpx auto 0rpx; position: relative; } @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"; } .iconC-BD { color: #bdbdbd; } .add { margin-top: 20rpx; width: 100%; } .add .add-txt { font-size: 28rpx; color: #848484; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sv { margin-top: 20rpx; } .toBottom { font-size: 28rpx; color: rgb(182, 182, 182); line-height: 30rpx; margin: 60rpx auto 30rpx; text-align: center; } /* 活动 */ .weekacontent { display: flex; width: calc(100% + 30rpx); flex-direction: row; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; margin: 14rpx auto; } .weekitem { width: 690rpx; height: 223rpx; opacity: 1; background: #ffffff; border-radius: 8rpx; padding: 25rpx 30rpx; box-sizing: border-box; display: flex; margin-right: 30rpx; flex-direction: row; } .weekico { width: 173rpx; height: 173rpx; opacity: 1; background: rgba(0, 0, 0, 0); /* border-radius: 8rpx; */ box-shadow: 0px 3rpx 6rpx 0px rgba(209, 209, 209, 0.16); margin-right: 24rpx; } .weekinfo { width: 462rpx; display: flex; flex-direction: column; } .weekt1 { display: flex; flex-direction: row; align-items: center; margin-top: 15rpx; } .weekt1 .tips { margin-top: 8rpx; width: 66rpx; height: 31rpx; font-size: 20rpx; color: white; display: flex; justify-content: center; align-items: center; opacity: 1; background: #14d995; border-radius: 6rpx 0px 6rpx 0px; margin-right: 11rpx; } .weekt1 .tipstitle { width: 322rpx; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 28rpx; font-weight: 700; color: #333333; letter-spacing: -1rpx; } .adico { width: 21rpx; height: 29rpx; margin-right: 10rpx; } .weekt1 .tipstitlex { width: 371rpx; font-size: 24rpx; font-weight: 400; text-align: left; color: #999999; } .weekt1fee { margin-top: 30rpx; } .weekt1 .level { opacity: 1; font-size: 22rpx; font-weight: 500; color: #666666; letter-spacing: 0rpx; } .weekt1 .fee { font-size: 34rpx; font-weight: 500; text-align: left; color: #ec2e26; position: relative; padding-left: 20rpx; margin-left: 20rpx; box-sizing: border-box; } .weekt1 .fee::after { position: absolute; content: "¥"; left: 0; bottom: 5rpx; font-size: 24rpx; font-weight: 500; text-align: left; color: #ec2e26; } /* 列表 */ .namewrap { display: flex; flex-direction: row; align-items: center; padding: 20rpx 0 30rpx 0; position: sticky; top: 60px; z-index: 100; background: #f6f6f6; } .namewrap .nameitem { font-size: 30rpx; font-weight: 600; text-align: left; color: #666666; margin-right: 43rpx; position: relative; white-space: nowrap; } .namewrap .nameactive { font-size: 34rpx; font-weight: 700; text-align: left; color: #1a1a1a; position: relative; } /* .namewrap .nameactive::after { position: absolute; left: 0; bottom: 2rpx; content: ''; width: 100%; z-index: -1; height: 8rpx; background-color: #9DDB52; border-radius: 8rpx; } */ .categorywrap { display: flex; flex-direction: column; padding-top: 16rpx; box-sizing: border-box; } .categorywrapfix { flex-direction: row; flex-wrap: wrap; } .hot-wap-box { /* background-color: #ffffff; */ /* x1 y1, x2 y2, 当x1等于x2,y1不等于y2,实现垂直渐变,调整y1,y2的值可以调整渐变半径大小; */ /* background: -webkit-gradient( linear, 0% 100%, 0% 20%, from(#fff), to(#f8f8f8) ); */ padding-left: 30rpx; margin-top: 46rpx; border-radius: 20rpx; position: relative; /* //x偏移 y偏移 模糊量 阴影延展 颜色 */ /* box-shadow:0 24px 5px 44px rgba(248, 248, 248, .5) inset; */ } .hot-box { display: flex; width: 100%; /* margin-top: 22rpx; */ /* min-height: 490rpx; */ } .scroll-view { white-space: nowrap; display: flex; } .hot-item { width: 640rpx; margin-left: 20rpx; padding: 30rpx; /* height: 285rpx; */ /* padding-bottom: 20rpx; */ display: inline-block; position: relative; background-color: #fff; border-radius: 20rpx; box-sizing: border-box; box-shadow: 0rpx 2rpx 26rpx 0rpx rgba(100, 100, 100, 0.1); } .hot-item-conetnt { display: flex; } .hot-item #hot-right { /* width: 330rpx; */ flex: 1; margin-left: 20rpx; padding-top: 20rpx; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot-item:first-child { margin-left: 0; } .hot-img { /* width: 550rpx; */ width: 210rpx; height: 210rpx; border-radius: 20rpx; flex-shrink: 0; font-size: 0; } .hot-item .name { /* font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #1a1a1a; margin-top: 22rpx; */ font-size: 32rpx; line-height: 40rpx; color: #333333; 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; } .icon-home-dizhi-a { color: #ffdc2f !important; font-size: 30rpx !important; margin-right: 9rpx !important; } .hot-item .time-box { /* margin-top: 25rpx; */ /* font-family: "FZZhunYuan-M02S"; */ font-weight: 400; display: flex; align-items: center; font-size: 24rpx; color: #999999; margin-bottom: 11rpx; } .hot-item .icon-box { /* width: 35rpx; */ width: 21rpx; height: auto; text-align: left; margin-right: 10rpx; flex-shrink: 0; } .hot-item .icon-box image { width: 100%; height: 100%; } .icon-home-time { font-size: 30rpx; color: #ffdc2f; margin-right: 9rpx; } .ming-box { display: flex; justify-content: space-between; align-items: center; } .ming-box .per-box { font-size: 24rpx; /* font-family: "FZZhunYuan-M02S"; */ font-weight: 400; color: #999999; margin-top: 8rpx; position: relative; display: flex; align-items: center; margin-bottom: 5rpx; } .ming-box .vip-txt { font-size: 24rpx; color: #999999; } .icon-home-pel { font-size: 30rpx; color: #ffdc2f; margin-right: 9rpx; /* margin-top: 4rpx; */ /* position: absolute; top: 2rpx; */ } .address-h-box { /* width: 100%; */ margin-bottom: 11rpx; display: flex; } .address-h-box .address { display: flex; flex: 1; width: 0; /* align-items: center; */ padding-top: 9rpx; /* margin-top: 25rpx; */ /* color: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff)); */ } .address-h-box .address .address-word { flex: 1; font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #999999; /* white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */ word-break: break-all; /* width: 285rpx; */ /* flex-shrink: 0; */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 设置最大显示行数 */ -webkit-box-orient: vertical; text-overflow: ellipsis; } .address-h-box .address .price-h { margin-left: 10rpx; flex-shrink: 0; } .address-h-box .word-type { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #333333; /* width: 124rpx; flex-shrink: 0; */ } .jianzhi-box { border-radius: 20rpx; padding: 30rpx 30rpx 0; margin-bottom: 46rpx; box-sizing: border-box; margin-top: 25rpx; } .jianzhi-item { display: flex; flex-direction: column; justify-content: space-between; /* height: 145rpx; */ padding: 30rpx; margin-bottom: 20rpx; box-sizing: border-box; background-color: #ffffff; border-radius: 20rpx; } .jianzhi-item .name-price { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10rpx; line-height: 1; } .jianzhi-item .name-price .price { display: flex; align-items: baseline; margin: 0; flex-shrink: 0; } .jianzhi-item .name-price .price .p1, .jianzhi-item .name-price .price .p2 { line-height: 1; } .jian-name { /* width: 480rpx; */ /* flex-shrink: 0; */ margin-right: 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; /* display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; */ color: #333333; font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: bold; letter-spacing: 0.28px; } .address-bao { display: flex; justify-content: space-between; align-items: center; /* margin-top: 10rpx; */ } .address-bao .address { display: flex; justify-content: space-between; align-items: center; position: relative; margin-bottom: 20rpx; } .address-bao .address image { width: 21rpx; height: 23rpx !important; vertical-align: middle; } .address-bao .address .address-word { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; width: 420rpx; flex-shrink: 0; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; /* text-indent: 40rpx; */ margin-left: 9rpx; } .icon-address { position: absolute; top: -4rpx; left: 0; font-size: 36rpx; } .address-bao .yu { width: 150rpx; height: 55rpx; text-align: center; line-height: 55rpx; background: #e6e6e6; border-radius: 28rpx; font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #0a0a0a; } .address-bao .man { width: 150rpx; height: 55rpx; text-align: center; line-height: 55rpx; background: #e6e6e6; color: #0a0a0a; border-radius: 28rpx; font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; } .address-bao .job-info .job--base-info { color: #ec931a; font-size: 24rpx; } .address-bao .job-info .job--base-info text { display: inline-block; padding: 0 20rpx; border-right: 1rpx solid #ec931a; } .address-bao .job-info .job--base-info text:first-child { padding-left: 0; } .address-bao .job-info .job--base-info text:last-child { border-right: 0; } .school-box { background-color: #ffffff; border-radius: 20rpx; padding: 30rpx; box-sizing: border-box; margin-top: 25rpx; } .school-wap { display: flex; margin-top: 23rpx; } .school-item { width: 236rpx; margin-left: 20rpx; display: flex; flex-direction: column; /* height: 380rpx; */ /* border-radius: 16rpx !important; */ } .school-item:first-child { margin-left: 0; } .school-img { width: 236rpx; height: 236rpx; border-radius: 16rpx 16rpx 0 0; } .school-b { background-color: #f5f5f4; /* height: 122rpx; */ height: 165rpx; border-radius: 0 0 16rpx 16rpx; text-align: center; padding-top: 24rpx; box-sizing: border-box; } .school-b .name { font-size: 28rpx; font-family: "FZZhunYuan-M02S"; /* text-align: center; */ color: #1a1a1a; } .school-b .zhi { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; margin-top: 13rpx; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .hang-box { background-color: white; padding: 22rpx 30rpx 31rpx 30rpx; margin-top: 28rpx; border-radius: 16rpx; } .hang-item { padding-bottom: 21rpx; border-bottom: 1px solid #e6e6e6; } .hang-item:last-child { border-bottom: none; } .hang-item .info-box { display: flex; /* justify-content: space-between; */ margin-top: 23rpx; } .hang-item .info-box .per-img { width: 140rpx; height: 140rpx; border-radius: 50%; } .hang-item .info-box .right-box { display: flex; margin-left: 65rpx; justify-content: space-between; width: 425rpx; } .hang-item-name { font-size: 28rpx; margin-top: 25rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #1a1a1a; } .hang-item-zhi { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #808080; margin-top: 16rpx; } .jh { font-family: "FZCuYuan-M03"; font-weight: 400; } .hang-item-address { display: flex; padding-top: 25rpx; width: 210rpx; flex-shrink: 0; justify-content: flex-end; } .hang-item-address .address-word { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #999999; } .hang-item .label { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #333333; margin-top: 13rpx; } .hang-item-type-box { display: flex; flex-wrap: wrap; } .hang-item-type-box .item { padding: 0 16rpx; height: 40rpx; line-height: 40rpx; opacity: 0.67; background: #f5f5f5; border-radius: 10rpx 0px 10rpx 0px; margin-right: 15rpx; font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #333333; margin-top: 10rpx; } .jiao-box { display: flex; justify-content: space-between; margin-top: 12rpx; align-items: baseline; } .jiao-box .num-box { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; } .pers { color: #ff9209; } .shop-box { padding: 18rpx 30rpx 27rpx 30rpx; margin-top: 28rpx; border-radius: 16rpx; } .shop-item { margin-top: 20rpx; } .shop-img { width: 630rpx; height: 248rpx; border-radius: 16rpx 16rpx 0px 0px; } .shop-name { font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #1a1a1a; margin-top: 22rpx; } .shop-address { margin-top: 17rpx; display: flex; align-items: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 27rpx; font-family: "FZZhunYuan-M02S"; } .shop-address .address-word { /* margin-left: 13rpx; */ font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #333333; } .juli { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; margin-left: 8rpx; } .ju-box { display: flex; justify-content: space-between; align-items: center; margin-top: 25rpx; } .ju-word { font-size: 24rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #666666; padding-right: 30rpx; box-sizing: border-box; } .icons { display: flex; align-items: center; } .dingwei-img { width: 33rpx; height: 33rpx; color: #639ffd; } .icon-phone { font-size: 33rpx; color: #fd75a7; } .price { display: flex; flex-direction: row; align-items: flex-end; } .price-h .p2 { font-size: 30rpx; font-weight: bold; text-align: left; color: #ec2e26; } .price-h .p1 { font-size: 20rpx; font-weight: 500; text-align: left; color: #ec2e26; } .catebottom .sub-btn-box { display: inline-block; width: calc(100% - 375rpx); text-align: right; vertical-align: text-top; margin-top: -10rpx; } .catebottom .sub-btn { background: #fcc26e; border: 2rpx solid #ffffff; border-radius: 27rpx; padding: 0 24rpx; line-height: 50rpx; color: white; font-size: 28rpx; width: fit-content; display: inline-block; } .green2 { background: #2b58a5 !important; color: #ffffff !important; } .touritem { display: flex; flex-direction: column; width: 100%; height: 428rpx; opacity: 1; background: #ffffff; border-radius: 8rpx; margin-bottom: 15rpx; } .touritem .namebg { width: 100%; height: 260rpx; opacity: 1; background: rgba(0, 0, 0, 0); border-radius: 8rpx 8rpx 0px 0px; } .touritem .tourbody { height: 168rpx; display: flex; flex-direction: column; width: 100%; padding: 16rpx 30rpx; box-sizing: border-box; } .tourtitle { font-size: 28rpx; font-weight: 700; text-align: left; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .touradwr { display: flex; flex-direction: row; align-items: center; padding-top: 5rpx; box-sizing: border-box; } .tourleft { width: 403rpx; display: flex; flex-direction: column; } .tourright { display: flex; flex-direction: row; align-items: flex-end; margin-left: auto; } .tourright .t1 { font-size: 22rpx; font-weight: 500; text-align: right; color: #ec2e26; padding-bottom: 5rpx; } .tourright .t2 { font-size: 36rpx; font-weight: bold; color: #ec2e26; } .tourleftitem { display: flex; flex-direction: row; align-items: center; margin-top: 15rpx; } .left1ico { width: 21rpx; height: 29rpx; margin-right: 21rpx; } .left2ico { width: 21rpx; height: 21rpx; } .lefttext { width: 371rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24rpx; font-weight: 400; text-align: left; color: #999999; } .flowitem { width: 334rpx; height: 538rpx; opacity: 1; background: #ffffff; border-radius: 8rpx; display: flex; flex-direction: column; margin-bottom: 15rpx; margin-right: 22rpx; } .flowitem:nth-child(2n) { margin-right: 0rpx !important; } .flowcover { width: 334rpx; height: 260rpx; border-radius: 8rpx 8rpx 0 0; } .flowbody { display: flex; flex-direction: column; height: 278rpx; padding: 24rpx 30rpx; box-sizing: border-box; } .flowbody .f1 { font-size: 28rpx; font-weight: 700; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .flowbody .f2 { margin-top: 8rpx; font-size: 24rpx; height: 60rpx; font-weight: 400; text-align: left; color: #999999; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .flowbtn { width: 161rpx; height: 50rpx; margin-top: 17rpx; opacity: 1; background: #9ddb52; border: 2rpx solid #ffffff; border-radius: 27rpx; font-size: 28rpx; font-weight: 400; text-align: left; color: #ffffff; display: flex; justify-content: center; align-items: center; } .fprice { display: flex; flex-direction: row; align-items: center; margin-top: 17rpx; } .fprice text { font-size: 24rpx; font-weight: 400; text-align: left; color: #999999; /* line-height: 33rpx; */ } .fprice .price { display: flex; flex-direction: row; align-items: flex-end; } .fprice .price .p1 { font-size: 20rpx; font-weight: 500; text-align: left; color: #ec2e26; } .fprice .price .p2 { font-size: 30rpx; font-weight: bold; text-align: left; color: #ec2e26; } .activeity-fix { margin-left: auto; } .weekt1 .feeafter { padding-left: 0rpx; margin-left: 0rpx; } .weekt1 .feeafter::after { display: none; } .nodata-img { margin: 5rpx auto; } .popup-box { width: 750rpx; height: 100vh; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; z-index: 100000; } .popup-wap { display: flex; flex-direction: column; align-items: flex-end; width: 630rpx; } .popup-close { width: 54rpx; height: 54rpx; } .popup-img { width: 630rpx; height: 751rpx; margin-top: 43rpx; border-radius: 20rpx; } .status { position: absolute; right: 0; top: 0; font-size: 20rpx; 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 20rpx 0 20rpx; } .activestatus { background: #ffdc2f; } .baostatus { background: #00de9b; } .endstatus { background: #707070; } .nostatus { background: rgba(251, 177, 120, 0.9); } .mstatus { background: #ff3a3a; } .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; } /* 分类管理 */ .classfiy-box { padding: 0 30rpx 30rpx; margin-bottom: 46rpx; box-sizing: border-box; } .classfiy-box .main {} .classfiy-box .main .goods-item { display: flex; /* align-items: center; */ padding: 30rpx; font-size: 28rpx; color: #3b403d; font-weight: 400; background-color: #fff; border-radius: 20rpx; margin-bottom: 20rpx; } .classfiy-box .main .goods-item image { width: 210rpx; height: 210rpx; margin-right: 30rpx; /* background: #000; */ border-radius: 20rpx; flex-shrink: 0; } .classfiy-box .main .goods-item .goods-btn { flex: 1; min-height: 210rpx; display: flex; flex-direction: column; justify-content: space-between; /* align-items: center; */ } .classfiy-box .main .goods-item .goods-btn .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; font-size: 30rpx; margin-bottom: 8rpx; } .classfiy-box .main .goods-item .goods-btn .desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制为两行 */ overflow: hidden; font-size: 24rpx; margin-bottom: 8rpx; color: #808080; } .classfiy-box .main .goods-item .goods-btn .btn { display: inline-block; width: 165rpx; height: 60rrpx; line-height: 56rpx; text-align: center; font-size: 24rpx; color: #ffffff; background-color: #2b58a5; border-radius: 30rpx; flex-shrink: 0; } .shop-list-box { padding: 0 30rpx 30rpx; margin-bottom: 46rpx; box-sizing: border-box; } .shop-list-box .main { display: flex; flex-wrap: wrap; } .shop-list-box .shop-item-box { width: 335rpx; height: 441rpx; font-weight: 400; overflow: hidden; margin-right: 20rpx; background-color: #fff; border-radius: 20rpx; } .shop-list-box .shop-item-box:nth-child(2n) { margin-right: 0; } .shop-list-box .shop-item-box .shop-pic { width: 100%; height: 221rpx !important; margin-bottom: 24rpx; vertical-align: middle; } .shop-list-box .shop-item-box .shops-name { font-size: 28rpx; color: #1a1a1a; font-weight: 400; margin-bottom: 9rpx; } .shop-list-box .shop-item-box .shop-info { width: 100%; padding: 0 20rpx; box-sizing: border-box; } .shop-list-box .shop-item-box .shops-address { display: flex; height: 66rpx; font-size: 24rpx; color: #999999; margin-bottom: 20rpx; } .shop-list-box .shop-item-box .shops-address .address-icon { width: 21rpx; height: 23rpx !important; margin-right: 10rpx; margin-top: 6rpx; flex-shrink: 0; } .shop-list-box .shop-item-box .shops-address .address-text { overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; color: #999999; font-size: 24rpx; } .shop-list-box .shop-item-box .shop-info .shop-juli { display: flex; justify-content: space-between; align-items: center; padding: 9rpx 20rpx; font-size: 24rpx; color: #77603d; background-color: #e8f1ff; } .shop-list-box .shop-item-box .shop-info .shop-juli { flex: 1; } .shop-list-box .shop-item-box .shop-info .shop-juli .juli-num { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shop-list-box .shop-item-box .shop-info .shop-juli .btns { display: flex; justify-content: space-between; align-items: center; margin-left: 20rpx; flex-shrink: 0; } .shop-list-box .shop-item-box .shop-info .shop-juli image { width: 32rpx; height: 32rpx !important; margin-right: 20rpx; } .shop-list-box .shop-item-box .shop-info .shop-juli image:last-child { margin-right: 0; } .yin { font-size: 30rpx; color: #00a5fb; } .popup2Btns { display: flex; justify-content: space-around; padding: 30rpx; border-top: 1rpx solid #efefef; } .popup2Btns .btn { width: 200rpx; height: 80rpx; border: 1px solid #efefef; border-radius: 46rpx; background-color: #efefef; color: #101010; line-height: 80rpx; } .popup2Btns #agree-btn1 { background: #ffdc2f !important; }