@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ page { background: #F5F5F5; /* font-family: SimSun; */ } /* 导航栏占位 */ /* .status-contents{ height: var(--status-bar-height); } .top-view{ width: 100%; position: fixed; top: 0; } .status{ height:var(--status-bar-height); } */ /* 布局 */ .dy_fx { display: flex; } .fx_1 { flex: 1; } .dy_fx_row { display: flex; flex-direction: row; } .dy_fx_clu { display: flex; flex-direction: column; } .fx_warp_n { flex-wrap: nowrap; } .fx_warp_w { flex-wrap: wrap; } .w_two { width: 48%; margin-right: 4%; } .dy_fx_row .w_two:nth-child(even) { margin-right: 0; } .jc_r { justify-content: flex-end; } .jc_fen { justify-content: space-between; } .jc_center { justify-content: center; } .aliem_c { align-items: center; } .w_100 { width: 100%; } .w_20 { width: 20%; } .w_25 { width: 25%; } .w_35 { width: 35%; } .w_45 { width: 45%; } .w_65 { width: 65%; } .w_70 { width: 70%; } .w_75 { width: 75%; } .w_33 { width: 32%; margin-right: 2%; } .dy_fx_row .w_33:nth-child(3n) { margin-right: 0; } /* 清除浮动 */ .clearfix:before, .clearfix:after { content: " "; display: table; clear: both; } /*文字对齐方式*/ .agn_left { text-align: left; } .agn_right { text-align: right; } .agn_center { text-align: center; } /* 字数控制 */ .word_1 { text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all } .word_2 { text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all } .word_3 { text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; white-space: normal; word-break: break-all } /* 全局 */ .amt_30 { margin-top: 30rpx } .aml_30 { margin-left: 30rpx; } .amr_30 { margin-right: 30rpx; } .amb_30 { margin-bottom: 30rpx; } .amb_60 { margin-bottom: 60rpx; } .amt_60 { margin-top: 60rpx; } .an_box { margin: 30rpx; margin-bottom: 60rpx; } .an_box_2 { margin: 30rpx; } .an_box_3 { padding: 30rpx; padding-bottom: 60rpx; } .an_box_4 { padding: 30rpx; } .box_1 { background: #fff; } .box_dg { background: #fff; padding-top: 80rpx } /* 颜色 */ .m-red { color: #FF5722; } .m-green { color: #1bb05e; } .m-blue { color: #0983FF } /* 边框 */ .border { border: solid 1rpx #828282; border-radius: 10rpx; } .blue-border { border-color: #0983FF; } .blue-green { border-color: #1bb05e; } .blue-red { border-color: #FF5722; } /* 标签 */ .sp-default { width: -webkit-fit-content; width: fit-content; padding: 5rpx 10rpx; font-size: 24rpx; } .sp-blue { background: #0984ff73; border-radius: 8rpx; color: #0983FF; padding: 5rpx 10rpx; font-size: 24rpx; width: -webkit-fit-content; width: fit-content; } /* 右上角更多 */ .pub-right { font-family: Source Han Sans SC; font-weight: 400; font-size: 24rpx; color: #333333; } /* 首页 */ /* 轮播图 */ .home_pic_static { width: 100%; } .home_pic { position: absolute; top: 0; left: 0; width: 100%; height: 860rpx; z-index: 3; } /* 淡出淡出 动画*/ .dhua { opacity: 1; -webkit-animation: druc 5s linear 5s infinite; animation: druc 5s linear 5s infinite; } .dhua2 { opacity: 0; -webkit-animation: druc2 5s linear 5s infinite; animation: druc2 5s linear 5s infinite; } @-webkit-keyframes druc { 0% { opacity: 1; } 70% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes druc { 0% { opacity: 1; } 70% { opacity: 0.9; } 100% { opacity: 0; } } @-webkit-keyframes druc2 { 0% { opacity: 0; } 30% { opacity: 0.9; } 100% { opacity: 1; } } @keyframes druc2 { 0% { opacity: 0; } 30% { opacity: 0.9; } 100% { opacity: 1; } } /* s首页菜单 */ .home_nav_tu { width: 100%; height: 402rpx; display: none; } .home_nav { box-sizing: border-box; z-index: 6; width: 100%; height: 320rpx; padding: 20rpx; } .h_nav_box{ text-align: center; margin-top:60rpx} .kua_nav { text-align: center; padding: 0 0 15rpx 0; } .h_nav_box .w_25:nth-child(n+5) .kua_nav { border-bottom: none; } .kua_nav .at_t { color: #455166; font-size: 24rpx; } .home_serch_1 { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 145rpx; padding-bottom: 25rpx; border-radius: 0rpx; display: flex; align-items: flex-end; } .home_serch_2 { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100rpx; } .sch_2 { width: fit-content; position: relative; text-align: right; padding: 10rpx 15rpx; margin-left: 20rpx; display: flex; align-items: center; justify-content: space-around; background-color: rgba(255,255,255,0.7); border-radius: 30rpx; color: #333; } .sch_2 image { width: 30rpx; height: 30rpx; margin-right: 15rpx; } .sch_2_span{ font-size: 22rpx; } .xi_icn { width: 36rpx; height: 36rpx; position: relative; top: 4rpx } .ht_swp_xi { height: 100%; overflow: hidden; } .xi_txt { height: 45rpx; font-size: 30rpx; position: relative; top: 3rpx; display: flex; align-items: center; justify-content: space-between; } .xi_txt .m-title { font-family: Source Han Sans SC; font-weight: 400; font-size: 24rpx !important; color: #333333; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xi_txt .more-ico { flex: 1; margin-left: 15rpx; display: flex; align-items: center; justify-content: space-between; font-family: Source Han Sans SC; font-weight: 400; font-size: 24rpx; color: #0983FF; } .xi_txt .more-ico .more-icon { width: 28rpx; height: 28rpx; } /* swiper点 样式修改 */ .dots { position: absolute; bottom: 130rpx; z-index: 99; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; flex-direction: row; justify-content: center; } .dots .dot { margin-right: 10rpx; width: 12rpx; height: 12rpx; border-radius: 12rpx; background: rgba(255, 255, 255, .3); transition: all .6s; } .dots .active { width: 36rpx; height: 12rpx; border-radius: 12rpx; background: rgba(17, 201, 102, 1); } .swp_1_img { width: 100vw; height: 93vh; } .swp_zhez { position: absolute; bottom: -12rpx; left: 0; width: 100%; height: 300rpx; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); display: block; } .hua_jt { position: absolute; left: 50%; bottom: 0rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 22; } .dong_j { width: 66rpx; height: 54rpx; -webkit-animation: jiant 1s linear infinite; animation: jiant 1s linear infinite; position: relative; bottom: 0; } @-webkit-keyframes jiant { 0% { bottom: -20rpx; opacity: 0; } 100% { bottom: 20rpx; opacity: 1; } } @keyframes jiant { 0% { bottom: -20rpx; opacity: 0; } 100% { bottom: 20rpx; opacity: 1; } } .an_sch { background: #0983ff14; border-radius: 12rpx; padding: 15rpx 0 15rpx 15rpx; /* box-shadow: rgba(0,0,0,.1) 10rpx 0 30rpx; */ } .an_sch_ipt { position: relative; top: 3rpx; } .an_sch_img { width: 48rpx; margin: 0 10rpx; position: relative; top: 6rpx } .ac_size_1 { width: 38rpx; height: 38rpx; } .an_t { position: relative; } .an_t:after { display: block; position: absolute; right: 0; top: 10px; width: 20rpx; height: 20rpx; border-top: 3rpx solid #AAA; border-right: 3rpx solid #aaa; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; } .an_t_1 { font-size: 38rpx; padding-bottom: 10rpx; font-weight: bold; } .an_t_2 { font-size: 28rpx; color: #999; } .at_size_1 { width: 80rpx; height: 80rpx; } .at_size_2 { width: 48rpx; height: 48rpx; } .at_t { font-size: 30rpx; padding-top: 5rpx } .at_t image { border-radius: 15rpx; padding: 10rpx 0; } .anx_scl_1 { white-space: nowrap; } .scl_1_ut { display: inline-block; } .scl_1_img { width: 596rpx; height: 316rpx; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ border-radius: 15rpx; } .scl1_pic { margin-right: 30rpx; /* background: #fff; */ border-radius: 0 0 15rpx 15rpx; /* box-shadow: rgba(0,0,0,.3) 0rpx 0 20rpx; */ } .vdo_inf .lst_tit { padding-right: 100rpx; } .an_pbl { position: relative; } .an_pbl .w_two { margin-bottom: 20rpx; } .pbl_1_img { width: 332rpx; border-radius: 15rpx; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ } .an_pbl .w_two:nth-child(4n+1) .pbl_1_img { height: 440rpx; } .an_pbl .w_two:nth-child(4n+2) .pbl_1_img { height: 358rpx; } .an_pbl .w_two:nth-child(4n+3) .pbl_1_img { height: 358rpx; } .an_pbl .w_two:nth-child(4n) .pbl_1_img { height: 440rpx; } .an_pbl .w_two:nth-child(4n) { position: absolute; bottom: 0rpx; right: 0; } .an_v_inf { padding: 20rpx 20rpx 40rpx 20rpx; position: relative; } .an_v_inf text { position: absolute; right: 20rpx; top: 25rpx; color: #999; font-size: 24rpx; } .scl_2_img { width: 596rpx; height: 346rpx; } .an_ls_img { width: 690rpx; height: 316rpx; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ border-radius: 15rpx; } .anx_ls_1 { position: relative; height: 316rpx; } .anxls_t { position: absolute; width: 100%; padding: 30rpx 0; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); border-radius: 15rpx; bottom: 0; left: 0; } .lst_tit { font-size: 32rpx; } .anxls_t .lst_tit { color: #fff; padding-left: 10rpx; } .an_ls_img2 { width: 256rpx; height: 226rpx; border-radius: 15rpx 0 0 15rpx; } .anx_ls_2 {} .ls_inf_box { background: #fff; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ border-radius: 15rpx; } .ls_txt { padding-left: 30rpx; padding-right: 30rpx; padding-top: 30rpx; } .lsinf { font-size: 28rpx; color: #999; margin-top: 20rpx } .anx_shi { position: relative; width: 100%; height: 304rpx; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ } .shi_lst { position: absolute; top: 0; right: 0; width: 428rpx; height: 304rpx; } .anx_shi .swp_2_img { border-radius: 15rpx; } .shi_inf_text { padding: 30rpx 20rpx 0 60rpx; } .shi_inf_text .lsinf { position: absolute; bottom: -20rpx; right: 20rpx; } .lunb_img .swp_2_img { border-radius: 15rpx 15rpx 0 0; } /* 服务 */ .fwu_box {} .fwu_box .w_20 { margin-bottom: 30rpx; } /* 文创旅游 */ .wc_sbox { margin-top: 0; padding-top: 30rpx } .wc_sbox .an_sch { background: #f4f4f4; box-shadow: none; } .an_top_fixed { position: fixed; top: 0; left: 0; width: 100%; height: 400rpx; background: rgb(22, 119, 255); z-index: 1; } .wc_swp { height: 346rpx; } .swp_2_img { width: 100%; height: 346rpx; } /* .wc_tit_wp .an_t{ padding-right: 60rpx;} */ .wc_tit_wp .an_t:after { display: none; } .data-is-bottom { box-sizing: border-box; padding: 30rpx 20rpx; width: 100%; color: #999; text-align: center; font-size: 28rpx; } /* 筛选 */ .search-container { position: relative; z-index: 3; overflow: hidden; width: 100%; height: 100%; background: #fff; } .search-tip-bar { display: flex; height: 40rpx; /* border-bottom:2rpx solid #e5e5e5; */ justify-content: space-between; } .search-tip-item { margin: 0 24rpx; height: 40rpx; text-align: center; font-size: 28rpx; line-height: 40rpx; } .search-tip-item:after { display: inline-block; margin: -2rpx 0 0 6rpx; width: 0; height: 0; border-top: 8rpx solid #666; border-right: 8rpx solid transparent; border-left: 8rpx solid transparent; content: ""; vertical-align: middle; } .search-tip-item.active:after { border-top: 0; border-right: 8rpx solid transparent; border-bottom: 8rpx solid #666; border-left: 8rpx solid transparent; } .scroll-view { position: absolute; top: 180rpx; right: 0; bottom: 0; left: 0; z-index: 4; } .list-container { width: 100%; background: #fff; } .list-wrap { box-sizing: border-box; padding: 0 30rpx; width: 100%; } .list-item { position: relative; float: left; overflow: hidden; margin-top: 40rpx; padding: 15px 0; width: 100%; box-shadow: rgba(0, 0, 0, .05) 0 0 40rpx; } .list-wrap .list-item:last-child { margin-bottom: 40rpx; } .list-item .item-pic { margin: 0 2%; width: 96%; height: 300rpx; border-radius: 10rpx; } .list-item .item-info .bt { overflow: hidden; padding: 10px 2% 15px; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; line-height: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .item-city { position: absolute; top: 20px; right: 10px; padding: 8rpx 15rpx; border: 2rpx solid rgba(255, 194, 48, 1); border-radius: 30rpx 0 20rpx 0rpx; background: rgba(255, 194, 48, .8); color: #510202; font-size: 24rpx; } .item-city text { margin: auto 5px; } .item-title { position: absolute; top: 80px; overflow: hidden; margin-left: 5%; width: 90%; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .item-desc { left: 15rpx; display: -webkit-box; overflow: hidden; padding: 0rpx 20rpx 0 20rpx; max-height: 120rpx; color: #333; text-overflow: ellipsis; white-space: pre-wrap; font-size: 32rpx; line-height: 56rpx; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .item-eventdate { position: absolute; top: 120px; overflow: hidden; margin-left: 5%; width: 90%; color: #fff; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .sort-page { position: fixed; top: 286rpx; right: 0; bottom: 0; left: 0; z-index: 10; height: 100vh; background: rgba(0, 0, 0, .5); } .sort-group { background: #fff; } .sort-item { position: relative; padding: 0 50rpx; height: 78rpx; border-bottom: 2rpx solid #e5e5e5; color: #666; font-size: 28rpx; line-height: 78rpx; } .sort-item-active { color: #1677ff; } .sort-item-active:after { position: absolute; top: 50%; right: 20rpx; display: inline-block; margin-top: -14rpx; width: 22rpx; height: 18rpx; background-size: contain; content: ""; } .filter-page { position: fixed; top: 290rpx; right: 0; bottom: 0; left: 0; z-index: 10; background: #fff; /* height: 100%; */ } .filter-box { position: absolute; top: 0; right: 0; bottom: 108rpx; left: 0; display: -webkit-box; } .filter-hd { width: 220rpx; height: 100%; background: #f2f6f9; } .filter-hd-item { position: relative; padding: 0 20rpx; height: 80rpx; font-size: 28rpx; line-height: 80rpx; } .filter-bd-item-active, .filter-hd-item-active { background: #fff; color: #1677ff; } .filter-bd-item-active:after { position: absolute; top: 50%; right: 20rpx; display: inline-block; margin-top: -14rpx; width: 22rpx; height: 18rpx; background-size: contain; content: ""; } .filter-bd { padding: 0 20rpx; height: 100%; -webkit-box-flex: 1; } .filter-bd-item { position: relative; padding: 0 20rpx; height: 78rpx; border-bottom: 2rpx solid #e5e5e5; font-size: 28rpx; line-height: 78rpx; } .control-bar-block { position: absolute; right: 0; bottom: 0; left: 0; display: -webkit-box; padding: 14rpx 20rpx; height: 80rpx; background: #fafafa; } .control-back-btn { margin-right: 20rpx; width: 170rpx; height: 76rpx; border: 2rpx solid #b8b8b8; border-radius: 10rpx; color: #8a8a8a; text-align: center; font-size: 26rpx; line-height: 76rpx; } .control-confirm-btn { height: 80rpx; border-radius: 10rpx; background: #1677ff; color: #fff; text-align: center; font-size: 30rpx; line-height: 80rpx; -webkit-box-flex: 1; } .wc_cont .at_t { line-height: 51rpx; color: #444; margin-bottom: 60rpx; text-indent: 0; text-align: justify; } .cont_end { text-align: center; font-size: 28rpx; color: #999; } /* 美食 */ /* 控制内容显示 */ .ms_top_img { width: 100%; min-height: 560rpx; } .h_define_cont { position: relative; /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*white-space: pre-wrap;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 10; display: -webkit-box; } .hide { display: none } .nr_hide { position: absolute; z-index: 6; bottom: 0; width: 100%; background: linear-gradient(top, rgba(255, 255, 255, .8), rgba(255, 255, 255, 1)); height: 100rpx; line-height: 100rpx; text-align: center; font-size: 30rpx; color: #555; } .pic_fod_duo { width: 40rpx; height: 40rpx; display: inline-block; margin-left: 10rpx; position: relative; top: 10rpx } /* */ /*游客评价*/ .pingj_lst { border-bottom: 3rpx dashed #ddd; padding: 30rpx 0 0 0; } .pj_fens_warp { border-bottom: 3rpx solid #eee; padding-bottom: 30rpx; } .pjia_usr_inf { padding-bottom: 20rpx; } .pjia_user { font-size: 30rpx; } .pjia_time { font-size: 24rpx; color: #999; padding-top: 10rpx } .ykusr_name { color: #222; font-weight: 700; font-size: 30rpx; text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; } .pj_tol { font-size: 32rpx; color: #888; } .pj_fens { color: #00B8A5; font-size: 64rpx; font-weight: bold; } .pj_fens text { font-size: 30rpx; padding-left: 15rpx; display: inline-block; } .pingj_lst .lvdh_inf { color: #333; } .pj_warp_lst .pingj_lst:last-child { border-bottom: 0; } .btn_link_m { background: #fff; text-align: center; margin-bottom: 40rpx; } .link_m_txt { display: inline-block; padding: 15rpx 40rpx; border: 2rpx solid #eee; border-radius: 60rpx; font-size: 30rpx; color: #666; } .yk_daf { color: #00CEB9; font-size: 30rpx; } .yk_star { display: inline-block; } .jia_fen { padding-left: 10rpx; position: relative; top: 5rpx; display: inline-block; } .pjia_usr_inf .sec_whe_unit { display: inline-flex; /*flex布局*/ flex-direction: column; /*垂直排列*/ align-items: flex-end; } .wpj_u_tou { width: 120rpx; height: 120rpx; } .apj_u_img { width: 100rpx; height: 100rpx; border-radius: 100rpx; } .apj_u_nr { width: 160rpx; height: 160rpx; border-radius: 15rpx; /* box-shadow: rgba(0,0,0,.1) 0rpx 0 20rpx; */ } .pj_ner { margin-top: 30rpx; position: relative; } .pj_ner .at_t { margin-bottom: 10rpx; } .pj_t_h { height: 140rpx; overflow: hidden; } .pj_m_h { height: 170rpx; overflow: hidden; } .pj_open { display: inline-block; position: absolute; right: 0; bottom: 0; height: 38rpx; background: #fff; padding: 0 10rpx; } .pj_open text, .pj_closed text { display: inline-block; line-height: 38rpx; color: #00B4A2; padding: 2rpx 20rpx; background: #EBF9F8; border-radius: 6rpx; font-size: 24rpx; } .pj_closed { /* margin-bottom: 30rpx; */ } .pjia_usr_inf .apj_u_nr { margin-bottom: 15rpx; } .wpj_btn { background: #00B4A2; font-size: 28rpx; color: #fff; padding: 0; } .wpj_zong { border-right: #eee 3rpx solid; padding: 10rpx 20rpx; margin-right: 20rpx; } /* 瀑布流 */ .list_pb { display: flex; justify-content: space-between; align-items: flex-start; } .pul_img { width: 100%; border-radius: 15rpx 15rpx 0 0; } .list_brand { display: flex; margin-right: 4%; width: 48%; flex-direction: column; } .list_pb .list_brand:nth-child(even) { margin-right: 0; } .pu_item { margin-bottom: 30rpx; padding-bottom: 30rpx; border-radius: 15rpx; background: #fff; /* box-shadow:rgba(0,0,0,.1) 0 0 20rpx; */ } .desc_pb { padding: 0 20rpx; border-radius: 0 0 15rpx 15rpx; font-size: 30rpx; } /* 预约 */ /* 二维码 */ .ma_wrp { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -65%); transform: translate(-50%, -65%); /* box-shadow: rgba(0,0,0,.1) 0 0 20rpx; */ padding: 60rpx 60rpx 100rpx 60rpx; border-radius: 15rpx; } .ma_img { width: 500rpx; height: 500rpx; } .rcd_box { padding: 30rpx; border-radius: 15rpx; /* box-shadow: rgba(0,0,0,.1) 0 0 20rpx; */ } /* .rcd_box2{ padding: 30rpx; padding-bottom: 0; border-radius: 15rpx; box-shadow: rgba(0,0,0,.1) 0 0 20rpx;} */ /* 预约记录 */ .tji_wp .fx_1 { width: 50%; } .tji_wp .an_t_2 { color: #333; font-size: 30rpx; } .tji_wp .an_t_1 { font-size: 56rpx; font-weight: bold; } .tji_wp .an_t_1 text { font-size: 28rpx; padding-left: 10rpx; } .rcd_data { /* padding: 40rpx 0; */ border-right: 3rpx solid #eee; } .dy_fx .rcd_data:nth-child(2) { border-right: none; padding-left: 20rpx; } .dy_fx .rcd_data:nth-child(2) .an_t_1 { color: #00B4A2; } .dy_fx .rcd_data:nth-child(2) .an_t_1 text { color: #00B4A2; font-weight: normal; } .dy_fx .rcd_data:nth-child(1) .an_t_1 { color: #1677ff; } .dy_fx .rcd_data:nth-child(1) .an_t_1 text { color: #1677ff; font-weight: normal; } .admrd_lst {} .admrd_lst .wpj_u_tou { background: #EBF9F8; border-radius: 50%; } .rcd_box2 { padding: 30rpx 15rpx; border-radius: 15rpx; /* box-shadow: rgba(0,0,0,.1) 0 0 20rpx; */ } .admrd_lst .an_t_2 { margin-top: 10rpx } .admrd_lst .an_t_2:nth-child(2) { margin-top: 20rpx; color: #007AFF; } .admrd_lst .an_t_2:nth-child(3) { color: #00B4A2; } .admrd_lst .an_t_2:nth-child(5) { margin-top: 0 } /* tab */ .yue_tab_box { text-align: center; } .yue_tab { font-size: 30rpx; color: #999; } .yue_tab { display: inline-block; padding: 25rpx 0rpx; } .yue_tab.tab_cur { color: #1677ff; } .tab_cur { display: block; position: relative; } .tab_cur:after { content: ''; position: absolute; width: 30rpx; height: 4rpx; border-radius: 4rpx; background: #1677ff; border-radius: 4rpx; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .yue_lst .at_t { padding-right: 60rpx; } .yue_btn_1 { width: 32rpx; height: 32rpx; } .t_col_1 { font-size: 28rpx; color: #1677ff; } .t_col_2 { font-size: 28rpx; color: #999; } /* 景区预约 */ .yue_ipt { background: #f5f5f5; margin-top: 10rpx; border-radius: 10rpx; padding: 10rpx; padding-bottom: 20rpx; } .yue_ipt .an_t { font-size: 30rpx; } .yue_ipt .an_t:after { right: 10rpx; top: 10rpx } .yue_thd {} .yue_thd .fx_1 { margin-right: 15rpx; } .yue_thd .fx_1:last-child { margin-right: 0; } .yue_fm_btn { background: none; outline: none; border: none; box-shadow: none; width: 100%; padding: 0; } .yue_fm_btn:after { display: none; } .yue_e_bun { font-size: 30rpx; color: #fff; background: #1677ff; padding: 8rpx 0; } .yue_e_bun .ac_size_1 { margin-right: 10rpx; position: relative; top: 6rpx } .yue_icn { position: absolute; right: 5rpx; top: 5rpx; z-index: 0; } .yue_icn .ac_size_1 { width: 56rpx; height: 56rpx; } /* 预约详情 */ .yue_dg_inf { margin-bottom: 20rpx; } .yue_dg_inf .at_t { padding-top: 0; padding-left: 20rpx; } .yue_e_qx { background: #fff; font-size: 30rpx; color: #999; padding: 8rpx 0; } /* 我的预约 */ .y_btn_box { border-top: 3rpx solid #eee; padding-top: 20rpx; position: relative; top: 25rpx } .y_btn_box .w_two:nth-child(1) { border-right: 3rpx solid #eee; } .y_btn_box .w_two:nth-child(1) .an_t_2 { color: #23b4ff; } .y_btn_box .w_two:nth-child(2) .an_t_2 { color: #999; } .yue_btn_1 { width: 40rpx; height: 40rpx; display: inline-block; position: relative; top: 10rpx; margin-right: 10rpx; } /* 评价 */ .s_pj_img { width: 110rpx; height: 110rpx; border-radius: 15rpx; } .sanj_blue, .sanj_lv, .sanj_hui { width: 0; height: 0; border-width: 46rpx; border-style: solid; border-color: #5E9AD5 #5E9AD5 transparent transparent; display: block; border-top-right-radius: 15rpx; } .hf_txt, .hf_txt_gb { position: absolute; right: -4rpx; top: 16rpx; font-size: 18rpx; font-weight: bold; color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hf_txt_gb { color: #999; } .yous_sjiao { position: absolute; right: -30rpx; top: -30rpx } .sanj_lv { border-color: #00B4A2 #00B4A2 transparent transparent; } .sanj_hui { border-color: #EAEAEA #EAEAEA transparent transparent; } .pjfm_tips { background: rgba(255, 126, 40, .12); border-radius: 80rpx; padding: 18rpx 15rpx; color: #FF7E28; font-size: 28rpx; text-align: center; } .pjfm_bqing { justify-content: center; text-align: center; } .pjfm_star { /* position: relative; top:20rpx; */ margin-left: 20rpx; } .yinc_sub {} .yinc_sub .yue_ipt { margin-right: 15rpx; border-radius: 80rpx; margin-left: 15rpx; } .yinc_sub .yue_ipt .an_t_2 { padding-left: 15rpx; padding-right: 15rpx; color: #333; } .yue_ipt.cur { background: rgba(0, 180, 162, .08) } .yue_ipt.cur .an_t_2 { color: rgba(0, 180, 162, 1); } .pj_btn_del { position: absolute; right: -5rpx; top: -10rpx; z-index: 2; } .pj_btn_del .ac_size_1 { background: #EF2020; border-radius: 38rpx; } .schu_an .yue_ipt { margin-top: 0; padding: 0; } .schu_an .an_t_2 { /* position: relative; top:-25rpx */ margin-top: -45rpx } .schu_an .ac_size_1 { width: 65rpx; height: 65rpx; margin-top: 40rpx } .pjfm_textarea { border-top: 3rpx solid #eee; padding-top: 30rpx } .textarea_h { min-height: 320rpx; width: 100%; font-size: 30rpx; padding: 0 15rpx; } .pjfm_tu .w_25 { margin-bottom: 20rpx; width: 23.5%; margin-right: 2%; } .pjfm_tu .w_25:nth-child(4n) { margin-right: 0; } /* 回复评论 图片区 */ .hfu_tu_1 .apj_u_nr { width: 150rpx; height: 150rpx; } .hfu_tu_1 .ac_size_1 { margin-top: 30rpx } .hfu_tu_1 .pj_btn_del .ac_size_1 { margin-top: 0 } .hfu_tu_1 .an_t_2 { margin-top: -42rpx } .yue_e_qx_h { border: 3rpx solid #eee; font-size: 30rpx; color: #666; padding: 8rpx 0; } .hfu_ren_adm, .hfu_ren_wo { font-weight: bold; padding-left: 20rpx; position: relative; top: -10rpx } .hfu_ren_adm:before, .hfu_ren_wo:before { display: inline-block; width: 6rpx; height: 28rpx; background: #5E9AD5; content: ''; position: absolute; left: 0; top: 10rpx } .hfu_ren_wo:before { background: #00B4A2; } /* 管理员登录 */ .lgn_box { width: 80%; position: absolute; left: 50%; top: 60rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .lgn_row { border-bottom: 2rpx solid #eee; padding: 10rpx; margin-bottom: 30rpx; padding-right: 20rpx; position: relative; } .lg_ipt { padding: 20rpx 0; font-size: 30rpx; padding-left: 90rpx; } .lgn_inf { position: absolute; left: 0rpx; top: 26rpx; padding-right: 15rpx; font-size: 32rpx; border-right: 2rpx solid #eee } .lgn_img { width: 50rpx; height: 50rpx; } .lgn_img_j { width: 50rpx; height: 50rpx; display: inline-block; margin-right: 5rpx; } .lgn_j_box { margin-top: 20rpx; text-align: center; } .lgn_j_box .fx_1 { padding: 10rpx 0; margin-right: 30rpx; } .lgn_j_box .fx_1:last-child { margin-right: 0; } .jue_inf { font-size: 32rpx; background: #edf3ff; padding: 10rpx; border-radius: 100rpx; } .cur .jue_inf { background: #3F80FF; color: #fff; } .jue_inf text { position: relative; top: -14rpx } .lgn_tab { padding-bottom: 60rpx; } .lgn_tab text { display: inline-block; padding: 20rpx; margin: 0 40rpx; font-size: 36rpx; color: #222; position: relative } .lgn_tab text:after { position: absolute; right: -40rpx; top: 28rpx; display: inline-block; width: 2rpx; height: 40rpx; background: #eee; content: ''; } .lgn_tab text:last-child:after { display: none; } .lgn_tab text:last-child { border-right: none; } .lgn_tab .cur { border-bottom: 2rpx solid #3F80FF; } .lgn_btn { background: #3f80ff; border-radius: 100rpx; padding: 0; color: #fff; font-size: 32rpx; border: none; box-shadow: 0 0 40rpx rgba(63, 128, 255, .3); font-weight: bold; text-shadow: rgba(0, 0, 0, .2) 0 0 10rpx; } .lgn_link { font-size: 24rpx; color: #999; padding-top: 30rpx } .lgn_btn_a { background: #fff; border: none; border-radius: 100rpx; padding: 5rpx 0; color: #333; font-size: 32rpx; margin-top: 30rpx; box-shadow: none; } .lgn_btn_a:after { display: none; } .dj_area { background: #f5f5f5; padding: 30rpx 10rpx; min-height: 180rpx; } .dj_area .textarea { padding: 0; width: 100%; } .lgn_t_box { position: relative; } .lgn_t_h1 { font-size: 42rpx; font-weight: bold; /* padding-bottom: 80rpx; */ } .lgn_t_link { position: absolute; right: 0; top: 10rpx; font-size: 28rpx; color: #3f80ff; } .lgn_pd { padding-top: 60rpx } /* 景区-详情页 */ .liu_img { width: 186rpx; height: 82rpx; display: block; margin: 0 auto; } .jqdg_liu { background: linear-gradient(rgba(0, 206, 185, .2) 0%, #fff 25%, #fff 40%, rgba(0, 206, 185, .06) 100%); padding: 60rpx 0; border-radius: 15rpx; } .liu_txt { color: #f96400; font-size: 32rpx; } .liu_echarts { border-top: 10rpx solid rgba(0, 206, 185, .05); } .sb_1_img { width: 196rpx; height: 150rpx; border-radius: 15rpx; } .jqu_pl_area { max-height: 180rpx; overflow: hidden; } .jq_parea_unt { width: 170rpx; margin-right: 10rpx; } .jq_parea_unt image { width: 170rpx; height: 170rpx; } .jq_parea_hfu { background: #f5f5f5; margin-top: 20rpx; } .fu_jq_1 { font-size: 28rpx; } .fu_jq_1 text { color: #1677ff; padding-right: 10rpx; } .jq_parea_hfu .t_col_2 { padding: 10rpx 0 25rpx 0; font-size: 20rpx; } .fu_t_3 { color: #2769b1; font-size: 24rpx; } /* 翻译页 */ .size_40 { width: 60rpx; height: 60rpx; } .br_an_mde { border-bottom: 30rpx solid #eee; } .clear_btn { font-size: 28rpx; background: #007AFF; color: #fff; padding: 10rpx 50rpx; border-radius: 60rpx; display: inline-block; } .clear_btn_2 { color: #999; font-size: 24rpx; display: inline-block; margin-right: 30rpx; /* border:3rpx solid #ddd;border-radius: 60rpx; padding:10rpx 30rpx; */ } .pik_fy { display: inline-block; position: relative; padding-right: 30rpx; } .pik_fy:after { display: inline-block; content: ''; width: 15rpx; height: 15rpx; border-right: 3rpx solid #aaa; border-bottom: 3rpx solid #aaa; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 20rpx; } /* 用户协议 */ .yins_l { padding-bottom: 30rpx; } .yins_l .tw_lal { margin-right: 0; } .yins_l .lgn_link { padding-top: 10rpx } .s_blue { color: #4b83d0; } .zce_cot .gan_name { padding-bottom: 20rpx; } .zce_cot .gan_con { font-size: 28rpx; line-height: 45rpx; color: #333; } .gan_name_zce { font-size: 30rpx; font-weight: 700; padding-bottom: 20rpx; color: #333; } .xyi_int { display: block; text-indent: 20rpx; color: #333; padding-top: 15rpx; font-weight: 600; } .xyi_int_2 { display: block; text-indent: 40rpx; color: #333; padding-top: 6rpx; font-weight: 600; } .bot_about_k .t_col_1, .bot_about_k { display: inline-block; } /* E鹿悦游 */ .an_tit_tab { background: #D9E7F5; padding: 60rpx; border-radius: 15rpx; margin-right: 20rpx; font-size: 30rpx; color: #5E9AD5; } .an_tab_cur { background: linear-gradient(135deg, #D8EFFF, #65ABEE); color: #fff; text-shadow: rgba(0, 0, 0, .2) 0 0 10rpx; } .an_tj_scl { width: 224rpx; height: 154rpx; border-radius: 15rpx; } .an_top_2 { position: relative; z-index: 3; padding-top: 400rpx } .anbox_2 { background: #fff; border-radius: 36rpx 36rpx 0 0; position: relative; } .an_vdo_2 { position: absolute; right: 60rpx; top: -60rpx } .an_vdo_img_2 { width: 108rpx; height: 108rpx; } .an_top_3 { position: absolute; top: 0; left: 0; right: 0; height: 450rpx; } .an_bj_3 { width: 100%; height: 450rpx; } .an_sqi { position: relative; font-size: 28rpx; color: #999; } .an_sqi:before { display: block; width: 20rpx; height: 20rpx; position: absolute; top: -15rpx; content: ''; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); border-top: 3rpx solid #999; border-right: 3rpx solid #999; } .an_zkai { position: absolute; bottom: 0; background: rgba(255, 255, 255, .85); width: 100%; } .an_gyu { position: relative; height: 210rpx; overflow: hidden; } .item-info_jd { position: relative; padding: 15rpx 0 } .title_jd { display: -webkit-box; overflow: hidden; padding-right: 110rpx; text-overflow: ellipsis; font-size: 34rpx; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .attr_jd .tip_jd { display: inline-block; margin-right: 10rpx; padding: 5rpx 10rpx; border-radius: 5rpx; background: rgba(9, 131, 255, .08); color: rgba(9, 131, 255, 1); font-size: 24rpx; } .attr_jd .tip1_jd { display: inline-block; margin-right: 12rpx; padding: 0 5rpx; height: 32rpx; border: 1rpx solid #ff4f32; border-radius: 5rpx; color: #ff4f32; font-size: 20rpx; line-height: 32rpx; } .data_jd { display: flex; margin-top: 15rpx; justify-content: space-between; } .myd_jd, .sell_jd { color: #2dbb55; font-size: 28rpx; line-height: 40rpx; } .myd1_jd, .sell_jd { color: #999; font-size: 28rpx; line-height: 40rpx; } .price_jd { color: #999; font-size: 24rpx; line-height: 40rpx; } .num_jd { color: #ff4f32; font-size: 32rpx; line-height: 40rpx; } /* 特产 */ .hb_img_size2 { width: 100%; height: 254rpx; background: #f2dedc; border-radius: 10rpx; } .tch_box { position: relative; height: 240rpx; } .tch_box .fax_zhe { top: 0; height: 240rpx; background: rgba(0, 0, 0, .5); } .h3_tch { color: #fff; font-size: 34rpx; margin: 50rpx 20rpx 20rpx; } .p3_tch { color: #fff; font-size: 28rpx; margin: 0 20rpx 0 20rpx; opacity: .9; } .tch_lst_pic { width: 160rpx; } .tch_lst_pic .kou_top2 { margin-top: 80rpx; margin-left: 40rpx; } .swp_tch { height: 440rpx; box-shadow: rgba(0, 0, 0, .1) 0 0 10rpx; } .unit-tch { height: 340rpx; position: relative; } .tch_size1 { height: 340rpx; width: 100%; } .tch_tjian .ht_text { text-align: center; padding-left: 20rpx; padding-right: 20rpx; padding-top: 10rpx; font-weight: bold; } .swp_tch .tch_tjian:nth-child(4n) .tch_size1 { background: #f2dedc; } .swp_tch .tch_tjian:nth-child(4n+1) .tch_size1 { background: #e6f2dc; } .swp_tch .tch_tjian:nth-child(4n+2) .tch_size1 { background: #dcf0f2; } .swp_tch .tch_tjian:nth-child(4n+3) .tch_size1 { background: #e9dcf2; } .tch_lst2_pic { position: relative; margin-bottom: 20rpx; } .tch_lst2_pic .hb_img_size2 { height: 200rpx; transition: all .3s ease; } .tch_lst2_pic .ht_text { -webkit-line-clamp: 2; font-weight: normal; margin-bottom: 40rpx; font-size: 30rpx; line-height: 45rpx; } .ht_text_chan { position: absolute; bottom: 10rpx; width: 100%; padding: 15rpx 0; text-align: center; background: rgba(0, 0, 0, .4); /* transform: translateY(-50%); */ color: #fff; font-size: 30rpx; } /* 预约 0527 */ .an_date { background: #D9E7F5; padding: 60rpx; border-radius: 15rpx; margin-right: 20rpx; font-size: 30rpx; color: #5E9AD5; } .date_cur { background: linear-gradient(135deg, #D8EFFF, #65ABEE); color: #fff; text-shadow: rgba(0, 0, 0, .2) 0 0 10rpx; } .yued_h3 { font-size: 45rpx; color: #fff; padding: 30rpx 0 20rpx 0; font-weight: 200; } .yued_time { font-size: 28rpx; color: #fff; } .yued_res_box { justify-content: center; align-items: center; } .wei_box, .huan_box, .guo_box { position: absolute; width: 100%; left: 0; top: 0; height: 400rpx; background: #fe9900; z-index: 0; } .huan_box { background: #22b938; } .guo_box { background: #a3a3a3; } .wei_box_con { position: relative; z-index: 5; } /* .wei_box_con > .an_box_4{ padding-top:60rpx} */ .zjty { justify-content: space-between; padding: 20rpx 0; } .zjty .fx_1 { margin-right: 10rpx; padding: 5rpx; font-size: 24rpx; color: #666; background: #f5f5f5; text-align: center; border-radius: 5rpx; } .fx_1.ty_cur { background: #d9e7ff; color: #007AFF; position: relative; } .ty_cur::after { position: absolute; right: 0; bottom: 0; content: ''; width: 12rpx; height: 10rpx; border-radius: 15rpx 0rpx 5rpx 0rpx; text-align: center; background: rgb(70, 132, 255); /* color: #fff; font-size: 6rpx; line-height: 20rpx; */ } .yue_jq_box { border-bottom: 3rpx solid #eee; padding: 15rpx 0; } .yue_dgimg_size { width: 30rpx; height: 30rpx; } .yue_jq_box .yue_dgimg_size { margin-right: 10rpx } .btn_unke, .btn_ke, .btn_man, .btn_jing { margin-left: 30rpx; padding: 10rpx 20rpx; line-height: normal; background: #aaa; font-size: 28rpx; color: #fff; } .btn_ke { background-color: rgb(70, 132, 255); } .btn_man { background-color: rgb(255, 77, 71); } .btn_jing { background-color: #fe9900; } .xqi_2 { padding-top: 360rpx; margin: 0 30rpx; } .an_box_4 .yue_jq_box:last-child { border: none } .ut_zhou { padding: 0 30rpx; text-align: center; border-bottom: 3rpx solid #eee; padding-bottom: 20rpx; } .ut_zhou.cur_zhou { border-bottom: 8rpx solid rgb(70, 132, 255); } .yue_jq_dji, .yue_jq_type { display: inline-block; padding: 5rpx 15rpx; margin-right: 10rpx; font-size: 24rpx; color: #333; background: #ffaa00; border-radius: 5rpx; } .yue_jq_type { background: none; border: 1px solid #eee } .yue_btn_2 { margin-top: 20rpx; text-align: right; } .yue_btn_2 .btn_ke { display: inline-block; padding-left: 20rpx; padding-right: 20rpx; border-radius: 10rpx; } .erm_bx { position: absolute; z-index: 13; top: 30rpx; right: 30rpx; } .shef_img { width: 100%; height: 304rpx; } .yue_ipt_zj { background: #f5f5f5; margin-top: 15rpx } .btn_zj_cam { justify-content: center; align-items: center; } .yue_ipt_zj button.btn_zj_cam::after { display: none; } .yue_ipt_zj .apj_u_img { background-color: rgba(255, 255, 255, .9); box-shadow: rgba(0, 0, 0, .2) 0 0 10rpx; padding: 20rpx; box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 8; } /* 登录/注册 */ .lg_tit_tips { padding: 0 5rpx; margin-left: 10rpx; color: #007AFF; display: inline-block; border-bottom: 3rpx solid #007AFF; } .lg_2_l { border-bottom: 3rpx solid #eee; padding: 20rpx 0; } .lg_bx_2 .at_t { font-weight: bold; font-size: 30rpx; } .size_80 { width: 80rpx; height: 80rpx; border-radius: 80rpx; background-color: #07B800; } .dib_fm .pjia_time { position: relative; } .dib_fm .pjia_time::before { content: ''; width: 60%; left: 50%; height: 1rpx; background: #ddd; position: absolute; top: 70%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dib_fm .pjia_time text { position: relative; z-index: 1; background-color: #fff; display: inline-block; padding: 0 35rpx; } .lg_btn_bd .yue_e_bun { border-radius: 100rpx; font-size: 34rpx; box-shadow: rgba(22, 119, 255, .8) 0 0 15rpx; } .an_box_mes { padding: 15rpx 30rpx; padding-bottom: 0; border-bottom: 10rpx solid #f2f2f2; position: -webkit-sticky; position: sticky; top: 0; z-index: 9; background: #fff; } .pb_15 { padding-bottom: 15rpx; } .cf_btn { font-size: 28rpx; } .fz_img { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); transition: all 2s; } .cf_btn .ac_size_1 { position: relative; top: 10rpx; display: inline-block; margin-right: 5rpx; } .h_define { height: 150rpx; overflow: hidden; } .bg_bwg { background: #fff4e3; } .bwg_tol { padding: 20rpx 0; } .bwg_tol .size_40 { width: 50rpx; height: 50rpx; } .bwg_tol>view { /* border-right: 3rpx dashed #ddd; */ padding: 0 60rpx; text-align: center; } .f_30 { font-size: 30rpx; } /* 直播设置 */ .onair_icon { position: absolute; left: 0rpx; top: 87rpx } .bo_1 { width: 6rpx; display: inline-block; border-radius: 10rpx; background: #26b5bb; } .onair_icon .bo_1:nth-child(1) { height: 15rpx; -webkit-animation: boanm1 1s ease-in infinite; animation: boanm1 1s ease-in infinite; transition: all 1s liner; margin-right: 5rpx; } .onair_icon .bo_1:nth-child(2) { height: 30rpx; -webkit-animation: boanm1 1.5s ease-in-out infinite; animation: boanm1 1.5s ease-in-out infinite; transition: all 1.5s linear; margin-right: 5rpx; } .onair_icon .bo_1:nth-child(3) { height: 20rpx; -webkit-animation: boanm1 2s linear infinite; animation: boanm1 2s linear infinite; transition: all 2s linear; } .zb_tt { color: #26b5bb; margin-left: 25rpx; } .zb_imgg { width: 220rpx; height: 120rpx; border-radius: 10rpx; margin-right: 20rpx; } .ix_zhibo { border-top: 3rpx solid #eee; padding-top: 30rpx; padding-right: 20rpx; } .lq_recommend{position: absolute;left: 0;top:0; width: 60rpx;height: 60rpx;} .lq_recommend image{width: 60rpx;} .relative{position: relative;} @-webkit-keyframes boanm1 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 60%; transform-origin: 100% 60%; } 50% { -webkit-transform: scale(1, 1.02); transform: scale(1, 1.02); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } } @keyframes boanm1 { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 60%; transform-origin: 100% 60%; } 50% { -webkit-transform: scale(1, 1.02); transform: scale(1, 1.02); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } 100% { -webkit-transform: scale(1, 0.6); transform: scale(1, 0.6); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } } .u-line-1 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical !important; } .u-line-2 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; } .u-line-3 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; } .u-line-4 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical !important; } .u-line-5 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical !important; } .u-border { border-width: 0.5px !important; border-color: #dadbde !important; border-style: solid; } .u-border-top { border-top-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; } .u-border-left { border-left-width: 0.5px !important; border-color: #dadbde !important; border-left-style: solid; } .u-border-right { border-right-width: 0.5px !important; border-color: #dadbde !important; border-right-style: solid; } .u-border-bottom { border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-bottom-style: solid; } .u-border-top-bottom { border-top-width: 0.5px !important; border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; border-bottom-style: solid; } .u-reset-button { padding: 0; background-color: transparent; font-size: inherit; line-height: inherit; color: inherit; } .u-reset-button::after { border: none; } .u-hover-class { opacity: 0.7; } .u-primary-light { color: #ecf5ff; } .u-warning-light { color: #fdf6ec; } .u-success-light { color: #f5fff0; } .u-error-light { color: #fef0f0; } .u-info-light { color: #f4f4f5; } .u-primary-light-bg { background-color: #ecf5ff; } .u-warning-light-bg { background-color: #fdf6ec; } .u-success-light-bg { background-color: #f5fff0; } .u-error-light-bg { background-color: #fef0f0; } .u-info-light-bg { background-color: #f4f4f5; } .u-primary-dark { color: #398ade; } .u-warning-dark { color: #f1a532; } .u-success-dark { color: #53c21d; } .u-error-dark { color: #e45656; } .u-info-dark { color: #767a82; } .u-primary-dark-bg { background-color: #398ade; } .u-warning-dark-bg { background-color: #f1a532; } .u-success-dark-bg { background-color: #53c21d; } .u-error-dark-bg { background-color: #e45656; } .u-info-dark-bg { background-color: #767a82; } .u-primary-disabled { color: #9acafc; } .u-warning-disabled { color: #f9d39b; } .u-success-disabled { color: #a9e08f; } .u-error-disabled { color: #f7b2b2; } .u-info-disabled { color: #c4c6c9; } .u-primary { color: #3c9cff; } .u-warning { color: #f9ae3d; } .u-success { color: #5ac725; } .u-error { color: #f56c6c; } .u-info { color: #909399; } .u-primary-bg { background-color: #3c9cff; } .u-warning-bg { background-color: #f9ae3d; } .u-success-bg { background-color: #5ac725; } .u-error-bg { background-color: #f56c6c; } .u-info-bg { background-color: #909399; } .u-main-color { color: #303133; } .u-content-color { color: #606266; } .u-tips-color { color: #909193; } .u-light-color { color: #c0c4cc; } .u-safe-area-inset-top { padding-top: 0; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .u-safe-area-inset-right { padding-right: 0; padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); } .u-safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .u-safe-area-inset-left { padding-left: 0; padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); } ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } .u-flex, .u-flex-row, .u-flex-x { display: flex; flex-direction: row; } .u-flex-y, .u-flex-column { display: flex; flex-direction: column; } .u-flex-x-center { display: flex; flex-direction: row; justify-content: center; } .u-flex-xy-center { display: flex; flex-direction: row; justify-content: center; align-items: center; } .u-flex-y-center { display: flex; flex-direction: row; align-items: center; } .u-flex-x-left { display: flex; flex-direction: row; } .u-flex-x-reverse, .u-flex-row-reverse { flex-direction: row-reverse; } .u-flex-y-reverse, .u-flex-column-reverse { flex-direction: column-reverse; } .u-flex.u-flex-reverse, .u-flex-row.u-flex-reverse, .u-flex-x.u-flex-reverse { flex-direction: row-reverse; } .u-flex-column.u-flex-reverse, .u-flex-y.u-flex-reverse { flex-direction: column-reverse; } .u-flex-fill { flex: 1 1 auto; } .u-margin-top-auto, .u-m-t-auto { margin-top: auto !important; } .u-margin-right-auto, .u-m-r-auto { margin-right: auto !important; } .u-margin-bottom-auto, .u-m-b-auto { margin-bottom: auto !important; } .u-margin-left-auto, .u-m-l-auto { margin-left: auto !important; } .u-margin-center-auto, .u-m-c-auto { margin-left: auto !important; margin-right: auto !important; } .u-margin-middle-auto, .u-m-m-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-flex-wrap { flex-wrap: wrap; } .u-flex-wrap-reverse { flex-wrap: wrap-reverse; } .u-flex-start { justify-content: flex-start; } .u-flex-center { justify-content: center; } .u-flex-end { justify-content: flex-end; } .u-flex-between { justify-content: space-between; } .u-flex-around { justify-content: space-around; } .u-flex-items-start { align-items: flex-start; } .u-flex-items-center { align-items: center; } .u-flex-items-end { align-items: flex-end; } .u-flex-items-baseline { align-items: baseline; } .u-flex-items-stretch { align-items: stretch; } .u-flex-self-start { align-self: flex-start; } .u-flex-self-center { align-self: center; } .u-flex-self-end { align-self: flex-end; } .u-flex-self-baseline { align-self: baseline; } .u-flex-self-stretch { align-self: stretch; } .u-flex-content-start { align-content: flex-start; } .u-flex-content-center { align-content: center; } .u-flex-content-end { align-content: flex-end; } .u-flex-content-between { align-content: space-between; } .u-flex-content-around { align-content: space-around; } .u-flex-middle { justify-content: center; align-items: center; align-self: center; align-content: center; } .u-flex-grow { flex-grow: 1; } .u-flex-shrink { flex-shrink: 1; } /*每个页面公共css */ /* @import './static/css/common.css'; */ .scroll-empty { text-align: center; } .scroll-empty .empty-icon { width: 45%; } .scroll-empty .empty-tip { text-align: center; margin-top: 20rpx; font-size: 24rpx; color: gray; }