/* 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: #F27227; --theme-color-dark: #F27227; --theme-color-light: #F27227; --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.6; --center-width: 1200px; } ::placeholder { color: #BBBBBB; } a { color: #333333; } a:hover { color: #F27227; } body { color: #333333; font-family: "微Y雅黑",Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",sans-serif;; font-size: 16px; line-height: 1.6; background-attachment:scroll;} .Page { background-attachment:scroll;} /* 版心是否包含侧边?*/ .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;} .Page-slot--template-header_in{ width: auto; } .Page-header--main { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .Page-header--main:hover { background-color: ; } .Page-header--main, .Page-header--mobile { background-attachment:scroll;} .Page-header--main.fixed { background-attachment:scroll;background-color:rgba(12, 29, 58, 1);} .show-mobile-menu .Page-header::before { background-attachment:scroll;} .Page-header--subheader { height: 250px; background-attachment:scroll;} .Page-header--user > a{ color:#333333; } .Page-content { background-attachment:scroll;} .Page-sidebar { background-attachment:scroll;} .Page-footer>.footer { 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: 1640px; } .Page-header .cc-row--width__row { padding-left: calc((100% - 1640px) / 2) !important; padding-right: calc((100% - 1640px) / 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: 24px; line-height: 1.4; color: #3c3c3c; } .theme-color-text { color: #F27227; } .theme-color-bg { background-color: #F27227; } /* 框式布局 */ .layout-boxed .Page { max-width: 1200px; } /* 文章详情宽度 */ .Page .posts { max-width: 990px; } /* 侧边栏宽?*/ 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: 30px 0; } /* 底部悬Q工具?/ .Page-footer > .page-bottom-fixed{ padding:0px 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); } } /* 自定义分辨率的导航栏 */ @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--logo .mobile-logo { display: block; } } @media only screen and (min-width:767px){ .Page-header--mobile { display: none; } } .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; } /** 头部lg排序 */ .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; } .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-2e427916af42cc65784f6e278ac4b1ca{font-size:36px;}@media only screen and (max-width: 767px) {.font-2e427916af42cc65784f6e278ac4b1ca{font-size:24px;}}.font-50467ee3ff6fbbc272a83647dd64e572{font-size:48px;}@media only screen and (max-width: 767px) {.font-50467ee3ff6fbbc272a83647dd64e572{font-size:30px;}}.font-23843b7e48e30b4bcb47b33084a7fe3a{font-size:24px;color:#333333;font-weight:;}@media only screen and (max-width: 767px) {.font-23843b7e48e30b4bcb47b33084a7fe3a{font-size:18px;color:#333333;font-weight:;}}.font-23843b7e48e30b4bcb47b33084a7fe3a:hover{font-size:24px;color:#F27227;font-weight:;}@media only screen and (max-width: 767px) {.font-23843b7e48e30b4bcb47b33084a7fe3a:hover{font-size:18px;color:#F27227;font-weight:;}}.font-9cc2a4ee2ddaa32c7b75f9bd61c10c5f{font-size:18px;color:#333333;}.font-9cc2a4ee2ddaa32c7b75f9bd61c10c5f:hover{font-size:18px;color:#F27227;}.font-691fdb3a6b202c03dd20fd53eb616d3e{font-size:24px;}@media only screen and (max-width: 767px) {.font-691fdb3a6b202c03dd20fd53eb616d3e{font-size:24px;}}.font-12c4c5e8abda77e1fdc93653d6414187{font-size:30px;}@media only screen and (max-width: 767px) {.font-12c4c5e8abda77e1fdc93653d6414187{font-size:24px;}}.font-d40b511510fcff51464fe101e76036d6{font-size:20px;}@media only screen and (max-width: 767px) {.font-d40b511510fcff51464fe101e76036d6{font-size:18px;}}.font-30900e7b40701654380f1f49ea8578db{font-size:15px;color:#888888;}.font-4ff1e74e43a3586339251494117185ad{font-size:14px;color:#CCCCCC;}.font-7526a06d122180d52efe9a452a8acf33{font-size:20px;color:#333333;}.font-7526a06d122180d52efe9a452a8acf33:hover{font-size:20px;color:#F27227;}