@charset "utf-8";
/* CSS Document */
/* wxzlxl */
@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
.slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards}
.slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards}
body {background-color: #eee;}
.iphone-container {width: 250px;margin: 0 auto;margin-top: 4%;}
.iphone {position: absolute;}
.screen {position: relative;height: 530px;width: 324px;margin: 0 auto;top: 78px;left: 13px;}
.moments__post {display: block;}
.moments__post .weui-cell__hd {display: table-cell;vertical-align: top;min-width: 45px;}
.moments__post .weui-cell__hd img {width: 45px !important;height: 45px !important;}
.moments__post .weui-cell__bd {font-size: 13px;display: table-cell;padding-left: 10px;width: 100%;}
.moments__post .weui-cell__bd a,.moments__post .weui-cell__bd .title,.moments__post .weui-cell__bd .paragraphExtender,.moments__post .weui-cell__bd .zmui-icon,.moments__post .weui-cell__bd .nickname {color: #5d6b85;}
.moments__post .weui-cell__bd .title,.moments__post .weui-cell__bd .paragraph,.moments__post .weui-cell__bd .thumbnails {display: -webkit-box;display: -webkit-flex;display: flex;margin-bottom: 5px;word-break: break-all;word-wrap: break-word;}
.moments__post .weui-cell__bd .paragraphExtender {margin: 5px auto;display: -webkit-box;display: -webkit-flex;display: flex;}
.moments__post .weui-cell__bd .thumbnails {width: 100%;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.moments__post .weui-cell__bd .thumbnails .thumbnail {width: 90px;height: 90px;width: 23vw;height: 23vw;margin: 1px;background: #757575;overflow: hidden;max-width: 200px; max-height: 200px;}
.moments__post .weui-cell__bd .thumbnails .p1 {width: 240px;width: 60vw;height: auto !important;background: transparent;}
.moments__post .weui-cell__bd .thumbnails .p2,.moments__post .weui-cell__bd .thumbnails .p4 {width: 120px;height: 120px;width: 34vw;height: 34vw;max-width: 260px; max-height: 260px;}
.moments__post .weui-cell__bd .thumbnails .thumbnail img {width: 100%;}
.moments__post .weui-cell__bd .thumbnails .p1 img {width: auto;max-width: 100%;max-height:200px;max-height:50vw;}
.moments__post .weui-cell__bd .toolbar {position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;max-width: 650px;}
.moments__post .weui-cell__bd .toolbar .timestamp,
.moments__post .weui-cell__bd .toolbar .timestamp .zmui-icon {color: #757575;font-size: 13px;}
.moments__post .weui-cell__bd .liketext{margin-top: 10px;padding: 0px 5px;background-color: #e3e3e5;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;max-width: 640px;}
.moments__post .weui-cell__bd .liketext p{width: 100%;}
.moments__post .weui-cell__bd .liketext .zmui-icon {font-size: 10px;font-weight: bold;margin-right: 5px;margin-left: 2px;}
.moments__post .weui-cell__bd .liketext:before {bottom: 100%;left: 10px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #e3e3e5;border-width: 5px;}
.moments__post .weui-cell__bd .actionMenu {position: absolute;height: 40px;background-color: #4e5156;border-radius: 5px;z-index: 5;top: -10px;right: 35px;display: none;-webkit-justify-content: space-around;justify-content: space-around;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.moments__post .weui-cell__bd .actionMenu .actionBtn {color: #fff;padding: 0 15px;}
.moments__post .weui-cell__bd .actionMenu .actionBtn .zmui-icon {color: #fff;margin-right: 5px;}
.moments__post .weui-cell__bd .actionMenu .actionBtn:not(:first-child) {border-left: 1px solid #3f4346;}
.moments__post .weui-cell__bd .actionMenu.active {display: -webkit-box;display: -webkit-flex;display: flex;}
.moments__post .weui-cell__bd .actionToggle {width: 18px;height: 15px;background: #92abd4;margin-left: auto;border-radius: 1px;position: absolute;right: 0;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;justify-content: center;}
.moments__post .weui-cell__bd .actionToggle p {width: 4px;height: 4px;background-color: #fff;border-radius: 3px;margin: auto 2px;}
.moments__post .weui-cell__bd .actionToggle:before {right: 100%;top: 4px;border: solid transparent;content: " ";height: 0; width: 0; position: absolute;pointer-events: none;border-right-color: #92abd4;border-width: 3px;}
.toolbar:before {height: 0px;}
.sl3{display: -webkit-box!important;-webkit-box-orient: vertical!important;-webkit-line-clamp: 3;overflow: hidden!important;}
.zan {border-bottom: 1px solid #ccc;}.z0 {border-bottom: 0px;}
.weui-cells.moments{overflow: visible;margin-top:0px}