body{
    font-family: system-ui,-apple-system,Segoe UI,Rototo,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.8;
    padding: 0;
    margin: 0;
    color: #333;
}
/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
    border-radius: 10px;
    background-color: rgba(240, 240, 240, 0.5);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.5);
    background-color: rgba(39, 45, 68, 0.1);
}
*::placeholder{
    color: #aaa !important;
}
a{
    text-decoration: none;
    color: #333;
}
a:hover,a:focus{
    text-decoration: none;
    color: #0c82ff;
}
.hh-bsbb,.hh-bsbb *,.hh-bsbb ::after, .hh-bsbb ::before{
    box-sizing: border-box;
}

.bg-white{
    background-color: white;
}
.bg-gray{
    background-color: #f5f5f5;
}
.cbox{
    margin: 0 auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 20px;
}

.hh-pc{display: block;}
.hh-mb{display: none;}

@media (max-width: 768px){
    .hh-pc{display: none;}
    .hh-mb{display: block;}
}

p{
    margin: 0;
    padding: 0 0 10px;
}
ul.hh-nul,ul.hh-nul>li{
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 576px){
    body.wp .container, body.wp .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 768px){
    body.wp .container, body.wp .container-md, body.wp .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 992px){
    body.wp .container, body.wp .container-lg, body.wp .container-md, body.wp .container-sm {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    body.wp .container, body.wp .container-lg, body.wp .container-md, body.wp .container-sm, body.wp .container-xl {
        max-width: 1400px;
    }
}


.hh-form-item{
    position: relative;
    /*border-bottom: 1px dashed #eee;*/
    padding: 12px 0;
    margin: 0;
}
.form-control,.form-control:focus{
    color: #222;
}
.form-control{
    border-radius: 0;
}
.navbar-light .navbar-toggler{
    border: none;
}
/*富文本*/
.hh-rich{
    line-height: 1.6;
}
.hh-rich p{
    margin: 0 0 10px;
    padding: 0;
    text-indent: 2em;
}
.hh-rich img,.hh-rich video{
    max-width: 100% !important;
}

.code{
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}



.hh-ts_1,.hh-ts_1 *,.hh-ts_1 *::before,.hh-ts_1 *::after{
    transition: all ease-in-out .1s;
    -moz-transition: all linear .1s;
    -webkit-transition: all linear .1s;
    -o-transition: all linear .1s;
}
.hh-ts_2,.hh-ts_2 *,.hh-ts_2 *::before,.hh-ts_2 *::after{
    transition: all ease-in-out .2s;
    -moz-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    -o-transition: all linear .2s;
}
.hh-ts_3,.hh-ts_3 *,.hh-ts_3 *::before,.hh-ts_3 *::after{
    transition: all ease-in-out .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
}



/*垂直居中*/
.hh-al-va,.hh-al-va:hover{
    position:absolute;
    top: 50%;
    transform: translate(0, -50%);
}

/*水平居中*/
.hh-al-ha,.hh-al-ha:hover{
    position:absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
/*水平垂直居中*/
.hh-al-vha{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.hh-d_n{ display: none !important; }
.hh-d_h{ display: none !important; }
.hh-d_i{ display: inline !important; }
.hh-d_ib{ display: inline-block !important; }
.hh-d_b{ display: block !important; }

/*阴影*/
.hh-bs_1 {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.hh-bs_2 {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.hh-bs_3 {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.hh-bs_0 {box-shadow: none !important;}

/*浮动*/
.hh-fl_r{ float: right; }
.hh-fl_l{ float: left; }
.hh-fl_n{ float: none; }

.hh-b_1{border: 1px solid #eee;}

.hh-ta_l{ text-align: left !important; }
.hh-ta_r{ text-align: right !important; }
.hh-ta_c{ text-align: center !important; }

.hh-ps_r{ position: relative; }
.hh-ps_a{ position: absolute; }
.hh-ps_f{ position: fixed; }
.hh-ps_i{ position: inherit; }

.hh-p_1{padding: 1rem !important;}
.hh-p_2{padding: 2rem !important;}
.hh-p_3{padding: 3rem !important;}

.hh-pt_1{padding-top: 1rem !important;}
.hh-pt_2{padding-top: 2rem !important;}
.hh-pt_3{padding-top: 3rem !important;}
.hh-pt_4{padding-top: 4rem !important;}
.hh-pt_5{padding-top: 5rem !important;}


.hh-pb_1{padding-bottom: 1rem !important;}
.hh-pb_2{padding-bottom: 2rem !important;}
.hh-pb_3{padding-bottom: 3rem !important;}
.hh-pb_4{padding-bottom: 4rem !important;}
.hh-pb_5{padding-bottom: 5rem !important;}

.hh-pl_1{padding-left: 1rem !important;}
.hh-pl_2{padding-left: 2rem !important;}
.hh-pl_3{padding-left: 3rem !important;}
.hh-pl_4{padding-left: 4rem !important;}
.hh-pl_5{padding-left: 5rem !important;}

.hh-pr_1{padding-right: 1rem !important;}
.hh-pr_2{padding-right: 2rem !important;}
.hh-pr_3{padding-right: 3rem !important;}
.hh-pr_4{padding-right: 4rem !important;}
.hh-pr_5{padding-right: 5rem !important;}

.hh-mt_1{margin-top: 1rem !important;}
.hh-mt_2{margin-top: 2rem !important;}
.hh-mt_3{margin-top: 3rem !important;}
.hh-mt_4{margin-top: 4rem !important;}
.hh-mt_5{margin-top: 5rem !important;}

.hh-mb_1{margin-bottom: 1rem !important;}
.hh-mb_2{margin-bottom: 2rem !important;}
.hh-mb_3{margin-bottom: 3rem !important;}
.hh-mb_4{margin-bottom: 4rem !important;}
.hh-mb_5{margin-bottom: 5rem !important;}

.hh-ml_1{margin-left: 1rem !important;}
.hh-ml_2{margin-left: 2rem !important;}
.hh-ml_3{margin-left: 3rem !important;}
.hh-ml_4{margin-left: 4rem !important;}
.hh-ml_5{margin-left: 5rem !important;}

.hh-mr_1{margin-right: 1rem !important;}
.hh-mr_2{margin-right: 2rem !important;}
.hh-mr_3{margin-right: 3rem !important;}
.hh-mr_4{margin-right: 4rem !important;}
.hh-mr_5{margin-right: 5rem !important;}


.hh-bs_1 {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.hh-bs_2 {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;}
.hh-bs_3 {box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;}
.hh-bs_0 {box-shadow: none !important;}


.hh-bg_w{ background: white; }
.hh-bg_g{ background: #f0f4f5; }

.hh-h_1{ height: 1rem !important;}
.hh-h_2{ height: 2rem !important;}
.hh-h_3{ height: 3rem !important;}
.hh-h_4{ height: 4rem !important;}
.hh-h_5{ height: 5rem !important;}

.hh-fx{ display: flex; justify-content: space-between;}
.hh-fx_row{ display: flex; flex-direction: row; justify-content: space-between;}
.hh-fx_row_reverse{ display: flex; flex-direction: row-reverse; justify-content: space-between;}
.hh-fx_col{ display: flex; flex-direction: column; justify-content: space-between;}
.hh-fx_col_reverse{ display: flex; flex-direction: column-reverse; justify-content: space-between;}
.hh-fx_1{ flex: 1 1 0%; }
.hh-fx_auto{ flex: 1 1 auto; }
.hh-fx_init{ flex: 0 1 auto; /*initial*/ }
.hh-fx_none{ flex: none; }
/*不用绝对定位的行居中*/
.hh-fx_aic{display: flex;align-items: center;}


/*箭头*/
.hh-arrow{
    font-family: SimSun;
    font-style: normal;
}

/*覆盖table*/
.table td{
    vertical-align: middle;
}
.card-header{
    padding-top: .5rem;
    padding-bottom: .5rem;
}


.hh-img{
    background-color: #fff;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.hh-img_border{
    border: 1px solid #dee2e6;
    padding: 0.25rem;
}


.hh-tips{
    font-size: 12px;
    color: #777;
    padding-top: 5px;
    line-height: 1.5;
}
.hh-sm{
    font-size: .875em;
    font-weight: 400;
}




.hh-avatar{
    border: 1px solid #eee;
    padding: 2px;
    object-fit: cover;
}








.hr{
    text-align: center;
    position: relative;
}
.hr::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #eee;
}
.hr .txt{
    background: #fff;
    padding: 5px 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
}



/*单行省略号*/
.hh-toe{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hh-toe_1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.hh-toe_2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hh-toe_3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



/*等比例图片高度*/
.hh-imgauto{
    position: relative;
    padding-top: 60%;
    display: block;
    width: 100%;
    overflow: hidden;
}
.hh-imgauto img{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
}
.hh-imgauto img.vam{
    top: 50%;
    transform: translate(0, -50%);
}










/*.pa-box{*/
/*    position: absolute;*/
/*    display: block;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*}*/




a.hh-a_blue{ color: dodgerblue; }
a.hh-a_primary{ color: var(--pcolor) !important;}


.hh-fs_12{ font-size: 12px !important; }
.hh-fs_14{ font-size: 14px !important; }
.hh-fs_16{ font-size: 16px !important; }
.hh-fs_18{ font-size: 18px !important; }
.hh-fs_20{ font-size: 20px !important; }
.hh-fs_22{ font-size: 22px !important; }
.hh-fs_24{ font-size: 24px !important; }
.hh-fs_26{ font-size: 26px !important; }

/*子栏目*/
.hh-subcates_1{
    text-align: center;
    padding-bottom: 30px;
}
.hh-subcates_1 .top-cate{
    padding: 15px;
}
.hh-subcates_1 .top-cate h2{
    padding: 10px 0;
    margin: 0;
    line-height: 1;
}
.hh-subcates_1 .ul{
    overflow: hidden;
}
.hh-subcates_1 .ul .li{
    display: inline-block;
}
.hh-subcates_1 .ul .li a{
    padding: 8px 30px;
    display: block;
    color: #fff;
    background: #333;
}
.hh-subcates_1 .ul .li.active a,.hh-subcates_1 .ul .li a:hover{
    background: #1479d7;
}


/*分页样式*/
/*.pagination,.pagination li{*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    text-align: center;*/
/*}*/
/*.pagination{*/
/*    padding: 16px 0;*/
/*}*/
/*.pagination li{*/
/*    display: inline-block;*/
/*    margin: 0 2px;*/
/*}*/
/*.pagination li a,.pagination li span{*/
/*    display: block;*/
/*    padding: 5px 12px;*/
/*    border: 1px solid #eee;*/
/*    color: #333;*/
/*    border-radius: 3px;*/
/*}*/
/*.pagination li a:hover{*/
/*    border: 1px solid #0c82ff;*/
/*    background: #0c82ff;*/
/*    color: #fff;*/
/*}*/
/*.pagination li span{*/
/*    background: #0c82ff;*/
/*    border: 0;*/
/*    color: #fff;*/
/*}*/
/*.pagination li.disabled span{*/
/*    background: #ddd;*/
/*}*/



/*!*bs4样式*!*/
/*.bs4-field-uploader{*/
/*    !*overflow: hidden;*!*/
/*}*/
/*.bs4-field-uploader .icon{*/
/*    cursor: pointer;*/
/*    display: block;*/
/*    line-height: 2;*/
/*}*/
/*.bs4-field-uploader .progress{*/
/*    display: block;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 10;*/
/*    height: 5px;*/
/*}*/
/*.bs4-field-uploader .progress .progress-bar{*/
/*    background: #33adf9;*/
/*    height: 100%;*/
/*    width: 0;*/
/*}*/

/*.bs4-field-uploader .style-inputs{*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    margin-bottom: 8px;*/
/*}*/
/*.bs4-field-uploader .style-inputs .li{*/
/*    border: 1px solid #ddd;*/
/*    padding: 3px 10px;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    margin-top: -1px;*/
/*    position: relative;*/
/*}*/
/*.bs4-field-uploader .style-inputs .li:first-child{*/
/*    margin-top: 0;*/
/*}*/
/*.bs4-field-uploader .style-inputs i{*/
/*    font-size: 18px;*/
/*    cursor: pointer;*/
/*}*/

/*.bs4-field-uploader .style-thumb-btn-ed{*/
/*    position: absolute !important;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*    background: red;*/
/*}*/
/*.bs4-field-uploader .style-thumbs,.bs4-field-uploader .style-thumb{*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    overflow: hidden;*/
/*    display: block;*/
/*    position: relative;*/
/*    max-width: 100%;*/
/*}*/
/*.bs4-field-uploader .style-thumb{*/
/*    display: inline-block;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .li,.bs4-field-uploader .style-thumbs-btn,.bs4-field-uploader .style-thumb .li,.bs4-field-uploader .style-thumb-btn{*/
/*    margin: 0;*/
/*    list-style: none;*/
/*    position: relative;*/
/*    float: left;*/
/*    padding: 3px;*/
/*    background-color: #fff;*/
/*    border: 1px solid #dee2e6;*/
/*    border-radius: 5px;*/
/*    margin-right: 6px;*/
/*    margin-bottom: 6px;*/
/*    max-width: 100%;*/
/*}*/

/*.bs4-field-uploader .style-thumbs-btn .li,.bs4-field-uploader .style-thumb-btn .li{*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    border: 0;*/
/*    position: relative;*/
/*}*/

/*.bs4-field-uploader .style-thumbs-btn,.bs4-field-uploader .style-thumb-btn{*/
/*    display: block;*/
/*    float: left;*/
/*    vertical-align: top;*/
/*    position: relative;*/
/*}*/
/*.bs4-field-uploader .remote_url_btn{*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    background: rgba(0,0,0,0.5);*/
/*    color: #fff;*/
/*    padding: 5px 0;*/
/*    line-height: 1.2;*/
/*    font-size: 12px;*/
/*}*/
/*.bs4-field-uploader .style-thumbs-btn .tips,.bs4-field-uploader .style-thumb-btn .tips{*/
/*    position: absolute;*/
/*    left: 3px;*/
/*    right: 3px;*/
/*    bottom: 3px;*/
/*    background: rgba(0,0,0,.5);*/
/*    color: #fff;*/
/*    text-align: center;*/
/*    padding: 6px;*/
/*    line-height: 1.2;*/
/*    z-index: 99;*/
/*}*/
/*.bs4-field-uploader .style-thumbs-btn .click,.bs4-field-uploader .style-thumb-btn .click{*/
/*    position: relative;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/
/*.bs4-field-uploader .style-thumbs-btn .plus,.bs4-field-uploader .style-thumb-btn .plus{*/
/*    font-size: 80px;*/
/*    color: #ccc;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    line-height: 100%;*/
/*    text-align: center;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .thumb,.bs4-field-uploader .style-thumb .thumb{*/
/*    position: relative;*/
/*    text-align: center;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .atta .form-control,.bs4-field-uploader .style-thumb .atta .form-control{*/
/*    margin-top: 3px;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .thumb .progress,.bs4-field-uploader .style-thumb .thumb .progress{*/
/*    height: 7px;*/
/*    border-radius: 0;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .thumb img,.bs4-field-uploader .style-thumb .thumb img{*/
/*    height: 100px;*/
/*    width: auto;*/
/*    min-width: 100px;*/
/*    max-width: 100%;*/
/*}*/


/*.bs4-field-uploader .style-thumbs .li .cancel,.bs4-field-uploader .style-thumb .li .cancel{*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 3px;*/
/*    top: 3px;*/
/*    color: #fff;*/
/*    z-index: 3;*/
/*    background: rgba(0,0,0,.5);*/
/*    text-align: center;*/
/*    font-size: 14px;*/
/*    border-radius: 10px;*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    line-height: 20px;*/
/*}*/
/*.bs4-field-uploader .style-thumbs .li .cancel .icon,.bs4-field-uploader .style-thumb .li .cancel .icon{*/
/*    line-height: 20px;*/
/*}*/
/*.bs4-field-uploader .dn{*/
/*    display: none;*/
/*}*/