.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}.detail-container-box{background:#fff;width:95%;max-width:750px;margin:0 auto}.content-container-outer{height:100%;padding-top:65px}.detail-center-box{padding:10px 15px}#title-navbar-box .work-detail-navbar-nav{margin:0 auto;padding:0 15px}#title-navbar-box .work-detail-navbar-nav>li{float:left}#title-navbar-box .work-detail-navbar-nav>li::after{content:"";display:block;clear:both}#title-navbar-box .work-detail-navbar-nav>li>a{display:inline-block;height:50px;line-height:50px}#title-navbar-box .work-detail-navbar-nav>.navbar-nav-title{width:calc(100% - 100px)}#title-navbar-box .work-detail-navbar-nav>.navbar-nav-focus{width:100px}#title-navbar-box .work-detail-navbar-nav>.navbar-nav-title>a{font-size:26px;color:#000;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;width:100%}.opinion-editor-box .editor-box-shade{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(247,247,247,.5);z-index:1000}.opinion-editor-box .editor-box-shade .editor-signin-text{text-align:center;margin-top:90px}.opinion-editor-box .editor-box-shade .editor-signin-text>a{color:red;padding:0 4px}.opinion-editor-box>.editor-bottom{width:100%;height:50px;line-height:50px;padding:0 10px;background-color:#fff;border-top:1px solid #ebebeb}.opinion-editor-box>.editor-bottom .btn-area{float:right}.opinion-editor-box>.editor-bottom .btn-area:after{clear:both}#detail-father .detail-header{padding:15px 15px 0 15px;background:#fff;border-top-right-radius:4px;border-top-left-radius:4px}#detail-father .write-piece{border-top-right-radius:0;border-top-left-radius:0;margin-bottom:0}.write-title h1{font-size:26px;font-weight:700}.write-introduce{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:13px}.write-introduce-user{display:flex;align-items:center;font-size:16px}.author-avatar>img{display:block;border-radius:50%;border:1px solid #eee;min-width:50px;min-height:50px;width:50px;height:50px}.about-author-data{display:flex;align-items:center;margin-bottom:6px}.about-author-data .author-focused{position:relative;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;border-radius:50px;touch-action:manipulation;cursor:pointer;background-image:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s cubic-bezier(.645,.045,.355,1);font-size:12px;padding:2px 10px;color:#969696;background-color:#fff;border:1px solid #999;margin-left:15px}.about-write-data{display:flex;color:#969696;font-size:14px}.about-write-data>span{padding-right:15px}.about-write-data>span:nth-child(1){color:#ea6f5a}.write-introduce-tags{margin-top:15px}.write-introduce-tags>span{padding:4px 10px;margin-right:10px;border-radius:4px;background-color:#eee;display:inline-block;margin-bottom:5px}.content-isnormal-empty{height:50px;line-height:50px}.work-state-now-tip{margin:5px 0;color:red}.write-admin-operation{padding:10px;margin-top:15px;border:1px dashed red}.write-admin-operation .operation--title{font-weight:700}.write-admin-operation .operation--btns{margin-top:10px}.write-admin-operation .operation--btns i{padding:0 5px}.write-about-author{width:100%;padding:5px 0;margin-bottom:5px;margin-left:8px}.write-about-author img{width:25px;border-radius:50%}.write-about-author span{padding-right:10px}.content-section-container::-webkit-scrollbar{width:0;height:0}.content-container-open-btn{text-align:center;color:#175199;cursor:pointer;margin:20px 0}.content-container-mask{mask-image:linear-gradient(#000 calc(100% - 100px),transparent 100%);mask-image:linear-gradient(#000 -moz-calc(100% - 100px),transparent 100%);mask-image:linear-gradient(#000 -webkit-calc(100% - 100px),transparent 100%);-webkit-mask-image:linear-gradient(#000 calc(100% - 100px),transparent 100%);-webkit-mask-image:linear-gradient(#000 -moz-calc(100% - 100px),transparent 100%);-webkit-mask-image:linear-gradient(#000 -webkit-calc(100% - 100px),transparent 100%);-moz-mask-image:linear-gradient(#000 calc(100% - 100px),transparent 100%);-moz-mask-image:linear-gradient(#000 -moz-calc(100% - 100px),100%);-moz-mask-image:linear-gradient(#000 -webkit-calc(100% - 100px),100%)}.content-section-container{overflow-y:auto}.content-section{max-height:400px}.opinion-content-section{max-height:300px}.show-opinion-count-box{text-align:center;display:block;padding:15px 0;margin:15px 0}.jconfirm-content .form-horizontal .form-group{margin-right:0;margin-left:0}.line-border{border-bottom:1px solid #e2e2e2}.tip-opinion-box{padding:1px 15px;margin:30px 0 15px 0;text-align:center;font-size:25px;font-weight:700}.tip-opinion-box>span{background-size:100% 210%;background-image:linear-gradient(transparent 0,transparent calc(50% - 9px),#79f2c0 calc(50% - 9px),#79f2c0 100%)}.mark-good-opinion{background: no-repeat right top}.mark-new-opinion{background: no-repeat right top}#write-own-opinion{width:40px;height:40px;border-radius:5px;background-color:#e4e4e4;position:fixed;top:-100px;right:-100px;text-align:center;line-height:40px;cursor:pointer;z-index:999}#write-own-opinion img{width:32px}#write-own-opinion a{display:block;width:100%;height:100%;text-decoration:none}#write-own-opinion:hover{background-color:#b5b5b5}#load-more-status-box{margin:15px 0}.recommend{margin-top:15px;margin-bottom:10px}.recommend .title,.suggest-user .title{font-size:20px;font-weight:600;color:#726e6e;margin-top:18px}.btn-bg-trans{background:#1a7bec;border:1px solid #1370dc;color:#f7fbff;margin-right:10px;border-radius:4px}.btn-brown{background:#ff6c02;border:1px solid #e56910;color:#f7fbff;margin-right:10px;border-radius:4px}.btn-bg-trans img{width:25px;height:25px;vertical-align:middle}.btn-red{background:#b34e4d;border:1px solid #c5504e;color:#f7fbff;margin-right:10px;border-radius:4px}.btn-bg-trans:active,.btn-bg-trans:active:focus,.btn-bg-trans:focus,.btn-bg-trans:hover,.btn-bg-trans:visited{background:#0d67cf;border:1px solid #0a60c4;color:#f7fbff}.btn-brown:active,.btn-brown:active:focus,.btn-brown:focus,.btn-brown:hover,.btn-brown:visited{background:#e86506;border:1px solid #e56002;color:#f7fbff}.btn-red:active,.btn-red:active:focus,.btn-red:focus,.btn-red:hover,.btn-red:visited{background:#b34e4d;border:1px solid #c5504e;color:#f7fbff}.recommend span{display:block;line-height:25px;height:25px;font-size:15px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend span a{color:#333}.btn-inline{display:inline-block;margin-right:10px!important}.label-danger-border{background:0 0;border:1px solid #d9534f;color:#000}.title-ellipsis{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;margin-top:5px}.topic-node{padding:6px 10px;border-radius:5px;background:#eee}@media (max-width:767px){.detail-header{padding:0}.page-content-l{width:100%}.detaileditorplaceholder{padding:0 8px}.tip-opinion-box{margin:15px 0 10 0}.write-introduce-tags>a{display:inline-grid;margin-top:5px}.topic-node{padding:4px 10px}}@media (min-width:768px) and (max-width:991px){.detail-header{padding:0}.page-content-l{width:100%}.tip-opinion-box{margin:2px 0}}