odd_job_applet/static/echoUI.css

page{ background-color: #F8F8F8; }


.echo-gohome{ position: fixed; right: 0rpx; bottom: 180rpx; border-radius: 40rpx 0rpx 0rpx 40rpx !important; }

.echo-gomyorder{ position: fixed; right: 0rpx; bottom: 80rpx; border-radius: 40rpx 0rpx 0rpx 40rpx !important; }


/* 九宫格 */
.echo-grid image{ width: 90rpx; height: 90rpx; margin: 20rpx auto 0rpx auto; }


/* 搜索按钮 */
.echo-searchbtn{ position:fixed; z-index:1; right:50rpx; bottom:60rpx; width: 100rpx; height: 100rpx; line-height: 100rpx; }

/* 吸顶容器 */
.echo-fixed-top{width:100%; height:auto; position:fixed; z-index:1; left:0; top:0rpx;}
.echo-fixed-top-empty{ width: 100%; height: 90rpx; }

/* 文章详情 */
.echo-article-banner{ position:relative; width:100%; height:360rpx; overflow:hidden; background-color:#ccc; }
.echo-article-banner .tilpic{ width:100%; height:360rpx; }
.echo-article-banner .title{ position:absolute; bottom:0rpx; padding: 0rpx 30rpx 30rpx 30rpx; width:690rpx; font-size:32rpx; font-weight:400; line-height:42rpx; color:#FFFFFF; z-index:1; text-align:justify; text-shadow:0.1em 0.1em 0.2em black; }

.echo-article-title{ padding: 30rpx 30rpx 0rpx 30rpx; font-size:40rpx; line-height:56rpx; text-align:justify; }

.echo-article-meta{ padding: 30rpx 30rpx 0rpx 30rpx; display: flex; flex-direction: row; justify-content: space-between; color: #888888; }
.echo-article-meta-left text{ padding-right: 20rpx; }
.echo-article-meta-right text{ padding-left: 20rpx; }

.echo-article-audio{ padding: 30rpx 30rpx 0rpx 30rpx; }
.echo-article-video{ padding: 30rpx 30rpx 0rpx 30rpx; }
.echo-article-video video{ width: 100%; }

.echo-article-details{ padding: 30rpx; text-align: justify; line-height: 1.8em; }
.echo-article-summary{ background-color: #E0E0E0; text-align:justify; padding:20rpx 20rpx; color:#666666; margin-bottom:15rpx; border-radius: 8rpx; }


/* 招聘列表 */
.echo-comjobs-item{ line-height: 52rpx; }
.echo-comjobs-item .echo-tags-item{ background: #E6F2FF; }

/* 订单列表 */
.echo-demand-item{ line-height: 52rpx; }
.echo-demand-item .cu-capsule>.cu-tag.line-red{ width: 120rpx; overflow: hidden; }


.echo-foot-button{ flex-wrap: wrap; align-content: center; }
.echo-foot-button>text{ display: block; width: 100%; }



/* .echo-comjobs-list{  }
.echo-comjobs-list .echo-item{ flex-wrap: wrap; }
.echo-comjobs-list .echo-item .echo-tilpic{ width: 120rpx; height: 120rpx; }
.echo-comjobs-list .echo-item .echo-content{ width: 390rpx; min-height: 160rpx; display: flex; flex-wrap: wrap; align-content: spance-between; }
.echo-comjobs-list .echo-item .echo-content>view{ width: 100%; }
.echo-comjobs-list .echo-item .echo-content>view.echo-desc{ font-size: 24rpx; display: flex; align-items:center; }

.echo-comjobs-list .echo-item .echo-wage{ width: 150rpx; min-height: 160rpx; }
.echo-comjobs-list .echo-item .echo-wage>view{ text-align: center; width: 100%; margin-left: 0rpx !important; padding: 0rpx !important; }

.echo-comjobs-list .echo-item .echo-tags{ padding-left: 135rpx; width: 690rpx; }
.echo-comjobs-list .echo-item .echo-remark{ width: 690rpx; }


.echo-foot-button{ flex-wrap: wrap; align-content: center; }
.echo-foot-button text{ display: block; width: 100%; } */


.foot .cuIcon-cu-image image{ width: 40rpx !important; height: 40rpx !important; margin-bottom: 4rpx; }


/* 代理门店 */
.echo-agent-list{  }
.echo-agent-list .echo-item{ flex-wrap: wrap; }
.echo-agent-list .echo-item .echo-tilpic{ width: 160rpx; height: 160rpx; }
.echo-agent-list .echo-item .echo-content{ width: 510rpx; min-height: 160rpx; display: flex; flex-wrap: wrap; align-content: spance-between; }
.echo-agent-list .echo-item .echo-content>view{ width: 100%; }
.echo-agent-list .echo-item .echo-remark{ width: 690rpx; }

/* 轮播图 */
.card-swiper swiper-item { padding: 15rpx 0rpx 40rpx 0rpx !important; }




.iconyrz{ width: 105rpx; height: 32rpx; }
.iconwyp{ width: 105rpx; height: 32rpx; margin-left: 20rpx; }
.iconwyd{ width: 105rpx; height: 32rpx; margin-left: 20rpx; }


.myicon{ width: 90rpx; height: 90rpx; margin: 0rpx auto; }


.foot .action.videoimg{ background: transparent !important; }
.foot .action.videoimg .cuIcon-cu-image{ width: 120rpx !important; margin-top: -80rpx; }
.foot .action.videoimg .cuIcon-cu-image image{ width: 120rpx !important;; height: 120rpx !important; }



.filterbg{ position: relative; }
.filtercon{ position: absolute; z-index: 999; height: 100vh; background-color:#000;background: rgba(0, 0, 0, 0.5); }
.filtercon>view{ width: 750rpx; }


.genderIcon { position: absolute; right: 0; top: 70rpx; width: 36rpx; height: 36rpx; line-height: 36rpx; font-size: 22rpx; text-align: center; }