/* theme style */


:root {
    --black: #000;
    --white: #fff;
    --text-color: #333333;
    --border-color: #EEEEEE;
    --active-color: #3095fb;
    --background-color: #FFFFFF;
    --background-color-light: #10014fe;

    --theme-color: #CA171D;
    --theme-color-dark: #CA171D;
    --theme-color-light: #CA171D;

    --warning-color: #ffa179;
    --warning-color-dark: #ff976a;
    --warning-color-light: #fffbe8;

    --success-color: #20c770;
    --success-color-dark: #07c160;
    --success-color-light: #b5eccf;

    --error-color: #ff5757;
    --error-color-dark: #f44;
    --error-color-light: #ffc7c7;

    --font-size: 16px;
    --line-height: 1.4;
    --center-width: 1200px;
}

::placeholder {
    color: #BBBBBB;
}

a {
    color: #333333;
}

a:hover {
    color: #CA171D;
}

body {
    color: #333333;
    font-family: "寰蒋闆呴粦","Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif;;
    font-size: 16px;
    line-height: 1.4;
    background-attachment:scroll;}

.Page {
    background-attachment:scroll;background-color:rgba(245, 245, 245, 1);}


.Page-header--topbar {
    background-attachment:scroll;}

.Page-header {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 0.5);}

.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a{
    color:#333333;
}
.Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a:hover{
    color:#CA171D;
}


.Page-slot--template-header_in{
    width: auto;
}


.Page-header--main.default,
.Page-header--mobile.default {
    box-shadow: 0 1px 3px rgba(18,18,18,.1)}

.Page .Page-header .Page-header--main.default {
    border-bottom: 1px solid rgba(0,0,0,0);
}

.Page-header--main,
.Page-header--mobile {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 0.8);}

.Page-header--main:hover {
    background-color: ;
}

.Page-header--main.fixed,
.Page-header--mobile.fixed {
    }

.Page-header--main.fixed {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 1);}

.Page-header--mobile,
.show-mobile-menu .Page-header::before {
    background-attachment:scroll;}
.Page-header--mobile .Page-header--icons li.menu {
    color: #3c3c3c;
}
.Page .Page-header .Page-header--main .Page-header--icons li.menu{
    color: #000000;
}

.Page .Page-header .Page-header--main .Page-header--icons li.menu.icon-active,
.Page-header--mobile .Page-header--icons li.menu.icon-active {
    color: #3c3c3c;
}

.Page .Page-header .Page-header--main .Page-header--icons li.menu-colse{
    color: #000;
}

.Page-header--subheader {
    height: 250px;
    background-attachment:scroll;}
.Page .Page-header  .Page-header--icons .menu i{
    font-size: initial ;
}

.Page-header--main .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} .Page-header--mobile .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} .Page-header--shade .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} 

.Page-header--user > a{
    color:#333333;
}

.Page-content {
    background-attachment:scroll;}

.Page-sidebar {
    background-attachment:scroll;}

.Page-footer>.footer {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 1);}

/** 甯歌鐗堝績 */
.container, .cc-row--width__default {
    max-width: 1200px;
}

.cc-row--width__row {
    padding-left: calc((100% - 1200px) / 2) !important;
    padding-right: calc((100% - 1200px) / 2) !important;
}


/** 澶撮儴鐗堝績 */
.Page-header .container, .Page-header .cc-row--width__default {
    max-width: 1200px;
}


.Page-header .cc-row--width__row {
    padding-left: calc((100% - 1200px) / 2) !important;
    padding-right: calc((100% - 1200px) / 2) !important;
}


.Page-header--main__in {
    padding: 0px 0;
}


h1 {
    font-size: 32px;
    line-height: 1.4;
    font-weight:bold;
    color: #3c3c3c;
}

h2 {
    font-size: 24px;
    line-height: 1.4;
    font-weight:bold;
    color: #3c3c3c;
}

h3 {
    font-size: 18px;
    line-height: 1.4;
    font-weight:bold;
    color: #3c3c3c;
}

h4 {
    font-size: 16px;
    line-height: 1.4;
    font-weight:bold;
    color: #3c3c3c;
}

h5 {
    font-size: 13px;
    line-height: 1.4;
    font-weight:bold;
    color: #3c3c3c;
}

h6 {
    font-size: 24px;
    line-height: 1.4;
    font-weight:bold;
    color: #333333;
}



.theme-color-text {
    color: #CA171D;
}

.theme-color-bg {
    background-color: #CA171D;
}






/* 妗嗗紡甯冨眬 */
.layout-boxed .Page {
    max-width: 1200px;
}


/* 鏂囩珷璇︽儏瀹藉害 */
.Page .posts {
    max-width: 1200px;
}
/* 鏂囩珷鐩稿唽涓诲浘涓庣缉鐣ュ浘闂磋窛 */
.Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs {
    padding: 10px 0;
}

        .Page-body .posts .posts-share .cc-share ul{
            margin: 0 10px
        }
        .Page-body .posts .posts-share .cc-share ul li img{
            width:44px;
            height:44px;
        }
    



/* 渚ц竟鏍忓搴 */
body.both-sidebar .Page-sidebar.sidebar-left,
body.left-sidebar .Page-sidebar.sidebar-left
 {
    width: 23%;
}
body.both-sidebar .Page-sidebar.sidebar-right,
body.right-sidebar .Page-sidebar.sidebar-right
 {
    width: 23%;
}
/* 鍐呭瀹藉害 */
body.both-sidebar .Page-content {
    width: 54%;
}
body.left-sidebar .Page-content {
    width: 77%;
}
body.right-sidebar .Page-content {
    width: 77%;
}

/* 搴曢儴 */
.Page-footer>.footer {
    padding: 25px 0;
}

/* 搴曢儴宸ュ叿鏉 */
.Page-footer > .fixed-toolbar{
    padding:0px 0;
}

/* 鎮诞骞垮憡绐 */
.Page-widgets > .fixed-toolbar.page-move-fixed{
    width:200px;
}



.side-toolbar .toolbar-icon {
    background-color: rgba(246, 246, 246, 0);
    width: 60px;
    height: 60px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
    background-color: rgba(255, 0, 0, 0);
}
.side-toolbar > ul > li {
    margin-bottom: 1px;
}


/** 澶撮儴缁勪欢鎺掑簭 */
.Page-header--main .Page-header--logo {
    order: 0;
}

.Page-header--main .Page-header--menu {
    order: 1;
}
.Page-header--main .Page-header--widgets {
    order: 2;
}
.Page-header--main .Page-slot--template-header_in {
    order: 3;
    min-width: auto}


.Page .Page-body .Page-content .join{
    background-color:#fff;
}


.Page-header--logo img {
    max-height: 60px;
    width: auto;
}

    .header-type-fixed .Page-header .Page-header--main.fixed .Page-header--logo img.all-logo,
    .header-type-immersion .Page-header .Page-header--main .Page-header--logo img.all-logo,
    .header-type-immersion2 .Page-header .Page-header--main .Page-header--logo img.all-logo {
        max-height: 60px;
        width: auto;
    }
    






/** 瑕嗙洊鑿滃崟鑿滃崟鍏抽棴鎸夐挳棰滆壊璁剧疆 */
.menu-colse{
    color: #000}





/** 浜у搧鎸夐挳 */
.product .checkout-goto {
    background-color: #3095fb;
}
.product .checkout-goto:hover {
    background-color: #1989fa;
}
.product .shopping-push {
    background-color: #ff5757;
}
.product .shopping-push:hover {
    background-color: #f44;
}

/** 璇环鎸夐挳 */
/** 璇环鎸夐挳鎮仠鏍峰紡 */


/* 浜у搧璇︽儏 */
.Page .Page-body .Page-content .product > .cc-row{
    padding: 0 0px;
}
.Page .product .cc-gallery .cc-gallery--top .swiper-zoom-container{
    justify-content:center;
}
.Page .product .cc-row--width__default .cc-element--wrapper .cc-textblock .cc-textblock__body{
    padding:20px}
.Page .product .cc-row--width__default .product-header{
    margin-bottom:0px}
.product .cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--nav:after{
    bottom: 0;    
}


.product .product-header .cc-product--attrs .product-info .product-property{
    margin: 0px 0;    
}



        .Page-body .product .cc-row--width__default .posts-share .cc-share ul{
            margin: 0 10px
        }
        .Page-body .product .cc-row--width__default .posts-share .cc-share ul li img{
            width:44px;
            height:44px;
        }
    


    .product-header{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .product .cc-gallery--top{
        max-height: 380px
    }






        .user-page .field-card{
            background-color:#fff;
        }
        .account .user-avatar::before{
            border: 3px solid #fff;
        }
        .user-page.order .order-item--head{
            background-color: #f0f0f0;
        }
        .user-page .cc-account-sidenav{
            background-color:#fff;
        }
        .user-page .cc-account-sidenav--menu dd{
            background-color:#fff;
        }
        .user-page .cc-account-sidenav--menu dd a{
            color:rgba(96, 96, 96, 1);
        }
        .user-page .cc-account-sidenav--menu dd i{
            color: rgba(96, 96, 96, 1);
        }
        .user-page .cc-account-sidenav--menu dd:hover{
            background-color:rgba(214, 214, 214, 1);
        }
    
        .user-page .cc-account-sidenav--menu dd:hover i,
        .user-page .cc-account-sidenav--menu dd:hover a{
            color:rgba(0, 0, 0, 1);
        }
        
        .user-page .cc-account-sidenav--menu .current{
            background-color:rgba(214, 214, 214, 1);
        }
        .user-page .cc-account-sidenav--menu .current i,
        .user-page .cc-account-sidenav--menu .current a{
            color:rgba(0, 0, 0, 1);
        }
    


    .Page-header .Page-header--left__fixed .cc-menu  .cc-menu--nav .cc-menu--item  .cc-menu--item__link,
    .Page-header .Page-header--right__fixed .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link{
        height: 60px;
        line-height:60px;
        padding:0px 0;
    }
    .Page-header .Page-header--left__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--right__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
        font-size: 16px;
    }
    .Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,
    .Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
        font-size: 16px;
    }
    .Page-header .Page-header--left-drawer+ .Page-header--shade,
    .Page-header .Page-header--right-drawer+ .Page-header--shade{
        background-color:#fff  !important;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
        justify-content: center;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
        justify-content: center;
        text-align: center;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item{
        background-color: rgba(255, 255, 255, 0);
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current{
        background-color: rgba(255, 255, 255, 0);
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{
        color: #333333;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover > .cc-menu--item__link,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block > .cc-menu--item__link,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current > .cc-menu--item__link{
        color: #CA171D;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item{
        background-color: rgba(255, 255, 255, 1);
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item:hover,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.block,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.current{
        background-color: rgba(202, 23, 29, 1);
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{
        color: #666666;
    }
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item:hover >  .cc-menu--item__link,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.block >  .cc-menu--item__link,
    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.current >  .cc-menu--item__link{
        color: #fff;
    }







/* 灏忎簬鐗堝績鏃 */
@media only screen and (max-width: 1200px) {
    .container, .cc-row--width__default {
        max-width: 98%;
    }
    .container .container, .cc-row .cc-row--width__default {
        max-width: 100%;
    }
    .layout-boxed .Page {
        max-width: calc(100% - 60px);
    }
}

/* 鑷畾涔夊垎杈ㄧ巼鐨勫鑸爮 */
@media only screen and (max-width: 767px) {
        .Page-header .Page-header--topbar,
    .Page-header .Page-header--main,
    .Page-header .Page-header--topbar__placeholder,
    .Page-header .Page-header--main__placeholder,
    .Page-header--logo .all-logo {
        display: none;
    }
    .Page-header--mobile {
        display: block;
    }
    .Page-header-fixed-left>.Page-header{
        padding: unset;
        float: none;
        position: unset;
        height: auto;
        width: auto;
    }
    .Page-header--mobile .Page-header--left-drawer~ .Page-header--shade{
        width: 80%;
        position: fixed;
        left: -80%;
        height: 100vh;
        display: initial;
        visibility: hidden;
        z-index: 99;
    }
    .Page-header--mobile .Page-header--right-drawer~ .Page-header--shade{
        width: 80%;
        position: fixed;
        right: -80%;
        height: 100vh;
        display: initial;
        visibility: hidden;
        z-index: 99;
    }
    .Page-header--mobile .Page-header--left-drawer~ .Page-header--shade .Page-header--shade__menu{
        width: 100%;
        position: static;
    }
    .Page-header--mobile .Page-header--right-drawer~ .Page-header--shade .Page-header--shade__menu{
        width: 100%;
        position: static;
    }
    .Page-header-fixed-left>.Page-body{
        float: none;
        padding-left: unset;
        height:auto
    }
    .Page-header-fixed-right>.Page-header{
        padding: unset;
        float: none;
        position: unset;
        height: auto;
        width: auto;
    }
    .Page-header-fixed-right>.Page-body{
        float: none;
        padding-left: unset;
        height:auto
    }
    .Page-header--logo .mobile-logo {
        display: block;
    }
    
    
    
    }

@media only screen and (min-width: 768px ){
    .Page-header--mobile {
        display: none;
    }

    }
@media only screen and (max-width: 768px ){
    .Page-header--mobile .Page-header--left-drawer,
    .Page-header--mobile .Page-header--right-drawer{
        flex-direction: row-reverse;
    }
}


@media only screen and (max-width:767px){
    }


        @media only screen and (max-width: 767px) {
            .Page-header .Page-header--mobile .Page-header--simple,
            .Page-header .Page-header--mobile .Page-header--left-drawer,
            .Page-header .Page-header--mobile .Page-header--right-drawer {
                border-bottom: 1px solid rgba(0,0,0,0);
            }
        }
    

        @media only screen and (max-width: 767px) {
            .cc-textblock table,
            .posts .richtext table,
            .product .richtext table {
                margin: 5px 0 20px 0;
                display: block;
                width: 100%;
                overflow-x: auto;
                overflow-y: auto;
                min-height:100px;
            }
            .cc-textblock table tbody,
            .posts .richtext table tbody,
            .product .richtext table tbody {
                display: inline-table;
                width: 100%;
                height: inherit;
                border-width:inherit;
            }
            .cc-textblock table td,
            .posts .richtext table td,
            .product .richtext table td {
                white-space:nowrap
            }
        }
    

        @media only screen and (max-width: 767px) {
            .Page-header .Page-header--mobile{
                background-color: #fff;
            }
        }
    



.font-5f7979da776c7a4fa6ab3664ec9881b5{font-size:36px !important;color:#333333 !important;} @media only screen and (max-width: 767px) {.font-5f7979da776c7a4fa6ab3664ec9881b5{font-size:24px !important;color:#333333 !important;} }.font-463cf2984a03f267396f6a8280c53a0b{font-size:24px !important;color:#333333 !important;} @media only screen and (max-width: 767px) {.font-463cf2984a03f267396f6a8280c53a0b{font-size:16px !important;color:#333333 !important;} }.font-7526a06d122180d52efe9a452a8acf33{font-size:18px !important;color:#333333 !important;font-weight:bold !important;} .font-7526a06d122180d52efe9a452a8acf33:hover{font-size:18px !important;color:#333333 !important;font-weight:bold !important;} .font-cd6f79e7bff1337c12c86a15ceedd6da{font-size:18px !important;font-weight:bold !important;} .font-342f9f673fd002d7c95224336f291cf3{font-size:14px !important;color:#666666 !important;} .font-115b32351f8edf20ee0cbc196a1b18e9{font-size:36px !important;color:#F99D33 !important;}