You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
773 lines
36 KiB
773 lines
36 KiB
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%; }
|
|
}
|
|
|
|
|