swiper.data-v-57280228 { height: 300px !important; } .no-data.data-v-57280228 { padding-top: 26vh; } .no-data image.data-v-57280228 { display: block; margin: 0 auto; width: 70px; height: 70px; } .no-data text.data-v-57280228 { margin-top: 12px; display: block; font-size: 18px; color: #999999; text-align: center; } .banner_wrapper.data-v-57280228 { position: relative; } .pointer.data-v-57280228 { position: absolute; left: 12px; bottom: 18px; display: flex; align-items: center; padding: 0 16px; box-sizing: border-box; width: 200px; height: 34px; border-radius: 17px; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } .pointer text.data-v-57280228 { font-size: 12px; font-weight: bold; fill: transparent; background-image: linear-gradient(90deg, rgba(242, 52, 255, 1), rgba(34, 8, 228, 1), rgba(51, 204, 255, 1)); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .pointer .iconfont.data-v-57280228 { margin-right: 8px; font-size: 24px; transform: rotate(90deg); } .banner_item.data-v-57280228 { display: block; width: 100%; height: 300px; } .title.data-v-57280228 { padding: 0 26px; font-size: 24px; color: #000000; font-weight: 700; line-height: 66px; } .list.data-v-57280228 { padding: 0 8px; box-sizing: border-box; display: flex; flex-wrap: wrap; } .item.data-v-57280228 { overflow: hidden; width: calc(50% - 16px); margin: 0 8px 16px; height: 240px; flex-shrink: 0; border-radius: 20px; box-sizing: border-box; background: rgba(229, 229, 229, 0.25); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .item .cover.data-v-57280228 { width: 100%; height: 190px; } .item .item_title.data-v-57280228 { display: block; padding: 0 12px; font-size: 12px; color: rgba(56, 56, 56, 1); line-height: 18px; font-weight: 700; } .item .item_desc.data-v-57280228 { padding: 0 12px; font-size: 10px; color: rgba(166, 166, 166, 1); line-height: 16px; } .mask.data-v-57280228 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); } .mask .dialog.data-v-57280228 { margin: 100px auto 0; width: calc(100% - 40px); min-height: calc(100vh - 200px); background: #fff; border-radius: 36px; padding: 18px 20px; box-sizing: border-box; } .dialog .cover.data-v-57280228 { width: 100%; height: 230px; border-radius: 25px; } .dialog .title.data-v-57280228 { text-align: center; line-height: 56px; font-size: 24px; color: #000000; font-weight: bold; } .dialog .desc.data-v-57280228 { height: 80px; margin-bottom: 30px; display: -webkit-box; font-size: 12px; padding: 14px 20px; box-sizing: border-box; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); border-radius: 30px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .desc_text.data-v-57280228 { text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .dialog .btn.data-v-57280228 { position: relative; margin-bottom: 12px; height: 40px; border-radius: 20px; font-size: 16px; border: none; outline: none; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); } .dialog .btn .iconfont.data-v-57280228 { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); font-size: 20px; } .dialog .tel.data-v-57280228 { background: linear-gradient(270deg, rgba(255, 153, 71, 1) 0%, rgba(242, 52, 255, 1) 57.29%, rgba(243, 64, 125, 1) 83.14%, rgba(243, 67, 98, 1) 100%); color: #fff; } .dialog .msg.data-v-57280228 { background: rgba(204, 230, 255, 1); color: rgba(52, 152, 255, 1); }