#area-reply{text-align:left;padding:30px 0;margin:0 auto;}#area-reply .bar{position:relative;color:#3e3a39;font-size:14px;font-weight:bold;height:40px;line-height:40px;pointer-events:none;}#area-reply .bar:before{float:left;content:'';display:block;background-color:#ff719b;background-image:-webkit-linear-gradient(60deg, #f3c759, #ff719b);background-image:-moz-linear-gradient(60deg, #f3c759, #ff719b);background-image:linear-gradient(30deg, #f3c759, #ff719b);width:20px;height:20px;margin-top:10px;margin-right:10px;position:relative}#area-reply .bar:after{content:'';display:block;position:absolute;left:0;top:10px;width:20px;height:20px;background:url("../image/icon-nav-channel.png") left -20px no-repeat}#area-main-reply{width:100%;height:auto;border:1px solid;border-color:#ddd;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;-webkit-transition:border-color 300ms ease;-moz-transition:border-color 300ms ease;transition:border-color 300ms ease;position:absolute;left:0;top:0;background-color:#fff;z-index:1;text-align:left;}#area-main-reply:hover{border-color:#d2d2d2;}#area-main-reply:hover #ipt-comment-article{color:#595757}#area-main-reply:hover .cover{opacity:1;}#area-main-reply.status-float #btn-cancel-reply{display:block}#area-main-reply .clear{line-height:30px;font-size:12px;color:#727171;margin-top:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}#area-main-reply .btn{height:30px;line-height:26px;font-size:12px;border-radius:2px}#area-main-reply .cover{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);color:#fff;text-align:center;line-height:162px;font-size:16px;border-radius:5px;text-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;-webkit-transition:opacity 300ms ease;-moz-transition:opacity 300ms ease;transition:opacity 300ms ease;}.user-login #area-main-reply .cover{display:none}#ipt-content-reply{width:100%;height:100px;border:none;margin:0;padding:0;line-height:20px;font-size:14px;color:#727171;-webkit-transition:color 300ms ease;-moz-transition:color 300ms ease;transition:color 300ms ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:none;}#ipt-content-reply:focus{color:#595757}#btn-submit-reply{float:left;width:80px;margin-right:10px}#btn-cancel-reply{float:right;width:60px;display:none}#area-comment{margin:0 auto;padding-bottom:40px;}#area-comment > .inner{border-bottom:1px solid #eee}#area-comment .right{float:none}.device-desktop .list-comment .quoted .tool{display:none}.list-comment > .alert{margin:16px 24px !important}.list-comment .item-comment{position:relative;width:100%;height:auto;padding:8px 0;border-top:1px #eee solid;color:#333;text-align:left;}.list-comment .item-comment:after{content:'';display:block;clear:both}.list-comment > .item-comment:first-of-type{margin-top:0;border-top:none}.list-comment .quoted{width:auto;height:auto;margin:2px;border:1px solid #ddd;background-color:#ffe;padding-top:0;}.list-comment .quoted .quoted{border-top:1px solid #ffe;}.list-comment .quoted .quoted:first-of-type{border-top:1px solid #ddd}.list-comment .quoted .author{background:none;height:16px;line-height:16px}.list-comment .quoted .content-comment{margin:6px 4px 0;padding:0 0 2px}.list-comment .quoted .alert{margin:4px 2px}.list-comment .simple{border-top:1px solid #ffe}.list-comment .left{height:60px;float:left;position:relative}.list-comment .right{margin:0 0 16px 68px;width:auto;height:auto;position:relative;text-align:left;float:none}.list-comment .avatar{width:54px;height:54px;border:1px solid #fff;border-radius:28px;background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;margin:0 8px 0 4px}.list-comment .author{background-color:#f5f8fd;height:24px;line-height:24px;color:#aaa;position:relative;display:block;width:auto;margin:0 0 2px;padding:0 0 0 8px;font-size:12px;}.list-comment .author .name{margin:0 .2em}.list-comment .tool{margin-left:.5em;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;}.list-comment .tool span{display:inline-block;margin:0 .25em 0 0;padding:0;font-size:12px;color:#789;cursor:pointer;}.list-comment .tool span:active{color:#c33}.list-comment .content-comment:hover~.author .tool,.list-comment .author:hover .tool{display:inline-block}.list-comment .btn-clear{float:none;position:absolute;display:block;right:8px;top:-4px}.list-comment .name{color:#999}.list-comment .date{color:#999}.list-comment .content-comment{font-size:14px;line-height:1.7;display:block;width:auto;margin:0;padding:8px;white-space:pre-wrap;word-wrap:break-word;text-align:justify;}.list-comment .content-comment.status-focus{margin-bottom:310px}.list-comment .content-comment .name{color:#369;font-size:14px;line-height:normal}.list-comment .content-comment .btn{border-radius:2px;color:#333;float:none;height:24px;line-height:20px;margin:0 4px;min-width:32px;width:auto}.list-comment .content-comment a{color:#369}.list-comment .layer{font-size:12px;position:absolute;float:right;right:8px;bottom:0;text-align:right;cursor:default}.list-comment .unfold{display:block;position:relative;background-color:#f9f9f9;color:#999;width:auto;height:auto;font-size:12px;text-align:left;border:1px dashed #ddd;margin:4px 2px 8px;padding:8px;cursor:pointer;}.list-comment .unfold.active{cursor:auto;padding:0}.list-comment .unfold .tool{display:none !important}.list-comment img{width:auto;height:auto;max-width:100%;max-height:200px;margin:0 .5em;cursor:pointer}.list-comment .emotion{max-width:80px;max-height:80px;width:auto;height:auto;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom;cursor:default}.list-comment .divider-comment{position:relative;width:100%;height:24px;padding:0;margin:8px auto;background-color:#f5f8fd;border:none}.list-comment .divider-comment + .item-comment > .quoted{margin-bottom:8px}.list-comment .alert{margin:16px 2px}.list-comment .area-pager{margin:16px auto}