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.
1034 lines
51 KiB
1034 lines
51 KiB
page{ background: #f5f5f5;}
|
|
|
|
.container{display:flex;box-sizing:border-box;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:space-between;}
|
|
.data-loading{box-sizing:border-box;padding:30rpx 20rpx;width:100%;text-align:center;font-size:28rpx;}
|
|
.data-loading .icon{margin:-6rpx 20rpx 0 0;width:40rpx;height:40rpx;vertical-align:middle;-webkit-animation:rotate .8s infinite linear;}
|
|
.data-is-bottom{box-sizing:border-box;padding:30rpx 20rpx;width:100%;color:#969696;text-align:center;font-size:28rpx;}
|
|
.no-data-info{box-sizing:border-box;padding:30rpx 20rpx;width:100%;color:#c8c8c8;text-align:center;font-size:32rpx;}
|
|
.tip-error-msg{position:fixed;top:0;right:0;left:0;height:70rpx;background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:28rpx;line-height:70rpx;}
|
|
|
|
/*大标题*/
|
|
.tit_com{display:block;padding:40rpx 0 0rpx 0;color:#111;font-weight:700;font-size:38rpx;}
|
|
|
|
/*布局类*/
|
|
.dly_flex{display:flex;justify-content:flex-start;align-items:flex-start;align-content:flex-start;}
|
|
|
|
.half_unit {width: 50%;}
|
|
.w_75{ width: 75%;}
|
|
.w_25{ width: 25%;}
|
|
|
|
.w_65{ width: 65%;}
|
|
.w_35{ width: 35%;}
|
|
|
|
/*水平方式布局-不换行 水平垂直都居中*/
|
|
.dly_flex_c{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;}
|
|
|
|
/*水平方式布局-不换行 从右侧开始*/
|
|
.dly_flex_c2{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:flex-start}
|
|
|
|
/*垂直方式布局-居中*/
|
|
.dly_flex_c3{display:flex;flex-direction:column;justify-content:center;align-items:center;}
|
|
|
|
|
|
/* 多轴线布局居中方式 */
|
|
.aliem_c{ align-items: center;}
|
|
|
|
/* 公用模块 */
|
|
.mode_com { padding: 0rpx 50rpx }
|
|
|
|
/*文字对齐方式*/
|
|
.agn_left {
|
|
text-align: left;
|
|
}
|
|
|
|
.agn_right { text-align: right; }
|
|
.agn_center{text-align: center;}
|
|
/*间距*/
|
|
.pt_1 {
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.mt_1 {
|
|
margin-top: 40rpx
|
|
}
|
|
.mt_new {
|
|
margin-top: 80rpx
|
|
}
|
|
|
|
.mt_2{margin-top:88rpx}
|
|
|
|
.pd_scl_new{ padding-left: 50rpx;}
|
|
|
|
|
|
/*分割线*/
|
|
.shadow_fg {
|
|
box-shadow: rgba(0, 206, 185, .1) 0 5rpx 20rpx;
|
|
padding: 20rpx 0
|
|
}
|
|
|
|
|
|
/*标题*/
|
|
.ht_text{display:-webkit-box;overflow:hidden;width:100%;color:#333;text-overflow:ellipsis;white-space:pre-wrap;font-size:34rpx;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
|
|
|
|
.tit_com_3{font-size: 45rpx; padding: 40rpx 0 20rpx 0;}
|
|
|
|
/*控制字数*/
|
|
.control_1{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
|
|
|
|
.control_2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
|
|
|
|
/*buttom按钮设置*/
|
|
.btn_com{ background: none; box-shadow: none; border:none; }
|
|
.btn_com:after{ border:none}
|
|
|
|
/*详情页内容设置*/
|
|
/* 文章内容 */
|
|
.nr_cot{ font-size: 34rpx; line-height: 51rpx; color: #333;margin-bottom: 50rpx; font-weight: normal; letter-spacing:2rpx; color: #444; text-align: justify;}
|
|
/* 资讯-文章标题 */
|
|
.news_tit{ font-size: 45rpx; line-height: 64rpx; }
|
|
.arc_t_pd{ padding-bottom: 20rpx; /* box-shadow: rgba(0, 206, 185, .1) 0 5rpx 20rpx; */}
|
|
.new_adr{ display: inline-block; background: #f8f8f8; padding: 10rpx 25rpx; font-size: 25rpx; color: #2bd4c3; margin-right: 10rpx; border-radius: 5rpx;}
|
|
.news_info{/* border-bottom: 2rpx solid #eee; */padding: 0rpx 50rpx 20rpx 50rpx;margin-bottom: 20rpx;}
|
|
.pic_zan{ width: 25rpx; height: 25rpx; display: inline-block; position: relative; left: -12rpx; top:6rpx}
|
|
|
|
/* 线路内容 */
|
|
.arc_box .news_tit{ font-weight: 700;}
|
|
|
|
/*攻略内容*/
|
|
.arc_origin{ position: relative; top:15rpx}
|
|
.arc_gl_time, .arc_gl_user{ font-size:24rpx; font-weight: normal; color: #999; display: inline-block;}
|
|
.arc_gl_user{ margin-left: 15rpx; color: #3e5b7c; font-size: 28rpx; font-weight: 600; }
|
|
.pic_hd_icon{width: 30rpx; height: 30rpx;position: relative; top:6rpx}
|
|
/*.hoteven_inf .more{ right: -40rpx;}
|
|
.hoteven_inf .info-list{ margin-right: 40rpx;} */
|
|
|
|
|
|
/*筛选条件*/
|
|
|
|
/* .scroll-view{ top:102rpx !important} */
|
|
.search-tip-bar{ padding-top:20rpx !important; height:80rpx !important; }
|
|
.filter-page, .sort-page{ top:102rpx !important}
|
|
.sort-item{ padding-left: 40rpx !important; padding-right: 40rpx !important;}
|
|
.sort-item-active{color: #1677ff !important;}
|
|
.filter-hd-item-active, .filter-bd-item-active{color: #1677ff !important;}
|
|
|
|
/*筛选条件-去除*/
|
|
.scroll-view5{position: absolute;
|
|
top: 0rpx;
|
|
right: 0;
|
|
left: 0;
|
|
bottom: 0;}
|
|
|
|
/* 筛选下拉框滚动 */
|
|
.sort-group {
|
|
background: #fff;
|
|
overflow-y: auto;
|
|
max-height: 100%;
|
|
}
|
|
|
|
|
|
/**/
|
|
.line-show-item{padding-left: 50rpx !important; padding-right: 50rpx !important;}
|
|
|
|
|
|
/*顶部固定-fixde*/
|
|
.fixed_top{position: fixed; top:88rpx; left: 0; height: 80rpx; background: #fff; width: 100%; z-index: 3; }
|
|
.fixed_top_a{position: fixed; top:0rpx; left: 0; height: 80rpx; background: #fff; width: 100%; z-index: 3; }
|
|
.mtop_a{ margin-top:88rpx; padding: 0 50rpx;}
|
|
.mtop{ margin-top:100rpx; padding: 0 50rpx;}
|
|
|
|
|
|
|
|
/* 图片尺寸 */
|
|
.swiper_tup{height: 360rpx; width: 100%;}
|
|
.br_radius{ border-radius: 15rpx;}
|
|
|
|
|
|
|
|
/*
|
|
智能机器人
|
|
*/
|
|
.jqr_tol{ position: fixed; bottom:0; left: 0; right: 0; height: 220rpx; z-index: 12; background: #fff; }
|
|
.jqr_tol_box{justify-content:center; align-items: center; height: 220rpx;}
|
|
|
|
.jqr_tol_pic{ width:100rpx; height: 100rpx;}
|
|
.jqr_tol_pic_l{width: 160rpx; height: 160rpx;}
|
|
.w_33{ width: 33.33%; text-align: center;}
|
|
|
|
|
|
.lazy_sech{ white-space: nowrap; background: #f5f5f5; padding:15rpx 30rpx;}
|
|
.lazy_sech text{ display: inline-block; background: #fff; font-size: 28rpx; padding: 10rpx 25rpx; border-radius: 100rpx; color: #999; margin-right: 10rpx;}
|
|
|
|
.jpan_mode{margin-top:10rpx }
|
|
.b_tol_ipt{ flex: 1;}
|
|
.ipt_jqr{ border-bottom: 4rpx solid #eee; height: 96rpx; line-height: 96rpx; width: 100%; font-size: 32rpx; color: #333;}
|
|
.b_tol_box{width: 100rpx; height: 100rpx; margin-left: 30rpx; margin-right: 20rpx;}
|
|
.jpan_mode .b_tol_box:last-child{ margin-left: 20rpx; margin-right: 30rpx;}
|
|
|
|
|
|
|
|
.jqr_main{ margin-bottom: 240rpx; position: relative; z-index: 3;}
|
|
.jqr_dig_pic{ width: 60rpx; height: 60rpx; margin:0 0rpx 0 40rpx}
|
|
.jqr_box, .jqr_box_txt{ background: #fff; border-radius: 0% 30rpx 30rpx 30rpx; border:2rpx solid #eee; box-shadow: rgba(200,200,200,.3) 0 0 10rpx; overflow: hidden;margin-left: 20rpx; width:100%; padding:20rpx 0rpx 100rpx 0rpx }
|
|
.left_dig, .right_dig{ margin-bottom: 40rpx; position: relative; }
|
|
.right_dig .jqr_box{background:linear-gradient(225deg,#18cec3,#6fa2ff); border-radius: 30rpx 0 30rpx 30rpx; margin-left: 0; border:none; padding-bottom:30rpx ; }
|
|
.left_dig{ margin-top:60rpx}
|
|
.dig_column{flex-direction: column-reverse; max-width: 70%; margin-right: 20rpx;}
|
|
.left_dig .dig_column{ margin-right: 0;}
|
|
.jqr_box_txt{padding-bottom: 20rpx;}
|
|
|
|
|
|
|
|
.j_dig_time{ font-size: 24rpx; color: #999; padding-left: 25rpx; padding-bottom: 20rpx;}
|
|
.right_dig .j_dig_time{ padding-bottom: 0; padding-top:20rpx}
|
|
|
|
.janw_link, .janw_txt, .qus_txt{ color: #333; font-size: 32rpx; line-height:48rpx; padding: 0 40rpx 0 40rpx; margin-bottom: 10rpx; position: relative; }
|
|
.janw_link:before{ content: ''; display: block; width: 8rpx; height: 8rpx; background: #18cec3; border-radius: 8rpx; margin-right: 10rpx; position: absolute; top:20rpx ; left: 20rpx;}
|
|
.right_dig .qus_txt{ color: #fff;}
|
|
|
|
.dig_gd{max-height:400rpx ; overflow: hidden; position: relative;}
|
|
.dig_more{ height: 80rpx; width:100%; background: #f5f5f5; text-align: center; color: #666; font-size: 28rpx; line-height: 80rpx;border-radius: 0 0 30rpx 30rpx; position: absolute; bottom:0; left:0; z-index: 10;}
|
|
|
|
.jqr_box_txt .janw_link:before{ display: none;}
|
|
|
|
|
|
.dly_flex_c2 .jqr_dig_pic{ display: none;}
|
|
|
|
|
|
|
|
/*
|
|
3D生态走廊
|
|
*/
|
|
.rot_img{ height: 720rpx; position: absolute; top:0; left:0; width: 100%; z-index: 0;}
|
|
.zoul_pic{ width: 100%; height: 900rpx; background: #dcf2f1;}
|
|
.zl_img_tips{ position: relative; z-index: 2; padding-top:720rpx}
|
|
.hth_main{ background: #fff; border-radius: 100rpx 0 0 0; box-shadow: rgba(200,200,200,.3) 10rpx 0 10rpx; margin-top:20rpx; padding-top:60rpx}
|
|
.zoul_bq{display: inline-block; color: #fff; font-size: 25rpx; padding: 10rpx 25rpx; border-radius: 100rpx; margin-right: 10rpx; margin-bottom: 10rpx;}
|
|
.bq_2{background: rgba(5,5,5,.8); position: relative; right:-40rpx}
|
|
|
|
.bq_1{background:linear-gradient(right,#24e69d,#02a2ee) ;}
|
|
.bq_4{background:linear-gradient(right,#f1752f,#f1752b) ;}
|
|
.bq_3{background: linear-gradient(left,#6762ef,#6fd7f5);}
|
|
.bq_5{background: linear-gradient(left,#f81449,#f8a38f);}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 周边 */
|
|
.h_zbian{flex-wrap:wrap;justify-content: flex-start}
|
|
.h_zb_pic{ width: 100%; height: 200rpx; border-radius: 10rpx; }
|
|
.h_zbian .half_unit{width:48%; margin-right: 2%;}
|
|
.h_zbian .half_unit:nth-child(even){ margin-right: 0; margin-left: 2%;}
|
|
.h_zbian .half_unit:nth-child(5) .mssj_adr, .h_zbian .half_unit:nth-child(6) .mssj_adr{margin-bottom: 20rpx;}
|
|
.h_zbian .ht_text{max-height: 102rpx; line-height: 51rpx; font-weight: 600; }
|
|
.h_zbian .mssj_adr{color: #666; font-size: 24rpx; line-height: 36rpx; max-height: 36rpx; font-weight: normal; margin:0rpx 0 40rpx 0}
|
|
|
|
/* vr */
|
|
.scol_box_vr{}
|
|
.scol_box_vr .scol_unit{border:none; width: 95%; height: 450rpx;}
|
|
.vr_pic{ width: 100%; height: 360rpx; border-radius: 15rpx;}
|
|
.scol_box_vr .ht_text{ font-weight: bold; padding-top:10rpx}
|
|
|
|
/* 生态监测统计 */
|
|
.scol_box_jce{height: 450rpx; }
|
|
.scol_box_jce .scol_unit{border-width: 0rpx; width: 1250rpx; height: 450rpx; border-radius: 0;}
|
|
.jce_dyuan{width: 600rpx; height: 446rpx; /* border-radius: 15rpx; */ border:2rpx solid #eee; box-shadow: rbga(0,0,0,.2) 10rpx 0 20rpx; margin-right: 30rpx; }
|
|
.scol_box_jce .ht_text{ font-weight: bold; padding-top:10rpx}
|
|
.kou_top3{ width: 50rpx; height: 50rpx;}
|
|
.oth_jce .jce_dyuan:last-child{ margin-right: 0;}
|
|
.shis_box{ height: 200rpx; margin-top:20rpx}
|
|
.tit_jc{ display: inline-block; margin-left: 20rpx; margin-top:0rpx; border-bottom: 16rpx solid #d3ffda;}
|
|
.tit_jc text{ position: relative; font-size: 45rpx;padding:0 30rpx 0 10rpx; top:15rpx}
|
|
.chel_t_s{ font-size: 24rpx; color: #999;}
|
|
.chel_data{ font-size: 60rpx; font-weight: bold; }
|
|
.chel_data_nom{font-size: 30rpx; color: #333; padding-bottom: 10rpx;}
|
|
.chel_brand{}
|
|
.che_ss{ padding-top:20rpx}
|
|
/* 换行操作 */
|
|
.wrap_cs{flex-wrap: wrap-reverse ;}
|
|
|
|
.chel_bot{ background: #eefcf0;height: 116rpx; padding-top:30rpx }
|
|
.oth_jce .jce_dyuan:nth-child(2) .tit_jc{border-color:#ccebff;}
|
|
.oth_jce .jce_dyuan:nth-child(2) .chel_bot{background: #eff9ff;}
|
|
|
|
|
|
/* 监测统计2 */
|
|
.scol_box_jce2{height: 730rpx; }
|
|
.scol_box_jce2 .scol_unit{border-width: 0rpx; width: 100%; height: 730rpx; border-radius: 0;}
|
|
.jce_dyuan2{ width: 100%; }
|
|
|
|
.data_real text{font-size: 80rpx; font-weight: bold; position: relative;height: 120rpx; line-height: 120rpx; padding: 0 60rpx 0 60rpx;}
|
|
|
|
.data_cl1{font-size: 60rpx; color: #333; font-weight: 600; padding: 10rpx 0;}
|
|
.che_ss_z{padding:30rpx 0 10rpx 0;}
|
|
.data_t2 { padding: 0rpx 20rpx 0rpx 6rpx; color: #999; /* background: #f2f2f2; */ font-size: 25rpx; }
|
|
.data_jc_wh{/* height: 240rpx; align-items: center;*/ padding: 20rpx 0; align-self: flex-start; text-align: left;}
|
|
.data_nom2{ font-size:32rpx ; color: #333;}
|
|
.data_jc_wh .data_nom2{ padding-bottom: 20rpx; }
|
|
.data_type{flex: 1; border-right: 2rpx solid #eee;}
|
|
.data_fenb{padding: 40rpx 0 20rpx 0; /* border-top: 2rpx solid #eee; */align-items: center; align-content: center; justify-content: center;}
|
|
.data_fenb .data_type:last-child,.data_fenb .data_type:only-child{border-right: none;}
|
|
.data_type .data_nom2{ position: relative; top:-10rpx}
|
|
|
|
.bt_inb{ display: inline-block; background: #f2f2f2; padding: 5rpx 10rpx;}
|
|
|
|
.data_jc_wh2{/* height: 240rpx; */align-items: center; padding: 20rpx 0; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 简介 */
|
|
.zoul_jjie {margin-top:20rpx; font-size: 34rpx; color: #555; line-height:51rpx ; text-align: justify; letter-spacing: 2rpx;}
|
|
.h_define_zoul{ max-height:153rpx; text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden;}
|
|
.zl_jj_btn{position: absolute; right:15rpx; top:-76rpx; width: 40rpx; height: 40rpx;}
|
|
|
|
.zoul_btn .btn_down, .zoul_btn .btn_up{ position: absolute; right: 0; top:-45rpx}
|
|
|
|
|
|
/*音频*/
|
|
.zoul_voe_box{ margin-bottom:40rpx}
|
|
.zoul_voe_box .sce_voe{ margin-top:0}
|
|
|
|
/* 音频样式 */
|
|
.slider_sec {width: 450rpx;height: 100%;}
|
|
.slider_sec slider {width: 95%;margin-left: 2%;margin-right: 0;margin-top: 10rpx;margin-bottom: 0;}
|
|
|
|
|
|
|
|
|
|
/* 目的地 */
|
|
.swiper_mud {height: 180rpx;}
|
|
.zoul_mud_unit{display: block;height: 180rpx; box-shadow: rgba(255,119,103,.8) 0 40rpx 40rpx;}
|
|
.zl_mud_pic{width: 100%; height: 180rpx; border-radius: 10rpx; }
|
|
.mud_img{width: 100%; height: 240rpx; position: absolute; width: 100%; left: 0; top:0; z-index: 1;}
|
|
.mud_inf{ position: relative; z-index: 11; padding: 0rpx 0 0rpx 30rpx; height: 180rpx;background: linear-gradient(bottom,rgba(8,73,69,1),rgba(250,250,250,0)); border-radius: 10rpx; text-align: center;}
|
|
.mud_inf .ht_text{ font-weight: bold; font-size: 45rpx; text-shadow: rgba(0,0,0,.4) 0 10rpx 15rpx; padding-bottom: 30rpx; padding-top:20rpx; color: #fff;}
|
|
.mud_inf .mdd_jj{ font-size: 32rpx; color: #fff; }
|
|
.mud_inf .mdd_jj text{ display: inline-block;font-size: 24rpx; color: #fff; margin-right: 10rpx; background: rgba(255,119,103,.9); border-radius: 100rpx; padding:10rpx 25rpx ;}
|
|
|
|
.swiper_mud swiper-item:nth-child(2) .mud_inf .mdd_jj text{background: rgba(43,206,253,.9);}
|
|
.swiper_mud swiper-item:nth-child(3) .mdd_jj text{background: rgba(21,179,134,.9);}
|
|
|
|
.item_mud{ width: 90%;}
|
|
|
|
/* 目的地2 */
|
|
.mud2_warp{ border-top:2rpx solid #eee ; margin-top: 30rpx;}
|
|
.mud2_1{ width: 90%; margin: 0 auto; margin-top:40rpx; position: relative; }
|
|
.mud2_pic{ width: 100%; height: 224rpx; border-radius: 10rpx; }
|
|
.img_mud2{ position: absolute; width: 100%; height: 224rpx; left: 0; top:0; z-index:2;}
|
|
.kou_top{ width: 90rpx; height: 90rpx;}
|
|
.kou_top2{ width: 70rpx; height: 70rpx;}
|
|
.bu_meng{ position: relative; z-index: 3; background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,.6)); width: 100%; height: 224rpx; border-radius: 10rpx; }
|
|
.bu_meng .ht_text{ color: #fff; font-size: 38rpx; font-weight: bold; }
|
|
.mud_after{position: absolute;z-index:4; top:-55rpx; left: 50%; margin-left: -32rpx;}
|
|
|
|
|
|
|
|
/* 驿站/营地 */
|
|
.zoul_tab .scol_ht_box{ height: 332rpx;}
|
|
.zoul_tab .scol_unit{ border-width: 2rpx; box-shadow: rgba(0,0,0,.1) 0 0 15rpx; width: 38%; height: 328rpx;}
|
|
.tab_txt_zoul{position: relative; top:-40rpx; background: #fff; border-radius: 10rpx; padding: 20rpx;}
|
|
.tab_txt_zoul .mssj_adr{color: #666; font-size: 25rpx;font-weight: normal; height:38rpx ; line-height: 38rpx;}
|
|
.tab_txt_zoul .ht_text{height:48rpx ; line-height: 45rpx; font-size: 30rpx; font-weight: 600;}
|
|
.zoul_tab .ht_pic{ height: 180rpx;}
|
|
.yz_jul{ }
|
|
|
|
|
|
/*手绘地图*/
|
|
.unclk_word{ font-size: 24rpx; color: #666; line-height: 36rpx ; margin-top:10rpx}
|
|
.unclk_word:before{ content: ''; display: inline-block; vertical-align: middle; width: 6rpx; height: 6rpx; background: #00B8A5; border-radius: 6rpx; margin-right: 10rpx;}
|
|
.daol_img{width:150rpx; height: 150rpx; margin-right: 20rpx; position: relative;}
|
|
.pic_daol_zoul{width:150rpx; height: 150rpx;}
|
|
.zoul_dl_warp{border:2rpx solid #eee; padding: 15rpx;}
|
|
.daol_zhe{ position: absolute; width: 100%; height: 150rpx; z-index: 20; top:0; left: 0; background: rgba(0,0,0,.5);}
|
|
.daol_zhe .kou_top2{ margin: 40rpx auto auto 40rpx;}
|
|
|
|
/* 长形图 */
|
|
.daol_imgq{ position: relative;}
|
|
.pic_daol_zoulq{width:100%; height: 150rpx;/* border:4rpx solid #ddd */}
|
|
.daol_zheq{ position: absolute; width: 90rpx; height: 90rpx; z-index: 20; top:30rpx; left: 50%; margin-left: -45rpx; background: rgba(255,255,255,1); box-shadow: rgba(0,0,0,.4) 0 10rpx 25rpx; border-radius: 100rpx;}
|
|
.daol_zheq .kou_top2{ display: block; width: 60rpx; height: 60rpx; margin: 0 auto; margin-top:18rpx}
|
|
|
|
/* 历史文化*/
|
|
.zoul_lis .fod_sp_box{ margin-bottom:40rpx ; margin-top:0; border-bottom:2rpx solid #eee; padding:0 0 20rpx 0; }
|
|
.pic_lis{ width: 250rpx; height: 184rpx; border-radius: 10rpx;}
|
|
.zoul_lis .mssj_box{padding-left: 0; padding-right: 20rpx;}
|
|
.zoul_lis .mssj_tit{ font-weight: 600; font-size: 32rpx;}
|
|
.zoul_lis .mssj_adr{color: #666; font-size: 28rpx; line-height: 38rpx ; -webkit-line-clamp: 2; height: 76rpx;}
|
|
.lis_time{ color: #999; font-size: 24rpx; }
|
|
.zoul_lis .fod_sp_box:last-child{ border-bottom: none;}
|
|
|
|
/*宣传片*/
|
|
.zoul_xcp {position: relative; }
|
|
.zoul_xcp .ht_text{ font-weight: normal;margin-bottom: 30rpx;}
|
|
.btn_xcp{ position: absolute; top:130rpx; right: 20rpx; z-index: 2;}
|
|
|
|
.scol_box_xcp{}
|
|
.scol_box_xcp .scol_unit{border:none; display: flex; white-space: nowrap; flex-direction: row; justify-content:flex-start; align-content:flex-start; height: 410rpx; }
|
|
.scol_box_xcp .vr_pic{ border-radius: 0rpx; height: 340rpx;}
|
|
.scol_box_xcp .ht_text{ font-weight: bold; }
|
|
.xcp_t{padding:10rpx 30rpx 0 0rpx}
|
|
.video_unit{flex: 1; margin-right: 30rpx;}
|
|
.scol_unit .video_unit:last-child { margin-right: 0;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 直播 */
|
|
|
|
.olive_unit {display: flex;flex-wrap: wrap;justify-content: center;margin-left: auto;margin-right: auto;width: 530upx;text-align: center;broder-radius: 6upx;height: 300rpx;}
|
|
.olve_swiper {display: flex;align-items: center;}
|
|
.olve_tit {text-align: center; padding: 10rpx 0 0 0; width: 530rpx; margin: 0 auto; font-size: 34rpx; color: #333; }
|
|
.video_size{ height: 368rpx; width: 100%;}
|
|
|
|
|
|
|
|
/*
|
|
视频
|
|
|
|
*/
|
|
.ship_show{ height: 360rpx;}
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
目的地
|
|
|
|
*/
|
|
.video_mud .tab_mmd{ margin-bottom: 20rpx; border-bottom: 2rpx solid #eee; padding-bottom: 20rpx;}
|
|
.video_mud .tab_mmd:last-child,.video_mud .tab_mmd:only-child{ margin-bottom: 0; border-bottom: none;}
|
|
.video_mud .mssj_tit{ height: 51rpx; line-height: 51rpx; font-weight: normal; font-size: 36rpx;}
|
|
|
|
|
|
|
|
/*
|
|
景区详情
|
|
|
|
*/
|
|
.swiper_jqu{ height: 360rpx;}
|
|
.mmd_dl .dl_1{ }
|
|
.mmd_dl .dl_1 text{ opacity: .8;}
|
|
|
|
/* 景区详情-写评论 */
|
|
.jq_xie{position: absolute; right: 0; top:35rpx}
|
|
.jq_xie .btn_daoh{font-size: 28rpx;}
|
|
|
|
/* swiper 毛病纠正 */
|
|
.yx_warp_3{display: inline-block; margin-right: 40rpx; }
|
|
.inx_yxs .b_tol_ipt:nth-child(n+2){ margin-left: 30rpx;}
|
|
|
|
|
|
|
|
|
|
/* 720列表 */
|
|
.quanj_lst{}
|
|
.quanj_lst .half_unit{ margin-bottom: 30rpx;}
|
|
.quanj_lst .ht_text{ font-weight: normal;}
|
|
.quanj_lst .shij_pic{ height: 280rpx;}
|
|
.quanj_lst .shij_list{ box-shadow: none; background: none;}
|
|
.quanj_inf{ background: #eefffd; position: relative; top:-30rpx; border-radius: 15rpx; padding: 20rpx; }
|
|
|
|
.quanj_inf .ht_text{ font-weight: bold; text-align: center;}
|
|
|
|
/*
|
|
活动详情
|
|
*/
|
|
.lxidh{ position: relative;}
|
|
.lxidh .more{ position: absolute; display: block; width: 16rpx;
|
|
height: 16rpx;
|
|
top:52rpx;
|
|
right: 0%;
|
|
border-top: 4rpx solid #c7c7cc;
|
|
border-right: 4rpx solid #c7c7cc;
|
|
transform: rotate(45deg) translateY(-70%);}
|
|
.lxidh .more:after{ display: none;}
|
|
|
|
|
|
|
|
/* 名村古镇详情模板 */
|
|
.cont_mode{position: relative; top:360rpx; z-index: 99;}
|
|
.biaot_box{background: #fff; padding:30rpx 20rpx; border-radius: 15rpx; box-shadow: rgba(0,0,0,.1) 0 5rpx 20rpx;}
|
|
|
|
|
|
/* 页面上拉刷新 */
|
|
.weiz_ref{position: absolute;top: 0rpx; width: 100rpx; text-align: center; z-index:99; left: 0; margin-left: -50rpx;}
|
|
.ref_ing{ font-size: 24rpx; text-align: center; color: #999; }
|
|
.icn_ref_pic{display: block; margin: 0 auto;width: 60rpx; height: 60rpx; padding: 10rpx; background: #fff; border-radius: 100rpx; box-shadow: rgba(0,0,0,.2) 0 0 20rpx;}
|
|
.icn_ref{ width: 60rpx; height: 60rpx; }
|
|
.icn_ref2{ animation: change_first_circle 1s linear infinite; }
|
|
@keyframes change_first_circle {
|
|
0%{ transform: rotate(0deg); }
|
|
100%{ transform: rotate(-360deg); }
|
|
}
|
|
|
|
|
|
.ing2_ref_pic{ width: 30rpx; height: 30rpx; margin-right: 10rpx; position: relative; top:5rpx}
|
|
.ing2_icn_ref2{ animation: change_sec_circle 1s linear infinite; transform: scaleY(-1); }
|
|
@keyframes change_sec_circle {
|
|
0%{ transform: rotate(0deg); }
|
|
100%{ transform: rotate(-180deg); }
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 首页增加邯郸概况模块 */
|
|
.unit_city6{ position: relative; height: 196rpx;}
|
|
.city_name{position: absolute; width: 100%; bottom:-10rpx; left: 0; text-align: center;}
|
|
.city_name .ht_text{ display: inline-block; padding: 20rpx 0; background: rgba(0,0,0,.6); color: #fff; border-radius: 0 0 15rpx 15rpx;}
|
|
|
|
|
|
.gaik_pic{ position: relative;height: 360rpx;}
|
|
.pic_abs{ position: absolute; z-index: 0;height: 360rpx; top: 0; left: 0; width: 100%;}
|
|
/* .gaik_pic .jianj_img, .gaik_pic .jianj_img .shij_pic{ height: 360rpx;} */
|
|
.buj_ad{position: relative; top:-40rpx; padding-top:50rpx; background:#fff; border-radius: 20rpx;}
|
|
.inx_gaik{position: absolute; top:0rpx; right: 50rpx; width: 150rpx; height:220rpx; background: linear-gradient(rgba(17,194,188,.8),rgba(17,194,188,.1));}
|
|
.gaik_link{border:2rpx solid #fff; padding: 10rpx; color: #fff; font-size: 14px; margin-top:60rpx; margin-left: 36rpx; display: inline-block; width: 60rpx; border-color:rgba(255,255,255,.6)}
|
|
|
|
|
|
/*
|
|
邯郸简介
|
|
|
|
*/
|
|
|
|
.top_sjz_jj{ position:relative}
|
|
.jianj_img{ position: absolute; top:0; left: 0; width: 100%; background: #f00; height: 480rpx; z-index: 0;}
|
|
.jianj_img .shij_pic{ border-radius:0; height: 480rpx; position: relative;}
|
|
.jianj_img .shij_pic:after{ content: ''; width: 100%; height: 480rpx; position: absolute; left: 0; top:0; background: linear-gradient(rgba(0,0,0,0) 20%, rgba(0,0,0,.8));}
|
|
.sjz_main{ position: relative; z-index: 2;}
|
|
|
|
.sjz_summary{ padding-top: 120rpx; padding-bottom: 30rpx;}
|
|
.sjz_neir2{border-radius: 30rpx; background: linear-gradient(rgba(255,255,255,1) 20%, rgba(255,255,255,0)); padding:60rpx 0}
|
|
.sjz_neir2 .mmd_line{padding: 0; margin: 0; margin-left: 50rpx;}
|
|
.sjz_summary .shij_inf{ padding-left: 0; padding-right: 0; color: #fff; padding-top:10rpx}
|
|
.sjz_summary .shij_inf .mssj_adr, .sjz_summary .tit_com, .sjz_summary .shij_inf .sjz_link{color: #fff;}
|
|
.sjz_summary .shij_inf .sjz_link{ opacity: .8; display: inline-block; background: rgba(0,0,0,.2); border:2rpx solid #fff; padding: 10rpx 25rpx; border-radius: 60rpx; margin-top:30rpx}
|
|
|
|
/* 工具栏 */
|
|
.sjz_tol_2{background: #f2f2f2;position: relative; padding: 25rpx 0; margin-right: 30rpx; border-radius: 10rpx; box-shadow: rgba(0,0,0,.1) 0 0 15rpx;}
|
|
.sjz_neir2 .mmd_line .scroll-view-item_H{ width: 32%;}
|
|
/* .scroll-view_H .scroll-view-item_H:first-child .sjz_tol_2{ margin-left: 0;} */
|
|
.tol_inf3{ text-align: left; align-self: flex-start; padding:0 10rpx; padding-bottom: 80rpx; }
|
|
.tol_inf3 text{ display: block;}
|
|
.big_t{ font-size: 42rpx; font-weight: 700;}
|
|
.sma_t{ font-size: 30rpx; padding-top:5rpx; color: #999;}
|
|
.pic_tol_ab{ position: absolute; right: 15rpx; bottom: 15rpx; z-index: 3;}
|
|
.pic_tol_ab .tol_icn{ width: 80rpx; height: 80rpx;}
|
|
|
|
/* 多彩 */
|
|
|
|
.sjz_dcai .mssj_adr{-webkit-line-clamp:3; max-height:126rpx ; color: #333; text-align: justify; padding-right: 0;}
|
|
.sjz_dcai .shij_inf{ padding-right: 0;}
|
|
.sjz_link{ padding: 20rpx 0 0 0; font-size: 28rpx; color: #1677ff;}
|
|
/* 进出 */
|
|
.sjz_jc{flex-wrap:wrap; }
|
|
.sjz_jc .half_unit{ width: 48%; margin-right: 2%;}
|
|
.sjz_jc .half_unit:nth-child(even){margin-left: 2%; margin-right: 0;}
|
|
.jc_dany{ padding: 20rpx 0 20rpx 0; background: #fff; box-shadow: rgba(0,0,0,.1) 0 0 15rpx; margin-bottom: 30rpx; border-left: 10rpx solid #809ae5; align-items: center;align-self: center; }
|
|
.jc_dany .icn_ref{ margin-right: 15rpx; position: relative; top:8rpx}
|
|
.jc_txt{ font-size: 32rpx; color: #333;}
|
|
.sjz_jc .half_unit:nth-child(2) .jc_dany{border-color:#e8904a;}
|
|
.sjz_jc .half_unit:nth-child(3) .jc_dany{border-color:#4acad6;}
|
|
.sjz_jc .half_unit:nth-child(4) .jc_dany{border-color:#f5797c;}
|
|
/* 发现邯郸 */
|
|
.sjz_fax .scol_unit{border:none; width: 95%; position:relative }
|
|
.fax_zhe{ position: absolute; top:0; bottom: 0; left: 0; background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,1)); width: 100%; height: 100%; border-radius: 15rpx;}
|
|
.fax_zhe .ht_text{ padding-top:300rpx; color: #fff;font-size: 38rpx; text-align: center; font-weight: 700;}
|
|
|
|
.tit_sjz_s{ font-size: 36rpx; color: #333; padding: 20rpx 0;}
|
|
/* 区县 */
|
|
.sjz_qux_dyuan{padding: 20rpx 0; /* border-radius: 20rpx 20rpx 0 0; */ }
|
|
.sjz_qux_dyuan text{ font-size: 32rpx; color: #333;}
|
|
.qux_name{ display: inline-block; padding: 10rpx 30rpx; font-size: 28rpx; background: rgba(0,0,0,.6); border-radius: 100rpx; color: #fff;}
|
|
.h_zbian .w_33{ width: 47.5%; box-shadow: rgba(0,0,0,.1) 0 0 15rpx; margin-bottom: 20rpx; margin-right: 2.5%; background: #fff; border-bottom: 6rpx solid #4acad6;}
|
|
.h_zbian .w_33:nth-child(2n){margin-right: 0; margin-left: 2.5%; }
|
|
|
|
.h_zbian .w_33:nth-child(4n){ border-color: #e78f4a;}
|
|
.h_zbian .w_33:nth-child(4n+1){border-color: #f4797c;}
|
|
.h_zbian .w_33:nth-child(4n+2){border-color: #54b4e8;}
|
|
.h_zbian .w_33:nth-child(4n+3){border-color: #4acad6;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 图片背景色块填充 */
|
|
/*
|
|
首页
|
|
*/
|
|
|
|
/* 轮播图 */
|
|
.lh-swiper swiper-item:nth-child(4n){ background: #f2dedc;}
|
|
.lh-swiper swiper-item:nth-child(4n+1){background: #e6f2dc;}
|
|
.lh-swiper swiper-item:nth-child(4n+2){background: #dcf0f2;}
|
|
.lh-swiper swiper-item:nth-child(4n+3){background: #e9dcf2;}
|
|
/* tab切换 */
|
|
.scol_ht_box .scol_unit:nth-child(4n) .ht_pic{ background: #f2dedc;}
|
|
.scol_ht_box .scol_unit:nth-child(4n+1) .ht_pic{background: #e6f2dc;}
|
|
.scol_ht_box .scol_unit:nth-child(4n+2) .ht_pic{background: #dcf0f2;}
|
|
.scol_ht_box .scol_unit:nth-child(4n+3) .ht_pic{background: #e9dcf2;}
|
|
/* 印象邯郸 */
|
|
.inx_yxs .b_tol_ipt:nth-child(4n) .city_img{ background: #f2dedc;}
|
|
.inx_yxs .b_tol_ipt:nth-child(4n+1) .city_img{background: #e6f2dc;}
|
|
.inx_yxs .b_tol_ipt:nth-child(4n+2) .city_img{background: #dcf0f2;}
|
|
.inx_yxs .b_tol_ipt:nth-child(4n+3) .city_img{background: #e9dcf2;}
|
|
/* 活动 */
|
|
.half_unit .fod_sp_box:nth-child(2n) .pic_shop{ background: #f2dedc;}
|
|
.half_unit .fod_sp_box:nth-child(2n+1) .pic_shop{background: #e6f2dc;}
|
|
.shij_pic, .pic_shop{ background: #e7f1ff;}
|
|
|
|
/* 路线 */
|
|
.dly_flex .b_tol_ipt:nth-child(4n) .line_pic{ background: #f2dedc;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+1) .line_pic{background: #e6f2dc;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+2) .line_pic{background: #dcf0f2;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+3) .line_pic{background: #e9dcf2;}
|
|
|
|
/* 攻略 */
|
|
.dly_flex .unit_book:nth-child(4n) .city_img{ background: #f2dedc;}
|
|
.dly_flex .unit_book:nth-child(4n+1) .city_img{background: #e6f2dc;}
|
|
.dly_flex .unit_book:nth-child(4n+2) .city_img{background: #dcf0f2;}
|
|
.dly_flex .unit_book:nth-child(4n+3) .city_img{background: #e9dcf2;}
|
|
|
|
|
|
/* 视频 */
|
|
.inx_ht_warp .shij_list:nth-child(4n) .shij_pic{ background: #f2dedc;}
|
|
.dly_flex .shij_list:nth-child(4n+1) .shij_pic{background: #e6f2dc;}
|
|
.dly_flex .shij_list:nth-child(4n+2) .shij_pic{background: #dcf0f2;}
|
|
.dly_flex .shij_list:nth-child(4n+3) .shij_pic{background: #e9dcf2;}
|
|
|
|
|
|
/*
|
|
资讯列表
|
|
*/
|
|
.mode_com .list-item:nth-child(4n) .item-pic{ background: #f2dedc;}
|
|
.mode_com .list-item:nth-child(4n+1) .item-pic{ background: #e6f2dc;}
|
|
.mode_com .list-item:nth-child(4n+2) .item-pic{ background: #dcf0f2;}
|
|
.mode_com .list-item:nth-child(4n+3) .item-pic{ background: #e9dcf2;}
|
|
|
|
/*
|
|
美食列表
|
|
*/
|
|
.mode_com .food_lst:nth-child(4n) .food_pic{ background: #f2dedc;}
|
|
.mode_com .food_lst:nth-child(4n+1) .food_pic{ background: #e6f2dc;}
|
|
.mode_com .food_lst:nth-child(4n+2) .food_pic{ background: #dcf0f2;}
|
|
.mode_com .food_lst:nth-child(4n+3) .food_pic{ background: #e9dcf2;}
|
|
|
|
|
|
/*
|
|
滹沱河生态走廊
|
|
*/
|
|
/* 目的地 */
|
|
.dly_flex_c .w_33:nth-child(3n) .mud2_pic{ background: #f2dedc;}
|
|
.dly_flex_c .w_33:nth-child(3n+1) .mud2_pic{ background: #dcf0f2;}
|
|
.dly_flex_c .w_33:nth-child(3n+2) .mud2_pic{ background: #e6f2dc;}
|
|
|
|
/* vr */
|
|
.uni-scroll-view .scol_unit:nth-child(4n) .vr_pic{ background: #f2dedc;}
|
|
.uni-scroll-view .scol_unit:nth-child(4n+1) .vr_pic{ background: #e6f2dc;}
|
|
.uni-scroll-view .scol_unit:nth-child(4n+2) .vr_pic{ background: #dcf0f2;}
|
|
.uni-scroll-view .scol_unit:nth-child(4n+3) .vr_pic{ background: #e9dcf2;}
|
|
|
|
/* 周边推荐 */
|
|
.dly_flex_c .half_unit:nth-child(4n) .h_zb_pic{ background: #f2dedc;}
|
|
.dly_flex_c .half_unit:nth-child(4n+1) .h_zb_pic{ background: #dcf0f2;}
|
|
.dly_flex_c .half_unit:nth-child(4n+2) .h_zb_pic{ background: #e6f2dc;}
|
|
.dly_flex_c .half_unit:nth-child(4n+3) .h_zb_pic{ background: #e9dcf2;}
|
|
|
|
/* 历史文化名城 */
|
|
.zoul_lis .fod_sp_box:nth-child(4n) .pic_lis{ background: #f2dedc;}
|
|
.zoul_lis .fod_sp_box:nth-child(4n+1) .pic_lis{ background: #dcf0f2;}
|
|
.zoul_lis .fod_sp_box:nth-child(4n+2) .pic_lis{ background: #e6f2dc;}
|
|
.zoul_lis .fod_sp_box:nth-child(4n+3) .pic_lis{ background: #e9dcf2;}
|
|
|
|
|
|
/*
|
|
目的地详情
|
|
*/
|
|
/* 轮播图 */
|
|
.pic_swp_bg{background: #dcf0f2;}
|
|
.swiper_jqu swiper-item:nth-child(4n) .swiper_tup{ background: #f2dedc;}
|
|
.swiper_jqu swiper-item:nth-child(4n+1) .swiper_tup{background: #e6f2dc;}
|
|
.swiper_jqu swiper-item:nth-child(4n+2) .swiper_tup{background: #dcf0f2;}
|
|
.swiper_jqu swiper-item:nth-child(4n+3) .swiper_tup{background: #e9dcf2;}
|
|
/* 热门景区 */
|
|
.dly_flex .b_tol_ipt:nth-child(4n) .mmd_jq_pic{ background: #f2dedc;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+1) .mmd_jq_pic{background: #e6f2dc;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+2) .mmd_jq_pic{background: #dcf0f2;}
|
|
.dly_flex .b_tol_ipt:nth-child(4n+3) .mmd_jq_pic{background: #e9dcf2;}
|
|
/* 玩转目的地 */
|
|
.dly_flex .half_unit:nth-child(4n) .sm_pic{ background: #f2dedc;}
|
|
.dly_flex .half_unit:nth-child(4n+1) .sm_pic{ background: #dcf0f2;}
|
|
.dly_flex .half_unit:nth-child(4n+2) .sm_pic{ background: #e6f2dc;}
|
|
.dly_flex .half_unit:nth-child(4n+3) .sm_pic{ background: #e9dcf2;}
|
|
|
|
/* 精品线路 */
|
|
.mmd_xl_pic1{background: #f2dedc;}
|
|
.mmd_xlu_box .jinp_xl:nth-child(4n) .pic_xlu{ background: #f2dedc;}
|
|
.mmd_xlu_box .jinp_xl:nth-child(4n+1) .pic_xlu{background: #e6f2dc;}
|
|
.mmd_xlu_box .jinp_xl:nth-child(4n+2) .pic_xlu{background: #dcf0f2;}
|
|
.mmd_xlu_box .jinp_xl:nth-child(4n+3) .pic_xlu{background: #e9dcf2;}
|
|
|
|
/* 攻略 */
|
|
.dly_flex .glue_dany:nth-child(4n) .glue_pic{ background: #f2dedc;}
|
|
.dly_flex .glue_dany:nth-child(4n+1) .glue_pic{background: #e6f2dc;}
|
|
.dly_flex .glue_dany:nth-child(4n+2) .glue_pic{background: #dcf0f2;}
|
|
.dly_flex .glue_dany:nth-child(4n+3) .glue_pic{background: #e9dcf2;}
|
|
|
|
|
|
|
|
/*
|
|
驿站营地详情页
|
|
*/
|
|
|
|
/* 环境监测 */
|
|
.yz_huanj{ background: #0ecdc6; margin-top:30rpx; border-radius: 10rpx; padding: 15rpx; position: relative;}
|
|
.tit_huanj{color: #fff; padding:10rpx 0 25rpx 0; font-size: 22px;/*font-weight: 600; position: absolute; left: 10rpx; top:45rpx; width: 90rpx; */}
|
|
.swp_hj_box{/* margin-left: 90rpx; */ background: #fff; margin-right: 10rpx; }
|
|
.huanj_swiper{height: 165rpx;}
|
|
|
|
.huanj_data{ font-size: 32rpx; color: #222; padding: 5rpx 0 5rpx 0;text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden;}
|
|
.huanj_inf{ font-size:22rpx; color: #999;text-overflow: ellipsis; white-space: pre-wrap; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden;}
|
|
.huanj_cshu{ padding-top:20rpx;}
|
|
|
|
/* 驿站专题 */
|
|
|
|
.yuz_zhti .swiper-tab-wrap, .yuz_zhti .cont_mode, .yuz_zhti{/* background: #c1dfdf; */ background: none;}
|
|
.yuz_zhti .tit_com_3{ /* color: #0d494e; */}
|
|
|
|
.tab_warp_yz{}
|
|
.tab_warp_yz .scol_unit{ border:none; width: 50%; height: 480rpx; position: relative;}
|
|
.tab_warp_yz .vr_pic{height: 420rpx; border-bottom-left-radius:0 ; border-bottom-right-radius:0 ;}
|
|
.yiz_fod_inf .ht_text{ text-align: center;}
|
|
.yiz_fod_inf{position: absolute; height: 80rpx; background: #fff; bottom: 0rpx; left: 0; width: 100%; padding-top: 20px;}
|
|
.adorn{ position: absolute; left: 15rpx; top:15rpx; z-index: 3;}
|
|
.adorn .kou_top2{ display: inline-block; background: rgba(255,255,255,.7); box-shadow: rgba(0,0,0,.1) 0 0 15rpx; border-radius: 100%; }
|
|
|
|
.yiz_lst_su .secdt_tck{ background: rgba(255,255,255,.4); border-radius: 15rpx; box-shadow: rgba(0,0,0,.1) 0 0 10rpx; margin-bottom: 30rpx;}
|
|
.mp_pic{ background: #e6faff;}
|
|
.yiz_lst_su .secdt_tck:last-child{ margin-bottom: 0;}
|
|
|
|
.tec_yiz .yin_warp{ height: auto;}
|
|
.yiz_tc_box .unit_book{ width: 32%; margin-right: 0; position: relative; margin-top:10rpx; }
|
|
|
|
.yiz_tc_box .unit_book:nth-child(3n+2){margin-left: 2%; margin-right: 2%; }
|
|
.yiz_tc_box >.unit_book >.ht_text{ position: absolute; top:0; left: 0; display: inline-flex; flex-direction: column; align-content: center; justify-content: center; width: 100%; height: 100%; background: rgba(0,0,0,.6); border-radius: 15rpx; z-index: 0; text-align: center; z-index: 6; color: #fff;}
|
|
.yiz_tc_box >.unit_book >.city_img{ position: relative; height: 200rpx;}
|
|
|
|
.yul_1{width: 55%; height: 360rpx; position: relative;}
|
|
.yul_2{width: 43%; margin-left: 2%; }
|
|
.yul_2_two{height: 170rpx; margin-bottom: 20rpx;position: relative;}
|
|
.yul_2>.yul_2_two:nth-child(2){ margin-bottom: 0; }
|
|
.yul_img{ background: #e6faff; width: 100%; height: 170rpx; border-radius: 15rpx;}
|
|
.yul_1 .yul_img{height: 360rpx;}
|
|
.yul_tit{ position: absolute; bottom:0; left:0; width: 100%; background: rgba(251,81,117,.8); height: 75rpx; line-height: 75rpx; font-size: 16px; color: #fff; border-radius: 60rpx 0rpx 15rpx 15rpx; text-align: center;}
|
|
|
|
|
|
|
|
/*
|
|
个人中心
|
|
*/
|
|
.pers_top{ box-shadow: 0 0 15rpx rgba(0,0,0,.1); padding: 60rpx 0;}
|
|
.pes_inf{/* flex: 1; */}
|
|
.t_adm_box{ padding-right: 30rpx;}
|
|
.pes_inf >view >text{ display: block;}
|
|
.t_hi{font-size: 54rpx; color: #222; font-weight: 700;}
|
|
.t_nic{font-size: 32rpx; color: #444;}
|
|
.pers_box{width: 120rpx; height: 120rpx; border-radius: 50%;}
|
|
.pes_img{width: 120rpx; height: 120rpx; background: #13cdba; border-radius: 120rpx; box-shadow: rgba(0,0,0,.1) 0 5rpx 20rpx;}
|
|
.pes_img > .pers_box{ border-radius: 120rpx;}
|
|
.pers_lst{ padding: 80rpx 0 0rpx 0;}
|
|
.pers_lst .kou_top3{ width: 40rpx; height: 40rpx; margin-right: 10rpx;}
|
|
.pers_line{ position: relative; padding: 0rpx 0 60rpx 0;}
|
|
.pers_line text{ font-size: 36rpx; display: inline-block; position: relative; top:-10rpx}
|
|
.rgh_jtou{ position: absolute; right: 20rpx; top:10rpx; transform: rotate(-90deg); width: 30rpx; height: 30rpx;}
|
|
|
|
.pes_img_tc{position: absolute; top:40rpx; right: 0rpx; font-size: 24rpx; display: inline-block; padding: 6rpx 22rpx; border-radius: 20rpx 0rpx 20rpx 0; /* border:3rpx solid rgba(0,0,0,.1); */ background:rgba(206, 231, 250, 0.3); ; color: rgba(0,0,0,.5);}
|
|
|
|
|
|
/* 关于我们 */
|
|
.guy_img{/* box-shadow: rgba(0,0,0,.1) 0 0 20rpx; */width: 160rpx; height: 160rpx; padding: 15rpx; border-radius: 160rpx; display: block; margin: 0 auto; }
|
|
.tup_size_160{width: 160rpx; height: 160rpx; border-radius: 15rpx;}
|
|
.abt_ht_text{ font-weight: bold; font-size: 45rpx; text-align: center; display: block; padding: 40rpx 0 60rpx 0;}
|
|
.abt_ht_text text{ display: block; color: #999; font-weight: normal; font-size: 24rpx; padding: 20rpx 0 0 0;}
|
|
|
|
/* 系统更新 */
|
|
.btn_upd{ position: fixed; bottom: 30rpx; left: 5%; right:5%; z-index: 6;}
|
|
.btn_upd_inf{display: block; width: 100%; padding: 20rpx 0; border-radius: 100rpx; color: #fff; background: #00B8A5; text-align: center; box-shadow: rgba(0,0,0,.2) 0 5rpx 15rpx;}
|
|
|
|
|
|
/* 景区详情-门票 */
|
|
.piao_box{background-color: #ffe0e0 ; background-image: linear-gradient(#ffe0e0, #fff 10%, rgba(255,255,255,.8) 90%)}
|
|
.piao_list .secdt_tck{background: none; padding-left: 0; padding-right: 0; border-bottom: 1px solid #eee;}
|
|
.piao_list .secdt_tck:last-child{ border-bottom: 0;}
|
|
.piao_list .mp_name{ padding-left: 0; padding-right: 0;}
|
|
.piao_list .mp_r_box{ width: 30%; text-align: center;}
|
|
|
|
.tips_style, .tips_style2, .tips_style3{font-size: 24rpx; color: #999; display: inline-block;}
|
|
.tips_style2{color: #ff8921; font-size: 20rpx;}
|
|
.txt-lineth{text-decoration: line-through; }
|
|
.tips_piao .tips_style{ padding-right: 20rpx;}
|
|
.piao_list.piao_list .mp_name{ max-height: 70rpx;}
|
|
.piao_list .mp_r_box{ padding-left: 30rpx;}
|
|
.piao_list .btn_buy{ background: #1677ff; padding: 12rpx 0; width: 85%; border-radius: 8rpx; display: block; margin: 0 auto;}
|
|
.piao_list .fh_rmb, .piao_list .price_rmb{color: #ff8921;}
|
|
.piao_list .fh_rmb{ padding-left: 0;}
|
|
.icon_size_5{ width: 25rpx; height: 25rpx;}
|
|
.tips_style .icon_size_5{ margin-right: 10rpx;}
|
|
.third_tips{ margin-top:15rpx}
|
|
.third_tips .tips_style{ margin-right: 10px; background: #fff; /* border:1rpx solid #eee; */ padding: 10rpx 15rpx;}
|
|
|
|
/* 服务保障弹窗可滑动 */
|
|
.wd_bax_scrol{height: 100%; overflow-y: auto;-webkit-overflow-scrolling: touch;
|
|
overflow-scrolling: touch;}
|
|
/* 购买须知弹层 */
|
|
.gmai_box{color: #333; font-size: 14px;}
|
|
|
|
/* 支付页面 */
|
|
.doc-layer{ position: relative; z-index: 9;}
|
|
|
|
|
|
|
|
/*
|
|
意见反馈-列表
|
|
*/
|
|
.lst_sug_unit{ border-bottom: 20rpx solid #f2f2f2; padding-top:30rpx}
|
|
.sug_tips{ /* border-top:2rpx solid #eee; */ padding: 15rpx 0 30rpx 0;}
|
|
|
|
.sug_lst_inf{ font-size: 32rpx; line-height: 51rpx; margin: 20rpx 0 0 0; color: #444;}
|
|
.sug_img{ width: 100%; height: 216rpx;}
|
|
.sug_lst_img .w_33{ width:31%; margin-right: 3.5%;}
|
|
.sug_lst_img .w_33:nth-child(3n){ margin-right: 0;}
|
|
.sug_lst_img .w_33:nth-child(4n) .sug_img{ background: #f2dedc;}
|
|
.sug_lst_img .w_33:nth-child(4n+1) .sug_img{ background: #e6f2dc;}
|
|
.sug_lst_img .w_33:nth-child(4n+2) .sug_img{ background: #dcf0f2;}
|
|
.sug_lst_img .w_33:nth-child(4n+3) .sug_img{ background: #e9dcf2 ;}
|
|
.sug_lst_time{position: relative; border-top:2rpx solid #eee; padding-top:20rpx; display: block; width: 100%;}
|
|
.sug_lst_time .kou_top3{ width: 36rpx; height: 36rpx; display: block; position: absolute; top:20rpx; left: 0; filter: grayscale(100%);}
|
|
.sug_lst_time .chel_t_s{ padding-left: 45rpx; display: block;}
|
|
|
|
.up_touj, .down_touj{ display: inline-block; width:15rpx ; height: 15rpx; background: transparent; /* text-indent: -999999px; */line-height: 0; transform:rotate(-45deg); border-bottom: 6rpx solid #00B8A5; border-left:6rpx solid #00B8A5; position: relative; right: -10rpx; top:-10rpx }
|
|
.up_touj{transform:rotate(135deg); border-color:#999; border-width: 5rpx;}
|
|
|
|
.sug_lst_object text{ display: inline-block; margin-right: 20rpx; color: #fff; padding: 10rpx 20rpx; border-radius: 10rpx; font-size: 24rpx; background: #00B8A5;}
|
|
.tsu_bt{justify-content: center; align-items: center; align-content: center; text-align: center; border-bottom: 2rpx solid #c6e4e1; padding-bottom: 20rpx; margin-bottom: 10rpx;}
|
|
.tsu_bt .b_tol_ipt{text-align: left; font-size: 36rpx; margin-right: 10rpx; position: relative;}
|
|
.tsu_bt .b_tol_ipt:before{ content: ''; display: block; width: 20rpx; height: 8rpx; transform: rotate(110deg); border-top:2rpx solid #00B8A5; border-bottom:2rpx solid #00B8A5;position: absolute; left: -32rpx; top:18rpx}
|
|
/* .tsu_bt .b_tol_ipt:after{ content: ''; display: block; width: 30rpx; height: 6rpx; transform: rotate(110deg); background: #00B8A5; position: absolute; left: -30rpx; top:25rpx}*/
|
|
.lst_sug_warp .lst_sug_unit:last-child{ border: none;}
|
|
|
|
.zhed_gao{ height: 160rpx; overflow: hidden; position: relative; margin-bottom: 15rpx;}
|
|
.zhed_gao:after{ display: block; width: 70rpx; height: 51rpx; content: '...'; background: #fff; font-size: 32rpx; color: #999; position: absolute; right: 50rpx; bottom: -15rpx; text-align: center; }
|
|
|
|
|
|
/* 投诉form表单页 */
|
|
.sug_dly_flex{ display: flex;flex-flow: row nowrap;}
|
|
.sug_r{text-align: right; justify-content: flex-end;}
|
|
.sug_sgu{ flex: 1; font-size: 32rpx; }
|
|
.obj_type text{ display: inline-block; margin-right: 10rpx; font-size: 24rpx; color: #999; padding: 6rpx 15rpx; border:2rpx solid #eee}
|
|
.obj_type .cue{ background: #00B8A5; color: #fff; border:none}
|
|
.ipt_sug{ padding: 10rpx 0; padding-bottom: 0; margin-top:20rpx ;font-size:32rpx; color: #333; line-height:48rpx ;}
|
|
.box_fm_sug { border-bottom: 20rpx solid #f2f2f2; }
|
|
.sug_form_line { border-bottom: 2rpx solid #eee; padding: 30rpx 0;}
|
|
.lst_sug_unit .sug_form_line:last-child{ border-bottom: none;}
|
|
.sug_dwei{color: #00B8A5; font-size: 24rpx;}
|
|
.sug_dwei text{ display: inline-block; margin-left: 15rpx;}
|
|
.sug_fm_img{ padding-top:30rpx; flex-wrap: wrap;}
|
|
.sug_fm_img .w_33{ margin-bottom: 30rpx;}
|
|
.fm_img_2 .sug_img{ width: 180rpx; height: 180rpx; /* margin-top:15rpx */}
|
|
.fm_img_2{ border:2rpx solid #ddd; width: 180rpx; height: 180rpx; position: relative;}
|
|
.btn_del_sug{ position: absolute; right: -10rpx; top:-15rpx; width: 50rpx; height: 50rpx; background: #ffeff4; border-radius: 50rpx;}
|
|
|
|
.fm_img_2 .kou_top{ margin-top:45rpx; }
|
|
.sug_r .btn_del_sug{ right: 0; top:0}
|
|
.sub_lxir{position: relative;}
|
|
.sub_lxir .sug_sgu{ flex: none;}
|
|
.sub_lxir .sug_r{ flex: 1;}
|
|
.sub_lxir .ipt_sug{ margin-top:0; text-align: left; padding:0; width:90%; text-indent: 40rpx;}
|
|
|
|
.btn_baoh_sug{ position: absolute; right: 0rpx; top:-10rpx; display: inline-block; padding: 2rpx 18rpx 6px 18rpx; background: #eaf9f8; }
|
|
.btn_baoh_sug text{font-size:28rpx; color: #00B8A5; }
|
|
.btn_baoh_sug .kou_top3{ width: 35rpx; height: 35rpx; margin-right: 10rpx; display: inline-block; vertical-align: middle;}
|
|
|
|
.sug_fied{ position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,.6);}
|
|
.sug_edit_btn{ padding-top: 20rpx; padding-bottom: 20rpx; }
|
|
.state_sub{ background: #1677ff; border:none; border-radius:100rpx ; font-size: 32rpx; font-weight: normal; color: #fff;}
|
|
.blk_2{ height: 180rpx;}
|
|
|
|
|
|
/* 投诉主页 */
|
|
.box_tsu{ position: absolute; top:40%; left: 50%; transform: translate(-50%,-50%) ; width:70%; /* background: #f00; */}
|
|
.inx_s_ove{ border:2rpx solid #eee; border-radius: 10rpx; padding: 20rpx; margin-bottom: 40rpx;}
|
|
.inx_s_ove .kou_top{ width: 120rpx; height: 120rpx; margin-top:20rpx}
|
|
.inx_sug_inf{margin-left: 40rpx;}
|
|
.inx_sug_inf .ht_text{font-weight: 700;}
|
|
|
|
|
|
/* 美食详情-升级 */
|
|
.fod_det_pic{ position: relative;}
|
|
.fod_det_bt:after{ display: none !important;}
|
|
.fod_det_bt{ /* position:absolute; */ /*padding-left: 50rpx; padding-top:20rpx; padding-bottom: 40rpx !important; */ display: block; background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,1)); color: #333; /* bottom: 0; left: 0; right: 0; */ text-align: left !important; }
|
|
.fod_det_cont{ top:0 !important; border-radius: 0 !important; box-shadow:none !important}
|
|
.arc_origin{ top:0 !important}
|
|
.arc_gl_user{ color: #fff !important;}
|
|
.arc_gl_user{ opacity: .8;}
|
|
|
|
.zxun_tit .lis_time{ padding-top:16rpx}
|
|
.zxun_tit .half_unit:nth-child(2){ text-align: right;}
|
|
|
|
/* 百度翻译 */
|
|
/* 列表 */
|
|
.uni-list{position:relative;display:flex;width:100%;background-color:#fff;flex-direction:column;}
|
|
.uni-list:after{position:absolute;right:0;bottom:0;left:0;z-index:10;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);}
|
|
.uni-list::before{position:absolute;top:0;right:0;left:0;z-index:10;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);}
|
|
.uni-list-cell{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
|
|
.uni-list-cell-hover{background-color:#eee;}
|
|
.uni-list-cell-pd{padding:22upx 30upx;}
|
|
.uni-list-cell-left{padding:0 30upx;font-size:28upx;}
|
|
.uni-list-cell-db,.uni-list-cell-right{flex:1;}
|
|
.uni-list-cell::after{position:absolute;right:0;bottom:0;left:30upx;z-index:3;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);}
|
|
.uni-list .uni-list-cell:last-child::after{height:0upx;}
|
|
.uni-list-cell-last.uni-list-cell::after{height:0upx;}
|
|
.uni-list-cell-divider{position:relative;display:flex;padding:15upx 20upx;background-color:#f7f7f7;color:#999;}
|
|
.uni-list-cell-divider::before{position:absolute;top:0;right:0;left:0;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);}
|
|
.uni-list-cell-divider::after{position:absolute;right:0;bottom:0;left:0upx;height:1px;background-color:#c8c7cc;content:'';-webkit-transform:scaleY(.5);transform:scaleY(.5);}
|
|
.uni-list-cell-navigate{position:relative;display:flex;box-sizing:border-box;padding:22upx 30upx;width:100%;font-size:30upx;line-height:48upx;flex:1;justify-content:space-between;align-items:center;}
|
|
.uni-list-cell-navigate{padding-right:36upx;}
|
|
.uni-navigate-badge{padding-right:50upx;}
|
|
.uni-list-cell-navigate.uni-navigate-right:after{position:absolute;top:50%;right:24upx;color:#bbb;content:'\e583';font-family:uniicons;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
|
|
.uni-list-cell-navigate.uni-navigate-bottom:after{position:absolute;top:50%;right:24upx;color:#bbb;content:'\e581';font-family:uniicons;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
|
|
.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after{position:absolute;top:50%;right:24upx;color:#bbb;content:'\e580';font-family:uniicons;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
|
|
.uni-input{padding:15upx 25upx;height:50upx;background:#fff;font-size:28upx;line-height:50upx;flex:1;}
|
|
|
|
|
|
|
|
|
|
/* *******************************************
|
|
**2020/03/20**
|
|
*************************************************************** */
|
|
|
|
/* 旅行社 */
|
|
.noCard{margin:auto;width:90%;height:200upx;border-radius:10upx;box-shadow:0 0 10upx 0 rgba(0,0,0,.1);color:#999;align-items:center;justify-content:center;}
|
|
.nav,.noCard{display:flex;background-color:#fff;}
|
|
.nav{position:fixed;top:0;left:0;z-index:996;width:100%;color:#fff;font-size:24upx;flex-direction:column;align-items:flex-start;justify-content:flex-start;}
|
|
.searchInput999{display:flex;margin:0 auto;width:90%;height:56upx;border:2rpx solid #ddd;border-radius:10upx;align-items:center;}
|
|
.search999{width:32upx;height:32upx;}
|
|
.searchBox999{display:flex;width:56upx;height:56upx;justify-content:center;align-items:center;}
|
|
.input999{width:80%;color:#999;}
|
|
.lxs_list{margin-bottom:20rpx;padding:20rpx 40rpx 30rpx; background: #fff; border-radius: 10rpx;/* border-bottom:20rpx solid #eee; */}
|
|
.lvs_tit{padding:10rpx 0;color:#000;font-weight:700;font-size:36rpx;}
|
|
.lvs_tit:before{position:relative;top:4rpx;left:-6rpx;display:inline-block;margin-right:15rpx;width:8rpx;height:30rpx;border-radius:8rpx;background:#1677ff;content:'';}
|
|
.lxs_type{padding:15rpx 0 20rpx 23rpx;border-bottom:2rpx solid #eee;}
|
|
.lxs_type text{display:inline-block;padding:8rpx 15rpx;background:#fdefe2;color:#f1890d;font-size:24rpx;}
|
|
.lvx_flex{display:flex;padding:20rpx 15rpx 10rpx 20rpx;}
|
|
.phe_txt{color:#999;font-size:30rpx;}
|
|
.phe_data{color:#999;flex:1;font-size:28rpx;}
|
|
.phe_icn{position:relative;top:0rpx;margin-left:26rpx;width:36rpx;height:36rpx;}
|
|
.navTabBox .click{color:#000;}
|
|
|
|
.card_lxs .lxs_list{position: relative; }
|
|
.dyj_type{ position: absolute; right: 30rpx; top:30rpx; }
|
|
.dyj_type text{display: inline-block; padding: 5rpx 15rpx; border:3rpx solid #73c198; font-size: 28rpx; color:#29b96d ; border-radius: 50rpx 50rpx 50rpx 0;}
|
|
.lvs_tit{ border-bottom: 3rpx solid #eee; padding: 15rpx 0;}
|
|
.card_lxs .lvs_tit:before{ display: none;}
|
|
.lvs_tit .kou_top3{ margin-right: 10rpx; vertical-align: middle; display: inline-block; border-radius: 50%;}
|
|
.xb_nan{background: #5aa4f0;}
|
|
.xb_nv{background: #f05aa1;}
|
|
|
|
|
|
/* */
|
|
.shij_list{ border-radius: 15rpx; box-shadow: rgba(0,0,0,.1) 0rpx 0rpx 50rpx; margin-bottom: 30rpx; }
|
|
.shij_img{ position: relative; }
|
|
.shij_pic{ width: 100%; height: 360rpx; border-radius: 15rpx;}
|
|
/* .shij_img:before{ display: block; position: absolute; left: 0; top:0; width: 100%; height:360rpx ; content: ''; background: radial-gradient(rgba(0,0,0,.2) 5%, rgba(0,0,0,.2) 15%, rgba(0,0,0,.3) 60%); z-index: 6;} */
|
|
.shij_bq{ position: absolute; z-index: 12; right: 20rpx; top: 20rpx; display: inline-block; padding: 8rpx 25rpx; background: rgba(24,153,253,.6); box-shadow:rgba(0,0,0,.1) 0rpx 0rpx 10rpx ; color: #fff; font-size: 24rpx; border-radius: 50rpx 50rpx 50rpx 0;}
|
|
.shij_num{position: absolute;z-index: 8; left: 30rpx; top: 0rpx; display: inline-block;background: rgba(255,194,48,1); color: #510202;padding:25rpx 10rpx 15rpx 10rpx; font-size: 24rpx; border-radius: 0rpx 0 50rpx 50rpx; }
|
|
.shij_inf{ padding:0 20rpx; padding-bottom: 40rpx; }
|
|
.shij_inf .ht_text{ /* padding-bottom:20rpx; font-weight: 700; */}
|
|
.sp_num, .sp_like{ display: inline-block; padding-bottom: 40rpx; color: #999; font-size: 28rpx; margin-right: 20rpx;}
|
|
.inx_ht_warp .shij_list:nth-child(n+4) .shij_num{ display: none;}
|
|
.sj_pic_play{ position: absolute; width: 120rpx; height: 120rpx; top:120rpx; left:50% ; margin-left: -60rpx; z-index: 7;}
|
|
|
|
.inx_xcp .ht_text{ font-weight: 700; /* text-align: center; */}
|
|
.inx_xcp .shij_list{border-radius: 0;box-shadow:none; border-bottom: 2rpx solid #eee; padding-top:20rpx}
|
|
.inx_zhib .ht_text{ padding-bottom:0}
|
|
.inx_xcp .inx_ht_warp{margin-top:10rpx}
|
|
|
|
.inx_xcp .shij_inf{padding-bottom:40rpx; }
|
|
|
|
/* 投诉 */
|
|
.x_box_center{ position: absolute; top:40%; left: 50%; transform: translate(-50%,-50%); width: 80%;}
|
|
.x_ts_box{border: 3rpx solid #eee; padding: 40rpx 30rpx; margin-bottom: 30rpx; border-radius: 10rpx; }
|
|
.flex_1{flex: 1;}
|
|
.x_ts_box .bq_1{ width: 120rpx; height: 120rpx; margin-right: 40rpx; border-radius:50% 50% 50% 0%; text-align: center;}
|
|
.x_ts_box .kou_top{width: 80rpx; height: 80rpx; margin-top:20rpx; }
|
|
.x_ts_box .ht_text{ font-weight: bold; padding-bottom: 15rpx;}
|
|
.x_ts_box .chel_t_s{ font-size: 30rpx; color: #999; padding-bottom: 5rpx;}
|
|
.x_box_center .x_ts_box:nth-child(1) .bq_1{background: #4fc7e0;}
|
|
.x_box_center .x_ts_box:nth-child(2) .bq_1{background: #4ed5b5;}
|
|
|
|
|
|
|
|
.example{padding:0 15px 15px;}
|
|
.example-info{padding:15px;background:#fff;color:#3b4144;}
|
|
.example-body{padding:0;background-color:#fff;font-size:14px;flex-direction:row;flex-wrap:wrap;justify-content:center;}
|
|
.example{padding:0 15px;}
|
|
.example-info{display:block;padding:15px;background-color:#fff;color:#3b4144;font-size:14px;line-height:20px;}
|
|
.example-info-text{color:#3b4144;font-size:14px;line-height:20px;}
|
|
.example-body{padding:15px;background-color:#fff;flex-direction:column;}
|
|
.word-btn-white{color:#fff;font-size:18px;}
|
|
.word-btn{display:flex;margin:15px;height:48px;border-radius:6px;background-color:#007aff;flex-direction:row;align-items:center;justify-content:center;}
|
|
.word-btn--hover{background-color:#4ca2ff;}
|
|
.uni-nav-bar-text{font-size:28rpx;}
|
|
.city{display:flex;margin-left:4px;flex-direction:row;align-items:center;justify-content:flex-start;}
|
|
.input-view{display:flex;margin:7px 0;padding:0 15px;height:30px;border-radius:15px;background-color:#f8f8f8;line-height:30px;flex-direction:row;flex:1;flex-wrap:nowrap;}
|
|
.input-uni-icon{line-height:30px;}
|
|
.nav-bar-input{padding:0 5px;width:370rpx;height:30px; color: #333; background-color:#f8f8f8;font-size:28rpx;line-height:30px;}
|
|
.example-body{padding:0;}
|
|
|
|
/* 搜索页面 */
|
|
.xa_sch_wp{background: #f5f5f5; padding: 30rpx 0 20rpx 0;}
|
|
.tye_line{ font-size: 28rpx; color:#999; padding:10rpx 0;}
|
|
.anw_inf{font-size: 30rpx; color: #666; display: block; padding:30rpx 150rpx 30rpx 30rpx; border-bottom: 2rpx solid #eee; position: relative;}
|
|
.anw_inf:before{ content: ''; display: inline-block; width: 10rpx; height: 10rpx; background: #aaa; border-radius: 10rpx; position: absolute;left: 0; top:45rpx }
|
|
.anw_key{ color: rgb(22, 119, 255);font-size: 30rpx; }
|
|
.tye_sch{ display: inline-block; padding-left: 15rpx;}
|
|
.tye_sch:before{ content: '/'; display: inline-block; width: 10rpx; height: 10rpx; /* background: #aaa; border-radius: 10rpx; vertical-align: middle;*/ margin-right: 10rpx;}
|
|
.tyesch_pic{ display: inline-block; width: 42rpx; height: 42rpx; position: relative; left: -15rpx; top:10rpx}
|
|
.searc_lst{ padding: 20rpx 0 80rpx 0;}
|
|
.after_type{ position: absolute; right:32rpx; top:30rpx; color: #999; font-size: 25rpx; z-index: 3;}
|
|
.ipt_sch{text-indent: 50rpx; height: 60rpx; background: #fff; box-shadow: rgba(0,0,0,.1) 0 0 35rpx; font-size: 28rpx; color: #333; position: relative; padding-right: 60rpx;}
|
|
|
|
.seh_box{}
|
|
.sch_btn_suo{ height: 60rpx; line-height: 60rpx; text-align: center; font-size: 30rpx; color: #333; background: #fff; border:3rpx solid #eee; border-radius: 60rpx; }
|
|
.sous_k{width: 75%; position: relative;}
|
|
.sous_n{width: 20%; margin-left: 20rpx;}
|
|
.clear_pic{ position: absolute; right:8rpx; top:12rpx; display: block; width: 36rpx; height: 36rpx;}
|
|
.search_warp{ /* background: #fff; */}
|
|
.reci_sch{ display: inline-block; padding: 10rpx 25rpx;background: rgba(255,255,255,.6);color: #999; font-size: 24rpx; margin-right: 15rpx; margin-bottom: 10rpx; border-radius: 5rpx; }
|
|
.cur{ display: inline-block; background: rgb(22, 119, 255); color: #fff; }
|
|
|
|
|