公司演示版e鹿悦游
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.
 
 
 
 
 
CjyTravel/subPageA/scenic/scenicdetial/scenicdetial.css

142 lines
6.1 KiB

.sec_name_unit {
width: 75%;
}
.sec_whe_unit {
width: 25%;
}
.sec_name_unit .cur-input {
text-overflow: ellipsis;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
}
.dl_1 text {
display: inline-block;
margin-right: 20rpx;
}
.scenic_warp .mmd_top{padding-top:20rpx}
.sec_tol{}
/* .sec_tol .tol_2_unit{ background: linear-gradient(bottom, rgba(39,114,217,.4), rgba(39,114,217,1)) !important ; /* border-radius: 0; */ /* box-shadow: none; position: relative;}
.sec_tol .tol_2_unit:first-child{ background: #f2f2f2 !important;} */
.sec_tol_pic{ width: 100%; height: 200rpx; position: absolute; z-index: -1; top:0; left: 0; }
.sec_tol .gjz_box{ position: relative; height: 200rpx; padding: 0; border-radius: 15rpx; }
.sec_tol .ht_text{ font-size: 30rpx; color: #fff;}
.sec_tol .gjz_pic{ width: 70rpx; height: 70rpx; margin-top: 40rpx;}
.sec_tol_unit .sec_tol_pic{border-radius: 15rpx;}
.sec_tol_unit{ flex: 1; margin:0 20rpx; text-align: center; position: relative; z-index: 8; }
.sec_tol .sec_tol_unit:last-child{ margin-right: 0;}
.sec_tol .sec_tol_unit:first-child{ margin-left: 0;}
.sec_tol{}
.sec_tol .sec_tol_unit:nth-child(1) .gjz_box{background: linear-gradient(bottom, rgba(252,45,74,.2), rgba(252,45,74,1))}
.sec_tol .sec_tol_unit:nth-child(2) .gjz_box{background: linear-gradient(bottom, rgba(43,162,143,.2), rgba(43,162,143,1))}
.sec_tol .sec_tol_unit:nth-child(3) .gjz_box{background:linear-gradient(bottom, rgba(173,26,252,.2), rgba(173,26,252,1)) }
/*音频*/
.btn_play{ display: inline-block; width: 90rpx; height: 90rpx; background: none; border:none; box-shadow:none; background: url(/subPageA/images/btn_play.png) no-repeat; background-size: 100%; text-indent: -9999px;}
.btn_stop{ display: inline-block; width: 90rpx; height: 90rpx; background: none; border:none; box-shadow:none; background: url(/subPageA/images/btn_stop.png) no-repeat; background-size: 100%; text-indent: -9999px;}
.btn_play:after{ display: none;}
.btn_stop:after{ display: none;}
.sce_voe{ margin-top:40rpx; background: #f2f2f2; border-radius: 15rpx; padding: 30rpx 20rpx;}
.sev_t{ font-size: 30rpx; color: #333;}
.sce_voe .sec_whe_unit{ align-self: center; }
.sce_voe .mssj_adr{ padding-top:0}
/* 简介 */
.sce_jianj{ position: relative;}
.btn_shouq{ position: absolute; right: 0; top:-80rpx;color: #666; font-size: 24rpx; }
.btn_down, .btn_up{ display: inline-block; width:32rpx; height: 32rpx; background: url(/subPageA/images/icn_down_g.png) no-repeat; background-size: 100%; position:relative; top:-2rpx; margin-left: 5rpx; text-indent: -9999px; line-height: 1;}
.btn_up{transform:scaleY(-1)}
.sce_jianj .lvdh_inf{ margin-top:32rpx}
.h_define{ height: 255rpx; overflow: hidden;text-overflow: ellipsis;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
display: -webkit-box;
}
.secdt_tips{padding-top:30rpx }
.secdt_adr{ /* border-top: 2rpx dashed #eee; */ padding-bottom: 20rpx;}
.adr_pic{ width:30rpx; height: 30rpx; margin-right: 10rpx;}
.w_adr{width:150rpx; color: #999; font-size: 28rpx; }
.cot_adr{ flex: 1;color: #666; font-size: 28rpx; padding-right: 20rpx; }
.cot_adr2{ flex: 1;color: #333; text-decoration: underline; font-size: 28rpx; padding-right: 20rpx; }
.btn_open{display: none}
/*景区地址*/
.btn_daoh{ background: #0983FF; color: #fff; font-size:28rpx ; display: inline-block; padding:0rpx 30rpx; height: 60rpx; line-height: 60rpx; }
/*门票*/
.secdt_tck{margin-bottom: 2rpx; padding: 30rpx 20rpx 30rpx 20rpx; overflow: hidden;background: #f5f5f5; }
.mp_pic{width:100rpx; height: 100rpx; float:left; border-radius: 5rpx; overflow: hidden;}
.mp_inf{}
.mp_l_box{flex: 1;}
.mp_r_box{width: 100rpx;}
.btn_buy{ display: block;background: #ff8921; padding: 10rpx 0; text-align: center; width: 100%; color: #fff; font-size: 28rpx; border-radius: 10rpx;}
.mp_name{text-overflow: ellipsis;
white-space: pre-wrap;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
overflow: hidden;
color: #333; font-size: 28rpx; padding:0 25rpx}
.fh_rmb, .price_rmb{ color:#00ceb9;}
.fh_rmb{ font-size: 24rpx; padding-right: 5rpx; padding-left: 15rpx;}
.price_rmb{ font-size: 40rpx; font-weight: 700;}
/* 垂直居中 */
.secdt_tck .sec_whe_unit, .secdt_tck .mp_r_box{ align-self: center;}
/*攻略*/
.secdt_glue .pic_shop{ width:160rpx; box-shadow: 15rpx 10rpx 0 rgba(0,206,185,.1);}
.secdt_glue .mssj_box{ margin-left: 20rpx;}
.secdt_glue .mssj_tit{ font-weight: 700;}
/*游客评价*/
.pingj_lst{ border-bottom: 2rpx dashed #eee; padding:20rpx 0 0 0;}
.pj_fens_warp{border-bottom: 8rpx solid #eee; padding-bottom: 30rpx; margin-bottom: 20rpx;}
.pjia_usr_inf{ padding-bottom: 20rpx;}
.pjia_user{ font-size: 30rpx; }
.pjia_time{font-size: 24rpx; color: #999; }
.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{margin-top:15rpx}
.pjia_usr_inf .sec_whe_unit{display: inline-flex; /*flex布局*/
flex-direction: column; /*垂直排列*/
align-items: flex-end; }
/* 门票 */
.secdt_tck .mp_inf .tags{padding: 0;line-height: 50rpx;}
.secdt_tck .mp_inf .tags text{margin-right: 10rpx;padding: 0 10rpx;border: 1px solid #ededed;border-radius: 5rpx;background: #f6f6f6;color: #666;font-size: 24rpx;}
/*
评价页面
*/
.pj_type{display: inline-block; padding: 10rpx 20rpx 10rpx 30rpx; font-size: 28rpx; border:2rpx solid #ddd; margin:0 20rpx 15rpx 0; border-radius: 30rpx;}
.qpj_num{ display: inline-block; padding-left: 20rpx; font-size: 24rpx; color: #999;}
.sected{ border:2rpx solid #70c7be; background: #f2fffe; color: #00ceb9;}