.dt-comment-title { color: #333333; font-size: 0.8rem; text-align: left; font-weight: normal; margin:0px; padding:0.5rem 0 0.5rem 0.5rem; font-weight:bolder;}
.dt-comment-list { margin-bottom:0; margin-top:0;}
.dt-comment-list .aui-card-list { padding-top:0;}
.dt-comment-list .aui-card-list-user-avatar { width: 1.75rem;}
.dt-comment-list .aui-card-list-content-padded { padding: 0.25rem 0.75rem; padding-left:2.5rem;}
.dt-comment-list .aui-card-list-content-padded img { max-height:7.5rem;object-fit: contain;}
.dt-comment-list .dt-comment-introduce { font-size:0.75rem;padding: 0.25rem 0.75rem;padding-left: 2.5rem;color: #212121;}
.dt-comment-dh .dt-label { margin-left:0.15rem; top:-0.1rem; background:#FFF; padding:0.15rem 0.25rem;}	
.dt-comment-list em { margin-left:0.1rem; font-size:0.75rem; color:#666}

.replay-list { overflow: hidden; margin-left: -34px!important; margin-top:1rem;}
.replay-list img { width: 30px; height: 30px; float: left; border-radius: 50%; }
.replay-list .replay-detail { margin-top: 0; margin-left: 7px; overflow: hidden; float: right; width: 87%; }
.replay-list h4 { text-align: left; overflow: hidden; overflow: hidden; height: 20.25rem; line-height: 20.25rem; }
.replay-list h4 b, .replay-list h4 span { font-weight: normal; color: #39f; font-size: 14px; vertical-align: middle; }
.replay-list h4 i, .replay-list h4 span, .replay-list h4 em { display: inline-block; overflow: hidden; white-space: nowrap; vertical-align: middle; text-overflow: ellipsis; }
.replay-list h4 i { color: #ff8b3d; margin-right: 0.25rem; font-size: 14px; max-width: 90px; }
.replay-list h4 span { max-width: 90px; }
.replay-list h4 em { float: right; color: #999; }
.load-more-list { display:block;height:30px;width:100%;text-align:center;line-height:30px;background:#f3f3f3;margin:1rem auto 0;color:#fff;border-radius:0.25rem;font-size:14px;}

@media (max-width: 320px) {.replay-list h4 i {max-width:70.25rem; }.replay-list h4 span {max-width:74px; }}
@media (min-width: 414px) {.replay-list .replay-detail { width: 90%; }}
.bottom-comment { background: #ffffff; width: 100%; position: relative; transition: all .2s; z-index: 8888; overflow: hidden; text-align: left; padding: 0.5rem 0 0.5rem;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;box-shadow: 0 0 10px 0 rgba(155,143,143,0.3);-webkit-box-shadow: 0 0 10px 0 rgba(155,143,143,0.3);-moz-box-shadow: 0 0 10px 0 rgba(155,143,143,0.3);}
.bottom-comment.cur { position: fixed; left: 0; bottom: 0; }
.bottom-comment.fixed { position: fixed; left: 0; bottom: 0; width: 90%; height: auto; }
.bottom-comment textarea { width: 38%; height: 0.25rem; min-height: 1.75rem; border-radius: 20px; background: #F2F2F2; border: 1px solid #F2F2F2; resize: none; text-indent: 0.5rem; padding-top:0.25rem; outline: none; -weikit-transition: all .5s; transition: all .5s; vertical-align: middle; margin-left: 0.65rem; }
.bottom-comment textarea.curFocus { width: 94%; height: 4.75rem;; line-height: 1rem; border-radius: 2px; }
.bottom-comment textarea::-moz-placeholder {color: #999; font-size:0.75rem;}
.bottom-comment textarea::-webkit-input-placeholder {color:#999; font-size:0.75rem}
.bottom-comment .pl-zan { position: absolute; width:50%; top: 50%; margin-top: -1.2rem; right: 0.5rem; height: 2rem; line-height: 1.85rem; }
.bottom-comment .pl-zan span { display: inline-block; padding: 0 0.25rem; cursor: pointer; position: relative; margin-top: 0.25rem;-webkit-tap-highlight-color:rgba(255,255,255,0); }
.bottom-comment .pl-zan span.pl em { display: inline-block; text-align: center; min-width: 0.9rem; height: 0.8rem; line-height: 0.8rem; padding: 0 4px; font-size: 0.6rem; color: #ffffff; background-color: #ff2600; border-radius: 0.4rem; position: absolute; bottom: 1.5rem; left: 60%; z-index: 99;}
.bottom-comment .pl-zan .dt-icon-comment { position:relative; bottom:0.5rem; font-size:1.2rem !important;}
.bottom-comment .pl-zan .dt-icon-star { position:relative; margin:0 0.75rem 0 0.75rem;}
.bottom-comment .pl-zan .dt-icon-zan { position:relative; margin:0; bottom::0.3rem; font-size:1.2rem !important;}
.bottom-comment .pl-zan span .dt-icon-fenxiang {position:relative;bottom:0.5rem; margin-left:0.5rem; font-size:1rem !important;}
.bottom-comment .pl-zan span i { color:#333333; font-size:1.1rem !important}
.bottom-comment .pl-zan span a { color:#333333;}
.bottom-comment .pl-zan span i.curZan + em {color:#ff6700; }
.curZan,.curZan em  { color: #ff6700!important; }
.bottom-comment .btn-group { display: none; text-align: left; padding-left: 1rem; }
.bottom-comment .btn-group a { display: inline-block; width: 30%; height: 30px; line-height: 30px; text-align: center; border-radius: 0.25rem; margin-top: 1rem; font-size: 14px; }
.bottom-comment .add-comment { background: #ff6700; color: #fff; margin-right: 8px; }
.bottom-comment .cancel { background: #3caaff; color: #fff; }

.comment-bar-fix { height:50px;clear:both;}
#commmore { padding: 1rem 0.25rem; color:#666666 !important;background-color:#fff; font-size:0.6rem;}
#box-captcha { width:100%;height:2.25rem;font-size:0.8rem; margin-left:0.25rem;}
.dt-comment-zan { padding:0.5rem 0.5rem 0.5rem 0;}
.dt-comment-zan .dt-iconfont { font-size:0.6rem; margin-right:0.15rem;}
.dt-comment-zan .dt-icon { font-size:0.6rem; margin-right:0.15rem; color:#666}
.dt-comment-zan span { margin-right:0.35rem;}
.dt-comment-zan span em { font-size:0.6rem;}

.dt-comment-list-level { background:#f7fafb;}
.comment-level-text { position:relative; width:1.6rem; height:0.8rem; color:#ff5500; background:url('../image/icon-pl-jx.png') no-repeat center center;background-size:100%;}

.dt-comment-list .quote{border:1px solid #EEEEEE;background:#FFFFFF;padding:10px;margin-bottom:10px;}
.dt-comment-list .quote_title {font-size:12px;}
.dt-comment-list .quote_time {font-size:12px;color:#999999;}
.dt-comment-list .quote_floor {float:right;font-size:10px;color:#999999;}
.dt-comment-list .quote_content {clear:both;}
.dt-comment-list .star_a {display:inline-block;margin:12px 10px 12px 0;padding:2px 8px;height:20px;line-height:20px;background:#FF6600;color:#FFFFFF;font-size:12px;border-radius:6px;}
.dt-comment-list .star_b {display:inline-block;margin:12px 10px 12px 0;padding:2px 8px;height:20px;line-height:20px;background:#EEEEEE;color:#333333;font-size:12px;border-radius:6px;}
.dt-comment-list .star_e {display:inline-block;margin:10px 0;padding:2px 8px;height:24px;line-height:24px;width:24px;background:url('..image/chat-emoji.png') no-repeat center center;background-size:24px 24px;float:right;}
.dt-comment-list .emoji {width:100%;background:#FFFFFF;display:none;}
.dt-comment-list .emoji table {width:100%;}
.dt-comment-list .emoji td {height:44px;text-align:center;}
.dt-comment-list .emoji td:hover {background:#F5F5F6;}
.dt-comment-list .aui-card-list-user-info img { padding-top:0.3rem;width:2rem; margin-left:0.15rem}
.dt-comment-introduce img { display:inline-block;}
.comment-emoji { position:relative; display:none;padding: 0.5rem 0 0 0;}
.comment-emoji img { display: inline-block;width: 1.2rem;height: 1.2rem;margin: 0.25rem;}
.comment-emoji-btn { position:relative; margin-left:0.5rem; top:0.25rem;color:#666666}
.comment-emoji-btn .dt-icon-emoji { font-size:1.3rem;}
.comment-order-more { position:absolute;right: 0.75rem;top: 0.75rem;font-size: 0.6rem;color: #999999; cursor:pointer;}
.comment-order-more .dt-icon-more { font-size:0.6rem; margin-left:0.1rem;}
.comment-order-more .comment-popover-content{ width:3.75rem;opacity:0;position:absolute;right:10px;top:-16px;background:#fff;text-align:left;padding:.5em 1em;z-index:-10;border-radius:5px;box-shadow:0 2px 5px 2px rgba(0,0,0,.26);-webkit-transform:scaleY(.1);transform:scaleY(.1);transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}
.comment-order-more .comment-popover-content:before{position:absolute;z-index:-1;content:"";right:calc(20% - 5px);top:-4px;border-color:transparent transparent #fff;border-style:solid;border-width:0 5px 5px}
.comment-order-more .active{opacity:1;top:24px;z-index:10;-webkit-transform:scaleY(1);transform:scaleY(1);transition:all .5s cubic-bezier(.75,-.02,.2,.97)}
.comment-order-more .comment-sort-label {line-height:2em;}
.comment-popover-content .active{color:#f5b24e;font-weight:500}