@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /*每个页面公共css */ .uni-select { border: none !important; } .uni-select__input-placeholder { font-size: 32rpx; color: #000; padding-left: 24rpx; } .uni-textarea-textarea { font-size: 32rpx; color: #000; padding-left: 24rpx; } page { background: #f5f6fa; } .row { display: flex; } .wrap { flex-wrap: wrap; } .col { flex: 1; } .col-12 { max-width: 50%; flex: 0 0 50%; } .col-8 { max-width: 33.333%; flex: 0 0 33.333%; } .col-24 { max-width: 100%; flex: 0 0 100%; } .text-center { text-align: center; } .flex-justify-center { justify-content: center; } .flex-align-center { align-items: center; } .container-fluid { margin: 0 24rpx; } /* 页面 */ .v-pages-bg.bgcolor { background: #f5f6fa; } .v-pages.bgcolor { background: #f5f6fa; } .v-pages.tab { padding-top: 110rpx; } .v-pages.sort { padding-top: 180rpx; } /* 页面标签切换 */ .v-tab-list { position: fixed; top: 0; z-index: 99; width: 100%; box-sizing: border-box; padding: 24rpx 24rpx 20rpx 24rpx; background-color: #fff; } .v-tab-list .tab-item { position: relative; text-align: center; font-size: 30rpx; color: #4d4d4d; } .v-tab-list .tab-item.active { color: #0983ff; } .v-tab-list .tab-item.active::after { content: ''; position: absolute; left: 50%; bottom: -12rpx; width: 60rpx; height: 5rpx; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 5rpx; background-color: #0983ff; } /* 页面 推荐 */ .v-pages-suggest .list_item .item_title { margin-top: 8rpx; height: 40rpx; line-height: 40rpx; color: #333333; font-size: 28rpx; font-weight: bold; } .v-pages-suggest.video { margin-left: -24rpx; } .v-pages-suggest.video .list_item { position: relative; flex: 0 0 450rpx; width: 440rpx; height: 320rpx; overflow: hidden; margin-left: 24rpx; } .v-pages-suggest.video .list_item .item_image { position: relative; width: 440rpx; height: 280rpx; border-radius: 16rpx; overflow: hidden; } .v-pages-suggest.video .list_item .item_image::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60rpx; height: 60rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-video-play.png"); background-repeat: no-repeat; background-size: contain; } .v-pages-suggest.video .list_item .item_image .img { width: 100%; } .v-pages-suggest.audio { margin-left: -24rpx; } .v-pages-suggest.audio .list_item { flex: 0 0 272rpx; width: 272rpx; height: 320rpx; overflow: hidden; margin-left: 24rpx; } .v-pages-suggest.audio .list_item .item_image { position: relative; width: 272rpx; height: 272rpx; border-radius: 16rpx; overflow: hidden; } .v-pages-suggest.audio .list_item .item_image::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60rpx; height: 60rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-video-play.png"); background-repeat: no-repeat; background-size: contain; } .v-pages-suggest.audio .list_item .item_image .img { width: 100%; } .v-page-title { padding: 0 24rpx; margin-bottom: 20rpx; } .v-page-title .inner { display: inline-block; position: relative; } .v-page-title .inner .text { position: relative; z-index: 9; font-size: 36rpx; font-weight: bold; } .v-page-title.circle .inner { display: inline-block; position: relative; } .v-page-title.circle .inner::after { content: ''; position: absolute; right: -10rpx; top: -3rpx; width: 30rpx; height: 30rpx; border-radius: 30rpx; background: linear-gradient(to right, rgba(9, 131, 255, 0), rgba(9, 131, 255, 0.5)); } .v-card { position: relative; z-index: 9; box-sizing: border-box; padding: 36rpx 24rpx; background-color: #fff; border-radius: 10rpx; overflow: hidden; } .v-card.small { padding: 24rpx 20rpx; } .inline-block { display: inline-block; } .v-card.detail { /* 详情地址 */ /* 详情日期 */ } .v-card.detail .v-detail-top { margin-bottom: 10rpx; } .v-card.detail .v-detail-top .postion { margin-right: 20rpx; padding: 0 20rpx 0 40rpx; font-size: 24rpx; color: #666666; background-image: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-address.png"); background-color: rgba(9, 131, 255, 0.05); background-repeat: no-repeat; background-position: 10rpx center; background-size: 24rpx; color: #0983ff; font-size: 28rpx; border-radius: 30rpx; } .v-card.detail .v-detail-top .tag { background-color: rgba(9, 131, 255, 0.05); color: #0983ff; font-size: 28rpx; padding: 0 20rpx; border-radius: 30rpx; } .v-card.detail .v-detail-name .text { font-weight: bold; font-size: 36rpx; color: #1b1b1b; } .v-card.detail .v-detail-name .level.hotel { margin-left: 10rpx; /* 设置文本的背景为线性渐变 */ background: linear-gradient(to right, #ca8950 0%, #fbd8c5 50%, #73330b 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; font-size: 28rpx; } .v-card.detail .v-detail-name .level.scenic { margin-left: 10rpx; display: inline-block; padding: 0 10rpx; border-radius: 8rpx; color: #0983ff; font-size: 28rpx; background-color: rgba(9, 131, 255, 0.05); } .v-card.detail .v-detail-title .text { position: relative; display: inline-block; font-size: 32rpx; font-weight: bold; color: #1b1b1b; } .v-card.detail .v-detail-title .text text { position: relative; z-index: 9; } .v-card.detail .v-detail-title .text::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10rpx; border-radius: 10rpx; background: linear-gradient(to right, #fff, #0983ff); } .v-card.detail .v-detail-tip .item { display: inline-block; padding: 0 8rpx; margin-right: 12rpx; border-radius: 4rpx; font-size: 24rpx; color: #0983ff; background-color: rgba(9, 131, 255, 0.05); } .v-card.detail .v-detail-address { box-sizing: border-box; padding: 24rpx; height: 120rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/v-address-bg.png"); background-repeat: no-repeat; background-size: cover; border-radius: 20rpx; overflow: hidden; } .v-card.detail .v-detail-address .sec_name_unit .cot_adr { font-size: 26rpx; font-weight: bold; color: #1b1b1b; } .v-card.detail .v-detail-address .sec_name_unit .cot_gap { font-size: 24rpx; color: #666666; } .v-card.detail .v-detail-address .sec_btn_box .sec_item .icon { width: 80rpx; height: 80rpx; margin-top: -10rpx; } .v-card.detail .v-detail-address .sec_btn_box .sec_item.map .icon { width: 80rpx; height: 80rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/v-address-map.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .v-card.detail .v-detail-address .sec_btn_box .sec_item.tel .icon { background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/v-address-tel.png"); background-repeat: no-repeat; background-position: center; background-size: cover; } .v-card.detail .v-detail-address .sec_btn_box .sec_item .text { margin-top: -15rpx; font-size: 20rpx; text-align: center; color: #1b1b1b; } .v-card.detail .v-detail-date .start .date { font-size: 36rpx; } .v-card.detail .v-detail-date .start .text { font-size: 24rpx; color: #666666; } .v-card.detail .v-detail-date .end .date { font-size: 36rpx; } .v-card.detail .v-detail-date .end .text { font-size: 24rpx; color: #666666; } .v-card.detail .v-detail-date .arraw { width: 30rpx; height: 30rpx; margin: 0 10rpx; } .v-card.order.bg1 { background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/order-instructions_bg.png") #fff; background-repeat: no-repeat; background-position: top left; background-size: 300rpx; } .v-card.order .v-order-wait { position: absolute; left: 0; bottom: 0; padding-left: 60rpx; left: 0; height: 60rpx; line-height: 60rpx; color: #0983ff; font-size: 24rpx; background: linear-gradient(to right, rgba(9, 131, 255, 0.1), #fff); } .v-card.order .v-order-wait:before { content: ''; position: absolute; left: 20rpx; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 28rpx; height: 28rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon_tips.png"); background-repeat: no-repeat; background-position: center; background-size: 28rpx; } .v-card.order .v-order-title .text { position: relative; display: inline-block; font-size: 36rpx; font-weight: bold; color: #1b1b1b; } .v-card.order .v-order-title .text text { position: relative; z-index: 9; } .v-card.order .v-order-title .text::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10rpx; border-radius: 10rpx; background: linear-gradient(to right, #fff, #0983ff); } /* 页面列表 */ .v-pages-list { box-sizing: border-box; padding: 0 24rpx; } .v-pages-list.bgfff { background: #fff; padding: 12rpx 24rpx; } .v-pages-list .list_item { position: relative; overflow: hidden; margin: 24rpx 0; } .v-pages-list .list_item .item_recommend { position: absolute; } .v-pages-list .list_item .item_recommend.normal { position: absolute; left: 0; top: 0; width: 100%; height: 40rpx; padding: 0 20rpx 0 40rpx; color: #fff; z-index: 9; line-height: 40rpx; font-size: 24rpx; background: linear-gradient(to right, rgba(224, 75, 0, 0.7), rgba(224, 75, 0, 0)); } .v-pages-list .list_item .item_recommend.normal:before { content: ''; position: absolute; left: 10rpx; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 24rpx; height: 24rpx; background: url(data:image/png;base64,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); background-repeat: no-repeat; background-size: cover; } .v-pages-list .list_item .item_recommend.big { left: 0; top: 0; z-index: 9; width: 70rpx; height: 70rpx; } .v-pages-list .list_item .item_recommend.big image { width: 70rpx; height: 70rpx; } .v-pages-list .list_item .item_recommend.hotel { left: 0; top: -2rpx; z-index: 9; width: 65rpx; height: 30rpx; } .v-pages-list .list_item .item_recommend.hotel image { width: 65rpx; height: 30rpx; } .v-pages-list .list_item .item_image { position: relative; } .v-pages-list .list_item .item_image.hotel { flex: 0 0 200rpx; width: 200rpx; height: 240rpx; border-radius: 12rpx; overflow: hidden; } .v-pages-list .list_item .item_image.hotel .img { width: 200rpx; height: 240rpx; border-radius: 12rpx; } .v-pages-list .list_item .item_image.scenic { flex: 0 0 180rpx; width: 180rpx; height: 180rpx; border-radius: 12rpx; overflow: hidden; } .v-pages-list .list_item .item_image.scenic .img { width: 180rpx; height: 180rpx; border-radius: 12rpx; } .v-pages-list .list_item .item_content { margin-left: 24rpx; border-bottom: 1rpx solid #eeeeef; } .v-pages-list .list_item .item_content .content-level { font-size: 26rpx; font-family: 'YouSheBiaoTiHei'; /* 设置文本的背景为线性渐变 */ background: linear-gradient(to right, #ca8950 0%, #fbd8c5 50%, #73330b 80%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .v-pages-list .list_item .item_content .content-name { font-size: 30rpx; font-weight: bold; color: #1b1b1b; } .v-pages-list .list_item .item_content .content-desc { color: #666666; font-size: 24rpx; } .v-pages-list .list_item .item_content .content-wait { position: relative; padding-left: 40rpx; color: #0983ff; font-size: 24rpx; } .v-pages-list .list_item .item_content .content-wait:before { content: ''; position: absolute; left: 0rpx; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 28rpx; height: 28rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon_tips.png"); background-repeat: no-repeat; background-position: center; background-size: 28rpx; } .v-pages-list .list_item .item_content .content-tip { height: 40rpx; overflow: hidden; } .v-pages-list .list_item .item_content .content-tip .item { display: inline-block; padding: 0 8rpx; margin-right: 12rpx; border-radius: 4rpx; font-size: 24rpx; color: #0983ff; background-color: rgba(9, 131, 255, 0.05); } .v-pages-list .list_item .item_content .content-address { padding-left: 30rpx; font-size: 24rpx; color: #666666; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-address.png"); background-repeat: no-repeat; background-position: left 4rpx; background-size: 24rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .v-pages-list .list_item .v-order-tip text { color: #808080; font-size: 24rpx; } .v-pages-list .list_item .item-price { position: absolute; right: 0; bottom: 20rpx; } .v-pages-list .list_item .item-price .num_pr { font-size: 24rpx; color: #e02222; } .v-pages-list .list_item .item-price .num_jd { margin: 0 4rpx; font-size: 40rpx; color: #e02222; font-weight: bold; } .v-pages-list .list_item .item-price .num_qi { font-size: 24rpx; color: #666666; } .v-pages-list .list_item .item-price .btn { width: 160rpx; height: 64rpx; background: linear-gradient(-90deg, #0983ff, #57abff); border-radius: 32rpx; text-align: center; line-height: 64rpx; font-family: Source Han Sans SC; font-weight: 500; font-size: 26rpx; color: #ffffff; } .v-pages-list .list_item.circle { border-radius: 10rpx; } .v-pages-list .list_item.circle .item_image { border-radius: 20rpx; overflow: hidden; } .v-pages-list .list_item.circle .item_image .img { border-radius: 20rpx; overflow: hidden; } .v-pages-list .list_item.vertical .item_recommend.normal { width: 200rpx; } .v-pages-list .list_item.vertical .item_image { width: 100%; height: 380rpx; } .v-pages-list .list_item.vertical .item_image .img { width: 100%; } .v-pages-list .list_item.vertical .item_content { position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; padding: 20rpx; margin-left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); } .v-pages-list .list_item.vertical .item_content .content-name { color: #fff; } .v-pages-list .list_item.vertical .item_content .content-desc { margin-top: 10rpx; color: #fff; display: -webkit-box; -webkit-line-clamp: 1; /* 显示的行数 */ -webkit-box-orient: vertical; overflow: hidden; } /* 页面搜索 */ .v-pages-search { position: fixed; top: 0; z-index: 9; width: 100%; box-sizing: border-box; padding: 24rpx 24rpx 20rpx 24rpx; background-color: #fff; border-bottom: 16rpx solid #f5f6fa; } .v-pages-search .search_box { height: 60rpx; padding: 0 24rpx; line-height: 60rpx; border-radius: 60rpx; background-color: #f5f6fa; } .v-pages-search .search_box .input { height: 60rpx; line-height: 60rpx; font-size: 28rpx; } .v-pages-search .btn_img { height: 60rpx; width: 60rpx; text-align: center; } .v-pages-search .btn_img .img { height: 30rpx; width: 30rpx; } .v-card-form .form-item { padding: 10rpx 20rpx 10rpx 36rpx; } .v-card-form .form-item .label { font-size: 28rpx; width: 160rpx; flex: 0 0 160rpx; font-weight: 600; } .v-card-form .form-item .info { font-size: 28rpx; } .v-card-form .form-item.time { background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-time.png"); background-repeat: no-repeat; background-position: left 16rpx; background-size: 24rpx; } .v-card-form .form-item.tel { background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-tel.png"); background-repeat: no-repeat; background-position: left 16rpx; background-size: 24rpx; } .v-card-form .form-item.discount { background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-discount.png"); background-repeat: no-repeat; background-position: left 16rpx; background-size: 24rpx; } .v-card-form .form-item:not(:last-child) { border-bottom: 1rpx solid #eeeeef; margin-bottom: 10rpx; } .m-ticket-sort { background-color: #fff; } .m-ticket-sort:not(:last-child) { padding-bottom: 30rpx; margin-bottom: 30rpx; } .m-ticket-sort .m-sort-name { font-family: Source Han Sans SC; font-weight: bold; font-size: 40rpx; color: #1b1b1b; margin-bottom: 24rpx; padding: 0rpx 20rpx 0; } .m-ticket-sort .ticket-item { position: relative; background: #f8f9fd; border-radius: 20rpx; padding: 20rpx 20rpx 30rpx 20rpx; } .m-ticket-sort .ticket-item .ticket-rule .text { font-size: 24rpx; color: #2b89e2; } .m-ticket-sort .ticket-item .ticket-rule .line { margin: 0 8rpx; font-size: 20rpx; color: #2b89e2; } .m-ticket-sort .ticket-item .ticket-name { display: flex; justify-content: space-between; flex-direction: column; margin-bottom: 4rpx; font-family: Source Han Sans SC; font-weight: 500; font-size: 32rpx; color: #1b1b1b; } .m-ticket-sort .ticket-item .ticket-name .ticket-type { font-family: Source Han Sans SC; font-weight: 400; font-size: 20rpx; color: #666666; padding: 3rpx 5rpx; border-radius: 8rpx; border: 1px solid #e9e9e9; } .m-ticket-sort .ticket-item .ticket-tag { font-family: Source Han Sans SC; font-weight: 500; font-size: 24rpx; color: #0983ff; margin-bottom: 20rpx; } .m-ticket-sort .ticket-item .ticket-tips { position: absolute; bottom: 20rpx; right: 20rpx; } .m-ticket-sort .ticket-item .ticket-tips .left { font-family: Source Han Sans SC; font-weight: 500; font-size: 24rpx; color: #ff7f00; } .m-ticket-sort .ticket-item .ticket-tips .ticket-price { font-family: Source Han Sans SC; font-weight: bold; font-size: 38rpx; color: #ff404c; margin-left: 20rpx; } .m-ticket-sort .ticket-item .ticket-tips .ticket-price .m-danwei { font-size: 28rpx; } .m-ticket-sort .ticket-item .ticket-tips .decoration { text-decoration: line-through; } .m-ticket-sort .ticket-item .btn-box { display: flex; justify-content: flex-end; } .m-ticket-sort .ticket-item .btn-box .m-btn { width: 160rpx; height: 64rpx; background: linear-gradient(-90deg, #0983ff, #57abff); border-radius: 32rpx; text-align: center; line-height: 64rpx; font-family: Source Han Sans SC; font-weight: 500; font-size: 26rpx; color: #ffffff; } .m-ticket-sort .ticket-item .btn-box .m-btn-hover { background: linear-gradient(-90deg, #57abff, #0983ff); } .m-ticket-sort .ticket-item:not(:last-child) { margin-bottom: 24rpx; } .v-form-content { font-size: 28rpx; } .v-hotel-date-total { font-size: 24rpx; color: #0983ff; } .uni-forms-item { margin-bottom: 5rpx !important; } .uni-forms-item__error { left: 20rpx; top: 60% !important; } /* 订单表单 */ .v-order-form .uni-forms-item__label { height: 60rpx; line-height: 60rpx; } .v-order-form .uni-easyinput__content-input { height: 60rpx; line-height: 60rpx; } .v-order-form .v-input { height: 60rpx; line-height: 60rpx; font-size: 28rpx; } .v-order-form .v-input .uni-easyinput__placeholder-class { font-size: 28rpx; } .v-order-form .v-form-content { color: #333333; font-size: 28rpx; } .v-order-form .v-form-date .start .date { font-size: 34rpx; font-weight: bold; } .v-order-form .v-form-date .start .text { font-size: 24rpx; color: #666666; } .v-order-form .v-form-date .end .date { font-size: 34rpx; font-weight: bold; } .v-order-form .v-form-date .end .text { font-size: 24rpx; color: #666666; } .v-order-form .v-form-date .mid { position: relative; border: 1rpx solid #0983ff; padding: 0 8rpx; height: 30rpx; line-height: 30rpx; border-radius: 30rpx; margin: 0 30rpx; font-size: 20rpx; color: #0983ff; } .v-order-form .v-form-date .mid::before, .v-order-form .v-form-date .mid::after { content: ''; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 20rpx; height: 1rpx; background-color: #0983ff; } .v-order-form .v-form-date .mid::before { left: -20rpx; } .v-order-form .v-form-date .mid::after { right: -20rpx; } .v-order-form .v-order-title { font-size: 30rpx; font-weight: bold; color: #1b1b1b; } .v-order-form .v-order-tip text { color: #808080; font-size: 24rpx; } /* 订单提交 */ .v-order-submit { box-sizing: border-box; position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; height: 120rpx; padding: 0 40rpx; background-color: #fff; } .v-order-submit .price { line-height: 100rpx; } .v-order-submit .price .text { font-weight: bold; color: #666666; font-size: 24rpx; } .v-order-submit .price .yuan { margin-left: 8rpx; color: #e02222; font-size: 28rpx; } .v-order-submit .price .number { color: #e02222; font-size: 50rpx; } .v-order-submit .btn { height: 80rpx; padding: 0 40rpx; line-height: 80rpx; border-radius: 80rpx; color: #fff; background: linear-gradient(to right, #0983ff, #57abff); } .v-order-bottom { box-sizing: border-box; position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; height: 100rpx; padding: 10rpx 40rpx; background-color: #fff; } .v-order-bottom .btn { height: 80rpx; padding: 0 40rpx; line-height: 80rpx; border-radius: 80rpx; color: #fff; text-align: center; background: linear-gradient(to right, #0983ff, #57abff); } /* 头部滚动 */ .v-swiper { height: 400rpx; } .v-swiper .swiper_item { position: relative; height: 400rpx; overflow: hidden; } .v-swiper .swiper_item .item-image { width: 100%; } .m-t--80 { margin-top: -80rpx !important; } .m-t-40 { margin-top: 40rpx !important; } .m-l-24 { margin-left: 24rpx !important; } .m-l-10 { margin-left: 10rpx !important; } .m-t-24 { margin-top: 24rpx !important; } .m-b-24 { margin-top: 24rpx !important; } .m-t-12 { margin-top: 12rpx !important; } .m-t-6 { margin-top: 6rpx !important; } .p-t-24 { padding-top: 24rpx !important; } .p-b-24 { padding-bottom: 24rpx !important; } .p-b-60 { padding-bottom: 120rpx !important; } .p-l-24 { padding-left: 24rpx !important; } .p-r-24 { padding-right: 24rpx !important; } .v-detail-content ._img { width: 100%; } .v-order-detail { padding-bottom: 24rpx; } .v-order-detail-state { position: relative; z-index: 9; padding: 40rpx 0 10rpx 0; } .v-order-detail-state .order-top { position: relative; padding: 0 40rpx; } .v-order-detail-state .order-top .state { font-size: 44rpx; color: #fff; font-weight: bold; } .v-order-detail-state .order-top .state image { width: 60rpx; margin-right: 10rpx; } .v-order-detail-state .order-top .tip { margin-top: 10rpx; font-size: 26rpx; color: #fff; } .v-order-detail-state .order-top .time { position: absolute; top: 0; right: 0; font-size: 32rpx; padding: 8rpx 40rpx 8rpx 30rpx; border-radius: 30rpx 0 0 30rpx; color: #fff; background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent); } .v-order-detail-state .order-top .time:before { content: ""; position: absolute; top: -40rpx; left: -50rpx; width: 140rpx; height: 140rpx; border-radius: 140rpx; background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent); } .v-order-detail-state .order-top .time::after { content: ""; position: absolute; top: -25rpx; left: -30rpx; width: 110rpx; height: 110rpx; border-radius: 120rpx; background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent); } .v-order-detail-state .order-top-btn { margin: 12rpx 10rpx; } .v-order-detail-state .order-top-btn .pay-btn { background-color: #fff; text-align: center; height: 64rpx; line-height: 64rpx; border-radius: 64rpx; color: #0983FF; } .v-order-detail-state .order-top-btn .cancel-btn { margin: 0 20rpx; border: 1rpx solid #fff; color: #fff; text-align: center; height: 64rpx; line-height: 64rpx; border-radius: 64rpx; background: linear-gradient(to right, transparent, #0983FF); } .v-order-detail-state .describe { padding: 10rpx 40rpx; background: linear-gradient(to right, rgba(255, 255, 255, 0.2), transparent); } .v-order-detail-state .describe .dec { color: #fff; font-size: 26rpx; } .v-order-detail-state .describe .btn { border-radius: 40rpx; padding: 0 20rpx; height: 40rpx; line-height: 40rpx; border: 1rpx solid #fff; color: #fff; font-size: 26rpx; } .v-form-date .start .date { font-size: 34rpx; font-weight: bold; } .v-form-date .start .text { font-size: 24rpx; color: #666666; } .v-form-date .end .date { font-size: 34rpx; font-weight: bold; } .v-form-date .end .text { font-size: 24rpx; color: #666666; } .v-form-date .mid { position: relative; border: 1rpx solid #0983FF; padding: 0 8rpx; height: 30rpx; line-height: 30rpx; border-radius: 30rpx; margin: 0 30rpx; font-size: 20rpx; color: #0983FF; } .v-form-date .mid::before, .v-form-date .mid::after { content: ""; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 20rpx; height: 1rpx; background-color: #0983FF; } .v-form-date .mid::before { left: -20rpx; } .v-form-date .mid::after { right: -20rpx; } .v-form-title { margin-bottom: 24rpx; font-weight: bold; } .v-form-name { margin-top: 8rpx; font-size: 30rpx; color: #1B1B1B; font-weight: bold; } .v-form-line { height: 1rpx; background-color: #EEEEEE; margin: 12rpx 0; } .v-form-tip text { font-size: 24rpx; margin-right: 16rpx; color: #808080; } .v-order-info .info-image { margin-left: 10rpx; margin-right: 20rpx; width: 180rpx; height: 120rpx; overflow: hidden; } .v-order-info .info-image image { width: 180rpx; height: 120rpx; } .v-order-info .info-content .title { font-size: 30rpx; font-weight: bold; } .v-order-info .info-content .address { margin-top: 8rpx; font-size: 24rpx; color: #808080; padding-left: 30rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/icon-address.png"); background-repeat: no-repeat; background-position: left 4rpx; background-size: 24rpx; } .v-order-detail { position: relative; } .v-order-bg { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 600rpx; background: url("https://eluyou.ailuquan.cn/upload/image/2024/mapIcon/daolan/order_bg.png"); background-repeat: no-repeat; background-position: top left; background-size: cover; } .v-order-info-btn { margin-top: 20rpx; margin-left: -10rpx; } .v-order-info-btn .btn { margin-left: 10rpx; height: 60rpx; line-height: 60rpx; border-radius: 60rpx; background-color: #F6F7FB; text-align: center; font-size: 24rpx; color: #1B1B1B; } .v-order-info-btn .btn image { width: 30rpx; height: 30rpx; margin-right: 8rpx; } .v-form.bg { padding: 20rpx; border-radius: 10rpx; background: linear-gradient(to bottom, #F7F9FF, #fff); } .v-form-item:not(:last-child) { margin-bottom: 10rpx; } .v-form-item .detail-btn { font-size: 24rpx; color: #0983FF; } .v-form-item .label { width: 160rpx; font-size: 28rpx; color: #808080; } .v-form-item .content { font-size: 28rpx; color: #1B1B1B; } .v-form-item .price { font-size: 32rpx; color: #E02222; font-weight: bold; }