/* 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: #FF5800;
    --theme-color-dark: #FF5800;
    --theme-color-light: #FF5800;

    --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: 1.6;
    --center-width: 1200px;
}

::placeholder {
    color: #BBBBBB;
}

a {
    color: #333333;
}

a:hover {
    color: #FF5800;
}

body {
    color: #333333;
    font-family: "微软雅黑","Microsoft YaHei",Arial,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif;;
    font-size: 14px;
    line-height: 1.6;
    background-attachment:scroll;}

.Page {
    background-attachment:scroll;background-color:rgba(245, 245, 245, 1);}



/* 版心是否包含侧边栏 */
.both-sidebar .Page-body,
.left-sidebar .Page-body,
.right-sidebar .Page-body {
    width: 1200px;
}
    
.Page-header--topbar {
    background-attachment:scroll;}

.Page-header {
    background-attachment:scroll;background-image:url(//static2.xunxiang.site/uploads/sites/115/2021/06/daaab91d9756cf5061109c6f05e0a923.jpg);background-size:cover;background-position:center center;background-repeat:repeat-x;}

.Page-header--main {
    border-bottom: 1px solid rgba(0,0,0,0);
}




.Page-header--main,
.Page-header--mobile {
    background-attachment:scroll;background-color:;background-image:url(//static2.xunxiang.site/uploads/sites/115/2021/06/daaab91d9756cf5061109c6f05e0a923.jpg);background-size:cover;background-position:center center;background-repeat:repeat-x;box-shadow: 0 1px 3px rgba(18,18,18,.1)}

.Page-header--main.fixed {
    background-attachment:scroll;background-image:url(//static2.xunxiang.site/uploads/sites/115/2021/06/daaab91d9756cf5061109c6f05e0a923.jpg);background-size:cover;background-position:center center;background-repeat:repeat-x;}

.show-mobile-menu .Page-header::before {
    background-attachment:scroll;}

.Page-header--subheader {
    height: 250px;
    background-attachment:scroll;}

.Page-content {
    background-attachment:scroll;}

.Page-sidebar {
    background-attachment:scroll;}

.Page-footer>.footer {
    background-attachment:scroll;background-color:rgba(43, 50, 53, 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: 24px;
    line-height: 1.4;
    color: #3c3c3c;
}

h2 {
    font-size: 24px;
    line-height: 1.4;
    color: #3c3c3c;
}

h3 {
    font-size: 18px;
    line-height: 1.4;
    color: #3c3c3c;
}

h4 {
    font-size: 16px;
    line-height: 1.4;
    color: #3c3c3c;
}

h5 {
    font-size: 13px;
    line-height: 1.4;
    color: #3c3c3c;
}

h6 {
    font-size: 20px;
    line-height: 1.4;
    color: #3c3c3c;
}



.theme-color-text {
    color: #FF5800;
}

.theme-color-bg {
    background-color: #FF5800;
}








/* 框式布局 */
.layout-boxed .Page {
    max-width: 1200px;
}

/* 文章详情宽度 */
.Page .posts {
    max-width: 1200px;
}

/* 侧边栏宽度 */
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;
}


/* 小于版心时 */
@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);
    }
}


.side-toolbar .toolbar-icon {
    background-color: #f6f6f6;
    width: 35px;
    height: 35px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
    background-color: #f6f6f6;
}
.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;
}


.Page-header--logo img {
    max-height: 60px;
    width: auto;
}



/** 产品按钮 */
.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);
}


/** 自定义字体 */
.font-7526a06d122180d52efe9a452a8acf33{font-size:18px;color:#333333;font-weight:bold;}.font-7526a06d122180d52efe9a452a8acf33:hover{font-size:18px;color:#FF5800;font-weight:bold;}.font-342f9f673fd002d7c95224336f291cf3{font-size:14px;color:#666666;}.font-48ef3af39766b198d103c868d3aab25a{font-size:16px;font-weight:bold;color:#333333;}.font-48ef3af39766b198d103c868d3aab25a:hover{font-size:16px;font-weight:bold;color:#FF5800;}.font-91caa26c26cdc2c0a2c951014c823ba6{font-size:16px;color:#333333;}.font-91caa26c26cdc2c0a2c951014c823ba6:hover{font-size:16px;color:#FF5800;}.font-ccb592aaeeeb7605b1f661c9362f09fa{font-size:13px;color:#CCCCCC;}
