.complaint-detail .top-banner{height:80px;background-color:#20d7ad;-webkit-box-align:center}.complaint-detail .top-banner .photo img{width:60px;display:block}.complaint-detail .title{padding:15px 15px;position:relative;background:#fff;border-bottom:1px solid #f3f3f3}.complaint-detail .title:before{content:"";width:3px;height:16px;background-color:#20d7ad;border-radius:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}.complaint-detail .img-card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.complaint-detail .img-card .item{margin:0 8px 8px 0}.complaint-detail .img-card .item img{width:75px;height:75px;display:block;border-radius:5px}.complaint-detail .process{display:-webkit-box;background:#fff;overflow-x:scroll}.complaint-detail .process::-webkit-scrollbar{display:none}.complaint-detail .process .item{min-width:105px;font-size:14px;color:#333;margin-right:15px;padding-bottom:10px}.complaint-detail .process .item .process-title{text-align:center;padding-bottom:16px}.complaint-detail .process .item .process-bar{position:relative;height:6px}.complaint-detail .process .item .process-bar .process-bar-inner{position:absolute;height:6px;background-color:#ccc;width:calc(100% + 10px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:calc(-50% - 12px);width:calc(100% + 15px);left:-5px}.complaint-detail .process .item .process-bar:after{content:"";position:absolute;background-color:#ccc;width:15px;height:15px;border-radius:50%;left:50%;top:50%;z-index:1;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.complaint-detail .process .item .process-content{margin-top:20px;text-align:center;border-radius:2px;border:1px solid #e1e1e1;position:relative}.complaint-detail .process .item .process-content .process-content-inner{padding:0 10px;position:relative;z-index:1;background-color:#f2f3f5}.complaint-detail .process .item .process-content .process-content-inner.small{font-size:12px;line-height:14px}.complaint-detail .process .item .process-content .process-content-inner.small .time{padding:4px 0 2px;line-height:12px}.complaint-detail .process .item .process-content:after{content:"";position:absolute;width:10px;height:10px;background-color:#f2f3f5;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;-webkit-transform:rotate(45deg) translateX(-50%);transform:rotate(45deg) translateX(-50%);left:calc(50% - 1px);top:-3px}.complaint-detail .process .item:first-child .process-bar .process-bar-inner{left:0;border-radius:3px}.complaint-detail .process .item.active .process-title{color:#20d7ad}.complaint-detail .process .item.active.active-last .process-bar,.complaint-detail .process .item.active .process-bar .process-bar-inner,.complaint-detail .process .item.active .process-bar:after{background-color:#20d7ad}.complaint-detail .process .item.active.active-last .process-bar .process-bar-inner{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#20d7ad),color-stop(50%,#20d7ad),color-stop(50%,#ccc),to(#ccc));background-image:linear-gradient(90deg,#20d7ad 0,#20d7ad 50%,#ccc 0,#ccc)}.complaint-detail .process .item:last-child{margin-right:0}.complaint-detail .process .item:last-child .process-bar{background-color:#ccc;border-radius:3px}.complaint-detail .process .item:last-child .process-bar .process-bar-inner{width:100%}.complaint-detail .process .item:last-child.active .process-bar{background-color:#20d7ad}.complaint-detail .process .item:last-child.active .process-bar .process-bar-inner{background-color:#20d7ad;background-image:none}.complaint-detail .process.full-2 .item{width:calc(50% - 15px)}.complaint-detail .process.full-3 .item{width:calc(33.33333% - 15px)}