/* 导航白色部分 */
/* .navbar-default {
    background: #fff;
} */
.head{
    background: rgb(28,33,50,.6);
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.title-info {
    color: #fff;
}

.mobileMenu a {
    color: #fff;
}

.searchContainer {
    height: 1.92rem;
    background: #F5F7FA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.searchContainer>div {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchContainer>div input {
    border: 1px solid #D8D8D8;
    padding: .22rem .24rem;
    height: .64rem;
    width: 7.36rem;
    font-size: 16px;
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.searchContainer>div input::placeholder {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #D8D8D8;
}

.searchContainer>div div {
    font-size: .24rem;
    height: .64rem;
    width: 1.34rem;
    background: #2E8E47;
    color: #fff;
    text-align: center;
    line-height: .64rem;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}

.list-container {
    margin: 0 8%;
    min-height: 7rem;
    max-height: 10.55rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;

}

.left-list {
    /* border-right: 1px solid #D8D8D8; */
    /* border-left: 1px solid #D8D8D8; */
    width: 2.92rem;
    min-height: 7rem;
    max-height: 10.55rem;
    padding-top: .64rem;

}

.list-container::after,
.list-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #D8D8D8;
}

.list-container::after {
    left: 2.92rem;
}

.left-list li {
    font-size: 24px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #030305;
    text-align: center;
    margin-bottom: .48rem;
    cursor: pointer;
    position: relative;
}

.left-list li.check {
    color: #2E8E47;
}

.right-container {
    width: calc(100% - 2.92rem);
    padding: .64rem .48rem;
    min-height: 7rem;
    max-height: 10.55rem;
    border-right: 1px solid #D8D8D8;
}

.right-container.no-search {
    display: block;
    border-right: 1px solid #D8D8D8;
}

.right-container.has-search {
    display: none;
}

.right-container>p {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #030305;
}

.right-container>div {
    text-align: center;
}

.right-container img {
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 1.34rem;
}

.right-container p {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #838592;
}

/* 分页按钮 */
.right-container .tableBtn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .26rem;
    padding-bottom: .64rem;
}

.right-container .tableBtn .pre {
    transform: rotateY(180deg);
    background: url('../../image/icon/向右active.png') 100% 100% no-repeat;
    background-size: cover;
}

.right-container .tableBtn.pc-table .pre:hover {
    background: url('../../image/icon/向右.png') 100% 100% no-repeat;
    background-size: cover;
    cursor: pointer;
}

.right-container .tableBtn .next {
    background: url('../../image/icon/向右active.png') 100% 100% no-repeat;
    background-size: cover;
}

.right-container .tableBtn.pc-table .next:hover {
    background: url('../../image/icon/向右.png') 100% 100% no-repeat;
    background-size: cover;
    cursor: pointer;
}

.right-container .tableBtn .pre,
.right-container .tableBtn .next {
    width: .48rem;
    height: .48rem;
}

.right-container .pageNum {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 .28rem 0;
}

.right-container .pageNum li {
    color: #838592;
    font-size: .24rem;
    margin-left: 12px;
}

.right-container .pageNum li:first-child {
    margin-left: 0;
}

.right-container .pageNum li.checkNum {
    color: #2E8E47;
}

.right-container .pageNum li:hover {
    cursor: pointer;
}

.right-container ul {
    margin-top: .4rem;
}

.right-container ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .24rem 0;
    border-bottom: 1px solid #D8D8D8;
}

.right-container ul li a div {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #838592;
}

.right-container ul li a span {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background: url('../../image/icon/组 2149@2x.png') center center;
    background-size: .28rem .28rem;
}

.right-container ul li a:hover span {
    background: url('../../image/icon/组 2148@2x.png') center center;
    background-size: .28rem .28rem;
}

.right-container .contentNum {
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #030305;
}

/* 小屏 */
.mobileSearch {
    height: 76px;
    padding: 0 16px;
}

.mobileSearch>div>input::placeholder {
    font-size: 12px;
}

.mobileSearch>div>input {
    height: 44px;
    width: 80%;
    padding: 14px 16px;
    font-size: 12px;
}

.mobileSearch>div>div {
    height: 44px;
    width: 20%;
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 44px;
}

.mobileList {
    background-color: #fff;
    padding: 24px 16px 49px;
}

.mobileList>ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    border-bottom: 1px solid #E8E8E8;
}

.mobileList>ul li {
    font-size: 16px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #030305;
    margin-right: 24px;
    padding-bottom: 14px;
    position: relative;
}

.mobileList>ul li.check::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #2E8E47;
    left: 0;
    z-index: 99;
    /* border-bottom: 1px solid #2E8E47; */
}

.mobileResult .contentNum {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #030305;
    line-height: 16px;
    padding: 24px 0 16px;
}

.mobileResult ul li {
    width: 100%;
}

.mobileResult ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #838592;
    padding: 17px 0 16px 0;
    border-bottom: 1px solid #E8E8E8;
}

.mobileResult ul li a span {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url('../../image/icon/组 2149@2x.png') center center;
    background-size: 16px 16px;
}

.mobileResult ul li a:hover span {
    background: url('../../image/icon/组 2148@2x.png') center center;
    background-size: 16px 16px;
}

.mobileResult.has-search {
    display: none;
}

.mobileResult.no-search {
    display: block;
}

.mobileResult.no-search p {
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #030305;
    line-height: 16px;
    margin-top: 24px;
}

.mobileResult.no-search div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 88px;
}

.mobileResult.no-search div img {
    width: 88px;
    height: 88px;
}

.mobileResult.no-search div p {
    width: 100%;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #838592;
    line-height: 16px;
    text-align: center;
}

/* 移动端分页 */
.mobilePage .pageNum {
    margin: 0 14px 0;
}

.pageNum li.checkNum {

    color: #2E8E47;
}

.mobilePage .tableBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
}

.mobilePage .tableBtn .pre,
.mobilePage .tableBtn .next {
    width: 28px;
    height: 28px;
}

.mobilePage .pageNum {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 14px 0;
}

.mobilePage .pageNum li {
    font-size: 12px;
    margin-left: 12px;
}

.mobilePage .pageNum li:first-child {
    margin-left: 0;
}

.mobilePage .tableBtn .pre {
    transform: rotateY(180deg);
    background: url('../../image/icon/向右active.png') 100% 100% no-repeat;
    background-size: cover;
}

.mobilePage .tableBtn .next {
    background: url('../../image/icon/向右active.png') 100% 100% no-repeat;
    background-size: cover;
}

.mobilePage .tableBtn .pre:hover,
.mobilePage .tableBtn .next:hover {
    background: url('../../image/icon/向右active.png') 100% 100% no-repeat;
    background-size: cover;
    cursor: pointer;
}

.mobilePage .tableBtn .pre:active {
    background: url('../../image/icon/向右.png') 100% 100% no-repeat;
    background-size: cover;
    cursor: pointer;
}

.mobilePage .tableBtn .next:active {
    background: url('../../image/icon/向右.png') 100% 100% no-repeat;
    background-size: cover;
    cursor: pointer;
}
.num{
    padding: 0 3px;
}