:root{
    color: #333333;
    --bs-modal-color: #3D3D3D;
    font-size: 16px;
    --bs-breadcrumb-divider: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/> <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
}
body{
    background-color: #FFFFFF;
    font-size: 16px;
}
.bg-nav{background-color: rgba(0, 0, 0, 0);}
.bg-footer{background-color: #060015;}
.bg-black{background-color: #060015;}
.bg-1A1528{background-color: #1A1528;}
.bg-fff-5{background-color: rgba(255, 255, 255, 0.05);}
.bg-fff-3{background-color: rgba(255, 255, 255, 0.03);}
.bg-060015{background-color: #060015;}
.bg-020908{background-color: #020908;}
.bg-F3F3F3{background-color: #F3F3F3;}

.bg-2D2D2D{background-color: #2D2D2D;}
.bg-23415C{background-color: #23415C;}
.bg-446777{background-color: #446777;}
.bg-306D99{background-color: #306D99;}
.bg-0D6BB7{background-color: #0D6BB7;}
.bg-067DA3{background-color: #067DA3;}
.bg-4A8BBB{background-color: #4A8BBB;}
.bg-5395F1{background-color: #5395F1;}
.bg-96846A{background-color: #96846A;}
.bg-BA945C{background-color: #BA945C;}
.bg-EB712D{background-color: #EB712D;}
.bg-5C9E7B{background-color: #5C9E7B;}
.bg-6BB02B{background-color: #6BB02B;}
.bg-F26162{background-color: #F26162;}
.bg-9557C3{background-color: #9557C3;}
.bg-EB3B73{background-color: #EB3B73;}
.no-wrap{
    white-space: nowrap;
}
.index-banner{height: calc(100vh - 65px);background-repeat: no-repeat;background-size: cover;background-position: center;}
.index-box{width: 100%;display: flex;justify-content: center;align-items: center;position: relative;aspect-ratio: 835 / 352;}
.index-box-content{width: 100%;aspect-ratio: 835 / 352;position: absolute;}
*::-webkit-scrollbar{display: none;}
/* 登录 start*/
.login-box{
    background-image: url('../img/login-bg.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 0;
    min-height: 500px;
    padding-top: 2rem;
    border-radius: .75rem;
}
.login-box .send-code-btn{
    width: 40%;
    color: #fff;
    background-color: #21D590;
    border: 0 solid #D8D8D8;
    border-radius: .375rem;
}
.login-box .form-control{color: #333;}
.login-box .exec-login-btn{border: 0;color: #fff;}
.login-box .register-tips{width: 100%;font-size: 12px;font-weight: bolder;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;color: #3D3D3D;}
.login-box .register-tips::before, .login-box .register-tips::after{content: '';position: absolute;width: calc((100% - 14em) / 2);height: 1px;background-color: #D8D8D8;left: 0;top: calc((100% - 1px) / 2);z-index: 1}
.login-box .register-tips::after{left: auto;background-color: #D8D8D8;right: 0;}
.login-box .cover{width: 179px;position: absolute;height: 179px;border-radius: .7em;overflow: hidden; background-color: rgba(0, 0, 0, .8);color: #fff;display: flex;justify-content: center;align-items: center;}
.login-box .qrcode-box{width: 179px; border-radius: .7em; overflow: hidden;}
.login-box .tel-login{
    margin-top: 2rem;
}
.login-box .tel-login-btn, .login-box .wechat-login-btn, .login-box .tel-login{display: none;cursor: pointer;}
.login-box .tel-login-btn > div, .login-box .wechat-login-btn > div{
    border: 1px solid #575B66;
    width: 90%;
    margin-left: 5%;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-border-radius: 0.375rem;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    line-height: var(--bs-btn-line-height);
    border-radius: var(--bs-btn-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.login-box .tel-login-btn.active, .login-box .wechat-login-btn.active{display: flex;}
.login-box .tel-login .text-danger, .login-box .wechat-login .text-danger{font-size: 12px;min-height: 1.5em; color: #FD910C !important;}
.login-box .tel-login input::placeholder{color: #807C7C;}
.login-box .tel-login input{
    outline: none;
    color: #333333;
    padding-top: .75rem;
    padding-bottom: .75rem;
    border: 0 solid #CFE5DD;
    background-color: #CFE5DD;
}
.login-box .tel-login input[name=register-code]{width: 60%;}
.login-box .tel-login label{color: #000000;}
.login-box .tel-login-btn .avatar-text{background: #ffa938;font-size: 2rem;cursor: pointer;}
.login-box .wechat-login-btn .avatar-text{background: #50d562;font-size: 2rem;cursor: pointer;}
.login-box .user-protocol{font-size: 12px;color: #666;}

/* 登录 end*/
/* 重写公共 checkbox start */
.checkbox{display: inline-block;cursor: pointer;}
.checkbox img:nth-child(2), .checkbox.check img:nth-child(1){display: inline;}
.checkbox img:nth-child(1), .checkbox.check img:nth-child(2){display: none;}
.checkbox img{width: 1.5em; margin-top: -.2em;}

.radio{display: inline-flex;cursor: pointer; width: 1.2em;}
.radio img{content: url('../img/icon-radio-o.png'); }
.radio.active img{content: url('../img/icon-radio.png');}

.switch{display: inline-flex;cursor: pointer; width: 1.2em; align-items: center; justify-content: center;}
.switch img{content: url('../img/icon-switch-off.png'); }
.switch.active img{content: url('../img/icon-switch-on.png');}

/* 重写公共 checkbox end */
.text-indent{text-indent: 2em;}
svg.icon{width: 1em;height: 1em;}
.text-333{color: #333;}
.text-3D3D3D{color: #3D3D3D;}
.text-575B66{color: #575B66;}
.text-violet{color: #BB72FF;}
.text-76FFA1{color: #76FFA1;}
.text-21D590{color: #21D590;}
.text-9E9E9E{color: #9E9E9E !important;}
.text-5ED2FF{color: #5ED2FF;}
.text-868686{color: #868686;}
.text-81560A{color: #81560A;}
.text-072F0E{color: #072F0E;}
.text-ECA140{color: #ECA140;}
.text-666{color: #666;}
.text-999{color: #999;}
.text-wechat-green{color: #39b239;}
.text-alipay-blue{color: #1777ff;}
.text-blue{color: #315CEC;}
.text-yellow{color: #FDC03A;}
.text-red{color: #FF3838;}
.text-gold{color: #c28748;}
.text-white{color: #fff;}
.text-grey{color: #575B66;}
.text-black{color: #060015;}
.cursor-pointer{cursor: pointer;}
.border-radius{border-radius: var(--bs-border-radius-lg);}
.border-radius-50{border-radius: 2em;}
.border-left-radius{border-radius: var(--bs-border-radius-lg) 0 0 var(--bs-border-radius-lg);}
.border-top-radius{border-radius: var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0 0;}
.border-bottom-radius{border-radius: 0 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg);}
.border-right-radius{border-radius: 0 var(--bs-border-radius-lg) var(--bs-border-radius-lg) 0;}
.header-placeholder{height: 65px;}
img{max-width: 100%;}
/* 付费列表 start */
.buy-box-border{
    padding: 0;
    border-radius: var(--bs-border-radius);
    width: 100%;
}
.buy-box{
    border-radius: var(--bs-border-radius);
    background-image: url("../img/buy-bg.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
.buy-box .buy-banner{
    position: absolute;
    right: 0;
    top: -8rem;
}
.buy-box .buy-text{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.buy-box .nav-tabs{border: none;display: flex;justify-content: center;align-items: center;flex-flow: row nowrap;white-space: nowrap;}
.buy-box .nav-item button,
.buy-box .nav-item button:hover,
.buy-box .nav-item button:visited{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    color: #666666;
    border-radius: var(--bs-nav-tabs-border-radius);
    padding: .2rem .3rem !important;
    line-height: 1.85em;
}
.buy-box .nav-item button.active{border: 1px solid #1777FF;border-radius: var(--bs-nav-tabs-border-radius);color: #333333;}
.buy-box .nav-item button i{margin-right: .5rem;}
.buy-box .pay-price-group{
    border-radius: .3rem;
    margin-top: 10.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.buy-box .pay-price-group .row{padding: 1rem 0;margin: 0;border-radius: .3rem;}
.buy-box .countdown{
    color: #fff;
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.175rem;
    --bs-btn-border-radius: 0.375rem;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    background-image: linear-gradient(to left, #FF6426, #FFAE57);
    margin-bottom: .375rem;
    border-radius: .3rem;
}
.buy-box .pay-group{display: flex;align-items: center;justify-content: space-around;position: relative;}
.buy-box .pay-group .pay-item{
    width: calc(100% / 4);
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    position: relative;
    cursor: pointer;
    background-color: #FFD7B3;
    padding: 4px;
}
.buy-box .pay-group .pay-item > div{
    width: 100%;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    position: relative;
    background-color: #FDF7ED;
    padding: 1rem 0;
}
.buy-box .pay-group .pay-item .pay-item-title{display: flex;color: #613309;}
.buy-box .pay-group .pay-item .pay-item-unit-price{color: #613309;font-size: 12px;white-space: nowrap;}
.buy-box .pay-group .pay-item .pay-item-unit-price span{font-size: 2rem;}
.buy-box .pay-group .pay-item .pay-item-price{color: #613309;}
.buy-box .pay-group .pay-item .pay-item-original-price{display: none; text-decoration: line-through;color: #613309;}
.buy-box .pay-group .pay-item .pay-item-tips{
    background-image: linear-gradient(to left, #FFC144, #FF6937);
    position: absolute;
    left: -2px;top: calc(-1.5em / 2);
    padding: 0 .5rem;
    color: #fff;font-size: 10px;
    line-height: 1.85em;
    border-radius: .5rem 0 .5rem 0;
}
.buy-box .pay-group .pay-item.active{
    background-image: linear-gradient(to bottom, #FFBC80, #DF7F28);
}
.buy-box .pay-group .pay-item.active > div{
    background-image: linear-gradient(to bottom, #FFEFD6, #FFC08C);
}
.buy-box .pay-group .pay-item.active .pay-item-price,
.buy-box .pay-group .pay-item.active .pay-item-unit-price,
.buy-box .pay-group .pay-item.active .pay-item-original-price,
.buy-box .pay-group .pay-item.active .pay-item-title{
    color: #613309;
}
.buy-box .pay-qrcode-1{
    background: #fff;width: 100%;}

.buy-box .tab-content{
    display: flex;justify-content: center;padding: 1rem 0 0 0;
}
.buy-box .wechat-qrcode, .buy-box .alipay-qrcode{
    width: 130px;height: 130px; /*padding: 3px;*/display: flex;justify-content: center;align-items: center;background: #fff url(../img/loading24.gif) center center no-repeat;border-radius: .2rem;overflow: hidden;
}
.buy-box .alipay-qrcode{
    border-color: #1777FF;
}
.buy-box .wechat-qrcode canvas, .buy-box .alipay-qrcode iframe{
    width: 120px;height: 120px;
}
.buy-box .alipay-qrcode iframe{
    margin-left: 5px;margin-top: 5px;width: 125px;height: 125px;
}
.buy-box .wechat-title, .alipay-title{
    margin-top: .3rem;display: flex;justify-content: center;align-items: center;
}
.buy-box .wechat-title i, .alipay-title i{
    margin-right: .3rem;font-size: 2em;
}
.buy-box .wechat-qrcode img, .alipay-qrcode img{
    width: 100%;
}
.buy-box .pay-price-tips + .fs-7{
    white-space: nowrap;
}
.buy-box .pay-price-tips{
    background-image: linear-gradient(to left, #FF6426, #FFAE57);color: #fff;padding: .3rem;border-radius: .3rem;position: relative;font-size: 12px;white-space: nowrap;
}
.buy-box .pay-price-tips::before{
    position: absolute;
    content: '';
    top: -.85rem;
    left: 2rem;
    border-style: solid;
    border-width: .45rem;
    border-color: transparent transparent #ffa048 transparent;
}
/* 付费列表 end */
/* 挽留 开始 */
.retain-box{background-image: linear-gradient(to bottom, #FDD5AC, #FCF4E9);border-radius: 1.5rem;}
.retain-box .retain-tips{width: 100%;display: flex;justify-content: center;align-items: center;}
.retain-box .retain-tips img{width: 80%;}
.retain-box .retain-frame, .retain-box .qrcode{
    position: relative;width: 100%;
    background-image: linear-gradient(to left, #FFFEFE, #FFFEFE);
}
.retain-box .retain-frame{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.retain-box .qrcode{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.retain-box .retain-frame > img{width: 100%;}
.retain-box .retain-frame .retain-content{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.retain-box .retain-frame .retain-content .top, .retain-box .retain-frame .retain-content .center-1, .retain-box .retain-frame .retain-content .center-2, .retain-box .retain-frame .retain-content .bottom{position: absolute;font-size: 9px;width: 100%;color: #76ffa1;line-height: 1.8em;}
.retain-box .retain-frame .retain-content .bottom > div > .fs-2{white-space: nowrap;}
.retain-box .retain-frame .retain-content .top{
    left: 5%;top: 20%;width: 89%;display: flex;justify-content: space-between;align-items: center; /*padding: 0 .2rem;*/line-height: 1em;font-weight: 500;
}
.retain-box .retain-frame .retain-content .center-1{
    left: 5%;
    top: 39%;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    font-size: 20px;
    color: #fff;
    font-weight: bolder;
}
.retain-box .retain-frame .retain-content .center-2{
    left: 5%;
    top: 64.23%;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1em;
    font-size: 18px;
    color: #2F1A06;
    font-weight: bolder;
}
.retain-box .retain-frame .retain-content .center-2 span{font-weight: 400;}
.retain-box .retain-frame .retain-content .top > div{text-align: center;}
.retain-box .retain-frame .retain-content .top .shrink{display: inline-block;transform: scale(.5);}
.retain-box .retain-frame .retain-content .bottom{
    bottom: 8%;
    left: 10%;
    width: 80%;
    height: 14.63%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #060015;
}
.retain-box .wechat-qrcode, .retain-box .alipay-qrcode{width: 130px;height: 130px;padding: 3px;background: #fff url(../img/loading24.gif) center center no-repeat;border-radius: .2rem;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.retain-box .alipay-qrcode{border-color: #1777FF;}
.retain-box .wechat-qrcode canvas{width: 120px;height: 120px;}
.retain-box .alipay-qrcode iframe{margin-left: 5px;margin-top: 5px;width: 125px;height: 125px;}
.retain-box .wechat-title, .alipay-title{
    /*margin-top: .3rem;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
.retain-box .wechat-title i, .alipay-title i{
    margin-right: .3rem;
    font-size: 2em;
}
.retain-box .wechat-qrcode img, .alipay-qrcode img{
    width: 100%;
}
/* 挽留 结束 */

/* 二次付费 开始 */
.second-box{border-radius: .5rem; box-shadow: none;}
.second-box .second-tips{width: 100%;display: flex;justify-content: center;align-items: center;}
.second-box .second-tips img{width: 80%;}
.second-box .second-frame{position: relative;width: 100%; margin-top: -3.5rem;}
.second-box .second-frame{border-top-left-radius: 1rem;border-top-right-radius: 1rem;}
.second-box .qrcode{border-bottom-left-radius: 1rem;border-bottom-right-radius: 1rem;}
.second-box .second-frame > img{width: 100%;}
.second-box .second-frame .second-content{position: absolute;width: 100%;height: 100%;left: 0;top: 0; padding: 2rem;}
.second-box .second-frame .second-content .top, .second-box .second-frame .second-content .center-1, .second-box .second-frame .second-content .center-2, .second-box .second-frame .second-content .bottom{position: absolute;font-size: 9px;width: 100%;color: #BB72FF;line-height: 1.8em;}
.second-box .second-frame .second-content .bottom > div > .fs-2{white-space: nowrap;}
.second-box .second-frame .second-content .top{left: 5%;top: 20%;width: 89%;display: flex;justify-content: space-between;align-items: center; /*padding: 0 .2rem;*/line-height: 1em;font-weight: 500;}
.second-box .second-frame .second-content .center-1{left: 5%;top: 42%;width: 90%;display: flex;justify-content: center;align-items: center;line-height: 1em;font-size: 20px;color: #fff;font-weight: bolder;}
.second-box .second-frame .second-content .center-2{left: 5%;top: 65.23%;width: 90%;display: flex;justify-content: center;align-items: center;line-height: 1em;font-size: 18px;color: #bb72ff;font-weight: bolder;}
.second-box .second-frame .second-content .center-2 span{font-weight: 400;}
.second-box .second-frame .second-content .top > div{text-align: center;}
.second-box .second-frame .second-content .top .shrink{display: inline-block;transform: scale(.5);}
.second-box .second-frame .second-content .bottom{bottom: 8%;left: 10%;width: 80%;height: 14.63%;display: flex;align-items: center;justify-content: center;color: #060015;}
.second-box .wechat-qrcode, .second-box .alipay-qrcode{width: 130px;height: 130px;padding: 3px;background: #fff url(../img/loading24.gif) center center no-repeat;border-radius: .2rem;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.second-box .alipay-qrcode{border-color: #1777FF;}
.second-box .wechat-qrcode canvas{width: 120px;height: 120px;}
.second-box .alipay-qrcode iframe{margin-left: 5px;margin-top: 5px;width: 125px;height: 125px;}
.second-box .wechat-title, .alipay-title{margin-top: .3rem;display: flex;justify-content: center;align-items: center;}
.second-box .wechat-title i, .alipay-title i{margin-right: .3rem;font-size: 2em;}
.second-box .wechat-qrcode img, .alipay-qrcode img{width: 100%;}
/* 二次付费 结束 */
.row-mbg{
    margin-bottom: var(--bs-gutter-x);
}
.link-dark{color: #212529 !important;}
.fs-7{font-size: .75rem !important}
.fs-8{font-size: .625rem !important}
.fs-9{font-size: .5rem !important}
.fs-10{font-size: .375rem !important}
.w-1em{width: 1em;}
.w-2em{width: 1.5em;}
.w-3em{width: 2em;}
.w-4em{width: 2.5em;}
.icon-img-xs{width: .8em;}
.icon-img-sm{width: 1em;}
.icon-img{width: 1.2em;}
.icon-img-md{width: 1.5em;}
.icon-img-lg{width: 1.8em;}
.icon-img-xl{width: 2em;}
.icon-img-xxl{width: 2.3em;}
.icon-img-xxxl{width: 2.5em;}
.icon-img-xxxxl{width: 2.8em;}
.icon-img-xxxxl{width: 3em;}
.border-radius-0{border-radius: 0;}
.text-overflow-2, .text-overflow-3, .text-overflow-4{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.text-overflow-1{width: 100%;word-break: keep-all; /* 不换行 */white-space: nowrap; /* 不换行 */overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */text-overflow: ellipsis;}
.text-overflow-2{-webkit-line-clamp: 2;}
.text-overflow-3{-webkit-line-clamp: 3;}
.text-overflow-4{-webkit-line-clamp: 4;}
.single-line{width: 100%;word-break: keep-all; /* 不换行 */white-space: nowrap; /* 不换行 */overflow: auto;}
.single-line::-webkit-scrollbar{display: none;}
.dropdown-toggle::after{display: none;}

.-w-c{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 576px){
    .modal-sm{
        --bs-modal-width: 400px;
    }
}
/*修改bootstrap 原生内容 start*/
.modal-content{
    /*background: none;*/
    border: 0;
}
.btn-close{font-size: 200%;--bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="black" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>');}
#modal-retain .btn-close,
#modal-retain .btn-close,
#modal-buy .btn-close{
    font-size: 200%;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="black" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>');
}
#modal-retain .modal-content, #modal-buy .modal-content ,#modal-login .modal-content{
    background-color: transparent;
}

.modal {
    z-index: 99999;
}
.w-e-modal .btn-close{--bs-btn-close-bg: none;}
.form-check-label{display: inline-flex;justify-content: flex-start;align-items: center;}
.btn-primary,
.btn-primary:hover,
.btn-primary:link,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:focus-visible,
.btn-primary:focus-within{
    background-color: #21D590;
    border: 0;
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:link,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:visited,
.btn-outline-primary:focus-visible,
.btn-outline-primary:focus-within{
    border-color: #21D590 !important;
    background-color: #fff !important;
    color: #21D590 !important;
}
.btn-outline-danger,
.btn-outline-danger:hover,
.btn-outline-danger:link,
.btn-outline-danger:active,
.btn-outline-danger:focus,
.btn-outline-danger:visited,
.btn-outline-danger:focus-visible,
.btn-outline-danger:focus-within{
    border-color: #dc3545 !important;
    background-color: #fff !important;
    color: #dc3545 !important;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:link,
.btn-secondary:active{
    background: #FFFFFF;
    border-color: #DCDCDC;
    color: #333;
}
.btn-outline-secondary,
.btn-outline-secondary:hover,
.btn-outline-secondary:link,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:visited,
.btn-outline-secondary:focus-visible,
.btn-outline-secondary:focus-within{
    background: #FFFFFF !important;
    border: 1px solid #DCDCDC !important;
    color: #333 !important;
}
.btn-third,
.btn-third:hover,
.btn-third:link,
.btn-third:active,
.btn-third:focus,
.btn-third:visited,
.btn-third:focus-visible,
.btn-third:focus-within{
    background-image: linear-gradient(to left, #81560A, #C57E26);
    color: #FFEBC4;
    border-radius: 2em;
    font-size: calc(var(--bs-btn-font-size) * .8);
}
.-btn-third img {
    width: 1em;
}
.-btn-third,
.-btn-third:hover,
.-btn-third:link,
.-btn-third:active,
.-btn-third:focus,
.-btn-third:visited,
.-btn-third:focus-visible,
.-btn-third:focus-within {
    background-image: linear-gradient(to right, #FFE5D0, #FFCAA7);
    color: #63351F;
    border-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-four,
.btn-four:hover,
.btn-four:link,
.btn-four:active,
.btn-four:focus,
.btn-four:visited,
.btn-four:focus-visible,
.btn-four:focus-within{
    background-image: linear-gradient(to right, #F7D29A, #FF811A);
    color: #FFFFFF;
    border-radius: 2em;
    font-size: calc(var(--bs-btn-font-size));
}
.modal-header, .modal-footer{border: none;}
.dropdown-menu .dropdown-item{display: flex;justify-content: flex-start;align-items: center;padding-top: .2rem;padding-bottom: .2rem;}
.dropdown-menu .dropdown-item i{margin-right: .3rem;}
.file-grid2-body .dropdown-menu .dropdown-item{padding-top: .6rem;padding-bottom: .6rem;}
.content-nav-top .dropdown-menu .dropdown-item{padding-top: .6rem;padding-bottom: .6rem;}
.search-cloud .dropdown-menu .dropdown-item{padding-top: .6rem;padding-bottom: .6rem;}
.search-cloud .dropdown-menu .dropdown-item i{margin-right: 14px;font-size: 2rem !important;}
.btn-check:checked + .btn, .btn.active, .btn:focus, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active{border-color: transparent;}
.btn-close:focus{box-shadow: none !important;}
#modal-buy .btn-close, #modal-login .btn-close{
    font-size: 150%;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="black" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>');
    /*background-color: #060015;*/
    border-radius: .75rem;
    margin-top: 1rem;
    margin-right: 1rem;
}
#modal-enlarge .btn-close{
    font-size: 150%;
    --bs-btn-close-bg: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="white" class="bi bi-x" viewBox="0 0 16 16"> <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/> </svg>');
    background-color: rgba(255, 255, 255, 0.13);
    border-radius: .75rem;
}
#modal-enlarge .modal-content{
    border: 0;
}
#modal-enlarge .modal-content .modal-body{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
}
.dropdown-item:focus, .dropdown-item:hover{color: #3D3D3D;}
.dropdown-item.active, .dropdown-item:active{background-color: #FFFFFF;}
input, input:hover, input:focus{background: #fff;color: #3D3D3D;outline: none;}
a{text-decoration: none;}
header .nav-link, header .nav-link:hover{color: #66896C;font-weight: 400;}
header .nav-link.active{color: #333333 !important;position: relative; font-weight: 700;}
header .nav-link.active:after{
    content: '';
    position: absolute;
    width: 1.5em;
    height: 5px;
    left: calc((100% - 1.5em) / 2);
    bottom: 0;
    border-radius: 5px;
    background-image: linear-gradient(to right, #21D590, #21D590);
}
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets{position: absolute !important;top: calc(100% + 25px) !important;left: 50% !important;}
.carousel-caption{height: 100%;margin-bottom: -1.25rem; /*left: 0;*/right: 50%; /*background: rgba(0, 0, 0, .2);*/display: flex;justify-content: center;align-items: center;}
/*修改bootstrap 原生内容 end */
header ._dropdown{}
header ._dropdown:hover ~ ._dropdown-menu, header ._dropdown-menu:hover{display: block;}
header ._dropdown-menu{position: absolute;z-index: 2;}
header .dropdown-item{line-height: 2.5em;}
/* 付费角标弹窗 start */
.tips-buy{position: fixed;right: 35px;bottom: 10vh;width: 200px;}
.tips-buy-content{position: relative;}
.tips-buy-content > div{position: absolute;width: 100%;height: 1em;color: #EE4947;left: 10px;top: 28%;display: flex;justify-content: center;align-items: baseline;transform: rotate(8deg);}
.tips-buy img{cursor: pointer;}
.tips-buy .tips-buy-close{position: absolute;right: 0;top: -10px;cursor: pointer;}
/* 付费角标弹窗 end */
.btn-radius{border-radius: 2em;}
.btn-length-1{padding-left: 1em !important;padding-right: 1em !important;}
.btn-length-2{padding-left: 1.5em !important;padding-right: 1.5em !important;}
.btn-length-3{padding-left: 2em !important;padding-right: 2em !important;}
.btn-length-4{padding-left: 2.5em;padding-right: 2.5em;}
.btn-length-5{padding-left: 3em;padding-right: 3em;}
.btn-length-6{padding-left: 3.5em;padding-right: 3.5em;}
/* 导航条用户信息 start */
.userinfo{
    cursor: pointer;
}
.userinfo-more-item{
    width: 100%;
    background-color: #F7F7F7;
    border-radius: .375rem;
    margin-bottom: .754rem;
    padding: .75rem .375rem;
}
.userinfo-pulldown{
    display: none;
    min-width: 400px;
    background-color: #fff;
    top: 130%;
    right: -.75rem;
    z-index: 999;
    border-radius: 1px;
    position: relative;
}
.userinfo-pulldown:after{
    content: '';
    position: absolute;
    top: -10px;
    right: 35px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}
/* 导航条用户信息 end */
/* 主程序内容 start */
.-index-search{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 3em;
    overflow: hidden;
    padding-left: 1em;
    height: 3.5em;
    width: 80%;
    margin:auto;
}
.-index-search-icon img{
    height: 1em;
}
.-index-search-input{
    text-indent: 1em;
    width: 50%;
    border: none;
    outline: none;
}
.-index-search input{
    color: #000 !important;
    background-color: transparent !important;
}
.-index-search input:focus{
    border-color: transparent;
    box-shadow: none;
}
.-index-search input::placeholder{
    color: #9E9E9E !important;
}
.-index-search-btn{
    width: 50%;
    height: 100%;
}
.-index-search-btn button{
    width: 100%;
    height: 100%;
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    border-left-right-radius: 0;
    border-left-right-radius: 0;
    border-color: transparent;
}
/* 主程序内容 end */

/* 简历模版 start */
.-template{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    --template-left-width: 200px;
    --template-right-width: calc(100% - var(--template-left-width) - 2rem);
    --template-header-left: calc(100vh - 64px);
    --template-header-right: calc(100vh - 64px - 1rem);
}
.-template-left{
    width: var(--template-left-width);
    background-color: #FFFFFF;
    min-height: var(--template-header-left);
}
.-template-left-header{
    width: 100%;
    padding-left: calc(3rem - 1.7em);
    line-height: 2.5em;
}
.-template-left-header img{
    width: 1.4em;
}
.-template-left-body{
    display: flex;
    flex-flow: column nowrap;
}
.-template-left-item{
    padding-left: 3rem;
    line-height: 2.5em;
    margin-top: 1rem;
    cursor: pointer;
}
.-template-left-item.active{
    background-color: #DDF4EB;
    border-right: 2px solid #21D590;
}
.-template-right{
    width: var(--template-right-width);
    height: var(--template-header-right);
    margin-top: 1rem;
    margin-right: 1rem;
    overflow: auto;
}
.-resume{
    width: 100%;
    position: relative;
    aspect-ratio: 404 / 571;
}
.-resume:hover .-resume-cover{
    display: flex;
}
.-resume .-resume-cover{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    display: none;
    justify-content: space-evenly;
    align-items: center;
    flex-flow: column nowrap;
}
.-resume .-resume-cover .-preview{
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    cursor: pointer;
}
.-resume .-resume-cover .-edit,.-resume .-resume-cover .-delete{
    margin-top: 1rem;
    cursor: pointer;
    width: 15rem;
    max-width: 80%;
}
.-resume .-resume-cover .-edit button,.-resume .-resume-cover .-delete button {
    width: 100%;
}
/* 简历模版 end */

/* 面试攻略 start */
.article-list{
    width: 100%;
    background: #fff;
    border-radius: var(--bs-border-radius);
    /*margin-bottom: 1rem;*/
}
.article-list .article-item{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.article-list .article-item .article-img{
    padding: 1rem;
    width: 15rem;
    flex-shrink: 0;
}
.article-list .article-item .article-img img{
    width: 100%;
}
.article-list .article-item .article-body{
    width: calc(100% - 16rem);
    padding: 1rem 1rem 1rem 0;
    border-bottom: 1px solid #e8e8e8;
}
.article-list .article-item .article-body .article-title{
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: .375rem;
}
.article-list .article-item .article-body .article-content{
    color: #999999;
    font-size: .85rem;
    min-height: 5em;
}
/* 分页内容 */
.-page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
.-page-total{
    padding: 0 .75rem;
}
.-page-size{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .75rem;
}
.-page-number-group{
    display: flex;
    justify-content: center;
    align-items: center;
}
.-page-number, .-page-prev, .-page-next{
    padding: 0 .375rem;
    cursor: pointer;
}
.-page-number:hover, .-page-prev:hover, .-page-next:hover{
    color: #21D590;
}
.-page-number.active{
    color: #21D590;
}
/* 分页内容 */
/* 面试攻略 end */

/* ai 写简历 start */
.-ai-generate-resume-content{
    min-width: 80%;
    max-width: calc(100% - 2rem);
}
/* ai 写简历 end */

/* 简历模版 start */
.-resume-template{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    --left-sidebar-width: 7.5em;
    --right-sidebar-width: 15rem;
    --main-content-width: calc(100% - var(--left-sidebar-width) - var(--right-sidebar-width) - 2rem);
    --min-height: calc(100vh - 104px);
}
.-resume-template .-left-sidebar{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    width: var(--left-sidebar-width);
    min-height: var(--min-height);
    background: #fff;
    font-size: .8rem;
}
.-resume-template .dropdown{
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    color: #9E9E9E;
}
.-resume-template .dropdown .btn{
    color: #9E9E9E;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.-resume-template .dropdown .dropdown-menu{
    width: 100%;
    max-height: 200px;
    overflow: auto;
}
.-left-sidebar .-left-sidebar-item{
    width: 100%;
    position: relative;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content{
    min-width: 20rem;
    position: absolute;
    left: calc(100% + 1rem);
    border: 0;
    display: none;
    font-size: 1rem;
    z-index: 8;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content:before{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: calc((100% - 20px) / 2);
    border-style: solid;
    border-width: 10px;
    border-color: transparent #fff transparent transparent;
}
.-left-sidebar .-left-sidebar-item.active .lh-lg{
    color: #59DFAC;
}
.-left-sidebar .-left-sidebar-item.active .-left-sidebar-content{
    display: flex;
    max-height: 70vh;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .-color-group{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: wrap;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .-color-item{
    border-radius: 50%;
    height: 2.5em;
    width: 2.5em;
    margin-bottom: .8rem;
    margin-right: .2rem;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .-color-item.active {
    position: relative;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .-color-item.active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/icon-checkmark.png");
    background-size: cover;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .card-body{
    height: 100%;
    overflow: auto;
}
.-left-sidebar .-left-sidebar-item .-left-sidebar-content .card-body > div{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

input[type="range"]{
    width: 100%;
}
/* 轨道颜色 */
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track,
input[type="range"]::-ms-track{
    background-color: #F7F7F7 !important;
}
/* 滑块颜色 */
input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-ms-thumb{
    background-color: #21D590 !important;
}
/* 滑块划过的颜色 */
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-moz-range-thumb:hover,
input[type="range"]::-ms-thumb:hover{
    background-color: #21D590 !important;
}

.-resume-template .-template-cover-btn{
    position: absolute;
    left: 0;
    bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.-resume-template .-template-cover-tips{
    width: 100%;
}
.-resume-template .-template-cover-tips .-cover-template-select-box{
    display: none;
}
.-resume-template .-template-cover-tips.active .-cover-template-select-box{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.-resume-template .-template-cover-tips.active .btn-primary{
    display: none;
}
.-resume-template .swiper-slide .btn-primary{
    display: none;
}
.-resume-template .swiper-slide-active .btn-primary{
    display: block;
}
.-resume-template .-left-sidebar img{
    width: 2.5em;
}
.-resume-template .-input-range{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.-resume-template .-input-range .-left{
    width: 5rem;
    flex-shrink: 0;
}
.-resume-template .-input-range .-center{
    width: 100%;
    flex-shrink: 1;
}
.-resume-template .-input-range .-right{
    width: 2em;
    text-align: right;
    flex-shrink: 0;
    color: #21D590;
}
.-resume-template .-left-sidebar > div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    margin-top: 1rem;
    cursor: pointer;
}
.-resume-template .-main-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-flow: column nowrap;
    width: var(--main-content-width);
    min-height: var(--min-height);
    min-width: 210mm;
    overflow: auto;
    /*background: #fff;*/
}
.-resume-template .-right-sidebar{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    width: var(--right-sidebar-width);
    min-height: var(--min-height);
    background: #fff;
    padding-top: 1rem;
}
.-resume-template{
    width: 100%;
}
.-resume-template .nav-tabs{
    border: 0;
}
.-resume-template .tab-content{
    width: 100%;
}
.-resume-template .nav-link{
    border: none;
    color: #9E9E9E;
}
.-resume-template .nav-link.active{
    border: none;
    position: relative;
}
.-resume-template .nav-link.active::before{
    content: '';
    position: absolute;
    left: calc((100% - 2em) / 2);
    bottom: 2px;
    width: 2em;
    height: 2px;
    background-color: #21D590;
}

.-sortable{
    width: 100%;
    list-style-type: none;
    padding-left: 0;
}
.-sortable .-item{
    width: calc(100% - (.75rem * 2));
    margin-top: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #F7F7F7;
    padding: .375rem .75rem;
    margin-left: .75rem;
    cursor: pointer;
    border-radius: var(--bs-border-radius);
    color: #666666;
}
.-sortable .-item > div{
    width: 100%;
    flex-shrink: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-sortable .-item > div:nth-child(1), .-sortable .-item > div:nth-child(3){
    width: 1em;
    justify-content: flex-start;
}
.-sortable .-item > div:nth-child(2){
    width: calc(100% - 2em - .75rem - .75rem);
}
.-sortable .-item img{
    width: 1em;
}
/* 简历模版 end */

/* 通用模版样式 start */
.-general-template{
    width: 100%;
    min-width: 210mm;
    max-width: 210mm;
    margin: 0 auto;
    --a4-proportion: calc(var(--main-content-width) / 210);
    --a4-width: 100%;
    --a4-height: calc(--a4-proportion * 297);
    /*--a4-width: 210mm;*/
    /*--a4-height: 297mm;*/
    --line-height: 1.5em;
    --theme-color: #112E52;
    --theme-color: #5485A5;
    --theme-font-size: 14px;
    --theme-font-color: #333;
    --theme-font-family: 'serif';
    --jianju: 15px;
    --yebianju: 30px;
    font-family: var(--theme-font-family);
    max-height: var(--min-height);
    overflow: auto !important;
}
.-general-template .-pdf-page{
    /*display: flex;*/
    /*flex-flow: column nowrap;*/
    /*justify-content: flex-start;*/
    width: 100%;
    aspect-ratio: 210 / 297;
    background-color: #fff;
    padding: var(--yebianju);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}
.-general-template p{
    margin: 0;
}
/* 通用模版样式 end */

/* a 模版 start */
.-a1-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    /*min-width: 210mm;*/
}
.-a1-template .-base-info-title{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.-a1-template .-base-info{
    display: flex;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a1-template .-avatar{
    width: 20%;
}
.-a1-template .-edu{
    width: 100%;
}
.-a1-template .-title{
    color: var(--theme-color);
    font-size: 20px;
    width: 100%;
    font-weight: 500;
}
.-a1-template .hr{
    margin: 15px 0;
    height: 2px;
    background-color: var(--theme-color);
    width: 100%;
}
.-a1-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a1-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a1-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a1-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a1-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a1-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a1-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a1-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a1-template .-mb{
    height: var(--jianju);
}
.-a1-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a1-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #F0F0F0;
    color: #727272;
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* a1 模版 end */

/* a2 模版 start */
.-a2-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
}
.-a2-template .-mb{
    height: var(--jianju);
}
.-a2-template .-h1{
    font-size: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #306E99;
    font-weight: bolder;
}
.-a2-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a2-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a2-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a2-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a2-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a2-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a2-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a2-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a2-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a2-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a2-template .-nav{
    width: 100%;
    background-color: #E6EDF3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a2-template .-nav-title{
    color: #fff;
    background-color: #306E99;
    line-height: var(--line-height);
    padding: .5em 2em;
}
.-a2-template .-base-info{
    width: 100%;
}
.-a2-template .-base-info table{
    width: 100%;
    margin-top: var(--jianju);
    line-height: var(--line-height);
}
.-a2-template .-base-info table tr th{
    width: 6em;
}
.-a2-template .-base-info table tr td{
    width: 6em;
}
/* a2 模版 end */


/* a3 模版 start */
.-a3-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
}
.-a3-template .-mb{
    height: var(--jianju);
}
.-a3-template .-h1{
    font-size: 18px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    padding: .375em 0;
}
.-a3-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a3-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a3-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a3-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a3-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a3-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a3-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a3-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a3-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a3-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a3-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid #E6EDF3;
}
.-a3-template .-nav-title{
    color: var(--theme-color);
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    padding-bottom: .5em;
    position: relative;
}
.-a3-template .-nav-title:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: .3em;
    background-color: var(--theme-color);
}
.-a3-template .-base-info-title{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.-a3-template .-base-info{
    display: flex;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a3-template .-avatar{
    width: 20%;
}
/* a3 模版 end */

/* a4 模版 start */
.-a4-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a4-template .-mb{
    height: var(--jianju);
}
.-a4-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: var(--yebianju);
    position: absolute;
    left: 0;
    top: 0;
}
.-a4-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a4-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a4-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a4-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a4-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a4-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a4-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a4-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a4-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a4-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a4-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.-a4-template .-nav:before{
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #E6EDF3;
}
.-a4-template .-nav-title{
    color: #fff;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a4-template .-name{
    font-size: 22px;
    font-weight: bolder;
    color: var(--theme-color);
}
.-a4-template .-base-info{
    width: 100%;
}
.-a4-template .-base-info table{
    width: 100%;
    margin-top: var(--jianju);
    line-height: var(--line-height);
}
.-a4-template .-base-info table tr th{
    width: 6em;
}
.-a4-template .-base-info table tr td{
    width: 6em;
}
/* a4 模版 end */


/* a5 模版 start */
.-a5-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a5-template .-mb{
    height: var(--jianju);
}
.-a5-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: var(--yebianju);
    position: absolute;
    left: 0;
    top: 0;
}
.-a5-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a5-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a5-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a5-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a5-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a5-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a5-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a5-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a5-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a5-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a5-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #495664;
}
.-a5-template .-nav-title{
    color: #fff;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a5-template .-base-info{
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
    width: 100%;
    color: #fff;
}
.-a5-template .-base-info .-jianju{
    padding: var(--yebianju);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: var(--line-height);
}
.-a5-template .-base-info-title{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.-a5-template .-avatar{
    width: 20%;
}
/* a5 模版 end */


/* a6 模版 start */
.-a6-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a6-template .-mb{
    height: var(--jianju);
}
.-a6-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: calc(var(--yebianju) * 2);
    position: absolute;
    font-size: 24px;
    left: 0;
    top: 0;
}
.-a6-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a6-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a6-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a6-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a6-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a6-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a6-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a6-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a6-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a6-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a6-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a6-template .-nav-title{
    color: #fff;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    background-image: linear-gradient(-135deg, transparent 8px, var(--theme-color) 0);
}
.-a6-template .-nav-title:before, .-a6-template .-nav-title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 0;
    height: 0;
    border-width: 5px 10px 5px 10px;
    border-color: var(--theme-color) var(--theme-color) transparent transparent;
    border-style: solid;
    z-index: 2;
}
.-a6-template .-nav-title:after{
    border-color: rgba(0, 0, 0, .25) rgba(0, 0, 0, .25) transparent transparent;
    z-index: 3;
}
.-a6-template .-base-info{
    width: 100%;
}
.-a6-template .-base-info table{
    width: 100%;
    margin-top: var(--jianju);
    line-height: var(--line-height);
}
.-a6-template .-base-info table tr th{
    width: 6em;
}
.-a6-template .-base-info table tr td{
    width: 6em;
}
/* a6 模版 end */

/* a8 模版 start */
.-a8-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a8-template .-mb{
    height: var(--jianju);
    width: 100%;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}
.-a8-template .-pdf-page .-mb:last-child{
    border-bottom: 1px solid #DFDFDF;
}
.-a8-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: calc(var(--yebianju) * 2);
    position: absolute;
    font-size: 24px;
    left: 0;
    top: 0;
}
.-a8-template .-subtitle{
    color: var(--theme-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    padding: 0 1em;
}
.-a8-template .-text{
    color: var(--theme-font-color);
    padding: 5px 1em;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}
.-a8-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    padding: 0 1em;
}
.-a8-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a8-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a8-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a8-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a8-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a8-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 1em;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
}
.-a8-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a8-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #DFDFDF;
    border-right: 1px solid #DFDFDF;
    background-color: #DAE9ED;
}
.-a8-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    color: var(--theme-color);
}
.-a8-template .-avatar{
    width: 20%;
}
.-a8-template .-avatar img{
    aspect-ratio: 3 / 4;
}
.-a8-template .-base-info{
    width: 100%;
}
.-a8-template .-base-info table{
    width: 100%;
    margin-top: var(--jianju);
    line-height: var(--line-height);
}
.-a8-template .-base-info table tr th{
    width: 8em;
    padding: .5em;
    border: 1px solid #DFDFDF;
}
.-a8-template .-base-info table tr td{
    padding: .5em;
    min-width: 6em;
    border: 1px solid #DFDFDF;
}
/* a8 模版 end */

/* a7 模版 start */
.-a7-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a7-template .-mb{
    height: var(--jianju);
}
.-a7-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a7-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a7-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a7-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a7-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a7-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a7-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a7-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a7-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a7-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a7-template .-avatar{
    width: 22%;
    aspect-ratio: 3 / 4;
    padding: 0;
}
.-a7-template table{
    width: 100%;
    line-height: var(--line-height);
}
.-a7-template table tr{
    width: 100%;
}
.-a7-template table tr th{
    font-size: var(--theme-font-size);
    width: 8em;
    padding: .5em;
    border: 1px solid #DFDFDF;
    background-color: #F7F7FA;
}
.-a7-template table tr td{
    padding: .5em;
    min-width: 6em;
    border: 1px solid #DFDFDF;
}
/* a7 模版 end */

/* a8-1 模版 start */
.-a8-1-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a8-1-template .-mb{
    height: var(--jianju);
}
.-a8-1-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--theme-color);
}
.-a8-1-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a8-1-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a8-1-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a8-1-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a8-1-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a8-1-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a8-1-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a8-1-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a8-1-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a8-1-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #DFDFDF;
}
.-a8-1-template .-nav-title{
    color: var(--theme-font-color);
    background-color: var(--theme-color);
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    width: 100%;
}
.-a8-1-template .-avatar{
    width: 22%;
    aspect-ratio: 3 / 4;
    padding: 0;
}
.-a8-1-template table{
    width: 100%;
    line-height: var(--line-height);
}
.-a8-1-template table tr{
    width: 100%;
}
.-a8-1-template table tr th{
    font-size: var(--theme-font-size);
    width: 8em;
    padding: .5em;
    border: 1px solid #DFDFDF;
    background-color: #F7F7FA;
}
.-a8-1-template table tr td{
    padding: .5em;
    min-width: 6em;
    border: 1px solid #DFDFDF;
}
.-a8-1-template .-table1{
    border: 1px solid #DFDFDF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}
.-a8-1-template .-table2{
    border: 1px solid #DFDFDF;
    padding: 8px;
}
/* a8-1 模版 end */

/* a9 模版 start */
.-a9-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a9-template .-mb{
    height: var(--jianju);
}
.-a9-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a9-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a9-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a9-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a9-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a9-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a9-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a9-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a9-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a9-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a9-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a9-template .-nav-title{
    color: #fff;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em .5em;
    width: 8em;
    background-image: linear-gradient(-135deg, transparent 30px, var(--theme-color) 0);
}
.-a9-template .-nav-title:before{
    position: absolute;
    content: '';
    width: 4px;
    height: 140%;
    top: -6px;
    right: 1px;
    background-color: var(--theme-color);
    transform: rotate(135deg);
}
.-a9-template .-nav-title:after{
    content: '';
    background-color: #fff;
    position: absolute;
    width: 15px;
    height: 150%;
    top: -1px;
    right: 0;
    transform: rotate(135deg);
}
.-a9-template .-pdf-page:has(.-right){
    display: flex;
}
.-a9-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 0;
}
.-a9-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a9-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a9-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
}
.-a9-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.-a9-template table{
    color: #fff;
}
.-a9-template table th{
    white-space: nowrap;
}
.-a9-template .-right table{
    color: var(--theme-font-color);
}
/* a9 模版 end */

/* a10 模版 start */
.-a10-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a10-template .-mb{
    height: var(--jianju);
}
.-a10-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a10-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a10-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a10-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a10-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a10-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a10-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a10-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a10-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a10-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a10-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a10-template .-nav-title{
    color: #fff;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    transform: translateX(calc(0px - var(--yebianju) - 12px));
    width: 7em;
    background-color: var(--theme-color);
}
.-a10-template .-nav-title .-angle{
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    border-width: 17px;
}
.-a10-template .-nav-title:before, .-a10-template .-nav-title:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-width: 5px 10px 5px 10px;
    border-color: var(--theme-color) var(--theme-color) transparent transparent;
    border-style: solid;
    z-index: 2;
}
.-a10-template .-nav-title:after{
    border-color: rgba(0, 0, 0, .25) rgba(0, 0, 0, .25) transparent transparent;
    z-index: 3;
}
.-a10-template .-pdf-page:has(.-right){
    display: flex;
}
.-a10-template .-left .-left-nav{
    width: 100%;
    border-bottom: 1px solid var(--theme-color);
}
.-a10-template .-left .-left-nav-title{
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--theme-color);
    font-size: 18px;
}
.-a10-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #F2F2F2;
    z-index: 0;
}
.-a10-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a10-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a10-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
}
.-a10-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-color);
}
.-a10-template table{
    color: var(--theme-font-color);
}
.-a10-template table th{
    white-space: nowrap;
}
.-a10-template .-right table{
    color: var(--theme-font-color);
}
/* a10 模版 end */


/* a11 模版 start */
.-a11-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a11-template .-mb{
    height: var(--jianju);
}
.-a11-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a11-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a11-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a11-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a11-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a11-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a11-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a11-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a11-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a11-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a11-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a11-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    transform: translateX(-11px);
    width: 7em;
    background: linear-gradient(-100deg, transparent 10px, var(--theme-color) 0);
    color: #fff;
}
.-a11-template .-pdf-page:has(.-right){
    display: flex;
}
.-a11-template .-left .-left-nav{
    width: 100%;
}
.-a11-template .-left .-left-nav-title{
    width: 100%;
    display: flex;
    justify-content: center;
    color: var(--theme-color);
    font-size: 18px;
    background-color: #fff;
}
.-a11-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 0;
}
.-a11-template .-left-bg-line{
    position: absolute;
    left: calc(33.333% + 10px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}
.-a11-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a11-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a11-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
}
.-a11-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.-a11-template table{
    color: #fff;
}
.-a11-template table th{
    white-space: nowrap;
}
.-a11-template .-right table{
    color: #fff;
}
/* a11 模版 end */


/* a12 模版 start */
.-a12-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a12-template .-header-line{
    position: absolute;
    top: calc(var(--yebianju) / 2);
    left: 0;
    width: 100%;
    height: .5em;
    background-color: var(--theme-color);
}
.-a12-template .-mb{
    height: var(--jianju);
}
.-a12-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a12-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a12-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a12-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a12-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a12-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a12-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a12-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a12-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a12-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a12-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a12-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em .5em;
    width: 10em;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.-a12-template .-nav-title:before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    border-color: transparent var(--theme-color) transparent transparent;
    border-width: 18px;
    border-style: solid;
}
.-a12-template .-pdf-page:has(.-right){
    display: flex;
}
.-a12-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a12-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em .5em;
    width: 10em;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.-a12-template .-left-nav-title:before{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    border-color: transparent var(--theme-color) transparent transparent;
    border-width: 18px;
    border-style: solid;
}
.-a12-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a12-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a12-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
    overflow: hidden;
}
.-a12-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-size);
}
.-a12-template table{
    color: var(--theme-font-size);
}
.-a12-template table th{
    white-space: nowrap;
}
.-a12-template .-right table{
    color: var(--theme-font-size);
}
/* a12 模版 end */


/* a13 模版 start */
.-a13-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a13-template .-mb{
    height: var(--jianju);
}
.-a13-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a13-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a13-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a13-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a13-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a13-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a13-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a13-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a13-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a13-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a13-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a13-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1.2em;
    color: var(--theme-color);
}
.-a13-template .-nav-title:before{
    position: absolute;
    content: '';
    left: 0;
    top: calc((100% - 1em) / 2);
    height: 1em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background-color: var(--theme-color);
}
.-a13-template .-nav-title:after{
    position: absolute;
    content: '';
    left: .2em;
    top: calc((100% - .6em) / 2);
    height: .6em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background: #fff;
}
.-a13-template .-pdf-page:has(.-right){
    display: flex;
}
.-a13-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a13-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em .5em;
    width: 100%;
    color: #fff;
    background: linear-gradient(135deg, transparent 0px, var(--theme-color) 0) top left,
    linear-gradient(-135deg, transparent 15px, var(--theme-color) 0) top right,
    linear-gradient(-45deg, transparent 15px, var(--theme-color) 0) bottom right,
    linear-gradient(45deg, transparent 0px, var(--theme-color) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.-a13-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a13-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a13-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--theme-color);
}
.-a13-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-size);
}
.-a13-template table{
    color: var(--theme-font-size);
}
.-a13-template table th{
    white-space: nowrap;
}
.-a13-template .-right table{
    color: var(--theme-font-size);
}
/* a13 模版 end */

/* a14 模版 start */
.-a14-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a14-template .-mb{
    height: var(--jianju);
}
.-a14-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a14-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a14-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a14-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a14-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a14-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a14-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a14-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a14-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a14-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a14-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a14-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1.2em;
    color: var(--theme-color);
}
.-a14-template .-nav-title:before{
    position: absolute;
    content: '';
    left: 0;
    top: calc((100% - 1em) / 2);
    height: 1em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background-color: var(--theme-color);
}
.-a14-template .-nav-title:after{
    position: absolute;
    content: '';
    left: .2em;
    top: calc((100% - .6em) / 2);
    height: .6em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background: #fff;
}
.-a14-template .-pdf-page:has(.-right){
    display: flex;
}
.-a14-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 0;
}
.-a14-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #fff;
}
.-a14-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    width: 100%;
    color: #fff;
}
.-a14-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a14-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a14-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--theme-color);
}
.-a14-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.-a14-template table{
    color: #fff;
}
.-a14-template table th{
    white-space: nowrap;
}
.-a14-template .-right table{
    color: #fff;
}
/* a14 模版 end */

/* a15 模版 start */
.-a15-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a15-template .-mb{
    height: var(--jianju);
}
.-a15-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a15-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a15-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a15-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a15-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a15-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a15-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a15-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a15-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a15-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a15-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #CAD4EA;
}
.-a15-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em .5em;
    color: #fff;
    background-color: var(--theme-color);
}
.-a15-template .-pdf-page:has(.-right){
    display: flex;
    flex-flow: row-reverse nowrap;
}
.-a15-template .-left-bg-line{
    position: absolute;
    left: calc(66.6667% - 2px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}
.-a15-template .-left-bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #CAD4EA;
    z-index: 0;
}
.-a15-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--theme-color);
}
.-a15-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    color: var(--theme-color);
}
.-a15-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a15-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-right: calc(var(--yebianju) * 2);
}
.-a15-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}
.-a15-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--theme-font-color);
}
.-a15-template table{
    color: var(--theme-font-color);
}
.-a15-template table th{
    white-space: nowrap;
}
.-a15-template .-right table{
    color: var(--theme-font-color);
}
/* a15 模版 end */

/* a16 模版 start */
.-a16-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a16-template .-mb{
    height: var(--jianju);
}
.-a16-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a16-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a16-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a16-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a16-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a16-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a16-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a16-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a16-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a16-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a16-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a16-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1.2em;
    color: var(--theme-color);
}
.-a16-template .-nav-title:before{
    position: absolute;
    content: '';
    left: 0;
    top: calc((100% - 1em) / 2);
    height: 1em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background-color: var(--theme-color);
}
.-a16-template .-nav-title:after{
    position: absolute;
    content: '';
    left: .2em;
    top: calc((100% - .6em) / 2);
    height: .6em;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background: #fff;
}
.-a16-template .-pdf-page:has(.-right){
    display: flex;
}
.-a16-template .-header{
    position: absolute;
    width: 100%;
    left: 0;
    top: var(--yebianju);
    z-index: 2;
    display: flex;
}
.-a16-template .-header .-header-left{
    width: 60%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: var(--theme-color);
    border-top-right-radius: 60px;
    border-bottom-right-radius: 60px;
    padding: 1em 0;
}
.-a16-template .-header .-header-right{
    width: 30%;
    margin-left: 10%;
    background-color: var(--theme-color);
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
}
.-a16-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #F2F2F2;
    z-index: 0;
}
.-a16-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid var(--theme-font-color);
}
.-a16-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    width: 100%;
    color: var(--theme-font-color);
}
.-a16-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a16-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a16-template .-avatar{
    width: 2.53cm;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 1em;
    margin-left: 1em;
}
.-a16-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.-a16-template .-header table{
    color: #fff;
}
.-a16-template table{
    color: var(--theme-font-color);
}
.-a16-template table th{
    white-space: nowrap;
}
.-a16-template .-right table{
    color: var(--theme-font-color);
}
/* a16 模版 end */

/* a17 模版 start */
.-a17-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a17-template .-mb{
    height: var(--jianju);
}
.-a17-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a17-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a17-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a17-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a17-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a17-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a17-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a17-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a17-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a17-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a17-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px dashed var(--theme-color);
}
.-a17-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0;
    color: var(--theme-color);
}
.-a17-template .-pdf-page:has(.-right){
    display: flex;
}
.-a17-template .-left-bg-line{
    position: absolute;
    left: calc(33.3333% - 2px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}
.-a17-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #3C414D;
    z-index: 0;
}
.-a17-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color);
}
.-a17-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    color: #fff;
}
.-a17-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a17-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a17-template .-header{
    display: flex;
    position: absolute;
    left: 0;
    top: var(--yebianju);
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.-a17-template .-header .-header-line{
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
    margin: .5em 0;
}
.-a17-template .-header .-header-center{
    width: 100%;
    background-color: var(--theme-color);
}
.-a17-template .-header .-header-center{
    width: 100%;
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.-a17-template .-header .-header-left{
    width: 33.33333%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.-a17-template .-header .-header-right{
    width: 66.66667%;
}
.-a17-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}
.-a17-template .-name{
    font-size: 6mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 6em;
    background-color: #3C414D;
}
.-a17-template table{
    color: #fff;
}
.-a17-template table th{
    white-space: nowrap;
}
.-a17-template .-right table{
    color: #fff;
}
/* a17 模版 end */

/* a18 模版 start */
.-a18-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a18-template .-mb{
    height: var(--jianju);
}
.-a18-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a18-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a18-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a18-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a18-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a18-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a18-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a18-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a18-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a18-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a18-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a18-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    transform: translateX(-11px);
    width: 7em;
    background: linear-gradient(-100deg, transparent 10px, var(--theme-color) 0);
    color: #fff;
}
.-a18-template .-pdf-page:has(.-right){
    display: flex;
}
.-a18-template .-left-bg-line{
    position: absolute;
    left: calc(33.3333% - 2px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}
.-a18-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #EEEEEE;
    z-index: 0;
}
.-a18-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.-a18-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    color: var(--theme-color);
}
.-a18-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a18-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a18-template .-header{
    display: flex;
    position: absolute;
    left: 0;
    top: var(--yebianju);
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.-a18-template .-header .-header-line{
    width: 100%;
    height: 2px;
    background-color: var(--theme-color);
    margin: .5em 0;
}
.-a18-template .-header .-header-center{
    width: 100%;
    background-color: var(--theme-color);
}
.-a18-template .-header .-header-center{
    width: 100%;
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.-a18-template .-header .-header-left{
    width: 33.33333%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.-a18-template .-header .-header-right{
    width: 66.66667%;
}
.-a18-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
    border-radius: 50%;
}
.-a18-template .-header .-header-text{
    font-size: 6mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-color);
    width: 6em;
    background-color: #fff;
}
.-a18-template .-name{
    font-size: 6mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-color);
    width: 100%;
}
.-a18-template table{
    color: var(--theme-font-color);
}
.-a18-template table th{
    white-space: nowrap;
}
.-a18-template .-right table{
    color: var(--theme-font-color);
}
/* a18 模版 end */


/* a19 模版 start */
.-a19-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a19-template .-mb{
    height: var(--jianju);
}
.-a19-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a19-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a19-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a19-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a19-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a19-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a19-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a19-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a19-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a19-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a19-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a19-template .-nav-title{
    position: relative;
    width: 6em;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
}
.-a19-template .-nav-title .-nav-title-text{
    position: relative;
    padding: .2em 1em;
    width: 100%;
    transform: translateX(-12px);
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    color: #fff;
    background-color: var(--theme-color);
    z-index: 6;
}
.-a19-template .-nav-title-linear-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 70%;
    top: 0;
}
.-a19-template .-nav-title-linear-gradient:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 3;
}
.-a19-template .-nav-title-linear-gradient:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 40%), rgba(255, 255, 255, 100%));
    z-index: 4;
}
.-a19-template .-pdf-page:has(.-right){
    display: flex;
}
.-a19-template .-left-bg-line{
    position: absolute;
    left: calc(33.3333% - 2px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: var(--theme-color);
}
.-a19-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #EEEEEE;
    z-index: 0;
}
.-a19-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a19-template .-left-nav-title{
    position: relative;
    width: 6em;
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
}
.-a19-template .-left-nav-title .-nav-title-text{
    position: relative;
    padding: .2em 1em;
    width: 100%;
    transform: translateX(-12px);
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    color: #fff;
    background-color: var(--theme-color);
    z-index: 6;
}
.-a19-template .-left-nav-title-linear-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    left: 70%;
    top: 0;
}
.-a19-template .-left-nav-title-linear-gradient:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 3;
}
.-a19-template .-left-nav-title-linear-gradient:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(238, 238, 238, 40%), rgba(238, 238, 238, 100%));
    z-index: 4;
}
.-a19-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a19-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a19-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
    border-radius: 50%;
}
.-a19-template .-name{
    font-size: 6mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-color);
    width: 100%;
}
.-a19-template table{
    color: var(--theme-font-color);
}
.-a19-template table th{
    white-space: nowrap;
}
.-a19-template .-right table{
    color: var(--theme-font-color);
}
/* a19 模版 end */

/* a20 模版 start */
.-a20-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a20-template .-mb{
    height: var(--jianju);
}
.-a20-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a20-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a20-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a20-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a20-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a20-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a20-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a20-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a20-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a20-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a20-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a20-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 1em;
    color: #fff;
    width: 10em;
    background: linear-gradient(135deg, transparent 0px, var(--theme-color) 0) top left,
    linear-gradient(-135deg, transparent 15px, var(--theme-color) 0) top right,
    linear-gradient(-45deg, transparent 15px, var(--theme-color) 0) bottom right,
    linear-gradient(45deg, transparent 0px, var(--theme-color) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.-a20-template .-pdf-page:has(.-right){
    display: flex;
    flex-flow: row-reverse nowrap;
}
.-a20-template .-left-bg{
    position: absolute;
    right: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: var(--theme-color);
    z-index: 0;
}
.-a20-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}
.-a20-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 0;
    color: var(--theme-font-color);
}
.-a20-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a20-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-right: calc(var(--yebianju) * 2);
}
.-a20-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
}
.-a20-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: bolder;
    color: var(--theme-font-color);
}
.-a20-template table{
    color: #fff;
}
.-a20-template table th{
    white-space: nowrap;
}
.-a20-template .-right table{
    color: var(--theme-font-color);
}
/* a20 模版 end */

/* a21 模版 start */
.-a21-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a21-template .-mb{
    height: var(--jianju);
}
.-a21-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a21-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a21-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a21-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a21-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a21-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a21-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a21-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a21-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a21-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a21-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 2px solid var(--theme-color);
}
.-a21-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0em;
    color: var(--theme-font-color);
}
.-a21-template .-pdf-page:has(.-right){
    display: flex;
}
.-a21-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    background-color: #E4E4E4;
    z-index: 0;
}
.-a21-template .-left-bg-line{
    position: absolute;
    left: 0;
    top: 0;
    width: var(--yebianju);
    height: 100%;
    background-color: #1F5362;
    z-index: 0;
}
.-a21-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
}
.-a21-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    position: relative;
    padding: .2em 1.5em;
    width: 100%;
    color: #fff;
    transform: translateX(-10px);
    background: linear-gradient(135deg, transparent 0px, var(--theme-color) 0) top left,
    linear-gradient(-135deg, transparent 15px, var(--theme-color) 0) top right,
    linear-gradient(-45deg, transparent 15px, var(--theme-color) 0) bottom right,
    linear-gradient(45deg, transparent 0px, var(--theme-color) 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    text-align: right;
}
.-a21-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a21-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a21-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 3 / 4;
    padding: 0;
    overflow: hidden;
}
.-a21-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-font-color);
}
.-a21-template table{
    color: var(--theme-font-color);
}
.-a21-template table th{
    white-space: nowrap;
}
.-a21-template .-right table{
    color: var(--theme-font-color);
}
/* a21 模版 end */

/* a22 模版 start */
.-a22-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a22-template .-mb{
    height: var(--jianju);
}
.-a22-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: var(--yebianju);
    position: absolute;
    left: 0;
    top: 0;
}
.-a22-template .-subtitle{
    color: var(--theme-font-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a22-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a22-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a22-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a22-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a22-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a22-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a22-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a22-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a22-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a22-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.-a22-template .-nav-title{
    color: var(--theme-color);
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0;
    border-bottom: 2px solid var(--theme-color);
}
.-a22-template .-base-info{
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
    width: 100%;
    color: #fff;
}
.-a22-template .-base-info .-jianju{
    padding: var(--yebianju);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: var(--line-height);
}
.-a22-template .-base-info-title{
    width: 100%;
    text-align: left;
    padding-top: 15px;
}
.-a22-template .-avatar{
    width: 20%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 50%;
}
.-a22-template .-item-group{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.-a22-template .-item-group .-nav{
    width: 40mm;
}
.-a22-template table th{
    white-space: nowrap;
}
.-a22-template .-item-group .-item-group-right{
    width: calc(100% - 40mm);
}
/* a22 模版 end */

/* a23 模版 start */
.-a23-template{
    display: flex;
    flex-flow: column nowrap;
    width: var(--a4-width);
    height: var(--a4-height);
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a23-template .-mb{
    height: var(--jianju);
}
.-a23-template .-h1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    background-color: var(--theme-color);
    font-weight: bolder;
    height: var(--yebianju);
    position: absolute;
    left: 0;
    top: 0;
}
.-a23-template .-subtitle{
    color: var(--theme-font-color);
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a23-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a23-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a23-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a23-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a23-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a23-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a23-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a23-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a23-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a23-template .-nav{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column nowrap;
}
.-a23-template .-nav-title{
    color: var(--theme-color);
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0;
    border-bottom: 2px solid var(--theme-color);
}
.-a23-template .-base-info{
    position: absolute;
    left: 0;
    top: 0;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
    width: 100%;
}
.-a23-template .-base-info .-jianju{
    padding: var(--yebianju);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    line-height: var(--line-height);
}
.-a23-template .-base-info-title{
    width: 100%;
    text-align: left;
    padding-top: 15px;
}
.-a23-template .-avatar{
    width: 20%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 50%;
}
.-a23-template .-item-group{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.-a23-template .-item-group .-nav{
    width: 40mm;
}
.-a23-template .-item-group .-item-group-right{
    width: calc(100% - 40mm);
    /*border-bottom: 1px solid #333;*/
    /*border-left: 1px solid #333;*/
    /*border-right: 1px solid #333;*/
    border: 1px solid #333;
    padding: var(--jianju);
    position: relative;
}
.-a23-template .-item-group .-item-group-right:after{
    content: '';
    position: absolute;
    left: -.5em;
    top: -.5em;
    width: 1em;
    border-radius: 3px;
    aspect-ratio: 1 / 1;
    background: #333;
}
.-a23-template .-item-group .-nav-time{
    width: 100%;
    line-height: var(--line-height);
    position: relative;
    margin-top: var(--jianju);
}
.-a23-template .-item-group .-nav-time:after{
    content: '';
    position: absolute;
    transform: rotate(45deg);
    width: 1em;
    aspect-ratio: 1 / 1;
    right: -.5em;
    top: .2em;
    background-color: #333;
}
/*.-a23-template .-pdf-page .-item-group:nth-child(1) .-item-group-right{*/
/*    border-top: 1px solid #333;*/
/*}*/
/* a23 模版 end */

/* a24 模版 start */
.-a24-template{
    display: flex;
    flex-flow: column nowrap;
    font-size: var(--theme-font-size);
    color: var(--theme-font-color);
    --left-width: calc(33.333% - var(--yebianju));
    --right-width: calc(66.6667% + var(--yebianju));
    overflow: auto;
    background-color: #fff;
    position: relative;
}
.-a24-template .-mb{
    height: var(--jianju);
}
.-a24-template .-subtitle{
    font-size: var(--theme-font-size);
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-a24-template .-text{
    color: var(--theme-font-color);
    padding: 5px 0;
    width: 100%;
    line-height: var(--line-height);
    font-size: var(--theme-font-size);
}
.-a24-template .-progress-group{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}
.-a24-template .-progress-group-item{
    width: calc(100% / 3 - 30px);
    margin-top: 10px;
}
.-a24-template .-progress-text{
    width: 100%;
    color: var(--theme-color);
}
.-a24-template .-progress{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row nowrap;
    color: var(--theme-color);
}
.-a24-template .-progress .-bar{
    width: calc(100% - 3em);
    height: .7em;
    border-radius: 2em;
    background-color: #EBEBEB;
}
.-a24-template .-progress .-bar .-bar-line{
    width: 60%;
    height: 100%;
    border-radius: 2em;
    background-color: var(--theme-color);
}
.-a24-template .-tag{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}
.-a24-template .-tag .-tag-item{
    padding: 5px 10px;
    background-color: #E6EDF3;
    color: var(--theme-color);
    font-size: 12px;
    border-radius: 2em;
    margin-right: 10px;
    margin-bottom: 10px;
}
.-a24-template .-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex-flow: row nowrap;
}
.-a24-template .-nav:after{
    content: '';
    width: 100%;
    position: relative;
    margin-left: .5em;
    border-bottom: 2px dashed var(--theme-color);
}
.-a24-template .-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0;
    color: var(--theme-color);
    white-space: nowrap;
}
.-a24-template .-pdf-page:has(.-right){
    display: flex;
    background-image: url("../img/a24-bg-page-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
}
.-a24-template .-pdf-page:nth-child(2){
    background-image: url("../img/a24-bg-page-2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
}
.-a24-template .-left-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 33.333%;
    height: 100%;
    z-index: 0;
}
.-a24-template .-left-nav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    flex-flow: row nowrap;
}
.-a24-template .-left-nav:after{
    content: '';
    width: 100%;
    position: relative;
    margin-left: .5em;
    border-bottom: 2px dashed var(--theme-color);
}
.-a24-template .-left-nav-title{
    line-height: var(--line-height);
    font-size: 18px;
    font-weight: bolder;
    position: relative;
    padding: .2em 0;
    color: var(--theme-color);
    white-space: nowrap;
}
.-a24-template .-left{
    position: relative;
    z-index: 1;
    width: var(--left-width);
}
.-a24-template .-right{
    width: var(--right-width);
    height: 100%;
    margin-left: calc(var(--yebianju) * 2);
}
.-a24-template .-avatar{
    width: 60%;
    margin: auto;
    aspect-ratio: 1 / 1;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid var(--theme-color);
}
.-a24-template .-name{
    width: 100%;
    font-size: 8mm;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-color);
}
.-a24-template table{
    color: var(--theme-font-color);
}
.-a24-template table th{
    white-space: nowrap;
}
.-a24-template .-right table{
    color: var(--theme-font-color);
}
/* a24 模版 end */

/* 简历底部 start */
.-bottom-pop-up{
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #fff;
    font-size: .9rem;
    z-index: 9999;
}
.-bottom-pop-up .-wang-editor{
    height: 250px;
}
.-bottom-pop-up .form-control{
    font-size: .9rem;
}
.-bottom-pop-up .col-sm-4, .-bottom-pop-up .col-sm-8{
    display: flex;
    align-items: center;
}
.-bottom-pop-up .dropdown .btn{
    font-size: .9rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-bottom-pop-up .-tips{
    width: 100%;
    position: relative;
    z-index: 3;
}
.-bottom-pop-up .-tips-after{
    position: absolute;
    --length: 4rem;
    top: -1.5rem;
    left: calc((100% - var(--length)) / 2);
    width: calc(var(--length) * 1.5);
    height: var(--length);
    background-color: #fff;
    background-image: url("../img/icon-arrow-up-green.png");
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: center .375rem;
    border-radius: 50%;
    z-index: -1;
    cursor: pointer;
}
.-bottom-pop-up .nav-tabs{
    border: 0;
}
.-bottom-pop-up .tab-content{
    width: 100%;
    /*display: none;*/
}
.-bottom-pop-up .tab-content .tab-pane{
    padding-bottom: 1rem;
    min-height: 300px;
    max-height: 90vh;
    overflow: auto;
}
.-bottom-pop-up .nav-link{
    border: none;
    color: #9E9E9E;
}
.-bottom-pop-up .nav-link.active{
    border: none;
    position: relative;
    color: #21D590;
}
.-bottom-pop-up .nav-link.active::before{
    content: '';
    position: absolute;
    left: calc((100% - 2em) / 2);
    bottom: 2px;
    width: 2em;
    height: 2px;
    background-color: #21D590;
}
.-bottom-pop-up .dropdown{
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    color: #9E9E9E;
}
.-bottom-pop-up .dropdown .btn{
    color: #9E9E9E;
    width: 100%;
}
.-bottom-pop-up .dropdown .dropdown-menu{
    width: 100%;
    border: none;
    box-shadow: var(--bs-box-shadow);
    max-height: 200px;
    overflow: auto;
}
.-bottom-pop-up .dropdown .dropdown-menu .dropdown-item{
    background: #fff;
    border: none;
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.-bottom-pop-up .dropdown .dropdown-menu .dropdown-item:hover{
    background-color: #F0FAF7;
    color: #21D590;
}
.dropdown-submenu{
    position: relative;
}
.dropdown-submenu .dropdown-menu{
    position: absolute;
    top: 0;
    left: 100%;
    margin-top: -1px;
}
.dropdown-submenu:hover > .dropdown-menu{
    display: flex;
    flex-flow: column nowrap;
}
.-label{
    border-radius: 2em;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: .375rem .75rem;
    text-align: center;
    cursor: pointer;
}
.-label.active{
    background-color: #21D590;
    color: #fff;
    border-color: #21D590;
}
.-label-outline-green{
    border: 1px solid #21D590;
}
/* 简历底部 end */

.article_detail{
    width: 100%;
    margin-top: 1rem;
}
.article_detail p{
    padding: 0;
    margin: 0;
}

/* 封面图 start */
.-template-cover{
    width: 100%;
    min-width: 210mm;
    max-width: 210mm;
    aspect-ratio: 210 / 297;
}
.-a1-template-cover{
    background-color: #fff;
}
.-a1-template-cover .-top{
    width: 90%;
    text-align: right;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column nowrap;
}
.-a1-template-cover .-top .-title{
    font-size: 20mm;
    font-weight: bolder;
    color: var(--theme-font-color);
}
.-a1-template-cover .-top .-subtitle{
    font-size: 8mm;
    color: var(--theme-font-color);
    justify-content: flex-end;
}
.-a1-template-cover .-bottom{
    width: 100%;
    background-color: #2D3745;
    padding-top: 10mm;
    padding-bottom: 10mm;
    padding-right: 10%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column nowrap;
}
.-a1-template-cover .-bottom .-name{
    font-size: 10mm;
    line-height: 1.5em;
}
.-a1-template-cover .-bottom .-job-search-intention{
    line-height: 2em;
    font-size: 5mm;
}
.-a1-template-cover .-bottom .-other-info{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-flow: row nowrap;
}
.-a1-template-cover .-bottom .-other-info-item{
    margin-left: 10mm;
    line-height: 1.5em;
}
.-a2-template-cover{
    width: 100%;
    background-color: #3E7399;
}
.-a2-template-cover .-top{
    width: 100%;
    text-align: right;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.-a2-template-cover .-top .-border{
    border: 2px solid #fff;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
    padding: 10mm;
    color: #fff;
}
.-a2-template-cover .-top .-border .-title{
    font-size: 20mm;
    font-weight: bolder;
}
.-a2-template-cover .-top .-border .-subtitle{
    font-size: 8mm;
}
.-a2-template-cover .-bottom{
    width: 100%;
    background-color: #fff;
    padding: 10mm 0;
}
.-a2-template-cover .-bottom .-other-info{
    width: 50%;
    margin-left: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: row wrap;
}
.-a2-template-cover .-bottom .-other-info-item{
    width: 50%;
    line-height: 2em;
    color: #3E7399;
    font-size: 16px;
}
.-a3-template-cover .-top{
    width: 90%;
    text-align: right;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column nowrap;
}
.-a3-template-cover .-top .-title{
    font-size: 20mm;
    font-weight: bolder;
}
.-a3-template-cover .-top .-subtitle{
    font-size: 8mm;
}
.-a3-template-cover .-bottom .-line{
    width: 100%;
    height: 2mm;
    background-color: #343E51;
    margin: 2mm 0;
}
.-a3-template-cover .-bottom .-master-info{
    width: 100%;
    background-color: #343E51;
    padding-top: 4mm;
    padding-bottom: 4mm;
    color: #fff;
    padding-right: 10%;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-end;
}
.-a3-template-cover .-bottom .-master-info .-name{
    font-size: 10mm;
}
.-a3-template-cover .-bottom .-other-info{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column nowrap;
    padding-left: 70%;
    line-height: 2em;
    margin-top: 10mm;
}
.-a4-template-cover{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.-a4-template-cover:before{
    content: '';
    left: -45mm;
    top: 40mm;
    position: absolute;
    background-color: #EAEAEA;
    height: 50mm;
    width: 300mm;
    transform: rotate(-35deg);
    z-index: 0;
}
.-a4-template-cover:after{
    content: '';
    right: -40mm;
    bottom: -50mm;
    position: absolute;
    background-color: #EAEAEA;
    height: 50mm;
    width: 100%;
    transform: rotate(-35deg);
    z-index: 0;
}
.-a4-template-cover .-top{
    width: 90%;
    text-align: right;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    flex-flow: column nowrap;
    position: relative;
    z-index: 1;
}
.-a4-template-cover .-top .-title{
    font-size: 20mm;
    font-weight: bolder;
}
.-a4-template-cover .-top .-subtitle{
    font-size: 8mm;
    color: #0ABCD4;
    font-weight: bolder;
}
.-a4-template-cover .-center{
    width: 70%;
    background-color: #0ABCD4;
    padding: 10mm 0;
    border-top-right-radius: 20mm;
    border-bottom-right-radius: 20mm;
    position: relative;
    z-index: 1;
}
.-a4-template-cover .-center .-name{
    margin-left: 15mm;
    font-size: 8mm;
    color: #fff;
}
.-a4-template-cover .-center .-job-search-intention{
    margin-left: 15mm;
    font-size: 16px;
    color: #fff;
}
.-a4-template-cover .-bottom{
    height: 40%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 15mm;
}
.-a5-template-cover{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.-a5-template-cover .-top{
    position: absolute;
    width: 100%;
    aspect-ratio: 1 / 1;
    z-index: 0;
    left: 40mm;
    top: 40mm;
    border-radius: 100%;
    border: 30mm solid #086644;
}
.-a5-template-cover .-center{
    width: 100%;
    position: relative;
    top: 120mm;
    height: 40mm;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.-a5-template-cover .-center .-right .-title{
    font-size: 20mm;
    text-align: right;
}
.-a5-template-cover .-center .-right .-subtitle{
    font-size: 8mm;
    font-weight: bolder;
    text-align: right;
    color: #086644;
}
.-a5-template-cover .-center .-left .-name{
    font-size: 10mm;
    font-weight: bolder;
    color: #086644;
}
.-a5-template-cover .-center .-right .-job-search-intention{
    font-size: 8mm;
    font-weight: bolder;
    text-align: right;
    color: #086644;
}
.-a5-template-cover .-bottom{
    position: relative;
    left: 0;
    top: 60%;
}
.-a5-template-cover .-bottom .-other-info .-other-info-item{
    width: 100%;
    line-height: 2em;
}
/* 封面图 end */

/* 封面信 start */
.-template-cover-letter{
    width: 100%;
    min-width: 210mm;
    max-width: 210mm;
    aspect-ratio: 210 / 297;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.-a1-template-cover-letter{
    background-image: url("../img/bg-cover-letter-1.png");
}
.-a2-template-cover-letter{
    background-image: url("../img/bg-cover-letter-2.png");
}
.-a3-template-cover-letter{
    background-image: url("../img/bg-cover-letter-3.png");
}
.-a4-template-cover-letter{
    background-image: url("../img/bg-cover-letter-4.png");
}
.-a5-template-cover-letter{
    background-image: url("../img/bg-cover-letter-5.png");
}
.-template-cover-letter .-content{
    width: calc(100% - 14%);
    position: absolute;
    left: 7%;
    top: 20%;
    height: 62.5%;
    line-height: 2.45em;
}
.-a4-template-cover-letter .-content{
    height: 48%;
    top: 21.5%;
    line-height: 2em;
}
/* 封面信 end */

.-wang-editor{
    border: 1px solid #ccc;
    height: 30rem;
}
.-wang-editor .editor-toolbar{
    max-height: 20%;
    overflow: auto;
}
.-wang-editor .editor-text-area{
    height: 80%;
    overflow: auto;
}
/* 自定义弹窗内容 start  */
#staticBackdrop .-resume.active{
    border: 2px solid #21D590;
}
#staticBackdrop .-resume.active:hover .-resume-cover{
    display: none;
}

#staticBackdrop .dropdown{
    width: 100%;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    color: #9E9E9E;
}
#staticBackdrop .dropdown .btn{
    color: #9E9E9E;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#staticBackdrop .dropdown .dropdown-menu{
    width: 100%;
    border: none;
    box-shadow: var(--bs-box-shadow);
    max-height: 200px;
    overflow: auto;
}
#staticBackdrop .dropdown .dropdown-menu .dropdown-item{
    background: #fff;
    border: none;
    color: #333333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#staticBackdrop .dropdown .dropdown-menu .dropdown-item:hover{
    background-color: #F0FAF7;
    color: #21D590;
}
.dropdown .btn span{
    color: #333333;
}
/* 自定义弹窗内容 end */

.-empty{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 200px);
}
.-empty img{
    width: 300px;
}
.swiper-button-next, .swiper-button-prev{
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    font-size: 1.5rem;
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 1.5rem;
}

input[type=range]::-webkit-slider-thumb {
    background-color: #21D590;
}

/* 为其他浏览器设置样式 */
input[type=range]::-moz-range-thumb {
    background-color: #21D590;
}

input[type=range]::-ms-thumb {
    background-color: #21D590;
}

@media (max-width: 1200px){
    .container-fluid{min-width: 1200px;}

    .modal-dialog{width: 1000px;min-width: 700px;}
}