button{border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:rgba(183,183,183,0.8)}.btn{padding:.05rem .5rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.btn:disabled{background:#dedede;color:#999;border-color:transparent}.btn-primary{background:var(--primary-color);color:#fff}.btn-info{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-full{width:100%;height:.8rem;line-height:.8rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;border-radius:.5rem;padding:0}.reply-container .reply{padding:.2rem;border-radius:.06rem;background:var(--background-color);font-size:.24rem;color:var(--light-color)}.comment-wrap .product-item{position:relative;margin-bottom:.2rem;background:#fff}.comment-wrap .product-item .icon-more{position:absolute;top:.2rem;right:.1rem;font-size:.32rem;color:var(--mid-color);cursor:pointer;padding:.1rem}.comment-wrap .cake-box{background-color:var(--module-background-color);display:flex;padding:.3rem .2rem;box-sizing:border-box}.comment-wrap .cake-box img{width:1.5rem;height:1.5rem;margin-right:.2rem}.comment-wrap .cake-box h3{margin-top:.1rem}.comment-wrap .grade-box{padding:0 .2rem;background-color:var(--module-background-color)}.comment-wrap .grade-item{margin-bottom:.2rem}.comment-wrap .grade-item .label{display:inline-block;vertical-align:middle;width:1.4rem;font-size:.26rem}.comment-wrap .star{vertical-align:middle;display:inline-block;width:3.65rem;background:url(img/comment-stars.png) no-repeat;background-size:auto 200%;position:relative}.comment-wrap .star p{height:.4rem;background:#DE3053 url(img/comment-stars.png) no-repeat 0 bottom;width:0%;background-size:auto 200%}.comment-wrap .star .placeholder{position:absolute;width:100%;height:100%;z-index:9;top:0;left:0;font-size:0}.comment-wrap .star .placeholder li{display:inline-block;width:20%;height:100%;cursor:pointer}.comment-wrap .evaluate{color:#9b9690;padding-bottom:.1rem;padding-top:.3rem}.comment-wrap .evaluate li{border:1px solid var(--border-color);border-radius:.08rem;margin:0 .2rem .2rem 0;line-height:1.6;font-size:.24rem;display:inline-block;cursor:pointer;padding:.02rem .2rem}.comment-wrap .evaluate .active{color:#9f6d37;border-color:#f6cb9d;background-color:#ffd8af}.comment-wrap .textarea-container{position:relative;padding:.3rem .2rem}.comment-wrap .textarea-container textarea{display:block;width:100%;padding:.1rem .2rem;box-sizing:border-box;border:1px solid var(--border-color);border-radius:.06rem;background:var(--background-color);outline:none;resize:none;font-size:.24rem;line-height:1.4}.comment-wrap .textarea-container .length-tag{position:absolute;bottom:.4rem;right:.4rem;font-size:.2rem;color:var(--light-color)}.comment-wrap .img-list{background-color:var(--module-background-color);padding:.3rem .2rem;display:flex;flex-wrap:wrap}.comment-wrap .img-list .img-item{display:flex;align-items:center;justify-content:center;position:relative;width:2.1rem;height:2.1rem;border-radius:.1rem;border:1px solid var(--border-color)}.comment-wrap .img-list .img-item:not(:nth-child(3n+1)){margin-left:.2rem}.comment-wrap .img-list .img-item:not(:nth-child(-n+3)){margin-top:.2rem}.comment-wrap .img-list .img-item.empty .icon-close-circle{display:none}.comment-wrap .img-list .img-item.empty .img-input-group{opacity:1}.comment-wrap .img-list .img-item img{width:auto;max-width:100%;max-height:100%}.comment-wrap .img-list .icon-close-circle{position:absolute;font-weight:bold;color:var(--primary-color);font-size:.32rem;right:-.15rem;top:-.15rem;background-color:#ffffff;border:2px solid #ffffff;border-radius:50%;z-index:2;cursor:pointer}.comment-wrap .img-list .img-input-group{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;margin-right:.2rem;cursor:pointer}.comment-wrap .img-list .img-input-group::before,.comment-wrap .img-list .img-input-group::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.comment-wrap .img-list .img-input-group::before{width:80%;height:0;border-top:1px dashed #dddddd}.comment-wrap .img-list .img-input-group::after{width:0;height:80%;border-left:1px dashed #dddddd}.comment-wrap .img-list .img-input-group input[type="file"]{display:inline-block;width:100%;height:100%;opacity:0}.comment-wrap .reply-container{padding:.2rem .2rem .3rem}.comment-wrap .action-bar{background-color:#ffffff;padding:.3rem .2rem;text-align:right}.comment-wrap .action-bar .btn{padding:.1rem .5rem}.comment-wrap .action-bar .btn:not(:first-child){margin-left:.2rem}.comment-wrap footer{padding:.3rem .3rem .8rem;display:flex}.comment-wrap footer button{flex:1;line-height:.75rem}.comment-wrap footer button:not(:first-child){margin-left:.3rem}.comment-list-wrap .comment-list{background:var(--module-background-color);padding-left:.3rem}.comment-list-wrap .comment-item{padding:.3rem .3rem .3rem 0}.comment-list-wrap .comment-item:last-child::after{border:none}.comment-list-wrap .comment-item .username{width:3.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-list-wrap .reply-container{margin-top:.2rem}.comment-list-wrap .ml10{margin-left:1rem}.comment-list-wrap .scan-img{display:flex;flex-wrap:wrap;margin-top:.2rem}.comment-list-wrap .scan-img .img{display:flex;align-items:center;justify-content:center;width:2.05rem;height:2.05rem;margin:0 .2rem .2rem 0;border:1px solid var(--border-color);border-radius:.1rem;overflow:hidden}.comment-list-wrap .scan-img img{display:inline-block;width:auto;max-width:100%;max-height:100%;vertical-align:middle}.comment-list-wrap .content{margin-top:.2rem;color:#666;font-size:.26rem;line-height:1.4;letter-spacing:1px}.comment-list-wrap .load-more{background:var(--module-background-color);padding:.3rem}.comment-list-wrap .load-more p{border:1px solid var(--border-color);border-radius:.1rem;padding:.2rem 0;text-align:center;cursor:pointer;color:var(--mid-color);font-size:.28rem}.imgScan{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.imgScan .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.imgScan .swiper-container{width:100%;height:100%}.imgScan .swiper-slide{position:relative;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;background:rgba(0,0,0,0.9)}.imgScan img{width:auto;max-width:90%;max-height:90%}.imgScan .close-btn{position:absolute;top:0.3rem;right:0.3rem;color:#fff;font-size:0.4rem;z-index:9;cursor:pointer}.dialog-wrap-info .dialog-content-info .dialog-content-bd{height:.88rem;line-height:.88rem;width:auto;padding:0 .3rem}
/*# sourceMappingURL=comment.css.map */