.page-comment{height:100%;overflow:scroll}.page-comment.pd{padding-bottom:42px}.page-comment .comment-title{margin-bottom:16px}.page-comment .comment-item{margin-bottom:28px;width:100%}.page-comment .comment-item.detail{padding:16px;background:#fff}.page-comment .comment-item .line-user{justify-content:flex-start;font-size:12px;font-weight:700;color:#666}.page-comment .comment-item .line-user .img-thumb{background:#fff;width:24px;min-width:24px;height:24px;border-radius:50%;line-height:24px;margin-right:8px;overflow:hidden;box-sizing:border-box}.page-comment .comment-item .comment-body{margin-left:32px}.page-comment .comment-item .comment-body .comment-content{margin-bottom:12px}.page-comment .comment-item .comment-body .option-line{justify-content:space-between}.page-comment .comment-item .comment-body .option-line .icon{width:16px;margin-right:4px;margin-top:-4px}.page-comment .comment-item .comment-body .option-line .flex-line:last-child{margin-left:24px}.page-comment .comment-item .reply-area{padding:12px;border-radius:4px;background:#f5f6f7;font-size:14px;position:relative;margin-bottom:12px;color:#000}.page-comment .comment-item .reply-area .triangle{font-size:0;width:0;height:0;line-height:0;overflow:hidden;display:inline-block;*display:inline;position:absolute;top:-6.4px;left:0;*zoom:1;vertical-align:-2px;border-style:dashed;border-width:6.4px 6px;border-color:transparent transparent #f5f6f7 transparent;margin-top:-6.4px;left:14px}.page-comment .comment-item .reply-area .reply-item{margin-bottom:8px}.page-comment .comment-item .reply-area .reply-item .name{color:#99a2aa}.page-comment .comment-item .reply-area .all-coment{font-size:12px;color:#0085ff}.page-comment .detailreply-area{padding:0 16px;width:100%;background:#f5f6f7}.page-comment .detailreply-area .line-title{padding-bottom:20px;font-size:14px;color:#999}.page-comment .detailreply-area .line-title span{margin:0 7.5px}.page-comment .detailreply-area .line-title .line{flex:1;height:1px;background:#dbdbdb}.page-comment .input-area{padding:0 16px;height:56px;border-top:1px solid #e8e8e8;position:fixed;bottom:0;width:100%;z-index:20;background:#fff;justify-content:space-between;left:0}.page-comment .input-area.inputing{height:50px;width:100%;z-index:200}.page-comment .input-area.inputing .btn-send,.page-comment .input-area.inputing .line-input{height:95%}.page-comment .input-area.inputing .btn-send{border-radius:5px}.page-comment .input-area .line-input{flex:1;height:32px;background:#f5f6f7;border-radius:16px;font-size:12px}.page-comment .input-area .line-input img{width:22px;margin-right:5px}.page-comment .input-area .line-input textarea{padding:5px 9px;height:100%;flex:1;background:transparent}.page-comment .input-area .line-input textarea::placeholder{color:#999}.page-comment .input-area .item{font-size:12px;color:#aaa}.page-comment .input-area .item [class*=icon-]{margin-bottom:4px;width:18px}.page-comment .input-area .item.line-comment{margin-right:32px;margin-left:24px}.page-comment .input-area .btn-send{width:60px;min-width:60px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:100px;text-align:center;background:linear-gradient(221deg,#ffe44d,#ffd736);color:#18191c;font-size:14px;font-weight:700;margin-left:auto;margin-right:auto;white-space:nowrap;box-sizing:border-box;margin:0;margin-left:16px}.page-comment .input-area .btn-send:not(.disabled):active{opacity:.4}.page-comment .input-area .btn-send.disabled{opacity:.8;color:#fff;pointer-events:none;background:#ddd}.page-comment .input-area .btn-send.weak{background:#f5f6f7;color:#737981}@media screen and (orientation:landscape){.page-comment .input-area{width:406px}.page-comment .input-area.inputing{height:100%;width:700px;z-index:200}.page-comment .input-area.inputing .line-input{height:95%}.page-comment .input-area.inputing .line-input textarea{font-size:40px}}.sdk-page.sdk-commentDetail .main-container{overflow:scroll}