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.
241 lines
12 KiB
241 lines
12 KiB
.hb_bg{ position: absolute; height: 660rpx;z-index: 2; top:0; left: 0; right: 0;}
|
|
.hb_bg_pic{ width: 100%; height: 660rpx; background: #43a4ff; }
|
|
.hb_top{ position: relative; z-index: 22;background-image:linear-gradient(rgba(2,54,126,0), rgb(2,54,126,.9)) ; height: 660rpx;}
|
|
.hb_t_main{padding-top:200rpx}
|
|
.t_h1{ font-size:64rpx; font-weight: bold; color: #fff; text-shadow: rgba(0,0,0,.1) 0rpx 10rpx 10rpx;}
|
|
.t_h1 text{ font-weight: normal; font-size: 30rpx; padding-left: 10rpx;}
|
|
.hb_sch_box{ margin-top:30rpx; background: rgba(255,255,255,.4); border-radius: 10rpx; }
|
|
.hb_sch_box .inx_sch{padding: 20rpx; height:auto; line-height: auto; background: none; box-shadow: none;}
|
|
.hb_sch_fdj{ padding: 10rpx; position: relative; top:8rpx; width: 60rpx;}
|
|
.ut_tol{ flex: 1; text-align: center;}
|
|
.ut_tol .kou_top{ width: 110rpx; height: 110rpx;}
|
|
.ut_tol .ht_text{ color: #fff; font-size: 30rpx; padding-top:0; margin-top:0}
|
|
.hb_tol_2 .ut_tol .ht_text{ color: #333;}
|
|
.hb_tol_2 .ut_tol .kou_top{ width: 76rpx; height: 76rpx;}
|
|
|
|
.hb_tol_3{ background-image: linear-gradient(to right,#ff8f01, #fdbf00) ; padding:30rpx 20rpx; border-radius: 10rpx; box-shadow: rgba(0,0,0,.2) 0rpx 0rpx 10rpx;}
|
|
.tol_3_h1, .tol_3_p{ color: #fff; font-size: 34rpx; font-weight: 600; display: block; text-align: left; text-shadow:rgba(0,0,0,.3) 0rpx 0rpx 10rpx ;}
|
|
.tol_3_p{ font-weight: normal; font-size: 24rpx; padding-top:10rpx}
|
|
|
|
.sed_tol .ut_tol{ margin-right: 10px;}
|
|
.sed_tol .ut_tol:nth-child(2) .hb_tol_3{ background-image:linear-gradient(to right,#1668ff,#48a2fe);}
|
|
.sed_tol .ut_tol:last-child{}
|
|
.sed_tol .ut_tol:nth-child(3) .hb_tol_3{ background-image:linear-gradient(to right,#ea5469,#f3a1ac);}
|
|
.sed_tol .ut_tol:nth-child(4) .hb_tol_3{ background-image:linear-gradient(to right,#0ec1bb,#73dbd7);}
|
|
|
|
|
|
.wzr_zhe{position: absolute; bottom: 0; left: 0; width: 100%; border-radius: 0 0 10rpx 10rpx; padding: 30rpx 0; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}
|
|
.wzr_zhe .mmd_s_txt, .wzr_zhe .mmd_s_adr{ text-align: center; color: #fff; padding: 0 20rpx;}
|
|
.wzr_zhe .mmd_s_adr{ width: auto;}
|
|
.paim{ position: absolute; top:10rpx; left: 5px; background: rgba(5,170,60,.9); display: inline-block; padding:5rpx 25rpx; z-index: 1; color: #fff; font-size: 28rpx; border-radius: 50rpx 50rpx 50rpx 0;}
|
|
|
|
.mud_hot_box .b_tol_ipt:nth-child(n+4) .paim{ background: rgba(24,153,253,.9); }
|
|
|
|
.gaik_hb{ height: 360rpx; position: relative;}
|
|
.hb_img{ position: absolute; top:0; left: 0; width: 100%; height: 360rpx;}
|
|
.hb_img .shij_pic{ filter: blur(10rpx); height: 360rpx;}
|
|
.gaik_hb_box{ background:linear-gradient(rgba(5,170,60,.4),rgba(24,153,253,.9)) ; height: 360rpx;}
|
|
|
|
.link_hb{color: #007AFF; font-size: 28rpx;}
|
|
.link_hb_gaik{ position: absolute; right: 50rpx; top:65rpx}
|
|
|
|
.hb_gl_pic{ width: 210rpx;height: 224rpx; margin-right: 20rpx; position: relative;}
|
|
.hb_img_size{width: 210rpx; height: 224rpx; background: #e4f1fe;}
|
|
.hb_gl_inf .mssj_tit{-webkit-line-clamp: 1; }
|
|
.hb_gl_inf .mssj_adr{-webkit-line-clamp: 2;}
|
|
.hb_gl_bq{ position: absolute; right: 5rpx; bottom: 5rpx; display: inline-block; padding: 10rpx 25rpx; background: rgba(24,153,253, .9); border-radius:50rpx 50rpx 0 50rpx ; color: #fff; font-size: 24rpx;}
|
|
|
|
.hbg_gl3 .mssj_adr{-webkit-line-clamp: 3 !important; margin-top:20rpx }
|
|
|
|
|
|
.hb_ut_3{ width: 31.66%; margin-right: 2.5%;}
|
|
.dly_flex .hb_ut_3:nth-child(3n){ margin-right: 0;}
|
|
.hbgl_t2 .mmd_s_txt{display: -webkit-box; text-align: center; padding: 0 10rpx; font-size: 28rpx;/* font-weight: 600; */}
|
|
.hb_img_size2{ width: 100%; height: 154rpx; background: #f2dedc; border-radius: 10rpx;}
|
|
|
|
.dly_flex .hb_ut_3:nth-child(4n) .hb_img_size2{ background: #f2dedc;}
|
|
.dly_flex .hb_ut_3:nth-child(4n+1) .hb_img_size2{ background: #e6f2dc;}
|
|
.dly_flex .hb_ut_3:nth-child(4n+2) .hb_img_size2{ background: #dcf0f2;}
|
|
.dly_flex .hb_ut_3:nth-child(4n+3) .hb_img_size2{ background: #e9dcf2;}
|
|
|
|
.bq_tj{ position: absolute; bottom:15rpx; left: 5rpx; display: inline-block; font-size: 24rpx; color: #fff; background: rgba(5,170,60,.9); padding: 5rpx 25rpx 8rpx 15rpx; border-radius: 50rpx 50rpx 50rpx 0;}
|
|
|
|
.hb_hd_txt{ position: absolute; top:0; left: 0; width: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); height: 360rpx;}
|
|
.hbhd_inf {padding:180rpx 20rpx 20rpx 20rpx}
|
|
.hbhd_inf .ht_text, .hbhd_inf .mssj_adr{ color: #fff;}
|
|
.hbhd_inf .ht_text{ font-weight: bold; height: 52rpx;}
|
|
|
|
|
|
.hbhd_2 .hb_gl_pic{ height: auto;}
|
|
.hbhd_2 .hb_img_size2{ width:210rpx;}
|
|
|
|
.hb_hdlst .dly_flex:nth-child(4n) .hb_img_size2{ background: #f2dedc;}
|
|
.hb_hdlst .dly_flex:nth-child(4n+1) .hb_img_size2{ background: #e6f2dc;}
|
|
.hb_hdlst .dly_flex:nth-child(4n+2) .hb_img_size2{ background: #dcf0f2;}
|
|
.hb_hdlst .dly_flex:nth-child(4n+3) .hb_img_size2{ background: #e9dcf2;}
|
|
|
|
.hb_hdlst .lis_time{ display: block; padding-top:30rpx}
|
|
|
|
|
|
|
|
.mt_hb{ margin-top:20rpx}
|
|
.mb_hb{ margin-bottom: 30rpx;}
|
|
|
|
|
|
|
|
/* 冲突 */
|
|
.mmd_jq_pic {height: 400rpx;}
|
|
.sjz_summary{ padding-top:20rpx}
|
|
.ocur{ background: #1899fd;}
|
|
.sjz_summary{ position: relative;}
|
|
.sjz_summary .shij_inf .mssj_adr{ padding-right:0}
|
|
.city_name .ht_text{ background: rgb(24,153,253,.8);}
|
|
.mmd_s_txt, .ht_text, .mssj_tit{ font-size: 32rpx;}
|
|
.unit_city6 .city_name{ bottom:0rpx; background:rgba(24,153,253,.9) ; border-radius: 0 0 10rpx 10rpx;}
|
|
.city_name .ht_text{ padding:0 ; padding-top:10rpx; padding-bottom: 10rpx; background: none; border-radius: 0;}
|
|
|
|
|
|
|
|
/* 美食列表 */
|
|
.tec_img_size{ width: 100%; height: 240rpx; background: #f2dedc;}
|
|
|
|
.qbu_tch .tch_box:nth-child(4n) .tec_img_size{ background: #f2dedc;}
|
|
.qbu_tch .tch_box:nth-child(4n+1) .tec_img_size{ background: #e6f2dc;}
|
|
.qbu_tch .tch_box:nth-child(4n+2) .tec_img_size{ background: #dcf0f2;}
|
|
.qbu_tch .tch_box:nth-child(4n+3) .tec_img_size{ background: #e9dcf2;}
|
|
|
|
.br_radius_com{ border-radius: 10rpx;}
|
|
.aic_inf{position: absolute; bottom: 20rpx; left: 20rpx; right: 20rpx; top:180rpx ; height: 190rpx; background: rgba(255,255,255,.8); box-shadow: rgba(0,0,0,.3) 0 0 10rpx;}
|
|
.aic_inf .ht_text, .aic_inf .mssj_adr {padding-left: 30rpx; padding-right: 40rpx;}
|
|
.aic_inf .ht_text{ margin-top:30rpx}
|
|
.scl_item_mode .hd_mslst_unit:nth-child(4n) .hb_img_size3{ background: #f2dedc;}
|
|
.scl_item_mode .hd_mslst_unit:nth-child(4n+1) .hb_img_size3{ background: #e6f2dc;}
|
|
.scl_item_mode .hd_mslst_unit:nth-child(4n+2) .hb_img_size3{ background: #dcf0f2;}
|
|
.scl_item_mode .hd_mslst_unit:nth-child(4n+3) .hb_img_size3{ background: #e9dcf2;}
|
|
|
|
.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_tec{ 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;}
|
|
|
|
|
|
.dly_flex .half_unit:nth-child(4n) .hb_img_size2{ background: #e6f2dc;}
|
|
.dly_flex .half_unit:nth-child(4n+1) .hb_img_size2{ background: #dcf0f2;}
|
|
.dly_flex .half_unit:nth-child(4n+2) .hb_img_size2{ background: #f2dedc;}
|
|
.dly_flex .half_unit:nth-child(4n+3) .hb_img_size2{ background: #e9dcf2;}
|
|
|
|
|
|
|
|
/* 个人中心 */
|
|
|
|
.pt_3{ padding-top:30rpx}
|
|
.dly_flex_a{display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
|
|
|
|
|
|
|
|
.dzhi_top{ background:/* linear-gradient(to right top, #10d6cf -10%, #2c61f9 90%) */ #fff; padding: 60rpx 0; position: relative; border-radius: 0rpx 0rpx 120rpx 50rpx; }
|
|
.dzhi_t_bg{ position: absolute; bottom: 0; width: 100%; left: 0; height: 300rpx;}
|
|
.dzhi_top .person_inf{ position: relative; z-index: 2;align-items: center;}
|
|
.dzhi_top .t_hi, .dzhi_top .t_nic{ color: #000; text-shadow: rgba(0,0,0,.1)0 0 10rpx;}
|
|
|
|
|
|
|
|
.hd_pter{ flex-wrap: wrap;}
|
|
.hd_pter .w_33{ margin-top:60rpx; width:32%;}
|
|
.hd_pter .ht_text{font-size: 30rpx; color: #333;}
|
|
.hd_pter .w_33:nth-child(3n){ margin-right: 0;}
|
|
|
|
|
|
.dzhi_box{ margin-right: 30rpx;}
|
|
.dzhi_pic{ position: relative; height: 600rpx; background: rgba(0,0,0,.3); overflow: hidden;}
|
|
.dzhi_img{ width:100% ; height: 600rpx; position: absolute; top:0; left: 0; filter: blur(10rpx); z-index: -1; background: #000;}
|
|
.adm_ding, .cur_ding{ display: inline-block; padding: 6rpx 25rpx; background: #fff; border-radius: 40rpx; font-size: 28rpx; color: #333;}
|
|
.cur_ding{ background: #007AFF; color: #fff; }
|
|
|
|
.dzhi_bq{background: #f2ba34; padding: 0rpx 10rpx 0rpx 30rpx; border-radius: 0 64rpx 64rpx 0; margin-right: 10rpx; }
|
|
.dzh_bti{color: #fff; font-size: 36rpx;/* font-weight: 700; */ margin-bottom: 6rpx; text-shadow: rgba(0,0,0,.3) 0 0rpx 10rpx; }
|
|
.dzh_tps{color: #fff; font-size: 20rpx; text-shadow: rgba(0,0,0,.3) 0 0rpx 10rpx;}
|
|
.dzhi_bq .kou_top3{ width: 50rpx; height: 50rpx; position: relative; top:5rpx}
|
|
|
|
.dzhi_bq2 .kou_top3{ width: 70rpx; height: 70rpx;}
|
|
|
|
.dzhi_main{margin:30rpx 20rpx 20rpx 20rpx; background: rgba(255,255,255,.9); padding: 20rpx;height: 390rpx; overflow-y: auto;}
|
|
.opt_jq text{ display: inline-block; padding: 8rpx 20rpx; font-size: 24rpx; color: #999; margin-right: 15rpx; border-radius: 3rpx; background: #f2f2f2; margin-top: 20rpx;}
|
|
.opt_jq .cur_sced{ background: #2c61f9; color: #fff;}
|
|
.opt_bti{font-size: 30rpx;}
|
|
|
|
.gl_prd{ padding-right: 10rpx;}
|
|
.gl_show_1, .gl_show_2{ width: 100%; border-radius: 5rpx;}
|
|
.gl_show_1{ height: 380rpx; background: #e6f2dc;}
|
|
.gl_show_2{height: 185rpx; background: #dcf0f2;}
|
|
|
|
.btn_dzhi{background: none; box-shadow: none; outline: none; padding: 0; margin: 0; border-radius: 0;}
|
|
.btn_dzhi:after{ border: none; display: none;}
|
|
|
|
|
|
|
|
|
|
.dly_flex .b_tol_ipt:nth-child(4n+1) .dzhi_pic{background: rgba(44,97,249,.3);}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+2) .dzhi_pic{background: rgba(7,209,227,.3);}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+3) .dzhi_pic{background: rgba(227,168,7,.3);}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+4) .dzhi_pic{background: rgba(43,227,7,.3);}
|
|
|
|
.dly_flex .b_tol_ipt:last-child .dzhi_box{ margin-right: 0;}
|
|
|
|
|
|
/* ****************************************************
|
|
2020/03/20
|
|
*********************************************** */
|
|
|
|
/*
|
|
E鹿悦游
|
|
*/
|
|
.xa_p_rve{ position: relative;}
|
|
.xa_p_rve .dyj_type{ right: -15rpx;top:30rpx}
|
|
.dyj_type .xa_more{ display: inline-block; border:none; color: #058af2; background: #e2eeff; font-size: 24rpx; padding-top:8rpx; padding-bottom: 8rpx; }
|
|
|
|
|
|
.shij_pic_xa{ width: 100%; height: 360rpx; border-radius: 15rpx;}
|
|
.hd_warp .shij_pic_xa{border-radius: 15rpx;}
|
|
.voice_warp .shij_pic_xa{border-radius: 15rpx;}
|
|
|
|
.xa_nav{ flex-wrap: wrap;}
|
|
.xa_nav .ut_tol_2{ width: 20%; margin-bottom: 40rpx; text-align: center;}
|
|
.xa_nav > .ut_tol_2> .kou_top{ border-radius: 50%; padding: 15rpx; width: 60rpx; height: 60rpx; }
|
|
.xa_nav .ut_tol_2:nth-child(even) .kou_top{ background: #defaf8;}
|
|
.xa_nav .ut_tol_2:nth-child(odd) .kou_top{ background: #ebf3ff;}
|
|
.xa_nav .ut_tol_2:nth-last-child(1){margin-bottom: 0rpx;}
|
|
.xa_nav .ut_tol_2:nth-last-child(2){margin-bottom: 0rpx;}
|
|
.xa_nav .ut_tol_2:nth-last-child(3){margin-bottom: 0rpx;}
|
|
.xa_nav .ut_tol_2:nth-last-child(4){margin-bottom: 0rpx;}
|
|
.xa_nav .ut_tol_2:nth-last-child(5){margin-bottom: 0rpx;}
|
|
.xa_nav .ht_text{ font-size: 28rpx; color: #666; padding-top:5rpx}
|
|
|
|
/* 工具栏-固定高度 */
|
|
.ix_tol_het{height: 340rpx; overflow: hidden;}
|
|
|
|
/* E鹿悦游 */
|
|
.gaik_hb .shij_pic_xa{ border-radius: 0 !important;}
|
|
.x_lj{ position: relative;}
|
|
.x_gk_zhi{ position: absolute; top:0; left: 0; width: 100%; height: 190rpx; background: rgb(0,0,0,.6); z-index: 3; text-align: center;}
|
|
.x_gk_zhi text{ color: #fff; font-size: 30rpx; line-height: 190rpx;}
|
|
.x_lj .hb_img_size2{ height:190rpx;}
|
|
.hbgl_t2 .x_lj:nth-child(odd) .x_gk_zhi{ background: rgba(5,170,60,.6);}
|
|
.hbgl_t2 .x_lj:nth-child(even) .x_gk_zhi{ background: rgba(24,153,253,.6);}
|
|
|