/***通用class**/
.public-txt-color{
   color:var(--checked-color);
}
/***通用class**/
.public-bg-color{
    background-color:var(--checked-color);
    outline:none;
    border-color:var(--checked-color);
}

/*导航*/
.nav-container,
.pop-wrapper .steps-tags span,
.pop-wrapper .steps-tags span.active,
.layer-result .pop-wrapper .steps-tags .steps-tags-last.active,
.layer-result .pop-wrapper .steps-tags .steps-tags-last.active:after{
    background:var(--nav-color);
}
.pop-wrapper .steps-tags .steps-tags-item:after,
.pop-wrapper .steps-tags .steps-tags-center:after,
.pop-wrapper .steps-tags .steps-tags-item:after,
.pop-wrapper .steps-tags .steps-tags-center:after,
.pop-wrapper .steps-tags .steps-tags-center.active:after
{
    border-left-color:var(--nav-color);
}

.pop-wrapper .steps-tags .steps-tags-center:before, .pop-wrapper .steps-tags .steps-tags-last:after
{
    border-left-color:#fff;
}
.course-progress .progress .progress-bar,
.course-filter .cell .filter-all.active{
    background-color:var(--nav-color);
}
.index .banner-side-all-title a:hover,
.fda-tclass .til,
.fda-course-wapper .fda-til h3{
    color:var(--nav-color);
}
/*选中*/
.contentCategory-wrapper .classification .banner-item .banner-item-title:hover,
.contentCategory-wrapper .classification .banner-item.active .banner-item-title,
.classification-module ul a:hover,
.select-button,
.integral-list-page .integral-list-til,
a:hover,
.lecturer-item dt a:hover h3,
.lecturer-item dt a:hover p,
.grid-teachercontainer .grid-item .name a:hover,
.grid-teacher-container .grid-item:hover,
.nav-custom li.nav-result-count .count,
.filter-bar .more label:hover,
.pop-box .pop-cell:hover,
.pop-box .pop-cell a:hover,
.home-journalism-wrapper .cell .bd ul li a:hover,
.home-expert-wrapper .teacher-card:hover .detail,
.news-list li:hover,
.course-filter .cell .list li a:hover,
.course-list .cell:hover .info .name,
.course-menu>ul>li>ul>li:hover .handle,
.teacher-info>.cell:hover .text,
.act-node .node-list-til a.st,
.act-node .node-list-items li:hover a,
.topay-detail .order-detail .order-s .sp,
.act-node .node-til .iconfont,
.act-node .node-list-til a.st,
.lf_side li a.active, .lf_side li a:hover,
.class-list-cover>.cell .text .title .course-card .cell:hover .info a a,
.course-card .cell:hover .info .title a,
.course-card-book .cell a:hover .info .title,
.course-card-book .class-list-cover>.cell .text .title a:hover .info a,
.course-card-book .class-list-cover>.cell a:hover .info .text .title a,
.class-list-cover>.cell .text .title a:hover a,
.class-list-cover>.cell .text .title:hover a,
.my-wrapper nav a.active:after,
.my-wrapper nav a.active .iconfont,
.my-wrapper nav a.active,
.my-wrapper nav a:hover,
.my-wrapper nav a:hover .iconfont,
.nav-custom li>a:hover,
.nav-custom li.active a,
.modal-dialog .modal-header .close:hover,
.nav-custom .nav-link.active,
.breadcrumb a:hover,
.class-list-cover>.cell .class-list>.cell .body .text .title a:hover a,
.class-list>.cell .body .class-list-cover>.cell .text .title a:hover a,
.class-list>.cell .body .text .title:hover a,
.filter-bar .main .active,
.filter-bar .main a:hover,
.my-wrapper nav a:hover
.activity-detail .nav a.active,
.new-list li a:hover,
.order-virtual .order-virtual-tabs li .nav-link,
.logon-index .tab-content .tip .icon-icon_scan,
.news-wrapper .news-title li.active a.tt,
.news-wrapper .news-title li.active, .news-wrapper .news-title li:hover,
.news-wrapper .news-title li.sub-li.fw a,
.logon-index .tab-content .tab-title a.active,
.login-check-types-wapper .change-acc-no a:hover,
.login-check-types-wapper .login-check-other-type i,
.login-check-types-wapper .tips .public-txt-color,
.my-practice-items .my-practice-item .int .sta[sta="1"],
.my-practice-items .my-practice-item .int .sta[sta="1"] a,
#practice-history .practice-history-box .sta[sta="1"] a,
#practice-history .practice-history-box .sta[sta="1"],
.topay-page-detail .topay-page-order-detailu a,
.preview-course-catalogue .cell .meta .reselect,
.course-sort.course-sort-new .course-search-sort span.txt{
    color:var(--checked-color);
}
.login-check-types-wapper .login-get-val-sms{
    color:var(--checked-color)!important;
}
.login-check-types-wapper .login-get-val-sms:hover,
.integral-list-til:before,
.news-wrapper .news-title li.active a.tt:before,
.fda-course-wapper .fda-category-items > a:hover,
.my-wrapper nav a.active:after,
.nav-custom li.active:after,
.preview-course-detail .nav-custom .nav-link.active:after,
.grade-detail-bottom .nav-custom .nav-link.active:after,
.exam-cover>.inner .poster,
.activity-detail .nav a.active:after,
.order-virtual .order-virtual-tabs li .nav-link.active:after,
.logon-index .tab-content .tab-title a.active:after,
.login-check-types-img,
.project-viewgrades-cnt .viewgrades-item:before,
.project-viewgrades-cnt .viewgrades-item:after,
.page-nav .pagination .page-item.active .page-link, .class-page .ppager.cur,
[defaultBgBaseColor]{
    background-color: var(--checked-color);
}
.login-check-types-wapper .login-get-val-sms:hover {
    color:#fff!important;
}
.login-body .grade-content,
.notes-intro .note-tt li.active,
.class-buy-step li span,
.project-info-nwappers .nav-custom .nav-btm-line{
    background:var(--checked-color);
}
.custom-control-input:checked~.custom-control-label::before{
    background-color: var(--checked-color);
    border-color: var(--checked-color);
}
.news-wrapper .news-title li.active a.tt,
.index-wrapper .tab-swiper .tab-swiper-button:hover i,
.index-wrapper .home-expert-wrapper .tab-swiper-button:hover i,
.index-wrapper .currency-swiper .tab-swiper-button:hover i,
.index-wrapper .news-wrapper .news-title li.active a.tt{
    border-color:var(--checked-color);
    color: var(--checked-color);
}
#practice-container .handle #practice-report,#practice-container .handle #practice-report:hover{
    border-color:var(--checked-color);
    color: var(--checked-color)!important;
}
.news-wrapper .news-title li.unfold.active a.tt:after,
.form-control:focus,
.custom-control-input:hover:not(:checked)~.custom-control-label::before,
.login-check-types-wapper .ipts .input-group input.form-control:focus,
.admin-safe-mfa-lcnt .input-group input.form-control:focus,
.mfa-binditem-step-w .input-group input.form-control:focus,
.index-news-list .nav a.active{
    border-color:var(--checked-color);
}
.mark-tip{
    background:var(--checked-color);
    color:var(--checked-color);
}
textarea.form-control:focus,
.custom-select:focus {
    border-color: var(--checked-color);
    box-shadow: none;
    /*box-shadow: 0 0 0 .2rem rgba(var(--checked-color-rgb),.25)*/
}


/*按钮*/
.btn-outline-primary:focus{
    border-color: var(--menu-color);
}
.form-group.form-handle .reg-protocol,
.layer-sharing-card .handle-btn .btn,
.layer-sharing-card .handle-btn .btn:hover,
.filter-panel>.content>.cell .list li a:hover,
.my-profile .row .col-9 .code .codeBtn,
.my-address-wrapper .items .hd .handle a,
.order-address .add-address,
.topay-detail .order-detail .order-detail-dropdown,
.course-card .cell .info .other .tags-hover .btn-addCart,
.course-card .cell .info .other .tags-hover .btn-addCart:hover,
.exam-box .class-exam-wrapper.exam-wrapper .exam-handle a,
.course-filter .cell.twoCategoryCell .twoCategoryItemsAfter span,
.index-news-list .more a:hover,
.index-news-list .more a:hover .iconfont,
.sub-title .more a:hover .iconfont,
.sub-title .more a:hover,
.nav-custom li.more a,
.nav-custom li.more a .iconfont,
.class-list-cover>.cell .desc .view-cert,
.class-list-cover>.cell .desc .view-cert a,
.order-list .order-bd .cell2 .btn-link,
.invoice-table-info .invoice-down a,
.dropdown-item:focus,
.dropdown-item:hover,
.news-detail .tt .goback,
.logon-index a,
.login-links a,
.class-page a,
.phone-code .code,
.email-code .code,
.cert-info-wrapper .items .bd span.certView,
.cert-info-wrapper .items .bd span.certView i,
.class-buy .tt.add-address-tt a,
[defaultBaseColor],
.project-info-nwappers .project-detail-info .project-detail-desc .item span +span,
.project-info-nwappers .project-detail-handel .project-progress-dno span + span,
.project-info-nwappers .project-progress-yno .text span[progress],
.project-info-nwappers .project-progress-yno .text span[exam] span[no],
.course-sort.course-sort-new .course-search-sort-ul li .course-search-sort-el.act
{
    color: var(--menu-color);
}
.circle-progress-wapper .circle-progress-l{
    stroke: var(--menu-color);
}
.caption-module__more:hover,
.caption-module__more:hover .caption-module--icon,
.layer-sharing-card .handle-btn .btn:hover,
.dropdown-item a:hover{
    color: var(--menu-color)!important;
}
.btn-outline-primary{
    border-color:var(--menu-color);
    color:var(--menu-color);
}
.btn-outline-secondary,
.btn-secondary,
.layui-layer .layui-layer-btn .layui-layer-btn0,
.layui-layer.layer-btn-color-exchange-modal .layui-layer-btn .layui-layer-btn1,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-primary.dropdown-toggle,
.btn-outline-primary:hover,
.btn-primary.disabled,
.btn-primary:disabled,
.operate-edit .rg .btn-info,
.page-nav .pagination .page-item.active .page-link,
.operate-edit .rg .btn-info:active,
.project-detail-handel .project-progress-no span[issucess="1"],
.course-search-filter.btn{
    background-color:var(--menu-color);
    border-color:var(--menu-color);
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
.act-node .node-list-items li:hover a:before,
.search-bar .btn-primary,
.btn-primary,
.btn-primary:active,.btn-primary:focus,.btn-primary:hover,
.class-page .ppager.cur
.dropdown-item.active,
.dropdown-item:active ,
.news-list li:hover a::before,
.mycourse-list-progess .progess-no span{
    background-color:var(--menu-color);
}
.index .banner-user-side .not-login .not-login-btn,
.index-wrapper .tab-swiper .swiper-slide.active .tab-swiper-text,
.buy-course1,
.app-player-bottom .btn-primary,
.custom-switch .custom-switch-input:checked + .custom-switch-btn
{
    background:var(--menu-color);
}
.btn-primary.disabled, .btn-primary:disabled{
    opacity:0.5;
}
.layui-layer.layer-btn-color-exchange-modal .layui-layer-btn .layui-layer-btn1,
.layer-sharing-card .handle-btn .btn:active,
.layer-sharing-card .handle-btn .btn.active,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item.active a,
.dropdown-item:active a{
    color:#fff!important;
}
.layer-sharing-card .handle-btn .btn:active,
.layer-sharing-card .handle-btn .btn.active{
    background-color:var(--menu-color)!important;
    border-color:var(--menu-color)!important;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus
{
    box-shadow: 0 0 0 .2rem rgba(var(--menu-color-rgb),0.5);
}
.page-nav .pagination .page-item .page-link:focus,
.page-nav .pagination .page-item .page-link:active,
.page-nav .pagination .page-item .page-link.active {
    box-shadow: 0 0 0 .2rem rgba(var(--menu-color-rgb),0.25);
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh{color: var(--menu-color)!important;border-color: var(--menu-color)!important;}
/*透明度*/
.guage>span.active,
.change-phone .steps-tags span.active{
    background:rgba(var(--nav-color-rgb),0.32);
}
.course-progress .progress{
    background:rgba(var(--nav-color-rgb),0.32);
}
.change-phone .steps-tags-1.active:after{
    border-left-color:rgba(var(--nav-color-rgb),0.32);
}
.index .banner-item:hover .banner-item-header,
.index .banner-side-all-wrap .banner-side-all-item:hover,
.course-filter .cell .filter-all.active,
.course-filter .cell .list li.active a,
.course-sort.course-sort-new .sort-tt.current,

.course-filter .cell .items .filter-all:not(.active):hover,
.course-search-wapper .course-search-item .custom-control.act,
.course-sort.course-sort-new .course-search-sort-ul li.act,
[defaultBgBaseColorEmail]{
    color:var(--nav-color) ;
    background:rgba(var(--nav-color-rgb),0.1);
}
.exam-box .exam-wrapper .exam-handle{
    background:rgba(var(--nav-color-rgb),0.1);
}
.course-search-wapper .course-search-til .clear:hover{
    background:rgba(var(--nav-color-rgb),0.2)!important;
    color:var(--menu-color)!important;
}
.cert-info-wrapper .items .hd{
    background:rgba(var(--nav-color-rgb),0.8);
}
.indicatorContainerWrap .rad-cntnt{
    color:rgba(var(--nav-color-rgb),0.7);
}
.project-info-nwappers .cert-info-wrapper .items.items-new .hd,.project-info-nwappers .exam-box .exam-wrapper .exam-handle{
    background:linear-gradient(to right, rgba(var(--nav-color-rgb),1), rgba(var(--nav-color-rgb),0.5));
}
/* .project-info-nwappers .project-detail-handel:before{
   background-image: radial-gradient(ellipse at center, rgba(var(--nav-color-rgb),0.15), #f5fade,#f5fade,#fff ,#fff)
} */
/*.banner-item:hover .banner-item-header,
.banner-side-all-wrap .banner-side-all-item:hover{
    background:rgba(var(--nav-color-rgb),0.32);
}*/