.det_top { position: absolute; top: 0; left: 0; z-index: 0; height: 480rpx; width: 100vw; } .top_zhe { position: absolute; top: 0; left: 0; width: 100vw; height: 480rpx; background: rgba(0, 0, 0, .1); z-index: 1; } .pic_swp_bg { width: 100%; height: 480rpx; -webkit-filter: blur(10rpx); -moz-filter: blur(10rpx); -ms-filter: blur(10rpx); filter: blur(10rpx); } .mmd_top { /*margin-top: 80rpx;*/ z-index: 8; position: relative; padding-top: 80rpx } .mmd_dl { padding: 40rpx; } .dl_1 { display: block; color: #fff; padding-top: 10rpx; font-size: 28rpx; } .cur-input { color: #fff; font-size: 60rpx; font-weight: bold; } .mmd_whe {} .mmd_icon { width: 56rpx; height: 56rpx; position: relative; top: 15rpx; margin-right: 5rpx; } .dl_2 { font-size: 28rpx; color: #fff; } /*轮播图*/ .mmd_scol { z-index: 6; position: relative; /*top: -200rpx*/ } .uni-margin-wrap { width: 660upx; margin: 0 auto; } .swiper { height: 300upx; margin: 0 auto; } .swiper-item { display: block; height: 300upx; line-height: 300upx; text-align: center; } .swiper-list { margin-top: 40upx; margin-bottom: 0; } .uni-common-mt { margin-top: 60upx; position: relative; } /*工具栏*/ .mmd_line { margin: 40rpx 40rpx 0rpx 40rpx } .mmd_tol { flex: 1; text-align: center; } .mmd_tol text { font-size: 28rpx; color: #666; } .tol_icn { width: 80rpx; height: 80rpx; display: block; margin: 0 auto; } .tol_txt { font-size: 28rpx; color: #666; text-align: center; } /* .mdd_jj { padding-top: 40rpx } */ .mdd_jj .fod_det_inf { margin-top: 40rpx; } /*工具*/ .scroll-view_H { white-space: nowrap; width: 100%; text-align: center; } .scroll-view-item { text-align: center; } .scroll-view-item_H { display: inline-block; width: 20%; } /*景区*/ .scroll-view-item_s { display: inline-block; margin-right: 40rpx; } .scroll-view_s { white-space: nowrap; width: 100%; } .mmd_jq_pic { width: 450rpx; height: 280rpx; border-radius: 6rpx; } .mmd_s_txt { display: block; font-size: 34rpx; /* font-weight: bold; */ color: #333; } .mmd_s_hot { padding: 40rpx 0; padding-bottom: 0; } .mmd_s_adr { padding-top: 5rpx; display: block; width: 450rpx; font-size: 28rpx; color: #999; text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; } /*旅发大会*/ .lfdh_bg { background: #eff9f8; margin: 40rpx 0; margin-bottom: 0; border-radius: 10rpx; padding: 30rpx; box-shadow: rgba(0, 206, 185, .3) 0 15prx 10rpx; } .lfdh_bg .tit_com { padding-bottom: 40rpx; padding-top: 0; color: #01a897; display: block; } .lvdh_inf { font-size: 34rpx; line-height: 51rpx; margin-bottom: 40rpx; color: #444; letter-spacing: 2rpx; text-align: justify; } .lfdh_link { maring: 20rpx 0; display: flex; } .lfdh_link text { width: 32.33%; margin: 1%; line-height: 80rpx; height: 80rpx; border-radius: 5rpx; text-align: center; background: #fff; font-size: 28rpx; text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; } /*tab*/ .tab_mmd { padding-top: 20rpx } .tab_mmd text { display: inline-block; border-bottom: 4rpx solid #fff; padding: 10rpx 15rpx; font-size: 28rpx; color: #888; margin-right: 10rpx; } .tab_mmd .active { border-bottom: 4rpx solid #aaa; color: #333; font-size: 32rpx; } .sm_dany { width: 48%; margin-top: 40rpx; } .sm_pic { width: 80%; height: 180rpx; border-radius: 10rpx; } .bt_sm { text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; font-size: 34rpx; color: #333; /* font-weight: bold; */ } .nr_sm { margin-top: 10rpx; height: 80rpx; line-height: 40rpx; text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; font-size: 28rpx; color: #999; } .sm_list { flex-wrap: wrap; align-items: center; justify-content: space-between; } /*线路*/ .xlu_fst { margin: 20rpx 0 0 0; border-bottom: 2rpx solid #eee; padding: 20rpx 0; position: relative; } .mmd_xl_pic1 { width: 100%; height: 300rpx; border-radius: 10rpx; } .pic_xlu { width: 220rpx; height: 160rpx; border-radius: 10rpx; margin: 0 0 0 20rpx; } .mmd_xlu_box .mssj_box { padding-left: 0; } .mmd_xlu_box .msimg_wrp { position: relative; } .xlu_day { position: absolute; right: 10rpx; bottom: 20rpx; display: inline-block; padding: 10rpx 20rpx; background: rgba(0, 0, 0, .6); color: #fff; font-size: 24rpx; } .xlu_fst .xlu_day { bottom: auto; top: 250rpx; right: 10rpx; } .xlu_bq { position: absolute; top: 30rpx; left: -10rpx; display: inline-block; padding: 15rpx 30rpx 15rpx 10rpx; border-radius: 0 30rpx 30rpx 0; background: rgba(255, 60, 15, .8); color: #fff; font-size: 26rpx; font-weight: 600; } /*攻略*/ .mmd_glue { margin-top: 40rpx; justify-content: flex-start !important } .glue_pic { width: 180rpx; height: 180rpx; border-radius: 10rpx; } .glue_dany { width: 33.33%; margin-bottom: 40rpx; }