.loader-layer[data-v-7b307bf2]{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;transition:all .6s;opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;filter:alpha(opacity=0)}.loader-layer.active[data-v-7b307bf2]{visibility:visible;opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}.spinner[data-v-7b307bf2]{width:120px;height:120px;text-align:center;line-height:120px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden}.double-bounce1[data-v-7b307bf2],.double-bounce2[data-v-7b307bf2]{width:100%;height:100%;border-radius:50%;background-color:#1abc9c;opacity:.6;position:absolute;top:0;left:0;animation:bounce-7b307bf2 2s ease-in-out infinite}.double-bounce2[data-v-7b307bf2]{animation-delay:-1s}@keyframes bounce-7b307bf2{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes loading-7b307bf2{0%{opacity:0}to{opacity:1}}body,html{height:auto}[data-v-b4bf789c]{margin:0}.container-water-fall[data-v-b4bf789c]{width:100vw;box-sizing:border-box}.container-water-fall h4[data-v-b4bf789c]{padding-top:56px;padding-bottom:28px;font-family:PingFangSC-Medium;font-size:36px;color:#000;letter-spacing:1px;text-align:justify}.container-water-fall button[data-v-b4bf789c]{background-color:#ff0;color:#24292e;border:1px solid rgba(27,31,35,.2);border-radius:.25em;width:100px;line-height:26px;font-size:13px;margin:4px 0;margin-right:4px;cursor:pointer;outline:none}.container-water-fall button.blue-light[data-v-b4bf789c]{background:#27fbc2}.container-water-fall button[data-v-b4bf789c]:hover{background-image:linear-gradient(-180deg,#fafbfc,#ccc 90%)}.container-water-fall .ck[data-v-b4bf789c]{float:right;position:relative;bottom:30px;right:10px;height:0}.container-water-fall .addBtn[data-v-b4bf789c]{position:fixed;bottom:60px;right:15px;width:56px;height:56px;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #ddd;display:flex;align-items:center;justify-content:center;font-size:26px;color:#24a378;float:right;z-index:100}.container-water-fall .cell-item[data-v-b4bf789c]{width:100%;background:#fff;border:2px solid #f0f0f0;border-radius:12px 12px 12px 12px;overflow:hidden;box-sizing:border-box}.container-water-fall .cell-item img[data-v-b4bf789c]{width:100%;height:auto;display:block}.container-water-fall .cell-item .item-body[data-v-b4bf789c]{padding:12px}.container-water-fall .cell-item .item-body .item-desc[data-v-b4bf789c]{font-size:15px;color:#333;line-height:15px;font-weight:700}.container-water-fall .cell-item .item-body .item-footer[data-v-b4bf789c]{margin-top:22px;position:relative;display:flex;align-items:center}.container-water-fall .cell-item .item-body .item-footer .avatar[data-v-b4bf789c]{width:44px;height:44px;border-radius:50%;background-repeat:no-repeat;background-size:contain}.container-water-fall .cell-item .item-body .item-footer .name[data-v-b4bf789c]{max-width:150px;margin-left:10px;font-size:14px;color:#999}.container-water-fall .cell-item .item-body .item-footer .like[data-v-b4bf789c]{position:absolute;right:0;display:flex;align-items:center}.container-water-fall .cell-item .item-body .item-footer .like.active .like-total[data-v-b4bf789c]{color:#ff4479}.container-water-fall .cell-item .item-body .item-footer .like i[data-v-b4bf789c]{width:28px;display:block}.container-water-fall .cell-item .item-body .item-footer .like .like-total[data-v-b4bf789c]{margin-left:10px;font-size:12px;color:#999}.githubdata[data-v-b4bf789c]{float:right;margin-right:90px}.githubdata img[data-v-b4bf789c]{width:14px}.ImageDetailsPage[data-v-2df7c86a]{padding-bottom:100px}.details__bottom[data-v-2df7c86a]{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;background-color:#fff}.details__bottom .mybtn[data-v-2df7c86a]{height:40px;line-height:38px}