/* 2305026 移动端修改 */

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}



/* tag */

.rounded-pill {
    border-radius: 50rem !important;
}

html .badge-dark {
    background-color: #212529;
    color: white;
    font-size: 12px;
    padding: 4px 8px;
    text-decoration: none;
    margin-bottom: 6px;
}



.text-uppercase {
    text-transform: uppercase !important;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

*,
::after,
::before {
    box-sizing: border-box;
}

/* tag ####*/

.pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* page_list */
#page_list {
    margin: 0px 0px 20px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    padding-right: 10px;

}

#page_list>ul>li {
    list-style-type: none;
    float: left;
    display: list-item;
    line-height: 32px;
}

#page_list>ul>li>a {
    padding: 6px 12px;
    border: 0.5px solid rgba(120, 120, 120, 0.2);
    background-color: white;
    color: #0088cc;
    ;
}


#page_list>ul>li.active>a {
    background-color: #0088cc;
    color: white
}

#page_list>ul>li>a:hover {
    text-decoration: underline;
    background-color: #eee
}


#page_list>ul>li.active>a:hover {
    background-color: #0088cc;
}

#page_list>ul>li:first-child>a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 4px;
}

#page_list>ul>li:last-child>a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 4px;
}

a:hover {
    cursor: pointer
}

/* page_list #######*/



@media (min-width: 1270px) {

    #page_list {
        padding-right: 50px;
    }

    .pc-hidden {
        display: none
    }

    /* side nav */
    ul.nav-list {
        padding-left: 0px;
    }

    /* ul.nav-list li a {
        font: size 12.6px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color: rgb(102, 102, 102);
    } */


    ul.nav-list li a {
        transition: background 0.1s;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        padding: 8px 0 8px 22px;
        display: block;
        color: #666;
        font-size: 12.5px;
        text-decoration: none;
        line-height: 20px;
    }



    /* side nav ####*/



    /* hr under title */
    .divider.divider-small hr {
        width: 50px;
        height: 3px;
        background-color: #dedede !important;
        display: block;
        border: 0;
    }

    /* hr under title ###*/

    div.product_content.list.active>div.product_title>h2 {
        margin-top: 0px;
        max-width: 550px;
        line-height: 22px;
        text-overflow: ellipsis;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;

        overflow-wrap: normal;
        word-break: normal;
        white-space: normal;
        overflow: hidden;

    }

    .pbtn {
        width: 180px;
        margin: 10px 50px 0px 0px;
        padding:4px 15px;
        border: 1px solid  rgb(145, 145, 145);
        border-radius:3px;
    }


    /* 以下是 简化代码专用 */

    .product_img {
        width: 33.3%;
        float: left;
        padding: auto;
    }


    .product_content {
        width: 66.5%;
        float: left;
    }

    div.single_product img {
        max-width: 85%;
        margin-top:0px
    }

    .para_list {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .para_list>li {
        list-style-type: none;
        margin-bottom: 0px;

    }

    .divider-small>hr {
        width: 50px;
        height: 3px;
        background: #555;
    }

    .product_title a {
        color: rgb(85, 26, 139);
        text-decoration: none;
        font-size: 21px;
        font-weight: 600;
    }

    input,
    button,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }


    div.product_content>ul>li:nth-child(5) {
        margin-top: 10px;
    }

    .pbtn>a {
        color: #0088cc;
    }

    .hr_part,
    .product_part {
        position: relative;
        float: left;
        width: 100%;
    }

    .hr_part {
        padding-left: 12px;
        padding-right: 0px;
        margin: 10px 0px 5px 0px;
    }

    /* hide description and hr before description */
    .hr_part {
        margin: 0px;
    }

    /* div.product_part.sm-flex>div.product_content.cl-sm-6.list.active>div.divider.divider-small.sm-hidden,    */
    div.product_part.sm-flex>div.product_content.cl-sm-6.list.active>p {
        display: none
    }

    /* div.single_product img {
        margin-top: -15px;
    } */

    /* hide description and hr before description ### */

    .hr_part hr {
        border-color: #dedede;
        margin-top:1.2rem !important;
        margin-bottom:1.2rem!important;
    }


    /* sidebar */

    .sidebar_container {
        width: 285px;
        padding-left: 12px;
        padding-right: 12px;
        float: left;
    }

    .shop_container {
        margin: 0px auto 0px auto;
    }

    /* shop_container */
    .shop_container {
        width: 1240px;
        margin: 10px auto;
        display: flex;
    }


    /* shop_container#### */


    .grid.inactive,
    .list.inactive {
        display: none
    }

    .grid {
        position: relative;
        float: left
    }

    .product_content.grid {
        width: 90%;
    }

    .product_img.grid,
    .product_img.grid img {
        width: 100%;
        margin: 0px auto 0px auto;
    }

    .product_img.grid img {
        margin-left: 15px;
    }


    .single_product.grid {
        width: 265px;
        height: 365px;
        border: 1px solid rgba(138, 138, 138, 0.596);
        border-radius: 8px;
    }

    .show_caster_list>.single_product.grid:nth-child(1),
    .show_caster_list>.single_product.grid:nth-child(4),
    .show_caster_list>.single_product.grid:nth-child(7) {
        margin: 0px 40px 40px 10px
    }

    .show_caster_list>.single_product.grid:nth-child(2),
    .show_caster_list>.single_product.grid:nth-child(5),
    .show_caster_list>.single_product.grid:nth-child(8) {
        margin: 0px 40px 40px 0px
    }

    .show_caster_list>.single_product.grid:nth-child(3),
    .show_caster_list>.single_product.grid:nth-child(6),
    .show_caster_list>.single_product.grid:nth-child(9) {
        margin: 0px 0px 40px 0px
    }

    .product_content.grid>.product_title h2>a {
        font-size: 15px;
        color: rgb(85, 26, 139);
        font-weight: 400;
    }

    div.product_content.grid>div>div>button>a {
        font-size: 15px;
        color: #0088cc;
        font-weight: 400;
    }

    .product_content.grid>.product_title h2 {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        width: 100%;
        margin: 15px 0px 5px 10px;

        text-overflow: ellipsis;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;

        overflow-wrap: normal;
        word-break: normal;
        white-space: normal;
        overflow: hidden;



    }

    #show_list.grid {
        width: 950px;
        margin: 0px 10px 0px 20px
    }

    #show_list.grid.show_caster_list {
        width: 100%
    }

    .list_grid_icon img {
        width: 40px;
        color: #8a8a8a
    }

    .list_grid_icon span {
        margin: 10px 10px 10px 10px;
    }



    /* list grid icon */
    .grid_btn {
        border-radius: 15px;
        border: 1px solid rgb(122, 122, 122);
        padding: 4px 35px;
        background: rgb(240, 240, 240);
        color: white
    }

    .grid_btn a {
        color: rgb(0, 136, 204);
    }

    .grid_btn_container {
        margin: 15px auto 0px 55px;
    }

    .icon_container {
        width: 100px;
        height: 40px;
        position: relative;
        right: -10px;
        display: flex;
        margin: 0px 0px 20px 765px
    }

    .icon_list>div>span:nth-child(1) {
        width: 5px;
        height: 5px;
        background: #7a7a7a;
        position: absolute;
        top: 5px;
        left: 3px;
        right: 10px;
    }

    .icon_list>div>span:nth-child(2) {
        width: 25px;
        height: 5px;
        background: #7a7a7a;
        position: absolute;
        top: 5px;
        left: 13px;
    }

    .icon_list>div:nth-child(2)>span:nth-child(2),
    .icon_list>div:nth-child(2)>span:nth-child(1) {
        top: 15px
    }

    .icon_list>div:nth-child(3)>span:nth-child(2),
    .icon_list>div:nth-child(3)>span:nth-child(1) {
        top: 25px
    }

    .icon_grid span {
        width: 10px;
        height: 10px;
        background: #7a7a7a;
        position: absolute;
        left: 5px;
        top: 5px;
    }

    .icon_grid span:nth-child(2) {
        top: 20px
    }

    .icon_grid span:nth-child(3) {
        left: 20px
    }

    .icon_grid span:nth-child(4) {
        top: 20px;
        left: 20px
    }

    .icon_list {
        width: 35px;
        height: 35px;
        position: relative;
        cursor: pointer;
        margin: 0 10px 0 0px;
    }

    .icon_grid {
        width: 35px;
        height: 35px;
        position: relative;
        cursor: pointer;
        margin: 0 10px 0 40px;
    }

    .icon_grid.active span,
    .icon_list.active>div>span:nth-child(1),
    .icon_list.active>div>span:nth-child(2) {
        background-color: #0088cc;
    }

    /* list grid icon  ###*/
}


/* list grid icon for mobile */
@media (max-width: 1270px) {



    .shop_container,
    .sidebar {
        display: flex;
        flex-direction: column-reverse;
    }


    .grid.inactive,
    .list.inactive {
        display: none
    }


    /* details, inquiry icon */
    .grid_btn {
        border-radius: 15px;
        border: 1px solid rgb(122, 122, 122);
        padding: 4px 35px;
        background: rgb(240, 240, 240);
        color: white
    }

    .grid_btn a {
        color: rgb(0, 136, 204);
        font-size: 14px;
    }

    .grid_btn_container {
        margin: 15px auto 0px 55px;
    }


    div.product_part.sm-flex>div.product_content.cl-sm-6.list.active>ul>li>button.pbtn.penquiry>a {
        color: rgb(0, 136, 204);
    }

    /* details, inquiry icon #####*/
    /* list grid icon */
    .icon_container {
        width: 100%;
        max-height: 300px;
        position: relative;
        right: 0px;
        display: flex;
        justify-content: flex-end;
    }


    .icon_list>div>span:nth-child(1) {
        width: 5px;
        height: 5px;
        background: #7a7a7a;
        position: absolute;
        top: 5px;
        left: 3px;
        right: 10px;
    }

    .icon_list>div>span:nth-child(2) {
        width: 25px;
        height: 5px;
        background: #7a7a7a;
        position: absolute;
        top: 5px;
        left: 13px;
    }

    .icon_list>div:nth-child(2)>span:nth-child(2),
    .icon_list>div:nth-child(2)>span:nth-child(1) {
        top: 15px
    }

    .icon_list>div:nth-child(3)>span:nth-child(2),
    .icon_list>div:nth-child(3)>span:nth-child(1) {
        top: 25px
    }

    .icon_grid span {
        width: 10px;
        height: 10px;
        background: #7a7a7a;
        position: absolute;
        left: 5px;
        top: 5px;
    }

    .icon_grid span:nth-child(2) {
        top: 20px
    }

    .icon_grid span:nth-child(3) {
        left: 20px
    }

    .icon_grid span:nth-child(4) {
        top: 20px;
        left: 20px
    }

    .icon_list {
        width: 35px;
        height: 35px;
        position: relative;
        cursor: pointer;
        margin: 0 10px 0 0px;
    }

    .icon_grid {
        width: 35px;
        height: 35px;
        position: relative;
        cursor: pointer;
        margin: 0 10px 0 20px;
    }

    .icon_grid.active span,
    .icon_list.active>div>span:nth-child(1),
    .icon_list.active>div>span:nth-child(2) {
        background-color: #0088cc;
    }

    .cl-sm-2 {
        width: 20%;
    }

    .cl-sm-3 {
        width: 30%;

    }

    .cl-sm-4 {
        width: 40%;
        max-width: 140px;
    }

    .cl-sm-5 {
        width: 50%;
    }

    .cl-sm-6 {
        width: 60%;
    }

    .cl-sm-7 {
        width: 70%;
    }

    .cl-sm-8 {
        width: 80%;
    }

    .cl-sm-9 {
        width: 90%;
    }

    .cl-sm-10 {
        width: 100%;
    }

    .sm-hidden {
        display: none;
    }

    .sm-flex {
        display: flex
    }

    /* list img container */
    div.product_part.sm-flex>div.product_img.cl-sm-4.list.active>div {
        width: 90%
    }

    /* list img container ###*/

    .product_content>.product_title h2 {
        font-size: 14.5px;
        margin:12px 0px;
        text-overflow: ellipsis;

        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        display: -moz-box;
        -moz-line-clamp: 2;
        -moz-box-orient: vertical;

        overflow-wrap: normal;
        word-break: normal;
        white-space: normal;
        overflow: hidden;

        width: 95%;
        font-weight: 500;
    }

    .product_title h2>a {
        color: rgb(85, 26, 139);
        text-decoration: none;
    }

    div.product_content.grid>div>div>button>a {
        color: #0088cc
    }

    .para_list {
        padding-left: 0px;
        margin-top: 10px;
        margin-bottom: 5px;

    }

    .para_list li {
        font-size: 12.8px;
        font-style: italic;
        line-height: 17px;
        margin-bottom: 0px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .penquiry {
        margin-top: 15px;
        margin-bottom: 5px;
        padding: 3px 20px;
        border:1px solid rgb(145, 145, 145);
        border-radius:3px;
    }

    /* product item background color and border */
    .product_part {
        border: 1px solid rgba(122, 122, 122, 0.38);
        box-sizing: border-box;
        margin: 18px 10px;
        border-radius: 5px;
        box-shadow: 1px 1px 3px rgba(158, 158, 158, 0.5)
    }

    .product_img.list>div {
        width: 90%;
        margin: 10px auto 0px;
    }

    /* .shop {
        background-color: #e4e4e459;
    }
    #bd_results {
        background-color: #e4e4e48a;
    }

    div.show_caster_list>div>div.product_part.sm-flex {
        background-color: #fff;
    } */

    /* product item background color and border #######*/

    /* mobile grid mode */

    .show_caster_list.grid>div:nth-child(2n+1)>div.product_part {
        margin: 18px 10px 18px 10px;
    }

    .show_caster_list.grid>div:nth-child(2n)>div.product_part {
        margin: 18px 10px 18px 10px;
    }


    .show_caster_list.grid,
    .show_caster_list.grid>div>div.product_part.sm-flex,
    .product_part.sm-flex {
        display: flex;
        flex-wrap: wrap;
    }

    .single_product.grid {
        width: 50%;
        height: 266px;
        flex-direction: column;
        box-sizing: border-box;
    }

    /* grid img */
    div.show_caster_list.grid>div,
    div.show_caster_list.grid>div>div.product_part.sm-flex,
    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_img.grid.active,
    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_img.grid.active>div>,
    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_img.grid.active>div>a>div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_img.cl-sm-4.grid.active>div>a>div {
        width: 100%;
        height: 100%;
    }

    div.product_img.cl-sm-4.grid.active {
        width: 90%;
        min-height: 140px;
        max-width: 140x;
        margin: auto auto;
    }

    /* grid img ###*/

    /* grid words part */
    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active,
    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active>div {
        width: 100%;
    }

    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active>div>h2 {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 3px 0px 3px;
        text-align: center;
    }

    /* words part ###*/

    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active>div>div {
        margin: 5px auto 15px auto;
        text-align: center;

    }

    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active>div>div {
        width: 100%
    }

    div.show_caster_list.grid>div>div.product_part.sm-flex>div.product_content.grid.active>div>div>button {
        width: 80%;
        max-width: 135px;
        border-radius: 3px;
        padding: 3px 8px;
    }


    /* list grid icon for mobile */

    .pagination {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
    }

}