forest-H5/common/css/common.css

body{font-size: 28rpx;font-family: PingFangSC-Medium, PingFang SC;color: #333;}
page{background-color: #FBFBFC;}
uni-input{font-size: 28rpx;}
input{outline: 0!important;}
uni-button[type=primary]{background-color: #6BBC6D;}

.wrap{margin: 0 40rpx;}

/* 轮播 */
.appAdv{height:400rpx;}
.appAdv .adv-item{height:100%;}
.appAdv .adv-item .pic{width:750rpx;height:100%;}
.appAdv .swiper{height:100%;}
.appAdv .swiper >>> .uni-swiper-dots-horizontal{bottom:25rpx;}
.appAdv  >>> .uni-swiper-dot-active{background-color: #90c0ef;}


/* 图片 */
.full-img{width: 100%;height: auto;}

/* 对齐 */
.f-tac{text-align: center;}

/* 内容块 */
.write-radius{background-color: #fff;border-radius: 24rpx;padding: 24rpx;margin-bottom: 24rpx;}


/* 浮底按钮 */
.bottom-btn-wrap{height: 110rpx;margin-top: 80rpx;}
.bottom-btn{height: 110rpx;line-height: 110rpx;position: fixed;left: 24rpx;bottom: 24rpx;right: 24rpx;z-index: 99;}

/* 浮底多个按钮 */
.bottom-flex-btn-wrap{box-sizing: border-box;height: 148rpx;margin-top: 80rpx;;}
.bottom-flex-btn-content{display: flex;align-items: center;padding: 0 24rpx;border-top: 1px solid #eee;height: 148rpx;position: fixed;left: 0;bottom: 0;right: 0;background-color: #fff;}
.bottom-flex-btn{flex: 1;height: 99rpx;line-height: 99rpx;}
.bottom-flex-btn + .bottom-flex-btn{margin-left: 24rpx;}
.bottom-flex-btn.primary{background-color: #6BBC6D;border: 0;color: #fff;}

/* 页面大按钮 */
.big-btn{display: block;margin: 24rpx;padding: 24rpx 0;border-radius: 8rpx;text-align: center;font-size: 36rpx;line-height: 50rpx;font-weight: 400;}
.big-btn.primary{background-color: #6BBC6D;color: #fff;}
.big-btn-hollow{border: 1px solid #E5E5E5;color: #333;}

/* 常规间距 */
.nomal-top{margin-top: 40rpx;}
.nomal-bottom{margin-bottom: 40rpx;}

/* 搜索 */
.full-search{display: flex;overflow: hidden;background-color: #fff;border: 1px solid #cecece;border-radius: 100rpx;}
.full-search-btn{margin: 0;outline: none;border: 0;}
.full-search-btn:after{border: 0;border-radius: 0;}
.full-search-btn,
.full-search-input{height: 80rpx;line-height: 80rpx;}
.full-search-input{flex: 1;padding-left: 10rpx;}


/* 表单样式 */
.form-item-type{margin: 24rpx 0;}
.form-item{position: relative;display: flex;min-height: 96rpx;justify-content: space-between;align-items: center;margin: 0 0 0 24rpx;border-bottom: 1px solid #eee;}
.form-item.arrow::after{content: '';width: 20rpx;height: 20rpx;margin-top: -10rpx;right: 24rpx;position: absolute;top: 50%;border-top: 1px solid #ccc;border-right: 1px solid #ccc;transform: rotate(45deg);}
.form-item-til,
.form-item-con{padding: 20rpx 0;}
.form-item-til{padding-right: 15rpx;font-size: 34rpx;}
.form-item-con{display: flex;text-align: right;padding-right: 24rpx;color: #999;font-size: 30rpx;min-width: 70%;justify-content: flex-end;flex: 1;}
.form-item.arrow .form-item-con{padding-right: 65rpx;}
.form-item-con input{width: 100%;box-sizing: border-box;}
.form-item-chooseIMGs-wrap .choosedIMG{width: 128rpx;height: 128rpx;margin-left: 20rpx;}
.chooseIMG-btn{width: 128rpx;height: 128rpx;margin-left: 40rpx;box-sizing: border-box;padding: 10rpx;background-color: #F4F4F5;}
.chooseIMG-btn .chooseIMG-btn-img{width: 100%;height: 100%;}
.form-item.upfile{display: block;text-align: left;}
.form-item.upfile .form-item-con{justify-content: flex-start;}
.chooseIMG-btn-havetxt{width: 180rpx;height: 180rpx;margin-left: 40rpx;box-sizing: border-box;padding: 10rpx;background-color: #F4F4F5;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.chooseIMG-btn-havetxt .chooseIMG-btn-img{width: 80rpx;height: 80rpx;}
.chooseIMG-txt{font-size: 12rpx;font-weight: 400;color: #D8D8D8;line-height: 17rpx;}
.form-item-til-tip{font-size: 12rpx;color: #999;margin-left: 10rpx;}

/* 截取隐藏 */
.f-ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* 页面大标题 */
.big-til{font-size: 40rpx;margin: 24rpx 0;font-weight: 500;color: #333;line-height: 56rpx;}

/* 图标 标题 右箭头 */
.select-bar{display: flex;margin-bottom: 8rpx;align-items: center;box-sizing: border-box;height: 96rpx;border-radius: 16rpx;background-color: #fff;padding: 0 24rpx 0 30rpx;}
.select-bar-icon{width: 56rpx;height: 56rpx;}
.select-bar-text{flex: 1;margin: 0 24rpx;font-size: 34rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #333;line-height: 48rpx;}
.select-bar-arrow{width: 30rpx;height: 30rpx;margin-left: auto;border-top: 2rpx solid #ccc;border-right: 2rpx solid #ccc;transform: rotate(45deg);transition: all .3s;}
.open .select-bar-arrow{transform: rotate(135deg);}
.select-bar-img-wrap{width: 56rpx;height: 56rpx;border-radius: 50%;overflow: hidden;}
.select-bar-img{width: 100%;height: 100%;}

/* 内容全屏 */
/* top:calc(44px + env(safe-area-inset-top)); 头部导航时 */
.fix-content{position: fixed;left: 0;right: 0;top:calc(44px + env(safe-area-inset-top));bottom: 0;}
/* 隐藏弹出 */
.fix-content.translate{transition: all .3s;background-color: #fff;z-index: 100;transform: translateX(100%);}
.fix-content.translate.open{transform: translateX(0);}

/* 圆角带边框左对齐搜索 */
.search-left-color >>> .uni-searchbar__box{justify-content: left!important;border-color: #6BBC6D!important;border-radius: 50rpx!important;background-color: #fff!important;}

/* 产品列表 */
.product-wrap{background-color: #fff;border-radius: 16rpx;margin: 24rpx;padding: 24rpx;}
.product-wrap .product-item:last-of-type{border-bottom: 0;}
.product-item{display: flex;border-bottom: 1px solid #eee;padding-bottom: 24rpx;margin-bottom: 24rpx;}
.product-item-info{flex: 1;}
.product-item-img-wrap{width: 160rpx;max-height: 160rpx;overflow: hidden;margin-right: 24rpx;}
.product-item-img{width: 100%;height: 100%;}
.product-item-til{font-size: 30rpx;font-weight: 500;color: #333;line-height: 42rpx;margin-bottom: 13rpx;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.product-item-brand{margin-bottom: 14rpx;font-size: 26rpx;font-weight: 400;color: #999;line-height: 37rpx;}
.product-item-brand .postage{margin-left: 24rpx;padding: 2rpx 12rpx;font-size: 20rpx;font-weight: 400;color: #6BBC6D;line-height: 1;background-color: #E1F2E2;border-radius: 24rpx;}
.product-item-addr{font-size: 26rpx;font-weight: 400;color: #999;line-height: 37rpx;margin-bottom: 8rpx;}
.product-item-price {font-size: 24rpx;font-weight: 400;color: #999;line-height: 33rpx;}
.product-item-price .price{font-size: 36rpx;font-weight: 500;color: #FF5030;line-height: 50rpx;margin-right: 5rpx;}
.product-item-price .price.noprice{font-size: 28rpx;}
.product-item-price .rmb{font-size: 28rpx;font-weight: 500;color: #FF5030;line-height: 40rpx;margin-right: 8rpx;}
.product-item-price {font-size: 24rpx;font-weight: 400;color: #999;line-height: 33rpx;}

/* 页面提示信息 */
.page-tip{margin: 24rpx 40rpx;font-size: 32rpx;color: #999;line-height: 45rpx;}
.page-tip-til{color: #6BBC6D;}