@charset "UTF-8";
@font-face {
    font-family: Alibaba-PuHuiTi-B;
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Alibaba-PuHuiTi-H;
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Alibaba-PuHuiTi-L;
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: Alibaba-PuHuiTi-M;
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Alibaba-PuHuiTi-R;
    font-weight: normal;
    font-style: normal;
}
/*common style*/
html, body {
    font-family: Alibaba-PuHuiTi-R, 'Microsoft YaHei', PingFangSC-Regular;
    height: 100%;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 0;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

pre {
    border-style: none;
    background-color: white;
    font-family: 'SimHei',"微软雅黑" !important;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

img {
    object-fit: cover;
    -o-object-fit: cover;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

table td {
    border: 1px solid #000;
}
table td p {
    text-indent: unset!important;
}

[v-cloak] {
    display: none;
}
.mt_20 {
    margin-top: 20px;
}
:root {
    --theme-color: #79AF30;
}


.container {
    width: 85%;
    max-width: 1280px;
}

.navbar-container {
    width: 92%;
    max-width: 1980px;
    margin: 0 auto 0;
    padding-right: 36px;
    padding-left: 40px;
    display: -webkit-flex;
    display: flex;
}

/*common style*/
@media (max-width: 1200px) {
    .container {
        width: 95%;
    }

    .navbar-container {
        width: 95%;
    }
}
@media screen and (min-width: 1280px) and (max-width:1366px) {
    /*.navbar-white .navbar-logo,.navbar-white .logon-box{*/
    /*    width: 220px!important;*/
    /*}*/
    /*.navbar .search-home{*/
    /*    margin-right: 1%;*/
    /*}*/
    .navbar-container{
        padding:0 20px;
    }
}
@media screen #send_codeand (min-width: 1440px) and (max-width:1660px) {
    /*.navbar .search-home{*/
    /*    margin-right: 1.5%;*/
    /*}*/
    /*.navbar-container{*/
    /*    padding:0 30px;*/
    /*}*/
}
@media screen and (min-width: 1680px) and (max-width:1920px) {

}
.wapper {
    position: relative;
    min-height: 100%;
    padding-bottom: 20px;
}

.wapper .min-h100p {
    min-height: 100%;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.page-content {
    position: relative;
    min-height: 100%;
    padding-bottom: 0;
    /*background-color: #F7F7F7;*/
    background-color: #fff;
}

.page-body {
    min-height: 100%;
}

.modle-center {
    top: 50% !important;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.modal-dialog {
    margin-top: 5% !important;
}

.modal-bottom {
    top: 15% !important;
}

/*button style*/
.btn {
    border: 1px solid #ccc;
}

.btn-blue, .btn-primary {
    background-color: #79AE30 !important;
    color: #fff !important;
    border: 1px solid #79AE30 !important;
}

.btn-primary:hover {
    background-color: #79AE30;
}

.btn-border-blue {
    background-color: #fff;
    border: 1px solid #5BA768 !important;
    color: #5BA768 !important;
    border-radius: 3px;
}

.btn-border-yellow {
    border: 1px solid #FC0;
    color: #FC0 !important;
    border-radius: 18px;
}

.btn-border-gray {
    background-color: #fff;
    border: 1px solid #ccc;
}

.btn-green {
    background-color: #14BA4C;
    color: #fff !important;
    border: 1px solid #14BA4C;
}

.btn-warning {
    background-color: #f7b314;
    color: #fff !important;
    border: 1px solid #f0ad4e !important;
}

.btn-red {
    background-color: #ed5565;
    border: 1px solid #ed5565 !important;
}

.btn-gray {
    background-color: #b4b4b4;
    color: #fff !important;
}

.btn-white {
    font-size: 12px;
    background-color: #fff;
    padding: 4px 20px;
    color: #000 !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 3px;
}

/*button style*/
/*color*/
.success {
    color: #14BA4C !important;
}

.info {
    color: #5BA768 !important;
}

.warning {
    color: #FC0 !important;
}

.danger {
    color: #f80011 !important;
}

.white {
    color: #fff !important;
}

.black {
    color: #424242;
}

.gray {
    color: #999;
}

/*color*/
/*background color*/
.bg-white {
    background-color: #fff;
}

.bg-gray {
    background-color: #fafafa !important;
}

.bg-blue {
    background-color: #5BA768;
}

.bg-black {
    background-color: #000000;
}

/*loading动画*/
.loading {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

/*background color*/
.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.padding-0 {
    padding: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-30 {
    padding-left: 30px
}

.padding-top-30 {
    padding-top: 30px
}

.padding-right-0 {
    padding-right: 0 !important
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.margin-0 {
    margin: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-right-0 {
    margin-right: 0 !important
}

.full-height {
    height: 100%;
}

.harf-height {
    height: 50%;
}

.block {
    display: block;
}

.pointer {
    cursor: pointer;
}

/* word size */
.fontSize17 {
    font-size: 17px;
}

.fontSize18 {
    font-size: 18px;
}

.fontSize14 {
    font-size: 14px;
}

.fontSize21 {
    font-size: 21px;
}

.fontSize13 {
    font-size: 13px;
}

.fontSize15 {
    font-size: 15px;
}

.fontSize16 {
    font-size: 16px;
}

/*datapicker*/
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #5BA768;
    border-color: #5BA768;
}

/*多选框 单选按钮*/
label {
    font-weight: normal;
    margin-bottom: 0;
}

label > input[type=checkbox], label > input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 12;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

input[type=checkbox] ~ .text, input[type=radio] ~ .text {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    min-height: 16px;
    min-width: 16px;
    cursor: pointer;
}

input[type=checkbox]:checked ~ .text:before, input[type=radio]:checked ~ .text:before {
    display: inline-block;
    border: 0;
}

input[type=checkbox]:checked ~ .text:before {
    background: url('../../demo/checkbox_select.png') center center;
    background-size: contain;
}

input[type=radio]:checked ~ .text:before {
    background: url('../../demo/radio_checked.png') center center;
    background-size: contain;
}

input[type=checkbox] ~ .text:before, input[type=radio] ~ .text:before {
    font-family: fontAwesome;
    font-weight: bold;
    font-size: 12px;
    color: #666;
    content: " ";
    background-color: #fafafa;
    border: 1px solid #c8c8c8;
    text-align: center;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    margin-right: 5px;
    margin-bottom: 2px;
    display: inline-block;
    vertical-align: middle;
}

input[type=radio] ~ .text:before {
    border-radius: 100%;
    width: 19px;
    height: 19px;
    line-height: 19px;
    max-width: 19px;

}

/*多选框 单选按钮*/
/*header模块开始*/
.navbar {
    border: none;
    margin-bottom: 0;
}

.navbar-white {
    width: 100%;
    height: 70px;
    margin-bottom: 0;
    border: none;
    /* background-color: #fff; */
    justify-content: space-between;
    padding: 0 30px;
    align-items: center;
    z-index: 9;
}
.navbar-white .logon-box{
    width: 280px;
    cursor: pointer;
}
.navbar-white .navbar-logo {
    width: 250px;
    display: block;
}
.navbar-white.nav-login .logon-box{
    width: 200px;
}
.navbar-white .navbar-logo img {
    height: calc(100% - 20px);
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.navbar-header img {
    margin-right: 20px;
}

.nav > li {
    float: left;
}

.nav > li > a {
    color: #666 !important;
}

.navbar-nav > li > a {
    line-height: 40px !important;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    background: none !important;
}

.navbar-collapse strong {
    font-size: 20px;
    padding-left: 30px;
    line-height: 110px;
}
/* 北京树木 */
.navbar-container .bj-title{
    color: #fff;
    font-size: 22px;
    margin-left: 10px;
    font-weight: bold;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.navbar-container .bj-button-right .bj-button{
    width: 98px;
    height: 28px;
    line-height: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 1);
    color: #fff;
    border-radius: 0;
}
/* 北京树木 */
/*页面头部 下拉框样式*/
.navbar .open {
    background-color: #fff;
    /*border-top:1px solid #eee;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.navbar .dropdown a i, .open a i {
    padding-left: 15px;
    font-weight: 600;
    font-size: 14px;
}

.navbar .dropdown-menu {
    width: 158px;
    min-width: 100%;
    border-top-color: #fff;
    padding: 0;
    border: 0;
    border-radius: 4px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
}
.navbar .dropdown-menu.login-drop-ul{
    min-width: 80%;
    /*margin-left: 20%;*/
    left: -24px;
    top: 50px;
}
.navbar .dropdown-menu.login-drop-ul.left-drop-ul{
    left: auto;
    right: 0;
}
.navbar .dropdown-menu > li > a {
    padding: 6px 0 6px 8px;
    text-align: center;
}

.navbar .dropdown-menu > li > a:hover {
    color: #5BA768 !important;
}

.navbar-myMsg-container {
    margin-top: 43px
}

.navbar-right {
    margin-right: 0 !important;
}

/*横向导航区域*/
.homenavbar {
    /*height: 43px;*/
    font-size: 16px;
    /* background-color: #fff; */
}

.homenavbar .left {
    width: calc((100% - 1170px) / 2 + 194.92px);
    background: linear-gradient(-118deg, transparent 19px, #5BA768 0) top right;
    display: inline-block;
}

.homenavbar .right {
    display: inline-block;
    position: relative;
}

.homenavbar .div-sort {
    color: #fff;
    line-height: 40px;
    text-align: right;
    padding-right: 67px;
}

.homenavbar .div-sort .fa-sort-down {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
}

.homenav-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.homenav-list i.fa-sort-up {
    position: absolute;
    bottom: -10px;
    left: 0;
    color: transparent;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.homenav-list li:hover {
    color: rgba(255,255,255,1);
}
.homenav-list li::before{
    display:block;
    content:attr(title);
    visibility:hidden;
    height:0;
    font-size: 16px;
    overflow:hidden;
}
.homenav-list-hover {
    color: rgba(255,255,255,1);
}

.homenav-list li.active {
    color: rgba(255,255,255,1);
}

.homenav-list li:hover a, .homenav-list li.active a {
    color: #fff;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}

.homenav-list li:hover ~ i.fa-sort-up, .homenav-list li.active ~ i.fa-sort-up {
    /*color: #5BA768;*/
    color: rgba(255,255,255,1);
}


.homenav-list li:nth-child(1):hover ~ i.fa-sort-up {
    -webkit-transform: translateX(154px) !important;
    -moz-transform: translateX(154px) !important;
    -ms-transform: translateX(154px) !important;
    transform: translateX(154px) !important;
}

.homenav-list li:nth-child(1).active ~ i.fa-sort-up {
    -webkit-transform: translateX(154px);
    -moz-transform: translateX(154px);
    -ms-transform: translateX(154px);
    transform: translateX(154px);
}

.homenav-list li:nth-child(2):hover ~ i.fa-sort-up {
    -webkit-transform: translateX(264px) !important;
    -moz-transform: translateX(264px) !important;
    -ms-transform: translateX(264px) !important;
    transform: translateX(264px) !important;
}

.homenav-list li:nth-child(2).active ~ i.fa-sort-up {
    -webkit-transform: translateX(264px);
    -moz-transform: translateX(264px);
    -ms-transform: translateX(264px);
    transform: translateX(264px);
}

.homenav-list li:nth-child(3):hover ~ i.fa-sort-up {
    -webkit-transform: translateX(374px) !important;
    -moz-transform: translateX(374px) !important;
    -ms-transform: translateX(374px) !important;
    transform: translateX(374px) !important;
}

.homenav-list li:nth-child(3).active ~ i.fa-sort-up {
    -webkit-transform: translateX(374px);
    -moz-transform: translateX(374px);
    -ms-transform: translateX(374px);
    transform: translateX(374px);
}

.homenav-list li:nth-child(4):hover ~ i.fa-sort-up {
    -webkit-transform: translateX(484px) !important;
    -moz-transform: translateX(484px) !important;
    -ms-transform: translateX(484px) !important;
    transform: translateX(484px) !important;
}

.homenav-list li:nth-child(4).active ~ i.fa-sort-up {
    -webkit-transform: translateX(484px);
    -moz-transform: translateX(484px);
    -ms-transform: translateX(484px);
    transform: translateX(484px);
}

.homenav-list li:nth-child(5):hover ~ i.fa-sort-up {
    -webkit-transform: translateX(604px) !important;
    -moz-transform: translateX(604px) !important;
    -ms-transform: translateX(604px) !important;
    transform: translateX(604px) !important;
}

.homenav-list li:nth-child(5).active ~ i.fa-sort-up {
    -webkit-transform: translateX(604px);
    -moz-transform: translateX(604px);
    -ms-transform: translateX(604px);
    transform: translateX(604px);
}

.homenav-list .line {
    padding-left: 25px;
    padding-right: 25px;
}

.homenav-list li {
    /*height: 43px;*/
    display: inline-block;
    position: relative;
    cursor: pointer;
    /*width: 82px;*/
    text-align: center;
}

.homenav-list li a {
    height: 20px;
    display: inline-block;
    /*padding: 10px 2px;*/
    /*line-height: 37px;*/
    color: rgba(255,255,255,.7);
    text-decoration: none;
    outline: none;
    width: 70px;
}
.homenav-list li:nth-child(1) a{
    width: 40px;
}
.homenav-list li:nth-child(2) a,
.homenav-list li:nth-child(7) a
{
    width: 80px;
}
/*头部搜索框区域*/
.nav-list > li > a {
    color: #3e3e3e !important;
    font-size: 16px;
    line-height: 50px !important;
}

.input-icon {
    display: inline-flex;
    display: -webkit-inline-flex;
    position: relative;
    align-content: center;
    justify-content: right;
    width: 20%;
}

.input-icon i {
    font-size: 18px;
    color: #bbb;
    line-height: 32px;
    position: absolute;
    right: 10px;
}

.user-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.hide {
    display: none;
}

/*footer*/
.footer {
    width: 100%;
    color: #fff;
    position: absolute;
    bottom: -280px;
    /*margin-top: 60px;*/
}
.footer .div-links {
    font-weight: 600;
    color: rgba(123, 129, 142, 1);
    background-color: rgba(121, 174, 48, 1);
    padding: 30px 0 0px 0;
}

.footer .div-links h4 {
    font-size: 16px;
}

.footer .div-links .item-right > div {
    position: absolute;
    margin-bottom: 0;
}

.footer .qcode-img {
    width: 100%;
    max-width: 130px;
    padding-top: 40px;
}

.div-copyright {
    color: #bababa;
    background-color: #292929;
    font-size: 15px;
}

.div-copyright span {
    line-height: 43px;
}
.footer .logon-box .navbar-logo img,
.bj-about .logon-box .navbar-logo img{
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
}
.footer .logon-box .bj-title,
.bj-about .logon-box .bj-title
{
    margin-left: 10px;
    color: rgba(255, 255, 255, 100);
    font-size: 22px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.bj-about .logon-box .bj-title{
    color: var(--theme-color);
    font-weight: bold;
}
.footer .bj-base-info,.bj-about .bj-base-info{
    color: #fff;
    /*margin-top: 10px;*/
}
.bj-about .bj-base-info{
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.footer .bj-base-info p{
    margin-bottom: 22px;
    font-size: 14px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.footer .bj-base-info p:last-child{
    margin-bottom:0;
}
.bj-about-us-box{
    margin-bottom: 30px;
}
.bj-about .logon-box,.bj-about .logon-box .navbar-logo{
    width: 280px;
    margin-bottom:22px;
}
.bj-about .logon-box .navbar-logo{
    display: block;
}
.bj-about .bj-base-info p{
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.footer .bj-margin-top .margin-top-5{
    margin-top: 5px;
}
.footer .item{
    color: #fff;
    margin-top: -6px;
}
.footer .align-items-end .logon-box,.footer .navbar-logo{
    width: 250px;
}
.footer .navbar-logo{
    display: block;
}
.footer .display-ul-footer{
    display: flex;
    justify-content: space-between;
}
.footer .item .bj-link{
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin-bottom: 26px;
    font-weight: normal;
}
.footer .item .row {
    font-size: 14px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.footer .item .row li p{
    margin-bottom: 20px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.footer .item .row li p a{
    font-size: 14px;
    color: rgba(255, 255, 255, 100);
    text-decoration: none;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
/*.footer .item .row li p a:hover{*/
/*    !*color: var(--theme-color);*!*/
/*    text-decoration: #fff;*/
/*}*/
.footer .align-items-end{
    margin: 30px 0 10px;
}
.footer .bj-base-info.bj-margin-top{
    text-align: center;
    width: 100%;
    height: 34px;
    line-height: 32px;
    background-color: rgba(0, 0, 0, .2);
}
.footer .bj-base-info.bj-margin-top .record-num{
    margin-left: 18px;
}  
.footer .bj-base-info.bj-margin-top .youmeng a{
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.body-youmeng{
    position: relative;
}
.body-youmeng-footer{
    width: 100%;
    /*height: 100%;*/
    text-align: center;
    position: absolute;
    bottom: -270px;
}
.body-youmeng-footer a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}
    /*footer*/
/*user center left-menu*/
.sidebar {
    /*margin-right: 15px;*/
    margin-top: 15px;
    padding-bottom: 100%;
    border: 1px solid #eeeeee;
    border-bottom: none;

}

.sidebar_10 {
    border-left: none;
    border-top: none;
    padding-bottom: 0px;
    border-right: none;
}

.sidebar ul {
    font-size: 14px;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    line-height: 33px;
}

.nav-sub-sidebar li {
    padding: 10px 0 0 30%;
}

.nav-sub-sidebar li:first-child {
    border-bottom: 2px solid #eeeeee;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
}

.nav-sub-sidebar li a i {
    font-size: 18px;
    color: #a4a4a4;
    float: right;
}

.nav-sub-sidebar li.li-active a,
.nav-sub-sidebar li.li-active a i {
    /*color: #5BA768;*/
    font-weight: 600;
    color: rgba(255,255,255,1);
    font-size: 18px;
}

.nav-sub-sidebar > li > a {
    color: #333;
    text-decoration: none;
    font-size: 18px;
}

.nav-sub-sidebar > li > a:hover,
.nav-sub-sidebar > li > a:hover i {
    /*color: #5BA768;*/
    color: rgba(255,255,255,1);
    text-decoration: none;
}

/*Override Bootstrap's default table.*/
.table thead tr {
    background-color: #eeeeee;
}

.table thead tr.active th {
    background: none;
}

.table thead tr th {
    font-weight: 500;
    border: none;
    vertical-align: middle;
    font-size: 14px;
}

.table tbody tr td {
    color: #707070;
    padding: 11px 8px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.table tbody tr td:first-child {
    padding-left: 20px;
}

.table-bordered {
    border: 0;
}

.table-bordered tbody tr td {
    border: 1px solid #eee;
}

.table-gary thead {
    background-color: #f3f5ee !important;
}

.table-gary thead tr th {
    color: #000;
    padding: 20px 0;
    border-top: 1px solid #dcdcdc !important;
}

.table-gary tbody tr {
    background-color: #f3f5ee !important;
}

.table-gary tbody tr td {
    padding: 20px 0 !important;
    border-top: 1px solid #dcdcdc !important;
}

/*Override Bootstrap's default daterangepicker*/
.daterangepicker {
    border: none;
    border-radius: 0;
}

.daterangepicker .ranges hr {
    margin-left: -8px;
    margin-right: -8px;
}

.daterangepicker .ranges li {
    border: none;
    background-color: #fff;
    color: #333;
    border-radius: 0;
    padding-left: 15px;
    position: relative;
}

.daterangepicker .ranges li i.fa-check {
    display: none;
    position: absolute;
    left: 0;
    top: 5px;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    /*color: #5BA768;*/
    color: rgba(255,255,255,1);
    background-color: #fff;
    border: none;
}

.daterangepicker .ranges li.active i.fa-check, .daterangepicker .ranges li:hover i.fa-check {
    display: block;
}

.daterangepicker .input-mini {
    border-radius: 0;
    background-color: #fff;
}

.daterangepicker.opensright:before, .daterangepicker.opensright:after {
    opacity: 0;
}

.daterangepicker .ranges, .daterangepicker .calendar {
    float: right;
}

/*Override Bootstrap's default daterangepicker*/
.div-switch {
    width: 200px;
    padding-bottom: 20px;
}

/*Override Bootstrap's default tab*/
a.transaction-tab,
a.transaction-tab:hover {
    width: 50%;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
    /*border-top: 1px solid #5BA768;*/
    /*border-bottom: 1px solid #5BA768;*/
    display: inline-block;
}

a.transaction-tab-active,
a.transaction-tab-active:hover {
    /*background-color: #5BA768;*/
    color: #fff;
}

.div-switch a.tab-left {
    border-left: 1px solid #5BA768;
}

.div-switch a.tab-right {
    border-right: 1px solid #5BA768;
}

.tab-content .tab-line {
    margin-top: 18px;
    margin-bottom: 18px;
    color: #dcdcdc;
}


/* 下拉框样式 */
.selectStyle select {
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* sample image from the webinfocentral.com */
    background: url("../../demo/select_icon.png") no-repeat 92% !important;
}

.selectStyle select::-ms-expand {
    display: none;
}

/*分页样式*/
/*Override Bootstrap's default pagination*/
.pagination > li > a, .pagination > li > span {
    color: rgba(74, 74, 74, 100);
    cursor: pointer;
    margin-right: 10px;
    border-radius: 2px;
    background-color: rgba(244, 244, 245, 1);
    border: 1px solid rgba(244, 244, 245, 1);
    font-size: 14px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.pagination > li > a:hover, .pagination > li > span:hover{
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
    background-color: rgba(244, 244, 245, 1);
    border: 1px solid rgba(244, 244, 245, 1);
}
.pagination>.disabled>a i,
.pagination>.disabled>a:focus i,
.pagination>.disabled>a:hover i{
    color: rgba(193, 196, 204, 1);
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}
.content_page  .pagination>li:last-child>a,
.content_page .pagination>li:last-child>span,
.content_page .pagination>li:first-child>a,
.content_page .pagination>li:first-child>span{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*分页样式*/
.modal-body h5 {
    font-size: 15px;
}

/*返回顶部悬浮模块*/
.moveTotop {
    display: none;
    width: 60px;
    position: fixed;
    bottom: 50px;
    right: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    text-align: center;
}
.moveToTop.qr{
    bottom: 100px;
    display: block;
    cursor: pointer;
}
.moveToTop.qr .imgQr{
    width: 26px;
    height: 26px;
}
.moveToTop .app-qr-box{
    position: absolute;
    display: none;
    top: -60px;
    right: 0;
    padding-right: 4px;
    margin-right: 44px;
    box-shadow: 0 2px 3px 0 rgba(0 ,0, 0,.1);
}
.moveToTop .app-qr-box .bg-box{
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0,.1);
    border-radius: 4px;
}
.moveToTop .app-qr-box .bg-box .qr-item-box{
    padding: 6px 6px 0px;
    border-radius: 4px;
}
.moveToTop .app-qr-box .bg-box .qr-item-box img{
    display: block;
    width: 96px;
}
.moveToTop .app-qr-box .bg-box .qr-item-box .desc{
    margin: 0;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 34px;
}
.moveTotop a.icon {
    border: 1px solid #ccc;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
    background-color: #fff;
    color: #333;
    text-decoration: none;
}

.moveTotop img {
    width: 18px;
    margin-bottom: 5px;
}

.moveTotop a.mtop {
    color: #fff;
    background-color: #5BA768;
    display: block;
    padding-bottom: 6px;
    text-decoration: none;
}

.moveTotop a .fa {
    font-size: 20px;
}

.moveToTop {
    display: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 50px;
    right: 30px;
    background: #fff;
    color: var(--theme-color);
    box-shadow: 0 0 5px rgba(0,0,0,0.4);
    cursor: pointer;
}

/*图与右侧信息布局*/
/*父文本*/
.fatherCell {
    display: table;
}

/*子文本  居中*/
.childCellTextCenter {
    vertical-align: middle;
    display: table-cell;
}

/*子文本 顶部对齐*/
.childCellTextTop {
    vertical-align: top;
    display: table-cell;
}

/*子文本 底部对齐*/
.childCellTextBottom {
    vertical-align: bottom;
    display: table-cell;
}

.shandow-text {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%;
    transition: .3s;
    -webkit-transition: .3s;
}

.course-newest .course-item:hover .shandow-text, .goods-newest .goods-item:hover .shandow-text, .goods-newest .course-item:hover .shandow-text {
    opacity: 1;
    filter: alpha(opacity=100);
}

.course-newest .course-item:hover .shandow-text a, .goods-newest .goods-item:hover .shandow-text a, .goods-newest .course-item:hover .shandow-text a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.course-newest .course-item:hover .course-img > img, .goods-newest .goods-item:hover .course-img > img, .goods-newest .course-item:hover .course-img > img {
    -webkit-transform: scale(1.1) translate(0, -50%);
    -moz-transform: scale(1.1) translate(0, -50%);
    transform: scale(1.1) translate(0, -50%);
    transition: .8s;
    -webkit-transition: .8s;
}

.course-newest .course-item .course-img, .goods-newest .goods-item:hover .course-img, .goods-newest .course-item:hover .course-img {
    overflow: hidden;
    white-space: nowrap;
}

.nameEllipsis {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.table_1 tbody tr td {
    border: 3px solid #e2e2e2;
    font-size: 16px;
}

.table_1 tbody tr td:first-child {
    padding-left: 10px;
}

.scrollbar_1 {
    max-height: 540px;
    overflow: auto;
}

.scrollbar_1::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar_1::-webkit-scrollbar-track-piece {
    background-color: #eee;
    margin: -2px;
}

.scrollbar_1::-webkit-scrollbar-thumb {
    background: #aaa;
    min-height: 150px;
    min-width: 150px;
    border-radius: 10px;
}

.scrollbar_1::-webkit-scrollbar-thumb:vertical:hover {
    background: #555555
}

.scrollbar_1::-webkit-scrollbar-thumb:horizontal:hover {
    background: #555555
}

/*鼠标滑过显示全文*/
.tooltip {
    min-width: 250px;
    max-width: 500px;
}

.tooltip .tooltip-inner {
    min-width: 250px;
    max-width: 500px;
    min-height: 100px;
    text-align: left;
}

.container-viewport {
    position: absolute;
    top: 70px;
    right: 250px;
    left: 250px;
    height: 300px;
    background-color: #fff;
}

.btn-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
}

.newslist {
    height: 200px;
    margin-bottom: 30px;
}

.bg-white-section {
    /*background-color: #ffffff;*/
    padding: 20px 60px;
    margin-top: 30px;
}

.costum-list {
    margin-bottom: 20px;
}

.costum-list p {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-items: center;
    -webkit-line-clamp: 3;
    color: #000;
    font-size: 16px;
}

.costum-list > div:first-child {
    width: 25%;
    position: relative;
    height: 0;
    padding-bottom: 15%;
}

.costum-list > div:last-child {
    width: 75%;
}
.costum-list > div:last-child.bj-padding-dang{
    padding: 0;
    width: 85%;
}
.costum-list > div:first-child.bj-padding-dang-left{
    width: 170px;
    margin-right: 20px;
}
.costum-list > div img {
    width: 88%;
    height: 100%;
    max-height: 200px;
    position: absolute;
    object-fit: cover;
}
.costum-list > div img.build-img{
    width: 170px;
    height: 170px;
}
.costum-list > div .zx-title {
    font-size: 22px;
    color: #000;
    padding: 6px 0 0 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.costum-list > div .zx-title.dang-title{
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    font-size: 18px;
}
.costum-list > div .zx-title.main-leader-title{
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    padding: 0;
}
.costum-list > div .zx-title.bj-zx-title{
   color: #000;
}
.zx-title > a {
    color: #4a4a4a;
}

.zx-title > a:link, .zx-title > a:hover, .zx-title > a:active, .zx-title > a:visited {
    color: #4a4a4a;
    text-decoration: none;
}

.costum-list > div .sub-title {
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-align: left;
    padding: 15px 0;
    margin: 0;
}
.costum-list > div .sub-title.bj-academic-data{
    padding: 15px 0 5px;
}
.costum-list > div .sub-title > span {
    padding-left: 50px;
}

.page-title {
    font-size: 16px;
    padding: 25px 15px;
    color: #4A4A4A;
}

.page-title span {
    color: #5BA768;
}
/* 关于研究会 */
.inner-page-banner{
    height:410px;
    margin-top: -80px;
    position: relative;
}
.inner-page-banner img{
    width: 100%;
    height: 100%;
}
.inner-page-banner .bj-title{
    color: rgba(255, 255, 255, 100);
    font-size: 70px;
    /*box-shadow: 4px 2px 10px 0px rgba(9, 1, 1, 0.8);*/
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    text-shadow: 4px 2px 10px #090101;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

/*详情页*/
.news-detail {
    font-size: 14px;
}
.news-detail .detail-date {
   font-size: 16px;
    color: #000;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #979797;
}
.news-detail .detail-date_green {
    color: var(--theme-color)
}
.news-detail .detail-date>span {
    display: inline-block;
    margin-left: 14px;
}
.news-detail .video-wrap{
    text-align: center;
}
/*.news-detail > div {*/
/*    text-align: center;*/
/*}*/

.news-detail div.detail-label span {
    padding-left: 50px;
}
.news-detail div.detail-label-green,
.news-detail div.detail-label-green span {
    color: var(--theme-color);
}
.news-detail h3 {
    margin-bottom: 30px;
    text-align: center;
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: bold;
}

.news-detail div.detail-con {
    width: 85%;
    margin: 30px auto 0;
    /*font-size: 13px;*/
    min-height: 400px;
}
.news-detail div.detail-con img{
    max-width: 100%;
}
/*.news-detail div.detail-con p{*/
/*    color: rgba(0, 0, 0, 1);*/
/*    font-size: 16px;*/
/*    text-align: left;*/
/*    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';*/
/*    font-weight: normal;*/
/*    text-indent: 2em;*/
/*    line-height: 1.5;*/
/*}*/
.news-detail div.detail-con.product p{
    text-indent: 0;
}
/*.news-detail div.detail-con p span{*/
/*    font-weight: normal!important;*/
/*}*/
/*.news-detail div.detail-con p img{*/
/*    width: 100%!important;*/
/*}*/
.news-detail div.detail-con img.detail-img{
    height: 500px;
    width: 100%;
    border-radius: 10px;
    margin:30px 0 50px;
}
/*.news-detail p {*/
/*    text-indent: 2em;*/
/*    text-align: left;*/
/*    line-height: 2em;*/
/*}*/

.news-detail p.product-img {
    text-align: center;
}

/*可追溯生产主体列表*/
.kzs-list {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.kzs-list .kzs-title {
    font-size: 20px;
    font-weight: bold;
    color: #4a4a4a;
}

.kzs-list .kzs-address {
    font-size: 14px;
    color: #9b9b9b;
    padding: 10px 0 15px;
}

.kzs-list .kzs-address img {
    display: inline-block;
    width: 14px;
    margin-right: 10px;
}

.kzs-list .kzs-service {
    font-size: 14px;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 2.5;
}

/*特色农产品列表*/
.product-list {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
    width: calc(25% - 16px);
    margin-left: 16px;
    cursor: pointer;
}

.product-list > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 192px;
    overflow: hidden;
}

.product-list > div:first-child img {
    width: 100%;
}

.product-list > div:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #4a4a4a;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
}

/*搜索页*/
.costum-list > div.search-item {
    width: 100%;
    border-bottom: 1px solid #eee;

}
.search-title {
    font-size: 16px;
    padding: 25px 15px;
    color: #4A4A4A;
}
.search-title>span {
    color: #5BA768
}
.search-wapper {
    background: #f7f7f7;
}
.search-wapper .min-h100p {
    min-height: calc(100vh);
}
.search-wapper .academic-wrap {
    margin-top: 0!important;
}
.search-wapper .nav-bg_search {
    height: 70px;
    width: 100%;
    background-color: rgba(121, 174, 48, 1);
    margin-top: -70px;
}
.search-wapper .search-cont{
    background: #fff;
    padding: 20px 60px;
}
.search-wapper .search-card {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;;
}
.search-wapper .search-card .search-card-title {
    font-size: 20px;
    color: #4A4A4A;
    padding: 10px 0 0 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: pointer;
}
.search-wapper .search-card .search-card-time {
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    text-align: left;
    padding: 10px 0 15px;
}
.search-wapper .search-card .search-card-summary {
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 2.5;
    justify-items: center;
    -webkit-line-clamp: 3;
    color: #4A4A4A;
    font-size: 14px;
}

/*二级菜单*/
.bj-secondary-title ul li{
    display: inline-block;
    position: relative;
    text-align: left;
    /*width: 140px;*/
    margin-right: 20px;
}
.bj-secondary-title ul li a {
    color: rgba(155, 155, 155, 100)!important;
    font-size: 18px;
    text-align: left;
    display: inline-block;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    text-decoration: none;
    outline: none;
    padding-left: 0;
    cursor: pointer;
    -webkit-transition: all 0.05s linear;
    -moz-transition: all 0.05s linear;
    -o-transition: all 0.05s linear;
    transition: all 0.05s linear;
}
.bj-secondary-title ul li.active .nav-link,
.bj-secondary-title ul li.active li.active .nav-link-a{
    color: var(--theme-color)!important;
    position: relative;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.bj-secondary-title .nav-link-children{
    margin-top: 20px;
}
.bj-secondary-title .nav-link-a{
  padding: 10px 15px;
}
.bj-secondary-title ul li .nav-link:hover,
.bj-secondary-title ul li .nav-link:focus,
.bj-secondary-title ul li li .nav-link-a:hover,
.bj-secondary-title ul li li .nav-link-a:focus{
    color: var(--theme-color)!important;
    background: transparent;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.bj-secondary-title ul li.active .nav-link::after,
.bj-secondary-title ul li .nav-link:focus::after,
.bj-secondary-title ul li .nav-link:hover::after,
.bj-secondary-title ul li.active li.active .nav-link-a::after,
.bj-secondary-title ul li li .nav-link-a:focus::after,
.bj-secondary-title ul li li .nav-link-a:hover::after{
    content:'';
    width: 44px;
    bottom:0;
    right: 0;
    left: -16px;
    position: absolute;
    height: 1px;
    margin:0 auto;
    background: var(--theme-color);
}
.bj-secondary-title ul .nav-item.active .nav-link-a::after,
.bj-secondary-title ul .nav-item .nav-item .nav-link-a:focus::after,
.bj-secondary-title ul .nav-item .nav-item .nav-link-a:hover::after{
   left: -2px;
}
.bj-secondary-title ul li::after
{
    display:block;
    content:attr(title);
    visibility:hidden;
    height:0px;
    font-size: 18px;
    margin-bottom: -1px;
    overflow:hidden;
}
/*研究会*/
.tab-content .bj-content-constitution{
    /*margin: 0 0 50px;*/
    padding: 30px 40px;
    border-radius: 8px;
    background-color: rgba(121,175,48, .1);
}
.tab-content .bj-content-constitution p {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    line-height: 2;
    text-indent: 2em;
}
.tab-content .bj-content-constitution .bj-margin-top{
    margin-top: 40px;
}
.bj-about-us-box{
    margin-top: 30px;
}
.bj-code-box{
    display: flex;
    align-items: center;
}
.bj-code-box .bj-code{
    width: 122px;
    height: 122px;
    overflow: hidden;
    margin-left: 50px;
}
.bj-code-box .bj-code img{
    width: 100%;
    height: 100%;
}
.bj-main-title{
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    margin: 10px 0px 15px;
}
.tab-content{
    margin: 30px auto 80px;
}
.login-panel-right .tab-content{
    margin-bottom: 0;
}
.tab-content .active .bj-active-data,
.tab-content .active .bj-color{
    color: rgba(0, 0, 0, 1);
}
.tab-content .active .bj-active-data{
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
.tab-content .active .bj-color{
    line-height: 1.5;
}
.tab-content .active .bj-active-margin{
    margin: 5px 0 10px;
}
.tab-content .active .bj-active-address{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin-bottom: 20px;
}
.tab-content .active .bj-active-address.bj-active-summary{
    -webkit-line-clamp: 3;
    font-weight: normal;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.tab-content .active .bj-detail{
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab-content.academic-wrap{
    margin-top: 30px;
}
.tab-content.academic-wrap .academic-con-desc .left .bj-tit{
    margin: 0 0 10px;
    font-size: 18px;
}
.tab-content .active .bj-detail button{
    width: 100px;
    height: 26px;
    border-radius: 4px;
    border: 0;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    background-color: var(--theme-color);
}
.special-wrap{
    margin-bottom: 50px;
}
.tab-content .active .bj-detail button a{
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
}
.tab-content .active .bj-detail button{
    display: flex;
    align-items: center;
}
.tab-content .active .bj-detail button img{
    width: 12px;
    height: 12px;
}
.tab-content .active .bj-detail a{
    color: rgba(155, 155, 155, 100);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.tab-content .active .bj-width-40{
    width: 40%;
}
.tab-content .active .active_img{
    max-height: 500px;
    border-radius: 10px;
    cursor: pointer;
}
.case-wrap .costum-list.width-book-wrap{
    display: flex;
    align-items: center;
}
.case-wrap .costum-list.width-book-wrap .zx-title{
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: bold;
}
.case-wrap .costum-list.width-book-wrap .bj-active-data{
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: 500;
}
.tab-content .costum-list .width-book{
    height: 264px;
}
.case-wrap .costum-list.width-book-wrap .bj-detail a{
    color: rgba(74, 74, 74, 100);
    margin-top: 20px;
}
.tab-content .costum-list .width-book img{
    border-radius: 0;
}
.costum-list.display-flex-bj{
    display: flex;
    align-items: center;
}
.tab-content .active .bj-width-40.img-col-bj-40{
    height: 250px;
    padding-bottom: 0;
}
.tab-content .active .bj-width-60{
    width: 60%;
}
.product-descript button.registered-online,
.tab-content .active .bj-detail button.registered-online{
    background-color: rgba(74, 74, 74, 1);
}
/*活动专题*/
.special-wrap .row{
    width: 100%;
    height: 440px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}
.special-wrap .row img{
    width:100%;
    height: 100%;
    cursor: pointer;
}
.special-wrap .special-content p{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    line-height: 1.5;
}
.special-wrap .special-content h5{
    color: rgba(0, 0, 0, 1);
    font-size: 22px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin: 15px 0;
    cursor: pointer;
}
/*学术期刊*/
.journals-wrap .product-list-train{
    background: transparent;
    width: 30%;
    /*width: 33.33333333%;*/
}
.journals-wrap .product-list-train:nth-child(3n+3){
    margin-right: 0;
}
.journals-wrap .journals-box .journals-img{
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*object-fit:contain;*/
}
/*设置在线视频的高度*/
.journals-wrap .journals-box.video-wrap {
    /*height: 230px;*/
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.journals-wrap .journals-box.video-wrap.treeWidth{
    padding-bottom: 140%;
}
.journals-wrap .journals-box.video-wrap img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.margin-bottom-30-video{
    margin-bottom: 30px;
}
.video-tit{
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    cursor: pointer;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-weight: bold;
    -webkit-box-orient: vertical;
}
    .video-tit:hover{
        color: var(--theme-color);
    }
.video-date {
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
}
 .journals-wrap .journals-box{
    position: relative;
    text-align: center;
    height: 460px;
    border-radius: 10px;
    overflow: hidden;
     width: 100%;
     margin: 0 auto;
}
    /*在线视频*/
.journals-wrap .journals-box .journals-tit{
    position: absolute;
    top: 28px;
    color: rgba(255, 255, 255, 100);
    font-size: 24px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}
.journals-wrap .journals-box .journals-tit.journals-tit-eee{
    color: #333333;
}
.journals-wrap .journals-box .journals-tit.qikan{
    top: 68px;
    font-size: 18px;
}
.journals-wrap .product-list-train .bj-tit{
    font-size: 18px;
    color: rgba(0, 0, 0, 1);
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin: 15px auto;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
}
.journals-wrap .product-list-train .journals-data{
    margin:0 auto;
    font-weight: bold;
    width: 90%;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
}
.journals-wrap .product-list-train .journals-data.data-academic{
    font-weight: 700;
    font-size: 16px;
}
.journals-wrap .product-list-train .journals-data-color{
    color: var(--theme-color);
}

.journals-wrap .product-list-train{
   padding-left: 0;
    margin-bottom: 30px;
    margin-right: 5%;

}
/*资格认证*/
.qualification-wrap .container-bj .bj-title{
    color: var(--theme-color);
    font-size: 22px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    text-align: center;
    font-weight: bold;
}
.qualification-wrap .container-bj .bj-english{
    margin: 16px 0 32px 0;
    text-align: center;
}
.bj-english img{
    width: 225px;
}
.qualification-wrap .container-bj .bj-english span{
    color: var(--theme-color);
    font-size: 13px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
}
/*证书展示*/
.qualification-wrap .swiper-container {
    padding: 50px 0 100px;
}
.qualification-wrap .bj-certificate-show{
    /*padding: 0 50px;*/
    z-index: 9;
}
.qualification-wrap .bj-certificate-show .swiper-slide {
    transition: all 0.5s;
}
.qualification-wrap .bj-certificate-show .swiper-slide.swiper-slide-active {
    transform: scale(1.2);
}
.qualification-wrap .bj-certificate-show .introduction {
    opacity: 0;
    font-size: 14px;
    line-height: 2;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 6;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow: hidden;*/
}
.train-father{
    width: 100%;
    padding: 0 30px;
    position: relative;
    margin: auto;
}
.certficate-name{
    text-align: center;

}
.qualification-wrap .bj-certificate-show .swiper-slide-active .introduction {
    opacity: 1;
}
.qualification-wrap .bj-certificate-show .swiper-slide-active .certficate-name{
    font-weight: bold;
}
.qualification-wrap .bj-certificate-show .swiper-slide{
    margin: 0 auto;
}
.qualification-wrap .bj-certificate-show img{
    width: 100%;
    height: 100%;
}
.qualification-wrap .bj-certificate-show .bj-background{
    padding: 14px 16px;
    height: 235px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.qualification-wrap .row{
    position: relative;
    margin: 0 auto;
}
.qualification-wrap .row .bj-out{
    position: absolute;
    height: 140px;
    width:100%;
    bottom: 45px;
    z-index: 0;
    background-color: rgba(121,175,48, 0.35);
}
.qualification-wrap .container-bj.bj-margin-top-50{
    margin-top: 100px;
}
.qualification-wrap .container-bj .zx-ul{

}
.qualification-wrap .container-bj .zx-ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed  var(--theme-color);
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    padding: 20px 0;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: 500;
}
.qualification-wrap .container-bj .zx-ul li span{
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: bold;
}
.qualification-wrap .container-bj .zx-ul li img{
    width: 20px;
    height: 20px;
}
.qualification-wrap .container-bj .zx-ul li .data-span{
    margin-left: 22px;
}
/*社群党建*/
.building-wrap .row .main-box-hei{
    height: 520px;
}
.building-wrap .row .main-img-box{
    position: relative;
}
.building-wrap .row .main-img-box img{
    width: 100%;
    height: 100%;
}
.building-wrap .row .main-img-box .main-tip{
    position: absolute;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    padding-left:30px;
    font-family: PingFangSC-Regular;
}
.building-wrap .row .main-img-box  .main-tip.main-tip-min{
    height: 34px;
    line-height: 34px;
    padding:0 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    cursor: pointer;
}
.building-wrap .row .main-img-list{
    height: 156px;
}
.building-wrap .row .main-ul li{
    margin-bottom:26px;
}
.building-wrap .row .main-ul li:last-child{
    margin-bottom:0;
}
.tab-content .active-building-list{
    margin: 30px 0;
    display: flex;
    align-items: center;
}
.building-list{
    margin-bottom: 40px;
}
.news-detail{
    margin-bottom: 40px;
}
/*志愿者活动*/
.tab-content .bj-content-constitution h2{
    color: rgba(0, 0, 0, 1);
    font-size: 32px;
    text-align: center;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin-bottom: 40px;
}
.tab-content .tab-pane.vol-sr-pos{
    position: relative;
}
.tab-content .tab-pane.vol-sr-pos .bj-content-constitution{
    margin-bottom: 100px;
}
.tab-content .tab-pane.vol-sr-pos .news-detail{
    position: absolute;
    bottom: -90px;
    width: 100%;
}
/*活动风采*/
.active-style-wrap .style-box{
    position: relative;
}
.active-style-wrap .style-box .style-tip{
    color: rgba(255, 255, 255, 100);
    font-size: 28px;
    text-align: center;
    /*box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);*/
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    position: absolute;
    bottom: 40px;
    left: 50%;
    cursor: pointer;
    transform: translateX(-50%);
}
.active-style-wrap .style-box.style-left{
    height: 570px;
    /*width: 90%;*/
}
.active-style-wrap .style-box img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.active-style-wrap .style-right{
    height: 280px;
}
.active-style-wrap .margin-top-30{
    margin-top: 30px;
}
.active-style-wrap .style-box-bottom .style-box{
    height: 260px;
}
/*示范基地*/
.building-wrap .base-list{
    margin-bottom: 46px;
}
.building-wrap .base-list .base-big-img{
    height: 670px;
}
.building-wrap .base-list .base-big-img img{
    height: 100%;
    width: 100%;
}
.building-wrap .base-list .base-content{
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
    border-top-right-radius: 120px;
    padding: 10px 80px 50px;
}
.building-wrap .base-list .base-content h3{
    color: rgba(0, 0, 0, 1);
    font-size: 33px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    margin-bottom: 25px;
    cursor: pointer;
}
.building-wrap .base-list .base-content .base-descript{
    line-height: 2;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    height: 160px;
}
.building-wrap .base-list .base-content-margin{
    margin-top: -108px;
}
.building-wrap .base-list .base-content .loop-detail{
    width: 124px;
    height: 34px;
    border: 1px solid rgba(0, 0, 0, 1);
    background: transparent;
    color: #000;
    margin-top: 40px;
}
.building-wrap .base-list .base-content .loop-detail a{
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.building-wrap .base-list .margin-top-20{
    margin-top: 20px;
}
.building-wrap .base-list .margin-top-20 .base-big-img{
    height: 248px;
}
.building-wrap .base-list .margin-top-20 .base-big-img img{
    height: 100%;
}
/*条例法规*/
.regulation-wrap .row{
    height: 354px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
}
.regulation-wrap .row.reg-margin-detail{
    box-shadow: none;
}
.regulation-wrap .row.reg-margin{
    margin: 0px 15px 40px;
}
.regulation-wrap .row .regulation,
.regulation-wrap .row .regulation img,
.regulation-wrap .row .reg-img-box{
    height: 100%;
}
.regulation-wrap .regulation-ul{
    text-align: left;
}
.regulation-wrap .row .reg-img-box{
    padding-left: 0;
}
.regulation-wrap .row .regulation{
    width: 90%;
}
/*.regulation-wrap .row .regulation img{*/
/*    width: 100%;*/
/*}*/
.regulation-wrap .row .regulation-ul h6{
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    text-align: left;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    margin: 40px 0;
    cursor: pointer;
}
.social-con-wrap{
    margin-top: 30px;
}
.regulation-wrap .row .regulation-ul li{
    margin-bottom: 15px;
}
.regulation-wrap .row .regulation-ul li span{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.regulation-wrap .row .regulation-ul li span:last-child{
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
/*案件解读*/
.case-wrap li{
    padding: 20px 0;
    border-bottom: 2px solid rgba(216, 216, 216, 1);
}
.case-wrap .case-list{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
.case-wrap .case-list span{
    color: rgba(0, 0, 0, 1);
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: bold;
}
.case-wrap .case-list .case-tit{
    font-size: 18px;
    cursor: pointer;
 }
.case-wrap .case-list .case-data{
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.case-wrap .case-con{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.seek-wrap .carousel .carousel-inner img{
    border-radius: 50%;
}
.news-detail .detail-label{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    text-align: center;
}
/*快捷入口-1*/
    .entry-home{
        margin-top: 40px;
    }
.entry-home .entry-four{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .entry-home .entry-four .bj-four-card{
    height: 84px;
     width: 196px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
}
    /*.entry-home .entry-four .bj-four-card .svg-img{*/
    /*   width: 50px;*/
    /*    height:50px;*/
    /*    margin-right: 10px;*/
    /*}*/
/*快捷入口*/
.quick_entry{
    position: relative;
}
.quick_entry .bj-four-menu .row{
    margin: 0;
}
.quick_entry .bj-four-menu .row .bj-four-card{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    margin-right: 10px;
    transition:all .2s;
}
.quick_entry .bj-four-menu .row .bj-four-card.active{
    /*width: 80px;*/
    /*height: 80px;*/
    transform:scale(1.1);
    transition:all .2s;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(121, 174, 48, 1);
}
.quick_entry .bj-four-menu .row .bj-four-card.active .bj-menu-title{
    color: rgba(121, 174, 48, 100);
}
.quick_entry .bj-four-menu .row .bj-four-card.active .svg-img{
    margin-left: -160px;
    filter: drop-shadow(80px 0 var(--theme-color));
    cursor: pointer;
}
/*修改*/
.quick_entry .bj-four-menu .row .bj-border-svg{
    border: 1px solid rgba(151, 151, 151, 1);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .8);
    overflow: hidden;
    cursor: pointer;
}
    /*会员之家svg*/
    .quick_entry .bj-four-menu .row .bj-border-svg:nth-child(3) .svg-img{
        margin-left: 160px;
        filter: drop-shadow(-80px 0 rgba(151, 151, 151, 1));
        cursor: pointer;
    }
    .quick_entry .bj-four-menu .row .bj-border-svg:nth-child(3).active .svg-img{
        margin-left: 0px;
    }
.quick_entry .bj-four-menu .row .bj-four-card img.bj-svg{
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.quick_entry{
    position: absolute;
    top: 320px;
    right: 20px;
}
.bj-describe{
    margin-top: 20px;
}
.quick_entry .bj-menu-title{
    /*color: var(--theme-color);*/
    color: rgba(155, 155, 155, 100);
    font-size: 14px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    margin-top: 6px;
}
.quick_entry .bj-four-menu .row .bj-four-card img{
    width: 35px;
    height: 30px;
    margin: 0;
}
.quick_entry .bj-four-menu .row .bj-four-card:nth-child(2) img{
    width: 26px;
    height: 30px;
}
.quick_entry .bj-four-menu .row .bj-four-card:nth-child(4) img{
    width: 28px;
    height: 28px;
}
.quick_entry .justify-content-between{
    display: flex;
    align-items: center;
}
.bj-secondary-title{
    margin-top: 20px;
}
.tab-content .bj-content-constitution p.bj-title-bold{
    font-weight: bold;
}
.tab-content .bj-content-constitution.bj-content-bg{
    background-color: #fff;
}
.tab-content .bj-content-constitution.bj-content-bg h3{
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.search-home{
    margin: 0;
    position: relative;
}
.search-home input{
    width: 145px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 1);
}
.search-home input:focus{
    border: 1px solid var(--theme-color);
}

/*详情*/
.news-detail .online-sign{
    width: 100%;
    height: 56px;
    border-radius: 4px;
    background-color: var(--theme-color);
    border: 0;
    margin-top: 40px;
    margin-bottom: 50px;
}
.news-detail .online-sign img{
    width: 14px;
    height: 16px;
    margin: -4px 10px 0 0;
}
.news-detail .online-sign a{
    text-decoration: none;
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
 .online-sign .fa-credit-car{
    color: #fff;
    font-size: 16px;
}
 .news-detail hr{
     height: 1px;
     background: #979797;
     border: 0;
 }
 .product-descript{
     display: flex;
     /*align-items: center;*/
     justify-content: space-between;
     margin: 15px auto;
 }
.display-tran-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-between;*/
}
.product-descript button{
    width: 111px;
    height: 34px;
    border-radius: 4px;
    background-color: var(--theme-color);
    border: 0;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: 500;
}
.product-descript button a.term-a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.journals-wrap .product-descript .left{
    width: 66%;
}
.journals-wrap .product-descript .left .bj-tit,
.journals-wrap .product-descript .left .journals-data {
    margin: 0;
}
.product-descript .lecturing{
    color: var(--theme-color);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.lecturing-bottom .lecturing-pic img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.lecturing-bottom .lecturing-pic button img{
    border-radius:unset;
    width: 12px;
    height: 14px;
    margin-top:-2px;
}
.product-descript.lecturing-bottom{
    justify-content: space-between;
    align-items: flex-end;
}
.journals-wrap .product-descript .journals-data-color{
    font-size: 16px;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: 500;
}
.lecturing-bottom .lecturing-pic span{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.lecturing-bottom .lecturing-pic .bj-lecturer{
    margin-top: 5px;
}
.lecturing-bottom .lecturing-pic button a{
    text-decoration: none;
    color: rgba(255, 255, 255, 100);
    font-size: 16px;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.lecturing-bottom .lecturing-pic .money{
    color: rgba(255, 28, 28, 100);
    font-size: 22px;
    margin-bottom: 13px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.lecturing-bottom .lecturing-pic {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lecturing-bottom .lecturing-pic.lecturing-pic_right{
    align-items: flex-end;
}
/*news_detail.html*/
.navbar-detail.navbar-container .bj-title{
    color: var(--theme-color);
    font-weight: bold;
}
.navbar-detail .homenav-list li a{
    color: rgba(0, 0, 0, 1);
}
.navbar-detail .homenav-list li.active,
.navbar-detail .homenav-list li:hover,
.navbar-detail .homenav-list li:hover a,
.navbar-detail .homenav-list li.active a
{
    color: var(--theme-color);
}
.navbar-detail .search-home input{
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}
.navbar-detail.navbar-container .bj-button-right .bj-button{
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}
.bj-button-right .bj-button:focus,
.bj-button-right .bj-button.focus,
.bj-button-right .bj-button.active:focus,
.bj-button-right .bj-button:active:focus,
.bj-button-right .bj-button.active.focus,
.bj-button-right .bj-button:active.focus
{
    color: #fff;
    border: 1px solid #fff;
    outline: none;
    box-shadow: none;
    background: transparent;
}
.teacher-wrap{
    text-align: center;
    margin-bottom: 40px;
}
.teacher-wrap img{
    width: 100px;
    height: 140px;
    background-color: rgba(216, 216, 216, 1);
    margin-bottom: 15px;
}
.teacher-wrap h5{
    color: rgba(0, 0, 0, 1);
    font-size: 22px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.social-con-wrap .row .img-col{
    padding: 0;
    text-align: left;
}
.social-con-wrap .row img{
    width: 90%;
    height: 266px;
    background-color: rgba(216, 216, 216, 1);
}
.social-con-wrap .row h3{
    color: rgba(0, 0, 0, 1);
    font-size: 32px;
    text-align: justify;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    margin-bottom: 20px;
}
.social-con-wrap .row p{
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    text-indent: 0;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.apply-wrap .apply-tit{
    display: flex;
    align-items: center;
}
.apply-wrap .apply-tit .line{
    width: 10px;
    height: 30px;
    border-radius: 2px;
    background-color: var(--theme-color);
}
.apply-wrap .apply-tit h4{
    margin-left: 50px;
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    text-align: left;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.expert-wrap .expert-con {
    margin: 20px 0 30px;
}
.expert-wrap .expert-con p{
    line-height: 25px;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.expert-wrap .apply-wrap .apply-tit h4{
    margin-left: 20px;
}
.journals-wrap .product-list-train .journals-data.every-data{
    width: 100%;
    margin: 0;
}
.case-list .notice-btn{
    border: 0;
    width: 92px;
    height: 30px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 100);
    font-size: 14px;
    text-align: center;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    background-color: rgba(121,175,48, 1);
}
.case-list .notice-btn.active{
    background-color: rgba(121,175,48, 0.7);
}
.form-my{
    width: 60%;
    margin: 0 auto;
}
.form-my.form-horizontal .form-group{
    margin-bottom:30px;
}
.form-my .form-my-btn,.form-my .form-my-btn:hover,
.form-my .form-my-btn:focus{
    border-radius: 4px;
    border: 0;
    background-color: rgba(121,175,48, 1);
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    width: 100%;
    margin-top: 55px;
    height: 56px;
    outline:none;
}
.form-my .form-select{
    width: 100%;
    height: 39px;
    border: 1px solid rgba(216, 216, 216, 1);
}
.form-my-flex{
    display: flex;
    align-items: center;
    margin-top: 6px;
}
.form-my-flex .form-check{
    display: flex;
    align-items: center;
}
.form-my-flex .form-check .form-check-label{
    margin-left: 10px;
}
.form-my .form-group label{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.form-my .form-group input{
    border: 1px solid rgba(216, 216, 216, 1);
    height: 40px;
    outline: none;
}
.form-my .form-group input:focus,.form-my .form-select:focus{
    border-color:var(--theme-color);
}

.form-my .form-group input.form-check-input.radio_type{
    width: 15px;
    height: 15px;
    appearance: none;
    position: relative;
    margin-top: 0;
    border:0;
}
.form-my .form-group input.radio_type:before{
    content: '';
    width: 15px;
    height: 15px;
    border: 1px solid rgba(155, 155, 155, 0.5);
    display: inline-block;
    border-radius: 50%;
}
.radio_type:checked:before{
    content: '';
    width: 15px;
    height: 15px;
    border: 0;
    background: var(--theme-color);
    display: inline-block;
    border-radius: 50%;
}
.radio_type:checked:after{
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    vertical-align: middle;
}

/*求医问诊style*/
.qualification-wrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
.qualification-wrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    top: 180px;
}
.qualification-wrap .expert-wrap h3{
    color: rgba(0, 0, 0, 1);
    font-size: 32px;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
    font-weight: 700;
    cursor: pointer;
}
.qualification-wrap .expert-wrap p{
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    margin: 10px 0 15px;
}
.qualification-wrap .expert-wrap .expert-con{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
   font-family: Alibaba-PuHuiTi-M,'Microsoft YaHei';
    font-weight: 500;
    line-height: 1.5;
}
/*Swiper原样式 */
/*fill%3D%27%23378466%20%27*/
.qualification-wrap .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D%27%2379AF30%27%2F%3E%3C%2Fsvg%3E");
}
.qualification-wrap .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D%27%2379AF30%27%2F%3E%3C%2Fsvg%3E");
}
.carousel-indicators li{
    margin: 0 5px 0 0;
    border: 0;
    background-color: rgba(255, 255, 255, 0.3);
}
.full-height.mid-col-bj{
    text-align:center;
}
.carousel-indicators .active{
    margin-right: 5px;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
}
/*.home-academic{*/
/*    margin-top: 25px;*/
/*}*/
    .home-academic li:last-child{

    }
.home-address-bj{
    margin-top: 20px;
}
/*个人信息*/
.journals-wrap .my-info{
    width: 50%;
}
.journals-wrap .my-info .my-name{
    display: flex;
    align-items: center;
}
.journals-wrap .my-info .member-img{
    width: 100px;
    height: 100px;
    margin-bottom: 18px;
}
.journals-wrap .my-info .member-img img{
    width: 100%;
    height: 100%;
}
.journals-wrap .apply-member{
    color: var(--theme-color);
}
.journals-wrap .my-info .my-name h4{
    color: rgba(0, 0, 0, 1);
    font-size: 28px;
    text-align: left;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    margin-right: 15px;
    /*font-family: AlibabaPuHuiTi_2_95_ExtraBold;*/
}
.journals-wrap .my-info .my-name .gender-icon i{
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.journals-wrap .my-info .my-custname{
    color: var(--theme-color);
    font-size: 22px;
    text-align: left;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    /*font-family: AlibabaPuHuiTi_2_95_ExtraBold;*/
}
.journals-wrap .my-info .my-count-wrap{
    margin: 34px 0 50px;
}
.journals-wrap .my-info .my-count-wrap p{
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    text-align: left;
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
    margin-bottom: 18px;
}
.journals-wrap .my-info .my-count-wrap p:last-child{
    margin-bottom: 0;
}
.journals-wrap .my-info .form-my-btn{
    height: 56px;
    border-radius: 4px;
    background-color: var(--theme-color);
    color: rgba(255, 255, 255, 100);
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
    width: 100%;
}
.journals-wrap .my-info .form-my-btn:focus{
    outline: none;
}
.bj-home-banner .quick_entry{
    top: auto;
    bottom: 14px;
}
.more-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.more-title .titleM{
    color: rgb(121,174,48);
    font-weight: bold;
}
.more-title .more{
    cursor: pointer;
}
.more-title .more:hover{
    color: rgb(121,174,48);
}
/*分页*/
.content_page .pull-right{
    float: left!important;
}
.journals-wrap .journals-box.journals-tree-wrap.video-wrap.treeWidth{
    padding-bottom: 167%;
}
.el-form-item .el-textarea__inner:focus
,.el-form-item .el-input__inner:focus{
    border-color: var(--theme-color);
}
.search-home .sousuo-img{
    position: absolute;
    width: 16px;
    right: 10px;
    height: 16px;
    top: 6px;
    cursor: pointer;
}
.journals-wrap .product-list-train .bj-tit:hover,
.nznj-con li span:first-child:hover,
.costum-list > div .zx-title:hover,
.zx2-ul li > div .zx-title:hover,
.kzs-con > div .zx-title:hover,
.nznj-con h3:hover,
.zx-ul li:hover,
.special-wrap .special-content h5:hover,
.building-wrap .row .main-img-box .main-tip.main-tip-min:hover,
.active-style-wrap .style-box .style-tip:hover,
.costum-list .bj-padding-dang .zx-title:hover,
.building-wrap .base-list .base-content h3:hover,
.regulation-wrap .row .regulation-ul h6:hover,
.case-wrap .costum-list.width-book-wrap .zx-title:hover,
.tab-content .active .check-detail:hover a,
.tab-content .active .check-detail-a:hover,
.case-wrap .case-list .case-tit:hover
{
    color: var(--theme-color);
}
.costum-list .bj-padding-dang .zx-title{
    font-size: 18px;
   font-family: Alibaba-PuHuiTi-B,'Microsoft YaHei';
    font-weight: bold;
}
.costum-list .bj-padding-dang p {
    line-height: 1.5;
}
.building-wrap .base-list .base-content .loop-detail:hover{
    background: var(--theme-color);
    border-color: var(--theme-color);
}
.building-wrap .base-list .base-content .loop-detail:hover a{
    color: #fff;
}
.case-wrap .costum-list.width-book-wrap .bj-active-data.reg-data{
    font-family: Alibaba-PuHuiTi-R,'Microsoft YaHei';
    font-weight: normal;
}
.tab-content .active .bj-detail button.online-sign-yugao:hover a {
    color: #fff;
}

/*会员管理*/
.member-wrap{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 0;
}
.member-wrap img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.member-wrap .member-name{
    font-size: 18px;
    margin-left: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.member-wrap .member-name>span {
    display: inline-block;
    width: 0;
    height: 0;
    border: 3px solid rgb(121,174,48);
    border-radius: 50%;
    margin-right: 4px;
}
.member-wrap-title{
    display: flex;
    align-content: center;
    margin-bottom: 30px;
}
.member-wrap-title .member-name{
    font-size: 24px;
    margin-left: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.member-name-my-count-a{
    color: rgb(121,174,48);
    cursor: pointer;
    margin-left: 30px;
    line-height: 26px;
    text-align: right;
    margin-left: 130px;
}
/*.member-wrap .member-address {*/
/*    font-size: 14px;*/
/*    padding-left: 20px*/
/*}*/
.select-member-top{
    margin-bottom: 20px;
}
.select-member-top .title-sort{
    margin-right: 10px;
    color: #3a3a3a;
    font-size: 14px;
}
.select-member-top .member-select-width{
    width: 70%;
    box-shadow: none;
}
.select-member-top .member-select-width:focus{
    border-color: rgb(121,174,48);

}
.button-box .button-select-set{
    padding: 6px 35px;
    font-width: bold;
}
.button-box .button-select-set:focus{
    outline: none;
}
.button-box .button-select-set.btn-default{
    margin-left: 10px;
    border:2px solid #79AE30;
    color: #79AE30;
}
.button-box .button-select-set.btn-default:focus,
.button-box .button-select-set.btn-default:hover
{
    background-color: #fff;
}
.button-box .button-select-set.button-my{
    padding: 6px 21px;
}
.select-member-top .flex-content{
    display: flex;
    align-items: center;
}
.table-member thead .thead-tr{
    background-color:  rgba(121, 174, 48, .1);
    border: 1px solid rgba(226, 226, 226, 1);
    color: #79AE30;
}
.table-member thead .thead-tr th,
.table.table-member tbody tr td
{
    font-size: 16px;
    font-weight: bold;
    padding: 15px 15px 15px 130px;
}
.table.table-member tbody tr td.padding-left-member{
    font-weight: normal;
    font-size: 14px;
}
.table-member.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #fff;
}
.table-member.table-striped>tbody>tr:hover{
    background-color:  rgba(121, 174, 48, .1);
}
/*.member-family{*/
/*    height: 260px;*/
/*    padding: 20px;*/
/*    background-color: rgba(255, 255, 255, 1);*/
/*    box-shadow: 0px 0px 6px 0px rgba(216, 216, 216, 1);*/
/*    margin-bottom: 25px;*/
/*}*/
/*.member-family:nth-child(2n+1){*/
/*    margin-right: 130px;*/
/*}*/
/*.member-family .top{*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/
/*.member-family .top .member-logo{*/
/*    width: 110px;*/
/*    height: 110px;*/
/*    object-fit: contain;*/
/*    margin-right: 26px;*/
/*}*/
/*.member-family .top .member-name{*/
/*    color: rgba(0, 0, 0, 1);*/
/*    font-size: 18px;*/
/*}*/
/*    .member-family .top .member-sort{*/
/*        display: flex;*/
/*        align-items: center;*/
/*    }*/
/*.member-family .top .member-sort .sort{*/
/*    font-size: 18px;*/
/*}*/
/*.member-family .top .member-sort .sort-3{*/
/*  color: #484848;*/
/*    !*黑卡*!*/
/*}*/
/*.member-family .top .member-sort .sort-0{*/
/*    !*金卡*!*/
/*    color: #E4A057;*/
/*}*/
/*.member-family .top .member-sort .sort-1{*/
/*    !*银卡*!*/
/*    color: #AAA79F;*/
/*}*/
/*.member-family .top .member-sort .sort-2{*/
/*    !*铜卡*!*/
/*    color: rgba(156, 92, 23, 100);*/
/*}*/
/*.member-family .top .member-sort .member-sort-img{*/
/*    width: 20px;*/
/*    height: 20px;*/
/*    margin-left: 10px;*/
/*}*/
/*.member-family .member-address{*/
/*    margin-top: 20px;*/
/*    color: rgba(51, 51, 51, 100);*/
/*    font-size: 15px;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*    display: -webkit-box;*/
/*    -webkit-line-clamp: 4;*/
/*    -webkit-box-orient: vertical;*/
/*}*/
.backMember{
    text-align: right;
    color: rgba(121,175,48, 1);
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 20px;
}
.journals-wrap .journals-box.video-wrap{
    border-radius: 6px;
}
.journals-wrap .product-descript .left.video-tit-left{
    width: 100%;
}
.today-tree-wrap{
    position: relative;
}
.today-tree-wrap .more{
    position: absolute;
    top: 0;
    right: 0;
    color: var(--theme-color);
    cursor: pointer;
}

/**自定义图文card， 默认图片4：3规格,
 **根据屏幕宽度自适应，内容最大1280px，所以需要设置max-height*/
.custom-card {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}
.card-img {
    width: 25%;
    flex-shrink: 0;
    height: 15vw;
    max-height: 240px;
}
.card-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.card-txt {
    margin-left: 30px;
    color: #000;
    font-family: Alibaba-PuHuiTi-H,'Microsoft YaHei';
}
.card-img.card-avatar {
    width: 12%;
    height: 14.3vw;
    max-height: 215px;
}
.card-img.card-avatar img {
    border-radius: 0;
}
.card-img.card-img-square_170 {
    width: 15%;
    height: 12vw;
    max-height: 192px;
}
.card-img.card-img_35 {
    width: 35%;
    height: 19vw;
    max-height: 298px;
}
.card-txt .name {
    font-size: 22px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-weight: 700;
}
.card-txt .job {
    font-size: 18px;
    margin: 10px 0 15px;
}
.card-text-width100{
    width: 100%;
}
.card-txt>p {
    margin-bottom: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    justify-items: center;
    -webkit-line-clamp: 3;
    font-size: 16px;
}
.card-txt_title {
    font-weight: bold;
    font-size: 20px;
}
.card-txt .pointer:hover {
    color: var(--theme-color);
}
.card-txt_time {
    color: rgba(155, 155, 155, 1);
    font-size: 14px;
    padding: 15px 0;
}
.card-txt_spin {
    /*特殊说明， 如活动时间，活动地点*/
    font-size: 16px;
    font-weight: 700;
    padding-top: 10px;
}
.card-txt_spin.training-card-txt_spin{
    padding-top: 0;
    color: #000000;
}
.card-txt_btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.card-txt_btns .sign-btn {
    width: 100px;
    height: 26px;
    border-radius: 4px;
    border: 0;
    font-weight: normal;
    background-color: var(--theme-color);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.card-txt_btns .sign-btn.grayOnline,
.product-descript button.grayOnline,
.news-detail .online-sign.grayOnline
{
    background-color: #4d4d4d;
    cursor: default;
    pointer-events: none;
}
.card-txt_btns .sign-btn>img {
    width: 12px;
    height: 12px
}
.card-txt_btns .sign-btn>a {
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    text-decoration: none;
}
.card-txt_btns .check-detail-a {
    color: rgba(155, 155, 155, 100);
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
}


/*会员之家*/
.member-type {
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px;
    margin-bottom: 20px;
}
.member-type .member-fee-tip {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px;
}
.my-main-info .member-img {
    width: 150px;
    height: 150px;
    border: 0px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    overflow: hidden;
    background: #fff;
}
.my-main-info .member-img.unit-member-img {
    height: 150px;
    width: 150px;
    border-radius: 0px;
}
.my-main-info .member-img img {
    width: 100%;
    height: 100%;
}
.my-main-info .member-img.unit-member-img img {
    object-fit: cover;
}
.my-main-info .btn {
    width: 150px;
    margin-top: 20px;
    outline: none;
}
.my-main-info .btn:hover,
.my-main-info .btn:active{
    outline: none;
    background-color: #fff;
    border-color: #ccc;
}
.my-basic-info {
    font-size: 16px;
}
.my-basic-info p {
    margin-bottom: 20px;
}
/*会员之家-修改密码*/
#pwdForm .btn {
    color: #fff;
    background: rgba(121, 174, 48, 1);
    border-color: rgba(121, 174, 48, 1);
    outline: none;
}
.hint {
    font-size: 14px;
    font-weight: bold;
    color:#FF4532
}
#pwdForm .form-control-feedback {
    right: 15px;
    cursor: pointer;
    color: #666;
    pointer-events: auto;
}
#pwdForm .control-label {
    font-size: 16px;
}
#pwdForm .form-control {
    webkit-box-shadow:none;
    box-shadow:none;
}
#pwdForm .form-control:focus {
    border-color: #ccc;
    webkit-box-shadow:none;
    box-shadow:none;
}
/*会员之家-充值*/
.pay-modal-body .trade-num{
    font-size: 16px;
}
.pay-modal-body .trade-pay {
    display: flex;
    justify-content: center;
    margin: 20px 0 20px;
}
.pay-modal-body .trade-pay .trade-pay-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 40px;
}
.pay-modal-body .trade-pay .trade-pay-code p {
    padding: 10px 0;
    font-size: 16px;
}
.pay-modal-body .trade-pay .trade-pay-code img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}
.pay-modal-body .trade-pay .money {
    line-height: 200px;
    font-size: 16px;
}
.pay-modal-body .trade-pay .money span {
    color: red;
    font-weight: bold;
}
/*电子会员卡*/
.card-member-container .car-member{
    position: relative;
    width: 480px;
    height: 266px;
}
.card-member-container .car-member .member-img{
    width: 100%;
    height: 100%;
}
.card-member-container .car-member .member-img,
.card-member-container .car-member .member-content{
    position: absolute;
    top: 0;
    left: 0;
}
.card-member-container .car-member .member-content{
    color: #fff;
    margin: 40px 10px 40px 30px;
    font-weight: bold;
}
.car-member .member-content .member-h4,
.car-member .member-content .member-h5 {
    font-weight: bold;
}
.card-member-container .car-member .member-content .member-h5{
    margin: 25px 0 30px;
}
.member-content .member-p{
    font-size: 18px;
    margin-top: 34px;
    font-size: 16px;
}
/*下载付费pdf弹窗*/
.modelDownload{
    color: #212529;
}
.modelDownload .modal-title{
    font-size: 18px;
    font-weight: 500;
    color: #212529;
}
.modelDownload  .modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modelDownload  .modal-header:before,
.modelDownload  .modal-header:after{
    display: none;
}
.modelDownload  .modal-header .close{
    background-color: transparent;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    width: auto;
    height: auto;
}
.modelDownload .modal-body{
    color: #212529;
    font-weight: 400;
    font-size: 14px;
}
.modelDownload .modal-footer button{
    width: auto;
    height: auto;
}
.modelDownload .modal-footer button.btn-secondary{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.modelDownload .modal-footer button.save-pay:focus,
.modelDownload .modal-footer button.save-pay.focus,
.modelDownload .modal-footer button.save-pay:hover{
    color: #fff;
    outline: none;
}

/*考试成绩查询*/
.grade-container .exam-name {
   font-size: 22px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
}
.grade-container .table .thead-tr {
    background-color: rgba(121, 174, 48, .1);
    border: 1px solid rgba(226, 226, 226, 1);
    color: #79AE30;
}
.grade-container .table .thead-tr th {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 15px 15px 15px;
}
.grade-container .table tbody td {
    font-weight: 400;
    font-size: 16px;
    padding: 15px 15px 15px 15px;
    background: #fff;
}
.grade-container .flex-content{
    padding-left: 0;
}
.grade-container .member-select-width {
    width: calc(100% - 62px);
}
.grade-container .code-input-width {
    width: 40%;
    box-shadow: none;
}
.grade-container .code-button-width {
    width: 25%;
    box-shadow: none;
}
.grade-container .title-sort {
    position: relative;
    width: 62px;
    text-align: right;
    flex-shrink: 0;
}
.grade-container .title-sort::after {
    content: '*';
    color: red;
    position: absolute;
    top: -10px;
    right: -6px;
}
.grade-container .button-box .btn {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}