.ci-wrap[data-v-9e0fcb94]{margin-bottom:24px;box-sizing:border-box;padding:20px;background:#f9f9f9;border-radius:5px}.ci-wrap.checked[data-v-9e0fcb94]{background:rgba(0,123,255,.05) url(../img/comment-bg.715e63a3.png) 0 43px no-repeat}.ci-wrap .ci-main[data-v-9e0fcb94]{display:flex;justify-content:space-between}.ci-wrap .ci-left[data-v-9e0fcb94]{padding-left:22px}.ci-wrap .ci-classes[data-v-9e0fcb94]{margin-bottom:12px;font-size:13px;color:#999}.ci-wrap .ci-name[data-v-9e0fcb94]{margin-bottom:29px;display:flex;align-items:center}.ci-wrap .ci-name .icon[data-v-9e0fcb94]{font-size:30px;margin-right:20px}.ci-wrap .ci-name-template[data-v-9e0fcb94]{font-size:14px;color:#222}.ci-wrap .ci-name-time[data-v-9e0fcb94]{font-size:13px;color:#999}.ci-wrap .ci-right[data-v-9e0fcb94]{text-align:right}.ci-wrap .ci-right .progress-half[data-v-9e0fcb94]{display:inline-block;position:relative;overflow:hidden;height:32px;margin-bottom:3px}.ci-wrap .ci-right .progress-half .el-progress--circle[data-v-9e0fcb94]{transform:rotate(-90deg)}.ci-wrap .ci-right .progress-half span[data-v-9e0fcb94]{vertical-align:middle}.ci-wrap .ci-right .progress-half-text[data-v-9e0fcb94]{position:absolute;text-align:center;width:64px;top:12px;color:#999;font-size:12px}.ci-wrap .ci-right .progress-half-text-bold[data-v-9e0fcb94]{color:#222;font-size:15px}.ci-wrap .ci-right-progress[data-v-9e0fcb94]{display:inline-block;width:60px}.ci-wrap .ci-right .progress-label[data-v-9e0fcb94]{text-align:center;margin-bottom:35px;font-size:13px;color:#666}.ci-wrap .ci-right .ci-btns .el-button[data-v-9e0fcb94]{border-radius:5px}.cii-wrap[data-v-39356d11]{margin:24px 4px;border-radius:5px;background-color:#fff;padding-bottom:20px}.cii-wrap .cii-nav[data-v-39356d11]{padding:16px 30px;border-bottom:1px solid #eee}.cii-wrap .cii-nav .el-button[data-v-39356d11]{border:none;background:rgba(0,123,255,.06);color:#60759f}.cii-wrap .cii-nav .el-button.active[data-v-39356d11]{color:#007bff}.cii-wrap .cii-nav .el-button+.el-button[data-v-39356d11]{margin-left:32px}