/* theme style */ :root { --black: #000; --white: #fff; --text-color: #3c3c3c; --border-color: #ebeef5; --active-color: #3095fb; --background-color: #f8f8f8; --background-color-light: #f90df7; --theme-color: #145FAD; --theme-color-dark: #145FAD; --theme-color-light: #145FAD; --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.4; --center-width: 1200px; } ::placeholder { color: #bfbfbf; } a { color: #3C3C3C; } a:hover { color: #145FAD; } body { color: #3c3c3c; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","寰蒋闆呴粦",Arial,sans-serif;; font-size: 14px; line-height: 1.4; } .Page .Page-header{background-color:rgba(255, 255, 255, 1);} .Page-header .Page-header--main, .Page-header .Page-header--mobile{background-color:rgba(255, 255, 255, 1);} .Page { } /* 鐗堝績鏄惁鍖呭惈渚ц竟鏍 */ .both-sidebar .Page-body, .left-sidebar .Page-body, .right-sidebar .Page-body { width: 1200px; } .Page-header--topbar { } .Page-header { } .Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a{ color:#3C3C3C; } .Page-header .Page-header--topbar .top-bar__in .top-bar__body .account a:hover{ color:#145FAD; } .Page-slot--template-header_in{ width: 60px; } .Page-header--main.default, .Page-header--mobile.default { } .Page-header--main, .Page-header--mobile { } .Page-header--main:hover { background-color: ; } .Page-header--main.fixed, .Page-header--mobile.fixed { box-shadow: 0 1px 3px rgba(18,18,18,.1)} .Page-header--main.fixed { } .Page-header--mobile, .show-mobile-menu .Page-header::before { } .Page-header--mobile .Page-header--icons li.menu { color: #145FAD; } .Page .Page-header .Page-header--main .Page-header--icons li.menu{ color: #145FAD; } .Page .Page-header .Page-header--main .Page-header--icons li.menu.icon-active, .Page-header--mobile .Page-header--icons li.menu.icon-active { color: #145FAD; } .Page .Page-header .Page-header--main .Page-header--icons li.menu-colse{ color: #000; } .Page-header--subheader { height: 250px; } .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-end;text-align:right;} .Page-header--mobile .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-end;text-align:right;} .Page-header--shade .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-end;text-align:right;} .Page-header--user > a{ color:#3C3C3C; } .Page-content { } .Page-sidebar { } .Page-footer>.footer { } /** 甯歌鐗堝績 */ .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: 1920px; } .Page-header .cc-row--width__row { padding-left: calc((100% - 1920px) / 2) !important; padding-right: calc((100% - 1920px) / 2) !important; } .Page-header--main__in { padding: 25px 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: 12px; line-height: 1.4; font-weight:bold; color: #3c3c3c; } .theme-color-text { color: #145FAD; } .theme-color-bg { background-color: #145FAD; } /* 妗嗗紡甯冨眬 */ .layout-boxed .Page { max-width: 1200px; } .Page .search-body{padding-right:15px;padding-left:15px;} /* 鏂囩珷璇︽儏瀹藉害 */ .Page .posts { max-width: 1200px; } /* 鏂囩珷鐩稿唽涓诲浘涓庣缉鐣ュ浘闂磋窛 */ .Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs { padding: 10px 0; } .side-toolbar.position-right-bottom{ bottom: 10%; right: 0; 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; } /* 渚ц竟鏍忓搴 */ 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; } /* 搴曢儴宸ュ叿鏉 */ .Page-footer > .fixed-toolbar{ padding:0px 0; } /* 鎮诞骞垮憡绐 */ .Page-widgets > .fixed-toolbar.page-move-fixed{ width:200px; } .side-toolbar .toolbar-icon { background-color: rgba(20, 95, 173, 1); width: 40px; height: 40px; } .side-toolbar > ul > li:hover .toolbar-icon, .side-toolbar .toolbar-text { background-color: rgba(16, 83, 153, 1); } .side-toolbar > ul > li { margin-bottom: 1px; } /** 澶撮儴缁勪欢鎺掑簭 */ .Page-header--main .Page-header--logo { order: 0; } .Page-header--main .Page-header--logo { padding: 0 30px; } .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: 60px} .Page .Page-body .Page-content .join{ background-color:#fff; } .Page-header--logo img { max-height: 50px; 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 { max-height: 60px; 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 .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{ 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 .cc-menu>.cc-menu--nav>.cc-menu--item{border-radius:20px 20px 20px 20px;} @media only screen and (min-width: 767px) { .Page .Page-header .Page-header--widgets .Page-header--search, .Page .Page-header .Page-header--main .Page-header--shade .Page-header--shade__menu .Page-header--shade__widgets .search-wrapper{ display: none; } } .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: 50px; line-height:50px; 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: 15px; } .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: flex-start; } .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: flex-start; text-align: left; } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item{ background-color: #fff; } .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: #fff; } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{ color: #3c3c3c; } .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: #145FAD; } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item{ background-color: rgba(245, 245, 245, 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(20, 95, 173, 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: #FFFFFF; } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{ padding-left: 17px; padding-right: 17px; } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{ padding-left: 34px } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{ padding-left: 51px } .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{ padding-left: 68px } /* 灏忎簬鐗堝績鏃 */ @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: 1279px) { .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: 1280px ){ .Page-header--mobile { display: none; } } @media only screen and (max-width: 1280px ){ .Page-header--mobile .Page-header--left-drawer, .Page-header--mobile .Page-header--right-drawer{ flex-direction: row-reverse; } } @media only screen and (max-width:1279px){ } @media only screen and (max-width: 1279px) { .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: 1279px) { .Page-header .Page-header--mobile{ background-color: #fff; } } .font-e854af0224de4a800f3d638203f4e6ed{font-size:60px !important;color:#FFFFFF !important;} @media only screen and (max-width: 767px) {.font-e854af0224de4a800f3d638203f4e6ed{font-size:40px !important;color:#FFFFFF !important;font-weight:bold !important;} }@media only screen and (min-width: 768px) {.font-e854af0224de4a800f3d638203f4e6ed{font-size:60px !important;color:#FFFFFF !important;} }.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;color:#FFFFFF !important;} @media only screen and (max-width: 767px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:20px !important;color:#FFFFFF !important;} }@media only screen and (min-width: 768px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;color:#FFFFFF !important;} }@media only screen and (min-width: 992px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;} }@media only screen and (min-width: 1200px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;} }@media only screen and (min-width: 1360px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;} }@media only screen and (min-width: 1600px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;} }@media only screen and (min-width: 1920px) {.font-6fb1f33b6cd79d52581e01eeccc0b5ea{font-size:30px !important;} }.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} @media only screen and (max-width: 767px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:30px !important;} }@media only screen and (min-width: 768px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }@media only screen and (min-width: 992px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }@media only screen and (min-width: 1200px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }@media only screen and (min-width: 1360px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }@media only screen and (min-width: 1600px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }@media only screen and (min-width: 1920px) {.font-b4ab93c8f865e72f6fcc59f96315a1b8{font-size:36px !important;} }.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} @media only screen and (max-width: 767px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 768px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 992px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 1200px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 1360px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 1600px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }@media only screen and (min-width: 1920px) {.font-4206b03c209a1dc79c180718c2d706d7{font-size:24px !important;} }.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} @media only screen and (max-width: 767px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:26px !important;} }@media only screen and (min-width: 768px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }@media only screen and (min-width: 992px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }@media only screen and (min-width: 1200px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }@media only screen and (min-width: 1360px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }@media only screen and (min-width: 1600px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }@media only screen and (min-width: 1920px) {.font-664f8150aab91f771f2527529ad5a7ee{font-size:30px !important;} }