/*
	多列瀑布流公用样式
*/
.waterfall{width: 100%; display: flex; justify-content: space-between;}
.waterfall-column{width: 24%;}

/* 普通图文 */
.waterfall-column .unit{width: 100%; background: #fff; box-shadow: 0 0 10px #ccc; margin-bottom: 20px; border-radius: 6px; overflow: hidden;}
.waterfall-column .unit .unit-img-con{width: 100%; position: relative; display: flex;}
.waterfall-column .unit .unit-img-con .unit-show-img{width: 100%; border-radius: 6px 6px 0 0;}
.waterfall-column .unit .unit-intro{width: 100%; border-radius: 0 0 6px 6px;}
.waterfall-column .unit .unit-intro .unit-title{width:94%; margin: 15px 3% 0 3%; line-height: 28px; font-size: 18px; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 400; line-height: 24px;}
.waterfall-column .unit .unit-intro .unit-opt{width:94%; margin: 15px 3% 10px 3%; display: flex; justify-content: space-between; align-items: center;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-land{background: #eafdff; height: 28px; border-radius:14px; display: flex; justify-content: center;align-items: center; padding: 0 8px; color: #4095a1; font-size: 12px;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-land img{ width: 13px; height: 15px; margin-right: 2px;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-land span{ color: #4095a1;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-pv{display: flex; justify-content: center;align-items: center;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-pv img{width: 20px; height: 16px; margin-right: 6px;}


/* 种草图文 */
.waterfall-column .unit .unit-img-con .unit-zc-img{position: absolute; left: 10px; bottom: 20px; width: 30px; height: 30px;}

/* 视频 */
.waterfall-column .unit .unit-img-con .unit-video-img{position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px;}

/* 货 */
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-huo span{ font-size: 12px;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-huo .red{color: #ec5734;}
.waterfall-column .unit .unit-intro .unit-opt .unit-opt-huo .moeny{font-size: 26px; font-weight: 600;}

/* 专题 */
.waterfall-column .zhanti .special-text-con{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.waterfall-column .zhanti .special-text-con .special-name{width: 94%; font-size: 20px; font-weight: 600; color: #fff; text-align: center;}
.waterfall-column .zhanti .special-text-con .special-mark{display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,0.8); height: 36px; border-radius: 18px; padding: 0 10px; margin-top: 10px;}
.waterfall-column .zhanti .special-text-con .special-mark img{width: 23px;height: 23px;margin-right: 6px;}
.waterfall-column .zhanti .special-text-con .special-mark span{color: #fff;}

/* 岛 */
.waterfall-column .dao .dao-info{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;z-index: 2;display: flex; flex-direction: column; justify-content: center; align-items: center;background: rgba(0,0,0,0.3);}
.waterfall-column .dao .dao-info .dao-name-zn{font-size:20px; font-family:PingFang SC; font-weight:600;color:rgba(255,255,255,1);line-height:24px;}
.waterfall-column .dao .dao-info .unit-opt-land{height:30px;border:1px solid rgba(255,255,255,1); border-radius:15px;line-height: 30px; font-size:16px;font-family:PingFang SC;font-weight:600;color:rgba(255,255,255,1);display: flex;justify-content: center;align-items: center;padding: 0 5px; margin-top: 10px;}
.waterfall-column .dao .dao-info .unit-opt-land img{width: 14px; height: 14px; margin-right: 4px;}
.waterfall-column .dao .dao-info .unit-opt-land span{font-size:16px;font-family:PingFang SC;font-weight:600;color:rgba(255,255,255,1);}
