/* theme style */


:root {
    --black: #000;
    --white: #fff;
    --text-color: #000000;
    --border-color: #CCCCCC;
    --active-color: #3095fb;
    --background-color: #FCFCFC;
    --background-color-light: #fd11fb;

    --theme-color: #31AED2;
    --theme-color-dark: #27A4C8;
    --theme-color-light: #3CBDE3;

    --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: 14px;
    --line-height: 2;
    --center-width: 1200px;
}

::placeholder {
    color: #808080;
}

a {
    color: #333333;
}

a:hover {
    color: #31AED2;
}

body {
    color: #000000;
    font-family: Microsoft YaHei;
    font-size: 14px;
    line-height: 2;
    background-color:;background-image:url();background-attachment:scroll;}
.Page-header .Page-header--main:hover,    .Page-header .Page-header--main.fixed:hover{background-color:rgba(245, 245, 245, 1);} .Page-header .Page-header--main,    .Page-header .Page-header--mobile{background-color:rgba(245, 245, 245, 1);} .Page-header .Page-header--main.fixed,    .Page-header .Page-header--mobile.fixed{background-color:rgba(245, 245, 245, 1);} 
.Page {
    background-color:;background-attachment:scroll;}


/* 版心是否包含侧边栏 */
.both-sidebar .Page-body,
.left-sidebar .Page-body,
.right-sidebar .Page-body {
    width: 1200px;
}
    
.Page-header--topbar {
    background-color:;background-attachment:scroll;}

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

.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:#31AED2;
}


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


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


.Page-header--main,
.Page-header--mobile {
    background-color:;background-attachment:scroll;}

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

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

.Page-header--main.fixed {
    background-attachment:scroll;}

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

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

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

.Page-header--subheader {
    height: 100px;
    background-position:center top;background-color:;background-attachment:scroll;background-size:;background-repeat:no-repeat;}
.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-color:;background-attachment:scroll;}

/** 常规版心 */
.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: 15px 0;
}


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

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

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

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

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

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



.theme-color-text {
    color: #31AED2;
}

.theme-color-bg {
    background-color: #31AED2;
}






/* 框式布局 */
.layout-boxed .Page {
    max-width: 1200px;
}


/* 文章详情宽度 */
.Page .posts {
    max-width: 1240px;
}
/* 文章相册主图与缩略图间距 */
.Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs {
    padding: 10px 0;
}




                .side-toolbar.position-right-bottom{
                    bottom: 50%;
                    right: 0;
                    -webkit-transform: translateY(50%);
                        -ms-transform: translateY(50%);
                            transform: translateY(50%);
                    height: max-content;
                }
            
        .Page .Page-widgets .side-toolbar .toolbar-text.show{
            transform: translateX(calc(-100% + 3px));
            -webkit-transform: translateX(calc(-100% + 3px));
            -ms-transform: translateX(calc(-100% + 3px));
        }
        .Page .Page-widgets .side-toolbar .toolbar-img.show{
            right: calc( 100% + 3px );
            display: block;
        }
    
        .Page .Page-widgets .side-toolbar .toolbar-icon{
            padding: 6px;
        }
    
/* 侧边栏宽度 */
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: 20px 0;
}

/* 底部工具条 */
.Page-footer > .fixed-toolbar{
    padding:0px 0;
}

/* 悬浮广告窗 */
.Page-widgets > .fixed-toolbar.page-move-fixed{
    width:200px;
}



.side-toolbar .toolbar-icon {
    background-color: rgba(49, 174, 210, 1);
    width: 30px;
    height: 30px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
    background-color: rgba(49, 174, 210, 1);
}
.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: 3;
}
.Page-header--main .Page-slot--template-header_in {
    order: 2;
    min-width: auto}


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


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








/** 覆盖菜单菜单关闭按钮颜色设置 */
.menu-colse{
    color: #000}





/** 产品按钮 */
.product .checkout-goto {
    background-color: var(--theme-color);
}
.product .checkout-goto:hover {
    background-color: var(--theme-color-dark);
}
.product .shopping-push {
    background-color: var(--error-color);
}
.product .shopping-push:hover {
    background-color: var(--error-color-dark);
}

/** 询价按钮 */
/** 询价按钮悬停样式 */


/* 产品详情 */


.Page .Page-body .Page-content .product > .cc-row{
    padding: 0 0px;
}
.Page .product .cc-gallery .cc-gallery--top{
    width:100%;
}
.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;    
}






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





        .Page-body .product .product-footer .next-prev-nav{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }
    

        .inner-page-wrapper.user-page{
            background-color:transparent;
        }
        .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);
        }
        .inner-page-wrapper.user-page.login{
            background-color:#fff;
        }
    











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

    }
    .font-2c0397bcec2a95f6e69152a35153c99d{font-size:12px !important;} .font-7a70d0855ff18a37414098e92e09e08a{font-size:12px !important;} 
