.page[data-v-2c08a35f]{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:center;justify-content:center}.page .content[data-v-2c08a35f]{width:80%;height:80%;background-position:50%;background-repeat:no-repeat;background-size:contain}.page .controls .left[data-v-2c08a35f]{left:20px;transform:rotate(180deg)}.page .controls .left[data-v-2c08a35f],.page .controls .right[data-v-2c08a35f]{position:absolute;top:calc(50% - 30px);font-size:60px;color:#fff;cursor:pointer}.page .controls .right[data-v-2c08a35f]{right:20px}.page .controls .invalid[data-v-2c08a35f]{color:#8e8e8e;cursor:not-allowed}.page .indicate[data-v-2c08a35f]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}.page .indicate .item[data-v-2c08a35f]{width:10px;height:10px;border-radius:50%;background:#ededed;margin:0 5px;cursor:pointer}.page .indicate .item.current[data-v-2c08a35f]{background:#1f90ff}.comp-comment{width:100%;padding:10px;box-sizing:border-box;overflow:auto}.comp-comment .comment-box{width:100%}.comp-comment .comment-box .item-base{padding:5px}.comp-comment .comment-box .item-box{min-width:400px;max-width:800px;padding:10px;display:flex;border:1px solid #f3f3f3;border-radius:10px;box-shadow:0 0 10px hsla(0,0%,58.8%,.1)}.comp-comment .comment-box .item-box .avatar{width:40px;height:40px;flex-shrink:0;margin-right:10px;display:flex;align-items:center;justify-content:center;border:1px solid #e3e3e3;border-radius:50%;overflow:hidden}.comp-comment .comment-box .item-box .avatar .img{width:40px;height:40px}.comp-comment .comment-box .item-box .info-box{flex-grow:1;overflow:hidden}.comp-comment .comment-box .item-box .info-box .userinfo{display:flex;align-items:center;justify-content:space-between}.comp-comment .comment-box .item-box .info-box .userinfo .username{color:#777;font-size:13px}.comp-comment .comment-box .item-box .info-box .userinfo .date{color:#999;font-size:12px}.comp-comment .comment-box .item-box .info-box .content{word-wrap:break-word}.comp-comment .comment-box .item-box .info-box .photo-box{display:flex;flex-wrap:wrap}.comp-comment .comment-box .item-box .info-box .photo-box .item{cursor:pointer;width:50px;height:50px;border-radius:4px;overflow:hidden;border:1px solid #e3e3e3;margin:5px 5px 5px 0;background-position:50%;background-size:cover}.comp-comment .comment-box .item-box .control{margin-left:20px;height:40px;display:flex;align-items:center;flex-shrink:0;border-left:1px solid #f3f3f3;padding-left:20px}.comp-comment>.empty{width:100%;margin:40px 0;text-align:center;color:#888}