page{ background: #F5F5F5; /* font-family: SimSun; */} /* @font-face { font-family: SimSun; font-weight: normal; font-style: normal; src: url('~@/static/SimSun1.ttf') ; } */ /* 导航栏占位 */ /* .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;} .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} /* 首页 */ /* 轮播图 */ .home_pic_static{width: 100%; height: 94vh; position: relative;} .home_pic{position: absolute; top:0; left: 0; width: 100%; height: 94vh; z-index: 3;} /* 淡出淡出 动画*/ .dhua { opacity: 1; animation: druc 5s linear 5s infinite; } .dhua2 { opacity: 0; animation: druc2 5s linear 5s infinite; } @keyframes druc { 0% { opacity: 1; } 70% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes druc2 { 0% { opacity: 0; } 30% { opacity: 0.9; } 100% { opacity: 1; } } /* s首页菜单 */ .home_nav{ position: absolute; z-index: 6; width: 100%; height: 402rpx; bottom: 0; left: 0;} .home_nav_tu{width: 100%; height: 402rpx;} .h_nav_box{ text-align: center; margin-top:60rpx} .kua_nav{ border-bottom: 3rpx solid rgba(255,255,255,.2);border-right: 3rpx solid rgba(255,255,255,.1); padding:0 0 15rpx 0;} .h_nav_box .w_25:nth-child(n+5) .kua_nav{ border-bottom: none;} .kua_nav .at_t{ color: #fff; margin-top:-10rpx;} .home_serch_1{ position: absolute; z-index: 10; top:30rpx; right: 30rpx; background: rgba(0,0,0,.3);width: 100rpx; height: 60rpx; border-radius: 60rpx; text-align: right;} .home_serch_2{position: absolute; z-index: 10; top:0; left: 0; width: 100%; height: 100rpx;} .sch_2{ text-align: right; padding-top:8rpx; padding-right:20rpx} .sch_2 image{width: 40rpx; height: 40rpx;} .xi_icn{width: 36rpx; height: 36rpx; position: relative; top:4rpx} .ht_swp_xi{height: 45rpx; overflow: hidden;} .xi_txt{height: 45rpx; font-size: 30rpx; position: relative; top:3rpx} /* swiper点 样式修改 */ .dots{position:absolute;bottom:130rpx;z-index:99;left: 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 ; transform: translateX(-50%); z-index: 22;} .dong_j{width: 66rpx; height: 54rpx; animation: jiant 1s linear infinite; position: relative; bottom: 0;} @keyframes jiant{ 0%{ bottom: -20rpx; opacity: 0; } 100%{ bottom: 20rpx; opacity: 1; } } .an_sch{ background:rgba(255,255,255,1); border-radius: 15rpx;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; transform: rotate(45deg); content: '';} .an_t_1{position: relative; font-size: 38rpx; padding-bottom: 10rpx; font-weight: bold; color: #ae3523 !important; } .an_t_2{ font-size: 28rpx; } .at_size_1{ width:80rpx; height: 80rpx;} .at_t{font-size: 30rpx; padding-top:5rpx} .at_t image{ border-radius: 15rpx; padding: 10rpx 0;} .an_t_1_img{ position: absolute;height: 40rpx; width: 270rpx; left: 0; top:0;z-index: 8;} .an_t_1_text{display: inline-block;color: #fdd89e; height: 40rpx; line-height: 40rpx; text-align: center; width: 20rp.x; position: relative;z-index: 9;} .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:#969696;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:60rpx;/* border-bottom:2rpx solid #e5e5e5; */justify-content:space-between;} .search-tip-item{width:33.333333%;height:60rpx;text-align:center;font-size:28rpx;line-height:60rpx;} .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:200rpx;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 30rpx;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{max-height: 510rpx; 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%; 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%; 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;opacity: .4;} .yue_e_bun.active{opacity: 1;} .yue_c_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; padding-bottom: 20rpx;} .yue_dg_inf:not(:last-child){border-bottom: 1rpx solid rgba(0,0,0,.05);} .yue_dg_inf .at_t{ padding-top:0; padding-left: 20rpx;} .yue_type{font-weight:normal;font-size: 28rpx;} .yue_type.type1{ color: #1677ff; } .yue_type.type2{ color: #00B4A2; } .yue_type.type3{ color: #aaa; } .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; 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; 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; background: ; border-right: 3rpx solid #aaa;border-bottom: 3rpx solid #aaa; 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;} /* 了解雄安 */ .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%; 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(45,204,129,.08);color:rgba(45,204,129,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:#969696;font-size:28rpx;line-height:40rpx;} .price_jd{color:#969696;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 */ .fill-full{flex: 1 1 auto;} .rcd_box .title_t_1{display: flex; color: #333; font-size: 32rpx;font-weight: 600; margin-bottom: 20rpx;} .rcd_box .title-btn{height: 50rpx; line-height: 50rpx;font-size: 28rpx;font-weight: normal;} .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;} .amt-order{padding-bottom: 20rpx;margin-bottom: 20rpx; font-size: 28rpx; border-bottom: 1rpx solid rgba(0,0,0,.05);} .order-tip{color:rgb(255, 77, 71) ;padding-right: 10rpx;} .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: #007AFF;} .yuyue-btn{position: fixed; bottom: 0;left: 0; width: 100%;background-color: #F5F5F5; } .yuyue-btn .an_box_2{} .add_btn{height: 60rpx;line-height: 60rpx;font-size: 32rpx; background: #d9e7ff; color: #007AFF;opacity: .5; } .add_btn::after{border: none;} .add_btn.active{opacity: 1;} .add_tip{color:rgb(255, 77, 71) ;font-size: 28rpx; text-align: center;} .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: #ccc; font-size: 28rpx; color: #fff;} .btn_ke{ background-color:rgb(70,132,255) ;width: 150rpx; } .btn_man{background-color:rgb(255, 77, 71) ; width: 150rpx;} .btn_jing{background-color:#fe9900 ; width: 150rpx;} .btn_unke{display: inline-block; width: 150rpx;} .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;} .yue_tip_text{font-size: 28rpx; color: #999;} .yue_tip_text text{margin-right: 30rpx;} .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%; transform: translate(-50%,-50%); z-index: 8;} .yue_code_item{margin-right: 50rpx;} .yue_code_item .title{font-weight: 600;font-size:28rpx;} .yue_code_item .code{color: #aaa;font-size: 28rpx;} .yue_code_item .codeImg{width: 250rpx; height: 250rpx; background-color: rgba(0, 0, 0, .05);} /* 登录/注册 */ .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%; 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: sticky; top:0; z-index: 9; background: #fff;} .pb_15{ padding-bottom: 15rpx;} .cf_btn{ font-size: 28rpx; } .fz_img{ 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; animation: boanm1 1s ease-in infinite; transition: all 1s liner; margin-right: 5rpx;} .onair_icon .bo_1:nth-child(2){ height: 30rpx; 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; 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;} @keyframes boanm1{ 0%{ transform: scale(1,1); transform-origin: 100% 60%;} 50%{transform: scale(1,1.02); transform-origin: 100% 100%;} 100% { transform: scale(1,0.6); transform-origin: 100% 100%; } }