﻿.page-www-catalog {
    background: #fff;
    min-width: 930px;
    max-width: 1200px;
    margin: 20px auto 0
}

.catalogTp {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 76px;
}

.catalogTp-tabNav {
    width: 100%;
    border-bottom: 1px solid #f0f0f0
}

.page-www-catalog .catalogTp .catalogTp-tabNav .nav-catalog .catalog-name-avtivs {
    color: #0095e8;
    border-bottom: 5px solid #0095e8
}

.page-www-catalog .catalogTp .catalogTp-tabNav .nav-catalog .catalog-name {
    font-size: 18px;
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #444;
    padding-bottom: 10px;
    display: inline-block;
    margin-right: 56px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative
}


#a_title {
    color: #0095e8;
    border-bottom: 5px solid #0095e8;
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    padding-bottom: 10px;
    display: inline-block;
    margin-right: 56px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
}

.page-www-catalog .catalogTp .catalogTp-caontainer {
    margin-top: 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

    .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left {
        position: -webkit-sticky;
        position: sticky;
        top: 102px;
        background: #fff;
        border-radius: 3px 3px 0 0;
        border: 1px solid #f0f0f0;
        width: 248px;
        height: 760px
    }

        .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left .category {
            padding-left: 15px;
            box-sizing: border-box;
            width: 100%;
            height: 52px;
            line-height: 52px;
            background: #f0f0f0;
            font-size: 16px;
            font-family: PingFangSC-Semibold,PingFang SC;
            font-weight: 600;
            color: #444
        }

        .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left .category-container {
            width: 100%;
            height: 700px;
            margin-top: 9px;
            overflow-y: auto
        }

            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left .category-container .catalog-card {
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none;
                padding-left: 15px;
                box-sizing: border-box;
                font-size: 14px;
                font-family: PingFangSC-Medium,PingFang SC;
                font-weight: 500;
                line-height: 26px
            }

            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left .category-container .catalog-card {
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none;
                padding-left: 15px;
                box-sizing: border-box;
                font-size: 14px;
                font-family: PingFangSC-Medium,PingFang SC;
                font-weight: 500;
                line-height: 26px
            }

                .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-left .category-container .catalog-card span:hover {
                    color: #0095e8;
                    text-decoration: underline
                }

    .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap {
        width: 100%
    }

    .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap {
        width: 100%
    }

    .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right {
        width: 100%;
        margin-left: 20px
    }

        .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            margin-bottom: 5px;
        }
            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header .all-card {
                height: 52px;
                line-height: 52px;
                font-size: 14px;
                font-family: PingFangSC-Semibold,PingFang SC;
                font-weight: 600;
                color: #444
            }
                .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header .all-card .number {
                    font-size: 22px
                }
            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header .input-wrap {
                position: relative;
                float: right
            }
                .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header .input-wrap .search-input {
                    width: 258px;
                    height: 40px;
                    background: #fff;
                    border-radius: 3px;
                    line-height: 30px;
                    padding: 0 42px 0 12px;
                    border: 1px solid #dedede;
                    outline-style: none;
                    font-size: 14px;
                    font-weight: 400;
                    color: #999
                }
                .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .category-list-header .input-wrap .searchImg {
                    position: absolute;
                    right: 13px;
                    top: 11px
                }
        .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap {
            width: 100%;
        }
            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap .catalog-level-one {
                width: 100%;
                display: inline-block;
                height: 40px;
                line-height: 40px;
                font-size: 16px;
                font-weight: 600;
                border-bottom: 1px solid #f0f0f0;
                cursor: pointer;
                margin-top: 15px
            }
                .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap .catalog-level-one a {
                    display: inline-block
                }
                    .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap .catalog-level-one a:hover {
                        color: #0093e6;
                    }

            .page-www-catalog .catalogTp .catalogTp-caontainer .catalogTp-caontainer-right .catalog-wrap .catalog-item-wrap .catalog-level-two-wrap .catalog-level-two {
                float: left;
                width: 50%;
                height: 12px;
                font-size: 12px;
                margin-top: 12px;
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                align-items: center
            }