@charset "utf-8";

/* bbs-reply */

.bbs-reply {margin-top:10px;}

.bbs-reply .reply-message {padding:0 10px 0 49px; z-index:1; position:relative; height:54px; background-color:#fff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; cursor:pointer;}
.bbs-reply .reply-message {line-height:54px; font-size:14px; color:#666;}
.bbs-reply .reply-message:before {z-index:-1; display:block; content:''; position:absolute; left:10px; top:calc(50% - 17px); width:34px; height:34px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-150px -450px;}

/* reply-list */

.bbs-reply .reply-list {background-color:#ffffff; border-top:1px solid #ececec;}
.bbs-reply .item {z-index:1; position:relative;}
.bbs-reply .item:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:20px; right:20px; top:0; width:calc(100% - 40px); border-top:1px solid #ececec;}
.bbs-reply .item:last-child:after {z-index:-1; display:block; content:''; position:absolute; left:20px; right:20px; bottom:0; width:calc(100% - 40px);  border-bottom:1px solid #ececec;}

.bbs-reply .rl-header {position:relative; padding:20px 20px 9px 20px;}
.bbs-reply .rl-header .block {position:relative;}
.bbs-reply .rl-header .name {margin:-3px 10px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bbs-reply .rl-header .name {font-weight:bold; line-height:1.4; font-size:13px; color:#333;}
.bbs-reply .rl-header .opts {z-index:10; display:block; position:absolute; right:0px; top:0; width:47px; height:47px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-1100px -250px; opacity:0.4; cursor:pointer;}

.bbs-reply .rl-content {margin:-4px 0 -3px 0; padding:0 20px;}
.bbs-reply .rl-content,
.bbs-reply .rl-content a {line-height:21px; font-size:14px; color:#333; word-break:break-all;}
.bbs-reply .rl-content.type-blind {display:none;}
.bbs-reply .rl-content img {max-width:500px;}
.bbs-reply .rl-content .emoticon {display:inline-block; vertical-align:middle; width:120px; height:120px; border:0;}

.bbs-reply .rl-dt {margin-top:15px; padding:0 20px 15px 20px; position:relative;}
.bbs-reply .rl-dt .rdt {}
.bbs-reply .rl-dt .rdt li {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.bbs-reply .rl-dt .rdt li:nth-child(n+2) {margin-left:23px;}
.bbs-reply .rl-dt .rdt li:nth-child(n+2):before {z-index:-1; content:''; position:absolute; left:-12px; top:calc(50% - 4px); width:0; height:12px; border-left:1px solid #e8e8e8;}
.bbs-reply .rl-dt .rdt li p {z-index:1; position:relative; margin:0 0 -2px 0;}
.bbs-reply .rl-dt .rdt li p {line-height:1.4; font-size:13px; color:#999999;}
.bbs-reply .rl-dt .rdt li:nth-child(1) p {top:-1px;}

.bbs-reply .rl-dt .rgoods {display:block; position:absolute; right:20px; top:-1px;}
.bbs-reply .rl-dt .rgoods div {position:relative; text-align:center; display:inline-block; vertical-align:top; cursor:pointer;}
.bbs-reply .rl-dt .rgoods div:nth-child(n+2) {margin-left:15px;}
.bbs-reply .rl-dt .rgoods div span {position:relative; display:inline-block; vertical-align:top; padding-left:22px;}
.bbs-reply .rl-dt .rgoods div span {line-height:1.4; font-size:13px; color:#999;}
.bbs-reply .rl-dt .rgoods div span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 7px); width:15px; height:15px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position-x:-150px; opacity:0.3;}
.bbs-reply .rl-dt .rgoods div.good1 span:before {background-position-y:-350px;}
.bbs-reply .rl-dt .rgoods div.good2 span:before {background-position-y:-400px;}

.bbs-reply .rl-dt .rgoods div.good1.active span:before,
.bbs-reply .rl-dt .rgoods div.good2.active span:before {background-position-x:-250px; opacity:1;}

.bbs-reply .rl-dt .rgoods div.good1.active span {color:#0078dd;}
.bbs-reply .rl-dt .rgoods div.good2.active span {color:#ed1c24;}

.bbs-reply .rl-police {padding:10px 20px; background-color:#fbd2d3;}
.bbs-reply .rl-police li {padding:0 10px; height:29px; display:inline-block; background-color:#fff; border-radius:3px; text-align:center; cursor:pointer;}
.bbs-reply .rl-police li {line-height:29px; font-size:12px; color:#ec1c23;}
.bbs-reply .rl-police li:nth-child(n+2) {margin-left:5px;}
.bbs-reply .rl-police li.on {background-color:#ec1c23; color:#fff;}

.bbs-reply .rl-blind {padding:0 20px;}
.bbs-reply .rl-blind .text {line-height:1.4; font-size:14px; color:#999;}
.bbs-reply .rl-blind .text .ct {color:#ed1c24;}
.bbs-reply .rl-blind .text .btn {text-decoration:underline; cursor:pointer;}

.bbs-reply .item.blind-open .rl-content.type-blind {margin-top:10px; display:block;}

.bbs-reply .rl-deletion {padding:20px 20px 15px 20px;}
.bbs-reply .rl-deletion .name {margin:-3px 0 -4px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.bbs-reply .rl-deletion .name {font-weight:bold; line-height:1.4; font-size:13px; color:#333;}
.bbs-reply .rl-deletion .block {margin-top:10px;}
.bbs-reply .rl-deletion .text {margin:-4px 0 -3px 0; padding-bottom:5px;}
.bbs-reply .rl-deletion .text {line-height:1.4; font-size:14px; color:#999;}

/* answer */

.bbs-reply .rl-answer {display:block; position:relative; background-color:#f8f8f8;}
.bbs-reply .rl-answer:before {display:none !important;}
.bbs-reply .rl-answer .rl-header,
.bbs-reply .rl-answer .rl-blind,
.bbs-reply .rl-answer .rl-content,
.bbs-reply .rl-answer .rl-dt,
.bbs-reply .rl-answer .rl-police {padding-left:45px;}
.bbs-reply .rl-answer .rl-header {margin-top:-4px;}
.bbs-reply .rl-answer .rl-header:before {z-index:11; display:block; content:''; position:absolute; left:25px; top:20px; width:12px; height:12px; background:var(--bbs-btn) no-repeat; background-size:1500px 1000px; background-position:-150px -500px; opacity:0.4;}