@charset "utf-8";



body, html { height: 100%; width: 100%; background-color: rgb(244, 247, 249); font-family: 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif; }



#gw-body { overflow: hidden; }



* { margin: 0px; padding: 0px; }



li, ol, ul { list-style: none; }



.animated { visibility: hidden; }



#gw-body .animated { visibility: visible; }



#gw-body .ui-draggable-hidden .animated { visibility: hidden; }



#gw-body input::-webkit-input-placeholder, #gw-body textarea::-webkit-input-placeholder { color: rgb(204, 204, 204); }



.form-control { border-color: rgb(232, 232, 232); box-shadow: none; border-radius: 2px; }



.js-error-language_type select { width: fit-content; }



.btn.active, .btn:active { box-shadow: none; }



a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }



a:hover { color: rgb(45, 141, 240); text-decoration: none; }



a:focus { text-decoration: none; outline: 0px; }



a[href^="tel"] { color: inherit; text-decoration: none; }



label { margin-bottom: 0px; }



.btn-info { color: rgb(255, 255, 255); background: rgb(59, 152, 239); border-color: rgb(59, 152, 239); }



.btn-info:active, .btn-info:focus, .btn-info:hover { background: rgb(82, 153, 219) !important; border: 1px solid rgb(82, 153, 219) !important; }



.btn-purpre { color: rgb(255, 255, 255); background: rgb(178, 121, 227); border-color: rgb(178, 121, 227); }



.btn-purpre:active, .btn-purpre:focus, .btn-purpre:hover { color: rgb(255, 255, 255); background: rgb(178, 121, 227) !important; border: 1px solid rgb(178, 121, 227) !important; }



.gw-switch-button { display: inline-block; width: 24px; height: 14px; border-radius: 7px; cursor: pointer; transition: border-color 0.2s, background-color 0.2s; background-color: rgb(204, 204, 204); border: 1px solid rgb(204, 204, 204); position: relative; margin-top: 11px; }



.gw-switch-button.on { border: 1px solid rgb(45, 141, 240); background-color: rgb(45, 141, 240); }



.gw-switch-button.on::after { left: 11px; }



.gw-switch-button::after { content: ""; position: absolute; top: 1px; left: 1px; border-radius: 50%; width: 10px; height: 10px; transition: 0.2s; background-color: rgb(255, 255, 255); }



.ie9-warning { background: rgb(247, 226, 177); z-index: 1001; position: fixed; width: 100%; text-align: center; color: red; font-size: 24px; line-height: 76px; }



.ie9-warning .icon-close-ie9 .fa { padding: 20px; cursor: pointer; }



.cursor-pointer { cursor: pointer; }



.gw-header { width: 100%; background: rgb(255, 255, 255); position: fixed; top: 0px; left: 0px; z-index: 1000; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 3px -2px; display: flex; align-items: center; }



.gw-header .gw-logo { text-align: center; height: 66px; line-height: 66px; width: 340px; }



.gw-header .gw-logo img { height: 35px; }



.gw-header .gw-header-left { width: 360px; }



.gw-header .gw-header-tool-left { height: 66px; font-size: 16px; }



.gw-header .gw-header-tool-left > ul > li { line-height: 55px; height: 66px; }



.gw-header .gw-header-tool-left > ul > li > a { padding: 5px 20px; color: rgb(66, 74, 94); background-color: rgb(255, 255, 255); }



.gw-header .gw-header-tool-left > ul > li > a:focus, .gw-header .gw-header-tool-left > ul > li > a:hover { color: rgb(45, 141, 240); background-color: rgb(255, 255, 255); }



.gw-header .gw-tools { margin-top: 13px; }



.gw-header .dropdown-menu { margin: 0px; border: 1px solid rgb(232, 232, 232); border-radius: 3px; box-shadow: rgba(39, 48, 67, 0.1) 0px 2px 12px 0px; }



.gw-header .dropdown-menu input[type="checkbox"] { margin: 5px 3px 5px 10px; }



.gw-header .dropdown-menu li { padding: 8px 16px; cursor: pointer; line-height: 16px; }



.gw-header .dropdown-menu li i { margin-right: 8px; }



.gw-header .dropdown-menu li:focus, .gw-header .dropdown-menu li:hover { background-color: rgb(45, 141, 240); }



.gw-header .dropdown-menu li:focus > a, .gw-header .dropdown-menu li:hover > a { color: rgb(255, 255, 255); }



.gw-header .dropdown-menu a { padding: 0px; color: rgb(66, 74, 94); width: 100%; display: inline-block; }



.gw-header .dropdown-menu a:focus, .gw-header .dropdown-menu a:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.gw-header .gw-header-center { flex-grow: 1; }



.gw-header .gw-equipment { text-align: center; height: 66px; display: flex; justify-content: center; align-items: center; }



.gw-header .gw-equipment i { font-size: 40px; color: rgb(203, 208, 223); cursor: pointer; }



.gw-header .gw-equipment .gw-change-box { display: inline-block; width: 40px; text-align: center; }



.gw-header .gw-equipment .choose-size-box { display: flex; justify-content: center; align-items: center; height: 100%; }



.gw-header .gw-equipment .choose-size-box i { font-size: 18px; margin: 0px 10px; padding: 6px; border-radius: 4px; }



.gw-header .gw-equipment .choose-size-box i:hover { color: rgb(59, 152, 239); background-color: rgb(161, 207, 249); }



.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog { display: none; position: absolute; top: 100%; margin-left: -45px; background-color: rgb(255, 255, 255); min-width: 148px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; padding: 5px; }



.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog hr { margin: 5px; }



.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog .choose-item { padding: 5px 10px; cursor: pointer; }



.gw-header .gw-equipment .choose-size-box .choose-size .choose-dialog .choose-item .key_icon { border: 1px solid rgb(238, 238, 238); padding: 2px 4px; border-radius: 4px; color: rgb(153, 153, 153); }



.gw-header .gw-equipment .choose-size-box:hover .choose-dialog { display: block; }



.gw-header .gw-serve-publish { text-align: right; margin-right: 40px; display: flex; align-items: center; }



.gw-header .gw-serve-publish .button { border-radius: 6px; padding: 8px 44px; font-size: 16px; line-height: 24px; }



.gw-header .gw-serve-publish .header-btn { border-radius: 6px; padding: 5px 44px; font-size: 16px; line-height: 24px; cursor: pointer; color: rgb(255, 255, 255); margin-right: 24px; transition: 0.1s; }



.gw-header .gw-serve-publish .header-btn.gw-backUp { background-color: rgb(115, 77, 241); }



.gw-header .gw-serve-publish .header-btn.gw-backUp:hover { background-color: rgb(142, 111, 241); }



.gw-header .gw-serve-publish .header-btn.gw-save { background-color: rgb(0, 145, 255); position: relative; }



.gw-header .gw-serve-publish .header-btn.gw-save:hover { background-color: rgb(102, 177, 255); }



.gw-header .gw-serve-publish .header-btn.gw-save .gw-save-spot { position: absolute; width: 5px; height: 5px; border-radius: 50%; top: 10px; right: 34px; background-color: rgb(255, 102, 102); display: inline-block; }



.gw-header .gw-serve-publish .header-btn.gw-publish { background-color: rgb(36, 191, 81); }



.gw-header .gw-serve-publish .header-btn.gw-publish:hover { background-color: rgb(104, 212, 135); }



.gw-header .gw-serve-publish .gw-full { display: inline-block; cursor: pointer; border-radius: 50%; background-color: rgb(250, 250, 250); margin-right: 24px; }



.gw-header .gw-serve-publish .gw-full i { font-size: 40px; color: rgb(203, 208, 223); line-height: 40px; }



.gw-header .gw-serve-publish a { color: rgb(144, 147, 153); }



.gw-header .gw-exit:hover { color: rgb(45, 141, 240); }



.gw-header .gw-equipment .icon-weixinxiaochengxu { font-size: 30px; padding-left: 8px; }



@keyframes gw-header-legacy-fallback { 

  100% { visibility: visible; pointer-events: auto; }

}



@keyframes gw-header-boot-fallback { 

  100% { opacity: 0; visibility: hidden; }

}



.gw-header > .gw-header-react-boot-skeleton { display: none; }



.gw-header.gw-header-react-booting { height: 66px; box-shadow: none; }



.gw-header.gw-header-react-booting > :not(.gw-header-react-frame):not(.gw-header-react-boot-skeleton) { visibility: hidden; pointer-events: none; animation: 0s ease 20s 1 normal forwards running gw-header-legacy-fallback; }



.gw-header.gw-header-react-booting > .gw-header-react-boot-skeleton { position: absolute; inset: 0px; display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 12px; padding: 0px 20px; background: rgb(255, 255, 255); border-bottom: 1px solid rgba(226, 232, 240, 0.8); animation: 0s ease 20s 1 normal forwards running gw-header-boot-fallback; }



.gw-header.gw-header-react-booting .gw-header-react-boot-left, .gw-header.gw-header-react-booting .gw-header-react-boot-right { display: flex; min-width: 0px; align-items: center; gap: 10px; }



.gw-header.gw-header-react-booting .gw-header-react-boot-right { justify-content: flex-end; gap: 8px; }



.gw-header.gw-header-react-booting .gw-header-react-boot-item { display: block; flex: 0 0 auto; border-radius: 9999px; background: rgb(241, 244, 247); }



.gw-header.gw-header-react-booting .gw-header-react-boot-logo { width: 158px; height: 36px; background: rgb(238, 242, 246); }



.gw-header.gw-header-react-booting .gw-header-react-boot-menu { width: 76px; height: 30px; }



.gw-header.gw-header-react-booting .gw-header-react-boot-menu-short { width: 62px; }



.gw-header.gw-header-react-booting .gw-header-react-boot-devices { width: 124px; height: 44px; background: rgb(238, 242, 246); }



.gw-header.gw-header-react-booting .gw-header-react-boot-utility { width: 104px; height: 34px; }



.gw-header.gw-header-react-booting .gw-header-react-boot-action { width: 78px; height: 36px; background: rgb(234, 242, 255); }



.gw-header.gw-header-react-booting .gw-header-react-boot-primary { background: rgb(219, 234, 254); }



.gw-header.gw-header-react-booting .gw-header-react-boot-more { width: 32px; height: 32px; }



@media screen and (max-width: 639px) {

  .gw-header.gw-header-react-booting > .gw-header-react-boot-skeleton { gap: 6px; padding: 0px 10px; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-left, .gw-header.gw-header-react-booting .gw-header-react-boot-right { gap: 4px; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-logo { width: 96px; height: 30px; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-menu, .gw-header.gw-header-react-booting .gw-header-react-boot-utility { display: none; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-devices { width: 124px; height: 44px; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-action { width: 34px; height: 36px; }

  .gw-header.gw-header-react-booting .gw-header-react-boot-more { width: 28px; height: 32px; }

}



.gw-header > .gw-header-react-frame { position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; border: 0px; background: 0px 0px; visibility: hidden; pointer-events: none; z-index: 1; }



.gw-header.gw-header-react-ready { height: 66px; box-shadow: none; }



.gw-header.gw-header-react-ready > :not(.gw-header-react-frame) { visibility: hidden; pointer-events: none; }



.gw-header.gw-header-react-ready > .gw-header-react-frame { visibility: visible; pointer-events: auto; }



.gw-header .gw-equipment .gw-change-box .fa-active, .gw-header .gw-equipment .icon-weixinxiaochengxu:hover, .mobile .gw-header .gw-equipment .icon-icon013-nav-mobile, .pc .gw-header .gw-equipment .icon-icon014-nav-computer { color: rgb(59, 152, 239); }



@media screen and (max-width: 1595px) {

  .gw-header .gw-serve-publish .header-btn.gw-save .gw-save-spot { right: 12px; }

  .gw-header .gw-header-tool-left > ul > li > a { padding: 5px; }

  .gw-header .gw-serve-publish .header-btn { padding: 5px 20px; }

}



@media screen and (max-width: 1330px) {

  .gw-header .gw-header-left { width: 340px; }

}



.gw-edit-content { padding-top: 106px; margin-left: 340px; height: 100%; overflow: hidden; position: relative; user-select: none; padding-bottom: 20px; }



body.gw-module-cross-dragging, body.gw-module-cross-dragging * { cursor: grabbing !important; }



.gw-module-cross-drag-ghost { position: fixed; top: 0px; left: 0px; z-index: 2202; max-width: 180px; padding: 8px 12px; overflow: hidden; color: rgb(71, 85, 105); font-size: 12px; line-height: 18px; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; border: 1px solid rgb(226, 232, 240); border-radius: 9999px; background: rgba(255, 255, 255, 0.96); box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 24px; }



.gw-module-cross-drag-ghost.is-valid { color: rgb(45, 141, 240); border-color: rgba(45, 141, 240, 0.35); }



.gw-module-cross-drag-indicator { position: fixed; z-index: 2201; display: none; align-items: center; justify-content: center; height: 2px; pointer-events: none; border-radius: 9999px; background: rgb(45, 141, 240); box-shadow: rgba(45, 141, 240, 0.12) 0px 0px 0px 3px; }



.gw-module-cross-drag-indicator span { padding: 3px 8px; color: rgb(255, 255, 255); font-size: 11px; line-height: 16px; white-space: nowrap; border-radius: 9999px; background: rgb(45, 141, 240); }



.gw-component-cross-drag-indicator { position: fixed; z-index: 2201; display: none; align-items: center; justify-content: center; pointer-events: none; border: 1px solid rgb(148, 163, 184); border-radius: 5px; background: rgba(148, 163, 184, 0.1); box-shadow: none; transform: translate(-50%, -50%); }



.gw-component-cross-drag-indicator::after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; background: rgb(100, 116, 139); }



.gw-component-cross-drag-line { height: 1px; background: rgb(148, 163, 184); box-shadow: none; }



.gw-edit-tool-content { position: fixed; left: 0px; top: 0px; z-index: 99; width: 340px; height: 100%; padding-top: 66px; background: rgb(255, 255, 255); border-right: 1px solid rgb(238, 238, 238); }



.gw-edit-tool-content .gw-edit-tool-container { display: flex; flex-direction: column; height: 100%; min-height: 0px; overflow: hidden; }



.gw-edit-tool-content .gw-edit-tool-container > .gw-edit-tool-menu { flex: 0 0 auto; }



.gw-edit-tool-content .gw-edit-tool-container > .gw-edit-tool-region { flex: 1 1 0%; height: auto; min-height: 0px; }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs { border-color: rgb(238, 238, 238); width: 340px; }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li { width: 25%; font-size: 16px; text-align: center; border-right: 1px solid rgb(232, 232, 232); }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li a { margin: 0px; border: 0px none; border-radius: 0px; position: relative; color: rgb(102, 102, 102); }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li:hover { background-color: rgb(245, 245, 245); }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a { background: linear-gradient(-45deg, transparent 5px, rgb(78, 144, 255) 0px) 0px center, linear-gradient(45deg, transparent 5px, rgb(78, 144, 255) 0px) 100% center; color: rgb(255, 255, 255); margin: 0px; border: 0px none; }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a:focus { outline: 0px; }



.gw-edit-tool-content .gw-edit-tool-menu .nav-tabs li.active a::before { content: ""; display: block; width: 20px; height: 20px; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: rgb(255, 255, 255); }



.gw-edit-tool-region { position: relative; height: 100%; overflow: hidden; }



.gw-edit-tool-region > .tab-pane { padding: 16px 20px 50px 18px; height: 100%; min-height: 100%; }



.gw-edit-tool-region #component-edit > .gw-component-empty-react-frame { display: none; width: 100%; height: 100%; border: 0px; background: rgb(255, 255, 255); }



.gw-edit-tool-region #component-edit.gw-component-empty-react-ready { padding: 0px; overflow: hidden; }



.gw-edit-tool-region #component-edit.gw-component-empty-react-ready > :not(.gw-component-empty-react-frame) { display: none !important; }



.gw-edit-tool-region #component-edit.gw-component-empty-react-ready > .gw-component-empty-react-frame { display: block; }



.gw-edit-tool-region .nav-title { border-bottom: 1px solid rgb(232, 232, 232); margin-bottom: 12px; }



.gw-edit-tool-region .nav-title li a { padding: 10px 20px 16px; }



.gw-edit-tool-region .nav-title li:first-child a { padding-left: 0px; }



.gw-edit-tool-region #tabModule { position: relative; }



.gw-edit-tool-region #tabModule > .gw-module-react-frame { display: none; width: 100%; height: 100%; border: 0px; background: rgb(249, 249, 249); }



.gw-edit-tool-region #tabModule.gw-module-react-ready { padding: 0px; overflow: hidden; }



.gw-edit-tool-region #tabModule.gw-module-react-ready > :not(.gw-module-react-frame) { display: none !important; }



.gw-edit-tool-region #tabModule.gw-module-react-ready > .gw-module-react-frame { display: block; }



.gw-edit-tool-region #tabModule .select-module { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; border-bottom: 1px solid rgb(232, 232, 232); margin-bottom: 12px; }



.gw-edit-tool-region #tabModule .select-module > span { color: rgb(96, 98, 102); margin-right: 16px; }



.gw-edit-tool-region #tabModule .select-module .dropdown { flex-grow: 1; }



.gw-edit-tool-region #tabModule .select-module .dropdown > button { width: 100%; border-radius: 2px; border-color: rgb(232, 232, 232); }



.gw-edit-tool-region #tabModule .select-module .dropdown > button:focus, .gw-edit-tool-region #tabModule .select-module .dropdown > button:hover { background-color: rgb(255, 255, 255); outline: 0px; border-color: rgb(232, 232, 232); }



.gw-edit-tool-region #tabModule .select-module .dropdown .dropdown-menu { width: 100%; min-width: auto; }



.gw-edit-tool-region .nav-title > li > a.active, .gw-edit-tool-region .nav-title > li > a:focus, .gw-edit-tool-region .nav-title > li > a:hover { background-color: transparent; color: rgb(45, 141, 240); }



.gw-edit-tool-region .nav-title > li.active > a, .gw-edit-tool-region .nav-title > li.active > a:focus, .gw-edit-tool-region .nav-title > li.active > a:hover { background-color: transparent; color: rgb(45, 141, 240); border-bottom: 2px solid rgb(45, 141, 240); border-radius: 0px; }



.gw-edit-tool-region .nav-menu-title { border-right: 1px solid rgb(232, 232, 232); }



.gw-edit-tool-region .nav-menu-title > li > a { padding: 8px 0px; border-radius: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.gw-edit-tool-region .nav-menu-title > li > a.active, .gw-edit-tool-region .nav-menu-title > li > a:focus, .gw-edit-tool-region .nav-menu-title > li > a:hover { background-color: transparent; color: rgb(45, 141, 240); }



.gw-edit-tool-region .nav-menu-title > li.active > a, .gw-edit-tool-region .nav-menu-title > li.active > a:focus, .gw-edit-tool-region .nav-menu-title > li.active > a:hover { background-color: transparent; color: rgb(45, 141, 240); }



.gw-edit-tool-region .gw-module-box { background: rgb(239, 239, 239); font-size: 24px; line-height: 71px; color: rgb(17, 17, 17); text-align: center; }



.gw-edit-tool-region .gw-edit-page { box-sizing: border-box; padding-top: 0px; overflow: hidden auto; }



.gw-edit-tool-region .gw-edit-page > .gw-page-react-frame { display: none; }



.gw-edit-tool-region .gw-edit-page > .gw-page-boot-skeleton { display: none; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready { position: relative; padding: 0px; overflow: hidden; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready > :not(.gw-page-react-frame):not(.gw-page-boot-skeleton) { display: none !important; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready > .gw-page-react-frame { display: block; width: 100%; height: 100%; border: 0px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton { display: block; position: absolute; inset: 0px; z-index: 1; overflow: hidden; padding: 12px; background: rgb(255, 255, 255); }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-bar { height: 12px; border-radius: 9999px; background: rgb(243, 244, 246); }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-toolbar { display: flex; flex-direction: column; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgb(245, 245, 245); }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-control { display: flex; align-items: center; gap: 12px; height: 36px; box-sizing: border-box; border: 1px solid rgb(245, 245, 245); border-radius: 9999px; padding: 0px 12px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-search-text { width: 50%; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-search .gw-page-skeleton-icon { width: 14px; height: 14px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-language { display: flex; align-items: center; gap: 12px; height: 32px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-language > .gw-page-skeleton-control { flex: 1 1 0%; min-width: 0px; height: 32px; justify-content: space-between; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-label { width: 48px; flex-shrink: 0; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-value { width: 64px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-code { width: 32px; height: 8px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-actions { display: flex; gap: 8px; padding-top: 4px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-actions > div { flex: 1 1 0%; justify-content: center; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-actions .gw-page-skeleton-bar { width: 80px; max-width: 70%; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-row { padding: 16px 8px; border-bottom: 1px solid rgb(245, 245, 245); }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-heading { display: flex; align-items: center; gap: 12px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-icon { width: 16px; height: 16px; flex-shrink: 0; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-title { width: 66.666%; height: 16px; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-row:nth-of-type(2n+1) .gw-page-skeleton-title { width: 50%; }



.gw-edit-tool-region .gw-edit-page.gw-page-react-ready.gw-page-react-loading > .gw-page-boot-skeleton .gw-page-skeleton-path { width: 40%; height: 12px; margin: 12px 0px 0px 28px; }



.gw-edit-tool-region .gw-edit-page .page-tool-area { margin-bottom: 16px; }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language { display: flex; align-items: center; justify-content: space-between; }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language > span { color: rgb(96, 98, 102); margin-right: 16px; }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown { flex-grow: 1; }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown > button { width: 100%; border-radius: 2px; border-color: rgb(232, 232, 232); }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown > button:focus, .gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown > button:hover { background-color: rgb(255, 255, 255); outline: 0px; border-color: rgb(232, 232, 232); }



.gw-edit-tool-region .gw-edit-page .page-tool-area .choose-language .dropdown .dropdown-menu { width: 100%; margin: 0px; }



.gw-edit-tool-region .gw-edit-page .search-page { position: sticky; top: 0px; z-index: 30; display: flex; align-items: center; margin: 0px -20px 16px -18px; padding: 12px 20px 16px 18px; border-bottom: 1px solid rgb(232, 232, 232); background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 16px 0px; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-search-input-wrap { flex-grow: 1; min-width: 0px; position: relative; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-search-icon { position: absolute; left: 10px; top: 50%; z-index: 1; color: rgb(192, 196, 204); font-size: 14px; transform: translateY(-50%); pointer-events: none; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-search-page { width: 100%; height: 34px; padding-left: 30px; padding-right: 40px; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-search-clear { position: absolute; right: 36px; top: 50%; display: none; width: 20px; height: 20px; padding: 0px; border: none; border-radius: 50%; background: 0px 0px; color: rgb(192, 196, 204); line-height: 20px; text-align: center; transform: translateY(-50%); outline: 0px; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-search-clear:hover { color: rgb(96, 98, 102); background-color: rgb(242, 246, 252); }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-locate-current { position: absolute; right: 6px; top: 50%; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0px; border: none; border-radius: 50%; background: 0px 0px; color: rgb(162, 172, 185); cursor: pointer; outline: 0px; transform: translateY(-50%); transition: background-color 0.16s, color 0.16s; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-locate-current svg { width: 15px; height: 15px; }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-locate-current:focus, .gw-edit-tool-region .gw-edit-page .search-page .gw-page-locate-current:hover { background: rgb(237, 245, 255); color: rgb(45, 141, 240); }



.gw-edit-tool-region .gw-edit-page .search-page .gw-page-locate-current:active { background: rgb(220, 235, 253); }



.gw-edit-tool-region .gw-edit-page .search-page.has-keyword .gw-search-page { padding-right: 64px; }



.gw-edit-tool-region .gw-edit-page .search-page.has-keyword .gw-page-search-clear { display: block; }



.gw-edit-tool-region .gw-edit-page .page-pagination { text-align: center; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-summary { display: none; align-items: center; min-height: 28px; margin: -4px 0px 12px 26px; color: rgb(123, 132, 146); font-size: 12px; line-height: 20px; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-summary.show { display: flex; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-empty { display: none; min-height: 220px; padding: 24px 0px 24px 26px; flex-direction: column; align-items: center; justify-content: center; color: rgb(160, 168, 180); text-align: center; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-empty.show { display: flex; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-empty svg { width: 32px; height: 32px; margin-bottom: 12px; color: rgb(183, 192, 204); }



.gw-edit-tool-region .gw-edit-page .gw-page-search-empty strong { margin-bottom: 5px; color: rgb(96, 104, 116); font-size: 13px; font-weight: 500; line-height: 20px; }



.gw-edit-tool-region .gw-edit-page .gw-page-search-empty span { font-size: 11px; line-height: 18px; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-create-actions { display: none; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-sub-pages-box { margin-top: 0px; margin-left: 0px; display: block !important; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-sub-pages-box::before { display: none; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-three-pages { margin-top: 0px; padding-top: 0px; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-home { display: none; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item { width: calc(100% - 26px); margin: 0px 0px 8px 26px; padding: 13px 12px; border: 1px solid rgb(231, 234, 240); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: none; transition: border-color 0.16s, background-color 0.16s; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item .gw-page-item-move, .gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item .horn, .gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item .list-group-item-sub-index { display: none; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item > .gw-page-a { width: 150px; color: rgb(48, 55, 66); font-size: 13px; font-weight: 500; line-height: 18px; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item .gw-page-pathname-row { width: 100%; margin-top: 6px; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item .gw-tool { opacity: 0.58; transition: opacity 0.16s; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item:hover { border-color: rgb(217, 222, 231); background: rgb(250, 251, 252); }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item:hover .gw-tool { opacity: 1; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item.active { border-color: rgb(143, 192, 247); background: rgb(243, 248, 254); box-shadow: none; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item.active .gw-tool { opacity: 1; }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row > .list-group-item.active:hover { border-color: rgb(104, 169, 242); background: rgb(238, 246, 255); }



.gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row.gw-page-search-context > .list-group-home, .gw-edit-tool-region .gw-edit-page.is-page-searching .gw-page-row.gw-page-search-context > .list-group-item { display: none; }



.gw-edit-tool-region .gw-edit-page .choose-page-type { display: flex; justify-content: center; padding: 15px 0px; margin-bottom: 0px; }



.gw-edit-tool-region .gw-edit-page .choose-page-type li { font-size: 16px; }



.gw-edit-tool-region .gw-edit-page .choose-page-type li.active a { color: rgb(45, 141, 240); }



.gw-edit-tool-region .gw-edit-page .choose-page-type li:first-child { margin-right: 20px; }



.gw-edit-tool-region .gw-edit-page .choose-page-type li:last-child { margin-left: 20px; }



.gw-edit-tool-region .gw-edit-page > div:not([data-page-type="page"]) .horn { display: none; }



.gw-edit-tool-region .gw-edit-page .sortable-placeholder { width: 275px; height: 51px; margin-bottom: 16px; margin-left: 26px; border: 1px dashed rgb(45, 141, 240); border-radius: 4px; }



.gw-edit-tool-region .gw-edit-page .list-group-home { margin-top: 15px; font-size: 20px; display: inline-block; color: rgb(45, 141, 240); }



.gw-edit-tool-region .gw-edit-page .list-group-item { margin-bottom: 10px; border-radius: 4px; padding: 16px; width: 275px; border-color: rgb(238, 238, 238); line-height: 16px; cursor: pointer; }



.gw-edit-tool-region .gw-edit-page .list-group-item .horn { position: absolute; width: 16px; height: 16px; right: -8px; bottom: -8px; cursor: move; transform: rotate(45deg); border: 8px solid transparent; }



.gw-edit-tool-region .gw-edit-page .list-group-item a { width: 132px; display: inline-block; word-break: break-word; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-page-pathname-row { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; gap: 8px; min-width: 0px; }



.gw-edit-tool-region .gw-edit-page .list-group-item a.gw-page-pathname-link { display: flex; align-items: center; min-width: 0px; width: auto; color: rgb(154, 163, 178); font-size: 11px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }



.gw-edit-tool-region .gw-edit-page .list-group-item a.gw-page-pathname-link span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration-thickness: 1px; text-underline-offset: 2px; }



.gw-edit-tool-region .gw-edit-page .list-group-item a.gw-page-pathname-link .gw-page-pathname-icon { flex-shrink: 0; width: 12px; height: 12px; margin-left: 5px; color: rgb(192, 199, 210); transform: translateY(1px); }



.gw-edit-tool-region .gw-edit-page .list-group-item a.gw-page-pathname-link:hover { color: rgb(107, 114, 128); text-decoration: none; }



.gw-edit-tool-region .gw-edit-page .list-group-item a.gw-page-pathname-link:hover span { text-decoration: underline; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-page-ai-assist-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; width: 24px; height: 24px; padding: 2px; border: 1px solid rgb(219, 234, 254); border-radius: 12px; background: rgb(248, 251, 255); color: rgb(31, 111, 235); cursor: pointer; font-size: 11px; font-weight: 500; line-height: 18px; outline: 0px; overflow: visible; white-space: nowrap; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-page-ai-assist-btn .gw-page-ai-assist-icon { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%; background: rgba(120, 175, 249, 0.16); color: rgb(45, 141, 240); }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-page-ai-assist-btn .gw-page-ai-assist-icon svg { flex-shrink: 0; width: 12px; height: 12px; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-page-ai-assist-btn:hover { border-color: rgb(120, 175, 249); background: rgb(238, 246, 255); color: rgb(13, 95, 190); }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool { display: flex; align-items: center; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool > a, .gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool > i { margin-right: 2px; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool i { font-size: 16px; color: rgb(102, 102, 102); }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool i:hover { color: rgb(0, 145, 255); }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-page-item-move { width: auto; display: inline-block; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i { position: relative; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box { position: absolute; display: none; top: -106%; left: 15px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 2px; border-radius: 4px; padding: 10px; z-index: 100; }



.gw-edit-tool-region .gw-edit-page .list-group-item .gw-tool .gw-more-func-page-i .gw-more-tool-box i { width: 100%; padding: 5px 0px; display: block; }



.gw-edit-tool-region .gw-edit-page .list-group-item.active, .gw-edit-tool-region .gw-edit-page .list-group-item:hover { background-color: rgb(255, 255, 255); color: rgb(0, 145, 255); border-color: rgb(0, 145, 255); }



.gw-edit-tool-region .gw-edit-page .list-group-item.active .horn, .gw-edit-tool-region .gw-edit-page .list-group-item:hover .horn { border-color: transparent transparent transparent rgb(45, 141, 240); }



.gw-edit-tool-region .gw-edit-page .list-group-item.active:hover, .gw-edit-tool-region .gw-edit-page .list-group-item:hover:hover { cursor: pointer; }



.gw-edit-tool-region .gw-edit-page .list-group-item.active .gw-tool .gw-more-func-page-i .gw-more-tool-box i, .gw-edit-tool-region .gw-edit-page .list-group-item:hover .gw-tool .gw-more-func-page-i .gw-more-tool-box i { color: rgb(102, 102, 102); }



.gw-edit-tool-region .gw-edit-page .list-group-item.active a, .gw-edit-tool-region .gw-edit-page .list-group-item:hover a { color: rgb(0, 145, 255); }



.gw-edit-tool-region .gw-edit-page .list-group-item.active a.gw-page-pathname-link, .gw-edit-tool-region .gw-edit-page .list-group-item:hover a.gw-page-pathname-link { color: rgb(154, 163, 178); }



.gw-edit-tool-region .gw-edit-page .list-group-item.active a.gw-page-pathname-link:hover, .gw-edit-tool-region .gw-edit-page .list-group-item:hover a.gw-page-pathname-link:hover { color: rgb(107, 114, 128); }



.gw-edit-tool-region .gw-edit-page .list-group-item.gw-page-locate-pulse { animation: 0.9s ease 0s 1 normal none running gw-page-locate-pulse; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box { margin-left: 48px; margin-top: 12px; display: block; position: relative; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box::before { content: ""; display: block; width: 0px; position: absolute; top: 0px; bottom: 32px; z-index: -1; left: -10px; border-left: 1px solid rgb(220, 223, 230); }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub { padding: 12px; width: 253px; margin-bottom: 10px; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub::before { content: ""; display: block; width: 10px; height: 1px; background-color: rgb(220, 223, 230); position: absolute; top: 14px; left: -10px; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index { position: relative; height: 24px; padding: 0px; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .list-group-item-sub-index::before { content: ""; display: block; width: 18px; height: 0px; position: absolute; top: 14px; left: 0px; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub a { width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub .gw-page-pathname-row { width: calc(100% - 28px); }



.gw-edit-tool-region .gw-edit-page .gw-sub-pages-box .list-group-item-sub a.gw-page-pathname-link { display: flex; width: auto; white-space: nowrap; word-break: normal; }



.gw-edit-tool-region .gw-edit-page .gw-three-pages { padding-top: 30px; margin-top: 25px; }



.gw-edit-tool-region .gw-edit-page .gw-three-pages .list-group-item-sub { width: 204px; }



.gw-edit-tool-region .gw-edit-page .list-group-item-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-edit-tool-region .gw-edit-page .list-group-item-add:hover { border-color: rgb(0, 145, 255); background-color: rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions { margin-bottom: 4px; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-standard-create-row { display: flex; align-items: stretch; gap: 8px; float: right; width: 275px; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-standard-create-row .gw-add-page { display: flex; align-items: center; box-sizing: border-box; flex: 1 1 0%; justify-content: center; width: auto; height: 48px; margin-bottom: 10px; padding: 0px 10px; white-space: nowrap; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; flex: 1 1 0%; width: auto; height: 48px; margin-bottom: 10px; padding: 0px 10px; border: 1px solid rgba(64, 143, 247, 0.32); border-radius: 4px; background: rgba(64, 143, 247, 0.06); color: rgb(64, 143, 247); cursor: pointer; font-family: inherit; outline: 0px; overflow: visible; position: relative; text-align: center; box-shadow: none; transition: border-color 0.18s, background-color 0.18s, color 0.18s; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn .gw-page-ai-create-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 15px; height: 15px; border: 0px; border-radius: 0px; background: 0px 0px; color: currentcolor; transition: color 0.18s; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn .gw-page-ai-create-icon svg { width: 15px; height: 15px; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn .gw-page-ai-create-copy { display: flex; align-items: center; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn .gw-page-ai-create-copy strong { color: currentcolor; font-size: 13px; font-weight: 400; line-height: 18px; transition: color 0.18s; white-space: nowrap; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn .gw-page-ai-create-beta { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: -6px; right: -4px; height: 16px; padding: 0px 5px 0px 6px; border: 2px solid rgb(255, 255, 255); border-radius: 6px 6px 6px 2px; background: rgb(255, 241, 240); color: rgb(217, 45, 32); font-size: 8px; font-weight: 700; letter-spacing: 0.3px; line-height: 12px; box-shadow: rgba(217, 45, 32, 0.16) 0px 0px 0px 1px, rgba(149, 25, 18, 0.1) 0px 2px 4px; text-transform: uppercase; white-space: nowrap; transition: background-color 0.18s, color 0.18s, box-shadow 0.18s; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn:hover { border-color: rgb(64, 143, 247); background: rgb(64, 143, 247); color: rgb(255, 255, 255); }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn:hover .gw-page-ai-create-beta { background: rgb(255, 255, 255); color: rgb(217, 45, 32); box-shadow: rgba(217, 45, 32, 0.22) 0px 0px 0px 1px, rgba(86, 31, 26, 0.14) 0px 2px 5px; }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn:active { border-color: rgb(39, 121, 230); background: rgb(39, 121, 230); }



.gw-edit-tool-region .gw-edit-page .gw-page-create-actions .gw-page-ai-create-btn:focus-visible { border-color: rgb(64, 143, 247); box-shadow: rgba(64, 143, 247, 0.16) 0px 0px 0px 2px; }



.gw-edit-tool-region .gw-edit-page .language-type { background-repeat: no-repeat; background-position: left center; padding-left: 38px; font-size: 16px; line-height: 32px; margin-top: 15px; margin-bottom: 10px; color: rgb(91, 170, 244); cursor: pointer; position: relative; overflow: hidden; }



.gw-edit-tool-region .gw-edit-page .language-type::after { position: absolute; right: 20px; top: 0px; width: 230px; height: 1px; content: "- - - - - - - - - - - - - - - - - - - - -"; }



.gw-edit-tool-region .gw-edit-page .language-type .language-title { padding-right: 10px; background-color: rgb(255, 255, 255); position: relative; z-index: 10; }



.gw-edit-tool-region .gw-edit-page .language-type .icon-arrow-language { float: right; line-height: 32px; }



.gw-edit-tool-region .gw-edit-page .language-type.close-page .icon-arrow-language { transform: rotate(-90deg); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu { width: 75px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li { margin-bottom: 10px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li a { padding: 5px 10px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-menu .nav-pills li.active a { background: rgb(0, 145, 255); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list { width: calc(100% - 85px); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-list-status { width: 220px; padding: 18px 8px; color: rgb(144, 147, 153); font-size: 12px; text-align: center; box-sizing: border-box; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-list-status[data-status="error"] { color: rgb(245, 108, 108); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content { width: 220px; height: auto; background-color: rgb(255, 255, 255); margin-bottom: 14px; overflow: hidden; transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; border-radius: 6px; cursor: all-scroll; border: 1px solid transparent; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content:hover { border-color: rgb(228, 231, 237); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail { width: 100%; height: auto; min-height: 90px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: rgb(245, 247, 250); position: relative; border-radius: 6px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail--blank { background: rgb(246, 247, 250); min-height: 120px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-blank-label { font-size: 13px; color: rgb(144, 147, 153); font-weight: 500; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail img { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-preview-btn { position: absolute; right: 6px; top: 6px; background: rgba(0, 0, 0, 0.3); padding: 3px 5px; color: rgb(255, 255, 255); display: flex; align-items: center; gap: 3px; cursor: pointer; z-index: 2; text-decoration: none; border-radius: 4px; backdrop-filter: blur(15px); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-preview-btn i { font-size: 14px; line-height: 1; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-preview-btn span { font-size: 11px; line-height: 1; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-preview-btn:hover { background: rgba(0, 0, 0, 0.5); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-item-meta { position: absolute; bottom: 0px; left: 0px; right: 0px; display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); z-index: 1; transition: background 0.3s; backdrop-filter: blur(15px); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail .module-item-meta .module-item-name { flex: 1 1 0%; min-width: 0px; font-size: 12px; color: rgb(255, 255, 255); text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .module-right-content .module-item-thumbnail:hover .module-item-meta { background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.1)); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; background-size: cover; background-position: center center; height: 100px; position: relative; border: 1px solid transparent; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content .my-module-name { z-index: 1; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content .module-preview-btn { position: absolute; bottom: 6px; right: 6px; height: 22px; border-radius: 6px; background: rgba(0, 0, 0, 0.35); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 2; transition: background 0.2s; gap: 3px; font-size: 10px; padding: 3px 5px; font-weight: 400; line-height: 1.2; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content .module-preview-btn i { font-size: 12px; }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content .module-preview-btn:hover { background: rgba(0, 0, 0, 0.55); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content.module-0 { background-image: url("/assets/visual-editor/images/module-1.png"); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content.module-1 { background-image: url("/assets/visual-editor/images/module-2.png"); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content.module-2 { background-image: url("/assets/visual-editor/images/module-3.png"); }



.gw-edit-tool-region .gw-edit-module .gw-edit-module-list .gw-my-module-modules .module-right-content.module-3 { background-image: url("/assets/visual-editor/images/module-4.png"); }



.gw-edit-tool-region .gw-edit-component { padding: 0px 24px 80px; position: relative; }



.gw-edit-tool-region .gw-edit-component > .gw-component-react-frame { display: none; width: 100%; height: 100%; border: 0px; background: rgb(249, 249, 249); }



.gw-edit-tool-region .gw-edit-component.gw-component-react-booting { padding: 0px; overflow: hidden; }



.gw-edit-tool-region .gw-edit-component.gw-component-react-booting > :not(.gw-component-react-frame) { visibility: hidden; pointer-events: none; }



.gw-edit-tool-region .gw-edit-component.gw-component-react-booting > .gw-component-react-frame { display: block; }



.gw-edit-tool-region .gw-edit-component.gw-component-react-ready { padding: 0px; overflow: hidden; }



.gw-edit-tool-region .gw-edit-component.gw-component-react-ready > :not(.gw-component-react-frame) { display: none !important; }



.gw-edit-tool-region .gw-edit-component.gw-component-react-ready > .gw-component-react-frame { display: block; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-title { font-size: 16px; color: rgb(45, 141, 240); margin: 24px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list:not(:last-child) { border-bottom: 1px solid rgb(223, 223, 223); }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li { float: left; width: 64px; height: 75px; text-align: center; margin: 10px 49px 15px 0px; cursor: all-scroll; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li:nth-child(3n+3) { margin-right: 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .name { color: rgb(96, 98, 102); margin-left: -10px; margin-right: -10px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .icon { width: 64px; height: 54px; display: block; margin: 0px auto 8px; background-repeat: no-repeat; transition: 0.2s; border-radius: 4px; background-image: url("/assets/visual-editor/images/icon.png"); box-shadow: rgba(39, 48, 67, 0.2) 0px 2px 4px 0px; background-size: 1487%; image-rendering: -webkit-optimize-contrast; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list li .icon:hover { background-image: url("/assets/visual-editor/images/icon-hover.png"); }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-text .icon { background-position: 0px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-images .icon { background-position: -111px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-button .icon { background-position: -222px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-icon .icon { background-position: -333px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-bglayer .icon { background-position: -222px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-code .icon { display: flex; align-items: center; justify-content: center; color: rgb(203, 208, 223); background-color: rgb(255, 255, 255); background-image: none; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-code .icon .gw-component-code-svg { width: 46px; height: 38px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-code .icon:hover { color: rgb(45, 141, 240); background-color: rgb(244, 248, 255); background-image: none; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-nav .icon { background-position: -333px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-module-carousel-banner .icon { background-position: -444px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-carousel .icon { background-position: -555px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-marquee .icon { background-position: -666px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-divide .icon { background-position: -777px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-form .icon { background-position: -888px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified { position: relative; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified .icon { background-position: -555px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified .gw-badge-recommend { position: absolute; top: -6px; right: -10px; background-color: rgb(255, 77, 79); color: rgb(255, 255, 255); font-size: 10px; padding: 1px 4px; border-radius: 4px 4px 4px 0px; line-height: normal; box-shadow: rgba(255, 77, 79, 0.4) 0px 2px 4px; pointer-events: none; z-index: 2; transform: scale(0.9); }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified .gw-hover-tooltip { position: absolute; visibility: hidden; opacity: 0; top: -6px; left: 100%; margin-left: 14px; width: 140px; background-color: rgba(48, 49, 51, 0.95); color: rgb(255, 255, 255); font-size: 12px; padding: 8px 12px; border-radius: 6px; white-space: normal; line-height: 1.4; text-align: left; z-index: 99999; transition: opacity 0.25s, transform 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); transform: translateX(8px); pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified .gw-hover-tooltip::after { content: ""; position: absolute; top: 20px; right: 100%; border-width: 5px; border-style: solid; border-color: transparent rgba(48, 49, 51, 0.95) transparent transparent; border-image: initial; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-classified:hover .gw-hover-tooltip { visibility: visible; opacity: 1; transform: translateX(0px); }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-article .icon { background-position: 0px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-goods .icon { background-position: -111px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-case .icon { background-position: -444px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-shop_goods .icon { background-position: -888px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-map .icon { background-position: -777px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-video .icon { background-position: 0px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-module-float-item .icon { background-position: -111px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-search .icon { background-position: -222px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-screen-module .icon { background-position: -333px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-scrollNotice .icon { background-position: -444px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-rich .icon { background-position: -555px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-formPlus .icon { background-position: -666px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-attribute .icon { background-position: -666px -103px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-special-list-module .icon { background-position: -777px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-shop_store .icon { background-position: -888px -206px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-share .icon { background-position: 0px 0px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-service .icon { background-position: -93px -75px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-vote .icon { background-position: -186px -75px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-container-drag-item .icon { background-position: -464px -75px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-special-list .icon { background-position: -371px -150px; }



.gw-edit-tool-region .gw-edit-component .gw-edit-component-list .gw-component-screen .icon { background-position: -464px -150px; }



.gw-component-cross-drag-target { box-shadow: rgba(100, 116, 139, 0.35) 0px 0px 0px 1px inset; background-color: rgba(148, 163, 184, 0.04) !important; }



@keyframes gw-page-locate-pulse { 

  0%, 100% { box-shadow: rgba(39, 48, 67, 0.2) 0px 2px 4px 0px; }

  45% { box-shadow: rgba(45, 141, 240, 0.2) 0px 0px 0px 4px, rgba(45, 141, 240, 0.18) 0px 5px 14px; }

}



@keyframes gw-preview-bounce { 

  0%, 100% { transform: translateY(0px) scale(0.8); opacity: 0.5; }

  50% { transform: translateY(-10px) scale(1.2); opacity: 1; }

}



.gw-preview-anime-wrap { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 16px; }



.gw-preview-anime-wrap .sk-folding-cube { position: relative; width: 40px; height: 40px; transform: rotateZ(45deg); }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(94, 142, 247); animation: 2.4s linear 0s infinite normal both running sk-foldCubeAngle; transform-origin: 100% 100%; }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube2 { transform: scale(1.1) rotateZ(90deg); }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube2::before { animation-delay: 0.3s; }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube3 { transform: scale(1.1) rotateZ(180deg); }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube3::before { animation-delay: 0.6s; }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube4 { transform: scale(1.1) rotateZ(270deg); }



.gw-preview-anime-wrap .sk-folding-cube .sk-cube.sk-cube4::before { animation-delay: 0.9s; }



@keyframes sk-foldCubeAngle { 

  0%, 10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; }

  25%, 75% { transform: perspective(140px) rotateX(0deg); opacity: 1; }

  100%, 90% { transform: perspective(140px) rotateY(180deg); opacity: 0; }

}



.gw-preview-anime-text { color: rgb(144, 147, 153); font-size: 14px; }



.gw-preview-iframe-enter { opacity: 0; transform: scale(0.96) translateY(20px); transition: opacity 0.5s cubic-bezier(0.33, 1, 0.68, 1), transform 0.5s cubic-bezier(0.33, 1, 0.68, 1); }



.gw-preview-iframe-enter.gw-preview-iframe-active { opacity: 1; transform: scale(1) translateY(0px); }



.gw-dialog-header { position: relative; }



.gw-dialog-header .gw-preview-header-btns { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 8px; }



.gw-dialog-header .gw-preview-header-btns .gw-preview-header-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 4px; cursor: pointer; color: rgb(96, 98, 102); font-size: 14px; transition: 0.2s; }



.gw-dialog-header .gw-preview-header-btns .gw-preview-header-btn:hover { color: rgb(64, 158, 255); background: rgb(240, 249, 255); }



.gw-dialog-header .gw-preview-header-btns .gw-preview-header-btn.active { color: rgb(64, 158, 255); background: rgb(236, 245, 255); }



.gw-preview-settings-group { display: flex; align-items: center; gap: 6px; background: rgb(245, 245, 245); border: 1px solid rgb(228, 231, 237); border-radius: 8px; padding: 4px 12px; }



.gw-preview-settings-group .gw-preview-bg-picker { background: rgb(255, 255, 255); border-radius: 4px; padding: 0px 4px; height: 24px; display: flex; align-items: center; border: 1px solid rgb(228, 231, 237); }



.gw-preview-settings-group .gw-preview-bg-picker .gw-color-trigger { gap: 4px; }



.gw-preview-settings-group .gw-preview-setting-label { font-size: 13px; color: rgb(96, 98, 102); user-select: none; white-space: nowrap; }



.gw-preview-settings-group .gw-preview-select-wrap { position: relative; display: flex; align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(228, 231, 237); border-radius: 6px; padding: 0px 8px; height: 28px; }



.gw-preview-settings-group .gw-preview-select-wrap .fa-angle-down { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: rgb(192, 196, 204); font-size: 14px; pointer-events: none; }



.gw-preview-settings-group .gw-preview-select-wrap .gw-preview-height-select { appearance: none; border: none; background: 0px 0px; font-size: 13px; color: rgb(96, 98, 102); cursor: pointer; outline: 0px; padding-right: 20px; height: 100%; width: 100%; }



.gw-preview-settings-group .gw-preview-height-custom { display: none; width: 80px; height: 28px; padding: 0px 6px; border: 1px solid rgb(228, 231, 237); border-radius: 6px; font-size: 13px; color: rgb(96, 98, 102); background: rgb(255, 255, 255); outline: 0px; }



.gw-preview-settings-group .gw-preview-height-custom:focus { border-color: rgb(64, 158, 255); }



.gw-preview-settings-group .gw-preview-divider { width: 1px; height: 18px; background: rgb(228, 231, 237); flex-shrink: 0; }



.gw-preview-settings-group .gw-preview-actions-group { display: flex; align-items: center; gap: 8px; }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-action-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid rgb(228, 231, 237); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(96, 98, 102); font-size: 13px; cursor: pointer; transition: 0.15s; padding: 0px; }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-action-btn:hover { border-color: rgb(192, 196, 204); color: rgb(51, 51, 51); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-action-btn:active { transform: scale(0.95); background: rgb(245, 247, 250); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-action-btn:disabled { cursor: not-allowed; opacity: 0.5; background: rgb(245, 247, 250); border-color: rgb(235, 238, 245); color: rgb(192, 196, 204); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-apply-btn { color: rgb(255, 255, 255); background: rgb(13, 153, 255); border-color: rgb(13, 153, 255); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-apply-btn:hover:not(:disabled) { background: rgb(51, 173, 255); border-color: rgb(51, 173, 255); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-apply-btn:active:not(:disabled) { background: rgb(10, 133, 219); border-color: rgb(10, 133, 219); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-apply-btn:disabled { background: rgb(245, 247, 250); border-color: rgb(235, 238, 245); color: rgb(192, 196, 204); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-reset-btn { color: rgb(144, 147, 153); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-reset-btn:hover:not(:disabled) { border-color: rgb(220, 223, 230); color: rgb(96, 98, 102); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-reset-btn:active:not(:disabled) { background: rgb(245, 247, 250); }



.gw-preview-settings-group .gw-preview-actions-group .gw-preview-reset-btn:disabled { background: rgb(245, 247, 250); border-color: rgb(235, 238, 245); color: rgb(192, 196, 204); }



.gw-preview-iframe-wrapper { width: 100%; height: 100%; margin: 0px auto; transition: width 0.3s; background: rgb(255, 255, 255); }



.gw-preview-iframe-wrapper iframe { width: 100%; height: 100%; border: none; display: block; }



.gw-preview-iframe-wrapper--phone { padding: 10px 0px; }



.gw-preview-iframe-wrapper--phone iframe { border: 3px solid rgb(26, 26, 26); border-radius: 16px; box-shadow: rgb(51, 51, 51) 0px 0px 0px 1px, rgba(0, 0, 0, 0.25) 0px 20px 50px; position: relative; }



.gw-shortcuts-dialog { padding: 12px 20px; }



.gw-shortcuts-dialog__section { margin-bottom: 20px; }



.gw-shortcuts-dialog__title { margin: 0px 0px 10px; font-size: 13px; font-weight: 600; color: rgb(26, 26, 26); padding-left: 8px; border-left: 3px solid rgb(13, 153, 255); }



.gw-shortcuts-dialog__table { border: 1px solid rgb(240, 240, 240); border-radius: 8px; overflow: hidden; }



.gw-shortcuts-dialog__row { display: flex; align-items: center; justify-content: space-between; padding: 10px 18px; font-size: 13px; color: rgb(85, 85, 85); transition: background 0.15s; }



.gw-shortcuts-dialog__row:not(:last-child) { border-bottom: 1px solid rgb(245, 245, 245); }



.gw-shortcuts-dialog__row:hover { background: rgb(250, 250, 250); }



.gw-shortcuts-dialog__keys { display: flex; align-items: center; gap: 4px; white-space: nowrap; }



.gw-shortcuts-dialog__key { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0px 6px; background: rgb(245, 247, 250); border: 1px solid rgb(220, 223, 230); border-radius: 4px; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, "SF Mono", monospace; color: rgb(48, 49, 51); box-shadow: rgba(0, 0, 0, 0.06) 0px -1px 0px inset; line-height: 1; }



.gw-shortcuts-dialog__key svg { height: 100%; width: 12px; fill: currentcolor; }



.gw-shortcuts-dialog__footer { margin: 0px; font-size: 12px; color: rgb(192, 196, 204); text-align: center; }



.gw-browse-editor { height: 100%; z-index: 1; position: relative; overflow: auto; }



.gw-code-mode-tip { background: rgb(255, 243, 205); color: rgb(133, 100, 4); padding: 6px 16px; text-align: center; font-size: 13px; border-radius: 4px; width: fit-content; margin: 8px auto; }



.gw-code-mode-tip i { margin-right: 6px; }



.gw-code-mode-tip a { color: rgb(35, 127, 247); text-decoration: underline; font-weight: 700; }



.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder { height: 200px; border: 1px dashed rgb(51, 122, 183); text-align: center; line-height: 100px; font-size: 16px; color: rgb(204, 204, 204); visibility: visible !important; }



.gw-editor-page .gw-module-drag-item.ui-sortable-placeholder::after { content: "松开鼠标模块将添加在这里"; }



.gw-editor-page .gw-module-drag-item.ui-sortable-helper { background: rgb(245, 247, 250); border-radius: 8px; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; overflow: hidden; width: 220px !important; height: 120px !important; }



.gw-editor-page .gw-module-drag-item.ui-sortable-helper .module-item-meta, .gw-editor-page .gw-module-drag-item.ui-sortable-helper .module-preview-btn { display: none; }



.gw-editor-page .gw-browse-module .ui-droppable-hover::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(30, 193, 253, 0.1); z-index: 999; }



.gw-editor-bar { position: fixed; bottom: 30px; right: 86px; width: 60px; z-index: 100; text-align: center; }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row { width: 48px; height: 48px; border-radius: 50%; background-color: rgb(203, 208, 223); margin-bottom: 20px; cursor: pointer; transition: background-color 0.3s; position: relative; }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row i { color: rgb(255, 255, 255); font-size: 32px; line-height: 48px; }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row::after, .gw-editor-bar .gw-show-question-box .gw-show-question-box-row::before { content: ""; width: 56px; height: 56px; background-color: rgba(0, 145, 255, 0.3); display: block; border-radius: 50%; position: absolute; top: 50%; left: 50%; transition: 0.3s; transform: translate(-50%, -50%) scale(0); z-index: -1; }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row::after { width: 64px; height: 64px; background-color: rgba(0, 145, 255, 0.1); }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover { background-color: rgb(45, 141, 240); }



.gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover::after, .gw-editor-bar .gw-show-question-box .gw-show-question-box-row:hover::before { transform: translate(-50%, -50%) scale(1); }



.jquery-guide, .jquery-guide-bg { box-sizing: content-box; }



.jquery-guide-bg { position: fixed; inset: 0px; z-index: 1000; border-color: rgba(0, 0, 0, 0.6); border-style: solid; border-width: 0px; }



.jquery-guide-bg.active { border-color: rgba(0, 0, 0, 0.5); }



.jquery-guide-content { position: absolute; cursor: default; color: rgb(96, 98, 102); z-index: 1001; background-color: rgb(255, 255, 255); border: 2px solid rgb(36, 191, 81); border-radius: 4px; width: 300px; padding: 15px; }



.jquery-guide-content .jquery-guide-text { text-align: center; }



.jquery-guide-content .jquery-guide-btns { margin-top: 25px; display: flex; justify-content: center; }



.jquery-guide-content .jquery-guide-btns .btn { margin-left: 10px; outline: 0px; padding: 8px 25px; }



.jquery-guide-content .jquery-guide-btns .btn-success { background-color: rgb(36, 191, 81); }



.gw-guide-exit-global { background: rgb(0, 0, 0); position: fixed; right: 0px; top: 0px; z-index: 1001; width: 50px; height: 50px; border-radius: 0px 0px 0px 100%; color: rgb(255, 255, 255); line-height: 42px; padding-left: 18px; cursor: pointer; }



.cover-layer .layui-layer-shade { display: none; }



.cover-layer .jquery-guide-bg { z-index: 100000000; }



.cover-layer .jquery-guide-content { z-index: 100000001; }



.layui-layer { overflow: hidden; border-radius: 4px !important; }



.layui-layer .layui-layer-title { text-align: center; background-color: rgb(255, 255, 255); padding: 0px 20px; }



.video-list { padding: 10px; }



.video-list li { width: 50%; float: left; padding: 10px; }



.video-list .video-title { display: block; text-align: center; margin-top: 10px; font-size: 16px; color: rgb(91, 170, 244); line-height: 20px; }



.video-list .video-title .fa { font-size: 20px; vertical-align: bottom; }



.video-list .video-content { width: 420px; height: 320px; background: rgb(0, 0, 0); position: relative; }



.video-list .video-tips { position: absolute; top: 120px; left: 0px; width: 100%; text-align: center; display: block; color: rgb(255, 255, 255); }



.video-list .video-source { position: relative; }



#gw-body ::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent; border-radius: 5px; }



#gw-body ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(193, 218, 238, 0.65); }



#gw-body ::-webkit-scrollbar-button { height: 10px; background-color: transparent; border-radius: 5px; }



#gw-body::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent; border-radius: 5px; }



#gw-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(193, 218, 238, 0.65); }



#gw-body::-webkit-scrollbar-button { height: 10px; background-color: transparent; border-radius: 5px; }



.gw-copy-website-by-language-form p { color: rgb(254, 91, 87); }



.gw-generate-pc-or-mobile-form p { display: flex; align-items: center; height: 52px; line-height: 25px; font-size: 18px; padding: 0px 12px 0px 13px; color: red; border-radius: 3px; background: rgb(249, 232, 202); font-family: PingFangSC-regular; margin: 0px 0px 25px !important; }



.gw-generate-pc-or-mobile-form .form-select { padding-left: 50px; margin: 0px 0px 15px !important; }



.gw-generate-pc-or-mobile-form .form-select label { display: flex; align-items: center; justify-content: flex-end; height: 34px; font-size: 14px; padding: 0px; line-height: 20px; white-space: nowrap; color: rgb(16, 16, 16); }



.gw-generate-pc-or-mobile-form .form-select div { margin-left: 22px; padding: 0px; width: 295px; }



.gw-generate-pc-or-mobile-form .form-select div span { display: flex; margin: 5px 0px 0px; color: red; font-size: 12px; text-align: left; font-family: PingFangSC-regular; }



.gw-generate-pc-or-mobile-form .form-submit { margin: 27px 0px 0px !important; }



.gw-generate-pc-or-mobile-form .form-submit div { margin: 0px 0px 0px 232px; padding: 0px; }



.gw-generate-pc-or-mobile-form .form-submit div button { width: 80px; height: 39px; border-radius: 4px; background-color: rgb(22, 132, 252); color: rgb(255, 255, 255); font-size: 14px; text-align: center; font-family: PingFangSC-regular; }



#bdshare_weixin_qrcode_dialog { width: 251px !important; height: 297px !important; }



.mt-0 { margin-top: 0px; }



.mr-0 { margin-right: 0px; }



.mb-0 { margin-bottom: 0px; }



.ml-0 { margin-left: 0px; }



.pt-0 { padding-top: 0px; }



.pr-0 { padding-right: 0px; }



.pb-0 { padding-bottom: 0px; }



.pl-0 { padding-left: 0px; }



.mt-1 { margin-top: 1px; }



.mr-1 { margin-right: 1px; }



.mb-1 { margin-bottom: 1px; }



.ml-1 { margin-left: 1px; }



.pt-1 { padding-top: 1px; }



.pr-1 { padding-right: 1px; }



.pb-1 { padding-bottom: 1px; }



.pl-1 { padding-left: 1px; }



.mt-2 { margin-top: 2px; }



.mr-2 { margin-right: 2px; }



.mb-2 { margin-bottom: 2px; }



.ml-2 { margin-left: 2px; }



.pt-2 { padding-top: 2px; }



.pr-2 { padding-right: 2px; }



.pb-2 { padding-bottom: 2px; }



.pl-2 { padding-left: 2px; }



.mt-3 { margin-top: 3px; }



.mr-3 { margin-right: 3px; }



.mb-3 { margin-bottom: 3px; }



.ml-3 { margin-left: 3px; }



.pt-3 { padding-top: 3px; }



.pr-3 { padding-right: 3px; }



.pb-3 { padding-bottom: 3px; }



.pl-3 { padding-left: 3px; }



.mt-4 { margin-top: 4px; }



.mr-4 { margin-right: 4px; }



.mb-4 { margin-bottom: 4px; }



.ml-4 { margin-left: 4px; }



.pt-4 { padding-top: 4px; }



.pr-4 { padding-right: 4px; }



.pb-4 { padding-bottom: 4px; }



.pl-4 { padding-left: 4px; }



.mt-5 { margin-top: 5px; }



.mr-5 { margin-right: 5px; }



.mb-5 { margin-bottom: 5px; }



.ml-5 { margin-left: 5px; }



.pt-5 { padding-top: 5px; }



.pr-5 { padding-right: 5px; }



.pb-5 { padding-bottom: 5px; }



.pl-5 { padding-left: 5px; }



.mt-6 { margin-top: 6px; }



.mr-6 { margin-right: 6px; }



.mb-6 { margin-bottom: 6px; }



.ml-6 { margin-left: 6px; }



.pt-6 { padding-top: 6px; }



.pr-6 { padding-right: 6px; }



.pb-6 { padding-bottom: 6px; }



.pl-6 { padding-left: 6px; }



.mt-7 { margin-top: 7px; }



.mr-7 { margin-right: 7px; }



.mb-7 { margin-bottom: 7px; }



.ml-7 { margin-left: 7px; }



.pt-7 { padding-top: 7px; }



.pr-7 { padding-right: 7px; }



.pb-7 { padding-bottom: 7px; }



.pl-7 { padding-left: 7px; }



.mt-8 { margin-top: 8px; }



.mr-8 { margin-right: 8px; }



.mb-8 { margin-bottom: 8px; }



.ml-8 { margin-left: 8px; }



.pt-8 { padding-top: 8px; }



.pr-8 { padding-right: 8px; }



.pb-8 { padding-bottom: 8px; }



.pl-8 { padding-left: 8px; }



.mt-9 { margin-top: 9px; }



.mr-9 { margin-right: 9px; }



.mb-9 { margin-bottom: 9px; }



.ml-9 { margin-left: 9px; }



.pt-9 { padding-top: 9px; }



.pr-9 { padding-right: 9px; }



.pb-9 { padding-bottom: 9px; }



.pl-9 { padding-left: 9px; }



.mt-10 { margin-top: 10px; }



.mr-10 { margin-right: 10px; }



.mb-10 { margin-bottom: 10px; }



.ml-10 { margin-left: 10px; }



.pt-10 { padding-top: 10px; }



.pr-10 { padding-right: 10px; }



.pb-10 { padding-bottom: 10px; }



.pl-10 { padding-left: 10px; }



.mt-12 { margin-top: 12px; }



.mr-12 { margin-right: 12px; }



.mb-12 { margin-bottom: 12px; }



.ml-12 { margin-left: 12px; }



.pt-12 { padding-top: 12px; }



.pr-12 { padding-right: 12px; }



.pb-12 { padding-bottom: 12px; }



.pl-12 { padding-left: 12px; }



.mt-15 { margin-top: 15px; }



.mr-15 { margin-right: 15px; }



.mb-15 { margin-bottom: 15px; }



.ml-15 { margin-left: 15px; }



.pt-15 { padding-top: 15px; }



.pr-15 { padding-right: 15px; }



.pb-15 { padding-bottom: 15px; }



.pl-15 { padding-left: 15px; }



.mt-20 { margin-top: 20px; }



.mr-20 { margin-right: 20px; }



.mb-20 { margin-bottom: 20px; }



.ml-20 { margin-left: 20px; }



.pt-20 { padding-top: 20px; }



.pr-20 { padding-right: 20px; }



.pb-20 { padding-bottom: 20px; }



.pl-20 { padding-left: 20px; }



.mt-25 { margin-top: 25px; }



.mr-25 { margin-right: 25px; }



.mb-25 { margin-bottom: 25px; }



.ml-25 { margin-left: 25px; }



.pt-25 { padding-top: 25px; }



.pr-25 { padding-right: 25px; }



.pb-25 { padding-bottom: 25px; }



.pl-25 { padding-left: 25px; }



.mt-30 { margin-top: 30px; }



.mr-30 { margin-right: 30px; }



.mb-30 { margin-bottom: 30px; }



.ml-30 { margin-left: 30px; }



.pt-30 { padding-top: 30px; }



.pr-30 { padding-right: 30px; }



.pb-30 { padding-bottom: 30px; }



.pl-30 { padding-left: 30px; }



.mt-35 { margin-top: 35px; }



.mr-35 { margin-right: 35px; }



.mb-35 { margin-bottom: 35px; }



.ml-35 { margin-left: 35px; }



.pt-35 { padding-top: 35px; }



.pr-35 { padding-right: 35px; }



.pb-35 { padding-bottom: 35px; }



.pl-35 { padding-left: 35px; }



.mt-40 { margin-top: 40px; }



.mr-40 { margin-right: 40px; }



.mb-40 { margin-bottom: 40px; }



.ml-40 { margin-left: 40px; }



.pt-40 { padding-top: 40px; }



.pr-40 { padding-right: 40px; }



.pb-40 { padding-bottom: 40px; }



.pl-40 { padding-left: 40px; }



.mt-45 { margin-top: 45px; }



.mr-45 { margin-right: 45px; }



.mb-45 { margin-bottom: 45px; }



.ml-45 { margin-left: 45px; }



.pt-45 { padding-top: 45px; }



.pr-45 { padding-right: 45px; }



.pb-45 { padding-bottom: 45px; }



.pl-45 { padding-left: 45px; }



.mt-50 { margin-top: 50px; }



.mr-50 { margin-right: 50px; }



.mb-50 { margin-bottom: 50px; }



.ml-50 { margin-left: 50px; }



.pt-50 { padding-top: 50px; }



.pr-50 { padding-right: 50px; }



.pb-50 { padding-bottom: 50px; }



.pl-50 { padding-left: 50px; }



.text-center { text-align: center; }



.text-left { text-align: left; }



.text-right { text-align: right; }



.flex { display: flex; }



.basis-xs { flex-basis: 20%; }



.basis-sm { flex-basis: 40%; }



.basis-df { flex-basis: 50%; }



.basis-lg { flex-basis: 60%; }



.basis-xl { flex-basis: 80%; }



.flex-sub { flex: 1 1 0%; }



.flex-twice { flex: 2 1 0%; }



.flex-treble { flex: 3 1 0%; }



.flex-direction { flex-direction: column; }



.flex-wrap { flex-wrap: wrap; }



.align-start { align-items: flex-start; }



.align-end { align-items: flex-end; }



.align-center { align-items: center; }



.align-stretch { align-items: stretch; }



.self-start { align-self: flex-start; }



.self-center { }



.self-end { align-self: flex-end; }



.self-stretch { align-self: stretch; }



.align-stretch { align-items: stretch; }



.justify-start { justify-content: flex-start; }



.justify-end { justify-content: flex-end; }



.justify-center { justify-content: center; }



.justify-between { justify-content: space-between; }



.justify-around { justify-content: space-around; }



.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.ellipsis-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.ellipsis-3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



.w-50 { width: 50%; }



.w-100 { width: 100%; }



.fr-element.fr-view { font-size: 17px; line-height: 1.5; }



.fr-element.fr-view * { max-width: 100%; }



.fr-element.fr-view img { max-width: 100%; margin-top: 0px; margin-bottom: 0px; height: auto !important; max-height: 100% !important; }



.fr-element.fr-view img.fr-dib { margin-top: 0px; margin-bottom: 0px; }



.fr-element.fr-view video { max-width: 100%; }



.fr-element.fr-view li { list-style: inherit; }



.fr-element.fr-view blockquote { border-left: 6px solid rgb(238, 238, 238); }



.fr-element.fr-view ol, .fr-element.fr-view ul { list-style: initial; margin-left: 1.2em; }



.mobile .fr-element.fr-view table { display: block; overflow: auto; height: auto; }



.sp-palette-toggle { display: none; }



.gw-component-edit-region { font-size: 14px; color: rgb(66, 74, 94); }



.gw-component-edit-region .gw-editor-panel { height: 100%; }



.gw-component-edit-region .gw-editor-menu-list { width: 70px; }



.gw-component-edit-region .gw-editor-menu-list li { margin-bottom: 14px; cursor: pointer; font-size: 14px; height: 30px; line-height: 30px; text-align: center; position: relative; white-space: nowrap; }



.gw-component-edit-region .gw-editor-menu-list li .tips { position: absolute; top: -11px; right: 4px; width: 18px; height: 18px; background-size: 100% 100%; background-image: url("/assets/visual-editor/images/tips.png"); }



.gw-component-edit-region .gw-editor-menu-list li.active a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-editor-content-list { border-left: 1px solid rgb(220, 220, 220); width: 210px; padding-left: 24px; margin-top: 5px; min-height: 100%; padding-bottom: 80px; color: rgb(96, 98, 102); }



.gw-component-edit-region .gw-editor-content-list .title-blue { color: rgb(45, 141, 240); line-height: 24px; font-size: 16px; font-weight: 600; }



.gw-component-edit-region .gw-editor-content-list .tips-yellow { font-size: 12px; color: rgb(230, 162, 60); margin-bottom: 16px; }



.gw-component-edit-region .gw-editor-content-list .tips-yellow i { margin-right: 2px; font-size: 12px; }



.gw-component-edit-region .gw-editor-content-list .tips-blue { font-size: 12px; color: rgb(45, 141, 240); margin-bottom: 16px; }



.gw-component-edit-region .gw-editor-content-list .tips-blue i { margin-right: 2px; font-size: 12px; }



.gw-component-edit-region .gw-editor-content-list .tips-red { float: right; margin: 5px 0px 0px; font-size: 14px; color: rgb(96, 98, 102); }



.gw-component-edit-region .gw-editor-content-list .tips-red span { color: red; }



.gw-component-edit-region .gw-editor-content-list .form-group { margin-bottom: 24px; }



.gw-component-edit-region .gw-editor-content-list .form-group > .form-group { margin-bottom: 24px; }



.gw-component-edit-region .gw-editor-content-list .form-group > .form-group:nth-child(1) { padding-top: 0px; }



.gw-component-edit-region .gw-editor-content-list .form-group .gw-site .form-group { margin-bottom: 24px; }



.gw-component-edit-region .gw-editor-content-list .btn-group.pull-right { width: 112px; display: flex; justify-content: space-between; flex-wrap: wrap; }



.gw-component-edit-region .gw-editor-content-list button.fa-align-center, .gw-component-edit-region .gw-editor-content-list button.fa-align-justify, .gw-component-edit-region .gw-editor-content-list button.fa-align-left, .gw-component-edit-region .gw-editor-content-list button.fa-align-right, .gw-component-edit-region .gw-editor-content-list button.fa-arrows-h, .gw-component-edit-region .gw-editor-content-list button.fa-bold, .gw-component-edit-region .gw-editor-content-list button.fa-italic, .gw-component-edit-region .gw-editor-content-list button.fa-underline { width: 36px; height: 36px; border-radius: 2px; border: none; background-color: rgb(212, 217, 226); color: rgb(255, 255, 255); outline: 0px; }



.gw-component-edit-region .gw-editor-content-list button.fa-align-center.active, .gw-component-edit-region .gw-editor-content-list button.fa-align-justify.active, .gw-component-edit-region .gw-editor-content-list button.fa-align-left.active, .gw-component-edit-region .gw-editor-content-list button.fa-align-right.active, .gw-component-edit-region .gw-editor-content-list button.fa-arrows-h.active, .gw-component-edit-region .gw-editor-content-list button.fa-bold.active, .gw-component-edit-region .gw-editor-content-list button.fa-italic.active, .gw-component-edit-region .gw-editor-content-list button.fa-underline.active { background-color: rgb(45, 141, 240); }



.gw-component-edit-region .gw-editor-content-list .btn-group .btn, .gw-component-edit-region .gw-editor-content-list button .btn { border-color: rgb(220, 220, 220); border-radius: 2px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .fa-italic, .gw-component-edit-region .gw-editor-content-list button .fa-italic { border-right: none; }



.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector span, .gw-component-edit-region .gw-editor-content-list button .fontColorSelector span { border-radius: 0px; border: none; line-height: 16px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .fontColorSelector .fa-font::before, .gw-component-edit-region .gw-editor-content-list button .fontColorSelector .fa-font::before { content: ""; }



.gw-component-edit-region .gw-editor-content-list .btn-group .bgColorSelector span, .gw-component-edit-region .gw-editor-content-list button .bgColorSelector span { line-height: 16px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector span, .gw-component-edit-region .gw-editor-content-list button .bdColorSelector span { border: 0px none; line-height: 16px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .bdColorSelector .fa-pencil::before, .gw-component-edit-region .gw-editor-content-list button .bdColorSelector .fa-pencil::before { content: ""; }



.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color, .gw-component-edit-region .gw-editor-content-list button .circle_color { width: 112px; height: 36px; padding: 10px 8px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .circle_color .color_shape, .gw-component-edit-region .gw-editor-content-list button .circle_color .color_shape { border-radius: 50%; border: 1px solid rgb(220, 220, 220); width: 16px; height: 16px; }



.gw-component-edit-region .gw-editor-content-list .btn-group .sp-preview, .gw-component-edit-region .gw-editor-content-list button .sp-preview { border-radius: 50%; border: none; margin-right: 0px; width: 16px; height: 16px; }



.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item { width: 184px; margin-bottom: 24px; border-radius: 4px; padding: 12px 12px 10px 10px; }



.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 55%; }



.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item a { width: 20px; display: inline-block; }



.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-component-edit-region .gw-editor-content-list .gw-edit-list .list-group-item-add:hover { border: 1px solid rgb(0, 145, 255); background: rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-component-edit-region .gw-editor-content-list input.form-control { display: inline-block; width: 70px; height: 36px; border-right: 0px none; padding-left: 8px; }



.gw-component-edit-region .gw-editor-content-list input.form-control.large { width: 185px; border: 1px solid rgb(204, 204, 204); }



.gw-component-edit-region .gw-editor-content-list input.form-control.middle { width: 112px; }



.gw-component-edit-region .gw-editor-content-list input.form-control.all { width: 112px; border-right: 1px solid rgb(204, 204, 204); }



.gw-component-edit-region .gw-editor-content-list .input-group-addon { width: 42px; padding: 0px 12px; border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-top-color: rgb(220, 220, 220); border-right-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-image: initial; border-left-color: initial; background-color: rgb(255, 255, 255); }



.gw-component-edit-region .gw-editor-content-list .carousel-span { height: 36px; line-height: 36px; padding: 0px 6px; }



.gw-component-edit-region .gw-editor-group { display: flex; height: 100%; width: 100%; }



.gw-component-edit-region .gw-editor-group .gw-editor-menu-list { overflow-y: auto; flex-shrink: 0; }



.gw-component-edit-region .gw-editor-group .gw-editor-content-list { overflow: visible auto; flex: 1 1 0%; }



.gw-component-edit-region .upload-img-tips { color: rgb(153, 153, 153); font-size: 12px; display: inline-block; line-height: 44px; }



.gw-component-edit-region label { text-align: left; font-weight: inherit; height: 36px; line-height: 36px; }



.gw-component-edit-region select { padding: 0px 8px; width: 112px; height: 36px; outline: 0px; border: 1px solid rgb(220, 220, 220); border-radius: 2px; }



.gw-component-edit-region select.large { width: 184px; height: 48px; }



.gw-component-edit-region .content-imgs { position: relative; width: 184px; height: 88px; line-height: 96px; text-align: center; }



.gw-component-edit-region .content-imgs img { max-width: 184px; max-height: 88px; vertical-align: baseline; }



.gw-component-edit-region .content-imgs .gw-upload-image { width: 100%; height: 34px; text-align: center; line-height: 34px; background-image: url("/assets/visual-editor/images/background-20.png"); position: absolute; bottom: 0px; color: rgb(255, 255, 255); cursor: pointer; }



.gw-component-edit-region .content-video { position: relative; width: 184px; height: 88px; line-height: 96px; text-align: center; }



.gw-component-edit-region .content-video .no-video, .gw-component-edit-region .content-video video { width: 184px; height: 88px; }



.gw-component-edit-region .content-video .no-video img { width: 40px; height: 40px; vertical-align: baseline; }



.gw-component-edit-region .content-video .gw-upload-video { width: 100%; height: 34px; text-align: center; line-height: 34px; position: absolute; bottom: 0px; background-image: url("/assets/visual-editor/images/background-20.png"); color: rgb(255, 255, 255); cursor: pointer; }



.gw-component-edit-region .gw-slider { clear: both; padding-top: 10px; }



.gw-component-edit-region .gw-slider .ui-slider { background: rgb(222, 222, 222); border-radius: 0px; height: 2px; border: 0px; }



.gw-component-edit-region .gw-slider .ui-slider-handle { width: 8px; height: 8px; top: -3px; margin-left: -4px; border-radius: 50%; border: 1px solid rgb(222, 222, 222); background-color: rgb(255, 255, 255); }



.gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-active, .gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-focus, .gw-component-edit-region .gw-slider .ui-slider-handle.ui-state-hover { outline: none 0px; border-color: rgb(91, 170, 244); }



.gw-component-edit-region .gw-slider .ui-slider-range { border: 0px; background-color: rgb(91, 170, 244); }



.gw-component-edit-region .pagination-style-options { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; }



.gw-component-edit-region .page-style { display: flex; align-items: center; justify-content: center; gap: 7px; box-sizing: border-box; width: 100%; min-width: 0px; height: 48px; padding: 0px 8px; border: 1px solid transparent; border-radius: 10px; outline: 0px; background: rgb(246, 247, 249); color: rgb(102, 112, 133); text-align: center; box-shadow: none; transition: color 0.16s, border-color 0.16s, background-color 0.16s; }



.gw-component-edit-region .page-style:hover { background: rgb(238, 241, 245); color: rgb(52, 64, 84); }



.gw-component-edit-region .page-style.on { border-color: rgb(169, 205, 247); background: rgb(237, 245, 255); color: rgb(45, 141, 240); box-shadow: none; }



.gw-component-edit-region .page-style .page-style-pages { display: inline-flex; align-items: center; gap: 3px; }



.gw-component-edit-region .page-style .page-style-pages i { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 5px; color: inherit; font-size: 10px; font-style: normal; }



.gw-component-edit-region .page-style .page-style-pages i::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: currentcolor; }



.gw-component-edit-region .page-style .page-style-pages i.active { background: rgba(127, 127, 127, 0.15); font-weight: 600; }



.gw-component-edit-region .page-style .page-style-pages i.active::before { content: none; }



.gw-component-edit-region .page-style .page-style-pages--spaced { gap: 7px; }



.gw-component-edit-region .page-style .page-style-pages--spaced i::before { content: none; }



.gw-component-edit-region .page-style .page-style-empty, .gw-component-edit-region .page-style .page-style-text { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; font-size: 11px; font-weight: 500; }



.gw-component-edit-region .page-style .page-style-empty { color: rgb(152, 162, 179); }



.gw-component-edit-region .page-style .page-style-arrow { width: 11px; height: 11px; fill: currentcolor; }



.gw-component-edit-region .page-style .page-style-arrow--previous { transform: rotate(180deg); }



.gw-component-edit-region .page-style .page-style-load { display: inline-flex; align-items: center; justify-content: center; min-width: 82px; height: 24px; padding: 0px 10px; border-radius: 7px; background: rgba(127, 127, 127, 0.12); font-size: 11px; font-weight: 500; }



.gw-component-edit-region .page-style .page-style-load--filled { background: rgb(102, 112, 133); color: rgb(255, 255, 255); }



.gw-component-edit-region .page-style .page-style-auto { display: inline-flex; gap: 2px; }



.gw-component-edit-region .page-style .page-style-auto i { width: 3px; height: 3px; border-radius: 50%; background: currentcolor; }



.gw-component-edit-region .page-style.on .page-style-load--filled { background: rgb(45, 141, 240); }



.gw-component-edit-region .module-style { width: 190px; height: 80px; background-size: contain; background-position: center center; background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; margin-bottom: 10px; }



.gw-component-edit-region .module-style.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-component-edit-region .module-style_0 { background-image: url("/assets/visual-editor/images/module_0.gif?v20211229"); }



.gw-component-edit-region .module-style_2 { background-image: url("/assets/visual-editor/images/module_2.gif?v20211229"); }



.gw-component-edit-region .module-style_3 { background-image: url("/assets/visual-editor/images/module_3.gif?v20211229"); }



.gw-component-edit-region .module-style-bg { background-position: center center; background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-image: url("/assets/visual-editor/images/general/shadow.png"); width: 100%; height: 48px; margin: 10px auto -4px; }



.gw-component-edit-region .module-style-bg.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-component-edit-region .module-style-bg_card { background-position: -14px -60px; }



.gw-component-edit-region .module-style-bg_clear { background-position: -14px -12px; }



.gw-component-edit-region .gw-text-translate-panel { margin-bottom: 10px; }



.gw-component-edit-region .gw-text-translate-panel .btn-blue { background: rgb(49, 139, 250); color: rgb(255, 255, 255); margin-bottom: 10px; }



.gw-component-edit-region .gw-text-translate-panel .gw-text-translate-box { background: rgb(209, 227, 249); color: rgb(49, 139, 250); font-size: 12px; padding: 5px; border-radius: 5px; }



.layer-footer-btn-group { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgb(232, 232, 232); }



.layer-footer-btn-group.center { justify-content: center; }



.layer-footer-btn-group.no-top-border { border-top: none; }



.layer-footer-btn-group .gw-layer-btn:first-of-type { margin-right: 12px; }



.layer-footer-btn-group .gw-layer-btn:last-of-type { margin-left: 12px; }



.layer-footer-btn-group .right-group { display: flex; }



.gw-layer-btn { padding: 8px 42px; text-align: center; background-color: rgb(255, 255, 255); color: rgb(110, 117, 132); line-height: 20px; cursor: pointer; border: 1px solid rgb(192, 196, 204); border-radius: 4px; display: block; transition: 0.1s; }



.gw-layer-btn.primary { border-color: rgb(45, 141, 240); background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.gw-layer-btn.primary:hover { border-color: rgb(102, 177, 255); background-color: rgb(102, 177, 255); color: rgb(255, 255, 255); }



.gw-layer-btn:hover { color: rgb(64, 158, 255); border-color: rgb(198, 226, 255); background-color: rgb(236, 245, 255); }



.gw-page-add-url-input-url-group { display: flex; align-items: center; }



.gw-page-add-url-input-url-group .gw-page-add-url-get-url { margin-left: 12px; padding: 6px 10px; text-align: center; background-color: rgb(255, 255, 255); color: rgb(110, 117, 132); line-height: 20px; cursor: pointer; border: 1px solid rgb(192, 196, 204); border-radius: 4px; display: block; transition: 0.1s; }



.gw-page-add-url-input-url-group .gw-page-add-url-get-url.primary { border-color: rgb(45, 141, 240); background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.gw-page-add-url-input-url-group .gw-page-add-url-get-url.primary:hover { border-color: rgb(102, 177, 255); background-color: rgb(102, 177, 255); color: rgb(255, 255, 255); }



.gw-page-add-url-input-url-group .gw-page-add-url-get-url:hover { color: rgb(64, 158, 255); border-color: rgb(198, 226, 255); background-color: rgb(236, 245, 255); }



.guide { z-index: 30; }



.guide-h { border-top: 1px dashed rgb(0, 145, 255); width: 100%; position: absolute; display: none; }



.guide-v { border-left: 1px dashed rgb(0, 145, 255); height: 100%; position: absolute; display: none; }



.gw-editor-tool { display: none; position: absolute; z-index: 90; right: 2px; top: 2px; background: rgb(203, 208, 223); color: rgb(255, 255, 255); overflow: hidden; }



.gw-editor-tool i { cursor: pointer; float: left; display: block; width: 32px; line-height: 32px; }



.gw-editor-tool i:hover { background: rgb(204, 204, 204); }



.gw-rotate-tool { position: absolute; z-index: 90; right: 50%; margin-right: -10px; top: -30px; width: 20px; height: 20px; display: none; text-align: center; }



.gw-rotate-tool .gw-rotate-component { color: rgb(91, 170, 244); font-size: 16px; line-height: 20px; width: 20px; }



.gw-rotate-tool::before { content: " "; position: absolute; bottom: -6px; right: 10px; width: 1px; height: 10px; border-left: 1px solid rgb(91, 170, 244); }



.gw-selected > .gw-editor-tool, .gw-selected > .gw-rotate-tool { display: block; }



.gw-selected .border { border-color: rgb(45, 141, 240); }



.gw-selected > .ui-resizable-handle { display: block !important; }



.gw-selected > .ui-resizable-e, .gw-selected > .ui-resizable-n, .gw-selected > .ui-resizable-s, .gw-selected > .ui-resizable-w { background: rgb(45, 141, 240); }



.gw-selected > .ui-resizable-e::before, .gw-selected > .ui-resizable-n::before, .gw-selected > .ui-resizable-s::before, .gw-selected > .ui-resizable-w::before { display: block; border-color: rgb(45, 141, 240); }



.gw-selected > .ui-resizable-ne, .gw-selected > .ui-resizable-nw, .gw-selected > .ui-resizable-se, .gw-selected > .ui-resizable-sw { border-color: rgb(45, 141, 240); }



.layer .content-imgs { width: 184px; display: flex; flex-direction: column; align-items: center; justify-content: center; }



.layer .content-imgs img { width: 100%; height: 88px; }



.layer .content-imgs .gw-upload-image { width: 100%; height: 34px; text-align: center; line-height: 34px; bottom: 0px; color: rgb(255, 255, 255); background-image: url("/assets/visual-editor/images/background-20.png"); cursor: pointer; }



.layer .ai-set { margin-top: 5px; border-color: rgb(45, 141, 240); background-color: rgb(255, 255, 255); color: rgb(45, 141, 240); padding: 4px 8px; text-align: center; border-radius: 4px; cursor: pointer; }



.layer .ai-set:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.fixed-bottom, .fixed-top { position: fixed; z-index: 9999; left: 0px; }



.fixed-top { top: 0px; }



.fixed-bottom { bottom: 0px; }



.preview .gw-editor-page { padding: 0px; }



.preview .gw-editor-page .gw-browse-module-content { border: none; }



.preview .gw-edit-tool-content { display: none; }



.preview .gw-edit-content { margin-left: 0px; padding-top: 0px; }



.preview .gw-header { display: none; z-index: 9; }



.preview .tipsbox { display: block; z-index: 9; }



.tipsbox { display: none; opacity: 1; top: 50px; position: fixed; left: 50%; z-index: 0; width: 200px; height: 34px; transform: translate(-50%, -50%); background-color: rgb(0, 0, 0); color: rgb(153, 153, 153); border-radius: 6px; text-align: center; line-height: 34px; font-size: 12px; }



.ui-selectable-helper { background: rgba(0, 175, 255, 0.2); border: 1px solid rgba(0, 175, 255, 0.8); }



.ui-draggable-dragging { z-index: 4 !important; cursor: move; }



.ui-draggable-container { position: absolute; outline: rgb(204, 204, 204) dashed 1px; background: rgba(0, 175, 255, 0.2); box-sizing: border-box; opacity: 0.9; }



.ui-draggable-hidden { visibility: hidden; }



.ui-resizable-e::before, .ui-resizable-n::before, .ui-resizable-s::before, .ui-resizable-w::before { content: " "; position: absolute; display: none; width: 8px; height: 8px; border-width: 1px; border-style: solid; background: rgb(255, 255, 255); border-radius: 50%; }



.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-se, .ui-resizable-sw { width: 8px; height: 8px; border-width: 1px; border-style: solid; background: rgb(255, 255, 255); border-radius: 50%; display: none !important; }



.ui-resizable-nw { left: -3px; top: -3px; }



.ui-resizable-ne { right: -3px; top: -3px; }



.ui-resizable-se { right: -3px; bottom: -3px; }



.ui-resizable-sw { left: -3px; bottom: -3px; }



.ui-resizable-n { height: 1px; top: 0px; }



.ui-resizable-n::before { left: 50%; top: -4px; margin-left: -4px; }



.ui-resizable-e { right: 0px; width: 1px; }



.ui-resizable-e::before { left: -4px; top: 50%; margin-top: -4px; }



.ui-resizable-s { height: 1px; bottom: 0px; }



.ui-resizable-s::before { left: 50%; top: -4px; margin-left: -4px; }



.ui-resizable-w { left: 0px; width: 1px; }



.ui-resizable-w::before { left: -3px; top: 50%; margin-top: -4px; }



#gw-body.mobile { overflow-y: auto; }



#gw-body.mobile .gw-browse-editor { overflow-x: auto; }



#gw-body.mobile .gw-editor-page { overflow-x: auto; }



.mobile { overflow-x: hidden; min-height: 100%; height: initial; }



.mobile .animated { backface-visibility: hidden; }



.mobile .gw-edit-content { padding-top: 163px; padding-bottom: 100px; min-height: 783px; background: url("/assets/visual-editor/images/bg_mobile.png") center 116px no-repeat; }



.mobile .gw-browse-editor { height: 520px; z-index: 1; position: relative; overflow: hidden auto; width: 366px; margin: 0px auto; }



.mobile .gw-editor-page { width: 320px; min-height: 100%; margin-left: 23px; padding: 0px; min-width: auto; overflow: hidden; }



.mobile .gw-browse-module .gw-browse-module-content { width: 100%; border: 0px; overflow: visible; }



.mobile .gw-browse-module[name="顶部导航"] .gw-browse-module-content { max-width: 100% !important; }



.mobile.mobile-375 .gw-edit-content { background: url("/assets/visual-editor/images/bg_mobile_375.png?v=20211029") center 116px no-repeat; }



.mobile.mobile-375 .gw-editor-page { width: 375px; }



.mobile.insider-mobile .gw-edit-content { background: 0px 0px; padding-top: 90px; }



.mobile.insider-mobile .gw-editor-page { width: 100%; min-width: 1000px; height: 700px; padding: 5px 150px 10px; overflow-y: auto; }



.mobile.insider-mobile .gw-editor-page .gw-browse-module .gw-browse-module-content { width: 320px; }



.mobile.insider-mobile.mobile-375 .gw-editor-page .gw-browse-module .gw-browse-module-content { width: 375px; }



.mobile .container { max-width: 100%; }



@media screen and (-webkit-min-device-pixel-ratio: 0) {

  .mobile .gw-browse-editor { width: 350px; }

  .mobile .gw-editor-page { margin-left: 15px; }

  .mobile.mobile-375 .gw-browse-editor { width: 391px; height: 667px; }

  .mobile.mobile-375 .gw-editor-page { margin-left: 8px; }

  .mobile.insider-mobile .gw-browse-editor { width: auto; height: 800px; }

  .mobile.insider-mobile .gw-editor-page { margin-left: 0px; }

}



.mobile-2x { zoom: 2; width: 320px; margin-left: auto; margin-right: auto; }



.mobile-2x .gw-browse-module, .mobile-2x .gw-editor-copyright { width: 320px; margin-left: auto; margin-right: auto; }



.mobile-2x .gw-editor-copyright.fixed-bottom { width: 320px; }



.mobile-2x .fixed-bottom, .mobile-2x .fixed-top { right: 0px; }



.mobile-2x .gw-browse-module[data-fixed-position*="left"] { left: 50% !important; margin-left: -160px !important; }



.mobile-2x .gw-browse-module[data-fixed-position*="right"] { right: 50% !important; margin-right: -160px !important; }



.mobile-2x .article-detail-container .container { width: 320px; }



.mobile-2x .article-detail-container .article-detail { width: 100%; }



.mobile-2x .article-detail-container .article-link-qrcode { display: none; }



.mobile-2x .article-detail-container .article-share-me { display: none; }



.mobile-2x .article-detail-container .bdsharebuttonbox { margin-top: 10px; }



.mobile-2x .goods-detail-container .container { width: 320px; }



.mobile-2x .goods-detail-container .goods-detail { width: 100%; }



.mobile-2x .goods-detail-container .goods-link-qrcode { display: none; }



.mobile-2x .goods-detail-container .goods-share-me { display: none; }



.mobile-2x .case-detail-container .container { width: 320px; }



.mobile-2x .case-detail-container .case-detail { width: 100%; }



.mobile-2x .case-detail-container .case-link-qrcode { display: none; }



.mobile-2x .case-detail-container .case-share-me { display: none; }



.mobile-2x .case-detail-container .bdsharebuttonbox { margin-top: 10px; }



.mobile-2x.mobile-2x-375 { width: 375px; }



.mobile-2x.mobile-2x-375 .gw-browse-module, .mobile-2x.mobile-2x-375 .gw-editor-copyright { width: 375px; }



.mobile-2x.mobile-2x-375 .article-detail-container .container, .mobile-2x.mobile-2x-375 .case-detail-container .container, .mobile-2x.mobile-2x-375 .goods-detail-container .container { width: 375px; }



@font-face { font-family: photo-iconfont; src: url("/assets/cdn/fonts/font_2498436_hcjr1gyslgb/iconfont.woff2?t=1638416341587") format("woff2"), url("/assets/cdn/fonts/font_2498436_hcjr1gyslgb/iconfont.woff?t=1638416341587") format("woff"), url("/assets/cdn/fonts/font_2498436_hcjr1gyslgb/iconfont.ttf?t=1638416341587") format("truetype"); }



.photo-iconfont { font-size: 14px; font-style: normal; cursor: pointer; -webkit-font-smoothing: antialiased; font-family: photo-iconfont !important; }



.iconicon-tuji-jinrubeifen::before { content: ""; }



.iconicon-tuji-liulan::before { content: ""; }



.iconicon-tuji-shijian::before { content: ""; }



.iconicon-tuji-top::before { content: ""; }



.iconicon-tuji-fenxiang::before { content: ""; }



.iconicon-tuji-shuaxin::before { content: ""; }



.iconicon-tuji-shoucang::before { content: ""; }



.iconicon-tuji-fanhui::before { content: ""; }



.iconicon-tuji-gengduo::before { content: ""; }



.iconbangzhu02-shipinjiaocheng::before { content: ""; }



.iconxinshouyindao-04-guanbifull::before { content: ""; }



.iconbangzhu01-xinshouyindao::before { content: ""; }



.icongongju03-cankaoxian::before { content: ""; }



.iconwangzhanshezhi05-zhandianshezhi::before { content: ""; }



.iconbangzhu03-bangzhuwendang::before { content: ""; }



.iconcebian-shanchu::before { content: ""; }



.iconaddFirstPage::before { content: ""; }



.iconcebian-xuanzechenggongfull::before { content: ""; }



.iconcebian-lanzengjian::before { content: ""; }



.iconcebian-xinzengerjiyemian::before { content: ""; }



.iconcebian-xuanzechenggong::before { content: ""; }



.iconcebian-tishi::before { content: ""; }



.iconwangzhanshezhi04-quanzhanSEO::before { content: ""; }



.icongongju01-biaochi::before { content: ""; }



.icongongju06-suoxiao::before { content: ""; }



.iconwangzhanshezhi01-jibenxinxi::before { content: ""; }



.icongongju04-gonggongmoban::before { content: ""; }



.iconwangzhanshezhi03-shejiaomeiti::before { content: ""; }



.iconxinshouyindao-03-guanbi::before { content: ""; }



.icongongju05-fangda::before { content: ""; }



.icongongju02-wangge::before { content: ""; }



.icongongju07-dayin::before { content: ""; }



.iconcebian-tishifull::before { content: ""; }



.iconwangzhanshezhi02-lianxixinxi::before { content: ""; }



.iconcebian-wentifull::before { content: ""; }



.iconcebian-shouye::before { content: ""; }



.iconcebian-fuzhi::before { content: ""; }



.iconcebian-shouyefull::before { content: ""; }



.iconcebian-wenti::before { content: ""; }



.iconcebian-shezhi::before { content: ""; }



.iconduqujindu::before { content: ""; }



.iconxialajiantou::before { content: ""; }



.iconyulan::before { content: ""; }



.iconliulanmoshi_diannao::before { content: ""; }



.icontuichu::before { content: ""; }



.iconyulanfull::before { content: ""; }



.iconliulanmoshi_shouji::before { content: ""; }



.iconliulanmoshi_shoujidiannaoshipei::before { content: ""; }



@font-face { font-family: editor-iconfont; src: url("../fonts/editor-iconfont/iconfont.woff2?v=20240802") format("woff2"), url("../fonts/editor-iconfont/iconfont.woff?v=20240802") format("woff"), url("../fonts/editor-iconfont/iconfont.ttf?v=20240802") format("truetype"); }



.editor-iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: editor-iconfont !important; }



.icon-weixinxiaochengxu::before { content: ""; }



.icon-save::before { content: ""; }



.icon-list::before { content: ""; }



.icon-controls-01-text-ceshi::before { content: ""; }



.icon-controls-01-text::before { content: ""; }



.icon-icon000-loading::before { content: ""; }



.icon-icon001-add-newpag::before { content: ""; }



.icon-icon002-pag-home::before { content: ""; }



.icon-icon003-pag-up::before { content: ""; }



.icon-icon004-pag-down::before { content: ""; }



.icon-icon005-pag-add::before { content: ""; }



.icon-icon006-pag-set::before { content: ""; }



.icon-icon007-pag-copy::before { content: ""; }



.icon-icon008-pag-delete::before { content: ""; }



.icon-icon009-pag-show::before { content: ""; }



.icon-icon010-pag-hidden::before { content: ""; }



.icon-icon011-pag-more::before { content: ""; }



.icon-icon012-nav-menushow::before { content: ""; }



.icon-icon013-nav-mobile::before { content: ""; }



.icon-icon014-nav-computer::before { content: ""; }



.icon-icon015-nav-phoandpc::before { content: ""; }



.icon-icon016-nav-preview::before { content: ""; }



.icon-icon017-nav-goback::before { content: ""; }



.icon-icon018-suspension-IMconsulting::before { content: ""; }



.icon-icon019-suspension-plan::before { content: ""; }



.icon-icon020-webset-information::before { content: ""; }



.icon-icon021-webset-contact::before { content: ""; }



.icon-icon022-webset-media::before { content: ""; }



.icon-icon023-webset-SEO::before { content: ""; }



.icon-icon024-webset-copy::before { content: ""; }



.icon-icon025-tool-scale::before { content: ""; }



.icon-icon026-tool-grid::before { content: ""; }



.icon-icon027-tool-remove::before { content: ""; }



.icon-icon028-tool-template::before { content: ""; }



.icon-icon029-tool-print::before { content: ""; }



.icon-icon030-tool-big::before { content: ""; }



.icon-icon031-tool-small::before { content: ""; }



.icon-icon032-help-guide::before { content: ""; }



.icon-icon033-help-video::before { content: ""; }



.icon-icon034-help-document::before { content: ""; }



.icon-icon035-bounced-prompt::before { content: ""; }



.icon-icon036-bounced-problem::before { content: ""; }



.icon-icon037-bounced-instructions::before { content: ""; }



.icon-icon038-bounced-warning::before { content: ""; }



.icon-icon039-bounced-add::before { content: ""; }



.icon-icon040-newbie-start::before { content: ""; }



.icon-icon041-Newbie-complete::before { content: ""; }



.icon-icon042-newbie-shut::before { content: ""; }



@font-face { font-family: shop-iconfont; src: url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAEnUAAsAAAAAmqAAAEmCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACUZAqB/0iB0S4BNgIkA4RQC4IqAAQgBYRnB5EkG5qBdYac2wFAUqUfIlGUpVkZFSWNbj/7/09IOsZwIx0Iqfk65DESRbcQE76cNsWjRJAbgnxpKc6PDt0UvAt1YT0topPDyeLD4W3ett5vyfCbShxIWW5KKBoTH5IdbglJk2IYA/pmWgVtw+GWXu9uf/E3/j3WMMvcuhrND0mKpgkCrZWZfUYoIegH8r4uV4horM36vXr7KNoNUqITQqIn4OG53G+OW6N9jbkEAw+4jCKaz7M0oSCIsfngieukQHTxubWw4Xm39QBF1kdARQWVpThwMJa4WI6JIrhQwbnKkS2xiU2zpXads/ZdVtZl1knW3XWNa43LtLFuNBdDObVmmsMZJ0cjTWCXHV7AEhyiwE0WQk0W2R/pO7rngKFNyVZkKUm7bYDslEGWDn53BNWY7t8FlYtRYaMyHqitqq8E0qJCVgJJ0LfYlieWkhy1lAaKzEwfv83s97bbyS93ySvQpUe30lRs1iMUg7AI1cYD0dpodlkMNkFzU1AMglUM6YKDpT18sc3PT9BvU/v+0sY4V/p+KL2XQvtTH9sdGQTIiyU/DE498E8gMAI2daR9v9nD9Agsxw8MhWRNCsPe7rwCkCzlgADAzjFYyE30JvNvTqsF5BSkvVhu0qVYNJvKS0V5TfnDzMCfPwPMjNIwSoDSMFo/DZJtEA4YHAbk80OOkjbkxIB2D9gE8gbJ9rtne1O8FEJ/7VWx3rd1ed2965ujIm4cZFHg2YLQzROmsVA6LRSD1P42cMC6S9Ouj/3Etb43Os5fvtVkIyYmhhmMI0ekre2fy9iq9L7Lv2srAQdsAsahEECqmxX38s8kHVAcobEWKHntJgcc1wxHKisA8pnCXRqC5k3aB+yQJ/aIruMZwCH+/ocfXmozRCLtHtX2OroY/D+Op+80l0DcCy67JJg+AgkgDrQL1hR34R6O9s9EBmnHtEv67BXHGJilJaHvDcn8YpIySmpe9Nhi2HZ77TNqzHG339/ef/XkSeiJU2CSUvtruO0/WzaEP97yCPt/97S8itbJh9508/11vucTNP1uy51d8O3Dz0YdVd/9mElwBUY4uX1TiLhxLt+rsf6vecAqBycXN40NHT0DIxMzCysbtYW5maWpiaGBvp6ujraWpoa6mqqKspIiR0HeSVpSSUdXQlxP38BQzMjYxNTM3MLSSlnF2sZWu3IRUUEhYR41XnU+OX4BKhcSOSKJTKHS6Awmiy0lLSMramBoZEwQ0fWr6WCJpWqcLWdR69oKKxUpyruDpowLqTQ/Mu6tsVandbqsB0PogW86IPFPeU8B4RqsQgSsQTtYh/awAZGwCR1gCqJgGqJhBmJgFmJhDuJgHkKwAPGwCB1hCRJgGRJhBZJgEjrBOHSGMegCo5AME9AVRqAbDEN3GIAU6IdU6IMe0As9oQd6QTekQRekQydkQAdkQjtkQRv0hlboAy2QDc3Q9+DSL9zmD+FnAQD1kAN1MBBqoQJuQCXchCq4DtXwAEbDKxgDr2EsXINxcBXGwxuYAG9hIryDSfAeJsMVqIEPMBU+wjT4BLXwGWbAF5gJX2EWfIPZ8B3mwg+YDw+hER7BQvgJi+AXLIbfgCXwB7Ds4TGES7ACLsMaOA9r4QKsg4uwHrZgAzyBs2AbzoansBF2YBPcgc2wC1vgHJwDg7AV/gLOhSE4D2rgfMiFCyAPLoR82AYF0AyFsB2K4CIohouhBC6BUrgUyuAyKIfLoQJaoBJ2QBVcAdVwJaTDVZABV0MmXANZcC1kw07IgesgDXZBKuyBZ3ALPIdDkbQNQ8C2Q8D2AryA+yKZG4WAjUHAjgO8hDcjybsFAbsNAXsIcA8+gvvwDdyFNtgDYjBIQQwBEWJ2TgWPXbAHHhCQwAOCA/CAgAIeENDAA4I3SNwGIRAkboEgAYl9EDQgcQBCKkgcgrAFJI5A+AEkjkEYBokTELbDe3AK/D/L9jbNZwCE0aRID62XGFzZdcTfOUhMIYoN4dJAtoYgyEJjg2YkVYTrXAxfYvlANs2VC5V+NFV35JfYBrkgZg2imF4LYiQqcyp0YkRNSxPVlenfMEZH6fjvME0YGmSmH6SFLjNGeJ8nQlRRGU0UH4yYmcKAsTAI6bMwSXxYXZbzEXhdv+ZuyOxKuyJeM2Z3Z5VHnLFAfdJwku+d9VEigC4XzGwrp6oIARMwn5BIlZE2aqn9JhbPao4Y4sNsOjLT5x9EGJjldRJpe2WnFHIm24pt7FicXZGRek5om1aMPBhncURIZbBAERHsCztZdNwoBbC7z509YvpfkrQoRk4l1Bkep9l0MiVsaXnDE400fYqrvY6SkdwL28ASZF6vlne6qg9LWhWaqzT2ttuoiOaEffGZtWEal5fUstrZrdya5wFm68AdpLItD2U0dGx8TuTvVTazeSIlw0oeX0Xwvs0yEEGxoQIjkl19UvLde1glargPmFBPsz4egJ8x4KlOm7vE/iVzuXpAkwA29/ugR14j9kGd1uuHXxHtIT7GJBBMiL7x2D8vt+bD9d0jjvxzUWK7K4tgc+pDQwIjJkFbvEVZ8fsJiI2qAWhMMiyX7P6hD0fHmsjoJcj658w9O88khPsUNK5lGJxUSHCpLvGsJXebndqZ7lXTbBpY1YQTZDkHH8Dh3wChaddJeauLvTO9VFE7rcZj9iiGutQvfBVJEoPxNrNuUDp0o+5Xr2dWm5nC6911M9tWVGkCUNCOxz3xGohN065fTJp+HPJXsnFNhfX03Mjyf5+XjBiEk6yJgxHuBKiwEIob4epFbmgxr8yCdOZWZ/HrpyBM4SnldmRkzoL2e07d23QbbGOUod2lB7J1T63jncX7opzZlXd4gPUa3lGRY5EQbTC/FNFxz/JOusHDUllanfNgulfxZmrTOIKq0VYz1SIxeAXNMN2SpfKMZp5JZBSfQAzn0LlBCigr4eJWikEdouL3yVCSZl5UmikcnyrTpXjC+F6lynNSgXxmGgZ2jlmMSOBfTqPweH8pXzGd9618ROQDd/1aFMkEm+CkdCMeYGSFtPfZXguxtXmIeJY3exNTE6Acwt9hASCu8EQ1te+GI6GDsLtLtOtUlYPeWeqUAwOyPFPVOmqjY484jxT64tu5ycISTctDiz9jyXJU1ZqlwkROG/zDTBiuVsgSguk5jy3L3movGRa6kbk98moeOIdz15zAPJ7UiOQztnIz3Ywsybij0TBM543zE3KivuSWRFgqfhkWr/GLxzYCGYgYXxPBiCjan1DmMky6CmchHG4dtfzIFnkGDE1nYSk5kFtBQImn3o+U8dH3jBf/cBBPoYmvT3EefKAYKpHTdBGvThQiXrfxNq9KIx5bFIFsthoURSaORols1qGj9Cm+wAveVVTZ+HCbcWbBc2ths1jHhtyUw6SEohSR5WAdrbjYOz4qsBAphQoYBp51IgWYcC41CIS8hmA2owIp2cqDmh8qRWQHTySk9BKiIFKp/bXgKl/NnPoCHk1Z22LTCTK5vENTb+vhVvLTD5Sm0lOtoiZauCc4cl/X5Yfy1Lvo3mIgeiI95U14bTuhW9MIL0sOCns1cHp33wfvfoU/3vhvf1qv7mywhruZh7khqAkfZS6yxVlhjbSB0yF+ez36/hyo5EVfUpiyTQP0NNmkTaUrI8XgFEJx+IWNhVsoON7sNLWmk5yjt3sN6gm1Sd1aukBV48VqW9GLbKkpWeBoWr2JDYAHEaQPbVoRR09fqBpjaHvhXKmz10YFHVdlODcy1uLWIoOjoghm8QeFzcotEVPcfEUULqeQGJSoMfOVfMyL5kCcvjDOVqWQEcMSKFDQzKyBU5/hFJEIn8aYiT019zSQdnJ6nSkPM46nv9sGpxOmQa8OMhMr5OWUpbhhDhy+p1LNPO5HEyHk5tty+zyYfgA5rFevBo4Ssol7Vp1/SrPv2tpFpjIpkTIj8XRJOIkhsXyHnJyOXWvTGSEDe5oyIJQMNV5KyDrvxwxNx+8bUaWpbSKca7i1ELdoeN2LO643XkU1l/UL3o0u/0ef2Us9cQsv1jy6+Yf1bTPug5Eb5pOSrSKszJSmq5wu4U9WC8fl2FSASJaQnJard5vkcIxKep4U8XY9DajuPYDaJjOOPtQXCKsEfgxbvO//Oc944nMUVuMoDqeXs3irIi02TjWqxQDu+bC5ZdKmKPpHBH06XGILxCisCbbyNCGAtSt0WiM4DOz/W2OT1Jbykl7FZPiBdCNPM9HrWWtqhRnYeiicYGppffnzAPJ7IdwXpXlWmGRs16WuPzV9R+nCrYQn2uxn8fdLcY5RaObuAWD3zjjXrDWzd2lCw08eua1t+W7y01RR+rvFNN8uJ2AAXtF/L0kly9sNlEHKfN0q6X6PzP6Wj2xlmf5FdUqXlvU/37bQzc78O0GjXtWFymDzqppZ1Kr9ovcPavQ4RIH8kXcIhxS0P4niJIuxxv4pJtiNZ8HZm9HXp/7pa8dSlTJs7nC6SakNPybMrftgximQqRHEkCVwZut6idU6il+iQTS0Ggh+q8Xn1yy0EDcgvZGo+OMtFC8wzPj/MZ4M3ZmMF5D+P+kpazYLhUdPfY9w4mIBkA9BccPRG8TzTA9hxK7J2ZD+XI/A2gDCh26AI83KR1Y4VLqcRupMqpCYREFGY9HOsZJLkimClg6pJA+RjcEqGj5SpROsI0wJEtmJyPiMTGJ86GdsKcaa5F/PyvagL9td61/dcb13Pgl4leUrDcKecGBt542+uaaPE150tigoCfma+SzUoRSEmday1+zXWcWpeooWQbvNaZ8Dtb/VvEE7cgf+Ln0yqaDrfw9ZnxFwM+zRxMyvR7vgw4BlHzKstzYm3Ydiuvwv9hOxzgH5xje3VX47A9MqP4KArSyozta1T++y7DA1CaEFQx44P1hSphlwDYRzvKj1xJAq60NlYHc/uJXQmpty5JyPGBJds6Fbto9x0HxMsxbcF0WS61XVWrEQ4J14v0SHs5Vw+hR2DlUtN2IxLPBrhXCPJZSCb6zu4ZNq/jlUJvW/9ycr+pD/WvKG/3Nn4t/XP2YboHPqGFr7/k++U8y1Wrfx2kUZTtf8iykOjtPHis6vn4w5HEYU32N1FEfgrY01SkjT0HdCBup32/gxCtcRDCwsp1sYOELaEnv10ykFgb/Txh5IWbV/BNreVRh0JEW6V8ki8k93317rPuW+hlqwhJAgyo+nLGZC5mRadGS7yEnEwKCHUcDC0I0i7NO80eCqkAG79Ya0vZR/XaZdJyMGdBvycxNB99nVBqDvblB0wGr+WUdPJe8maUFpbZipoLbqpO8lGyzE7hVZZ+GHBryIfrOgrBDER544PwB4sTpDaSrYXztblb5UXq1IDJMxCAHL6iZliX7qNRvPC5+Z3W1aZAFFEnmYPa/pUn30b/snfLSCokf26IZ9p+wM9F9c5NXCIc+Hf1xj7nXklX3X21GtdwQo9FJPiGJFqJ6LWWeuvuqtD9pVbMQI4pD+EXG+TaN02Wv+dT7mGCSIVez0G50RplbsThieGhWdcucba9FvzUdK7SjVb1gmCYbGNPhnDfCqmgbKa6db0I3G7MirO7l5VljDzVsh23D6zZq36X6JWIUUjLggFprnXcTtqXRr3kripJ9DjAMcgY2IiyaO/qOvRgnhSqIOZVMXell/SZbDBDRThL1PRW2lMIvkBV5MCHZCNPRoudaxT36Qwfffgz3laLEGLJD9vIIS8/W8gDOCb7/JOBi771VcCvuu/MsUBhkIhY+8tdthXosssK360tXIXu161E9vHgzGNWSFzdVabTWEWk/XmT26Tl9LBrxfkQgY543XtfQg+F99NXW62jvhO4+MrS3AkOzXmbSVW5VQBnHO/ouUIsPcDJOF7/Cc1+ARoa4zZ6tS2IKTvGOL0+0p2uLSAeyRJMde4FwT2nkjCN8qKwWBv/OjzqRJUvfxs4+XwyzyLa4B5JNI4YImKAWzK+syi2CpRx4E9/ejI4gAYpJC2wMETFAqfPV3JlX+XiBuCt8BnGo/F15U0sdYQp5OU7s3Bk6IAxkBk0vTnDIT++/x9N/K0BNSkf1btT7qYr0TkrqerCvGn7T4T2M0EsOe1CpKFUL+cEuIMRJQJUVrtjR7lPFrBw5iOat5MJW6k4w2hl4IGN5wBVdw1ZP/amisF50u3pH/xQhQ8onS/u5qE0ahoht/T4pKXYpu2exap7TcOW3NNxrLJktWnjmXcuzR4y/GgF7+YHZezlzctryPbtKodKEuHAh1JEllJdtV3SxGl6M0t/3ppfXBU02CchsrfHZuh2Fr1erBpCWSY2jTCRnTEw813T+usVXMd2ewt5mMeubeGz245wAh6JuNY488OtccrDcrF7urvTODNKKqND8QrumDg2BASF99RPk94d5G52oAblKqbvW5+bAmGOKhxH7cNIqPBufJJthJnIJatE5POpoA+/Tm2y7Vhp8xhfIycMD6pYbZntytPK73V/m7Mm2lBKo/eqXxFlRYyYLlQWCzHr8THemvYQ5G0B+oIBWCbAyRgcvrptuGbgxfoL4b1KFj4KrUVdd73RWedxCP3EPPNtlu5nfApuTlWeGOijiH913ou4E1sSmfXDepF3zav/Z0z0dx7YmwX2BSVdZL0K1Pq5SSU8gNF/nQX8oahIoockWeVDX47W2ddXNEwqwumxu6Oz/hbOwh87/k1P10dbA5XLegrQRp9bVhBOwKgv9sPjgkqOYpOqV2wtqoc5ExfAbOVFsbMm1b824GumfvRrm1jpneMzvXWIypoAJwHhMgXIMT4LhFND+Ew/J0HMEaxqlIdIS/ut4ITMQfKrzgRXBR+hWyP2m2KAieCXbH9NPu70lT4l1Ic+2b2vxsOCC0OEojuom5I9PtXKph4UtLD7tCjDRfZLRy1SJ0rgC2OyB8XZM4uLk1pcCj0sqSWD/DSlbk3X7qqNr52YMNxX+qRkhlFRBV2iW2ktnoRBJiCmIbOUSok2w+2DfGvNuxqHx30+GoRE1oXYUNYPi2vifA3uI+1NVghQ2gQR9o0xGa2cZirA7Nl2zw9C1V7K5vD5x+wtpu/cizTPywTrSg4FYGuFq/5UOB8BniM2pcVkiMcElA7qfoAtl0/CEbw7aMxEYYip05Lyp8N2jHlPJSh6WGPrJE5GMGhsELnLS3c1Ko41k1Q3tlrkcxrz2oytCN3X/lhKdKsjx1icndwtM3BUybkz5rUClMNPyixlHC+QixBmxpNCwc57YKnbmhCh+Qcs0w5Nv7LvVEIGQZeWpB8xab3YjK0DTmjGeatiQKzkJE60BkredL5J7BsN6Kl72f2fqyW9/BQwjJqwA2sWPzHtLnRpk0jH3sdLgOW3m1AsHrjMWDe/J+lFp2/P3Q+QzbADh1nL1NCLcxsvV2GNC9+FtniMxxha7EUobdeZcjAU08GF4NgOO2QpuwpIh6aQUvIXU0jgOTZphvegAVDpiPLdzDSHDpUx666a812fa39oVYdCmLQlkK4EavcH+ktIbinqVC3Xz8ZnoPtJwGtIP8BkR5E9uhSo7WNCeYQhBXBzxK5g0bWYCDiNz0usgtjJsfSWJV9D/4B03T/G5bKoM5l+HcjV5Ph1Xqk7CYzwtw79sxQ+7LjusJggaV8e9Jn0hfCtnnGm3pyPcXd8WZT1Hl5n/kNZ0oJ0ZVWEKydVOeNG3CQFRn2lHjDqAzHA0tSpfbnEb0S00F9Bse6oJuI8dpk1q0ehmZT53bX/yzx3eea4lI2r377ED8IbT23DxMn2f1ci2ccX209MsNoeb5Z1h2S2lVuSh12eOzbIUQ0w4HpA5ztgs1KjQNTFVXeUxG1nOAMcuZwWhQUThmCE10V/HXthkKLaPWLTRt2ABTrjbECW8vAB8VGrStgEoqG6AzkYzmicIY+fQn6oNLmO00P1/XfeKkV3UqlqVf5y4Nxm5CLDqFbyabclBfsrZaqUUQQwSNImkANPOPtFL5ComXdCxkK+2zsatdxVxy2aYxweGijV652rtodt8buGVIBs+cHFRTjJY84PHVJk1aEPTuTAjM5GMnQOcspOWus/s2MbtFN0Z/sAG/N4/Do12nBtcxa2B51xIo3XnHPOtFP9/6b36YjMHPDm+Shuzov/RGa0ROiULQYMx8AbFTJwvHQsAdzZ8jjJLOeFKmUE1R6zlZ2pShagB0RKIYw1ssSYzJWz/6GMMkFAwcJBCwTZFIcIvD8wNpfoxJusbreIQE8mjPSLiGnB5raQ6OFoD9wzvXRMJHYw1nnjU+nnSgMxMAjLRzQ/qOGR2f9EG9+A7GYU4nyKPUc0jG+pdeJBSeaC+QGpzdXskihKLj6v3ibGT+JCyXzbW14Jldd4vLXeXH6VFa1qExmtCKjx55pFBQr4aLmsDTm9fxN+KS+AjjbCZ4nwxbaaqFbU1v2rpyRpluEvFo2wLEWeW4EdIF9UoiNfiQruLYgi0equlAnIBGXNi2HJEm4yNN7XkXus3X2oJY5vUbJDhdC22DNk0Kxxp9NWx4PvNrX7cVyz3Vk4GmC7k8dM2uDLUjPypfEeFEtPz64myMgVaYEKpkli+mHXcHLU/6+iYTHcv+aZ1CXEraLMAwEfhAqtMeJrvT09eSp/cj2ljwXb/CnqOL84JOgAJuIONAhvsLBtmFrf5W6Os+UtYXPFNo55W89MkfT05XYrYIaNoSOKjKoT8ysTMS80ZA+ALGDxQ004hH3ChT7BpSymMnI6fHngXFaTnuyzLMnpoTfFyrXDCplF2FVdrLere5k6WKNfd3ZEzml8o0tfAOBax5oA40Tv8RNA0UxUJFh0tbkyqZTCVJN1++KP1B+EfYbBTxT0sWjIVXIM/LCplQ8vxoCTWP0sGW8OmAS5mY3C4emhygh6h3MkfgTh6P0iM3HwCJAowHPpyHTHBU4GQO2UqAI82wEVs0j8GoNyMuXoIx6RxO1WhGa6CGvJT62JCUCIyT3AjnhXYK5HiRyCimEGrV9aGWNL/PdMvgPm/xw4s+UOsGqsWCC7YgMWylmZaktuUfXlzxCymF4Qnt4KgQVyMPigLPv8UWgQh2KYnnNk2iUPH1ZEfKxSMLU+AtC/mx83DT3G/krSb7v/yZMWHzz1gPZEzZvR0zvDtFncWOxaOsHcG4/0g+httN9xr4OMjqxLkllU5trvdib8diWiR1ff6x6Yu/q7HXTCyC74XwEbg2trgrp1EnHyt1ltbmLtj8OoAQWu3R4/sBHWElKFrTfWwcr2OHs57JZszkNHVXcdXC9TDlBZL0ML0ML5IDnBDOdF0CsKt6Nnm1IocIk7ZO6qNWjpfJsHGT9sjwrHCCjkd1aLUNkrPJIUZ64oRpymLlsMELNUWOxeQMrYssca53ueSTWMkaOW6hzAAwWtFy/p1Sg230vVU4NkeGOh8/mFSyfSyEC1qFfA2d+qOHXe9GUGrf/3bx+Oy1LVYhbwVz3nWcGnhH+jn1nKS15XyG5GAUlKU3kZAKyXiL3bzT2WzfOBNaVuGAU48ppDcn7iyYWd5AVuwolwDJoIB70RMnM0yHhBN86nYfKe0ILARHpJDrsKyo1KLGEA15Ero+12Su816cVSW/QuIWHx4avEPE7b0yarVZasmKFOgReNqzUzchiPdg9a2MOmlGGyQEmB5i61VuOEGYrNufpU2ZaYLkFgWFQrhqTZWzQ3PIw/zBGRVre3fjh8vTn81e474zPuyeDBTYnnfzJn4wVq2ReXu+Fnc0M0eL+zf17EprNuTNgm5mseT8g+Es8hGGhn7zBNJFKciLgIGbJsyAfOTDvrFpNJDbO4mVm/MZ5ypr12BJDb6l+c5rKcQ57P9NarcOn1uy3E0yvlfBW0dRe3UrGvZyfBoQFiygyKKvDN0xgLQXv/2TXdSjAT3wrAi099DkijL1Z+tPiio2VdaTtoZLCYJaQqQtbrtavdwF26FZ45JtislbpQTcFpJV2l20N30KmVdFURXVOAIjGnVVtqIF3W+c3Oy+3H01u/xYfmQPeffx6PFnv90DYswJiECC//nO9aT0+WI3XnD7OHecKTJaA1DRBdAYU2/00HGkHI4wjasWioJVoKTBSy2TLCJp51X63kOa23xZ5n8jnsSl3K2Y59jSMj5G7ZmxJ89vdlfr8CUrqOCuls0Tnk/9y8AeiV8s++9rQwo9nWUJVXkBZMu3gFWqSwvJwYuioBeCda0IkKY4qnRfKpklqCRQkjK0hdy9CXpvT/jTt3AAhzO4RJWXJfRMxrZti2Uj8QZ2r0dhEWdMmptX5/Y2ISqmxy2J5vfIw/6qZTzPb8h0YtMzaqSjYzxPX1PDLZcZMVk5fkd0B7OXhslcyKT30Lks7+GekI7xnn+r7EAYfP5sYnGfkcEkePvA7BAmiAnRmaYJVkwoeiJlbAvFStkyRjFK+tYpiolP1qCt6DXiPqN0isYEm6IXqoXABA0O96SZynxNtF6GYshsViLEVKQd4vv/xtH87Kwwj0VhE0S0fqXul/u/tcI9gv+SMfmWmcDmOeqcsoAS/xpsPTZHlakILHJTh8+17AgL7ffHYuTItIHI0R3dc0/VBBAjdX3JUiMmF61nZXmHJnYzlzqtjG1ekWQ/rKzQpP8c4wPzN14LJGWK48I0OZxM/0LVQ4VzuYqnW00e9vuRgVzcaOsvJhV3ZT6a14hWo0HfBEb7mSQnfd7MYvsnEmptge0HJsnn3GBh4bHW8vDisLDi8PLXBPIXh53ZXy/yO6yXl2cJM/j8DGHWxQBx+Rn8LOFFZAv4BV8t6A5Hx26K5UOnMjp7Pu48ltgIQFSa7tDh9NT3pB/3qqY7T9m8rDTbnQJqFsWYoO6JCcuwpZ+VbmhtNrZpu6x1/+dfXIIYrfrrq2XIVln++rlvazs95g+lD231Gmgb+cFQjaOjW0MVh33i+uk5fOVrRfMGOiLjvnP0x+D5jkgv6IuyhumSu43Vbk1ATEgOCIdRCPlMAYE6ylNCAUijubeBI0Yav0++wpCBg9pB+OCm1MysFrKN3LJwYXabuZn83bUlO1u7J3oHskGbq971u7Je0jjVfnh7VSzGHs/Hoxvvth/OASWrCHqCeVRCfq6NX5oMkkuxz7EAY8eewz7HgJ+iqI1i34JpsafIm7HNdsqzC+gIs02nWa9cpGibpW/KXOfavsa9MaNeH7VQ0d6l0aU4wOZKqsWV+XGm+Dmu8FbXggRjvKhaUjsfuTu2Drt+VZu/8W2bLlpmk7voQWi/E6xGkifOMQjzxVNGiUEkzpXk1wt7Ss9LxPn54loCDakV5+VJ6gFwr0AgoJS6TJHPkadcJsbnx5jnLqqE6eaekqdgpPpziSEujQpCIQwfYCY8MKmg59ElXrJ2q0mSez94HUxKOsVO1z8JHMb/6SWYjBKbz2O2ou5gZpAXJyjsshOfM7jC3X3Avf8wZN6VyxSXka5rzc25i16MucyMVfRdMn+ZZkJsbnNzi91zl7LOPCLrml3uuoDQVK8AG+K2c6UnUmLIFUkQplyxKE/iXul8GxGACPxg/gDyEW4uAuWvjvbzRzUo/dlqf3ehG99lKkD1ph2qAzJwH9nsmyHKLUphK30UCh8l+wcCgQ1OPaVIlJtV35BBV7IIH46+vojSsLDSCAfEyO0+oLo9cDAirLQ07Ic+gGdAZjwJGoAsZnGUpjK+ybmpwVV8CUSCjH2sAUoMZSBGb2VONGt2MthyB0SNNFeSk5vLheoaTNI8sThPampgVKMJ7eoYDFxhEIPChBjv65R17xmogslBf6fB7dEZBWsSfJP9s7GZ8ISAeP+8NQ4ZMNA2DTEhc0WA+lz5UQ4OWfCtSRIlcat7zDGGkr3XLSHD0usulKmGEw3eINsjHPgd0GOR89W/tO7fSfUZZe1iXXXeQd3f+ssCdSySsGWwm8KkdDB6qbM8G3bBLKYh3WVOCaS4ApMPyOAr4aecEyX2dqsal1MsDHaiq83ctb6trWsE897Y6PfzBndvRC2OFu+/hJ2uYMV+BCtQpO61u1rZKrvWkl6Rus0pRc4WOkJeDzqyF/F4juxF2bxFvOzUNsWtLQT7AsfmeR1oBqWjpLKyKjnD0D1NTc5G52ajHLPjuoLBAjloo9VJlKLLq/al1qDTuN+4c3b8AHldiQiPuOIFMfMcEyaNS2A71aLAtQ6jRFMmS1Dcg864AP84Tnu6S31w623M4ElQv6mvLpoQEIKZkiYqSxzEPmTpcir87RByohQuGLLKXfeMNhHACwOERL4bfZn9Ir3kMxqTr2FJyqP5gqfvefwYgbQ0mWHAoD9L9PaL6MvcAxOW5qRi5HZOfTwO6XOyk6diPp/TB2x4bjLqryvv/dTkYWeFHq72Prw5N8S4rjOkMHfz4Rh2JtxZQR72VSOv/DWlhEhUBgQIs6+3L49b4dheVOq4ovK0m/NmBLwtt1N73s+f6nuyLebrRQQAMagkIIS9sdNmdsSwY/12EjKq2IHQHhCm8DgB8fEBHAVEKsBHC4pcEFNaK5PbzVTLoosXwOQNWB974ICwFxvkADZPEpfqFxKOJxW0WhSgPjK6yl4+INIUClMOePGtTLnkRyCbfO0m4HAEjGX1maBWnBTbVm3Swpx0wvta6uiSIQebmy0US3sPSX/gBGQpr8geC2TFc4ZlXJsMblqvPRfk9HA8xTfy//LyHgqT0rP/LKN3ZMgcCD2FhdsnJ/+P9E0Zf+gUdE67Hk/EDzkS8DLqqt3uyyhHf/SQ4QS4fi/6ycIeOpPes3FjaVcUC+eAl8kjTEWmtjs4JI6VJ7cd/9oAcUOKiUhs2IZVewYkeMhdvrxi/PE7WKRNZGUSwtMaGL//AeAYuSvEif+OU27zthy2ePksOjzj+YYvgjCVfywsO2Pow9tbdSve0zEqihdWh/OiYpT0x711Z+yfDGVm+8dlRy+XnSFAHp7gTMJycbZ/bHbm0Id3t0wr3hOw1Euw2BNSb9l/WL80ZtkSiBCTyOOmBgenmgjkMxnDQmheEVfCqxTUPxz0TcjxRA8i3pwW/s2/1H+Btq5dgfy/rhddWoy1POoO7tL+dxvTMRDr9cauV9gFKUq+ody2XJ+5kM3UDibqqinKLR5fjWGvo+rgNvsZHRsBI5Iy2FzVkiLF/ATquhPXri0/NeE1m6IlDW7IJ5m7YbMz9/wXys3XSnicxIBlW5lbl8nP4f2q3PzQYiRCc7RVL7XBWYsHys93NAIxcXBKtDCaAsMTlP24xgJg/WIFHCNSzIVtLEQ3bANhhVAVaLcuCaSwfogJIWF5IanBySlBnWciLSQlODglJM1KID0lOC3ElKguChNqZTz3AwTYnSbpfdvwBohJMkGMgotKsjY7Pr7B1+LiZ6dGKWBrK8/3NbBXr2YbfPMv8o6zDatXG9j5vhcJMRJIJMzKElSgXpBVUZ8lrKhOmJXhxGnOOVAYElJ4IKeZ41TvnqSzB9yCN7AyI44vB7RZg5XNVBZUcVZUksPJ8J+/yS0/L9zIag38B0Bg+93yP2+KDP8cDjI952yVsyCvoMvhl4O8Av4jYB1dHV3+cz9N8fo5BJD20ccB6n4OhODCXzA+7HsZfwMazUZBFlSSyCc+LxXMTkxoaLjDnpo6v2Y/q6H3w66dKIddu2pqFplLnaecShe1j563Ix09ykAxoomoyz/GbJOOtJ1nx7QPcWDomSiGQwA4XG2fSlkHOCxGJYPFOTBhWm0llhKtC0DfrGH13LjEhIUPFD7dcp8HdpgS44Ko2wy0zkW+mf6GYkIpvZRQEKjjaHuq83F6YoCqpaR4N/1oV1Gm89cT83G91YHaQH0BoYSuXyX8DL6ZnYuOO4hFhlxhLevFhur6XFGtJDLcUoey6ifr6iZnAATz+q35Ekm+56EDv6nyJSZpw2B5RiYTDlD4uqUR4xOy/UApLDOTcCCHPKjDN1G8Q7Y7vVlMdzYPqW9x2u0UtKiv3u4MbL0mfm5XyTfXiL7AiQ8IiM+oyX0ZEBMwQZlJjnWObVGIB9yjXv1BK/4+GgWkCDmg6CkaTa1OHakAHPJS9O27mtRSidEoqScQX28YUnVmbW0fJmb7U1+2QsFOiS62IgV1RK2BhhRIN2jrIAZ10IFuUjCaw7GR/d5b4WuHtIPLOX7xMQEBy/o30n5V/krbuG96ZK9KtJS8tPM93LPtObrvA6OkKKVKlzA+9KGfm+kxPrF+N8gR++Q5CdguXP/5austFAbVcq6bQpzHJOqHOqgd5ywUEqX7XA8loI9rMl2tXuv1q5lM3At5uiIu6N/tCph6q1OYaBNdTYl4MdwiF4lUtVgNxAj5fRe+k14VOW9q7rCFt78LMw0TbyyMxqeqEHnnhQdkrTbbnTw3hTlregjWBWhR/RW4ypg2Wftohmhl1J/PUDt05mfqe2MWB7n3d070nSHAJ0zvHaPxMny0o8Hk1+Jn2mqRmooaQ3hmPIfcA+SPFvDbDgMsd+6hvfkm3I6cWStcdEE3tq8OsnOKKW7sStCjS3dVVS7cXrX+ddU8kLyzx5OJaf38eZALZCL2dO4kkQ6fjWDwnaJeRmOGcs93X3aJT+F0ffFUN4TKC0GjoqA+9MbdmPkiXf5RIloF6iIVVVEe7USM2+LXH7jFAo/s5kv3w6Lnli9RuukwJFcihqBwU3RiJy5szM1rpA30DUxBfZ6ME4fpwww1QwV+hQXOmrJNManors/7XntT7jMLCpjBghD9feF9plr1gUVoKSgYj/FIjvVo8YgFSZ4x4wUFLTtUbsgH7FNPEvFyotLNm8nS+z4rGCHL1B8DsR7s7vKyuWX+sreBAJzZ3y6mbjWabgbZrXCoxjYcnmJ/uyFhWUmCc3nGsGJ1/leIeb4vJ4chUotI+8nhZqd11aA14S1UY/jbXy3QJTBjuZmB8h82yI9smFkEyjO5zNgEgc5f/behxjEoAX0WTUWdQyegF0EcEdb56HG0HQDIx9BuSxHo5SgqslZFxE6GzpFN4hx2uLCyfLYjScjtPtd0LjsccJMJ5aGTOALNUdHvWjqMJVWwrnDH7/ies9l++N4Z515hVZCww0s7ymVYIs6QPVDfai3YLFIb0XfQcGixLaSJgF/ihZlymsIExcS3BKwhUCQIM4Uyny3mueFF+//V3xbZGj1ncwpUxW2YPbRitKtJGRuImfpg42U58bXFO6N2Fqd/mgqznRhFukWbrpAJW3xYyDezwPw9uDn4O96r30I4LEFy7/HoaWxsauqm9sA6fLp8oxov8BDgC0WFiBaPc4oLCXdTTz4+1Gjs8QingHpwCt5vcwO4ab0a9wUt5pZt++PEjdyWn7aXu7aA5etHae+GOPFSRdnYb+VIxt/Q6+l/KXrJ+zH/oy0O2jA7hrfzQZOGSkqqGgLKgDk9TiPBbv/hL24WYlFl7AV28E7XWXur9xseHAalaFE47MxfAgzv190v97ukO0Osu0eJkWLvdf06UG4vZNB9GsMave31iMrVbWj7pOC0sLTgRJgADTiPz4xuNtxWEwcUL7uzidxNcaJ0T09YKEyMpctP1x+zyMxOh9tx8pOj7+hTuBUwuBsMUBAIfDInPyE+Lu6IpqCkJISQ6OUouq0KgjQzfPTLIgDMwR4Ns7fz4RjXdx1JLSgrCqYleiVP39EOwclLjvn7exZSToK7wmEANN6b7d0zyZ716zjG6CJILzjciVQ/lmo1b1gXkE9CkP14/ol1YOz0Reb+mJ1MM1GWM7br629nia3pDwu3jAn1QkCy6CPxSkbe7dt5zUn+onR+GjdEx8soca98VX73krtEiC6Nm84vvOev8vVVpxHIp0X/ngrm/WZt6OonvJfQbhplsZyNJK9VWZsaI6NcnLe7p3Dlvy+78XhJpGrNp6Yl7QgXqZtaqBGnxceplNFBKg7l2ImThp+ufn10jBm5OPLWu4P1sNf9zNVQyan52gG+jsOLB1ncBD1HQN494hAQrPUO5FueC/tdYUV8WaYosFm/1VmVyKY37mcRUZcqXLjcVB1X4GBdGRWb55/3DfpK+Aqh7hDuLMWhP1lx6HOEc4Ze6Jv7N0qKa8pe6Lnrc2qkayRXd9NCO+nxsMjIMD+v0qznw4lDWLUD4jcotsrxjiEMOYdxafnppzufzhl3HmyUz5WDdaYTQ2PN19r3H7CDbsvaju2erFgCHpNJtSDqc9f7yQYcoAvqinPYmd7Ll3tnsg2n2TkCG5x9OezTBoIjZ56hGgMbqeptLJaZpFKTrPiZrEha4PmLZU9BUWiBVFogK3oGv9SEORbJOn964gIR3YmQEFu2Ao+EYO4wQDvIbDBKcsWPK/3GewQCMbVRcs+WvwH+vyE5KJHDSQxKPhwgLj+Rkxx0GCWOfSWWEpwJpQw945ApEZQ8cieU0EsI4HdMxPzSN5c6JlVVSivN6iHt9No1qyIaSqfpCVvx6fY/1qFdvTjQdpdNmbFEM7bs+fYH2QMXSWX6Phn2Dbz9X2CIKMDlveQ4HF2w1mu34wC9neBCj2HSln/IE5dqHq4vtvuhkLx5Od2U/OeRLRFUzby6NBImFQEYOvm5NaQNrrHU1A/XB31SXSm5V+JW7XHTFXoUkQvICYokNaPAM4N8iJ8IQpn+jqVGaUGUb6zH2BnxswZCAe5OdTRYEM9VC+J1GRnJSU1K0bK21sT02BSRMM17c4U7LeUhjRWUhUWmF9FjDrh67aERHhW9qzUCzD9yqlqkE+lF0b/FoBtQVaJgBtLE6GOY3jPWMN4btSIZQRUSt3pvprObMxNmcQWu211funZqZPum4tU0h43KpTFbl6qUm5BACrp8y8xWob9njHCenXvh8I6LdOQptSV0U5nUjvPnhe5m0YULFiqTcme4w8AAYnbdClcG83ODfOSybUyquzMnV8Pj6AnMQo/HdHokZ/aEtn5k9xsWsgPqQbK817q4s/gCftVxVSxZtcp1GWwElsuEkhXkHk4PuT7UJMnPkxRIpwnkl+Sf3pnFn771EbXWdsxHS4AafwsFrXVUXkxePbw1dqEuV/42zZBpTkqcErQL54y7LuenJJVrdbyYFdjS7FBHgeftuxtY2qUYx2PEmJ5/FMLbySFQOjb205qMLIu8iyPi9kAEdwDtwcGutlgGfsUCd9iEcITl0IQxBQGU00uuszgsbYJUz/a6nWzVXIgdUPp5cdI1IbkE6vXyK6JK/+eB/rRxRF7/keH70pfxcREvJ6o5fuz9i7nzWlwdyS2r1zanLmOiwXHkbG5Rlw3v86Pn5Me8MzCmaE70Owwc4w7diTbFVnlvnLo5tVE9hP2Oxb1acTrF6pPDk/9NjkhO/1slBrTS/QMOhdSlpu32VHvumjWbAXfyuNtmN+3qA/XqSUur56VyghND/B3Vnmr+y1d4tSPJ6zrMoy4trZd2vdlN6jD17Mbd83cMThNyM3mkOSzQ1AbAzSWSIEcOiH1H9YikMnxvDPtxbn+91l2c94ChCjq99ixiiB+s5SSZTZ2ZE81YOf7t37QrlfwjJGKdrm8vJpvIiTvlJTYWX2UgjFjkLgVL4B+XtA/hELjNf279sby6p78uvLU8CpWC8hgxHb7afbVxeFlTc+/N6fEtvXjcuV+FFd1AMPbbUPepJrk9qpxqz7kYRmJXZPzxl1YfpXZRl2p1LcWT9nDkScaGrBp4AISPPOJGcpujmYrd4G4DuEa5Mm6A/l5DK6ZrHtPn0B9raGOFKEpXAgFcnwF1FTY+25MGcF5Wbd7OwaljcE0UEdAf4OtrcOfMkLxckVE6w3fME4nypMYZVZSbV6fnrf7fkBKUwAlMDEw+DCA4WRx4ODOwQT8a8WVPl2sdMN8xBKRPnHrJ02UqYbwKCBF0s18bo9N9yxjFfE/qNBvoNudxP3UXTvuMAgaNFW6FUZjQpL6buH2WrfJModZEy9mzHZ3d9fUWKonakZM9OmqhMtEdnFEgjhMMpVzRZ3RTutt7xZYkYPa9BzOQwoGcok9Is56CfegfCQ8czSzKAEs+FPeZn426FtxMgDGSNUDhuottsz7CkGf6URwQjyCRCCNvcGdKDUoPOZlu6CFpvPSiAZV/D2odpl3O9nZITdZitU8MW4tJhat9lWz9YnuNfWSbMFMgyCwXZGXyywmklgsyT7LrO3zVq1R+oIKrJ50llgBBTb4ApieNk/Tnkpwq3xObXYpuiconmj1IILDBab9cLOfQH+XT6ehxtFWLwdir4uqb5CsI1GmvwhBmhUwrbUt2Xb6H4k2MIXozPnMvFqbJGhDyZWJ5hs9l1mHczG4aHD/mhXV+R7J4W5hNNDuSBTJiN23tIseBKNX6v1bpMDYcU8fRQDPXaFXIoyjY/WYcQJ/dGsUixrIErjPbSBaWXwB9ss0FfexsjcfQnxP8l5rHSWdRmxyOIPV694lRm7c3X6xXpMaBzQ9GR3OyO8rGryBLfX13Z8fZsxYKidqvfWEl6p/VG9l8vZ4P0Eb1wMBBAbcHjTqpYAt9j+BP+lHchxRaE9NC+pnQSA9eOFr5Ppme8ZQPQAelCX4qNlvlp8uyVSq2n6XmMYkkRyjOsU/BuLphWZRBlh/yoNduryNalOfxRHr3sHFQFU8S3P3CS8WKvFYEqJbT2XZswt9eu3WHXW3B6paEUPpCNtcQJNYEs4vlSZgH/7pJ3rqFKSBvPXeGYNOjg6HFAeqkHxEnkKYcvlAvJFfC7jk4qfZvpKf5k2MvtFhCpJG5VaIHRPQ08S4awpMgyAzWS5+jijXsxadSUqmA6th9OCsvKS8F+dzbsyst7QFpMX+x08ODx09ULeieebIewNBrlgHQt5XKTjk1/kdYCkPi7r1WLl1j1KbdeJbMWO6xOhS4gJQNaWkPSYvduQ52i8HxE0ULGMnPHo/6qxqWszqAR3RxSaFL3VlmTSg4NR70g1Z73b4b5YOtCxNcACiD9b+LcCb56VL++v12ZJvkM7sgifvt+5gkeTE7WKwxBLsfiKoSReZKuJaWC+RYmyt9436VE/pSJVko1OfwTahLP6qTigOqiBDeCYLQd+WlmMFxMep5sGEv5JhScC4dhCbokMzH343LU5Ep7onLuEEaasW+iGve18qzgEnkZJdz3ft6+AFWNuftTSM9GpvpGO72Y/Wlq5hMv5QdNyOT4/1i2bK4NN+RBL03HMlWKOPyjOTcdjKfV9IdvAqHQnmMF7/vWvZ1ZxkDCA+CTTTjOxqZ9s5IM+T4vi8jkXpUZBMQA4oARD9NyZ0NYErsvvH1ERiaf3Xo8tr5h8Df22MeVsheo/UuBNO0Rgk2Rb5yY5wg6mFnS3hfb5V7c4Srs3GDyCc90+Me9SKCS97poeHWx7l9Jx91dqwymhik24eBV1vkBut2MW2P6efoNZ7dnq81T82rKlLS4unOy/YtVofB8hjq6KiSGpnzPOr2rzttH1+8RvARu22niTebMEhtoW+p7+NJ4unp3Qg+4BKs1Acw0Z5/vYha7jE5N15PmPtgTJc/y7kxaJx4mcJaFxDj38Viv5UfUBCYlMHowYDogAFWFDVadAcQ9Gmj6gxHdIuixA5bkPrI1rJFMpmjbFGZbJGsLPU6J2vrA+YuiGZsv/bYFuEzymF9eHmWoB5rE2RdJIKpswQXba1lP8k5J2T8fbAjATGBeGDmuGc5Jj2JK689HUf4rWmyPFumqOD/8XNJHp6It2pfCCxO9StKhrMcnziOp65unXcMsSD5o9D0U//qoqaoxSlzNjNTT94//4rLF4fUZzSZfAnifY7/Iy09EIKc7pb5Iy3hl2NMqIe+VW6sDT62iTrbzXC6D0+ikN5RSNW0p2ns+yRt/TMPy5kvz9cBNhrUbTR2vHgDRbvfhkLntsdctlN0Tnb3WF9/ZJIxylyWoSkmNSc4Rrpl/pYuH+x9gBMbeMA7MFo8tnBMLQ7aVojjHNj6m0eptFTSLG02HpD6lKCKYBcZzxm5kwW8odMsJcSkkiAle+hS+bJKSr2DxeEixMS/UVGYumUM8F7atVGO/EBR8he7iPLnSko+RKIC6jb4RRATUuIZUFvOBAvxDCrYUFYdGW6nQUQKQ52KiK7vQN1H9oRZbgZ8QJf3E30UoznblkaiHDf/aP5OB9L11F8n8CTmsM7ppzLHfy6Jrd+dPk9i6wNRNnkjtauEh7WYaXSC/JxM1sRN+GAr5fbyg79wmu9sJP5f4Lr09ZEA0smDlzqrD/19WPywVcbFk+5dHXa6/Y++uqPf+aeiS9LnwpZNCkkwz9161r9zArAgYoA/d/0Oy2Npg9Qkzs8TF7ycRS/rXPfR69pZNdQZxan8fbM3+9ut2wHVpGl5J7QhmuAgDTfNSqCgJlgb8vwXwB+swVNtUi4IrE7saO1OjN0rFmoJWnt7BBfGY3RXb45fdN+CZnb2aJJSkno6mWhLdoZT+yXSsaTCy39neBWhBw/6aA8FKEVPOBBlpoz1UhRWAMqQOqNpAcgQQn8Io82vX988FlV6kZ6LM5o+uxpMWCjz2qSJHOPgTAkyTxqNpurvUWlGv/jPOc4qhwIXMHktO28SkDMToIIRIqRwvPXKqtFGH+3YHZ3Nrtx/mqDAkUZMcfiMWMD9QpNkdNEObvdvTx91U5jUbvCVyFCm4bRKHtF610IFgQvRDq+30Z/KHbBQGdRugR3opjJsCgrz0vBcgA/kZcz9istdvpJuJYuv2bSOiIhL4N667olY7oGJdqUTfI96YsM1FADb9+Ydp3p+hgDQyweit2EAcOoPuHSJqjl08Vx/TVcryhBYkRv4aW6XJnTFkmbZFZjzuLO8JCM9A2d6jkDYpf98z5rx/i1wySc0wDyTtMLwfua/5Tz9yT+DPVCmfwiNr5a8WlqEgkFMCOkcSD51OoPLtR9V9AV8HdpIfGZCBXv877NAz5PfbtjiPqmJfzuZ77ht154Q9j9/1Dz5+HuNz78hR4d2zjDgtUVXi64kWuZaEtuJkmcYgP4kaYHj/c1nU7kZp04HRfNF8xmE7rf2wuMsgXtiRDmb3fZzdgtj4wrqgqqCGnEtUEHclL6dmMi5vrQ60FEeXxurjSzFFGFy2UbfCO2UT5fL5qT2u9qIUqw9ks5XEjTfzi3o4ZwfmiyK3ZydhUPU2E1G7cuuGWuN6WnLw0zGWdQVHXgYfkX1/NvYVcYQ7QuwC9SG5NselcPmeAs7H/vL7IMYVMvKiOS0Eq42vCIiha1ky+Xs17NA8Od3pUwJLT9WOGeFv7yrNbqxfhXqaxDUK2CA2ekGR9G8T3ba+blOG1oHlnUw73vAsIvpdoFqSe8KlkuAW6I0Kak0M2DlWvlQMis6l6d0VrzEYbQxgeR+EQX5EqbfRGoVRE894x33dCvn8SGXERFCRQEgBbnpN4OWObq5u2M0xjOlPFvwHjEqZhgwAHl4uL+s8jpZbmV2zcZKO+YceWvR7JaVR7wmCFRY9TfhZWElth0S3s8w5822wWFEXiX8P0uakg8WtndQmP2W0opn/1qoRAywRbWs+1GLslAtz/4trbD0MykdC9sBP8KbCY9oQ3SjW/FCEfEWKpPSY+nosFRrtadjuZHK9hriOSIzdyzvqZWkDssOfVtAWm75GcQwqR0hCytrpe9xWD+ue/AGb3l8w3s87jd7pm3ISfM+ZNlhGVXTkp7/OjQLJpjbA4RZmdT8Bfcs1G6G07aRDioDDWQv23Smby9FM1C6vhv/n6TMQab0J/+7dzuIC6ftRQTGIDP0J/9v6SZoht6l++2EzrKhaQvSCyAea5DFg3QFC2gOdzt8Obi6m2y/GG413cKT+jQLrGO3VrzWL1HLPbX1DQ1806x8lPaG63Kl7VO1xocIl0t70PXCOKHP0XnKaJzy+/CMi0Ts4OGzBXysAkDWJB81Jf9vOuY6FR4Qxr3jcMzvjklH9AayA+aDc8Pd1IFFmYocVT22BlviXxagzuEp/H4kD+tWq3jlCueHqsLMd5eepDCNOI6UGXhtY36gY/x/oUlZLD0rF23EJElXxDY7rWQu7Q5NzPK2PyHJ0r5IHbEm4NTc7h2jA5FpSDkG6x/aH7YDyOD9/XLKll0UxddLlv7B6Uar2uQAYuBnUvlSMxCzeqIdnghNGE3Dgexy0Xw/qOs8Mwg9FRaicfiCeYyGY0SzPH5QRHizu8UzxLMxENVjC3+2isF8zPTX8LWkJYd0AxIiHoi0fKX0pCYAY5ukJ0HM86bdeU0TVaqO8oLe+WyXm/tykc50TMSZzKPTSzIdl10ARHg39t7Y+X6zyXVCxgDB5XHboHKUxy5cqBo8ALSJpWML1XozT4cuDLBF5PhBSj77ofDklaHVVaErekmq/4Qg7UXLVvbsdldesAYf1g/ANu2+OBDyBImWVkvYoWyyOmtqwCRqlM65p/rssws2JQVoAo9oHr0mGHvsDIFnoeWuJRo55wgattJHLvdRsn8kEPFpmarWoK2L+qodCR4Ex2Wov7ou8tK53PSikHS0FaWH3K8CPiXuxoaFnnVOSkV9fbulXi6vV8sfneLpPGa3EzI8rl9G4jypOLmmoFUU7wjDe9Efhm3af416uLMragfVE4c88ahrij6KBaZpnzfWt/7cE0OXGJSq9YZuQZQhP9Y58lp3crB236IJ7C2z3kfp6/EVhjDxdFBjjL/hlhL+DLQzcJODE5M5mqCxlMDkgOAEbqJ9zq+LRjBLISZuLabhL/iG2S99zfu7qLrOLmG6d6srHiqdPbsI7lwEq28qjfCuDWzdj5GjS/zO3mFC3vhGaAMk+H0YCIhbbKoiwpO1KAtqzVNio0311LuYurtxGQJTFSDscpD0E1qO/lTPzOh7uMJrRZMMQqv5EBLrz30aIHs9v4hUXKsO+MWn9L8C1Xr4l+1r6DepZJ4f267xbE205GXhvMsBFzuxNTXDijFqOCXAsDpB4dbAje+RB1bqQeo2k1ca1w6SpjTA4KPHtR2GMBuP9aLg+WWM1fl/JiBpmwmj0vrRFToQNZmmRYjcJSE43cpKTmPl0V7Wagm1H4ZEpkWnCkzXouMmFMS3+K8GfgXgfenHU6mZD0RGirPd6DSt3uqC+UEO/J4smKTfD2rEuFTUMCvJ+NEiJjSaHn6IFTLxA+XrilYWT/w2PFdrnBCffJnVAcOGmAEDei8qY9Cc+Cg6rYJLHbKNVKTU+LjNXqgznurGZEVvK5faYylMknvJw3kNZYWTzrHA4JZN4Q+OPJ36R0aSR4rzIhZ7z0KPOmc07z75mj0ck/JKGwATYeIJgET+SQpiZZyxidgv/cnKuWltrkdxBX8YE4qvlZS3AeQ7TaInorqs1T0MK21neekTJkRhMu0meuepVY5QGaKwsldnPeGLE9syzSw77rpfVcQTJG3xRtAU8atCT0YBUDdhnQCnwjjmqFjSfBODASaeECFiStE4IMdZM2V8wkk0jEWzMGBYvdhFhDzwwCtV1RblIo6lsBqTrCJFwDhMystMx4QBmXX08yCt/zCEdXNTIsqxZVvTwsJn0gANWOx5744a/h9msw6Af8Stj5SqGRl+BZBMz2kB/2NTze1YOirV5qaEsw7Q9sJ/NNsMXvPsX3fFeB2FRAI4cwI0m0EiGGiW9B9Ru3J9y6CYR61D0CzMtDFSdo1xmr0zfv6hMUHPozFR82xMdXR88DQzZyLSGYJG11GjGLs1qqG/RjN2d/r8T2NY+jWmsX9j13xWo8eM9TRlCAgRdVYMGSlhIxzx9f0bbfIQnAb+x9AQ+rL3t3enq/5CxhBEmaa1H2I0mQlSZX9OHh16L1kdpEQVby7G+sfbt4ZU801J9ew3AQIR0jKFQf9woghmskfrD9/fkJV4IFA6/zeCBsH1z7x3847C+RdlqpSCxDda1gcR6UbGTFVRGeKf/lTkVUNkanKxElKiG+dDr/3wFmUztPQWvVjVfiJFMM1uBmekAgQNWnToMcQIf2HusyYho6BiTBAlWVE13TAtO5XOZHP5glMslSvVWr3RbLUfFX/29PqD4Wg8mc7mi+VqvdHpDUaT2WK12R1Ol9vj9fkDwdBfOjBHY/Hv9v/nSqUz2Vy+UCyVK9VavdFstTvdXn8wHI0n09l8sVytN1skFjWPLLX1Mdc+931d50A+AvUE3Cfs6QHSOKqR+sQPVA7Z5u8FSPv+E89Hl4A98Hp0VIhLZIDtxDT6lZaOpwMxjd4hj27WmexZUglA6RNF9JKUcD4yludhCTf0Yu8yyB4vMyTgw+Y6bKIRzzZHJJZinD1OiPY3uaTTqYMma2DgG76aawre1DhJLnmC3AlbtE7qUk840Nm+TjSGVbczBuKGVnWbNYoUCcvAEK1kxX+/cribyiMliBGBj8EQkcZIYdsT7xdMDlz6gSZtfcANszRKMsh8Y/mIqw1BnjdNGMcwSUGJIwp8Jxs/xPda6SkBXy9T2OYteTKkY/kh68RvU0/kyMmAb0+gB25LD8EicTjbGpsyFSCWhHWHVFKd5CYvS2mtq8El2XmCjIdRnFuGtGIbvYkgPrHj/XpK68ZRl6ywfQClUt/9/XejqBjs7u8+GQ2wSzQNq68nnp9TJyVdyh+SqA+UP9BhNTFI709zuZHQUZpO2do9hXge47NSgUwAmmmzqVCADJJWFVUwEKcsPqIIYWTar5Bz9VYFpCFniKTkfdJUYRuQYZA/rd2Ha2LbIZkcOUrCMlgzetQFcg0iX3aP2SIC45FVMBoyySNVOEeh9jAs8gafErLCRf4nNPcC1GOfq8R7VJEyPI68n+Se2rPoyjV7AT3LE16kHnLAAKwHWvtCgsYwzSFpkougFzBKgwGEROpNBIcS70ZCB0Ev8i5QxDvxNG9Rk5wS2gR0hQ67m+T9a7t/SMU0MiiLsaP37HFJTRQmbt8hkx4pTSF4j3a8xUumIoU0FamUT2DsTlC1grDwzF2j0GGskxhM7ox8InQJ+CxXrK6HAypA7ExeZb6G6BrZDpKKDN040rJ4NIGUY8b74OjIpHjgT8gU49CsJpVDZRcKKgwAWr9qkPXEb3TAObERF/7VoeAS6jqgIog4z3/siFChmZKqQo4zjdmcJ7ysYXhlJFSYA6lpQJNYr0DrgE1TiDwmyqHS989Lg69QU5xgJSUtDLQSigs2Ks+8gCa2ay8KIgk7e+fbopPaCeM2SGLNCrlYlmaWiNgnA1I8UyZCUG7eQWDx0UFYJh1Zhekn/6okP6JJIOviLKAJ2LilRo8x1oMKQpwq/PyIHOg6BA20FpIzkZfa+rMGQ0sKVxifRSUfs6ncRKn3MRCw9ail44l3e9KUau7DqCQwFaaf8jMA") format("woff2"), url("../fonts/shop-iconfont/iconfont.woff?t=1659598557217") format("woff"), url("../fonts/shop-iconfont/iconfont.ttf?t=1659598557217") format("truetype"); }



.shop-iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: shop-iconfont !important; }



.icona-zaixianxuexikaoshipeixunkecheng-13::before { content: ""; }



.iconshipin::before { content: ""; }



.iconzhuanlan::before { content: ""; }



.iconzhibohuifang::before { content: ""; }



.iconzhibo::before { content: ""; }



.icondown::before { content: ""; }



.iconyinpin::before { content: ""; }



.iconwenzhang::before { content: ""; }



.iconxiaochengxuzhibo::before { content: ""; }



.iconicon-zixun::before { content: ""; }



.iconrenzheng::before { content: ""; }



.iconicon-fenxiaochengyuan::before { content: ""; }



.iconicon-fenxiaoguize::before { content: ""; }



.iconicon-fenxiaotuiguang::before { content: ""; }



.iconicon-fenxiaodengji::before { content: ""; }



.iconicon-fenxiaodingdan::before { content: ""; }



.iconicon-fenxiaoshangpin::before { content: ""; }



.iconicon-shouhuodizhi::before { content: ""; }



.iconicon-fuwuxieyi::before { content: ""; }



.iconicon-wodetuiguang::before { content: ""; }



.iconicon-yinsixieyi::before { content: ""; }



.iconicon-butiejin::before { content: ""; }



.iconicon-wodegouwuche::before { content: ""; }



.iconicon-wodeziyuan::before { content: ""; }



.iconicon-tuangouzhongxin::before { content: ""; }



.iconicon-zaixiankefu::before { content: ""; }



.iconicon-wodezixun::before { content: ""; }



.iconicon-jifenshangcheng::before { content: ""; }



.iconicon-shezhi::before { content: ""; }



.iconicon-fenxiaozhongxin::before { content: ""; }



.iconicon-wodeshoucang::before { content: ""; }



.iconicon-wodeyouhuiquan::before { content: ""; }



.iconicon-fenxiangzhuanqian::before { content: ""; }



.iconjianduyuanxinxiang::before { content: ""; }



.iconfalvyuanzhuxinxiang::before { content: ""; }



.iconshouchangxinxiang::before { content: ""; }



.iconjubaoxinxiang::before { content: ""; }



.iconweijipuguang::before { content: ""; }



.iconjieyidahuo::before { content: ""; }



.iconlianzhengjiaoyu::before { content: ""; }



.iconfalvyuanzhu::before { content: ""; }



.icontaolunjiaoliu::before { content: ""; }



.iconshiwugongkai::before { content: ""; }



.iconicon_19_fenxiang::before { content: ""; }



.iconicon_04_fanhui::before { content: ""; }



.iconweixin::before { content: ""; }



.iconfenxiang::before { content: ""; }



.iconjishi::before { content: ""; }



.iconquanyi-kexiaofei1::before { content: ""; }



.iconquanyi-songjifensvg::before { content: ""; }



.iconquanyi-kexiaofei::before { content: ""; }



.iconquanyi-jifenbeishuai::before { content: ""; }



.iconquanyi-baoyou::before { content: ""; }



.iconmimayincang::before { content: ""; }



.iconmimaxianshi::before { content: ""; }



.icona-icon_caidan_faxian-xuanzhongbeifen4::before { content: ""; }



.iconicon_dingwei::before { content: ""; }



.iconicon-dianhua::before { content: ""; }



.iconweixinweixin::before { content: ""; }



.icona-daohangdaohang-icon::before { content: ""; }



.icona-dianhuadianhua-icon::before { content: ""; }



.icon-time::before { content: ""; }



.icon-play::before { content: ""; }



.icon-sequence::before { content: ""; }



.icon-Fas_back::before { content: ""; }



.icon-Collection-fill::before { content: ""; }



.icon-live::before { content: ""; }



.icon-download::before { content: ""; }



.icon-unlock::before { content: ""; }



.icon-replay::before { content: ""; }



.iconCollection-border::before { content: ""; }



.icon-audio::before { content: ""; }



.icon-lock::before { content: ""; }



.icon-sell::before { content: ""; }



.icon-loop::before { content: ""; }



.icon-Fast_forward::before { content: ""; }



.icon-write_in::before { content: ""; }



.icon-vedio::before { content: ""; }



.iconicon_daidengji_full::before { content: ""; }



.iconicon_yuyuechenggong_full::before { content: ""; }



.iconicon_daipingjia_full::before { content: ""; }



.iconicon_daifukuan_full::before { content: ""; }



.iconicon_daiyuyue_full::before { content: ""; }



.iconicon-dibuwodenew::before { content: ""; }



.iconicon-dibukefunew::before { content: ""; }



.iconicon-dibugouwuchenew::before { content: ""; }



.iconicon_yuyuechenggong::before { content: ""; }



.iconicon_qiehuan::before { content: ""; }



.iconicon_fenxianghaibao::before { content: ""; }



.iconicon_fenxiangweixin::before { content: ""; }



.iconicon_fenxiangpengyouquan::before { content: ""; }



.iconicon_jianshao::before { content: ""; }



.iconicon_weixinzhifu::before { content: ""; }



.iconicon_zhifubaozhifu::before { content: ""; }



.iconpicfill::before { content: ""; }



.iconcameraadd::before { content: ""; }



.iconsend::before { content: ""; }



.iconshare::before { content: ""; }



.iconinfofill::before { content: ""; }



.iconinfo::before { content: ""; }



.iconappreciate::before { content: ""; }



.icontimefill::before { content: ""; }



.icontime::before { content: ""; }



.iconcomment::before { content: ""; }



.icondeliver::before { content: ""; }



.iconpay::before { content: ""; }



.iconform::before { content: ""; }



.iconpic::before { content: ""; }



.iconrefund::before { content: ""; }



.iconaddressbook::before { content: ""; }



.iconcheck::before { content: ""; }



.iconclose::before { content: ""; }



.iconedit::before { content: ""; }



.iconemoji::before { content: ""; }



.iconfavorfill::before { content: ""; }



.iconfavor::before { content: ""; }



.iconloading::before { content: ""; }



.iconlocationfill::before { content: ""; }



.iconlocation::before { content: ""; }



.iconphone::before { content: ""; }



.iconroundcheckfill::before { content: ""; }



.iconroundcheck::before { content: ""; }



.iconroundclosefill::before { content: ""; }



.iconroundclose::before { content: ""; }



.iconsearch::before { content: ""; }



.iconwarnfill::before { content: ""; }



.iconwarn::before { content: ""; }



.iconcamerafill::before { content: ""; }



.iconcamera::before { content: ""; }



.iconback::before { content: ""; }



.iconright::before { content: ""; }



.iconrefresh::before { content: ""; }



.icondeletefill::before { content: ""; }



.iconcart::before { content: ""; }



.icondelete::before { content: ""; }



.iconcartfill::before { content: ""; }



.iconroundaddfill::before { content: ""; }



.iconroundadd::before { content: ""; }



.iconadd::before { content: ""; }



.iconservice::before { content: ""; }



.iconservicefill::before { content: ""; }



.iconplayfill::before { content: ""; }



.iconstop::before { content: ""; }



.icontriangledownfill::before { content: ""; }



.icontriangleupfill::before { content: ""; }



.iconrecordfill::before { content: ""; }



.iconrecord::before { content: ""; }



.search-popup { --primaryColor: #ff4135; --bgColor: #fff; --fontColor: #222; --labelColor: #ff4135; }



.search-popup { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0, 0, 0, 0.9); transform: translateY(101%); transition: 0.3s; }



.search-popup .overlay-layer { position: absolute; inset: 0px; display: block; }



.search-popup .close-search { position: absolute; right: 25px; top: 25px; font-size: 22px; color: rgb(255, 255, 255); cursor: pointer; z-index: 5; transition: 0.5s; }



.search-popup .close-search:hover { color: var(--primaryColor); }



.search-popup .search-form { position: relative; padding: 0px 15px; max-width: 1024px; margin: 150px auto 100px; opacity: 0; transform: translateY(50px); z-index: 10; }



.search-popup .search-form .form-group { margin-bottom: 30px; }



.search-popup .search-form fieldset { position: relative; border-radius: 12px; }



.search-popup .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 20px 30px; background: rgb(255, 255, 255); line-height: 30px; font-size: 24px; color: rgb(35, 49, 69); border-radius: 7px; }



.search-popup .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0px; top: 0px; text-align: center; width: 220px; height: 70px; padding: 20px 10px; line-height: 30px; font-size: 20px; cursor: pointer; text-transform: uppercase; border-radius: 0px 7px 7px 0px; background: var(--primaryColor); color: rgb(255, 255, 255) !important; }



.search-popup .search-form fieldset input[type="submit"]:hover { transform: translateY(0px); }



.search-popup h3 { text-transform: uppercase; font-size: 20px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 20px; letter-spacing: 1px; text-align: center; }



.search-popup .recent-searches { font-size: 16px; color: rgb(255, 255, 255); text-align: center; }



.search-popup .recent-searches li { display: inline-block; margin: 0px 10px 10px 0px; }



.search-popup .recent-searches li a { display: block; line-height: 24px; border: 1px solid rgb(255, 255, 255); padding: 7px 15px; color: rgb(255, 255, 255); border-radius: 3px; transition: 0.5s; }



.search-popup .recent-searches li a:hover { color: var(--primaryColor); border-color: var(--primaryColor); }



.search-popup.popup-visible { transform: translateY(0px); visibility: visible; opacity: 1; }



.search-popup.popup-visible .search-form { opacity: 1; transform: translateY(0px); transition: 0.9s 0.5s; }



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

  .search-popup .search-form fieldset input[type="submit"] { position: relative; width: 100%; border-radius: 7px; }

  .search-popup .search-form fieldset input[type="search"] { margin-bottom: 15px; }

}



.mobile .gw-editor-module .search-popup .search-form fieldset input[type="submit"] { position: relative; width: 100%; border-radius: 7px; }



.mobile .gw-editor-module .search-popup .search-form fieldset input[type="search"] { margin-bottom: 15px; }



.gw-select { position: relative; display: inline-block; width: 112px; cursor: pointer; font-size: 12px; }



.gw-select-trigger { display: flex; align-items: center; justify-content: space-between; height: 30px; padding: 0px 8px; border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(255, 255, 255); transition: border-color 0.2s; }



.gw-select-trigger:hover { border-color: rgb(192, 196, 204); }



.gw-select-trigger i { font-size: 12px; color: rgb(192, 196, 204); transition: transform 0.2s; }



.gw-select-label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: rgb(96, 98, 102); }



.gw-select-dropdown { display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 1000; margin-top: 4px; background: rgb(255, 255, 255); border: 1px solid rgb(232, 232, 232); border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; max-height: 160px; overflow-y: auto; }



.gw-select.open .gw-select-dropdown { display: block; }



.gw-select.open .gw-select-trigger i { transform: rotate(180deg); }



.gw-select.open .gw-select-trigger { border-color: rgb(45, 141, 240); }



.gw-select-option { padding: 6px 8px; color: rgb(96, 98, 102); transition: background 0.15s; }



.gw-select-option:hover { background: rgb(240, 247, 255); color: rgb(45, 141, 240); }



.gw-select-option.active { color: rgb(45, 141, 240); font-weight: 600; }



.gw-color-picker { position: relative; display: inline-flex; align-items: center; height: 30px; border: 1px solid rgb(232, 232, 232); border-radius: 2px; background: rgb(255, 255, 255); width: 112px; cursor: pointer; transition: border-color 0.2s; }



.gw-color-picker:hover { border-color: rgb(192, 196, 204); }



.gw-color-trigger { display: flex; align-items: center; cursor: pointer; width: 100%; height: 100%; padding: 0px 6px; }



.gw-color-preview { width: 18px; height: 18px; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.08); flex-shrink: 0; }



.gw-editor-color-picker { width: 112px; height: 36px; border-radius: 2px; box-sizing: border-box; background: rgb(255, 255, 255); }



.gw-editor-color-picker .gw-color-trigger { justify-content: space-between; gap: 8px; padding: 9px 8px; }



.gw-editor-color-picker .gw-color-preview { order: 2; width: 16px; height: 16px; border: 1px solid rgb(220, 220, 220); border-radius: 50%; box-sizing: border-box; }



.gw-editor-color-picker .gw-color-bar-hex { order: 1; color: rgb(96, 98, 102); font-size: 12px; line-height: 16px; font-family: monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.gw-module-color-picker { width: auto; min-width: 82px; height: 24px; border-radius: 4px; background: rgb(245, 245, 245); }



.gw-module-color-picker .gw-color-trigger { gap: 6px; padding: 3px 8px 3px 3px; }



.gw-module-color-picker .gw-color-preview { width: 16px; height: 16px; border: none; border-radius: 2px; }



.gw-module-color-picker .gw-color-bar-hex { color: rgb(51, 51, 51); font-size: 11px; font-family: monospace; white-space: nowrap; }



.gw-module-color-picker.gw-module-color-picker-lg { width: 112px; height: 36px; background: rgb(255, 255, 255); border-radius: 2px; box-sizing: border-box; }



.gw-module-color-picker.gw-module-color-picker-lg .gw-color-trigger { justify-content: space-between; gap: 8px; padding: 9px 8px; }



.gw-module-color-picker.gw-module-color-picker-lg .gw-color-preview { order: 2; width: 16px; height: 16px; border: 1px solid rgb(220, 220, 220); border-radius: 50%; box-sizing: border-box; }



.gw-module-color-picker.gw-module-color-picker-lg .gw-color-bar-hex { order: 1; color: rgb(96, 98, 102); font-size: 12px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; }



.gw-color-hex { width: 54px; border: none; outline: 0px; font-size: 11px; color: rgb(96, 98, 102); margin-left: 6px; font-family: "SF Mono", Monaco, monospace; text-transform: uppercase; background: 0px 0px; }



.gw-color-panel { width: 220px; background: rgb(255, 255, 255); border: 1px solid rgb(224, 224, 224); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 24px; padding: 10px; font-size: 12px; }



.gw-color-saturation { position: relative; width: 100%; height: 120px; border-radius: 3px; cursor: crosshair; overflow: hidden; }



.gw-color-white { position: absolute; inset: 0px; background: linear-gradient(to right, rgb(255, 255, 255), transparent); }



.gw-color-black { position: absolute; inset: 0px; background: linear-gradient(transparent, rgb(0, 0, 0)); }



.gw-color-sat-cursor { position: absolute; width: 12px; height: 12px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px; transform: translate(-50%, -50%); pointer-events: none; }



.gw-color-sliders { margin-top: 10px; display: flex; flex-direction: column; gap: 6px; }



.gw-color-hue-bar { position: relative; width: 100%; height: 10px; border-radius: 5px; cursor: pointer; background: linear-gradient(to right, red, rgb(255, 255, 0), rgb(0, 255, 0), rgb(0, 255, 255), rgb(0, 0, 255), rgb(255, 0, 255), red); }



.gw-color-alpha-cursor, .gw-color-hue-cursor { position: absolute; top: -3px; width: 16px; height: 16px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px; transform: translateX(-50%); pointer-events: none; }



.gw-color-alpha-bar { position: relative; width: 100%; height: 10px; border-radius: 5px; cursor: pointer; background-image: linear-gradient(45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(-45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgb(204, 204, 204) 75%), linear-gradient(-45deg, transparent 75%, rgb(204, 204, 204) 75%); background-size: 8px 8px; background-position: 0px 0px, 0px 4px, 4px -4px, -4px 0px; }



.gw-color-alpha-gradient { position: absolute; inset: 0px; border-radius: 5px; }



.gw-color-overlay { position: fixed; inset: 0px; z-index: 10000; background: 0px 0px; }



.gw-color-section { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgb(240, 240, 240); }



.gw-color-section-title { font-size: 10px; color: rgb(187, 187, 187); margin-bottom: 6px; letter-spacing: 0.5px; text-transform: uppercase; }



.gw-color-memory, .gw-color-presets { display: flex; flex-wrap: wrap; gap: 5px; }



.gw-color-preset-item { width: 16px; height: 16px; border-radius: 2px; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.06); transition: box-shadow 0.15s; }



.gw-color-preset-item:hover { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 4px; }



.gw-color-memory .gw-color-preset-item { width: 20px; height: 20px; border-radius: 3px; }



.gw-color-panel-footer { display: flex; align-items: center; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgb(240, 240, 240); gap: 8px; }



.gw-color-panel-preview { width: 28px; height: 28px; border-radius: 3px; flex-shrink: 0; position: relative; overflow: hidden; background-color: rgb(255, 255, 255); background-image: linear-gradient(45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(-45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgb(204, 204, 204) 75%), linear-gradient(-45deg, transparent 75%, rgb(204, 204, 204) 75%); background-size: 6px 6px; background-position: 0px 0px, 0px 3px, 3px -3px, -3px 0px; }



.gw-color-panel-preview::before { content: ""; position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: var(--solid-color); border-radius: 2px 0px 0px 2px; z-index: 1; }



.gw-color-panel-preview::after { content: ""; position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background: var(--alpha-color); border-radius: 0px 2px 2px 0px; z-index: 1; }



.gw-color-input-area { flex: 1 1 0%; }



.gw-color-mode-switch { display: flex; margin-bottom: 4px; gap: 2px; }



.gw-color-mode-btn { padding: 2px 6px; font-size: 10px; color: rgb(153, 153, 153); cursor: pointer; border-radius: 2px; transition: 0.15s; }



.gw-color-mode-btn:hover { color: rgb(96, 98, 102); }



.gw-color-mode-btn.active { color: rgb(45, 141, 240); background: rgb(240, 247, 255); font-weight: 600; }



.gw-color-hex-input input { width: 100%; height: 24px; border: 1px solid rgb(232, 232, 232); border-radius: 2px; padding: 0px 6px; font-size: 11px; font-family: "SF Mono", Monaco, monospace; color: rgb(96, 98, 102); outline: 0px; }



.gw-color-hex-input input:focus { border-color: rgb(45, 141, 240); }



.gw-color-rgba-input { display: flex; gap: 4px; }



.gw-color-rgba-input input { width: 100%; height: 24px; border: 1px solid rgb(232, 232, 232); border-radius: 2px; padding: 0px 4px; font-size: 11px; font-family: "SF Mono", Monaco, monospace; color: rgb(96, 98, 102); outline: 0px; text-align: center; }



.gw-color-rgba-input input::-webkit-inner-spin-button, .gw-color-rgba-input input::-webkit-outer-spin-button { appearance: none; margin: 0px; }



.gw-color-rgba-input input:focus { border-color: rgb(45, 141, 240); }



.gw-tooltips-popover { background-color: rgba(48, 49, 51, 0.95); color: rgb(255, 255, 255); font-size: 12px; max-width: 320px; padding: 6px 10px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.4; z-index: 99999; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; }



.gw-tooltips-popover[data-placement="bottom"]::after, .gw-tooltips-popover[data-placement="left"]::after, .gw-tooltips-popover[data-placement="right"]::after, .gw-tooltips-popover[data-placement="top"]::after { content: ""; position: absolute; border: 5px solid transparent; }



.gw-tooltips-popover[data-placement="top"]::after { top: 100%; left: 50%; margin-left: -5px; border-top-color: rgba(48, 49, 51, 0.95); }



.gw-tooltips-popover[data-placement="bottom"]::after { bottom: 100%; left: 50%; margin-left: -5px; border-bottom-color: rgba(48, 49, 51, 0.95); }



.gw-tooltips-popover[data-placement="left"]::after { left: 100%; top: 50%; margin-top: -5px; border-left-color: rgba(48, 49, 51, 0.95); }



.gw-tooltips-popover[data-placement="right"]::after { right: 100%; top: 50%; margin-top: -5px; border-right-color: rgba(48, 49, 51, 0.95); }



.gw-editor-page { padding: 5px 40px 50px; width: 100%; min-width: 1320px; transform: scale(1); }



.layer-publish { text-align: center; }



.layer-publish .layer-publish-content { display: flex; justify-content: space-between; }



.layer-publish .layer-erweima-box { width: 49%; }



.layer-publish .layer-erweima-box p:first-child { margin-bottom: 0px; }



.layer-publish .layer-erweima-box .layer-erweima { width: 180px; height: 180px; border: 1px solid rgb(232, 232, 232); margin: 0px auto; }



.layer-publish .layer-erweima-box .layer-erweima img { width: 100%; height: 100%; }



.layer-publish .layer-right-box { width: 49%; border-left: 1px solid rgb(227, 227, 227); padding: 10px; }



.layer-publish .layer-publish-url { width: 235px; overflow-wrap: break-word; word-break: break-all; margin: 0px auto 25px; background-color: rgb(250, 250, 250); padding: 10px; color: rgb(97, 104, 124); border-radius: 4px; border: 1px solid rgb(220, 223, 230); }



.layer-publish .layer-publish-url a { color: inherit; text-decoration: none; transition: color 0.2s; }



.layer-publish .layer-publish-url a:hover { color: rgb(45, 141, 240); }



.layer-publish .layer-publish-active { display: inline-block; font-size: 14px; text-align: center; margin-bottom: 25px; }



.layer-publish .layer-publish-active a { width: 112px; height: 36px; color: rgb(45, 141, 240); border-radius: 2px; border: 1px solid rgb(0, 145, 255); background-color: rgba(0, 145, 255, 0.1); display: inline-block; line-height: 36px; }



.layer-publish .layer-publish-active a:last-child { margin-left: 15px; background-color: rgb(45, 141, 240); border: 1px solid rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-publish .layer-publish-show { margin: 0px auto 25px; }



.layer-publish .layer-publish-show p { margin-bottom: 0px; }



.layer-publish .layer-publish-show .layer-share-images { margin-bottom: 5px; display: inline-block; }



.layer-publish .layer-publish-show .layer-share-images .share_common { background-image: url("/assets/visual-editor/images/share_three.png"); display: inline-block; margin-right: 5px; }



.layer-publish .layer-publish-show .layer-share-images .share_common.qqkongjian_share { background-position: 0px 0px; width: 30px; height: 30px; }



.layer-publish .layer-publish-show .layer-share-images .share_common.sina_share { background-position: -35px 0px; width: 30px; height: 30px; }



.layer-publish .layer-publish-show .layer-share-images .share_common.wx_share { background-position: -75px 0px; width: 30px; height: 30px; }



.layer-publish .layer-publish-show .layer-share-images .share_common.db_share { background-position: -110px 0px; width: 30px; height: 30px; }



.layer-publish .layer-publish-show .layer-share-images .share_common.qq_share { background: url("/assets/visual-editor/images/share_three.png") -155px 0px; width: 30px; height: 30px; }



.layer-publish .layer-publish-img { margin: 0px auto 25px; width: 330px; height: 80px; display: none; }



.layer-publish .layer-publish-img img { width: 78px; }



.layer-publish .layer-publish-img .layer-publish-font { height: 80px; line-height: 80px; }



.layer-publish .layer-publish-img .layer-publish-font p { font-size: 12px; color: rgb(102, 102, 102); }



.layer-publish .layer-publish-no-set-page-count-content { margin-top: 30px; border-top: 1px solid rgb(227, 227, 227); padding-top: 20px; }



.layer-publish .layer-publish-no-set-page-count-content .layer-publish-no-set-page-count { text-align: left; padding: 10px; background-color: rgb(253, 246, 236); color: rgb(230, 162, 60); border-radius: 4px; display: flex; align-items: center; }



.layer-publish .layer-publish-no-set-page-count-content .layer-publish-no-set-page-count p { margin-bottom: 0px; }



.layer-publish .layer-publish-no-set-page-count-content .layer-publish-no-set-page-count .btn { background-color: rgb(230, 162, 60); color: rgb(255, 255, 255); padding: 5px; border-radius: 4px; margin-left: 10px; line-height: 1; }



.layer-publish .layer-publish-device-reminder { margin-top: 24px; padding: 10px 12px; color: rgb(96, 98, 102); background: rgb(247, 248, 250); border-radius: 4px; font-size: 13px; line-height: 20px; text-align: left; }



.layer-publish .layer-publish-device-reminder + .layer-publish-no-set-page-count-content { margin-top: 12px; }



.layer .tips-blue { font-size: 12px; color: rgb(45, 141, 240); margin-top: 8px; }



.layer .tips-blue i { margin-right: 4px; font-size: 12px; }



.layer .tips-yellow { color: rgb(230, 162, 60); font-size: 12px; margin-top: 8px; }



.layer .tips-yellow i { margin-right: 4px; font-size: 12px; }



.layer .input-group-addon { background-color: rgb(250, 250, 250); }



.layer label { color: rgb(96, 98, 102); font-weight: 400; }



.layer label > span { color: rgb(254, 91, 87); }



.layer .form-group input, .layer .form-group textarea { color: rgb(48, 49, 51); }



.layer .delete-content { display: flex; flex-direction: column; align-items: center; color: rgb(96, 98, 102); }



.layer .delete-content .icon { color: rgb(254, 91, 87); font-size: 32px; border: 1px solid rgb(254, 91, 87); border-radius: 50%; line-height: 32px; padding: 4px; margin-bottom: 16px; }



.layer.confirm-page .content { display: flex; flex-direction: column; align-items: center; }



.layer.confirm-page .content .icon { color: rgb(115, 77, 241); border: 1px solid rgb(115, 77, 241); border-radius: 50%; font-size: 32px; margin-bottom: 16px; line-height: 32px; padding: 4px; }



.layer.confirm-page .gw-layer-btn.primary { background-color: rgb(115, 77, 241); border-color: rgb(115, 77, 241); transition: 0.1s; }



.layer.confirm-page .gw-layer-btn.primary:hover { background-color: rgb(142, 111, 241); border-color: rgb(142, 111, 241); }



.layer.choose-detail-page-layer { padding: 20px; overflow: hidden; }



.layer.choose-detail-page-layer .gw-choose-detail-page-content { display: flex; flex-flow: wrap; height: 430px; overflow-y: scroll; }



.layer.choose-detail-page-layer .gw-choose-detail-page-item { margin: 5px; border-radius: 8px; text-align: center; padding: 10px; cursor: pointer; }



.layer.choose-detail-page-layer .gw-choose-detail-page-item .selected-mask { display: none; }



.layer.choose-detail-page-layer .gw-choose-detail-page-item.active .gw-choose-tmpl-select-image { box-shadow: rgb(155, 212, 237) 1px 1px 7px 1px; }



.layer.choose-detail-page-layer .gw-choose-detail-page-item.active .gw-choose-tmpl-select-image .selected-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); border-radius: 8px; font-size: 30px; color: rgb(0, 145, 255); display: flex; justify-content: center; align-items: center; }



.layer.choose-detail-page-layer .gw-choose-tmpl-select-image { width: 230px; height: 154px; box-shadow: rgb(238, 238, 238) 1px 1px 7px 1px; margin-bottom: 10px; border-radius: 8px; overflow: hidden; position: relative; }



.layer.choose-detail-page-layer .gw-choose-tmpl-select-image > img { width: 100%; object-fit: contain; position: relative; top: 0px; }



.layer.choose-detail-page-layer .gw-choose-tmpl-select-image .gw-scale-icon { z-index: 1; position: absolute; top: 3px; right: 4px; font-size: 20px; color: rgb(255, 255, 255); }



.layer.choose-detail-page-layer .gw-choose-tmpl-select-image .gw-scale-icon-bg { position: absolute; top: 0px; right: 0px; z-index: 1; }



.layer.choose-detail-page-layer .gw-choose-tmpl-select-image .gw-scale-icon-bg::before { content: ""; position: absolute; top: 0px; right: 0px; border-right: 46px solid rgb(45, 141, 240); border-bottom: 36px solid transparent; }



.layer.choose-detail-page-layer .title { font-size: 14px; color: rgb(48, 49, 51); margin-top: 10px; }



.layer.choose-detail-page-layer .gw-pager-box { width: 100%; justify-content: space-between; align-items: center; display: flex; margin: 20px 0px 10px; }



.layer.choose-detail-page-layer .gw-pager-box ul { min-height: auto; margin: 0px; padding: 0px; }



.layer.choose-detail-page-layer .gw-pager-box ul li { width: auto; height: auto; }



.layer.choose-detail-page-layer .gw-pager-box .gw-custom-detail-search-btn button { background-color: rgb(59, 152, 239); }



.layer.choose-detail-page-layer .gw-pager-box .page-num { max-width: 33%; color: rgb(48, 49, 51); font-size: 14px; justify-content: space-between; align-items: center; display: flex; }



.input-group-addon.url-addon { cursor: pointer; border-right: 1px solid rgb(232, 232, 232); }



.input-group-addon.url-addon:hover { color: rgb(0, 145, 255); background-color: rgba(0, 145, 255, 0.1); border: 1px solid rgb(0, 145, 255); }



.gw-page-add-url-tab-pane { overflow: hidden; position: relative; }



.gw-page-add-url-tab-pane .gw-page-add-url-form { padding-bottom: 70px; min-height: 400px; }



.gw-page-add-url-tab-pane .gw-page-add-url-preview-iframe-group { margin: 0px auto; }



.gw-page-add-url-tab-pane .gw-page-add-url-preview-iframe-group[style*="display: none"] { margin: 0px; display: none !important; }



.gw-page-add-url-tab-pane .gw-page-add-url-preview-iframe-container { width: 100%; height: 320px; border: 1px solid rgb(232, 232, 232); border-radius: 4px; overflow: auto; margin: 0px auto; }



.gw-page-add-url-tab-pane .gw-page-add-url-preview-iframe-container_mobile { width: 375px; }



.gw-page-add-url-tab-pane .gw-page-add-url-footer-btn-group { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: rgb(255, 255, 255); padding-top: 10px; border-top: 1px solid rgb(232, 232, 232); margin: 0px; }



.gw-browse-module { position: relative; width: 100%; background-color: rgb(255, 255, 255); background-position: center center; }



.gw-browse-module.gw-media-module { --gw-module-content-background-size: cover; }



.gw-browse-module.gw-media-module::before { position: absolute; display: block; content: ""; height: 100%; width: 100%; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: var(--gw-module-background-size) !important; }



.gw-browse-module.gw-media-module .gw-browse-module-content { margin: 0px auto; overflow: visible; background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; box-shadow: var(--gw-module-content-shadow); width: 100% !important; max-width: var(--gw-module-content-max-width) !important; background-size: var(--gw-module-content-background-size) !important; }



.gw-browse-module.gw-media-module.module-bg-card { --gw-module-content-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); --gw-module-content-hover-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); --gw-module-content-background: white; --gw-module-content-max-width: 1170px; margin-bottom: 16px; }



.gw-browse-module.gw-media-module.module-bg-card .gw-browse-module-content { margin-bottom: 16px; border-radius: 4px; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }



.gw-browse-module.gw-media-module.module-bg-card .gw-browse-module-content:hover { box-shadow: var(--gw-module-content-hover-shadow); transform: var(--gw-module-content-hover-transform); }



.gw-browse-module.gw-media-module.module-bg-clear .gw-browse-module-content { background-color: rgba(0, 0, 0, 0) !important; }



.gw-browse-module.gw-media-module .gw-special-component { margin-bottom: 0px; }



.gw-browse-module .module-bg-cover, .gw-browse-module .module-bg-effect, .gw-browse-module .module-bg-video { width: 100%; position: absolute; top: 0px; left: 0px; }



.gw-browse-module .module-bg-cover { height: 100%; }



.gw-browse-module .gw-browse-module-content { position: relative; width: 1170px; height: 100%; background-color: transparent; background-position: center center; margin: 0px auto; overflow: hidden; }



.gw-browse-module.fixed-bottom, .gw-browse-module.fixed-top { position: fixed; }



.gw-browse-module.gw-responsive-scale { margin-bottom: -0.1px; overflow: hidden; width: 100% !important; }



.gw-browse-module.gw-responsive-scale:not([data-full="1"]) > .gw-browse-module-content { transform-origin: left top; position: absolute; transform: scale(var(--gw-transform-scale),var(--gw-transform-scale)) translate(-50%); left: 50%; }



.gw-browse-module.gw-responsive-scale .gw-visible, .gw-browse-module.gw-responsive-scale[name="顶部导航"] { overflow: visible; z-index: 2; }



.gw-browse-module:not([data-full="1"]) > .gw-browse-module-content { height: auto; }



.gw-browse-module.gw-responsive-stretch { padding: 0px 15px; width: 100% !important; }



.gw-browse-module.gw-responsive-stretch .gw-browse-module-content { margin: 0px auto; width: auto; max-width: calc(1px * var(--gw-max-module-width)); }



.gw-browse-module.gw-responsive-stretch.gw-fit-full > .gw-browse-module-content { width: 100%; margin: 0px auto; max-width: 100%; }



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

  .gw-browse-module.gw-media-module .gw-browse-module-content { width: 100%; max-width: 100%; }

}



.mobile .gw-browse-module.gw-media-module.module-bg-card { --gw-module-content-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); --gw-module-content-hover-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); --gw-module-content-background: white; --gw-module-content-max-width: 100%; }



.mobile .gw-browse-module.gw-media-module .gw-browse-module-content { width: 100%; max-width: 100%; }



.gw-editor-module { width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 2px; }



.gw-editor-module.gw-selected { position: relative; }



.gw-editor-module.gw-selected .gw-editor-tool { z-index: 2147483647; }



.gw-editor-module.ui-sortable-helper { left: auto !important; }



.gw-editor-module .gw-browse-module { z-index: 1; }



.gw-editor-module .gw-browse-module .gw-edit-module-tips { position: absolute; right: 0px; top: 0px; background: rgb(36, 191, 81); color: rgb(255, 255, 255); z-index: 100; display: none; width: 24px; line-height: 24px; padding: 0px 5px; cursor: pointer; }



.gw-editor-module .gw-browse-module::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; }



.gw-editor-module .gw-browse-module.gw-highlight::after { border: 2px solid rgb(0, 145, 255); }



.gw-editor-module .gw-browse-module:hover { z-index: 4; }



.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips { display: block; }



.gw-editor-module .gw-browse-module:hover .gw-edit-module-tips:hover { background-color: rgb(68, 157, 68); }



.gw-editor-module .gw-browse-module.gw-highlight, .gw-editor-module .gw-browse-module.gw-selected { z-index: 3; }



.gw-editor-module .gw-browse-module.gw-selected .gw-edit-module-tips { display: none; }



.gw-editor-module .gw-browse-module[data-full="1"].ui-resizable-resizing { width: 100% !important; }



.gw-editor-module .gw-browse-module[data-fixed="1"] { z-index: 100 !important; }



.gw-editor-module .gw-browse-module[data-fixed="1"] .gw-browse-module-tool .gw-drag-module { display: none; }



.gw-editor-module .gw-browse-module > .ui-resizable-s { height: 10px; background: 0px 0px; }



.gw-editor-module .gw-browse-module > .ui-resizable-s::before { top: 5px; }



.gw-editor-module .gw-browse-module-content { border-left: 1px dashed rgb(204, 204, 204); border-right: 1px dashed rgb(204, 204, 204); }



.gw-editor-module .fixed-bottom, .gw-editor-module .fixed-top { position: absolute; height: auto; z-index: 2; }



.gw-editor-module .fixed-bottom .gw-browse-module-content, .gw-editor-module .fixed-top .gw-browse-module-content { height: auto; }



.pc .gw-editor-module .fixed-bottom, .pc .gw-editor-module .fixed-top { left: 40px; }



.pc .gw-editor-module .fixed-top { top: 5px; }



.gw-browse-module[data-full="1"] { height: 500px; }



.gw-browse-module[data-full="1"] .gw-browse-module-content { width: 100%; }



.gw-browse-module[data-full="1"] .gw-grid-col { height: 100% !important; }



.gw-browse-module[data-full="1"] .gw-browse-grid { height: 100% !important; }



.gw-browse-module[data-full="1"] .gw-browse-container { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; }



.gw-browse-module[data-full="1"] .gw-browse-component[data-full="1"] { width: 100% !important; height: 100% !important; left: 0px !important; top: 0px !important; }



.gw-browse-module[data-full="1"].gw-highlight .gw-browse-module-tool { display: block; }



.gw-browse-module[data-full="1"].gw-highlight .gw-browse-component-tool { display: none; }



.mobile .gw-browse-module[data-full="1"] { height: 250px; }



#bdshare_weixin_qrcode_dialog { width: 251px !important; height: 297px !important; }



.article-detail-container { padding: 30px 0px; }



.article-detail-container .article-detail { background: rgb(255, 255, 255); padding: 30px; }



.article-detail-container .article-detail-title { font-size: 26px; color: rgb(47, 47, 47); text-align: center; font-weight: 500; line-height: 1.3; }



.article-detail-container .article-detail-abs { font-size: 16px; color: rgb(140, 140, 140); line-height: 1.1; }



.article-detail-container .article-detail-date { color: rgb(153, 153, 153); margin-top: 15px; text-align: center; }



.article-detail-container .article-detail-info { display: none; }



.article-detail-container .article-detail-content { border-top: 1px solid rgb(245, 245, 245); margin: 15px 0px; padding-top: 20px; border-bottom: 1px solid rgb(245, 245, 245); text-align: justify; line-height: 1.667; font-size: 17px; }



.article-detail-container .article-detail-content .article-detail-content-link:hover { text-decoration: underline; }



.article-detail-container .article-detail-content * { max-width: 100%; }



.article-detail-container .article-detail-content img { max-width: 100%; height: auto; }



.article-detail-container .article-detail-content .container { width: 100%; padding: 0px; }



.article-detail-container .article-detail-content video { max-width: 100%; }



.article-detail-container .article-detail-content li { list-style: inherit; }



.article-detail-container .article-detail-content.fr-view blockquote { border-left: 6px solid rgb(238, 238, 238); }



.article-detail-container .article { position: relative; }



.article-detail-container .article::after { content: ""; display: block; clear: both; }



.article-detail-container .left { float: left; }



.article-detail-container .right { float: right; height: 55px; line-height: 55px; }



.article-detail-container .right .bd_share { margin-top: 10px; }



.article-detail-container .article-url { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px 0px; }



.article-detail-container .article-url a { color: rgb(51, 51, 51); font-size: 14px; cursor: pointer; padding-left: 5px; }



.article-detail-container .article-url a:hover { color: rgb(91, 170, 244); }



.article-detail-container .article-share-me { width: 100%; float: left; }



.article-detail-container .article-share-me span { line-height: 55px; display: block; margin-right: 5px; }



.article-detail-container .article-link-qrcode { text-align: center; }



.article-detail-container .article-link-qrcode img { width: 100%; margin-bottom: 10px; }



.article-detail-container .article-file-download { border-bottom: 1px solid rgb(245, 245, 245); margin-top: 10px; }



.article-detail-container .article-file-download .article-file-row { display: block; }



.article-detail-container .lable-content { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }



.article-detail-container .lable-content .lable-one { padding: 4px 18px; font-size: 14px; font-weight: 400; color: rgb(136, 144, 153); line-height: 20px; background-color: rgb(242, 245, 251); border-radius: 2px; margin: 8px; }



.article-detail-container .details-look { margin: 20px auto 0px; display: flex; flex-flow: column; align-items: center; }



.article-detail-container .details-look .title { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 12px; }



.article-detail-container .details-look .title .common-border { width: 15%; height: 2px; background-color: rgb(217, 217, 217); }



.article-detail-container .details-look .title .title-text { font-size: 16px; font-weight: 400; color: silver; line-height: 22px; }



.article-detail-container .details-look .article-detail-async-random-articles { width: 100%; }



.article-detail-container .details-look .img-item { cursor: pointer; width: 137px; height: 137px; border: 1px solid rgb(217, 217, 217); border-radius: 4px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }



.article-detail-container .details-look .img-item a { display: flex; width: 100%; height: 100%; }



.article-detail-container .details-look .img-item img { max-width: 100%; max-height: 100%; margin-bottom: 0px; overflow: hidden; object-fit: cover; }



.article-detail-container .details-look .img-item .mask-bg { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); line-height: 1.2; font-size: 12px; text-align: left; padding: 5px; }



.article-detail-container .details-look .img-item .mask-bg p { padding: 2px 4px; margin-bottom: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.article-detail-container .details-look .img-item.no-image { background-color: rgb(242, 244, 247); }



.article-detail-container .details-look .img-item.no-image .mask-bg { top: 0px; display: flex; align-items: center; background-color: transparent; color: rgb(80, 80, 80); padding: 12px; }



.article-detail-container .details-look .img-item.no-image .mask-bg p { width: 100%; padding: 0px; white-space: normal; text-align: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }



.article-detail-container .details-look .img-item:last-child { margin-bottom: 0px; }



.article-detail-container .report-content { border-bottom: 1px solid rgb(245, 245, 245); margin: 10px auto; padding: 5px 0px; }



.article-detail-container .aticle-detail-style1 { background-color: rgb(255, 255, 255); }



.article-detail-container .aticle-detail-style1 .article-detail-1 { font-family: PingFang; display: flex; justify-content: flex-start; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box { margin: 0px 30px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box i { color: rgb(208, 172, 119); font-size: 26px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more { font-size: 40px; font-weight: 800; color: rgb(0, 0, 0); line-height: 36px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box .menu-more-font { font-size: 24px; font-weight: 700; color: rgb(0, 0, 0); line-height: 28px; margin-bottom: 0px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul { margin-top: 150px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul li { margin: 20px auto; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a { font-size: 14px; font-weight: 400; color: rgb(149, 149, 149); line-height: 36px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a.active { color: rgb(208, 172, 119); position: relative; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .left-box ul > li > a.active::before { content: ""; width: 200px; height: 2px; background-color: rgb(208, 172, 119); position: absolute; top: 7px; left: -219px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box { width: 77%; margin-left: 50px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box { display: flex; justify-content: space-between; padding-top: 30px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .title-box .title { font-size: 35px; font-weight: 700; color: rgb(0, 0, 0); max-width: 60%; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .title-info-box .time { font-size: 18px; font-weight: 400; color: rgb(67, 67, 67); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box { height: 30px; line-height: 30px; border: 1px solid rgb(220, 220, 220); position: relative; margin-top: 15px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a { padding: 3px 24px; width: 49%; font-size: 14px; font-weight: 400; color: rgb(67, 67, 67); border-right: 1px solid rgb(220, 220, 220); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a:last-child { margin-left: -5px; border-right: none; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box a.active { color: rgb(208, 172, 119); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line { position: absolute; top: 25%; height: 50%; width: 3px; border-left: 3px solid rgb(149, 149, 149); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:first-child { left: 0px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line:last-child { right: 0px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .navigation-box .line.active { border-color: rgb(208, 172, 119); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box { text-align: center; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-img { margin: 50px auto 0px; max-width: 100%; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .article-detail-content-box .article-detail-content { text-align: justify; margin-top: 30px; border: none; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box { margin-top: 100px; display: flex; justify-content: space-between; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link { text-align: left; width: 48%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 19px; font-weight: 400; color: rgb(67, 67, 67); line-height: 33px; }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link a { color: rgb(67, 67, 67); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active, .article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link.active a { color: rgb(208, 172, 119); }



.article-detail-container .aticle-detail-style1 .article-detail-1 .right-box .pagination-box .pagination-link:last-child { text-align: right; }



.article-detail-container .aticle-detail-style1 .recommend-box { padding: 50px 0px; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title { margin: 60px auto 50px; text-align: center; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:first-child { font-size: 30px; font-weight: 700; color: rgb(0, 0, 0); }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-title p:last-child { font-size: 19px; font-weight: 400; color: rgb(149, 149, 149); }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item { text-align: center; margin: 0px auto; padding: 0px 0px 40px; border: 1px solid rgb(220, 220, 220); display: block; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item img { object-fit: contain; width: 99%; height: 300px; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info { text-align: center; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .title { margin-top: 20px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn { background-color: rgb(0, 0, 0); text-align: center; color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; margin: 15px 26px; padding: 15px 20px; width: 80%; display: flex; align-items: center; justify-content: center; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item .item-info .click-btn i { margin-right: 5px; }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover { border: none; background-color: rgb(246, 246, 246); }



.article-detail-container .aticle-detail-style1 .recommend-box .recommend-item:hover .item-info .click-btn { background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); }



.article-detail-container .article-container2 { width: 1440px; }



.article-detail-container .article-container2-img { width: 100%; display: flex; align-items: center; justify-content: center; }



.article-detail-container .article-container2-img img { width: 100%; }



.article-detail-container .article-panel2 { background-color: rgb(255, 255, 255); padding: 20px 10px; }



.article-detail-container .article-panel2 .flex { display: flex; }



.article-detail-container .article-panel2 .title-panel { display: flex; }



.article-detail-container .article-panel2 .title-panel .date-content { padding: 5px 10px; background-color: rgb(235, 235, 235); width: 80px; min-width: 80px; height: 80px; font-size: 14px; justify-content: space-between; flex-direction: column; }



.article-detail-container .article-panel2 .title-panel .date-content p { margin-bottom: 0px; line-height: 1.25; }



.article-detail-container .article-panel2 .title-panel .date-content .bold { font-size: 30px; font-weight: 700; }



.article-detail-container .article-panel2 .title-content { margin-left: 10px; display: flex; justify-content: space-between; flex-direction: column; }



.article-detail-container .article-panel2 .title-content .article-detail-abs, .article-detail-container .article-panel2 .title-content .article-detail-title { text-align: left; line-height: 1.3; }



.article-detail-container .article-panel2 .right { line-height: 1.25; }



.article-detail-container .article-panel2 .article-share-me span { line-height: 1.25; }



.article-detail-container .article-panel2 .article-other-panel { text-align: center; padding: 5px; }



.article-detail-container .pagination-panel { padding-top: 24px; font-size: 12px; }



.article-detail-container .pagination-panel a { display: block; text-align: left; margin-top: 5px; }



.article-detail-container .pagination-panel .round-pagination { border: 1px solid; border-radius: 50%; width: 18px; height: 18px; display: inline-block; text-align: center; vertical-align: middle; line-height: 1; margin-right: 5px; }



.article-detail-container .details-look { margin: auto; }



.article-detail-container .details-look .img-item { width: 100%; }



.article-detail-container .details-look .title { width: 100%; }



.article-detail-container .details-look .title .title-text { color: rgb(16, 24, 32); }



.article-detail-container .activity-table { margin: 15px 0px; }



.article-detail-container .activity-table .activity-title { font-weight: 700; color: rgb(115, 115, 115); font-size: 16px; padding-left: 0px; }



.article-detail-container .activity-table .activity-item { color: rgb(16, 16, 16); font-size: 14px; line-height: 24px; padding-left: 0px; }



.article-detail-container .activity-table .activity-item > label { padding-left: 0px; font-weight: 700; color: rgb(16, 16, 16); text-overflow: ellipsis; }



.article-detail-container .activity-table .activity-btn { padding-left: 0px; margin: 10px 0px; }



.article-detail-container .activity-table .activity-btn > .btn { background-color: rgb(80, 80, 80); color: rgb(255, 255, 255); border-radius: 4px; cursor: pointer; padding: 5px 24px; }



.article-detail-container .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.article-detail-container .dingyue-item { font-size: 12px; color: rgb(255, 255, 255); cursor: pointer; }



.article-detail-container .dingyue-item .dingyue-item-title { border-radius: 2px; padding-left: 3px; padding-right: 5px; background-color: rgb(87, 107, 150); font-size: 12px; display: flex; align-items: center; }



@font-face { font-family: iconfont-copyright; src: url("/assets/share/css/copyRightIcons/iconfont.woff2?t=1711420976582") format("woff2"), url("/assets/share/css/copyRightIcons/iconfont.woff?t=1711420976582") format("woff"), url("/assets/share/css/copyRightIcons/iconfont.ttf?t=1711420976582") format("truetype"); }



.article-detail-container .iconfont-copyright { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont-copyright !important; }



.article-detail-container .iconfont-copyright::before { content: ""; }



.article-detail-container .article-detail-source-box { display: flex; flex-direction: column; border-left: 2px solid rgb(238, 238, 238); padding-left: 20px; }



.article-detail-container .article-detail-source-box .source-name { font-size: 12px; color: rgb(115, 115, 115); }



.article-detail-container .article-detail-source-box .source-name .source-name-text { color: rgb(35, 35, 35); font-weight: 600; margin: 0px 5px; }



.article-detail-container .article-detail-source-box .source-link { font-size: 12px; margin-bottom: 0px; color: rgb(115, 115, 115); }



.article-detail-container .article-detail-source-box .source-link-text { color: rgb(115, 115, 115); }



.article-detail-container .article-detail-source-box .source-name-box { display: flex; align-items: center; }



.article-detail-container .article-detail-source-box .source-name-box .dingyue-item { margin-left: 10px; }



.article-detail-container .article-detail-source-box .source-name-box .dingyue-item .share-notice { font-size: 14px; }



.article-detail-container .article-detail-source-box .source-name-box .dingyue-item .dingyue-item-title { line-height: 20px; }



.pc .hidden-sm { display: none; }



.pc .article-detail-container .article-detail-dingyue-box { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 10px; }



.pc .article-detail-container .article-detail-date { margin-top: 0px; }



.pc .aticle-detail-style1 .article-detail-dingyue-box { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px; }



.pc .aticle-detail-style1 .article-detail-dingyue-box .time { margin-bottom: 0px; }



.pc .aticle-detail-style2 .article-detail-dingyue-box { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 0px; }



.pc .aticle-detail-style2 .article-detail-dingyue-box .title-content { height: 100%; flex: 1 1 0%; }



.pc .article-detail-style3 { background-color: rgb(255, 255, 255); margin-bottom: 30px; margin-top: 30px; }



.pc .article-detail-style3 .hidden-sm { display: none; }



@media (max-width: 991px) {

  .pc .article-detail-style3 .right-sidebar { display: none; }

  .pc .article-detail-style3 .main { width: 100%; }

  .pc .article-detail-style3 .left-sidebar { display: none !important; }

}



.pc .article-detail-style3 .comment-popup-box { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100; display: none; }



.pc .article-detail-style3 .comment-popup-box .mask { transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); background-color: rgba(0, 0, 0, 0.05); position: absolute; inset: 0px; opacity: 1; }



.pc .article-detail-style3 .comment-popup-box .content-drawer { position: absolute; top: 0px; right: 0px; width: 458px; height: 100%; transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); background-color: rgb(255, 255, 255); transform: translateX(458px); overflow: hidden; }



.pc .article-detail-style3 .comment-popup-box .content-drawer.put-away { transform: translateX(0px); }



.pc .article-detail-style3 .comment-popup-box .content-drawer .top-title { margin: 20px 0px 16px; padding: 0px 44px 0px 24px; font-weight: 600; line-height: 28px; font-size: 20px; position: relative; }



.pc .article-detail-style3 .comment-popup-box .content-drawer .top-title .close-btn { position: absolute; top: 0px; right: 16px; width: 28px; height: 28px; cursor: pointer; background-image: url("/assets/visual-editor/images/close.svg"); }



.pc .article-detail-style3 .comment-popup-box .content-drawer .body { padding: 0px 24px; overflow-y: scroll; position: absolute; height: 90%; top: 64px; width: 100%; }



.pc .article-detail-style3 .comment-popup-box .content-drawer .body .no-more { font-size: 16px; text-align: center; color: rgb(153, 153, 153); line-height: 22px; }



.pc .article-detail-style3 .comment-input { flex: 1 1 0px; border-radius: 8px; padding: 16px; background-color: rgb(248, 248, 248); position: relative; }



.pc .article-detail-style3 .comment-input .login-mask { position: absolute; top: 0px; left: 0px; background-color: rgb(248, 248, 248); cursor: pointer; width: 100%; height: 100%; z-index: 1; }



.pc .article-detail-style3 .comment-input .login-mask p { font-size: 15px; color: rgb(34, 34, 34); line-height: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.pc .article-detail-style3 .comment-input .login-mask p span { color: rgb(240, 65, 66); margin: 0px 5px; }



.pc .article-detail-style3 .comment-input .comment-textarea { font-size: 16px; outline: 0px; width: 100%; resize: none; border: 0px; line-height: 24px; transition: height 0.3s ease-in-out; height: 24px; background-color: rgb(248, 248, 248); max-height: 72px; overflow: auto; display: block; }



.pc .article-detail-style3 .comment-input .comment-textarea.expand { height: 120px; }



.pc .article-detail-style3 .comment-input .action { margin-top: 12px; text-align: right; }



.pc .article-detail-style3 .comment-input .action .submit-btn { padding: 6px 18px; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(80, 80, 80); cursor: pointer; display: inline-block; }



.pc .article-detail-style3 .comment-input .action .submit-btn:hover { background-color: rgb(112, 112, 112); }



.pc .article-detail-style3 .comment-input .action .submit-btn.disable { opacity: 0.3; cursor: default; }



.pc .article-detail-style3 .main-input { margin: 24px 0px 40px; display: flex; }



.pc .article-detail-style3 .main-input .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.pc .article-detail-style3 .main-input .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .article-detail-style3 .main-input .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.pc .article-detail-style3 .comment-list li { margin: 40px 0px; }



.pc .article-detail-style3 .comment-list li .reply-list li { margin: 24px 0px; }



.pc .article-detail-style3 .comment-list .comment-item { display: flex; align-items: flex-start; }



.pc .article-detail-style3 .comment-list .comment-item .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.pc .article-detail-style3 .comment-list .comment-item .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .article-detail-style3 .comment-list .comment-item .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info { flex: 1 1 0px; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header { display: flex; justify-content: space-between; font-size: 16px; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action { cursor: pointer; display: flex; align-items: center; justify-content: center; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action:hover { opacity: 0.8; }



@keyframes liked { 

  0% { width: 0px; height: 0px; }

  100% { width: 24px; height: 24px; }

}



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action .svg-wrap { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg { width: 24px; height: 24px; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action.liked span { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .header .right-action.liked svg { animation: 0.3s cubic-bezier(0.3, 1.8, 0.3, 1) 0s 1 normal none running liked; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .content { margin: 8px 0px 12px; font-size: 16px; line-height: 24px; word-break: break-all; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .footer { color: rgb(153, 153, 153); }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .footer .reply { color: rgb(34, 34, 34); cursor: pointer; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .child-input { margin-top: 12px; }



.pc .article-detail-style3 .comment-list .comment-item .comment-info .check-more-reply { margin-top: 16px; line-height: 20px; color: rgb(80, 80, 80); cursor: pointer; }



.pc .article-detail-style3 .left-sidebar { position: absolute; margin-left: -85px; display: flex; flex-direction: column; align-items: center; z-index: 10; }



.pc .article-detail-style3 .left-sidebar .divide { width: 24px; height: 1px; background-color: rgb(232, 232, 232); margin-bottom: 10px; }



.pc .article-detail-style3 .left-sidebar .icon { cursor: pointer; text-align: center; line-height: 24px; font-size: 20px; border-radius: 50%; margin-bottom: 10px; color: rgb(178, 186, 194); display: flex; flex-direction: column; align-items: center; }



.pc .article-detail-style3 .left-sidebar .icon:hover { color: rgb(138, 147, 160); }



.pc .article-detail-style3 .left-sidebar .icon span { color: rgb(34, 34, 34); font-size: 12px; }



.pc .article-detail-style3 .left-sidebar .like-btn .icon-box { display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px; width: 48px; height: 48px; border-radius: 50%; background-color: rgb(248, 248, 248); }



.pc .article-detail-style3 .left-sidebar .like-btn.active { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .left-sidebar .collect-btn.active { color: rgb(255, 195, 71); }



.pc .article-detail-style3 .left-sidebar .share-title { color: rgb(198, 198, 198); font-size: 12px; text-align: center; }



.pc .article-detail-style3 .left-sidebar #share-content { display: flex; flex-direction: column; align-items: center; }



.pc .article-detail-style3 .left-sidebar #share-content .social-share-icon { border: none rgb(178, 186, 194); color: rgb(178, 186, 194); }



.pc .article-detail-style3 .left-sidebar #share-content .social-share-icon:hover { color: rgb(255, 255, 255); }



.pc .article-detail-style3 .main a, .pc .article-detail-style3 .main a:hover { color: inherit; }



.pc .article-detail-style3 .main a:hover { text-decoration: underline; }



.pc .article-detail-style3 .main .article-content { position: relative; }



.pc .article-detail-style3 .main .article-content h1 { font-size: 30px; line-height: 56px; color: rgb(0, 0, 0); margin: 0px; }



.pc .article-detail-style3 .main .article-content .article-detail-dingyue-box { display: flex; justify-content: flex-start; align-items: center; margin: 16px 0px 36px; flex-wrap: wrap; }



.pc .article-detail-style3 .main .article-content .article-meta { color: rgb(112, 112, 112); line-height: 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }



.pc .article-detail-style3 .main .article-content .article-meta .tag { background-color: rgb(242, 242, 242); margin: 1px 6px 1px 0px; border-radius: 3px; padding: 1px 4px; font-size: 12px; }



.pc .article-detail-style3 .main .article-content .article-meta .link { color: rgb(112, 112, 112); }



.pc .article-detail-style3 .main .article-content .abs { color: rgb(80, 80, 80); background-color: rgb(244, 245, 246); padding: 16px 20px; border-radius: 4px; font-size: 16px; line-height: 1.64; margin-bottom: 20px; word-break: break-word; }



.pc .article-detail-style3 .main .article-content .article-content-aigc-disclaimer { font-size: 15px; text-align: right; width: 100%; color: rgb(170, 170, 170); font-style: italic; }



.pc .article-detail-style3 .main .article-content article { line-height: 1.667; font-size: 17px; color: rgb(34, 34, 34); border: none; }



.pc .article-detail-style3 .main .article-content article.hidden-content { height: 300px; overflow: hidden; }



.pc .article-detail-style3 .main .article-content .label-group { display: flex; flex-wrap: wrap; margin: 20px 0px 10px; padding-right: 15px; }



.pc .article-detail-style3 .main .article-content .label-group li { margin: 0px 5px 5px 0px; border: 1px solid rgb(230, 230, 230); background-color: rgb(244, 244, 244); font-size: 13px; padding: 5px 10px; font-weight: 600; border-radius: 3px; line-height: 1; }



.pc .article-detail-style3 .main .article-content .label-group li:hover { opacity: 0.8; }



.pc .article-detail-style3 .main .article-content .label-group li a { color: rgb(85, 85, 85); }



.pc .article-detail-style3 .main .article-content .open-more { position: absolute; bottom: -20px; left: 0px; right: 0px; }



.pc .article-detail-style3 .main .article-content .open-more .fold-btn-mask { height: 40px; background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); }



.pc .article-detail-style3 .main .article-content .open-more .tips { display: flex; justify-content: center; align-items: center; cursor: pointer; }



.pc .article-detail-style3 .main .article-nav { display: flex; justify-content: space-between; color: rgb(187, 187, 187); padding: 20px; margin-top: 40px; }



.pc .article-detail-style3 .main .article-nav a { color: rgb(153, 153, 153); transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; }



.pc .article-detail-style3 .main .article-nav a:hover { color: rgb(69, 182, 247); }



.pc .article-detail-style3 .main .article-nav .article-nav-prev { width: 50%; border-right: 1px solid rgb(238, 238, 238); padding-right: 5px; margin-right: 5px; }



.pc .article-detail-style3 .main .article-nav .article-nav-next { text-align: right; width: 50%; }



.pc .article-detail-style3 .main .comment-box { margin: 40px 0px; }



.pc .article-detail-style3 .main .comment-box .comment-area .title { font-size: 20px; font-weight: 600; }



.pc .article-detail-style3 .main .comment-box .see-more-comment { background-color: rgb(248, 248, 248); border-radius: 4px; padding: 11px 0px; font-size: 16px; cursor: pointer; text-align: center; display: none; }



.pc .article-detail-style3 .main .comment-box .see-more-comment:hover { opacity: 0.8; }



.pc .article-detail-style3 .main .comment-box .see-more-comment i { margin-left: 5px; font-size: 20px; }



.pc .article-detail-style3 .main .divide { background-color: rgb(34, 34, 34); height: 2px; width: 100%; }



.pc .article-detail-style3 .main .detail-end-feed { margin-top: 20px; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article { padding: 16px 0px; display: flex; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left { flex: 1 1 0px; display: flex; justify-content: space-between; flex-direction: column; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title { font-size: 18px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title:hover { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .title p { margin-bottom: 0px; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .footer { color: rgb(153, 153, 153); }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-left .footer span { margin-right: 20px; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right { height: 120px; width: 160px; overflow: hidden; margin-left: 20px; border-radius: 4px; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img { width: 100%; height: 100%; transition: 0.5s 0.1s; backface-visibility: hidden; object-fit: cover; }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img:hover { transform: scale(1.04); }



.pc .article-detail-style3 .main .detail-end-feed .feed-card-article .item-right img[src="/assets/images/no-image.jpg"] { display: none; }



.pc .article-detail-style3 .right-sidebar .media-info { margin-top: 10px; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info { display: flex; flex-direction: column; align-items: center; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box { width: 60px; height: 60px; position: relative; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-avatar .avatar-box.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 16px; height: 16px; position: absolute; right: 0px; bottom: 0px; background-size: cover; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-name { font-size: 16px; line-height: 24px; margin: 8px 0px 4px; color: rgb(34, 34, 34); }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .user-auth { color: rgb(112, 112, 112); }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .mybtn { background-color: rgb(80, 80, 80); color: rgb(255, 255, 255); border-radius: 4px; cursor: pointer; padding: 5px 24px; display: none; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .mybtn:hover { background-color: rgb(112, 112, 112); }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .follow { background-color: rgb(80, 80, 80); color: rgb(255, 255, 255); border-radius: 4px; cursor: pointer; padding: 5px 24px; }



.pc .article-detail-style3 .right-sidebar .media-info .user-info .follow:hover { background-color: rgb(112, 112, 112); }



.pc .article-detail-style3 .right-sidebar .media-info .related-title { margin: 36px 0px 8px; color: rgb(34, 34, 34); line-height: 20px; text-align: center; position: relative; z-index: 0; }



.pc .article-detail-style3 .right-sidebar .media-info .related-title::before { content: ""; height: 1px; width: 100%; position: absolute; top: 50%; z-index: -1; display: block; background-color: rgb(242, 242, 242); transform: translateY(-50%); }



.pc .article-detail-style3 .right-sidebar .media-info .related-title span { padding: 0px 18px; background-color: rgb(255, 255, 255); }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item { padding: 16px 0px; overflow: hidden; display: flex; }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img { width: 96px; height: 96px; flex-shrink: 0; margin-right: 12px; border-radius: 4px; border: 1px solid rgb(242, 242, 242); overflow: hidden; }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s ease-out 0.1s; backface-visibility: hidden; }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .left-img:hover img { transform: matrix(1.04, 0, 0, 1.04, 0, 0); }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content { flex: 1 1 0px; display: flex; justify-content: space-between; flex-direction: column; }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .title { max-height: 44px; line-height: 22px; font-size: 16px; color: rgb(34, 34, 34); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .title:hover { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .info { margin-bottom: 0px; color: rgb(153, 153, 153); }



.pc .article-detail-style3 .right-sidebar .media-info .related-list .related-list-item .right-content .info span:nth-child(2) { margin-left: 16px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard { margin-top: 60px; width: 360px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard.fixed { position: fixed; z-index: 50; top: 90px; background-color: rgb(255, 255, 255); margin-top: 0px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .title { font-size: 20px; padding-left: 32px; position: relative; margin-bottom: 7px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .title::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 24px; height: 22px; background: url("/assets/visual-editor/images/hot.png") 0% 0% / contain; left: 0px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item { padding: 12px 0px; display: flex; cursor: pointer; align-items: center; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item:hover { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item .news-index { font-size: 20px; font-weight: 700; line-height: 24px; text-align: center; color: rgb(153, 153, 153); margin-right: 10px; width: 24px; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard .article-item .news-title { margin-bottom: 0px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: 1px; flex: 1 1 0%; }



.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(1) .news-index { color: rgb(168, 46, 46); }



.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(2) .news-index { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .right-sidebar .detail-hotboard ul li:nth-child(3) .news-index { color: rgb(255, 154, 3); }



.pc .article-detail-style3 .right-sidebar .hot-video { margin-top: 46px; }



.pc .article-detail-style3 .right-sidebar .hot-video .title { font-size: 20px; margin-bottom: 8px; display: flex; align-items: center; }



.pc .article-detail-style3 .right-sidebar .hot-video .title img { height: 22px; margin-right: 8px; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list { padding: 0px; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item { padding: 16px 0px; display: flex; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img { width: 96px; height: 72px; margin-right: 12px; border-radius: 4px; overflow: hidden; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s ease-out 0.1s; backface-visibility: hidden; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .left-img:hover img { transform: matrix(1.04, 0, 0, 1.04, 0, 0); }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content { flex: 1 1 0px; display: flex; justify-content: space-between; flex-direction: column; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content .title { font-size: 16px; color: rgb(34, 34, 34); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content .title:hover { color: rgb(240, 65, 66); }



.pc .article-detail-style3 .right-sidebar .hot-video .video-list .video-item .right-content span { color: rgb(153, 153, 153); }



.mobile .hidden-xs { display: none; }



.mobile .hidden-mobile { display: none; }



.mobile .article-detail-style3 .mobile-content { background-color: rgb(238, 238, 238); margin-bottom: 20px; }



.mobile .article-detail-style3 .mobile-content .wx-share-mask { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-image: url("/assets/visual-editor/images/article-detail-style3/wx-share.png"); z-index: 10; background-size: 70% 30%; background-repeat: no-repeat; background-position: right top; background-color: rgba(0, 0, 0, 0.8); }



.mobile .article-detail-style3 .mobile-content .article-header { padding: 20px 13px 24px; background-color: rgb(255, 255, 255); }



.mobile .article-detail-style3 .mobile-content .article-header .author { display: flex; align-items: center; }



.mobile .article-detail-style3 .mobile-content .article-header .author .left-box { display: flex; align-items: center; }



.mobile .article-detail-style3 .mobile-content .article-header .article-title { margin: 0px 0px 14px; font-size: 20px; }



.mobile .article-detail-style3 .mobile-content .article-header .author-avatar { width: 31px; height: 31px; position: relative; flex-shrink: 0; }



.mobile .article-detail-style3 .mobile-content .article-header .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.mobile .article-detail-style3 .mobile-content .article-header .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 12px; height: 12px; position: absolute; right: 0px; bottom: 0px; background-size: cover; }



.mobile .article-detail-style3 .mobile-content .article-header .author-info { margin-left: 10px; font-size: 12px; width: calc(100% - 90px); }



.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-name { display: flex; }



.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-name span { color: rgb(34, 34, 34); max-width: 50%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.mobile .article-detail-style3 .mobile-content .article-header .author-info .author-info-desc { color: rgb(153, 153, 153); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.mobile .article-detail-style3 .mobile-content .article-header .author-btn { border-radius: 3px; padding: 3px 12px; border: 1px solid rgb(216, 216, 216); cursor: pointer; font-size: 11px; flex-shrink: 0; }



.mobile .article-detail-style3 .mobile-content .mobile_dingyue_item { display: flex; background-color: rgb(255, 255, 255); margin-bottom: 10px; justify-content: end; }



.mobile .article-detail-style3 .mobile-content .article-contaniner { position: relative; margin-bottom: 5px; background-color: rgb(255, 255, 255); }



.mobile .article-detail-style3 .mobile-content .article-contaniner .abs { font-size: 14px; color: rgb(80, 80, 80); padding: 16px 20px; margin: 0px 13px 20px; background-color: rgb(244, 245, 246); border-radius: 4px; line-height: 1.64; letter-spacing: 2px; word-break: break-all; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .article-content-aigc-disclaimer { font-size: 15px; text-align: right; width: 100%; color: rgb(170, 170, 170); font-style: italic; }



.mobile .article-detail-style3 .mobile-content .article-contaniner article { margin: 0px 13px; font-size: 17px; line-height: 2; word-break: break-all; }



.mobile .article-detail-style3 .mobile-content .article-contaniner article video { max-width: 100%; }



.mobile .article-detail-style3 .mobile-content .article-contaniner article.hidden-content { height: 300px; overflow: hidden; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .mobile-file-box { margin: 0px 13px; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .mobile-file-box .label-group { display: flex; flex-wrap: wrap; margin: 20px 0px 0px; padding: 10px 0px; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .mobile-file-box .label-group li { margin: 0px 5px 5px 0px; border: 1px solid rgb(230, 230, 230); background-color: rgb(244, 244, 244); font-size: 13px; padding: 5px 10px; font-weight: 600; border-radius: 3px; line-height: 1; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .mobile-file-box .label-group li:hover { opacity: 0.8; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .mobile-file-box .label-group li a { color: rgb(85, 85, 85); }



.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more { position: absolute; bottom: -21px; width: 100%; margin-bottom: 5px; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more .open-more-mask { background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); height: 70px; width: 100%; }



.mobile .article-detail-style3 .mobile-content .article-contaniner .open-more .tips { width: 100%; background-color: rgb(255, 255, 255); text-align: center; padding-bottom: 20px; font-size: 12px; }



.mobile .article-detail-style3 .mobile-content .article-nav { display: flex; justify-content: space-between; color: rgb(187, 187, 187); padding: 20px 13px; background-color: rgb(255, 255, 255); font-size: 12px; }



.mobile .article-detail-style3 .mobile-content .article-nav a { color: rgb(153, 153, 153); transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; font-size: 13px; }



.mobile .article-detail-style3 .mobile-content .article-nav a:hover { color: rgb(69, 182, 247); }



.mobile .article-detail-style3 .mobile-content .article-nav .article-nav-prev { width: 50%; border-right: 1px solid rgb(238, 238, 238); padding-right: 5px; margin-right: 5px; }



.mobile .article-detail-style3 .mobile-content .article-nav .article-nav-next { text-align: right; width: 50%; }



.mobile .article-detail-style3 .mobile-content .tool-wrap { display: flex; justify-content: space-between; padding: 15px 13px; background-color: rgb(255, 255, 255); margin: 5px 0px; font-size: 12px; }



.mobile .article-detail-style3 .mobile-content .tool-wrap .icon-wrap { display: flex; flex-direction: column; align-items: center; }



.mobile .article-detail-style3 .mobile-content .tool-wrap .icon { display: flex; flex-direction: column; align-items: center; }



.mobile .article-detail-style3 .mobile-content .tool-wrap .icon > div { width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%; }



.mobile .article-detail-style3 .mobile-content .tool-wrap .share-btn { background-image: url("/assets/visual-editor/images/article-detail-style3/share.png"); }



.mobile .article-detail-style3 .mobile-content .tool-wrap .collect-btn { background-image: url("/assets/visual-editor/images/article-detail-style3/collect.png"); }



.mobile .article-detail-style3 .mobile-content .tool-wrap .collect-btn.active { background-image: url("/assets/visual-editor/images/article-detail-style3/collect-active.png"); }



.mobile .article-detail-style3 .mobile-content .tool-wrap .comment-btn { background-image: url("/assets/visual-editor/images/article-detail-style3/comment.png"); }



.mobile .article-detail-style3 .mobile-content .tool-wrap .like-btn { background-image: url("/assets/visual-editor/images/article-detail-style3/like.png"); }



.mobile .article-detail-style3 .mobile-content .tool-wrap .like-btn.active { background-image: url("/assets/visual-editor/images/article-detail-style3/like-active.png"); }



.mobile .article-detail-style3 .mobile-content .comment-area { background-color: rgb(255, 255, 255); padding: 0px 13px; }



.mobile .article-detail-style3 .mobile-content .comment-area .title { font-size: 14px; padding: 16px 0px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input { flex: 1 1 0px; border-radius: 8px; padding: 16px; background-color: rgb(248, 248, 248); position: relative; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask { position: absolute; top: 0px; left: 0px; background-color: rgb(248, 248, 248); cursor: pointer; width: 100%; height: 100%; z-index: 1; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask p { font-size: 14px; color: rgb(34, 34, 34); line-height: 100px; text-align: center; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .login-mask p span { color: rgb(240, 65, 66); margin: 0px 5px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .comment-textarea { font-size: 14px; outline: 0px; width: 100%; resize: none; border: 0px; line-height: 24px; transition: height 0.3s ease-in-out; height: 24px; background-color: rgb(248, 248, 248); max-height: 72px; overflow: auto; display: block; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .comment-textarea.expand { height: 120px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action { margin-top: 12px; text-align: right; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn { padding: 6px 18px; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(80, 80, 80); cursor: pointer; display: inline-block; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn:hover { background-color: rgb(112, 112, 112); }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-input .action .submit-btn.disable { opacity: 0.3; cursor: default; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list li { margin: 20px 0px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list li .reply-list li { margin: 24px 0px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item { display: flex; align-items: flex-start; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info { flex: 1 1 0px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header { display: flex; justify-content: space-between; font-size: 15px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action { cursor: pointer; display: flex; align-items: center; justify-content: center; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action:hover { opacity: 0.8; }



@keyframes liked { 

  0% { width: 0px; height: 0px; }

  100% { width: 24px; height: 24px; }

}



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg { width: 24px; height: 24px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked span { color: rgb(240, 65, 66); }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked svg { animation: 0.3s cubic-bezier(0.3, 1.8, 0.3, 1) 0s 1 normal none running liked; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .content { margin: 5px 0px 10px; font-size: 15px; line-height: 24px; word-break: break-all; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer { color: rgb(153, 153, 153); }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer .reply { color: rgb(34, 34, 34); cursor: pointer; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .child-input { margin-top: 12px; }



.mobile .article-detail-style3 .mobile-content .comment-area .comment-list .comment-item .comment-info .check-more-reply { margin-top: 5px; line-height: 20px; font-size: 12px; color: rgb(80, 80, 80); cursor: pointer; }



.mobile .article-detail-style3 .mobile-content .comment-area .main-input { margin: 24px 0px 40px; display: flex; }



.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.mobile .article-detail-style3 .mobile-content .comment-area .main-input .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.mobile .article-detail-style3 .mobile-content .comment-area .show-all { text-align: center; font-size: 12px; }



.mobile .article-detail-container { padding: 0px; }



.mobile .article-detail-container .article-detail-title { font-size: 20px; }



.mobile .article-detail-container .article-detail { background: rgb(255, 255, 255); padding: 20px 15px; }



.mobile .article-detail-container .article-detail-date { display: none; }



.mobile .article-detail-container .article-detail-info { margin-top: 20px; display: flex; align-items: flex-start; justify-content: space-between; }



.mobile .article-detail-container .article-detail-info > div { display: flex; align-items: center; justify-content: center; color: rgb(165, 165, 165); font-size: 14px; font-weight: 400; }



.mobile .article-detail-container .article-detail-info > div > span { margin-right: 6px; }



.mobile .article-detail-container .article-detail-info > div > span:last-child { margin-right: 0px; }



.mobile .article-detail-container .article-detail-info > div .purple { color: rgb(172, 91, 181); }



.mobile .article-detail-container .article-detail-info > div > img { margin-right: 4px; width: 16px; height: 16px; }



.mobile .article-detail-container .article-detail-info > div:first-child { flex: 1 1 0%; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; }



.mobile .article-detail-container .article-detail-dingyue-box .pc_dingyue_item { display: none; }



.mobile .article-detail-container .mobile_dingyue_item { font-size: 10px; margin-top: 4px; }



.mobile .article-detail-container .article-detail-content { line-height: 2; }



.mobile .article-detail-container .article-detail-content img { width: 100%; }



.mobile .article-detail-container .left, .mobile .article-detail-container .right { width: 100%; height: auto; }



.mobile .article-detail-container .article-container2 { width: 100%; }



.mobile .article-detail-container .article-panel2 .aticle-detail-style2 { width: 100%; padding: 5px; }



.mobile .article-detail-container .article-panel2 .aticle-detail-style2 .date-content { display: none; }



.mobile .article-detail-container .article-panel2 .aticle-detail-style2 .title-content { margin-left: 0px; }



.mobile .article-detail-container .article-panel2 .article-detail-content { margin: 15px 0px 5px; }



.mobile .article-detail-container .article-panel2 .article-other-panel { width: 100%; padding: 5px; }



.mobile .article-detail-container .article-panel2 .pagination-panel { padding-top: 0px; }



.mobile .article-detail-container .article-panel2 .details-look { margin-top: 10px; }



.mobile .article-detail-container .article-panel2 .details-look .img-item, .mobile .article-detail-container .article-panel2 .details-look .title { width: 100%; }



.mobile .aticle-detail-style2 .article-detail-dingyue-box .pc_dingyue_item { display: none; }



.mobile .aticle-detail-style2 .article-detail-info .mobile_dingyue_item { font-size: 10px; color: rgb(87, 107, 149); }



.mobile .activity-table { margin: 15px 13px; }



.mobile .activity-table .activity-item { padding: 0px; }



.mobile .activity-table .activity-item > label { padding-right: 0px; }



.mobile .activity-table .activity-item > span { padding-right: 0px; }



.mobile .article-detail-source-box { padding: 20px 0px 20px 20px; }



.mobile .gw-editor-page .article-detail-container .container { width: 100%; }



.mobile .gw-editor-page .article-detail-container .article-detail { width: 100%; }



.mobile .gw-editor-page .article-detail-container .article-link-qrcode { display: none; }



.mobile .gw-editor-page .article-detail-container .col-xs-12 { width: 100%; }



.goods-detail-container { padding: 30px 0px; }



.goods-detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .goods-detail-container .gw-align-container { max-width: var(--max-width); }

}



.goods-detail-container.padding-0 { padding: 0px; }



.goods-detail-container .w-100 { width: 100%; }



.goods-detail-container .h-100 { height: 100%; }



.goods-detail-container .pt-20 { padding-top: 20px; }



.goods-detail-container .goods-detail { background: rgb(255, 255, 255); padding: 30px; }



.goods-detail-container .goods-detail-box { display: flex; justify-content: flex-start; }



.goods-detail-container .goods-detail-title { font-size: 24px; color: rgb(18, 18, 18); font-weight: 600; }



.goods-detail-container .goods-detail-abs { color: rgb(156, 156, 156); font-size: 18px; margin-top: 10px; font-weight: 500; margin-bottom: 10px; }



.goods-detail-container .goods-detail-img { border-radius: 2px; }



.goods-detail-container .goods-detail-img img { height: auto !important; width: auto !important; max-width: 100% !important; max-height: 100% !important; }



.goods-detail-container .goods-detail-p { text-align: left; margin-left: 26px; }



.goods-detail-container .goods-detail-money { font-size: 18px; color: rgb(18, 18, 18); display: inline-block; font-weight: 600; }



.goods-detail-container .goods-detail-price { font-size: 24px; color: rgb(206, 0, 0); display: inline-block; }



.goods-detail-container .goods-detail-mes { font-size: 30px; color: rgb(0, 0, 0); }



.goods-detail-container .goods-attr-box { background-color: rgb(251, 251, 251); padding: 0px 20px; width: 100%; margin: 20px auto; }



.goods-detail-container .goods-attr-box .attr-row { color: rgb(102, 102, 102); font-size: 16px; line-height: 25px; padding: 0px; font-weight: 600; max-width: 100%; }



.goods-detail-container .goods-attr-box .attr-row .attr-value { font-size: 14px; font-weight: 400; }



.goods-detail-container .goods-detail-date { color: rgb(153, 153, 153); margin-top: 15px; text-align: center; }



.goods-detail-container .goods-detail-content { border-top: 1px solid rgb(245, 245, 245); margin-top: 15px; padding: 20px 0px; line-height: 1.5; }



.goods-detail-container .goods-detail-content * { max-width: 100%; }



.goods-detail-container .goods-detail-content img { max-width: 100%; margin-top: 0px; margin-bottom: 0px; height: auto !important; max-height: 100% !important; }



.goods-detail-container .goods-detail-content img.fr-dib { margin-top: 0px; margin-bottom: 0px; }



.goods-detail-container .goods-detail-content .good-url { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px 0px; }



.goods-detail-container .goods-detail-content .good-url a { color: rgb(51, 51, 51); font-size: 14px; cursor: pointer; padding-left: 5px; }



.goods-detail-container .goods-detail-content .good-url a a:hover { color: rgb(91, 170, 244); }



.goods-detail-container .goods-detail-content p { margin-bottom: 0px; }



.goods-detail-container .goods-share-me { border-top: 1px solid rgb(245, 245, 245); padding-top: 20px; width: 100%; float: left; }



.goods-detail-container .goods-share-me span { line-height: 36px; display: block; margin-right: 5px; }



.goods-detail-container .goods-link-qrcode { text-align: center; }



.goods-detail-container .goods-link-qrcode img { width: 100%; margin-bottom: 10px; }



.goods-detail-container .goods-file-download { border-top: 1px solid rgb(245, 245, 245); }



.goods-detail-container .goods-file-download .goods-file-row { display: block; }



.goods-detail-container .goods-detail-abstract { background-color: rgb(251, 251, 251); padding: 16px; width: 100%; margin: 20px auto; color: rgb(102, 102, 102); font-size: 16px; word-break: break-word; }



.goods-detail-container .goods-detail-box1 { margin-bottom: 10px; }



.goods-detail-container .goods-detail-box1 .swiper-slide { display: flex; align-items: center; justify-content: center; width: 100% !important; }



.goods-detail-container .goods-detail-box1 .goodsImg { max-width: 100%; }



.goods-detail-container .details-look { margin: 20px auto 0px; display: flex; flex-flow: column; align-items: center; }



.goods-detail-container .details-look .title { width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 12px; }



.goods-detail-container .details-look .title .common-border { width: 15%; height: 2px; background-color: rgb(217, 217, 217); }



.goods-detail-container .details-look .title .title-text { font-size: 16px; font-weight: 400; color: silver; line-height: 22px; }



.goods-detail-container .details-look .img-item { cursor: pointer; width: 100%; height: 137px; border: 1px solid rgb(217, 217, 217); border-radius: 4px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; position: relative; }



.goods-detail-container .details-look .img-item a { display: flex; width: 100%; height: 100%; }



.goods-detail-container .details-look .img-item img { max-width: 100%; max-height: 100%; margin-bottom: 0px; overflow: hidden; object-fit: cover; }



.goods-detail-container .details-look .img-item:last-child { margin-bottom: 0px; }



.goods-detail-container .details-look .img-item .mask-bg { position: absolute; bottom: 0px; left: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); line-height: 1.2; font-size: 12px; text-align: left; padding: 5px; }



.goods-detail-container .details-look .img-item .mask-bg p { padding: 2px 4px; margin-bottom: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.goods-detail-container .goods-pagination-panel { border-top: 1px solid rgb(210, 214, 220); margin-top: 20px; padding-top: 5px; font-size: 12px; }



.goods-detail-container .goods-pagination-panel a { display: block; text-align: left; margin-top: 5px; }



.goods-detail-container .goods-pagination-panel .round-pagination { border: 1px solid; border-radius: 50%; width: 18px; height: 18px; display: inline-block; text-align: center; vertical-align: middle; line-height: 1; margin-right: 5px; }



.goods-detail-container .width-100 { width: 100%; }



.goods-detail-container .padding-lr-15 { padding: 0px 15px; }



.goods-detail-container .padding-0 { padding: 0px; }



.goods-detail-container .BMapLabel { max-width: inherit; }



.goods-detail-container .recommend-panel { margin-top: 30px; }



.goods-detail-container .recommend-panel .recommend-title { margin-top: 10px; }



.goods-detail-container .recommend-panel .item-box { overflow: hidden; position: relative; width: calc(25% - 5px); height: 192px; margin: 0px 0.25px; display: inline-block; box-sizing: content-box; }



.goods-detail-container .recommend-panel .item-box:first-child { margin-left: 0px; }



.goods-detail-container .recommend-panel .item-box:nth-child(4n) { margin-right: 0px; }



.goods-detail-container .recommend-panel .scale-img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s, -webkit-transform 1s; }



.goods-detail-container .recommend-panel .scale-img:hover { transform: translateZ(0px) scale(1.25); }



.goods-detail-container .recommend-panel .card-title-mask { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent); }



.goods-detail-container .recommend-panel .item-info { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 4px 8px; text-align: left; color: rgb(255, 255, 255); }



.goods-detail-container .recommend-panel .item-info .title { font-size: 18px; font-weight: 700; width: 100%; margin-bottom: 0px; line-height: 1.25; }



.goods-detail-container .recommend-panel .item-info .abs { font-size: 14px; width: 100%; line-height: 1.25; margin-bottom: 0px; }



.goods-detail-container .mrg-left-7 { margin-left: 7px; }



.goods-detail-container .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.goods-detail-container .ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.goods-detail-container a:hover { color: inherit; }



.goods-detail-container .goods-tags > li { border-radius: 3px; background-color: var(--main_color); padding: 6px 14px; display: inline-block; color: rgb(255, 255, 255); margin-left: 7px; margin-top: 5px; line-height: 1; }



.goods-detail-container .goods-tags > li:first-child { margin-left: 0px; }



.goods-detail-container .inline-block { display: inline-block; }



.goods-detail-container .flex-between { display: flex; justify-content: space-between; align-items: center; }



.goods-detail-container .left-sidebar { position: absolute; top: 30px; margin-left: -85px; display: flex; flex-direction: column; align-items: center; z-index: 10; }



.goods-detail-container .left-sidebar .divide { width: 24px; height: 1px; background-color: rgb(232, 232, 232); margin-bottom: 10px; }



.goods-detail-container .left-sidebar .icon { cursor: pointer; text-align: center; line-height: 24px; font-size: 20px; border-radius: 50%; margin-bottom: 10px; color: rgb(178, 186, 194); display: flex; flex-direction: column; align-items: center; }



.goods-detail-container .left-sidebar .icon:hover { color: rgb(138, 147, 160); }



.goods-detail-container .left-sidebar .icon span { color: rgb(34, 34, 34); font-size: 12px; }



.goods-detail-container .left-sidebar .like-btn .icon-box { display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px; width: 48px; height: 48px; border-radius: 50%; background-color: rgb(248, 248, 248); }



.goods-detail-container .left-sidebar .like-btn.active { color: rgb(240, 65, 66); }



.goods-detail-container .left-sidebar .collect-btn.active { color: rgb(255, 195, 71); }



.goods-detail-container .left-sidebar .share-title { color: rgb(198, 198, 198); font-size: 12px; text-align: center; }



.goods-detail-container .left-sidebar #share-content { display: flex; flex-direction: column; align-items: center; }



.goods-detail-container .left-sidebar #share-content .social-share-icon { border: none rgb(178, 186, 194); color: rgb(178, 186, 194); }



.goods-detail-container .left-sidebar #share-content .social-share-icon:hover { color: rgb(255, 255, 255); }



.goods-detail-container .nav-wrapper { position: fixed; height: 110px; top: 50%; width: 250px; background: rgb(255, 255, 255); color: rgb(34, 34, 34); margin-top: -55px; text-decoration: none; z-index: 200; right: -210px; margin-left: -40px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; cursor: pointer; transition: 0.5s; padding: 0px 15px; display: table; box-shadow: rgba(0, 0, 0, 0.043) 0px 0px 27px 0px; }



.goods-detail-container .nav-wrapper i { display: inline; float: left; font-size: 20px; line-height: 22px; top: 50%; margin-top: -11px; position: absolute; font-weight: 900; }



.goods-detail-container .nav-wrapper .nav-item { display: table-cell; vertical-align: middle; }



.goods-detail-container .nav-wrapper .nav-item a { line-height: 20px; max-width: 250px; font-weight: 700; }



.goods-detail-container .nav-prev-wrapper { left: -170px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }



.goods-detail-container .nav-prev-wrapper:hover { left: 0px; }



.goods-detail-container .nav-prev-wrapper i { right: 16px; }



.goods-detail-container .nav-next-wrapper { right: -210px; }



.goods-detail-container .nav-next-wrapper i { margin-left: 5px; margin-right: 5px; left: 12px; }



.goods-detail-container .nav-next-wrapper:hover { right: 0px; }



.goods-detail-container .navigational_links a { color: rgb(34, 34, 34); text-decoration: none; overflow-wrap: break-word; }



.goods-detail-container .navigational_links a:hover { color: rgb(34, 34, 34); text-decoration: none; overflow-wrap: break-word; }



.goods-detail-container .nav-prev { text-align: right; }



.goods-detail-container .nav-prev a { display: block; padding-right: 25px; float: right; text-align: right; }



.goods-detail-container .nav-next a { margin-left: 24px; padding-left: 1px; display: inline; float: left; }



.goods-detail-container .goods-detail-style2 { font-family: "PingFang SC"; }



.goods-detail-container .goods-detail-style2 .detail-content-box { background-color: rgb(249, 249, 249); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content { display: flex; padding: 100px 0px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper { width: 850px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro img { height: auto !important; width: auto !important; max-width: 100% !important; max-height: 100% !important; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow::after, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-arrow::before, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow::after, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-arrow::before { background-color: rgb(213, 213, 213); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail::before { border-color: transparent; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail::after { border-left-color: transparent; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow::after, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-next-thumbnail-arrow::before, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow::after, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .left-swiper .slider-pro .sp-previous-thumbnail-arrow::before { background-color: rgb(213, 213, 213); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid { min-width: 300px; max-width: 450px; width: 30%; position: relative; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info { font-weight: 500; color: rgb(0, 0, 0); font-size: 14px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .title { font-size: 21px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .title-info .abs { font-weight: 400; margin: 15px 0px 0px; word-break: break-all; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .bottom-line { border-bottom: 1px solid rgb(235, 232, 231); padding: 10px 0px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group { color: rgb(0, 0, 0); font-size: 14px; position: relative; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel { background-color: rgb(249, 249, 249); border: none; text-align: left; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading { padding: 0px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title { font-weight: 700; position: relative; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a { display: block; background-color: rgb(249, 249, 249); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a div { width: 90%; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:focus, .goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title a:hover { color: rgb(0, 0, 0); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-heading .panel-title i { position: absolute; right: 0px; top: 0px; color: rgb(103, 101, 100); }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .panel-group .panel .panel-body { padding: 14px 0px 0px; border: none; font-weight: 400; line-height: 20px; word-break: break-all; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us { margin-top: 54px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .contact-us a { text-align: center; width: 151px; height: 40px; background: var(--main_color); border-radius: 5px; color: rgb(255, 255, 255); display: block; line-height: 40px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product { position: absolute; right: -100px; bottom: 50px; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content { position: relative; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div { font-size: 18px; font-weight: 700; color: rgb(85, 85, 85); display: block; overflow-wrap: break-word; width: 18px; margin-bottom: 30px; text-align: center; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content div span { font-weight: 100; }



.goods-detail-container .goods-detail-style2 .detail-content-box .detail-content .container-fluid .right-product .right-product-content::after { content: ""; position: absolute; right: 55%; width: 1px; height: 100px; background-color: rgb(85, 85, 85); }



.goods-detail-container .goods-detail-style2 .recommend-box { background-color: rgb(255, 255, 255); padding: 30px 0px; }



.goods-detail-container .goods-detail-style2 .recommend-box .line { margin: 0px auto; width: 1147px; border-bottom: 2px solid rgb(206, 206, 206); }



.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title { color: rgb(0, 0, 0); margin: 0px auto; text-align: center; }



.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:first-child { font-size: 14px; font-weight: 700; margin: 40px auto 18px; }



.goods-detail-container .goods-detail-style2 .recommend-box .recommend-title p:last-child { font-size: 29px; font-weight: 500; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat { text-align: center; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li { width: 160px; border-bottom: 1px solid rgb(191, 191, 191); display: inline-block; text-align: center; padding: 10px 0px; margin-left: -5px; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li a { color: rgb(191, 191, 191); font-size: 14px; font-weight: 500; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active { border-bottom-color: var(--main_color); }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-goods-cat li.active a { color: var(--main_color); }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box { position: relative; width: 90%; margin: 0px auto; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container { width: 85%; height: 430px; margin: 20px auto; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-wrapper { width: 100%; margin: 0px auto; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide { text-align: center; font-size: 18px; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item { display: flex; flex-direction: column; align-items: center; text-align: center; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box { background-color: rgb(249, 249, 249); width: 290px; height: 290px; display: flex; align-items: center; justify-content: center; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-img-box img { object-fit: contain; max-width: 100%; max-height: 100%; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info { color: rgb(0, 0, 0); font-size: 16px; font-weight: 500; line-height: 26px; padding: 34px 40px; width: 100%; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-abs { font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price { font-size: 14px; margin-top: 5px; margin-bottom: 0px; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span { color: rgb(140, 138, 138); padding-left: 10px; border-left: 1px solid rgb(0, 0, 0); margin-left: 10px; display: inline-block; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-container .swiper-slide .swiper-item .swiper-info .info-price span:first-child { border-left: none; color: rgb(0, 0, 0); }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next, .goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev { color: var(--main_color); padding: 145px 30px; top: 22px; background-color: rgb(249, 249, 249); background-image: none; display: flex; align-items: center; justify-content: center; }



.goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-next i, .goods-detail-container .goods-detail-style2 .recommend-box .swiper-box .swiper-button-prev i { font-size: 50px; color: rgb(0, 0, 0); }



.goods-detail-container .goods-detail-style2 .goods-detail-box { background-color: rgb(255, 255, 255); padding-top: 0px; }



.goods-detail-container .goods-detail-style2 .goods-detail-box .goods-detail-content { border: none; }



.goods-detail-container .goods-detail-style3 .swiper-slide { display: flex; align-items: center; justify-content: center; width: 100% !important; }



.goods-detail-container .goods-detail-style3 .goodsImg { width: 100%; }



.goods-detail-container .goods-detail-style3 .info { padding: 10px 0px; border-bottom: 1px solid rgb(229, 231, 235); }



.goods-detail-container .goods-detail-style3 .info > div { padding: 0px; }



.goods-detail-container .goods-detail-style3 .goods-detail-abs, .goods-detail-container .goods-detail-style3 .goods-detail-title { padding: 0px; }



.goods-detail-container .goods-detail-style3 .goods-attr-box { padding: 0px; text-align: right; margin: 0px; font-size: 16px; font-weight: 100; background-color: transparent; }



.goods-detail-container .goods-detail-style3 .goods-detail-content { border-top: 0px; }



.goods-detail-container .goods-detail-style3 .details-look .img-item { width: 100%; border: none; text-align: left; }



.goods-detail-container .goods-detail-style3 .details-look .img-item img { object-fit: cover; }



.goods-detail-container .goods-detail-style3 .details-look .title { width: 100%; }



.goods-detail-container .goods-detail-style3 .details-look .title .title-text { color: rgb(16, 24, 32); }



.goods-detail-container .goods-detail-style3 .goods-other-panel { text-align: center; padding: 5px; }



.goods-detail-container .goods-detail-style4 { background-color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style4 .detail-content-box { background-color: rgb(255, 255, 255); padding: 10px 0px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content { position: relative; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .title { color: rgb(51, 51, 51); font-size: 24px; margin-bottom: 12px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .price { color: rgb(208, 2, 27); font-size: 24px; line-height: 33px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .label-group { display: flex; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .title-info .label-group li { border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin-right: 20px; color: rgb(153, 153, 153); padding: 3px 11px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .swiper-box { height: 445px; margin: 2px 0px 20px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items { margin-bottom: 20px; line-height: 20px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items .info { color: rgb(102, 102, 102); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items .value { color: rgb(51, 51, 51); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group-more { display: none; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation { background-color: rgb(255, 255, 255); position: sticky; top: 0px; z-index: 999; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul { border-bottom: 1px solid rgb(221, 221, 221); margin-bottom: 0px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul li { padding: 16px 0px; font-size: 18px; margin-right: 49px; float: left; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul li a { color: rgb(102, 102, 102); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul .active { border-bottom: 2px solid var(--main_color); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul .active a { color: var(--main_color); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .navigation ul a:hover { color: var(--main_color); }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content { padding-top: 40px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .tit { color: rgb(51, 51, 51); line-height: 25px; font-weight: 600; font-size: 18px; margin-bottom: 12px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info { margin-bottom: 30px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info ul { display: flex; flex-wrap: wrap; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .parameter-info ul li { width: 50%; margin-bottom: 12px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .details-info { margin-bottom: 40px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .map { margin-bottom: 40px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left .map .content { height: 337px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .title { font-size: 18px; line-height: 25px; color: rgb(51, 51, 51); margin-bottom: 16px; font-weight: 600; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form { border: 1px solid rgb(221, 221, 221); border-radius: 6px; height: 291px; padding: 16px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form p { color: rgb(102, 102, 102); line-height: 20px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form input { width: 100%; border-radius: 6px; border: 1px solid rgb(221, 221, 221); margin-bottom: 16px; height: 36px; }



.goods-detail-container .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-right .relation-form form .submit { height: 36px; width: 100%; background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgb(221, 221, 221); margin-top: 14px; }



.goods-detail-container .goods-detail-style4 .swiper { background: rgb(255, 255, 255); width: 100%; height: 100%; margin: 0px; padding: 0px; }



.goods-detail-container .goods-detail-style4 .swiper .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }



.goods-detail-container .goods-detail-style4 .swiper .swiper-container .swiper-slide { background-size: contain; background-repeat: no-repeat; background-position: center center; }



.goods-detail-container .goods-detail-style4 .swiper .gallery-top { height: 80%; width: 100%; }



.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0px; }



.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; }



.goods-detail-container .goods-detail-style4 .swiper .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }



.goods-detail-container .goods-detail-style4 .related-content { margin-bottom: 40px; }



.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content { height: 120px; position: relative; overflow: hidden; display: block; }



.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; }



.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content p { color: rgb(255, 255, 255); font-size: 12px; background: rgb(0, 0, 0); opacity: 0.6; line-height: 37px; width: 100%; padding-left: 10px; position: absolute; bottom: 0px; margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.goods-detail-container .goods-detail-style4 .related-content .content .item .item-content:hover img { transform: scale(1.04); }



.goods-detail-container .goods-detail-style4 .relation-personnel { border: 1px solid rgb(221, 221, 221); border-radius: 6px; padding: 16px; margin-bottom: 46px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item { margin-bottom: 10px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info { display: flex; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info img { width: 60px; height: 80px; object-fit: contain; margin-right: 10px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info .right .name { line-height: 20px; color: rgb(51, 51, 51); margin-bottom: 4px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .personnel-info .right .abs { font-size: 12px; color: rgb(102, 102, 102); line-height: 17px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group { display: flex; justify-content: space-between; margin: 10px 0px; }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group .button { background-color: rgb(74, 144, 226); border-radius: 14px; padding: 6px 16px 5px; line-height: 17px; font-size: 12px; color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item .button-group .button.tel-btn { background-color: rgb(245, 166, 35); }



.goods-detail-container .goods-detail-style4 .relation-personnel .personnel-item:not(:last-child) { border-bottom: 1px solid rgb(221, 221, 221); }



.goods-detail-container .goods-detail-style5 { background: 0px 0px; padding: 0px 0px 30px; }



.goods-detail-container .goods-detail-style5 .container { width: 1400px; }



.goods-detail-container .goods-detail-style5 .goods-detail { background: 0px 0px; padding: 0px 30px; color: rgb(92, 114, 125); position: relative; }



.goods-detail-container .goods-detail-style5 .goods-detail-price { color: rgb(9, 21, 64); }



.goods-detail-container .goods-detail-style5 .title-panel { padding-left: 0px; }



.goods-detail-container .goods-detail-style5 .title-panel .location-item { margin-top: 5px; }



.goods-detail-container .goods-detail-style5 .price-panel { padding-left: 0px; padding-right: 0px; }



.goods-detail-container .goods-detail-style5 .map-content { width: 100%; height: 400px; }



.goods-detail-container .goods-detail-style5 .house-layout { text-align: center; }



.goods-detail-container .goods-detail-style5 .house-layout > img { max-width: 100%; width: auto; }



.goods-detail-container .goods-detail-style5 .image_gallery { background-position: 50% 50%; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative; border: 1px solid rgb(240, 240, 240); }



.goods-detail-container .goods-detail-style5 .image_gallery .img_listings_overlay { cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 9; width: 100%; height: 100%; background-color: rgb(68, 68, 68); opacity: 0; transition: 0.25s; }



.goods-detail-container .goods-detail-style5 .image_gallery .load-more { color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; }



.goods-detail-container .goods-detail-style5 .col-md-6.image_gallery { height: 650px; }



.goods-detail-container .goods-detail-style5 .col-md-12.image_gallery { height: 325px; }



.goods-detail-container .goods-detail-style5 .goods-detail-content { border-top: none; padding: 0px; margin: 0px; font-size: 16px; }



.goods-detail-container .goods-detail-style5 .tab-nav-panel { background-color: var(--main_color); color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item { border-right: 1px solid rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item a { color: rgb(255, 255, 255); border-radius: 0px; }



.goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item.active a, .goods-detail-container .goods-detail-style5 .tab-nav-panel .tabs-item.active a:hover { background-color: rgb(240, 240, 240); color: rgb(51, 51, 51); border: none; font-weight: 800; border-radius: 0px; }



.goods-detail-container .goods-detail-style5 .goods-attr-box { background-color: transparent; padding: 0px; margin: 5px 0px; font-size: 14px; font-weight: 400; color: rgb(92, 114, 125); }



.goods-detail-container .goods-detail-style5 .tab-pane { padding: 30px 15px; }



.goods-detail-container .goods-detail-style6 { background-color: rgb(255, 255, 255); padding: 10px 0px 30px; --swiper-theme-color: var(--main_color); }



.goods-detail-container .goods-detail-style6 ul { margin-bottom: 0px; }



.goods-detail-container .goods-detail-style6 .swiper-container .swiper-wrapper { align-items: center; }



.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper { min-height: 300px; display: flex; align-items: center; }



.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper .swiper-pagination-bullets .swiper-pagination-bullet { background-color: var(--main_color); border-radius: 4px; transition: width 0.3s; }



.goods-detail-container .goods-detail-style6 .swiper-container.main-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 32px; }



.goods-detail-container .goods-detail-style6 .swiper-container.relate-goods-swiper { margin-top: 30px; }



.goods-detail-container .goods-detail-style6 .swiper-container .swiper-slide { text-align: center; }



.goods-detail-container .goods-detail-style6 .swiper-container .swiper-slide img { width: 100%; max-height: 300px; object-fit: contain; }



.goods-detail-container .goods-detail-style6 .related-content:not(:last-child) { margin-bottom: 50px; }



.goods-detail-container .goods-detail-style6 .related-content .title { font-size: 22px; color: rgb(44, 43, 43); border-bottom: 1px solid rgb(238, 238, 238); padding-bottom: 5px; position: relative; }



.goods-detail-container .goods-detail-style6 .related-content .title::after { content: ""; position: absolute; left: 0px; bottom: -1px; height: 1px; background-color: var(--main_color); width: 87px; }



.goods-detail-container .goods-detail-style6 .related-content.contact li { height: 37px; line-height: 37px; }



.goods-detail-container .goods-detail-style6 .related-content ul { transition: 0.5s; }



.goods-detail-container .goods-detail-style6 .related-content ul.secMenu { display: none; }



.goods-detail-container .goods-detail-style6 .related-content ul.secMenu > li > a { padding-left: 15px; }



.goods-detail-container .goods-detail-style6 .related-content ul.threeMenu { display: none; }



.goods-detail-container .goods-detail-style6 .related-content ul.threeMenu > li > a { padding-left: 30px; }



.goods-detail-container .goods-detail-style6 .related-content .menu a span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.goods-detail-container .goods-detail-style6 .related-content .menu ul { border-top: 1px solid rgb(238, 238, 238); }



.goods-detail-container .goods-detail-style6 .related-content li { overflow: hidden; border-bottom: 1px solid rgb(238, 238, 238); }



.goods-detail-container .goods-detail-style6 .related-content li i { margin-right: 5px; transform: rotate(0deg); }



.goods-detail-container .goods-detail-style6 .related-content li i.reverse { transform: rotate(180deg); }



.goods-detail-container .goods-detail-style6 .related-content li > a { line-height: 37px; height: 37px; display: flex; align-items: center; justify-content: flex-start; }



.goods-detail-container .goods-detail-style6 .related-content li > a:hover { color: var(--main_color); }



.goods-detail-container .goods-detail-style6 .related-content li > a.active { color: var(--main_color); }



.goods-detail-container .goods-detail-style6 .related-content .secMenu li:last-child { border-bottom: none; }



.goods-detail-container .goods-detail-style6 .goods-detail { padding: 0px; }



.goods-detail-container .goods-detail-style6 .goods-detail .info-line { border-bottom: 1px solid rgb(238, 238, 238); padding: 10px 0px; }



.goods-detail-container .goods-detail-style6 .goods-detail .title { font-size: 22px; padding-top: 0px; }



.goods-detail-container .goods-detail-style6 .goods-detail .price-box { display: flex; align-items: center; justify-content: space-between; }



.goods-detail-container .goods-detail-style6 .goods-detail .price-box .price { color: rgb(251, 156, 150); font-size: 24px; }



.goods-detail-container .goods-detail-style6 .goods-detail .price-box .msg-btn { cursor: pointer; background-color: var(--main_color); color: rgb(255, 255, 255); border-radius: 4px; padding: 10px 30px; }



.goods-detail-container .goods-detail-style6 .goods-detail .abs { color: rgb(196, 196, 196); margin-top: 10px; margin-bottom: 20px; word-break: break-word; }



.goods-detail-container .goods-detail-style6 .goods-detail .parameter ul li { display: flex; margin-bottom: 5px; }



.goods-detail-container .goods-detail-style6 .goods-detail .parameter ul li img { max-width: 20px; max-height: 20px; width: 20px; object-fit: contain; margin-right: 5px; }



.goods-detail-container .goods-detail-style6 .goods-detail .download { display: flex; flex-wrap: wrap; padding: 10px; background-color: rgb(245, 245, 245); margin-bottom: 20px; }



.goods-detail-container .goods-detail-style6 .goods-detail .download .item { margin-right: 10px; display: flex; align-items: center; }



.goods-detail-container .goods-detail-style6 .goods-detail .download .item:hover { color: var(--main_color); }



.goods-detail-container .goods-detail-style6 .detail-content { margin-top: 30px; }



.goods-detail-container .goods-detail-style6 .detail-content .title { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid rgb(238, 238, 238); font-size: 24px; color: rgb(51, 51, 51); position: relative; }



.goods-detail-container .goods-detail-style6 .detail-content .title::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 100px; height: 1px; background-color: var(--main_color); }



.goods-detail-container .goods-detail-style6 .detail-content .goods-detail-content { border-top: none; margin-top: 0px; padding: 0px; }



.goods-detail-container .goods-detail-style7 { background-color: rgb(251, 251, 251); --swiper-theme-color: var(--main_color); }



.goods-detail-container .goods-detail-style7 .title-box { display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0px 35px; }



.goods-detail-container .goods-detail-style7 .title-box .title { color: rgb(68, 68, 68); font-weight: 700; font-size: 22px; margin-right: 20px; }



.goods-detail-container .goods-detail-style7 .title-box .label-group { margin-bottom: 0px; }



.goods-detail-container .goods-detail-style7 .title-box .label-group li { background-color: var(--main_color); border-radius: 4px; color: rgb(255, 255, 255); padding: 6px 14px; display: inline-block; }



.goods-detail-container .goods-detail-style7 .title-box .label-group li:not(:last-child) { margin-right: 7px; }



.goods-detail-container .goods-detail-style7 .one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.goods-detail-container .goods-detail-style7 .main-box { padding-bottom: 50px; }



.goods-detail-container .goods-detail-style7 .main-box .swiper-box .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }



.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-top { height: 80%; }



.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs { padding-top: 10px; height: 20%; }



.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.6; }



.goods-detail-container .goods-detail-style7 .main-box .swiper-box .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .price { font-size: 40px; color: rgb(253, 0, 0); font-weight: 600; margin-bottom: 30px; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .abs { background-color: rgb(242, 238, 227); margin-bottom: 25px; border-radius: 6px; padding: 8px 20px; border: 1px solid rgb(233, 226, 207); color: rgb(189, 123, 16); font-size: 16px; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list { font-size: 16px; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .attr { margin-bottom: 30px; display: flex; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .key { color: rgb(136, 136, 136); flex-shrink: 0; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .attr-list .value { color: rgb(0, 0, 0); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .btn-group { display: flex; flex-wrap: wrap; margin-bottom: 20px; }



.goods-detail-container .goods-detail-style7 .main-box .right-content .btn-group > a { background-color: var(--main_color); color: rgb(255, 255, 255); border-radius: 50px; font-size: 16px; padding: 8px 15px; margin: 0px 5px 5px 0px; }



.goods-detail-container .goods-detail-style7 .nav-box { padding: 20px 10px; display: flex; flex-wrap: wrap; margin-bottom: 10px; background-color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style7 .nav-box .item { border-right: 1px solid rgb(238, 238, 238); margin-right: 20px; padding-right: 20px; font-size: 16px; cursor: pointer; }



.goods-detail-container .goods-detail-style7 .item-module { padding: 20px 20px 30px; background-color: rgb(255, 255, 255); margin-bottom: 30px; }



.goods-detail-container .goods-detail-style7 .item-module .b-title { font-size: 20px; font-weight: 700; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgb(221, 221, 221); }



.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide { display: flex; flex-direction: column; align-items: center; }



.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide img { width: 100%; object-fit: contain; }



.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .type-title { color: rgb(102, 102, 102); font-size: 16px; width: 100%; text-align: center; }



.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .enlarge-btn { color: var(--main_color); border: 1px solid var(--main_color); padding: 5px 10px; border-radius: 50px; transition: 0.15s; margin-top: 10px; cursor: pointer; }



.goods-detail-container .goods-detail-style7 .item-module.type .swiper-slide .enlarge-btn:hover { color: rgb(255, 255, 255); background-color: var(--main_color); }



.goods-detail-container .goods-detail-style7 .item-module.info { font-size: 16px; }



.goods-detail-container .goods-detail-style7 .item-module.info .content-box { display: flex; flex-wrap: wrap; justify-content: space-between; }



.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item { width: 49%; display: flex; margin-bottom: 10px; }



.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item .key { color: rgb(136, 136, 136); flex-shrink: 0; }



.goods-detail-container .goods-detail-style7 .item-module.info .content-box .item .value { color: rgb(0, 0, 0); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.goods-detail-container .goods-detail-style7 .item-module.album .album-swiper img { width: 100%; object-fit: contain; }



.goods-detail-container .goods-detail-style7 .item-module.album .album-swiper .album-title { text-align: center; font-size: 16px; line-height: 2; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list { display: flex; justify-content: space-between; flex-wrap: wrap; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item { width: 24%; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item img { width: 100%; object-fit: contain; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content { margin-top: 5px; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content .name { font-size: 16px; }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .title-content .addr { color: rgb(147, 147, 182); }



.goods-detail-container .goods-detail-style7 .item-module.recommend .recommend-list .item .price { color: rgb(189, 32, 32); font-size: 16px; }



.goods-detail-container .goods-detail-style7 .item-module.map .map-box, .goods-detail-container .goods-detail-style7 .item-module.map .map-content { height: 300px; }



.goods-detail-container .goods-detail-style8 { --swiper-theme-color: #898989; --swiper-navigation-size: 20px; }



.goods-detail-container .goods-detail-style8 .main-box .title { font-size: 20px; }



.goods-detail-container .goods-detail-style8 .swiper-box { margin-bottom: 70px; }



.goods-detail-container .goods-detail-style8 .swiper-box .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top { height: 80%; margin-bottom: 10px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide { cursor: pointer; aspect-ratio: 16 / 9; background-color: rgb(0, 0, 0); }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide img { object-fit: contain; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .swiper-slide .caption { position: absolute; bottom: 5%; width: 100%; text-align: center; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px 3px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-top .count-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs { height: 80px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.6; border: 1px solid transparent; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide.active { opacity: 1; border: 1px solid var(--main_color); }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-slide img { object-fit: cover; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next, .goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev { position: absolute; top: 0px; margin: 0px; height: 100%; width: 25px; background-color: rgb(178, 178, 178); }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next::after, .goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev::after { font-size: 16px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-next { right: 0px; }



.goods-detail-container .goods-detail-style8 .swiper-box .gallery-thumbs .swiper-button-prev { left: 0px; }



.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid { display: grid; grid-auto-rows: 80px; grid-template-columns: repeat(auto-fill, minmax(94px, 1fr)); gap: 3px; max-height: 170px; padding-right: 1px; overflow: auto; }



.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb { cursor: pointer; border: 1px solid transparent; }



.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb.active { border: 1px solid var(--main_color); }



.goods-detail-container .goods-detail-style8 .swiper-box .thumbs-grid .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.goods-detail-container .goods-detail-style8 .swiper-box .flag3d { position: relative; background-color: rgb(153, 153, 153); }



.goods-detail-container .goods-detail-style8 .swiper-box .flag3d > img { opacity: 0.6; }



.goods-detail-container .goods-detail-style8 .swiper-box .flag3d .icon-zx { width: 50px; height: 50px; top: 14px; left: 22px; background: url("/assets/visual-editor/images/3d.png") 0% 0% / contain no-repeat; position: absolute; animation: 5s linear 0s infinite normal none running icon-circle; }



@-webkit-keyframes icon-circle { 

  0% { transform: rotate(0deg); }

  50% { transform: rotate(180deg); }

  100% { transform: rotate(360deg); }

}



@keyframes icon-circle { 

  0% { transform: rotate(0deg); }

  50% { transform: rotate(180deg); }

  100% { transform: rotate(360deg); }

}



.goods-detail-container .goods-detail-style8 .nav-tabs-custom { margin: 0px 0px 10px; gap: 10px; border: none; background-color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style8 .nav-tabs-custom > li a:hover { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }



.goods-detail-container .goods-detail-style8 .nav-tabs-custom .custom-item { padding: 10px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid transparent; font-weight: 700; }



.goods-detail-container .goods-detail-style8 .nav-tabs-custom .active .custom-item { border-color: var(--main_color); }



.goods-detail-container .goods-detail-style8 .goods-detail-content { margin-top: 0px; padding-top: 0px; border-top: none; }



.goods-detail-container .goods-detail-style8 .postion-relative { position: relative; }



.goods-detail-container .goods-detail-style8 .iframe-box { width: 100%; height: 100%; position: relative; }



.goods-detail-container .goods-detail-style8 .iframe-box iframe { width: 100%; height: 100%; min-height: 400px; }



.goods-detail-container .goods-detail-style8 .iframe-box .vr-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel { cursor: pointer; position: absolute; width: 100%; height: 100%; background: rgb(51, 56, 64); opacity: 0.6; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 8; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel .text { color: rgb(255, 255, 255); margin-top: 15px; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel > img { width: 96px; height: 96px; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-panel .btn-opacity { margin-top: 25px; background: 0px 0px; border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 0px; outline: 0px; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn { position: absolute; bottom: 15px; right: 15px; z-index: 9; color: rgb(255, 255, 255); font-size: 16px; }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn .icon-full-screen { width: 20px; height: 20px; margin-right: 10px; background: url("/assets/visual-editor/images/goods-detail/full-screen.svg"); }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn.active { color: rgb(38, 38, 38); }



.goods-detail-container .goods-detail-style8 .iframe-box .full-screen-btn.active .icon-full-screen { width: 20px; height: 20px; margin-right: 10px; background: url("/assets/visual-editor/images/goods-detail/full-screen-active.svg"); }



.goods-detail-container .goods-detail-style8 .gallery-top .iframe-box .vr-bubble { height: 38px; right: 82px; padding: 8px 16px; }



.goods-detail-container .goods-detail-style8 .page-tracks { position: sticky; top: 0px; z-index: 9; background: rgb(247, 247, 247); }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container { position: relative; height: 50px; font-size: 16px; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-tabs { overflow: auto hidden; width: 100%; white-space: nowrap; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item { display: inline-block; outline: 0px; min-width: 60px; float: none; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link { display: block; color: rgb(149, 156, 163); height: 45px; line-height: 45px; text-decoration: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px solid transparent; transition: 0.3s ease-in-out; outline: 0px; padding: 0px 10px; text-align: center; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link.active, .goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-item .nav-link:hover { color: rgb(0, 0, 0); border-color: var(--main_color); background-color: transparent; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-tabs { border-bottom: none; height: inherit; }



.goods-detail-container .goods-detail-style8 .page-tracks .tracks-container .nav-tabs .nav-link { line-height: 50px; height: 50px; padding: 0px 10px; }



.goods-detail-container .goods-detail-style8 .page-tracks.stuck { box-shadow: rgba(120, 120, 120, 0.3) 0px 5px 35px 8px; }



.goods-detail-container .goods-detail-style8 .info-content-panel { position: relative; }



.goods-detail-container .goods-detail-style8 .info-content-panel .base-type-swiper { position: relative; }



.goods-detail-container .goods-detail-style8 .info-content-panel .base-type-swiper .swiper-container { overflow: hidden; padding: 0px 38px; width: calc(100% - 80px); margin: 0px auto; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content .item-title { color: var(--main_color); padding-bottom: 8px; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.size img { width: auto; max-width: 100%; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide { display: flex; flex-direction: column; align-items: center; width: 240px; height: 240px; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide img { width: 100%; height: calc(100% - 30px); object-fit: cover; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.base .swiper-slide .type-title { color: rgb(102, 102, 102); font-size: 16px; width: 100%; text-align: center; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .media { padding-bottom: 5px; border-bottom: 1px solid rgb(187, 187, 187); }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .mes { color: rgb(136, 136, 136); font-size: 12px; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .btn { color: var(--main_color); border-color: var(--main_color); border-radius: 0px; }



.goods-detail-container .goods-detail-style8 .info-content-panel .item-content.downloads .btn:hover { border-radius: 0px; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); background-color: var(--main_color); }



.goods-detail-container .goods-detail-style8 .item-content { margin-top: 70px; }



.goods-detail-container .sales-user-box .agentpic-wrapper { transition: 0.4s; }



.goods-detail-container .sales-user-box .agent-listing-img-wrapper { width: 100%; position: relative; cursor: pointer; }



.goods-detail-container .sales-user-box .agent-listing-img-wrapper .agentpict { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 250px; }



.goods-detail-container .sales-user-box .agent_unit_social_single { bottom: 20px; left: 0px; right: 0px; background-color: rgb(255, 255, 255); width: 72%; padding: 10px; z-index: 10; position: relative; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; margin: 0px auto; border-radius: 2px; font-size: 16px; }



.goods-detail-container .sales-user-box .agent_unit_social_single a { color: rgb(119, 119, 119); margin-right: 7px; margin-left: 7px; }



.goods-detail-container .sales-user-box .agent_position { font-size: 13px; margin: 0px 0px 10px; line-height: 13px; color: rgb(119, 119, 119); }



.goods-detail-container .sales-user-box .agent_detail { margin: 0px 0px 2px; padding-left: 0px; font-size: 13px; }



.goods-detail-container .sales-user-box .agent_detail i { color: rgb(119, 119, 119); margin-right: 10px; font-size: 12px; background: rgb(242, 242, 242); position: relative; width: 27px; height: 27px; line-height: 27px; display: inline-block; text-align: center; border-radius: 50%; margin-bottom: 5px; }



.goods-detail-container .goods-action { background: rgb(255, 255, 255); padding: 7px 14px; border-radius: 3px; box-shadow: rgba(7, 152, 255, 0.09) 0px 10px 31px 0px; font-weight: 700; line-height: 10px; font-size: 12px; color: rgb(34, 34, 34); text-align: center; cursor: pointer; text-transform: capitalize; border: 1px solid rgb(238, 243, 246); }



.goods-detail-container .cu-attrs-panel .overview_element { list-style: none; margin: 10px 0px 0px; float: left; width: 16%; text-align: center; }



.goods-detail-container .cu-attrs-panel .overview_element:first-of-type { text-align: left; font-weight: 800; font-size: 14px; color: rgb(68, 68, 68); margin-bottom: 4px; }



.goods-detail-container .cu-attrs-panel .overview_element .overview-icon { width: 23px; height: 23px; border-radius: 4px; }



.goods-detail-container .cu-shadow { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border-radius: 2px; background-color: rgb(255, 255, 255); padding: 30px; margin-top: 30px; }



.goods-detail-container .goods-recommend { display: flex; flex-flow: wrap; }



.goods-detail-container .goods-recommend .listing_wrapper { margin-bottom: 30px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item { width: 100%; height: 100%; margin: 15px 0px; max-width: 525px; transition: 0.3s ease-out; position: relative; box-shadow: rgba(153, 153, 153, 0.3) 0px 4px 8px 0px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item:hover { transform: translate(0px, -10px); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item:hover .img-box img { opacity: 0.8; transform: scale(1.1); }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box { position: relative; height: 190px; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box img { width: 100%; height: 100%; object-fit: cover; transition: 0.7s; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .img-box .property_mask { width: 100%; left: 0px; bottom: 0px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.4); position: absolute; opacity: 0.9; padding: 4px 13px; pointer-events: auto; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-desc-wrapper { padding: 0px 13px; float: initial; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-name { font-size: 20px; margin-top: 15px; margin-bottom: 0px; float: left; width: 100%; line-height: 1.4; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-price { position: relative; margin-top: 5px; line-height: 30px; font-weight: 700; height: 21px; font-size: 15px; float: left; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-abs { margin: 10px 0px 0px; line-height: 1.65em; float: left; width: 100%; word-break: break-word; color: rgb(92, 114, 125); font-size: 13px; max-height: 38px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper { position: relative; color: rgb(51, 51, 51); width: 100%; float: left; margin-top: 5px; margin-bottom: 36px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs { height: 20px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs span { color: rgb(92, 114, 125); }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer { position: absolute; bottom: 0px; left: 13px; right: 13px; border-top: 1px solid rgb(238, 243, 246); padding: 13px 0px; color: rgb(180, 180, 180); }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .icon { margin-left: 8px; border: 1px solid rgb(238, 243, 246); border-radius: 2px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-info { float: left; max-width: 50%; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-info .img { width: 24px; height: 24px; border-radius: 4px; }



.goods-detail-container .goods-recommend .listing_wrapper .list-item .list-footer .footer-views { float: right; }



.goods-detail-container .goods-recommend .listing_wrapper:nth-child(4n) { padding-right: 0px; }



.goods-detail-container .goods-recommend .listing_wrapper:nth-child(4n+1) { padding-left: 0px; }



.mobile .goods-detail-container { padding: 0px; }



.mobile .goods-detail-container .goods-detail { background: rgb(255, 255, 255); padding: 20px 0px; }



.mobile .goods-detail-container .goods-detail-title { font-size: 22px; text-align: center; }



.mobile .goods-detail-container .goods-detail-p { text-align: left; margin: 0px auto; padding: 0px 10px; }



.mobile .goods-detail-container .goods-detail-price { font-size: 14px; }



.mobile .goods-detail-container .goods-detail-abstract { padding: 8px; font-size: 14px; }



.mobile .goods-detail-container .goods-detail-box { border-bottom: 5px solid rgb(245, 245, 245); margin-bottom: 15px; display: flex; flex-direction: column; }



.mobile .goods-detail-container .goods-detail-box .goods-detail-img { padding: 0px; }



.mobile .goods-detail-container .goods-detail-mes { font-size: 18px; text-align: center; }



.mobile .goods-detail-container .goods-detail-content { padding: 15px 10px; }



.mobile .goods-detail-container .goods-detail-content img { max-width: 100%; margin-top: 0px; margin-bottom: 0px; }



.mobile .goods-detail-container .goods-share-me { display: flex; justify-content: flex-start; flex-wrap: wrap; }



.mobile .goods-detail-container .goods-file-download { padding: 0px 10px; }



.mobile .goods-detail-container .gw-align-container { width: 100% !important; }



.mobile .goods-detail-style3 .info > div { width: 100%; text-align: left; padding: 5px; }



.mobile .goods-detail-style3 .info .goods-attr-box, .mobile .goods-detail-style3 .info .goods-detail-abs, .mobile .goods-detail-style3 .info .goods-detail-title { text-align: left; }



.mobile .goods-detail-style3 .goods-detail-content { width: 100%; padding: 5px; }



.mobile .goods-detail-style3 .goods-link-qrcode { width: 100%; }



.mobile .goods-detail-style3 .item-box { width: 100%; margin: 5px auto; }



.mobile .goods-detail-style3 .goods-other-panel { width: 100%; padding: 5px; }



.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .swiper-box { height: 300px; }



.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group { margin: 0px; }



.mobile .goods-detail-style4 .detail-content-box .detail-content .details-view .text-information .items-group .items { margin-bottom: 10px; }



.mobile .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content { padding-top: 20px; }



.mobile .goods-detail-style4 .detail-content-box .detail-content .detail-main .main-content .box-left > div { padding: 0px; margin-bottom: 20px; }



.mobile .goods-detail-style4 .detail-content-box .related-content .item:not(:last-child) { margin-bottom: 10px; }



.mobile .goods-detail-style5 .container { width: 100%; }



.mobile .goods-detail-style5 .goods-detail { background: 0px 0px; padding: 10px; }



.mobile .goods-detail-style5 .cu-shadow { padding: 15px; margin-top: 20px; }



.mobile .goods-detail-style5 .col-md-6.image_gallery { height: 300px; }



.mobile .goods-detail-style5 .col-md-12.image_gallery { width: 100%; height: 150px; }



.mobile .goods-detail-style5 .goods-info-panel .col-xs-12 { width: 100%; }



.mobile .goods-detail-style5 .goods-info-panel .goods-detail-title { text-align: left; }



.mobile .goods-detail-style5 .goods-detail-content { font-size: 14px; padding: 5px; }



.mobile .goods-detail-style5 .cu-tab-panel { padding: 0px; }



.mobile .goods-detail-style5 .tab-pane { padding: 20px 15px; }



.mobile .goods-detail-style5 .tab-nav-panel .tabs-item { display: block; width: 100%; margin-left: 0px; }



.mobile .goods-detail-style5 .tab-nav-panel .tabs-item a { margin-bottom: 0px; }



.mobile .goods-detail-style5 .cu-attrs-panel .overview_element { width: 50%; }



.mobile .goods-detail-style5 .cu-attrs-panel .overview_element:first-of-type { width: 100%; }



.mobile .goods-detail-style5 .sales-user-box .agent_details, .mobile .goods-detail-style5 .sales-user-box .agentpic-wrapper { width: 100%; }



.mobile .goods-detail-style6 .goods-detail { padding: 0px; }



.mobile .goods-detail-style6 .detail-content { margin-bottom: 30px; }



.mobile .goods-detail-style6 .swiper-container.main-swiper { min-height: 200px; }



.mobile .goods-detail-style6 .swiper-container.relate-goods-swiper { margin: 20px 0px; }



.mobile .goods-detail-style6 .detail-content .title, .mobile .goods-detail-style6 .related-content .title { font-size: 20px; }



.mobile .goods-detail-style7 .title-box { margin: 20px 0px 15px; }



.mobile .goods-detail-style7 .title-box .title { margin-bottom: 5px; font-size: 16px; }



.mobile .goods-detail-style7 .title-box .label-group li { padding: 2px 10px; }



.mobile .goods-detail-style7 .main-box .right-content .price { margin-top: 20px; margin-bottom: 12px; font-size: 24px; }



.mobile .goods-detail-style7 .main-box .right-content .btn-group { margin-bottom: 0px; }



.mobile .goods-detail-style7 .main-box .right-content .btn-group > a { line-height: 1; }



.mobile .goods-detail-style7 .main-box .right-content .abs { margin-bottom: 12px; line-height: 1; font-size: 14px; }



.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr { margin-bottom: 10px; font-size: 14px; }



.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr .key { color: rgb(51, 51, 51); }



.mobile .goods-detail-style7 .main-box .right-content .attr-list .attr .value { color: rgb(51, 51, 51); }



.mobile .goods-detail-style7 .nav-box .item { font-size: 14px; margin-right: 2px; padding-right: 2px; }



.mobile .goods-detail-style7 .item-module.recommend .recommend-list .item { width: 100%; }



.mobile .goods-detail-style7 .item-module.info .content-box .item { width: 100%; }



.mobile .left-sidebar { display: none; }



.mobile .recommend-panel .goods-recommend .col-xs-12.listing_wrapper { padding: 0px; margin-bottom: 10px; }



.mobile .gw-editor-page .goods-detail-container .container { width: 100%; }



.mobile .gw-editor-page .goods-detail-container .col-xs-12 { width: 100% !important; }



.mobile .gw-editor-page .goods-detail-container .hidden-xs { display: none !important; }



.mobile .gw-editor-page .goods-detail-container .visible-xs { display: block !important; }



.mobile .gw-editor-page .goods-detail-container .goods-detail { width: 100%; }



.mobile .gw-editor-page .goods-detail-container .goods-link-qrcode { display: none; }



#bdshare_weixin_qrcode_dialog { width: 251px !important; height: 297px !important; }



.search-detail-container .search-detail { background: rgb(255, 255, 255); padding: 30px; }



.search-detail-container .search-detail .search-detail-content { width: 100%; padding-top: 10px; }



.search-detail-container .search-detail .search-detail-content .search-empty { text-align: center; }



.search-detail-container .search-detail-style2 { background: rgb(255, 255, 255); }



.search-detail-container .search-detail-style2 em { color: rgb(240, 65, 66); font-style: normal; }



.search-detail-container .search-detail-style2 .content_goods .main_content_text .abs { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; }



.search-detail-container .search-detail-style2 .content_goods .main_content_text .price { color: red; }



.search-detail-container .search-detail-style2 .content_photos .waterfall { column-count: 5; column-gap: 10px; margin-top: 16px; }



.search-detail-container .search-detail-style2 .content_photos .waterfall a { height: 100%; overflow: hidden; border-radius: 6px; display: block; margin-bottom: 10px; }



.search-detail-container .search-detail-style2 .content_photos .img-wrap { position: relative; overflow: hidden; }



.search-detail-container .search-detail-style2 .content_photos .img-wrap img { width: 100%; height: auto; }



.search-detail-container .search-detail-style2 .content_photos .img-wrap .title-box { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 10px 5px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }



.search-detail-container .search-detail-style2 .content_photos .img-wrap .title-box .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(255, 255, 255); margin-bottom: 0px; }



.search-detail-container .search-detail-style2 .content_photos .img-wrap::before { content: ""; transition: 0.3s; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; }



.search-detail-container .search-detail-style2 .content_photos .img-wrap:hover::before { background-color: rgba(255, 255, 255, 0.2); }



.pc .search_article_style { margin-bottom: 10px; }



.pc .search_article_style .article_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 2.8em; }



.pc .search_article_style .article_style_2_content div:first-child { float: left; width: 30%; text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_article_style .article_style_2_content div:last-child { float: right; width: 69%; }



.pc .search_article_style .article_style_2_content div:last-child .article_date { width: 100%; }



.pc .search_article_style.col-xs-12 { height: 180px; }



.pc .search_article_style.col-xs-12 .article_style_2_content div:first-child img { max-width: 100%; max-height: 180px; height: 180px; }



.pc .search_article_style.col-xs-6 { height: 129px; }



.pc .search_article_style.col-xs-6 .article_style_2_content div:first-child img { max-width: 100%; max-height: 124px; height: 124px; }



.pc .search_article_style.col-xs-4 { height: 86px; }



.pc .search_article_style.col-xs-4 .article_style_2_content div:first-child img { max-width: 100%; max-height: 81px; height: 81px; }



.pc .search_article_style.col-xs-3 { height: 65px; }



.pc .search_article_style.col-xs-3 .article_style_2_content div:first-child img { max-width: 100%; max-height: 60px; height: 60px; }



.pc .search_article_style.col-xs-3 .article_style_2_content .article_date { display: none; }



.pc .search_goods_style .goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; }



.pc .search_goods_style.col-xs-12 .goods_img { border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_goods_style.col-xs-12 .goods_img img { max-width: 100%; max-height: 100%; height: 500px; }



.pc .search_goods_style.col-xs-6 { height: 540px; }



.pc .search_goods_style.col-xs-6 .goods_img { width: 550px; height: 427px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_goods_style.col-xs-6 .goods_img img { max-width: 100%; max-height: 425px; height: 425px; }



.pc .search_goods_style.col-xs-4 { height: 370px; }



.pc .search_goods_style.col-xs-4 .goods_img { width: 360px; height: 270px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_goods_style.col-xs-4 .goods_img img { max-width: 100%; max-height: 270px; height: 270px; }



.pc .search_goods_style.col-xs-3 { height: 295px; }



.pc .search_goods_style.col-xs-3 .goods_img { width: 263px; height: 197px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_goods_style.col-xs-3 .goods_img img { max-width: 100%; max-height: 197px; height: 197px; }



.pc .search_shop_goods_style .shop_goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; }



.pc .search_shop_goods_style .market_price { color: rgb(153, 153, 153); font-size: 12px; margin-left: 10px; text-decoration: line-through; line-height: 30px; }



.pc .search_shop_goods_style .shop_goods_buy_btn { height: 30px; border-radius: 3px; display: inline-block; text-align: center; line-height: 30px; font-size: 14px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 60px !important; }



.pc .search_shop_goods_style .shop_goods_title { font-size: 16px; color: rgb(51, 51, 51); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.pc .search_shop_goods_style.col-xs-12 .shop_goods_img { border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_shop_goods_style.col-xs-12 .shop_goods_img img { max-width: 100%; max-height: 100%; height: 500px; }



.pc .search_shop_goods_style.col-xs-3 { height: 295px; }



.pc .search_shop_goods_style.col-xs-3 .shop_goods_img { width: 263px; height: 197px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .search_shop_goods_style.col-xs-3 .shop_goods_img img { max-width: 100%; max-height: 197px; height: 192px; }



.pc .search_case_style { background: rgb(255, 255, 255); margin: 10px; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 6px; position: relative; overflow: hidden; }



.pc .search_case_style .img-box { padding: 5px; }



.pc .search_case_style .img-content { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; max-height: 210px; }



.pc .search_case_style .info-content { padding: 20px 25px; }



.pc .search_case_style .info-content p { margin: 0px; font-size: 14px; padding-left: 5px; text-align: center; }



.pc .search_case_style .info-content p.title { width: 100%; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.pc .search_case_style .info-content p.price { height: 18px; }



.pc .search-detail-container .search-detail-style2 .main .main__content .search-empty { padding: 30px 0px; text-align: center; font-size: 18px; }



.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap { width: 184px; height: auto; position: relative; }



.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap img.icon { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%); opacity: 0.8; }



.pc .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap .time { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); font-size: 12px; border-radius: 9px; line-height: 18px; text-align: center; padding: 0px 6px; position: absolute; bottom: 5px; right: 5px; }



.pc .search-detail-container .search-detail-style2 .main .main__content .content_goods .img-wrap { width: 72px; }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a, .pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a:focus, .pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a:hover { color: rgb(7, 7, 8); border-bottom: 2px solid var(--main_color); padding-bottom: 5px; }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li > a { border-radius: 0px; border: 0px; margin-right: 0px; padding: 0px; color: rgb(75, 77, 82); }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li { margin: 16px 16px 0px; }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li:first-child { margin-left: 0px; }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav-tabs { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; height: 48px; margin-right: 0px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); }



.pc .search-detail-container .search-detail-style2 .main .navigation .nav > li > a:focus, .pc .search-detail-container .search-detail-style2 .main .navigation .nav > li > a:hover { background-color: rgb(255, 255, 255); }



.pc .search-detail-container .search-detail-style2 .content_box { background: rgb(255, 255, 255); margin-top: 8px; }



.pc .search-detail-container .search-detail-style2 .content_box .title_content { margin-top: 16px; margin-bottom: 10px; vertical-align: top; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; line-height: 28px; }



.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_type { font-size: 12px; background-color: rgb(250, 250, 250); width: 56px; height: 24px; float: left; border-radius: 4px; text-align: center; box-sizing: border-box; border: 1px solid rgb(235, 238, 245); margin-right: 16px; color: rgb(144, 147, 153); padding-top: 2px; }



.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_text { font-size: 20px; color: rgb(7, 7, 8); }



.pc .search-detail-container .search-detail-style2 .content_box .title_content .title_text:hover { text-decoration: underline; }



.pc .search-detail-container .search-detail-style2 .content_box .content_views { height: 16px; display: flex; }



.pc .search-detail-container .search-detail-style2 .content_box .content_views h5 { margin: 0px; font-size: 12px; color: rgb(128, 131, 138); line-height: 16px; }



.pc .search-detail-container .search-detail-style2 .content_box .content_views .times { margin-right: 40px; }



.pc .search-detail-container .search-detail-style2 .content_box .content_views .author_name { margin-right: 40px; }



.pc .search-detail-container .search-detail-style2 .content_box .main_content { margin-bottom: 12px; display: flex; }



.pc .search-detail-container .search-detail-style2 .content_box .main_content video { width: 120px; height: 72px; border-radius: 4px; border: 0.5px solid rgb(245, 245, 245); margin-right: 16px; }



.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap { overflow: hidden; width: 120px; height: 72px; border-radius: 4px; margin-right: 16px; flex-shrink: 0; }



.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap img.main-img { transition: 0.3s; width: 100%; height: 100%; object-fit: contain; }



.pc .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap:hover img.main-img { transform: scale(1.04); }



.pc .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text { color: rgb(75, 77, 82); }



.pc .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text p { margin-bottom: 0px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }



.pc .search-detail-container .search-detail-style2 .content_box .label_group { display: flex; flex-wrap: wrap; }



.pc .search-detail-container .search-detail-style2 .content_box .label_group .label { text-align: center; border-radius: 14px; margin-right: 8px; margin-bottom: 8px; font-size: 12px; font-weight: 500; line-height: 17px; background-color: rgb(241, 241, 241); display: flex; align-items: center; }



.pc .search-detail-container .search-detail-style2 .content_box .label_group .label a { color: rgb(128, 131, 138); }



.pc .search-detail-container .search-detail-style2 .content_box hr { margin: 24px 0px 0px; border: 0px solid rgb(232, 232, 232); }



.pc .search-detail-container .search-detail-style2 .content_box .search-empty { padding: 30px 0px; text-align: center; font-size: 18px; }



.mobile .search-detail-container { padding: 0px; }



.mobile .search-detail-container .search-detail { background: rgb(255, 255, 255); padding: 20px 15px; }



.mobile .search-detail-container .search_article_style { margin-bottom: 10px; }



.mobile .search-detail-container .search_article_style .article_title { font-size: 14px; line-height: 1.4em; height: 2.8em; }



.mobile .search-detail-container .search_article_style .article_style_2_content div:first-child { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.mobile .search-detail-container .search_article_style.col-xs-12 { height: 70px; }



.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content { height: 100%; border-bottom: 1px dashed rgb(227, 227, 227); }



.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child { height: 65px; width: 30%; text-align: center; float: left; }



.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:first-child img { max-width: 100%; max-height: 65px; height: 65px; }



.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child { float: right; width: 69%; }



.mobile .search-detail-container .search_article_style.col-xs-12 .article_style_2_content div:last-child .article_date { width: 100%; }



.mobile .search-detail-container .search_article_style.col-xs-6 { height: 33px; }



.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child { height: 28px; width: 30%; text-align: center; float: left; }



.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:first-child img { max-width: 100%; max-height: 28px; height: 28px; }



.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child { float: right; width: 69%; }



.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_title { width: 100%; font-size: 12px; margin-bottom: 0px; }



.mobile .search-detail-container .search_article_style.col-xs-6 .article_style_2_content div:last-child .article_date { width: 100%; font-size: 12px; margin-bottom: 0px; display: none; }



.mobile .search-detail-container .search_goods_style .goods_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.mobile .search-detail-container .search_goods_style .goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.mobile .search-detail-container .search_goods_style.col-xs-12 { height: 250px; }



.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img { width: 265px; height: 198px; }



.mobile .search-detail-container .search_goods_style.col-xs-12 .goods_img img { max-width: 100%; max-height: 195px; height: 195px; }



.mobile .search-detail-container .search_goods_style.col-xs-6 { height: 150px; }



.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img { width: 118px; height: 88px; }



.mobile .search-detail-container .search_goods_style.col-xs-6 .goods_img img { max-width: 100%; max-height: 88px; height: 88px; }



.mobile .search-detail-container .search_shop_goods_style { margin: 5px auto; }



.mobile .search-detail-container .search_shop_goods_style .shop_goods_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.mobile .search-detail-container .search_shop_goods_style .shop_goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border-radius: 2px; }



.mobile .search-detail-container .search_shop_goods_style .shop_goods_buy_btn { width: 50px; height: 25px; border-radius: 3px; position: absolute; right: 5px; bottom: 5px; text-align: center; line-height: 25px; font-size: 12px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); }



.mobile .search-detail-container .search_shop_goods_style .market_price { color: rgb(153, 153, 153); font-size: 12px; margin-left: 10px; text-decoration: line-through; line-height: 30px; }



.mobile .search-detail-container .search_shop_goods_style a:hover { color: rgb(153, 153, 153); }



.mobile .search-detail-container .search_shop_goods_style.col-xs-12 { height: 250px; background: rgb(255, 255, 255); }



.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img { width: 265px; height: 198px; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-12 .shop_goods_img img { max-width: 100%; max-height: 195px; height: 195px; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 { height: 165px; width: 48%; background: rgb(255, 255, 255); margin-left: 5px; margin-bottom: 5px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); padding-left: 0px !important; padding-right: 0px !important; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img { width: 100%; height: 104px; border-top-right-radius: 5px; border-top-left-radius: 5px; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_img img { max-width: 100%; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 p { padding-left: 5px; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price { color: red; font-size: 12px; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_price .market_price { color: rgba(153, 153, 153, 0.6) !important; }



.mobile .search-detail-container .search_shop_goods_style.col-xs-6 .shop_goods_title { font-size: 12px; margin-top: 5px; }



.mobile .search-detail-container .search_case_style { background: rgb(255, 255, 255); margin-bottom: 10px; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 6px; position: relative; overflow: hidden; border: 1px solid; }



.mobile .search-detail-container .search_case_style .img-box { padding: 5px; }



.mobile .search-detail-container .search_case_style .img-content { width: 100%; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; }



.mobile .search-detail-container .search_case_style .info-content { padding: 8px 10px; }



.mobile .search-detail-container .search_case_style .info-content p { margin: 0px; font-size: 14px; padding-left: 5px; text-align: center; }



.mobile .search-detail-container .search_case_style .info-content p.title { width: 100%; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .search-detail-container .search_case_style .info-content p.price { height: 18px; }



.mobile .search-detail-container .search-detail-style2 { padding: 0px; }



.mobile .search-detail-container .search-detail-style2 .main .main__content { width: 100%; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .search-empty { padding: 30px 0px; text-align: center; font-size: 18px; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .content_goods .img-wrap { width: 63px; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap { width: 100%; height: auto; position: relative; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap img.icon { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%); opacity: 0.8; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .content_video .img-wrap .time { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); font-size: 12px; border-radius: 9px; line-height: 18px; text-align: center; padding: 0px 6px; position: absolute; bottom: 5px; right: 5px; }



.mobile .search-detail-container .search-detail-style2 .main .main__content .content_photos .waterfall { column-count: 2; }



.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a, .mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a:focus, .mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li.active > a:hover { color: rgb(7, 7, 8); border-bottom: 2px solid var(--main_color); padding-bottom: 2px; }



.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li > a { border-radius: 0px; border: 0px; margin-right: 0px; padding: 0px; color: rgb(75, 77, 82); }



.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs > li { margin: 16px 16px 0px; float: none; }



.mobile .search-detail-container .search-detail-style2 .main .navigation .nav-tabs { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; width: 375px; white-space: nowrap; overflow-x: scroll; display: flex; height: 48px; margin-right: 0px; border-bottom-style: solid; border-bottom-color: rgb(238, 238, 238); }



.mobile .search-detail-container .search-detail-style2 .main .navigation .nav > li > a:focus, .mobile .search-detail-container .search-detail-style2 .main .navigation .nav > li > a:hover { background-color: rgb(255, 255, 255); }



.mobile .search-detail-container .search-detail-style2 .content_box { box-sizing: border-box; background: rgb(255, 255, 255); padding: 0px 16px; }



.mobile .search-detail-container .search-detail-style2 .content_box .title_content { margin-top: 8px; margin-bottom: 8px; vertical-align: top; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }



.mobile .search-detail-container .search-detail-style2 .content_box .title_content .title_type { font-size: 12px; background-color: rgb(250, 250, 250); width: 56px; height: 24px; float: left; border-radius: 4px; text-align: center; box-sizing: border-box; border: 1px solid rgb(235, 238, 245); margin-right: 16px; color: rgb(144, 147, 153); padding-top: 2px; }



.mobile .search-detail-container .search-detail-style2 .content_box .title_content .title_text { font-size: 16px; color: rgb(7, 7, 8); }



.mobile .search-detail-container .search-detail-style2 .content_box .content_views { height: 16px; display: flex; }



.mobile .search-detail-container .search-detail-style2 .content_box .content_views h5 { margin: 0px; font-size: 12px; color: rgb(128, 131, 138); line-height: 16px; }



.mobile .search-detail-container .search-detail-style2 .content_box .content_views .times { margin-right: 15px; }



.mobile .search-detail-container .search-detail-style2 .content_box .content_views .author_name { margin-right: 15px; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content { margin-bottom: 12px; width: 100%; display: flex; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap, .mobile .search-detail-container .search-detail-style2 .content_box .main_content video { flex-shrink: 0; width: 35%; height: 63px; border-radius: 4px; border: 0.5px solid rgb(245, 245, 245); margin-right: 16px; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap { overflow: hidden; border: none; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content .img-wrap img.main-img { width: 100%; height: 100%; object-fit: contain; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text { color: rgb(75, 77, 82); text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }



.mobile .search-detail-container .search-detail-style2 .content_box .main_content .main_content_text p { margin-bottom: 0px; }



.mobile .search-detail-container .search-detail-style2 .content_box .label_group { display: flex; flex-wrap: wrap; }



.mobile .search-detail-container .search-detail-style2 .content_box .label_group .label { text-align: center; border-radius: 14px; margin-right: 8px; margin-bottom: 8px; font-size: 12px; font-weight: 500; line-height: 17px; background-color: rgb(241, 241, 241); display: flex; align-items: center; }



.mobile .search-detail-container .search-detail-style2 .content_box .label_group .label a { color: rgb(128, 131, 138); }



.mobile .search-detail-container .search-detail-style2 .content_box hr { margin: 12px 0px 0px; }



.mobile .gw-editor-page .search-detail-container .container { width: 100%; }



.mobile .gw-editor-page .search-detail-container .search-detail { width: 100%; }



.case-detail-container { padding: 30px 0px; }



.case-detail-container .case-detail { background: rgb(255, 255, 255); padding: 30px; }



.case-detail-container .case-detail-box { margin-bottom: 30px; display: flex; justify-content: flex-start; }



.case-detail-container .case-detail-title { font-size: 24px; color: rgb(18, 18, 18); font-weight: 600; }



.case-detail-container .case-detail-abs { color: rgb(156, 156, 156); font-size: 18px; margin-top: 10px; font-weight: 500; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.case-detail-container .case-detail-img { border-radius: 2px; width: 334px; }



.case-detail-container .case-detail-img img { height: auto !important; width: auto !important; max-width: 100% !important; }



.case-detail-container .case-detail-img .sp-selected-thumbnail { border: 4px solid rgb(0, 0, 0); }



.case-detail-container .case-detail-p { text-align: left; margin-left: 26px; }



.case-detail-container .case-detail-money { font-size: 18px; color: rgb(18, 18, 18); display: inline-block; font-weight: 600; }



.case-detail-container .case-detail-price { font-size: 24px; color: rgb(206, 0, 0); display: inline-block; }



.case-detail-container .case-detail-mes { font-size: 24px; color: rgb(0, 0, 0); font-weight: 600; }



.case-detail-container .case-attr-box { background-color: rgb(251, 251, 251); padding: 0px 20px; width: 100%; margin: 20px auto; }



.case-detail-container .case-attr-box .attr-row { color: rgb(102, 102, 102); font-size: 16px; display: inline-block; height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px; font-weight: 600; }



.case-detail-container .case-attr-box .attr-row .attr-value { font-size: 14px; font-weight: 400; }



.case-detail-container .case-detail-date { color: rgb(153, 153, 153); margin-top: 15px; text-align: center; }



.case-detail-container .case-detail-content { border-top: 1px solid rgb(245, 245, 245); margin-top: 15px; padding: 20px 0px; line-height: 1.5; }



.case-detail-container .case-detail-content * { max-width: 100%; }



.case-detail-container .case-detail-content img { max-width: 100%; height: auto !important; max-height: 100% !important; }



.case-detail-container .case-share-me { border-top: 1px solid rgb(245, 245, 245); padding-top: 20px; width: 100%; float: left; }



.case-detail-container .case-share-me span { line-height: 36px; display: block; margin-right: 5px; }



.case-detail-container .case-share-me .case-url { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 5px 0px; }



.case-detail-container .case-share-me .case-url a { color: rgb(51, 51, 51); font-size: 14px; cursor: pointer; padding-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; vertical-align: middle; width: 550px; }



.case-detail-container .case-share-me .case-url a a:hover { color: rgb(91, 170, 244); }



.case-detail-container .case-link-qrcode { text-align: center; }



.case-detail-container .case-link-qrcode img { width: 100%; margin-bottom: 10px; }



.case-detail-container .case-detail-abstract { background-color: rgb(251, 251, 251); padding: 16px; width: 100%; margin: 20px auto; color: rgb(102, 102, 102); font-size: 16px; }



.case-detail-container .case-detail-box1 { margin-bottom: 10px; }



.case-detail-container .case-detail-box1 .swiper-slide { display: flex; align-items: center; justify-content: center; width: 100% !important; }



.case-detail-container .case-detail-box1 .caseImg { max-width: 100%; }



.case-style2 { background-color: rgb(255, 255, 255); color: rgb(48, 49, 51); font-size: 20px; }



.case-style2 .left-sidebar { position: absolute; margin-left: -85px; display: flex; flex-direction: column; align-items: center; z-index: 10; margin-top: 64px; }



.case-style2 .left-sidebar .share-title { color: rgb(198, 198, 198); font-size: 12px; text-align: center; }



.case-style2 .left-sidebar #share-content { display: flex; flex-direction: column; align-items: center; }



.case-style2 .left-sidebar #share-content .social-share-icon { border: none rgb(178, 186, 194); color: rgb(178, 186, 194); }



.case-style2 .left-sidebar #share-content .social-share-icon:hover { color: rgb(255, 255, 255); }



.case-style2 .qrcode-box { position: sticky; top: 150px; border: 1px solid rgb(234, 235, 236); text-align: center; background-color: rgb(255, 255, 255); padding: 0px; }



.case-style2 .qrcode-box img { width: 70px; height: 70px; margin: 15px 0px 8px; }



.case-style2 .qrcode-box .tips { font-size: 14px; color: rgb(102, 102, 102); }



.case-style2 input, .case-style2 textarea::-webkit-input-placeholder { color: rgb(144, 147, 153); }



.case-style2 .top-box { width: 100%; background-color: rgb(242, 244, 247); display: flex; align-items: flex-end; padding-top: 80px; }



.case-style2 .top-box .logo { margin: 16px 0px 34px; background-color: rgb(255, 255, 255); box-shadow: rgba(34, 38, 48, 0.08) 2px 2px 8px 0px; padding: 14px 18px; border-radius: 4px; height: 60px; display: inline-block; }



.case-style2 .top-box .logo img { max-width: 100%; max-height: 100%; border-radius: 4px; }



.case-style2 .top-box .big-title { font-size: 32px; color: rgb(48, 49, 51); margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.case-style2 .top-box .abs { color: rgba(23, 26, 29, 0.6); font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 12px; }



.case-style2 .top-box .label-group { display: flex; align-items: center; margin-top: 10px; color: rgba(23, 26, 29, 0.6); flex-wrap: wrap; }



.case-style2 .top-box .label-group li { padding: 5px 10px; margin-right: 8px; border-radius: 4px; font-size: 14px; border: 1px solid rgba(126, 134, 142, 0.16); }



.case-style2 .top-box .img-contain .main-swiper { --swiper-theme-color: #fff; height: 300px; border-radius: 8px 8px 0px 0px; overflow: hidden; }



.case-style2 .top-box .img-contain .main-swiper .swiper-wrapper { align-items: center; height: 100%; }



.case-style2 .top-box .img-contain .main-swiper .swiper-wrapper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 100%; }



.case-style2 .top-box .img-contain .main-swiper .swiper-pagination-bullets .swiper-pagination-bullet { border-radius: 4px; transition: width 0.3s; }



.case-style2 .top-box .img-contain .main-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; width: 32px; }



.case-style2 .top-box .img-contain .main-swiper img { width: 100%; object-fit: contain; }



.case-style2 .main-contain { padding-top: 64px; }



.case-style2 p, .case-style2 ul { margin-bottom: 0px; }



.case-style2 a:hover { color: rgb(113, 66, 211); }



.case-style2 .vertical-line { color: rgb(232, 232, 232); margin: 0px 10px; }



.case-style2 .company-info-box { padding-bottom: 60px; }



.case-style2 .company-info-box .company-name .name { color: rgb(48, 49, 51); font-size: 24px; }



.case-style2 .company-info-box .company-name .type { font-size: 20px; }



.case-style2 .company-info-box .info-item { display: flex; margin-top: 10px; }



.case-style2 .company-info-box .info-item.site .content { color: rgb(113, 66, 211); word-break: break-all; flex: 1 1 0%; }



.case-style2 .company-info-box .info-item .tit { font-size: 20px; color: rgb(144, 147, 153); width: 100px; display: flex; justify-content: flex-end; }



.case-style2 .company-info-box .info-item img { max-width: 104px; max-height: 104px; }



.case-style2 .content-box { font-size: 16px; line-height: 2; margin-bottom: 24px; }



.case-style2 .nav-box { border-top: 1px solid rgb(232, 232, 232); border-bottom: 1px solid rgb(232, 232, 232); padding: 10px 0px; font-size: 14px; margin-bottom: 64px; }



.case-style2 .nav-box .arrow-left { margin-right: 10px; }



.case-style2 .nav-box .arrow-right { margin-left: 10px; }



.case-style2 .nav-box .pre { display: flex; padding-right: 40px; }



.case-style2 .nav-box .pre a { flex: 1 1 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.case-style2 .nav-box .next { display: flex; padding-left: 40px; }



.case-style2 .nav-box .next a { flex: 1 1 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.case-style2 .form-box { padding-top: 48px; }



.case-style2 .form-box .title { text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 32px; }



.case-style2 .form-box .first-line { display: flex; }



.case-style2 .form-box .first-line input { width: 160px; }



.case-style2 .form-box .first-line input:not(:last-child) { margin-right: 40px; }



.case-style2 .form-box .first-line input:nth-child(1) { background: url("/assets/visual-editor/images/input-name.png") 5% center / 15px 15px no-repeat; }



.case-style2 .form-box .first-line input:nth-child(2) { background: url("/assets/visual-editor/images/input-phone.png") 5% center / 15px 15px no-repeat; }



.case-style2 .form-box .first-line input:nth-child(3) { background: url("/assets/visual-editor/images/input-phone.png") 5% center / 15px 15px no-repeat; }



.case-style2 .form-box textarea { width: 560px; }



.case-style2 .form-box form { font-size: 14px; display: flex; flex-direction: column; align-items: center; }



.case-style2 .form-box form .row { display: flex; }



.case-style2 .form-box form .row input:not(:last-child) { margin-right: 40px; }



.case-style2 .form-box form input { margin-bottom: 24px; }



.case-style2 .form-box form input, .case-style2 .form-box form textarea { padding: 10px 12px 10px 25px; border-radius: 4px; border: 1px solid rgb(232, 232, 232); outline: 0px; resize: none; }



.case-style2 .form-box form .submit { border-radius: 4px; background-color: rgb(113, 66, 211); color: rgb(255, 255, 255); font-size: 18px; border: 0px; margin-top: 40px; padding: 12px 50px; }



.case-style2 .relevant-cases { background-color: rgb(245, 246, 247); padding-top: 56px; }



.case-style2 .relevant-cases .title-text { text-align: center; font-size: 32px; color: rgb(23, 26, 29); }



.case-style2 .relevant-cases .relevant-case-swiper { padding-top: 48px; padding-bottom: 64px; }



.case-style2 .relevant-cases .relevant-case-swiper .swiper-wrapper { transition-timing-function: linear; }



.case-style2 .relevant-cases .relevant-case-swiper .swiper-slide { display: flex; justify-content: center; margin: 0px 12px; }



.case-style2 .relevant-cases .caseItem { display: block; position: relative; transition: 0.2s; border-radius: 8px; overflow: hidden; top: 0px; }



.case-style2 .relevant-cases .caseItem:hover { top: -8px; }



.case-style2 .relevant-cases .caseItem:hover .caseItem-cover { opacity: 0.8; }



.case-style2 .relevant-cases .caseItem:hover .caseItem-cover img { transform: scale(1); }



.case-style2 .relevant-cases .caseItem .caseItem-info-wrap { box-shadow: rgba(34, 38, 48, 0.12) 0px 8px 32px 0px; background-color: rgb(255, 255, 255); width: 100%; max-width: 376px; }



.case-style2 .relevant-cases .caseItem .caseItem-info-wrap img { width: 100%; object-fit: cover; height: 200px; }



.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info { padding: 32px; height: 160px; }



.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgb(23, 26, 29); font-size: 20px; }



.case-style2 .relevant-cases .caseItem .caseItem-info-wrap .caseItem-info .desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgba(23, 26, 29, 0.6); font-size: 15px; margin-top: 14px; }



.case-style2 .relevant-cases .caseItem .caseItem-cover { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: rgb(0, 137, 255); box-shadow: rgba(34, 38, 48, 0.12) 0px 8px 32px 0px; text-align: center; opacity: 0; transition: 0.2s; display: flex; align-items: center; justify-content: center; }



.case-style2 .relevant-cases .caseItem .caseItem-cover img { width: 58px; height: 58px; transition: 0.4s; transform: scale(0); }



.pc .hidden-sm { display: none; }



.mobile .case-detail-container { padding: 0px; }



.mobile .case-detail-container .case-detail { background: rgb(255, 255, 255); padding: 20px 0px; }



.mobile .case-detail-container .case-detail-title { font-size: 16px; }



.mobile .case-detail-container .case-detail-p { text-align: left; margin: 0px auto; }



.mobile .case-detail-container .case-detail-price { font-size: 14px; }



.mobile .case-detail-container .case-detail-abstract { padding: 8px; font-size: 14px; }



.mobile .case-detail-container .case-detail-box { border-bottom: 5px solid rgb(245, 245, 245); margin-bottom: 15px; display: flex; flex-direction: column; }



.mobile .case-detail-container .case-detail-box .case-detail-img { padding: 0px; }



.mobile .case-detail-container .case-detail-mes { font-size: 18px; text-align: center; }



.mobile .case-detail-container .case-detail-content { margin: 20px 10px; }



.mobile .case-detail-container .case-detail-content img { width: 100%; }



.mobile .case-detail-container .case-share-me { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 20px 10px; }



.mobile .case-detail-container .case-share-me .case-url a { width: 250px; }



.mobile .case-detail-container .case-detail-box1 .caseImg { max-width: 100%; }



.mobile .case-style2 { padding-top: 16px; }



.mobile .case-style2 .top-box { padding: 0px; background-color: rgba(0, 0, 0, 0.5); }



.mobile .case-style2 .top-box .title-contain { padding: 0px; }



.mobile .case-style2 .top-box .title-contain .big-title { font-size: 20px; color: rgb(255, 255, 255); position: absolute; margin: 0px 16px; z-index: 1; bottom: 16px; }



.mobile .case-style2 .top-box .title-contain img { width: 100%; height: 100%; position: relative; }



.mobile .case-style2 .col-xs-12 { width: 100%; }



.mobile .case-style2 .hidden-xs { display: none; }



.mobile .case-style2 .company-info-box { font-size: 14px; padding-bottom: 30px; }



.mobile .case-style2 .company-info-box .company-name .name { font-size: 16px; }



.mobile .case-style2 .company-info-box .company-name .type { font-size: 14px; }



.mobile .case-style2 .company-info-box .info-item .tit { font-size: 14px; width: 70px; }



.mobile .case-style2 .form-box-m { padding: 48px 40px 64px; background-color: rgb(242, 244, 247); }



.mobile .case-style2 .form-box-m form { display: flex; flex-direction: column; align-items: center; }



.mobile .case-style2 .form-box-m .title { text-align: center; font-size: 24px; font-weight: 600; margin-bottom: 32px; }



.mobile .case-style2 .form-box-m input { margin-bottom: 24px; padding: 10px 12px 10px 30px; }



.mobile .case-style2 .form-box-m input:nth-child(1) { background: url("/assets/visual-editor/images/input-name.png") 5% center / 15px 15px no-repeat rgb(255, 255, 255); }



.mobile .case-style2 .form-box-m input:nth-child(2) { background: url("/assets/visual-editor/images/input-phone.png") 5% center / 15px 15px no-repeat rgb(255, 255, 255); }



.mobile .case-style2 .form-box-m input:nth-child(3) { background: url("/assets/visual-editor/images/input-phone.png") 5% center / 15px 15px no-repeat rgb(255, 255, 255); }



.mobile .case-style2 .form-box-m input, .mobile .case-style2 .form-box-m textarea { margin-bottom: 24px; width: 100%; border-radius: 4px; border: 1px solid rgb(232, 232, 232); outline: 0px; font-size: 14px; }



.mobile .case-style2 .form-box-m textarea { padding: 10px 12px; margin-bottom: 0px; resize: none; }



.mobile .case-style2 .form-box-m .submit { border-radius: 4px; background-color: rgb(113, 66, 211); color: rgb(255, 255, 255); font-size: 18px; border: 0px; margin-top: 36px; margin-bottom: 0px; padding: 12px 50px; width: auto; }



.mobile .case-style2 .abs { border-radius: 8px; background-color: rgb(242, 244, 247); padding: 20px; font-size: 16px; margin-bottom: 40px; }



.mobile .case-style2 .abs p { font-weight: 600; margin-bottom: 8px; }



.mobile .case-style2 .title-name { flex: 1 1 0px; }



.mobile .case-style2 .main-contain { padding-top: 16px; }



.mobile .case-style2 .more-case { margin-bottom: 40px; }



.mobile .case-style2 .nav-box { border-bottom: none; margin-bottom: 56px; padding: 0px; }



.mobile .case-style2 .nav-box .next, .mobile .case-style2 .nav-box .pre { padding: 10px 15px; }



.mobile .case-style2 .relevant-cases .caseItem { width: 100%; }



.mobile .case-style2 .relevant-cases .caseItem .caseItem-info-wrap { width: 100%; }



.mobile .case-style2 .relevant-cases .caseItem .caseItem-cover { width: 100%; }



.mobile .gw-editor-page .case-detail-container .container { width: 100%; }



.mobile .gw-editor-page .case-detail-container .case-detail { width: 100%; }



.mobile .gw-editor-page .case-detail-container .case-link-qrcode { display: none; }



#bdshare_weixin_qrcode_dialog { width: 251px !important; height: 297px !important; }



.goods_text_course_detail-container { padding: 30px 0px; background-color: rgb(246, 246, 246); }



.goods_text_course_detail-container .goods_text_course-detail-content * { max-width: 100%; }



@media (min-width: 1450px) {

  .goods_text_course_detail-container .goods_text_course_detail-style1 .container { width: 1440px; }

}



.goods_text_course_detail-container .goods_text_course_detail-style1 .panel { padding: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info { display: flex; align-items: center; color: rgb(170, 170, 170); font-size: 11px; margin-bottom: 10px; padding: 0px 15px; height: 24px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author { display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author img { border-radius: 50%; height: 15px; width: 15px; margin-right: 8px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .author span { cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category { display: flex; margin: 0px 0px 0px 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li { display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li:nth-child(2) .dot { background-color: rgb(76, 175, 80); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li:nth-child(3) .dot { background-color: rgb(33, 150, 243); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category li + li { margin-left: 8px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .category .dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; background-color: rgb(253, 114, 31); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .top-info .date { margin-left: 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .title { font-size: 24px; color: rgb(85, 85, 85); margin: 0px 15px 30px; border-bottom: 1px dashed rgb(238, 238, 238); line-height: 1.4; padding-bottom: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .tips-content { font-size: 16px; line-height: 2; margin-bottom: 0px; padding: 0px 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .tips-content img { max-width: 100%; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips { padding: 40px 20px 20px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); position: relative; margin: 0px 15px 40px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .fa.fa-lock { color: rgb(204, 204, 204); font-size: 30px; top: 5px; right: 10px; position: absolute; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text { color: rgb(85, 85, 85); font-size: 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .coin { background-color: rgb(255, 255, 255); color: rgb(240, 173, 78); padding: 4px 18px; border-radius: 20px; border: 1px solid rgb(240, 173, 78); font-size: 13px; font-weight: 600; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .paid { margin-bottom: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .paid span { color: rgb(255, 59, 65); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn { padding: 0px 18px; background: linear-gradient(90deg, rgb(52, 73, 94), rgb(71, 95, 119)); border-radius: 4px; color: rgb(255, 255, 255); cursor: pointer; font-weight: 600; letter-spacing: 1px; line-height: 36px; font-size: 12px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn:hover { opacity: 0.8; transition: 0.3s ease-in-out; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.login-button { box-shadow: rgba(52, 73, 94, 0.5) 0px 3px 5px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.login-button i { margin-right: 3px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.free-buy-button, .goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.integral-buy-button, .goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .content-hide-tips .content .text-course-btn.pay-buy-button { background: linear-gradient(90deg, rgb(32, 160, 255), rgb(32, 184, 255)); box-shadow: rgba(32, 160, 255, 0.5) 0px 3px 5px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .main-content { font-size: 16px; line-height: 2; padding: 40px 20px 20px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); position: relative; margin: 0px 15px 40px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .main-content i { color: rgb(204, 204, 204); font-size: 30px; top: 5px; right: 10px; position: absolute; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see { font-size: 16px; line-height: 2; padding: 0px 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see p { margin-bottom: 0px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .try-and-see img { max-width: 100%; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group { display: flex; flex-wrap: wrap; margin: 20px 0px 0px; padding: 0px 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li { margin: 0px 5px 5px 0px; border: 1px solid rgb(230, 230, 230); background-color: rgb(244, 244, 244); font-size: 13px; padding: 5px 10px; font-weight: 600; border-radius: 3px; line-height: 1; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li:hover { opacity: 0.8; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .label-group li a { color: rgb(85, 85, 85); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer { margin-bottom: 5px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 30px 15px 0px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box { display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box img { width: 30px; height: 30px; border: 2px solid rgb(238, 238, 238); border-radius: 50%; margin-right: 10px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box .author-info { font-size: 16px; color: rgb(52, 73, 94); transition: 0.3s; cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box .author-info:hover { opacity: 0.8; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare { display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare > span { margin-right: 20px; color: rgb(85, 85, 85); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .content-area .article-footer .xshare > li { display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment { display: none; padding: 40px 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .title { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label { display: flex; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label li { padding: 5px 12px; border: 1px solid rgb(221, 221, 221); color: rgb(153, 153, 153); border-radius: 4px; margin-right: 20px; cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment ul.comment-label li.active { border: 1px solid rgb(45, 141, 240); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item { padding: 20px 0px; display: flex; align-items: flex-start; border-bottom: 1px solid rgb(221, 221, 221); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info { flex: 1 1 0%; display: flex; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .avatar { margin-right: 10px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .avatar img { border-radius: 50%; width: 50px; height: 50px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .info .name { color: rgb(153, 153, 153); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content { flex: 3 1 0%; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-message { display: flex; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-message .star-group { width: 140px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .comment-content { margin: 12px 0px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul { margin-bottom: 20px; display: flex; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul li { margin-right: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .pic-list ul img { height: 100px; width: 100px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-message { display: flex; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-message .text { width: 140px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .comment .comment-item .content .append-commit .append-content { padding: 12px 0px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav { display: flex; justify-content: space-between; color: rgb(187, 187, 187); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav a { color: rgb(153, 153, 153); transition: 0.3s; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav a:hover { color: rgb(69, 182, 247); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav .article-nav-prev { width: 50%; border-right: 1px solid rgb(238, 238, 238); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .article-nav .article-nav-next { text-align: right; width: 50%; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .tit { display: flex; align-items: center; font-weight: 600; font-size: 15px; margin-bottom: 15px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .tit::before { content: ""; background-color: rgb(26, 26, 26); width: 30px; height: 2px; margin-right: 10px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item { margin-bottom: 10px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media { position: relative; margin-bottom: 10px; height: 150px; text-align: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a { display: block; width: 100%; height: 100%; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a img { width: auto; max-width: 100%; height: 100%; transition: 0.3s; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media a:hover img { opacity: 0.8; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .lock { background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); border-radius: 50%; position: absolute; font-size: 15px; left: 10px; top: 10px; width: 25px; height: 25px; text-align: center; line-height: 25px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .article-title { color: rgb(52, 73, 94); cursor: pointer; transition: 0.3s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .content-column .related-article .article-item .article-title:hover { opacity: 0.8; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column { padding: 0px 15px; position: sticky; top: 90px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar { align-items: center; padding-bottom: 10px; border-bottom: 1px solid rgb(246, 246, 246); display: flex; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar img { width: 50px; height: 50px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 5px; border: 2px solid rgb(238, 238, 238); cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name { flex: 1 1 0px; display: flex; flex-direction: column; padding: 0px 10px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name .name { color: rgb(52, 73, 94); font-size: 15px; cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .user-name .type { color: rgb(132, 146, 166); font-size: 12px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-avatar .qd { padding: 6px 16px; color: rgb(132, 146, 166); background-color: rgb(242, 247, 255); line-height: 1.5; font-size: 12px; font-weight: 600; border-radius: 15px; cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields { display: flex; padding-top: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item { padding: 0px 15px; display: flex; flex-direction: column; width: 100%; align-items: center; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item .num { color: rgb(139, 195, 74); font-size: 18px; cursor: pointer; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .user-info .user-fields .item .text { font-size: 13px; color: rgb(132, 146, 166); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank .tit { font-size: 15px; margin-bottom: 10px; color: rgb(85, 85, 85); font-weight: 700; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li { padding: 5px 0px; display: flex; margin-bottom: 10px; justify-content: space-between; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index { line-height: 30px; font-size: 18px; font-weight: 600; width: 20px; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-1 { color: rgb(244, 67, 54); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-2 { color: rgb(76, 175, 80); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-3 { color: rgb(255, 193, 7); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-4 { color: rgb(0, 188, 212); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-5 { color: rgb(33, 150, 243); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .index.num-6 { color: rgb(233, 30, 99); }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .name { flex: 1 1 0%; width: 100px; line-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.goods_text_course_detail-container .goods_text_course_detail-style1 .sidebar-column .sidebar-area .article-rank ul li .credits { color: rgb(153, 153, 153); line-height: 30px; font-size: 12px; }



.mobile .goods_text_course_detail-style1 .content-column { width: 100%; padding: 0px 10px; }



.mobile .goods_text_course_detail-style1 .content-column .top-info { flex-wrap: wrap; }



.mobile .goods_text_course_detail-style1 .content-column .content-area { padding: 10px 0px 0px; }



.mobile .goods_text_course_detail-style1 .content-column .content-area .title { padding-bottom: 10px; font-size: 14px; }



.mobile .goods_text_course_detail-style1 .content-column .content-area .article-footer { margin-bottom: 16px; }



.mobile .goods_text_course_detail-style1 .content-column .content-area .article-footer .author-box { display: none; }



.mobile .goods_text_course_detail-style1 .content-column .related-article .article-item .entry-media { height: 95px; }



.mobile .goods_text_course_detail-style1 .sidebar-column { width: 100%; padding: 0px 10px; }



.mobile .goods_text_course_detail-style1 .article-item { width: 50%; }



.mobile .gw-editor-page .goods_text_course_detail-container .container { width: 100%; }



.mobile .gw-editor-page .goods_text_course_detail-container .goods_text_course_detail { width: 100%; }



.mobile .gw-editor-page .goods_text_course_detail-container .article-link-qrcode { display: none; }



.goods-video-course-detail-style1 { background-color: rgb(244, 245, 247); }



.goods-video-course-detail-style1 .wx-share-mask { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-image: url("/visual-editor/images/article-detail-style3/wx-share.png"); z-index: 10; background-size: 70% 30%; background-repeat: no-repeat; background-position: right top; background-color: rgba(0, 0, 0, 0.8); }



.goods-video-course-detail-style1 .hidden-sm, .goods-video-course-detail-style1 .noshow { display: none; }



.goods-video-course-detail-style1 .pc-content > .container { padding-top: 60px; }



.goods-video-course-detail-style1 .video-main-content { background-color: rgb(41, 44, 53); padding-top: 30px; }



.goods-video-course-detail-style1 .video-main-content .video-content { overflow: hidden; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video { height: 100%; background-color: rgb(0, 0, 0); transition: 1s; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer { height: 100%; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer-video-wrap { display: flex; align-items: center; justify-content: center; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .dplayer-video-wrap .dplayer-video { height: 100%; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .video_box_conter { height: 100%; background: rgb(0, 0, 0); }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .video_box_conter .video-panel { width: 100%; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee { position: relative; width: 100%; height: 100%; display: none; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .bgPic { width: 100%; height: 100%; object-fit: contain; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask { width: 100%; height: 100%; position: absolute; inset: 0px; margin: auto; background: rgba(0, 0, 0, 0.7); }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask .maskBox { position: absolute; inset: 0px; margin: auto; width: 300px; height: 100px; text-align: center; }



.goods-video-course-detail-style1 .video-main-content .video-content .my_video .trySee .mask .maskBox .end { font-size: 20px; color: rgb(255, 255, 255); margin-bottom: 20px; width: 300px; }



.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .my_video { width: 100%; }



.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .video-list-box { margin-left: 100%; }



.goods-video-course-detail-style1 .video-main-content .video-content.hide-list-box .video-list-box .pull-right-btn { background-image: url("/assets/visual-editor/images/video-detail/left-arrow.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel { padding: 14px 20px; background-color: rgb(31, 33, 35); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title { font-size: 24px; font-weight: 500; margin-bottom: 8px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title .title-text { color: rgb(255, 255, 255); margin-right: 20px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title .price { color: rgb(235, 49, 45); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box { flex: 1 1 0%; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group { color: rgb(153, 153, 153); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group ul { display: flex; flex-wrap: wrap; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .label-group ul li { margin-right: 20px; padding: 4px 12px; border-radius: 4px; border: 1px solid rgb(221, 221, 221); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info { color: rgba(255, 255, 255, 0.6); display: flex; align-items: center; flex-wrap: wrap; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info > div { display: flex; align-items: center; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info > div:nth-child(4), .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info > div:nth-child(5) { border-right: 1px solid rgba(255, 255, 255, 0.6); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .value { font-size: 18px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .sold { padding-right: 20px; height: 20px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .score { padding: 0px 20px; height: 20px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection { padding-left: 20px; flex: 1 1 0%; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection .fa { font-size: 16px; cursor: pointer; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .add-collection .fa.collected { color: rgb(255, 195, 71); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box { margin-right: 20px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box #share-3 a.social-share-icon { border: none; color: rgba(255, 255, 255, 0.6); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .icon { width: 32px; height: 32px; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .wx-icon { background-image: url("/assets/visual-editor/images/video-detail/wx-icon.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .wb-icon { background-image: url("/assets/visual-editor/images/video-detail/wb-icon.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .qq-icon { background-image: url("/assets/visual-editor/images/video-detail/QQicon.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .qzone-icon { background-image: url("/assets/visual-editor/images/video-detail/qzone-icon.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .title-info .share-box .more-icon { background-image: url("/assets/visual-editor/images/video-detail/more-icon.png"); }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .buy-btn { background-color: rgb(235, 49, 45); border-radius: 4px; color: rgb(255, 255, 255); text-align: center; font-size: 18px; width: 230px; padding: 12px 0px; cursor: pointer; }



.goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .has-buy-btn { background-color: rgb(182, 182, 182); border-radius: 4px; color: rgb(255, 255, 255); text-align: center; font-size: 18px; width: 230px; padding: 12px 0px; }



.goods-video-course-detail-style1 .product-tab { background-color: rgb(255, 255, 255); padding: 30px 0px; width: 100%; z-index: 100; }



.goods-video-course-detail-style1 .product-tab.fixed { padding: 10px 0px; position: fixed; top: 0px; box-shadow: rgb(221, 221, 221) 0px 1px 2px; }



.goods-video-course-detail-style1 .product-tab ul { display: flex; justify-content: center; }



.goods-video-course-detail-style1 .product-tab ul li { font-size: 18px; margin: 0px 25px; cursor: pointer; }



.goods-video-course-detail-style1 .product-tab ul li a { color: rgb(51, 51, 51); }



.goods-video-course-detail-style1 .product-tab ul li.selected { border-bottom: 2px solid red; color: red; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile { position: relative; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content { display: flex; align-items: center; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content .small-code { width: 25px; height: 26px; display: inline-block; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile .content .small-code img { width: 100%; height: 100%; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile .qrcode-box { width: 150px; height: 150px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border: 0px solid rgb(235, 238, 245); background-color: rgb(255, 255, 255); position: absolute; display: none; z-index: 10; }



.goods-video-course-detail-style1 .product-tab ul #show-onmobile .qrcode-box img { width: 100%; height: 100%; }



.goods-video-course-detail-style1 #product-info { font-size: 16px; line-height: 2; background-color: rgb(255, 255, 255); padding: 0px 16px; overflow: hidden; }



.goods-video-course-detail-style1 #product-info img, .goods-video-course-detail-style1 #product-info video { max-width: 100%; }



.goods-video-course-detail-style1 #product-param { padding: 0px 16px; background-color: rgb(255, 255, 255); overflow: hidden; }



.goods-video-course-detail-style1 #product-param .title { border-bottom: 1px solid rgb(204, 204, 204); font-size: 18px; padding-left: 14px; padding-bottom: 14px; position: relative; }



.goods-video-course-detail-style1 #product-param .title::before { content: ""; width: 4px; height: 23px; background-color: red; position: absolute; left: 0px; top: 1px; }



.goods-video-course-detail-style1 #product-param .param-box { font-size: 16px; display: flex; flex-direction: column; margin-top: 24px; }



.goods-video-course-detail-style1 #product-param .param-box li { display: flex; margin-bottom: 24px; }



.goods-video-course-detail-style1 #product-param .param-box li .name { width: 128px; margin-right: 54px; }



.goods-video-course-detail-style1 #product-comment { padding: 0px 16px; background-color: rgb(255, 255, 255); overflow: hidden; }



.goods-video-course-detail-style1 #product-comment .product-score { margin-left: 16px; padding-bottom: 10px; }



.goods-video-course-detail-style1 #product-comment .product-score span { color: red; font-size: 56px; margin-bottom: 12px; }



.goods-video-course-detail-style1 #product-comment .product-score span:nth-child(2) { font-size: 16px; }



.goods-video-course-detail-style1 #product-comment .product-score p { font-size: 12px; margin-left: 10px; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab { padding: 16px 0px 17px 16px; border-top: 1px dashed rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); display: flex; justify-content: space-between; flex-wrap: wrap; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab ul { display: flex; flex-wrap: wrap; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab ul li { margin-right: 25px; cursor: pointer; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab ul li.selected { color: red; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right input { cursor: pointer; display: inline-block; width: 14px; height: 14px; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right input:checked { background-color: red; }



.goods-video-course-detail-style1 #product-comment .product-comment-tab .tab-right span { color: rgb(102, 102, 102); }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list { display: flex; flex-direction: column; font-size: 12px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item { padding: 20px 0px 20px 16px; display: flex; justify-content: space-between; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box { display: flex; flex-direction: column; align-items: center; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar { width: 70px; height: 70px; flex-shrink: 0; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname { margin-top: 6px; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail { margin-top: 16px; padding-left: 60px; flex: 1 1 0%; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box { display: flex; justify-content: space-between; flex-wrap: wrap; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star { margin-bottom: 5px; background: url("/assets/visual-editor/images/shop_goods_detail/star12.png"); width: 110px; height: 30px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 { background-position: 110px 0px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 { background-position: 88px 0px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 { background-position: 66px 0px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 { background-position: 44px 0px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 { background-position: 22px 0px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time { color: rgb(164, 164, 164); }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content { word-break: break-all; margin-bottom: 10px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img { padding-top: 15px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group { display: flex; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap { width: 88px; height: 88px; padding: 2px; margin-right: 10px; cursor: zoom-in; border: 2px solid rgb(255, 255, 255); }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected { border: 2px solid red; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img { width: 100%; height: 100%; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big { display: none; margin-top: 16px; cursor: zoom-out; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img { max-width: 410px; max-height: 410px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku { color: rgb(164, 164, 164); margin-top: 21px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply { padding-top: 40px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar { float: left; width: 32px; height: 32px; margin-right: 12px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box { float: left; width: 596px; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname { margin-bottom: 6px; color: rgb(202, 20, 29); }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content { color: rgb(113, 113, 113); }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .no-comment { min-height: 200px; border-bottom: 1px solid rgb(234, 234, 234); color: rgb(164, 164, 164); text-align: center; }



.goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .no-comment::before { content: ""; display: block; width: 80px; height: 80px; margin: 40px auto 20px; background: url("/assets/visual-editor/images/shop_goods_detail/empty.png") 0% 0% / 100% no-repeat; }



.goods-video-course-detail-style1 .recommend-box { background-color: rgb(255, 255, 255); padding: 20px; }



.goods-video-course-detail-style1 .recommend-box .title { font-size: 18px; margin-bottom: 10px; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item { display: block; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item:hover img { transform: scale(1.04); }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .img-wrap { overflow: hidden; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .img-wrap img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .recommend-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgb(71, 79, 102); font-size: 16px; margin: 12px 0px 10px; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .time { margin-bottom: 10px; font-size: 12px; color: rgb(0, 0, 0); }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .label-group { display: flex; flex-wrap: wrap; }



.goods-video-course-detail-style1 .recommend-box .recommend-item-group .item .label-group li { background-color: red; border-radius: 4px; margin: 0px 5px 5px 0px; padding: 2px 5px; font-size: 12px; color: rgb(255, 255, 255); }



.pc .goods-video-course-detail-style1 .hidden-pc { display: none !important; }



.mobile .goods-video-course-detail-style1 .hidden-mobile { display: none !important; }



.mobile .goods-video-course-detail-style1 .container { padding-left: 0px; padding-right: 0px; padding-top: 0px; }



.mobile .goods-video-course-detail-style1 .video-main-content { padding-top: 0px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel { padding: 8px 16px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title { font-size: 18px; color: rgb(235, 49, 45); }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box { display: block; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .label-group ul { margin-bottom: 8px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .label-group ul li { font-size: 12px; padding: 4px 8px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info { font-size: 12px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .value { font-size: 14px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .score, .mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .sold { position: relative; padding-right: 10px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .score::after, .mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .sold::after { content: "·"; position: absolute; top: 50%; transform: translateY(-50%); right: -2px; font-size: 28px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .score { padding: 0px 10px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .left-box .title-info .add-collection { padding-left: 10px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .bottom-box { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .bottom-box .price { font-size: 18px; color: rgb(235, 49, 45); }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .bottom-box .buy-btn { font-size: 18px; width: auto; padding: 4px 14px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .bottom-box .has-buy-btn { font-size: 18px; width: auto; padding: 4px 14px; }



.mobile .goods-video-course-detail-style1 .video-main-content .video-info-panel .title-info-box .share-box { margin-right: 0px; }



.mobile .goods-video-course-detail-style1 .product-tab { padding-bottom: 0px; margin-top: 10px; }



.mobile .goods-video-course-detail-style1 .product-tab ul { margin-bottom: 0px; justify-content: space-between; }



.mobile .goods-video-course-detail-style1 .product-tab ul li { margin: 0px 15px; font-size: 16px; }



.mobile .goods-video-course-detail-style1 #product-comment { padding: 0px; }



.mobile .goods-video-course-detail-style1 #product-comment .product-score { padding-bottom: 6px; }



.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item { padding-right: 20px; }



.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar { width: 50px; height: 50px; }



.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail { padding-left: 10px; margin-top: 0px; }



.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img { max-width: 100%; }



.mobile .goods-video-course-detail-style1 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box { align-items: center; }



.mobile .goods-video-course-detail-style1 .recommend-box { margin-top: 10px; }



.gw-editor-page .goods_video_course_detail-container .container { max-width: 100%; }



.pc .audio-course { padding: 40px; background-color: rgb(255, 255, 255); }



.pc .audio-course .hidden-sm { display: none; }



.pc .audio-course .line { margin: 0px 20px; background-color: rgb(221, 221, 221); width: 1px; height: 20px; display: inline-block; }



.pc .audio-course .audio-panel .panel-left { position: relative; }



.pc .audio-course .audio-panel .panel-left video { display: block; width: 100%; background-color: rgb(208, 188, 228); }



.pc .audio-course .audio-panel .panel-left .controller { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0px; width: 100%; padding: 4px 35px 4px 20px; }



.pc .audio-course .audio-panel .panel-left .controller .cleft { margin-right: 40px; }



.pc .audio-course .audio-panel .panel-left .controller img { width: 100%; height: 100%; cursor: pointer; }



.pc .audio-course .audio-panel .panel-left .controller .loop { width: 24px; height: 24px; }



.pc .audio-course .audio-panel .panel-left .controller .ccenter { display: flex; align-items: center; }



.pc .audio-course .audio-panel .panel-left .controller .ccenter .back, .pc .audio-course .audio-panel .panel-left .controller .ccenter .forward { width: 32px; height: 32px; }



.pc .audio-course .audio-panel .panel-left .controller .ccenter .start { width: 52px; height: 52px; }



.pc .audio-course .audio-panel .panel-left .controller .cright { display: flex; color: rgb(255, 255, 255); }



.pc .audio-course .audio-panel .panel-left .controller .cright .download { margin-left: 14px; }



.pc .audio-course .audio-panel .panel-right > * { margin-bottom: 20px; }



.pc .audio-course .audio-panel .panel-right .course-title { font-size: 24px; }



.pc .audio-course .audio-panel .panel-right .label-group { color: rgb(153, 153, 153); display: flex; }



.pc .audio-course .audio-panel .panel-right .label-group li { padding: 4px 12px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin-right: 20px; }



.pc .audio-course .audio-panel .panel-right .price .new { color: rgb(208, 2, 27); font-size: 24px; font-weight: 600; margin-right: 5px; }



.pc .audio-course .audio-panel .panel-right .price .old { color: rgb(144, 147, 153); text-decoration: line-through; }



.pc .audio-course .audio-panel .panel-right .start-play-time .time { font-weight: 600; font-size: 18px; }



.pc .audio-course .audio-panel .panel-right .has-sell { display: flex; align-items: center; flex: 1 1 0px; }



.pc .audio-course .audio-panel .panel-right .has-sell .num { font-weight: 600; font-size: 18px; }



.pc .audio-course .audio-panel .panel-right .btn-group { display: flex; justify-content: space-between; }



.pc .audio-course .audio-panel .panel-right .btn-group div { border-radius: 4px; padding: 10px 40px; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(250, 144, 0); cursor: pointer; }



.pc .audio-course .audio-panel .panel-right .btn-group div.buy { background-color: rgb(235, 49, 45); }



.pc .audio-course .audio-panel .panel-right .hasbuy { background-color: rgb(182, 182, 182); color: rgb(255, 255, 255); font-size: 18px; padding: 10px 0px; border-radius: 4px; text-align: center; margin-bottom: 0px; }



.pc .audio-course .share-box { margin-top: 20px; }



.pc .audio-course .share-box .share { display: flex; justify-content: space-between; align-items: center; }



.pc .audio-course .share-box .share .share-left { display: flex; align-items: center; }



.pc .audio-course .share-box .share .share-left ul { display: flex; margin-bottom: 0px; }



.pc .audio-course .share-box .share .share-left ul img { width: 32px; }



.pc .audio-course .detail-info .main-title { padding-top: 20px; font-size: 18px; display: flex; border-bottom: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); position: relative; }



.pc .audio-course .detail-info .main-title div:nth-child(3) { flex: 1 1 0px; }



.pc .audio-course .detail-info .main-title a { color: rgb(102, 102, 102); margin-right: 50px; padding-bottom: 12px; }



.pc .audio-course .detail-info .main-title a.active { color: rgb(45, 141, 240); border-bottom: 4px solid rgb(45, 141, 240); }



.pc .audio-course .detail-info .main-title .mobile-buy { cursor: pointer; display: flex; align-items: center; padding-bottom: 12px; }



.pc .audio-course .detail-info .main-title .mobile-buy .icon { margin-left: 8px; width: 18px; height: 18px; background-image: url("/assets/visual-editor/images/qrcode-icon.png"); }



.pc .audio-course .detail-info .main-title .code { padding: 20px; position: absolute; bottom: -150px; right: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 7px 0px; z-index: 1; background-color: rgb(255, 255, 255); }



.pc .audio-course .detail-info .main-content { padding-top: 40px; }



.pc .audio-course .detail-info .main-content .title { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; margin-bottom: 20px; }



.pc .audio-course .detail-info .main-content .content-left .content-box { margin-bottom: 40px; }



.pc .audio-course .detail-info .main-content .content-left .content-box img { width: 100%; margin-bottom: 20px; }



.pc .audio-course .detail-info .main-content .content-left .content-box .content-text { line-height: 24px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .title { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; }



.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label { display: flex; }



.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label li { padding: 5px 12px; border: 1px solid rgb(221, 221, 221); color: rgb(153, 153, 153); border-radius: 4px; margin-right: 20px; cursor: pointer; }



.pc .audio-course .detail-info .main-content .content-left .comment-box ul.comment-label li.active { border: 1px solid rgb(45, 141, 240); }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item { padding: 20px 0px; display: flex; align-items: flex-start; border-bottom: 1px solid rgb(221, 221, 221); }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item:last-child { border-bottom: none; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info { flex: 1 1 0px; display: flex; align-items: center; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar { margin-right: 10px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar img { border-radius: 50%; width: 50px; height: 50px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .info .name { color: rgb(153, 153, 153); }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content { flex: 3 1 0px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message { display: flex; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message .star-group { width: 140px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-content { margin: 12px 0px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul { margin-bottom: 20px; display: flex; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul li { margin-right: 20px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul img { width: 100px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message { display: flex; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message .text { width: 140px; }



.pc .audio-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-content { padding: 12px 0px; }



.pc .audio-course .detail-info .main-content .content-left .release-box { box-shadow: rgba(221, 221, 221, 0.6) 0px 0px 4px 1px; border-radius: 8px; padding: 20px 10px; }



.pc .audio-course .detail-info .main-content .content-left .release-box .score { display: flex; margin-bottom: 20px; }



.pc .audio-course .detail-info .main-content .content-left .release-box .score .text { margin-right: 20px; }



.pc .audio-course .detail-info .main-content .content-left .release-box textarea { border: 1px solid rgb(221, 221, 221); width: 100%; resize: none; outline: 0px; margin-bottom: 10px; }



.pc .audio-course .detail-info .main-content .content-left .release-box .release { display: flex; align-items: center; justify-content: space-between; }



.pc .audio-course .detail-info .main-content .content-left .release-box .release .upload { background-color: rgb(245, 245, 245); border: 1px solid rgb(221, 221, 221); display: flex; flex-direction: column; align-items: center; font-size: 10px; cursor: pointer; padding: 5px; }



.pc .audio-course .detail-info .main-content .content-left .release-box .release .release-btn { background-color: rgb(45, 141, 240); border-radius: 4px; color: rgb(255, 255, 255); padding: 9px 30px; font-size: 18px; cursor: pointer; }



.pc .audio-course .detail-info .main-content .recommend { border: 1px solid rgb(221, 221, 221); border-radius: 6px; padding: 20px; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item { display: flex; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-left { flex: 7 1 0%; border-radius: 4px; background: rgba(0, 0, 0, 0.3); margin-right: 14px; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-left video { width: 100%; height: 100%; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right { flex: 9 1 0%; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .item-title { font-size: 16px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .buy-num { color: rgb(102, 102, 102); font-size: 12px; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price { display: flex; align-items: center; margin-bottom: 0px; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price .new { font-size: 18px; color: rgb(208, 2, 27); margin-right: 10px; font-weight: 600; }



.pc .audio-course .detail-info .main-content .recommend .recommend-item .item-right .price .old { font-size: 12px; color: rgb(143, 147, 154); text-decoration: line-through; }



.mobile .audio-course .hidden-xs { display: none; }



.mobile .audio-course .course-main-content { background-color: rgb(255, 255, 255); margin-bottom: 16px; }



.mobile .audio-course .course-main-content .course-content { background-color: rgb(0, 0, 0); padding: 69px 0px 9px; position: relative; }



.mobile .audio-course .course-main-content .course-content .icon { width: 30px; height: 30px; top: 20px; position: absolute; cursor: pointer; }



.mobile .audio-course .course-main-content .course-content .back-icon { left: 20px; background-image: url("/assets/visual-editor/images/video-detail/icon-back.png"); }



.mobile .audio-course .course-main-content .course-content .share-icon { right: 20px; background-image: url("/assets/visual-editor/images/video-detail/icon-share.png"); }



.mobile .audio-course .course-main-content .course-content video { background-color: rgb(172, 168, 168); width: 100%; }



.mobile .audio-course .course-main-content .course-content .controller { display: flex; justify-content: space-between; align-items: center; padding: 4px 20px; }



.mobile .audio-course .course-main-content .course-content .controller .cleft { margin-right: 40px; }



.mobile .audio-course .course-main-content .course-content .controller img { width: 100%; height: 100%; cursor: pointer; }



.mobile .audio-course .course-main-content .course-content .controller .loop { width: 24px; height: 24px; }



.mobile .audio-course .course-main-content .course-content .controller .ccenter { display: flex; align-items: center; }



.mobile .audio-course .course-main-content .course-content .controller .ccenter .back, .mobile .audio-course .course-main-content .course-content .controller .ccenter .forward { width: 32px; height: 32px; }



.mobile .audio-course .course-main-content .course-content .controller .ccenter .start { width: 52px; height: 52px; }



.mobile .audio-course .course-main-content .course-content .controller .cright { display: flex; color: rgb(255, 255, 255); }



.mobile .audio-course .course-main-content .course-content .controller .cright .download { margin-left: 14px; }



.mobile .audio-course .course-main-content .course-info-panel { padding: 16px 20px; }



.mobile .audio-course .course-main-content .course-info-panel .course-title { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center { padding: 10px 0px 15px; display: flex; justify-content: space-between; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price { display: flex; align-items: center; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price .new { color: rgb(255, 68, 68); font-size: 24px; font-weight: 600; margin-right: 10px; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .price .old { font-size: 12px; color: rgb(143, 147, 154); text-decoration: line-through; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy { font-size: 12px; display: flex; align-items: center; color: rgb(153, 153, 153); }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy > p { margin-bottom: 0px; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-center .has-buy > p span { color: rgb(255, 136, 85); }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom { display: flex; justify-content: space-between; align-items: center; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .validity { border-right: 1px solid rgb(153, 153, 153); color: rgb(153, 153, 153); font-size: 12px; height: 26px; margin-bottom: 0px; padding-right: 20px; width: 56%; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .validity span { font-size: 18px; color: rgb(255, 136, 85); }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group { overflow-x: scroll; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul { display: flex; margin-bottom: 0px; padding-left: 20px; }



.mobile .audio-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul li { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 4px 12px; color: rgb(153, 153, 153); margin-right: 20px; }



.mobile .audio-course .course-detail-info { background-color: rgb(255, 255, 255); padding: 20px; }



.mobile .audio-course .course-detail-info ul { margin-bottom: 30px; border-bottom: none; }



.mobile .audio-course .course-detail-info ul li { color: rgb(102, 102, 102); font-size: 18px; margin-right: 40px; }



.mobile .audio-course .course-detail-info ul li.active > a { color: rgb(255, 68, 68); border-bottom: 4px solid rgb(255, 68, 68); font-weight: 600; }



.mobile .audio-course .course-detail-info ul li a { border: none; padding: 0px; }



.mobile .audio-course .course-detail-info .recommend li { margin-right: 0px; }



.mobile .audio-course .course-detail-info .recommend li:not(:last-child) { border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 15px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item { padding-bottom: 15px; display: flex; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-left { flex: 7 1 0px; padding-right: 14px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-left video { width: 100%; height: 100%; background-color: rgb(153, 153, 153); border-radius: 4px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right { flex: 11 1 0px; display: flex; flex-direction: column; font-size: 12px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-title { font-size: 16px; margin-bottom: 20px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info { display: flex; justify-content: space-between; align-items: center; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price { margin-bottom: 0px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .new { color: rgb(255, 68, 68); font-size: 18px; margin-right: 10px; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .old { text-decoration: line-through; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy { display: flex; }



.mobile .audio-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy .icon { width: 18px; height: 18px; background-image: url("/assets/visual-editor/images/cart-icon.png"); }



.mobile .audio-course .course-detail-info .comment .comment-item { border-bottom: 1px solid rgb(240, 240, 240); }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info { margin-bottom: 10px; display: flex; align-items: center; }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .avatar { width: 32px; height: 32px; border-radius: 50%; margin-right: 12px; }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center { flex: 1 1 0%; display: flex; flex-direction: column; }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center .phone-num { color: rgb(48, 49, 51); }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .info-center .date { font-size: 12px; color: rgb(143, 147, 154); }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-info .star-group img { width: 12px; height: 12px; }



.mobile .audio-course .course-detail-info .comment .comment-item .comment-content { margin-bottom: 12px; }



.mobile .audio-course .course-detail-info .comment .comment-item .img-content { height: 100px; display: flex; align-items: center; flex-wrap: wrap; }



.mobile .audio-course .course-detail-info .comment .comment-item .img-content img { width: 100px; height: fit-content; margin-right: 10px; }



.pc .live-stream-course { padding: 40px; background-color: rgb(255, 255, 255); }



.pc .live-stream-course .hidden-sm { display: none; }



.pc .live-stream-course .line { margin: 0px 20px; background-color: rgb(221, 221, 221); width: 1px; height: 20px; display: inline-block; }



.pc .live-stream-course .live-stream-panel .panel-left video { display: block; width: 100%; background-color: rgb(240, 240, 240); }



.pc .live-stream-course .live-stream-panel .panel-left .controller { position: absolute; margin: auto; inset: 0px; width: 80px; height: 80px; }



.pc .live-stream-course .live-stream-panel .panel-left .controller img { width: 100%; height: 100%; }



.pc .live-stream-course .live-stream-panel .panel-right > * { margin-bottom: 20px; }



.pc .live-stream-course .live-stream-panel .panel-right .course-title { font-size: 24px; }



.pc .live-stream-course .live-stream-panel .panel-right .label-group { color: rgb(153, 153, 153); display: flex; }



.pc .live-stream-course .live-stream-panel .panel-right .label-group li { padding: 4px 12px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin-right: 20px; }



.pc .live-stream-course .live-stream-panel .panel-right .price .new { color: rgb(208, 2, 27); font-size: 24px; font-weight: 600; margin-right: 5px; }



.pc .live-stream-course .live-stream-panel .panel-right .price .old { color: rgb(144, 147, 153); text-decoration: line-through; }



.pc .live-stream-course .live-stream-panel .panel-right .start-play-time .time { font-weight: 600; font-size: 18px; }



.pc .live-stream-course .live-stream-panel .panel-right .has-sell { display: flex; align-items: center; flex: 1 1 0px; }



.pc .live-stream-course .live-stream-panel .panel-right .has-sell .num { font-weight: 600; font-size: 18px; }



.pc .live-stream-course .live-stream-panel .panel-right .btn-group { display: flex; justify-content: space-between; }



.pc .live-stream-course .live-stream-panel .panel-right .btn-group div { border-radius: 4px; padding: 10px 40px; font-size: 18px; color: rgb(255, 255, 255); background-color: rgb(250, 144, 0); cursor: pointer; }



.pc .live-stream-course .live-stream-panel .panel-right .btn-group div.buy { background-color: rgb(235, 49, 45); }



.pc .live-stream-course .live-stream-panel .panel-right .hasbuy { background-color: rgb(182, 182, 182); color: rgb(255, 255, 255); font-size: 18px; padding: 10px 0px; border-radius: 4px; text-align: center; margin-bottom: 0px; }



.pc .live-stream-course .share-box { margin-top: 20px; }



.pc .live-stream-course .share-box .share { display: flex; justify-content: space-between; align-items: center; }



.pc .live-stream-course .share-box .share .share-left { display: flex; align-items: center; }



.pc .live-stream-course .share-box .share .share-left ul { display: flex; margin-bottom: 0px; }



.pc .live-stream-course .share-box .share .share-left ul img { width: 32px; }



.pc .live-stream-course .detail-info .main-title { padding-top: 20px; font-size: 18px; display: flex; border-bottom: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); position: relative; }



.pc .live-stream-course .detail-info .main-title div:nth-child(3) { flex: 1 1 0px; }



.pc .live-stream-course .detail-info .main-title a { color: rgb(102, 102, 102); margin-right: 50px; padding-bottom: 12px; }



.pc .live-stream-course .detail-info .main-title a.active { color: rgb(45, 141, 240); border-bottom: 4px solid rgb(45, 141, 240); }



.pc .live-stream-course .detail-info .main-title .mobile-buy { cursor: pointer; display: flex; align-items: center; padding-bottom: 12px; }



.pc .live-stream-course .detail-info .main-title .mobile-buy .icon { margin-left: 8px; width: 18px; height: 18px; background-image: url("/assets/visual-editor/images/qrcode-icon.png"); }



.pc .live-stream-course .detail-info .main-title .code { padding: 20px; position: absolute; bottom: -150px; right: 0px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 7px 0px; z-index: 1; background-color: rgb(255, 255, 255); }



.pc .live-stream-course .detail-info .main-content { padding-top: 40px; }



.pc .live-stream-course .detail-info .main-content .title { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; margin-bottom: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box { margin-bottom: 40px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips { padding: 20px 20px 30px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); margin: 20px 0px; position: relative; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .lock { width: 28px; height: 28px; background-image: url("/assets/visual-editor/images/lock1.png"); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .text { color: rgb(51, 51, 51); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .coin { background-color: rgb(255, 255, 255); color: rgb(208, 2, 27); padding: 6px 23px; border-radius: 18px; border: 1px solid rgb(81, 88, 102); font-size: 18px; font-weight: 600; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .paid { margin-bottom: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .content .paid span { color: rgb(45, 141, 240); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-hide-tips .hide-text { position: absolute; font-size: 50px; height: 60px; color: rgb(233, 233, 233); text-align: center; inset: 0px; margin: auto; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips { padding: 20px 20px 30px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); margin: 20px 0px; position: relative; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .title { font-size: 14px; margin: 10px 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .copy { color: rgb(153, 153, 153); font-size: 12px; padding: 4px 8px; border-radius: 4px; background-color: rgb(255, 255, 255); cursor: pointer; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .lock { width: 28px; height: 28px; background-image: url("/assets/visual-editor/images/lock2.png"); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; color: rgb(102, 102, 102); word-break: break-all; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info p { margin-bottom: 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info span { color: rgb(51, 51, 51); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .zb-info .left { width: 85%; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box { display: flex; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box img { width: 120px; height: 120px; margin: 0px 30px 0px 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right { display: flex; flex-direction: column; align-items: flex-start; color: rgb(102, 102, 102); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .time { flex: 1 1 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .time span { color: rgb(51, 51, 51); }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .save-btn { padding: 4px 66px; background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(151, 151, 151); color: rgb(51, 51, 51); cursor: pointer; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-show-tips .bottom-box .box-right .save-btn .icon { background-image: url("/assets/visual-editor/images/xz-icon.png"); width: 16px; height: 16px; display: inline-block; margin-right: 6px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box img { width: 100%; margin-bottom: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .content-box .content-text { line-height: 24px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .title { color: rgb(51, 51, 51); font-size: 18px; font-weight: 600; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label { display: flex; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label li { padding: 5px 12px; border: 1px solid rgb(221, 221, 221); color: rgb(153, 153, 153); border-radius: 4px; margin-right: 20px; cursor: pointer; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box ul.comment-label li.active { border: 1px solid rgb(45, 141, 240); }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item { padding: 20px 0px; display: flex; align-items: flex-start; border-bottom: 1px solid rgb(221, 221, 221); }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item:last-child { border-bottom: none; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info { flex: 1 1 0px; display: flex; align-items: center; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar { margin-right: 10px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .avatar img { border-radius: 50%; width: 50px; height: 50px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .info .name { color: rgb(153, 153, 153); }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content { flex: 3 1 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message { display: flex; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-message .star-group { width: 140px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .comment-content { margin: 12px 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul { margin-bottom: 20px; display: flex; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul li { margin-right: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .pic-list ul img { width: 100px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message { display: flex; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-message .text { width: 140px; }



.pc .live-stream-course .detail-info .main-content .content-left .comment-box .comment-item .content .append-commit .append-content { padding: 12px 0px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box { box-shadow: rgba(221, 221, 221, 0.6) 0px 0px 4px 1px; border-radius: 8px; padding: 20px 10px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box .score { display: flex; margin-bottom: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box .score .text { margin-right: 20px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box textarea { border: 1px solid rgb(221, 221, 221); width: 100%; resize: none; outline: 0px; margin-bottom: 10px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box .release { display: flex; align-items: center; justify-content: space-between; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box .release .upload { background-color: rgb(245, 245, 245); border: 1px solid rgb(221, 221, 221); display: flex; flex-direction: column; align-items: center; font-size: 10px; cursor: pointer; padding: 5px; }



.pc .live-stream-course .detail-info .main-content .content-left .release-box .release .release-btn { background-color: rgb(45, 141, 240); border-radius: 4px; color: rgb(255, 255, 255); padding: 9px 30px; font-size: 18px; cursor: pointer; }



.pc .live-stream-course .detail-info .main-content .recommend { border: 1px solid rgb(221, 221, 221); border-radius: 6px; padding: 20px; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item { display: flex; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-left { flex: 7 1 0%; border-radius: 4px; background: rgba(0, 0, 0, 0.3); margin-right: 14px; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-left video { width: 100%; height: 100%; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right { flex: 9 1 0%; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .item-title { font-size: 16px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .buy-num { color: rgb(102, 102, 102); font-size: 12px; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price { display: flex; align-items: center; margin-bottom: 0px; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price .new { font-size: 18px; color: rgb(208, 2, 27); margin-right: 10px; font-weight: 600; }



.pc .live-stream-course .detail-info .main-content .recommend .recommend-item .item-right .price .old { font-size: 12px; color: rgb(143, 147, 154); text-decoration: line-through; }



.mobile .live-stream-course .hidden-xs { display: none; }



.mobile .live-stream-course .course-main-content { background-color: rgb(255, 255, 255); margin-bottom: 16px; }



.mobile .live-stream-course .course-main-content .course-content { background-color: rgb(0, 0, 0); padding: 69px 0px; position: relative; }



.mobile .live-stream-course .course-main-content .course-content .icon { width: 30px; height: 30px; top: 20px; position: absolute; cursor: pointer; }



.mobile .live-stream-course .course-main-content .course-content .back-icon { left: 20px; background-image: url("/assets/visual-editor/images/video-detail/icon-back.png"); }



.mobile .live-stream-course .course-main-content .course-content .share-icon { right: 20px; background-image: url("/assets/visual-editor/images/video-detail/icon-share.png"); }



.mobile .live-stream-course .course-main-content .course-content video { background-color: rgb(172, 168, 168); width: 100%; }



.mobile .live-stream-course .course-main-content .course-content .controller { position: absolute; margin: auto; inset: 0px; width: 60px; height: 60px; }



.mobile .live-stream-course .course-main-content .course-content .controller img { width: 100%; height: 100%; }



.mobile .live-stream-course .course-main-content .course-info-panel { padding: 16px 20px; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-title { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center { padding: 10px 0px 15px; display: flex; justify-content: space-between; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price { display: flex; align-items: center; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price .new { color: rgb(255, 68, 68); font-size: 24px; font-weight: 600; margin-right: 10px; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .price .old { font-size: 12px; color: rgb(143, 147, 154); text-decoration: line-through; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy { font-size: 12px; display: flex; align-items: center; color: rgb(153, 153, 153); }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy > p { margin-bottom: 0px; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-center .has-buy > p span { color: rgb(255, 136, 85); }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom { display: flex; justify-content: space-between; align-items: center; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .validity { border-right: 1px solid rgb(153, 153, 153); color: rgb(153, 153, 153); font-size: 12px; height: 26px; margin-bottom: 0px; padding-right: 20px; width: 56%; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .validity span { font-size: 18px; color: rgb(255, 136, 85); }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group { overflow-x: scroll; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul { display: flex; margin-bottom: 0px; padding-left: 20px; }



.mobile .live-stream-course .course-main-content .course-info-panel .course-info-bottom .course-label-group ul li { border: 1px solid rgb(221, 221, 221); border-radius: 4px; padding: 4px 12px; color: rgb(153, 153, 153); margin-right: 20px; }



.mobile .live-stream-course .course-detail-info { background-color: rgb(255, 255, 255); padding: 20px; }



.mobile .live-stream-course .course-detail-info ul { margin-bottom: 30px; border-bottom: none; }



.mobile .live-stream-course .course-detail-info ul li { color: rgb(102, 102, 102); font-size: 18px; margin-right: 40px; }



.mobile .live-stream-course .course-detail-info ul li.active > a { color: rgb(255, 68, 68); border-bottom: 4px solid rgb(255, 68, 68); font-weight: 600; }



.mobile .live-stream-course .course-detail-info ul li a { border: none; padding: 0px; }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips { padding: 10px 10px 20px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); margin: 20px 0px; position: relative; }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .lock { width: 28px; height: 28px; background-image: url("/assets/visual-editor/images/lock1.png"); }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .text { color: rgb(51, 51, 51); }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .hide-text { color: rgb(233, 233, 233); font-size: 32px; white-space: nowrap; overflow: hidden; width: 100%; }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .paid { margin-bottom: 20px; }



.mobile .live-stream-course .course-detail-info .main-content .content-hide-tips .content .paid span { color: rgb(45, 141, 240); }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips { padding: 20px 20px 30px; border: 1px dashed rgb(204, 204, 204); border-radius: 4px; background-color: rgb(246, 246, 246); margin: 20px 0px; position: relative; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .title { font-size: 14px; margin: 10px 0px; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .copy { color: rgb(153, 153, 153); font-size: 12px; padding: 4px 8px; border-radius: 4px; background-color: rgb(255, 255, 255); cursor: pointer; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .lock { width: 28px; height: 28px; background-image: url("/assets/visual-editor/images/lock2.png"); }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; color: rgb(102, 102, 102); word-break: break-all; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info p { margin-bottom: 0px; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info span { color: rgb(51, 51, 51); }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .zb-info .left-box { width: 75%; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box { display: flex; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .img-box { flex: 1 1 0px; margin: 0px 20px 0px 0px; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .img-box img { width: 100%; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right { flex: 2 1 0px; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; color: rgb(102, 102, 102); }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .video-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .time { flex: 1 1 0px; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .time span { color: rgb(51, 51, 51); }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .save-btn { padding: 4px 0px; text-align: center; background-color: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(151, 151, 151); color: rgb(51, 51, 51); cursor: pointer; width: 100%; }



.mobile .live-stream-course .course-detail-info .main-content .content-show-tips .bottom-box .box-right .save-btn .icon { background-image: url("/assets/visual-editor/images/xz-icon.png"); width: 16px; height: 16px; display: inline-block; margin-right: 6px; }



.mobile .live-stream-course .course-detail-info .recommend li { margin-right: 0px; }



.mobile .live-stream-course .course-detail-info .recommend li:not(:last-child) { border-bottom: 1px solid rgb(238, 238, 238); margin-bottom: 15px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item { padding-bottom: 15px; display: flex; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-left { flex: 7 1 0px; padding-right: 14px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-left video { width: 100%; height: 100%; background-color: rgb(153, 153, 153); border-radius: 4px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right { flex: 11 1 0px; display: flex; flex-direction: column; font-size: 12px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-title { font-size: 16px; margin-bottom: 20px; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info { display: flex; justify-content: space-between; align-items: center; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price { margin-bottom: 0px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .new { color: rgb(255, 68, 68); font-size: 18px; margin-right: 10px; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .price .old { text-decoration: line-through; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy { display: flex; }



.mobile .live-stream-course .course-detail-info .recommend .zb-recommend-item .item-right .item-info .buy .icon { width: 18px; height: 18px; background-image: url("/assets/visual-editor/images/cart-icon.png"); }



.mobile .live-stream-course .course-detail-info .comment .comment-item { border-bottom: 1px solid rgb(240, 240, 240); }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info { margin-bottom: 10px; display: flex; align-items: center; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .avatar { width: 32px; height: 32px; border-radius: 50%; margin-right: 12px; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center { flex: 1 1 0%; display: flex; flex-direction: column; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center .phone-num { color: rgb(48, 49, 51); }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .info-center .date { font-size: 12px; color: rgb(143, 147, 154); }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-info .star-group img { width: 12px; height: 12px; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .comment-content { margin-bottom: 12px; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .img-content { height: 100px; display: flex; align-items: center; flex-wrap: wrap; }



.mobile .live-stream-course .course-detail-info .comment .comment-item .img-content img { width: 100px; height: fit-content; margin-right: 10px; }



.shop_goods_detail-container { --main_color: #ca141d; --secondary_color: #FF5802; }



.shop_goods_detail-container p, .shop_goods_detail-container ul { margin-bottom: 0px; }



.shop_goods_detail-container .shop_goods-detail-content * { max-width: 100%; }



.shop_goods_detail-container .receive-coupons-modal { position: fixed; background-color: rgba(0, 0, 0, 0.4); inset: 0px; z-index: 999; transition: 0.3s; display: none; }



.shop_goods_detail-container .receive-coupons-modal .modal-close { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; cursor: pointer; background: url("/assets/visual-editor/images/shop_goods_detail/icon50.png") 0px -160px no-repeat; z-index: 2; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); width: 768px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .title { text-align: center; padding: 18px 0px 15px; font-size: 18px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content { padding: 0px 50px 34px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list { display: flex; flex-wrap: wrap; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li { width: 49%; margin-bottom: 16px; background-color: rgb(253, 245, 247); border-radius: 8px; padding: 15px; display: flex; justify-content: flex-start; align-items: center; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li:nth-child(2n+1) { margin-right: 2%; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box { padding-right: 10px; color: rgb(230, 69, 102); border-right: 1px dashed rgba(230, 69, 102, 0.067); }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price { font-size: 24px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price span { font-size: 12px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .tips { font-size: 12px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail { display: flex; flex-direction: column; flex: 1 1 0%; padding-left: 10px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .time { font-size: 12px; }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .grey { font-size: 12px; color: rgb(153, 153, 153); }



.shop_goods_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .receive { color: rgb(255, 255, 255); background-color: rgb(230, 69, 102); line-height: 28px; width: 56px; text-align: center; border-radius: 14px; cursor: pointer; }



.shop_goods_detail-container .addcart-modal { position: fixed; background-color: rgba(0, 0, 0, 0.4); inset: 0px; z-index: 999; transition: 0.3s; display: none; }



.shop_goods_detail-container .addcart-modal .modal-close { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; cursor: pointer; background: url("/assets/visual-editor/images/shop_goods_detail/icon50.png") 0px -160px no-repeat; z-index: 2; }



.shop_goods_detail-container .addcart-modal .modal-main-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); width: 468px; }



.shop_goods_detail-container .addcart-modal .modal-main-content .content { padding: 30px; }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .text { font-size: 18px; color: rgb(68, 68, 68); }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group { display: flex; margin-top: 20px; }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group div { font-size: 18px; border-radius: 2px; height: 44px; line-height: 44px; cursor: pointer; text-align: center; width: 50%; }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .cancel-btn { border: 1px solid rgb(221, 221, 221); margin-right: 5px; }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .cancel-btn:hover { border-color: rgb(136, 136, 136); }



.shop_goods_detail-container .addcart-modal .modal-main-content .content .btn-group .ok-btn { background-color: var(--main_color); color: rgb(255, 255, 255); margin-left: 5px; }



.shop_goods_detail-container .shop_goods_detail-style0 { color: rgb(58, 58, 58); background-color: rgb(255, 255, 255); margin-top: 20px; }



.shop_goods_detail-container .shop_goods_detail-style0 .container { width: 1270px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap { padding-bottom: 40px; border-bottom: 1px solid rgb(221, 221, 221); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content { position: sticky; top: 0px; z-index: 10; width: 40%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content .gallery-wrap { width: 450px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .left-content > img { width: 100%; height: 450px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content { padding-right: 0px; width: 60%; padding-left: 35px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .title { font-size: 21px; margin-bottom: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .intro { color: var(--main_color); margin-bottom: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .label-group { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .label-group li { font-size: 12px; margin-right: 15px; border-radius: 4px; padding: 0px 5px; border: 1px solid var(--main_color); color: var(--main_color); height: 20px; line-height: 18px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info { background-color: rgb(245, 245, 245); line-height: 30px; margin-bottom: 20px; margin-top: 20px; position: relative; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy { background-image: linear-gradient(90deg,var(--main_color) 0,var(--main_color) 100%); color: rgb(255, 255, 255); width: 100%; height: 36px; padding: 0px 10px; display: flex; align-items: center; font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-title { font-size: 18px; padding-left: 35px; position: relative; flex: 1 1 0%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-title::before { content: ""; width: 16px; height: 16px; background: url("/assets/visual-editor/images/shop_goods_detail/timelimit.png") 0px -16px / 100% no-repeat; top: 7px; left: 10px; position: absolute; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce { background-image: none; background-color: rgba(0, 0, 0, 0.1); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-title { color: var(--main_color); flex: 0 0 auto; margin-right: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-title::before { background-position: 0px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .info { font-size: 14px; color: rgba(0, 0, 0, 0.4); display: flex; flex: 1 1 0%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .info p { margin-right: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-counter .text { color: rgba(0, 0, 0, 0.4); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy.rush-buy-announce .rush-buy-counter .counter { background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-progress { margin-right: 16px; position: relative; width: 136px; height: 16px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-progress span { position: absolute; left: 8px; top: 0px; line-height: 16px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter { display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter .text { margin-right: 5px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter .counter { background-color: rgb(255, 255, 255); color: var(--main_color); height: 20px; padding: 0px 4px; border-radius: 2px; line-height: 20px; text-align: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .rush-buy .rush-buy-counter b { margin: 0px 5px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .info-box { padding: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list .tit { margin-right: 20px; font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box { display: flex; flex: 1 1 0%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price { color: var(--main_color); font-size: 24px; margin-right: 4px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price.new-price span:first-child { font-size: 18px; float: left; line-height: 32px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .left-box .price.old-price { font-size: 14px; color: var(--gw-theme-color); text-decoration: line-through; font-weight: 700; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box { display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .line { background-color: rgb(221, 221, 221); width: 1px; height: 16px; margin: 0px 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .num { color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.price-box .right-box .text { color: rgb(102, 102, 102); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.promotion-box .item { display: flex; font-size: 12px; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.promotion-box .item .tag { border: 1px solid var(--main_color); padding: 0px 6px; color: var(--main_color); margin-right: 10px; line-height: 18px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group { display: flex; align-items: center; font-size: 12px; flex-wrap: wrap; flex: 1 1 0%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket { background-color: rgb(239, 90, 98); position: relative; color: rgb(255, 255, 255); cursor: pointer; margin: 0px 15px 5px 5px; line-height: 20px; padding: 0px 2px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket::before { content: ""; position: absolute; width: 5px; left: -5px; top: 0px; height: 20px; background: url("/assets/visual-editor/images/shop_goods_detail/ticket.png") 0px 0px no-repeat; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box .ticket-group .ticket::after { content: ""; position: absolute; width: 5px; right: -5px; top: 0px; height: 20px; background: url("/assets/visual-editor/images/shop_goods_detail/ticket.png") -5px 0px no-repeat; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-info .product-info-list.discount-box span { cursor: pointer; color: var(--main_color); font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info { padding-left: 10px; border-bottom: 1px solid rgb(221, 221, 221); font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item .tit { margin-right: 20px; margin-bottom: 16px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item .fee { color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul li { margin-right: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .sale-info .item ul li img { width: 20px; height: 20px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box { margin-top: 20px; padding-left: 10px; font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item { display: flex; line-height: 30px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .tit { width: 75px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail { display: flex; flex: 1 1 0%; flex-wrap: wrap; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li { margin-right: 10px; border: 1px solid rgb(164, 164, 164); padding: 0px; border-radius: 2px; cursor: pointer; position: relative; margin-bottom: 10px; display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li:hover { border-color: rgb(113, 113, 113); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li .sku-img { width: 20px; height: 26px; margin: 2px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li .sku-name { padding: 0px 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li.selected { border: 1px solid var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li.selected span { display: block; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .choose-item .product-choose-detail li span { display: none; position: absolute; bottom: -3px; line-height: normal; right: -3px; font-size: 22px; color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend { display: flex; flex-wrap: wrap; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend .tit { width: 75px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li { margin: 0px 10px 10px 0px; border: 1px solid rgb(214, 214, 214); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li:hover { border-color: rgb(113, 113, 113); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li:hover a { color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a { display: flex; width: 141px; height: 66px; border-radius: 2px; padding: 8px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a img { height: 100%; width: 48px; margin-right: 6px; position: relative; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a img::after { content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; background: url("/assets/visual-editor/images/shop_goods_detail/empty.png") 0% 0% / 100% 100% no-repeat rgb(255, 255, 255); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .product-choose .recommend li a p { height: 36px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .choose-result { margin-bottom: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .choose-box .choose-result .selected-result { color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate { display: flex; padding-left: 10px; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock { margin-right: 8px; border: 1px solid rgb(214, 214, 214); position: relative; display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-text { width: 44px; outline: 0px; text-align: center; font-size: 18px; border: 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn { display: flex; flex-direction: column; border-left: 1px solid rgb(226, 226, 226); align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn .add { border-bottom: 1px solid rgb(226, 226, 226); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn a { padding: 0px 5px; display: block; font-weight: 700; color: rgb(119, 119, 119); font-size: 16px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-stock .product-stock-btn a.not-allow { color: rgb(196, 196, 196); cursor: not-allowed; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn { font-size: 18px; color: rgb(255, 255, 255); cursor: pointer; padding: 0px 40px; line-height: 47px; background-color: var(--main_color); margin-right: 20px; border-radius: 2px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn:hover { opacity: 0.8; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn.addcart { background-color: var(--secondary_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn.gift { background: rgb(255, 255, 255); color: rgb(51, 51, 51); border: 1px solid var(--main_color); display: flex; align-items: center; padding: 0px 24px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-wrap .right-content .product-operate .product-btn.gift .img { width: 24px; height: 24px; margin-right: 5px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab { background-color: rgb(255, 255, 255); padding: 30px 0px; width: 100%; z-index: 100; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab.fixed { padding: 10px 0px; position: fixed; top: 0px; box-shadow: rgb(221, 221, 221) 0px 1px 2px; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul { display: flex; justify-content: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul li { font-size: 18px; margin: 0px 25px; cursor: pointer; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul li.selected { border-bottom: 2px solid var(--main_color); color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile { position: relative; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content { display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content .small-code { width: 25px; height: 26px; display: inline-block; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .content .small-code img { width: 100%; height: 100%; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .qrcode-box { width: 150px; height: 150px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border: 0px solid rgb(235, 238, 245); background-color: rgb(255, 255, 255); position: absolute; display: none; z-index: 10; }



.shop_goods_detail-container .shop_goods_detail-style0 .product-tab ul #show-onmobile .qrcode-box img { width: 100%; height: 100%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-info { font-size: 16px; line-height: 2; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-info img, .shop_goods_detail-container .shop_goods_detail-style0 #product-info video { max-width: 100%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param { padding-top: 60px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param .title { border-bottom: 1px solid rgb(204, 204, 204); font-size: 18px; padding-left: 14px; padding-bottom: 14px; position: relative; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param .title::before { content: ""; width: 4px; height: 23px; background-color: var(--main_color); position: absolute; left: 0px; top: 1px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box { font-size: 16px; display: flex; flex-direction: column; margin-top: 24px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box li { display: flex; margin-bottom: 24px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-param .param-box li .name { width: 128px; margin-right: 54px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment { border-top: 1px solid rgb(234, 234, 234); padding-top: 60px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score { margin-left: 16px; padding-bottom: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score span { color: var(--main_color); font-size: 56px; margin-bottom: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score span:nth-child(2) { font-size: 16px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-score p { font-size: 12px; margin-left: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab { padding: 16px 0px 17px 16px; border-top: 1px dashed rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); display: flex; justify-content: space-between; flex-wrap: wrap; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul li { margin-right: 25px; cursor: pointer; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab ul li.selected { color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right input { cursor: pointer; display: inline-block; width: 14px; height: 14px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right input:checked { background-color: var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-tab .tab-right span { color: rgb(102, 102, 102); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list { display: flex; flex-direction: column; font-size: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item { padding: 20px 0px 20px 16px; display: flex; justify-content: space-between; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box { display: flex; flex-direction: column; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar { width: 70px; height: 70px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname { margin-top: 6px; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail { margin-top: 16px; padding-left: 60px; flex: 1 1 0%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box { display: flex; justify-content: space-between; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star { margin-bottom: 5px; background: url("/assets/visual-editor/images/shop_goods_detail/star12.png"); width: 110px; height: 30px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 { background-position: 110px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 { background-position: 88px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 { background-position: 66px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 { background-position: 44px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 { background-position: 22px 0px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time { color: rgb(164, 164, 164); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content { word-break: break-all; margin-bottom: 10px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img { padding-top: 15px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap { width: 88px; height: 88px; padding: 2px; margin-right: 10px; cursor: zoom-in; border: 2px solid rgb(255, 255, 255); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected { border: 2px solid var(--main_color); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img { width: 100%; height: 100%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big { display: none; margin-top: 16px; cursor: zoom-out; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img { max-width: 410px; max-height: 410px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku { color: rgb(164, 164, 164); margin-top: 21px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply { padding-top: 40px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar { float: left; width: 32px; height: 32px; margin-right: 12px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box { float: left; width: 596px; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname { margin-bottom: 6px; color: rgb(202, 20, 29); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content { color: rgb(113, 113, 113); }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .no-comment { min-height: 200px; border-bottom: 1px solid rgb(234, 234, 234); color: rgb(164, 164, 164); text-align: center; }



.shop_goods_detail-container .shop_goods_detail-style0 #product-comment .product-comment-content .product-comment-list .no-comment::before { content: ""; display: block; width: 80px; height: 80px; margin: 40px auto 20px; background: url("/assets/visual-editor/images/shop_goods_detail/empty.png") 0% 0% / 100% no-repeat; }



.shop_goods_detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .shop_goods_detail-container .gw-align-container { max-width: var(--max-width); }

}



.shop_goods_detail-container .shop_goods_detail-style1 { background-color: rgb(255, 255, 255); padding-top: 20px; color: rgb(0, 0, 0); font-size: 16px; }



.shop_goods_detail-container .shop_goods_detail-style1.print .calculate, .shop_goods_detail-container .shop_goods_detail-style1.print .detail-info-box, .shop_goods_detail-container .shop_goods_detail-style1.print .quality-control, .shop_goods_detail-container .shop_goods_detail-style1.print .recommend { display: none; }



.shop_goods_detail-container .shop_goods_detail-style1 label, .shop_goods_detail-container .shop_goods_detail-style1 p, .shop_goods_detail-container .shop_goods_detail-style1 ul { margin-bottom: 0px; }



.shop_goods_detail-container .shop_goods_detail-style1 a { color: rgb(0, 122, 195); text-underline-offset: 2px; }



.shop_goods_detail-container .shop_goods_detail-style1 a:hover { text-decoration: underline; }



.shop_goods_detail-container .shop_goods_detail-style1 .bold { font-weight: 700; }



.shop_goods_detail-container .shop_goods_detail-style1 .one-row { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.shop_goods_detail-container .shop_goods_detail-style1 .border-right { border-right: 1px solid rgb(200, 201, 202); }



.shop_goods_detail-container .shop_goods_detail-style1 .batch-select { width: 70px; height: 27px; outline: 0px; padding-left: 5px; border-radius: 0px; appearance: none; background: url("/assets/visual-editor/images/shop_goods_detail/style2/yellow-arrow.png") 50px center no-repeat scroll transparent; }



.shop_goods_detail-container .shop_goods_detail-style1 .func-module { font-size: 14px; margin-bottom: 50px; }



.shop_goods_detail-container .shop_goods_detail-style1 .func-module .title { background-color: var(--main_color); border-radius: 20px 20px 0px 0px; color: rgb(255, 255, 255); height: 50px; text-indent: 30px; font-size: 22px; font-weight: 700; line-height: 46px; }



.shop_goods_detail-container .shop_goods_detail-style1 .func-module .module-box { box-shadow: rgb(222, 231, 235) 0px 1px 5px 1px; border-radius: 0px 0px 20px 20px; border-right: 1px solid rgb(222, 231, 235); border-bottom: 1px solid rgb(222, 231, 235); border-left: 1px solid rgb(222, 231, 235); border-image: initial; border-top: none; background-color: rgb(255, 255, 255); padding: 20px 30px; }



.shop_goods_detail-container .shop_goods_detail-style1 .func-module .module-box.without-padding { padding: 0px; }



.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb { font-size: 14px; margin-bottom: 20px; }



.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb a { color: rgb(0, 176, 240); }



.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb i { margin: 0px 10px; }



.shop_goods_detail-container .shop_goods_detail-style1 .detail-breadcrumb .title { color: rgb(132, 132, 132); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info { margin-bottom: 45px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info { display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .title { margin: 0px 35px 0px 0px; font-size: 36px; color: rgb(0, 0, 0); text-decoration: none; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .tips { color: rgb(132, 132, 132); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .alternative-names { flex-grow: 1; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .label-item { background-color: rgb(249, 249, 249); padding: 0px 25px; display: inline-block; border-radius: 24px; text-align: center; line-height: 40px; font-size: 14px; color: rgb(0, 122, 195); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .print-btn { display: none; color: rgb(0, 122, 195); cursor: pointer; font-size: 20px; float: right; flex-shrink: 0; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .title-info .print-btn .icon { width: 21px; height: 26px; display: inline-block; background: url("/assets/visual-editor/images/shop_goods_detail/style2/print.png") -71px -10px no-repeat; margin-right: 5px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .abstract { font-size: 14px; margin: 15px 0px 10px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box { border-top: 1px solid rgb(200, 201, 202); border-bottom: 1px solid rgb(200, 201, 202); padding: 20px 0px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container { width: 100%; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container .swiper-wrapper { align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .swiper-container img { width: 100%; object-fit: contain; max-height: 300px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .goods-img .registry-number { font-size: 14px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box table td { height: 36px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info { margin-top: 20px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group { display: flex; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group > div { font-size: 20px; font-weight: 600; border-radius: 5px; cursor: pointer; color: rgb(255, 255, 255); padding: 9px 0px; width: 220px; text-align: center; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .add-cart { padding-left: 40px; background: url("/assets/visual-editor/images/shop_goods_detail/style2/cart.png") 25px 10px no-repeat, linear-gradient(rgb(252, 93, 55), rgb(230, 69, 37)); margin-right: 15px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .add-cart:hover { background: url("/assets/visual-editor/images/shop_goods_detail/style2/cart.png") 25px 10px no-repeat, linear-gradient(rgb(242, 93, 55), rgb(190, 69, 37)); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .order-btn { border: 1px solid rgb(89, 87, 87); color: rgb(89, 87, 87); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .btn-group .order-btn:hover { background: rgb(249, 249, 249); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery { margin-top: 10px; color: rgb(132, 132, 132); }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery .line span { margin-right: 20px; }



.shop_goods_detail-container .shop_goods_detail-style1 .top-info .detail-info-box .right-info .delivery .line a { color: rgb(0, 176, 240); }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control select { width: 85px; background-position: 65px center; margin-right: 10px; }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .module-box { display: flex; align-items: center; }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group { display: flex; flex-wrap: wrap; }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li { padding: 10px 25px; background-color: rgb(249, 249, 249); border-radius: 100px; }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li:hover { background-color: rgb(232, 234, 242); }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li.enclosure { background-color: rgb(255, 255, 255); padding-left: 0px; }



.shop_goods_detail-container .shop_goods_detail-style1 .quality-control .label-group li.enclosure i { margin-right: 5px; }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter table { table-layout: fixed; width: 100%; }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter table tr:not(:last-child) { border-bottom: 1px solid rgb(200, 201, 202); }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter table td { padding: 10px 10px 10px 30px; height: 41px; }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter table td:first-child { border-right: 1px solid rgb(200, 201, 202); }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter .goods-img td { padding: 20px 30px; }



.shop_goods_detail-container .shop_goods_detail-style1 .parameter .goods-img img { width: 25%; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table { width: 100%; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table tr { border-bottom: 1px solid rgb(200, 201, 202); }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table tr:last-child { border-bottom: none; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td { padding: 10px; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td:first-child { padding-left: 30px; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table td:not(:first-child) { border-left: 1px solid rgb(200, 201, 202); }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition { background: url("/assets/visual-editor/images/shop_goods_detail/style2/partition.png") no-repeat; position: relative; width: 214px; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label { position: absolute; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:first-child { top: 19px; left: 10px; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:nth-child(2) { top: 5px; left: 100px; }



.shop_goods_detail-container .shop_goods_detail-style1 .specifications table .partition label:last-child { top: 5px; left: 174px; }



.shop_goods_detail-container .shop_goods_detail-style1 .recommend .list li { font-size: 16px; height: 35px; }



.mobile .gw-editor-page .shop_goods_detail-container .container { width: 100%; }



.mobile .gw-editor-page .shop_goods_detail-container .shop_goods { width: 100%; }



.mobile .gw-editor-page .shop_goods_detail-container .article-link-qrcode { display: none; }



.photos-detail-container .photos-detail-content * { max-width: 100%; }



@font-face { font-family: iconfont; src: url("/assets/cdn/fonts/font_2919558_s1kkmm3hl8k/iconfont.woff2?t=1639029314246") format("woff2"), url("/assets/cdn/fonts/font_2919558_s1kkmm3hl8k/iconfont.woff?t=1639029314246") format("woff"), url("/assets/cdn/fonts/font_2919558_s1kkmm3hl8k/iconfont.ttf?t=1639029314246") format("truetype"); }



.photos-detail-container .iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; }



.photos-detail-container .jz-shanchu::before { content: ""; }



.photos-detail-container .one-row { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.photos-detail-container .photos-detail-style1 .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .photos-detail-container .photos-detail-style1 .gw-align-container { max-width: var(--max-width); }

}



.pc .photos-detail-container .hidden-pc { display: none; }



.pc .photos-detail-style1 { background-color: rgb(255, 255, 255); }



.pc .photos-detail-style1 .comment-popup-box { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100; display: none; }



.pc .photos-detail-style1 .comment-popup-box .mask { transition: opacity 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); background-color: rgba(0, 0, 0, 0.05); position: absolute; inset: 0px; opacity: 1; }



.pc .photos-detail-style1 .comment-popup-box .content-drawer { position: absolute; top: 0px; right: 0px; width: 458px; height: 100%; transition: transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1), -moz-transform 0.3s cubic-bezier(0.34, 0.69, 0.1, 1); background-color: rgb(255, 255, 255); transform: translateX(458px); overflow: hidden; }



.pc .photos-detail-style1 .comment-popup-box .content-drawer.put-away { transform: translateX(0px); }



.pc .photos-detail-style1 .comment-popup-box .content-drawer .top-title { margin: 20px 0px 16px; padding: 0px 44px 0px 24px; font-weight: 600; line-height: 28px; font-size: 20px; position: relative; }



.pc .photos-detail-style1 .comment-popup-box .content-drawer .top-title .close-btn { position: absolute; top: 0px; right: 16px; width: 28px; height: 28px; cursor: pointer; background-image: url("/assets/visual-editor/images/close.svg"); }



.pc .photos-detail-style1 .comment-popup-box .content-drawer .body { padding: 0px 24px; overflow-y: scroll; position: absolute; height: 90%; top: 64px; width: 100%; }



.pc .photos-detail-style1 .comment-popup-box .content-drawer .body .no-more { font-size: 16px; text-align: center; color: rgb(153, 153, 153); line-height: 22px; }



.pc .photos-detail-style1 .header-info-wrap { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); }



.pc .photos-detail-style1 p { margin-bottom: 0px; }



.pc .photos-detail-style1 .offset-fixed { height: 56px; background-color: rgb(255, 255, 255); position: fixed; top: -56px; left: 0px; right: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px 0px; transition: top 0.2s linear; z-index: 99; width: 100%; display: flex; align-items: center; }



.pc .photos-detail-style1 .offset-fixed .content-wrap { display: flex; justify-content: space-between; }



.pc .photos-detail-style1 .offset-fixed .title { font-size: 16px; font-weight: 600; color: rgb(40, 40, 40); line-height: 30px; display: flex; align-items: center; }



.pc .photos-detail-style1 .offset-fixed .author-info { display: flex; align-items: center; }



.pc .photos-detail-style1 .offset-fixed .author-info .avatar { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; overflow: hidden; }



.pc .photos-detail-style1 .offset-fixed .author-info .avatar img { width: 100%; height: 100%; }



.pc .photos-detail-style1 .offset-fixed .author-info .nickname { font-size: 16px; }



.pc .photos-detail-style1 .offset-fixed .author-info .follow-btn { margin-left: 20px; color: rgb(255, 255, 255); text-align: center; padding: 0px 20px; border-radius: 4px; cursor: pointer; line-height: 28px; background-color: var(--main_color); }



.pc .photos-detail-style1 .offset-fixed .author-info .follow-btn:hover { opacity: 0.8; }



.pc .photos-detail-style1 .header-info { display: flex; }



.pc .photos-detail-style1 .header-info .left-details { padding: 13px 30px 20px 0px; border-right: 1px solid rgb(238, 238, 238); }



.pc .photos-detail-style1 .header-info .left-details .title { font-size: 24px; }



.pc .photos-detail-style1 .header-info .left-details .release-time { padding-top: 9px; color: rgb(187, 187, 187); }



.pc .photos-detail-style1 .header-info .left-details .work-head-box { display: flex; justify-content: space-between; color: rgb(187, 187, 187); padding-top: 8px; }



.pc .photos-detail-style1 .header-info .left-details .work-head-box ul { display: flex; margin-bottom: 0px; }



.pc .photos-detail-style1 .header-info .left-details .work-head-box .cates li:not(:last-child)::after { content: "/"; margin: 0px 16px; }



.pc .photos-detail-style1 .header-info .left-details .work-head-box .info li:not(:last-child) { border-right: 1px solid rgb(242, 242, 242); padding-right: 16px; margin-right: 16px; }



.pc .photos-detail-style1 .header-info .left-details .work-head-box .info i { margin-right: 8px; }



.pc .photos-detail-style1 .header-info .right-details { padding: 15px 0px 20px 30px; display: flex; }



.pc .photos-detail-style1 .header-info .right-details .avatar { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }



.pc .photos-detail-style1 .header-info .right-details .avatar img { width: 100%; height: 100%; }



.pc .photos-detail-style1 .header-info .right-details .author-info { margin-left: 20px; flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; }



.pc .photos-detail-style1 .header-info .right-details .author-info .nickname { margin-bottom: 2px; font-size: 16px; color: rgb(68, 68, 68); font-weight: 600; max-width: 88%; }



.pc .photos-detail-style1 .header-info .right-details .author-info .position-info { margin-bottom: 12px; color: rgb(187, 187, 187); font-size: 12px; }



.pc .photos-detail-style1 .header-info .right-details .author-info .follow-btn { border-radius: 4px; text-align: center; cursor: pointer; color: rgb(255, 255, 255); padding: 8px 40px; transition: 0.5s; background-color: var(--main_color); }



.pc .photos-detail-style1 .header-info .right-details .author-info .follow-btn:hover { opacity: 0.8; }



.pc .photos-detail-style1 .main-content { padding-top: 40px; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar { float: left; display: flex; flex-direction: column; align-items: center; z-index: 10; margin-right: 20px; position: sticky; top: 60px; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .divide { width: 24px; height: 1px; background-color: rgb(232, 232, 232); margin-bottom: 10px; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon { cursor: pointer; text-align: center; line-height: 24px; font-size: 20px; border-radius: 50%; margin-bottom: 10px; color: rgb(178, 186, 194); display: flex; flex-direction: column; align-items: center; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon:hover { color: rgb(138, 147, 160); }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .icon span { color: rgb(34, 34, 34); font-size: 12px; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .like-btn .icon-box { display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 4px 0px; width: 48px; height: 48px; border-radius: 50%; background-color: rgb(248, 248, 248); }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .like-btn.active { color: rgb(240, 65, 66); }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .collect-btn.active { color: rgb(255, 195, 71); }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar .share-title { color: rgb(198, 198, 198); font-size: 12px; text-align: center; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content { display: flex; flex-direction: column; align-items: center; }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content .social-share-icon { border: none rgb(178, 186, 194); color: rgb(178, 186, 194); }



.pc .photos-detail-style1 .main-content .detail-content .left-sidebar #share-content .social-share-icon:hover { color: rgb(255, 255, 255); }



.pc .photos-detail-style1 .main-content .detail-content .right-content { margin-left: 68px; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photos-detail-content { margin-bottom: 40px; font-size: 16px; line-height: 32px; color: rgb(102, 102, 102); }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content { flex: 1 1 0%; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content img { width: 100%; margin-bottom: 15px; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow { column-count: 4; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow.column-1 { column-count: 1; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow.column-2 { column-count: 2; }



.pc .photos-detail-style1 .main-content .detail-content .right-content .photo-content.waterfall-flow > a { display: block; }



.pc .photos-detail-style1 .main-content .label-group { display: flex; flex-wrap: wrap; margin: 20px 0px 0px 68px; padding-right: 15px; }



.pc .photos-detail-style1 .main-content .label-group li { margin: 0px 5px 5px 0px; border: 1px solid rgb(230, 230, 230); background-color: rgb(244, 244, 244); font-size: 13px; padding: 5px 10px; font-weight: 600; border-radius: 3px; line-height: 1; }



.pc .photos-detail-style1 .main-content .label-group li:hover { opacity: 0.8; }



.pc .photos-detail-style1 .main-content .label-group li a { color: rgb(85, 85, 85); }



.pc .photos-detail-style1 .main-content .album-nav { display: flex; justify-content: space-between; color: rgb(187, 187, 187); padding: 20px; margin-top: 40px; }



.pc .photos-detail-style1 .main-content .album-nav a { color: rgb(153, 153, 153); transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 100%; }



.pc .photos-detail-style1 .main-content .album-nav a:hover { color: var(--main_color); }



.pc .photos-detail-style1 .main-content .album-nav .album-nav-prev { width: 50%; border-right: 1px solid rgb(238, 238, 238); padding-right: 5px; margin-right: 5px; }



.pc .photos-detail-style1 .main-content .album-nav .album-nav-next { text-align: right; width: 50%; }



.pc .photos-detail-style1 .main-input { margin: 24px 0px 40px; display: flex; }



.pc .photos-detail-style1 .main-input .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.pc .photos-detail-style1 .main-input .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .photos-detail-style1 .main-input .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.pc .photos-detail-style1 .comment-box { margin: 40px 0px; }



.pc .photos-detail-style1 .comment-box .comment-area .title { font-size: 20px; font-weight: 600; }



.pc .photos-detail-style1 .comment-box .comment-area .main-input { margin: 24px 0px 40px; display: flex; }



.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .photos-detail-style1 .comment-box .comment-area .main-input .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.pc .photos-detail-style1 .comment-box .see-more-comment { background-color: rgb(248, 248, 248); border-radius: 4px; padding: 11px 0px; font-size: 16px; cursor: pointer; text-align: center; display: none; }



.pc .photos-detail-style1 .comment-box .see-more-comment:hover { opacity: 0.8; }



.pc .photos-detail-style1 .comment-box .see-more-comment i { margin-left: 5px; font-size: 20px; }



.pc .photos-detail-style1 .comment-input { flex: 1 1 0px; border-radius: 8px; padding: 16px; background-color: rgb(248, 248, 248); position: relative; }



.pc .photos-detail-style1 .comment-input .login-mask { position: absolute; top: 0px; left: 0px; background-color: rgb(248, 248, 248); cursor: pointer; width: 100%; height: 100%; z-index: 1; }



.pc .photos-detail-style1 .comment-input .login-mask p { font-size: 15px; color: rgb(34, 34, 34); line-height: 22px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.pc .photos-detail-style1 .comment-input .login-mask p span { color: rgb(240, 65, 66); margin: 0px 5px; }



.pc .photos-detail-style1 .comment-input .comment-textarea { font-size: 16px; outline: 0px; width: 100%; resize: none; border: 0px; line-height: 24px; transition: height 0.3s ease-in-out; height: 24px; background-color: rgb(248, 248, 248); max-height: 72px; overflow: auto; display: block; }



.pc .photos-detail-style1 .comment-input .comment-textarea.expand { height: 120px; }



.pc .photos-detail-style1 .comment-input .action { margin-top: 12px; text-align: right; }



.pc .photos-detail-style1 .comment-input .action .submit-btn { padding: 6px 18px; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(80, 80, 80); cursor: pointer; display: inline-block; }



.pc .photos-detail-style1 .comment-input .action .submit-btn:hover { background-color: rgb(112, 112, 112); }



.pc .photos-detail-style1 .comment-input .action .submit-btn.disable { opacity: 0.3; cursor: default; }



.pc .photos-detail-style1 .comment-list li { margin: 40px 0px; }



.pc .photos-detail-style1 .comment-list li .reply-list li { margin: 24px 0px; }



.pc .photos-detail-style1 .comment-list .comment-item { display: flex; align-items: flex-start; }



.pc .photos-detail-style1 .comment-list .comment-item .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.pc .photos-detail-style1 .comment-list .comment-item .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.pc .photos-detail-style1 .comment-list .comment-item .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info { flex: 1 1 0px; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header { display: flex; justify-content: space-between; font-size: 16px; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action { cursor: pointer; display: flex; align-items: center; justify-content: center; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action:hover { opacity: 0.8; }



@keyframes liked { 

  0% { width: 0px; height: 0px; }

  100% { width: 24px; height: 24px; }

}



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action .svg-wrap { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg { width: 24px; height: 24px; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action.liked span { color: rgb(240, 65, 66); }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .header .right-action.liked svg { animation: 0.3s cubic-bezier(0.3, 1.8, 0.3, 1) 0s 1 normal none running liked; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .content { margin: 8px 0px 12px; font-size: 16px; line-height: 24px; word-break: break-all; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .footer { color: rgb(153, 153, 153); }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .footer .reply { color: rgb(34, 34, 34); cursor: pointer; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .child-input { margin-top: 12px; }



.pc .photos-detail-style1 .comment-list .comment-item .comment-info .check-more-reply { margin-top: 16px; line-height: 20px; color: rgb(80, 80, 80); cursor: pointer; }



.pc .photos-detail-style1 .back-top { position: fixed; right: 40px; bottom: 40px; cursor: pointer; z-index: 99; display: none; }



.pc .photos-detail-style1 .back-top .icon-wrap { box-shadow: rgba(54, 56, 79, 0.08) 0px 2px 30px; border-radius: 50%; padding: 12px 0px; width: 48px; text-align: center; position: relative; background-color: rgb(255, 255, 255); }



.pc .photos-detail-style1 .back-top .icon-wrap img { width: 24px; height: auto; }



.pc .photos-detail-style1 .back-top .icon-wrap .bubble { display: none; line-height: 16px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.8); padding: 7px 8px; border-radius: 4px; position: absolute; white-space: nowrap; left: -11px; font-size: 12px; top: 50%; transform: translate(-100%, -50%); }



.mobile .photos-detail-container .hidden-mobile { display: none; }



.mobile .photos-detail-style1 .mobile-content { padding-bottom: 20px; background-color: var(--main_color); }



.mobile .photos-detail-style1 .mobile-content p { margin-bottom: 0px; }



.mobile .photos-detail-style1 .mobile-content .wx-share-mask { display: none; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background-image: url("/assets/visual-editor/images/article-detail-style3/wx-share.png"); z-index: 10; background-size: 70% 30%; background-repeat: no-repeat; background-position: right top; background-color: rgba(0, 0, 0, 0.8); }



.mobile .photos-detail-style1 .mobile-content .top-box { background-color: rgb(255, 255, 255); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; display: flex; flex-direction: column; align-items: center; margin: 0px 1px 2px; }



.mobile .photos-detail-style1 .mobile-content .top-box img { width: 100%; }



.mobile .photos-detail-style1 .mobile-content .top-box .title { font-size: 20px; padding: 14px 0px; }



.mobile .photos-detail-style1 .mobile-content .top-box .info { display: flex; background-color: rgb(245, 245, 245); color: rgb(96, 98, 102); padding: 3px 20px; border-radius: 13px; margin-bottom: 13px; }



.mobile .photos-detail-style1 .mobile-content .top-box .info .time { margin-right: 20px; }



.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn { width: 100%; display: flex; justify-content: space-between; padding: 0px 20px; }



.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .icon-wrap { padding: 10px; }



.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .icon-wrap span { font-size: 24px; color: rgb(96, 98, 102); }



.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .left-btn-group { display: flex; }



.mobile .photos-detail-style1 .mobile-content .top-box .bottom-btn .collect-btn.active span { color: red; }



.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container { width: 100%; height: 100%; }



.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-wrapper { align-items: center; }



.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-slide { display: flex; justify-content: center; align-items: center; }



.mobile .photos-detail-style1 .mobile-content .top-box .swiper-container .swiper-pagination-bullet-active { background: var(--main_color); }



.mobile .photos-detail-style1 .mobile-content .main-content { background-color: rgb(255, 255, 255); margin: 0px 1px 2px; border-radius: 20px; padding: 32px 0px; }



.mobile .photos-detail-style1 .mobile-content .main-content .photos-detail-content { padding: 0px 13px; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav { margin: 20px 20px 0px; background-color: rgb(245, 245, 245); border-radius: 12px; font-size: 17px; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav > a { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px 8px; color: rgb(48, 49, 51); font-size: 14px; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav > a .nav-left { flex-shrink: 0; margin-right: 5px; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav > a .nav-right { display: flex; align-items: center; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav > a .nav-right .small-pic { height: 36px; width: auto; }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav > a .nav-right .icon { font-size: 26px; color: rgb(170, 170, 170); }



.mobile .photos-detail-style1 .mobile-content .main-content .bottom-nav .pre-nav { border-bottom: 1px solid rgb(232, 232, 232); }



.mobile .photos-detail-style1 .mobile-content .guess-you-like { background-color: rgb(255, 255, 255); border-radius: 20px; padding: 20px 13px; margin: 0px 1px; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .title { margin-bottom: 20px; font-size: 17px; color: rgb(0, 0, 0); }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content { column-count: 2; column-gap: 0px; margin: 0px -5px; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box { padding: 5px; display: block; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; border-radius: 20px; position: relative; overflow: hidden; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap.no-image { min-height: 96px; display: flex; align-items: center; background-color: rgb(245, 245, 245); }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap.no-image .title-box { position: static; width: 100%; background: 0px 0px; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap.no-image .title-box .title { color: rgb(51, 51, 51); white-space: normal; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap .title-box { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 7px 12px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap .title-box .title { color: rgb(255, 255, 255); margin-bottom: 0px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }



.mobile .photos-detail-style1 .mobile-content .guess-you-like .content .content-box .img-wrap img { width: 100%; }



.mobile .photos-detail-style1 .mobile-content .comment-area { background-color: rgb(255, 255, 255); padding: 20px 13px; margin: 2px 1px 0px; border-radius: 20px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .title { margin-bottom: 20px; font-size: 17px; color: rgb(0, 0, 0); }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input { flex: 1 1 0px; border-radius: 8px; padding: 16px; background-color: rgb(248, 248, 248); position: relative; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask { position: absolute; top: 0px; left: 0px; background-color: rgb(248, 248, 248); cursor: pointer; width: 100%; height: 100%; z-index: 1; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask p { font-size: 14px; color: rgb(34, 34, 34); line-height: 100px; text-align: center; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .login-mask p span { color: rgb(240, 65, 66); margin: 0px 5px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .comment-textarea { font-size: 14px; outline: 0px; width: 100%; resize: none; border: 0px; line-height: 24px; transition: height 0.3s ease-in-out; height: 24px; background-color: rgb(248, 248, 248); max-height: 72px; overflow: auto; display: block; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .comment-textarea.expand { height: 120px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action { margin-top: 12px; text-align: right; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn { padding: 6px 18px; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(80, 80, 80); cursor: pointer; display: inline-block; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn:hover { background-color: rgb(112, 112, 112); }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-input .action .submit-btn.disable { opacity: 0.3; cursor: default; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list li { margin: 20px 0px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list li .reply-list li { margin: 24px 0px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item { display: flex; align-items: flex-start; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info { flex: 1 1 0px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header { display: flex; justify-content: space-between; font-size: 15px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action { cursor: pointer; display: flex; align-items: center; justify-content: center; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action:hover { opacity: 0.8; }



@keyframes liked { 

  0% { width: 0px; height: 0px; }

  100% { width: 24px; height: 24px; }

}



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action .svg-wrap svg { width: 24px; height: 24px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked span { color: rgb(240, 65, 66); }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .header .right-action.liked svg { animation: 0.3s cubic-bezier(0.3, 1.8, 0.3, 1) 0s 1 normal none running liked; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .content { margin: 5px 0px 10px; font-size: 15px; line-height: 24px; word-break: break-all; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer { color: rgb(153, 153, 153); }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .footer .reply { color: rgb(34, 34, 34); cursor: pointer; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .child-input { margin-top: 12px; }



.mobile .photos-detail-style1 .mobile-content .comment-area .comment-list .comment-item .comment-info .check-more-reply { margin-top: 5px; line-height: 20px; font-size: 12px; color: rgb(80, 80, 80); cursor: pointer; }



.mobile .photos-detail-style1 .mobile-content .comment-area .main-input { margin: 24px 0px 40px; display: flex; }



.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar { margin-right: 12px; width: 36px; height: 36px; position: relative; }



.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar img { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(242, 242, 242); }



.mobile .photos-detail-style1 .mobile-content .comment-area .main-input .author-avatar.author-v::before { content: ""; background-image: url("/assets/visual-editor/images/article-detail-style3/v.png"); width: 13px; height: 13px; position: absolute; right: 0px; bottom: 0px; background-size: cover; display: none; }



.mobile .photos-detail-style1 .mobile-content .comment-area .show-all { text-align: center; font-size: 12px; }



.mobile .photos-detail-style1 .mobile-content .back-top { position: fixed; right: 20px; bottom: 80px; border-radius: 50%; background-color: rgb(255, 255, 255); z-index: 100; width: 50px; height: 50px; padding: 4px; display: none; }



.mobile .photos-detail-style1 .mobile-content .back-top .icon-wrap { text-align: center; border-radius: 50%; background-color: rgb(238, 238, 238); }



.mobile .photos-detail-style1 .mobile-content .back-top .icon-wrap .icon { font-size: 20px; line-height: 40px; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box { background-color: rgb(255, 255, 255); position: fixed; bottom: 0px; left: 0px; right: 0px; border-radius: 20px 20px 0px 0px; z-index: 99; padding: 5px 20px 10px; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content { display: flex; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content > div { text-align: center; line-height: 30px; height: 30px; background-color: rgb(243, 243, 243); border-radius: 15px; cursor: pointer; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .comment-btn { width: 30px; margin-right: 5px; flex-shrink: 0; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn { flex: 1 1 0%; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn span { margin-left: 5px; }



.mobile .photos-detail-style1 .mobile-content .bottom-fix-box .content .like-btn.active { color: red; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box { position: fixed; bottom: 0px; width: 100%; transform: translateY(100%); background-color: rgb(255, 255, 255); height: 160px; transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 40px 20px 20px; z-index: 100; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box.up { transform: translateY(0px); }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box.up::after { content: ""; background-color: rgba(0, 0, 0, 0.2); width: 100vw; height: 100vh; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box > i { position: absolute; top: 10px; left: 10px; font-size: 20px; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li { padding: 10px 0px; border-bottom: 1px solid rgb(238, 238, 238); }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li a { display: inline-block; color: rgb(102, 102, 102); width: 100%; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-box ul li i { margin-right: 5px; }



.mobile .photos-detail-style1 .mobile-content .bottom-pull-mask { position: fixed; top: 0px; width: 100vw; height: 100vh; z-index: 10; background-color: rgba(0, 0, 0, 0.5); display: none; opacity: 0; }



.gw-editor-page .photos-detail-container .photos-detail-style1 .back-top { display: none; }



.gw-editor-page .photos-detail-container .photos-detail-style1 .bottom-fix-box { display: none; }



.gw-editor-page .photos-detail-container .photos-detail-style1 .offset-fixed { display: none; }



.shop-store-detail-container .shop_store-detail-content * { max-width: 100%; }



.shop-store-detail-container .shop-store-detail-style1 { background-color: rgb(245, 247, 253); }



.shop-store-detail-container .shop-store-detail-style1 .swiper-pagination-bullet { width: 6px; height: 6px; }



.shop-store-detail-container .shop-store-detail-style1 .swiper-pagination-bullet-active { width: 20px; border-radius: 4px; }



.shop-store-detail-container .shop-store-detail-style1 .container { margin-top: 20px; }



@media (min-width: 1440px) {

  .shop-store-detail-container .shop-store-detail-style1 .container { width: 1440px; }

}



.shop-store-detail-container .shop-store-detail-style1 .one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.shop-store-detail-container .shop-store-detail-style1 .two-row { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.shop-store-detail-container .shop-store-detail-style1 .title { color: rgb(0, 75, 158); font-size: 24px; margin-bottom: 16px; }



.shop-store-detail-container .shop-store-detail-style1 p, .shop-store-detail-container .shop-store-detail-style1 ul { margin-bottom: 0px; }



.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container { height: 296px; margin-bottom: 30px; --swiper-theme-color: #fff; }



.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-slide { text-align: center; }



.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-slide img { width: 100%; height: 100%; }



.shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-button-next, .shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-button-prev, .shop-store-detail-container .shop-store-detail-style1 .main-swiper-container .swiper-pagination-bullet { opacity: 0.7; }



.shop-store-detail-container .shop-store-detail-style1 .general-situation-box { margin-bottom: 30px; }



.shop-store-detail-container .shop-store-detail-style1 .general-situation-box .shop_store-detail-content { background-color: rgb(255, 255, 255); padding: 32px; font-size: 16px; line-height: 2; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box { margin-bottom: 30px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box #shop-store-detail-feature-swiper { --swiper-theme-color: #fff; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .swiper-pagination { width: 100%; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .swiper-pagination .swiper-pagination-bullet { margin: 0px 4px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box { background-color: rgb(255, 255, 255); display: block; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .img-wrap { height: 160px; overflow: hidden; text-align: center; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .img-wrap img { max-width: 100%; height: 100%; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box { padding: 16px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box .name { font-size: 20px; color: rgb(48, 49, 51); margin-bottom: 8px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box .info-box .abs { color: rgb(96, 98, 102); font-size: 16px; line-height: 23px; height: 46px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box:hover { box-shadow: rgba(204, 204, 204, 0.6) 0px 0px 10px; }



.shop-store-detail-container .shop-store-detail-style1 .feature-box .item-box:hover .img-wrap img { transform: scale(1.04); }



.shop-store-detail-container .shop-store-detail-style1 .server-box { margin-bottom: 30px; font-size: 16px; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .top-header { display: flex; justify-content: space-between; align-items: center; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .top-header .see-more { color: rgb(255, 110, 0); font-size: 16px; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content { background-color: rgb(255, 255, 255); }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list { display: flex; width: 100%; overflow-x: auto; white-space: nowrap; border-bottom: 1px solid rgb(221, 221, 221); }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list li { padding: 16px; cursor: pointer; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .tab-list li.active { color: rgb(255, 110, 0); }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list { padding: 32px; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul { display: flex; flex-wrap: wrap; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li { width: 48%; padding: 8px 0px 8px 2%; position: relative; cursor: pointer; }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li::before { content: ""; position: absolute; width: 4px; height: 4px; background-color: rgb(0, 75, 158); top: 50%; left: 0px; transform: translateY(-50%); }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li:hover a { color: rgb(255, 110, 0); }



.shop-store-detail-container .shop-store-detail-style1 .server-box .content .server-list ul li:hover::before { background-color: rgb(255, 110, 0); }



.shop-store-detail-container .shop-store-detail-style1 .trends-box { margin-bottom: 30px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content { background-color: rgb(255, 255, 255); }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item { padding: 16px 32px; display: block; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item:hover { box-shadow: rgba(204, 204, 204, 0.6) 0px 0px 10px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item:hover .img-wrap .thumbnail-img { transform: scale(1.04); }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .img-wrap { height: 135px; overflow: hidden; position: relative; text-align: center; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .img-wrap .thumbnail-img { max-width: 100%; height: 100%; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .item-title { color: rgb(48, 49, 51); font-size: 20px; margin-bottom: 8px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .abs { color: rgb(96, 98, 102); font-size: 16px; margin-bottom: 32px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info { display: flex; color: rgb(144, 147, 153); }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .icon { display: inline-block; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .icon img { margin-bottom: 2px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .time { flex: 1 1 0%; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .item .bottom-info .info:last-child { margin-left: 24px; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .video-item .start-icon { position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; transform: translate(-50%, -50%); opacity: 0.8; }



.shop-store-detail-container .shop-store-detail-style1 .trends-box .content .video-item .img-wrap .time { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.5); font-size: 12px; border-radius: 9px; line-height: 18px; text-align: center; padding: 0px 6px; position: absolute; bottom: 5px; right: 5px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box { margin-bottom: 30px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content { background-color: rgb(255, 255, 255); }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item { padding: 16px 32px; display: block; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item:hover { box-shadow: rgba(204, 204, 204, 0.6) 0px 0px 10px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item:hover .img-wrap .thumbnail-img { transform: scale(1.04); }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .img-wrap { height: 135px; overflow: hidden; position: relative; text-align: center; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .img-wrap .thumbnail-img { max-width: 100%; height: 100%; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .item-title { color: rgb(48, 49, 51); font-size: 20px; margin-bottom: 8px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .abs { color: rgb(48, 49, 51); font-size: 16px; margin-bottom: 32px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box { display: flex; font-size: 16px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box .price { color: rgb(255, 110, 0); margin-right: 24px; }



.shop-store-detail-container .shop-store-detail-style1 .goods-box .content .item .bottom-info .price-box .old-price { text-decoration: line-through; color: rgb(144, 147, 153); }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box { background-color: rgb(255, 255, 255); margin-bottom: 24px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content { display: flex; flex-direction: column; align-items: center; padding: 32px 24px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .avatar { overflow: hidden; border-radius: 50%; margin-bottom: 10px; width: 90px; height: 90px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .avatar img { width: 100%; height: 100%; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .name { font-size: 20px; color: rgb(48, 49, 51); margin-bottom: 16px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group { display: flex; justify-content: center; margin-bottom: 24px; width: 100%; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .my-btn { border-radius: 4px; border: 1px solid rgb(255, 102, 1); color: rgb(255, 102, 1); font-size: 18px; padding: 7px 20px; display: block; cursor: pointer; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .my-btn:hover { box-shadow: rgb(255, 102, 1) 0px 0px 10px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .follow-btn { background-color: rgb(255, 102, 1); color: rgb(255, 255, 255); display: none; margin-right: 10px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .unfollow-btn { background-color: rgb(153, 153, 153); border: 1px solid rgb(153, 153, 153); color: rgb(255, 255, 255); display: none; margin-right: 10px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .btn-group .message-btn { margin-left: 10px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line { display: flex; margin-bottom: 20px; color: rgb(66, 74, 94); font-size: 16px; width: 100%; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line .icon { margin-right: 8px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line .text { flex-shrink: 0; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .content .info-line span:last-child { word-break: break-all; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box { display: flex; background-color: rgb(242, 242, 242); border: 1px solid rgb(221, 221, 221); }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; padding: 16px 10px; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item:not(:last-child) { border-right: 1px solid rgb(221, 221, 221); }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item .text { color: rgb(66, 74, 94); word-break: break-all; }



.shop-store-detail-container .shop-store-detail-style1 .organization-info-box .bottom-box .item .num { color: rgb(0, 122, 255); font-size: 20px; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box { background-color: rgb(255, 255, 255); }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .small-title { padding: 16px; color: rgb(66, 74, 94); font-size: 16px; border-bottom: 1px solid rgb(238, 238, 238); }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content { padding: 20px 16px; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item { display: block; margin-bottom: 20px; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .img-wrap { margin-bottom: 16px; overflow: hidden; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .img-wrap img { width: 100%; transition: 0.3s; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item .title { font-size: 16px; color: rgb(48, 49, 51); font-weight: 400; margin-bottom: 0px; line-height: 24px; height: 48px; }



.shop-store-detail-container .shop-store-detail-style1 .recommend-box .content .item:hover .img-wrap img { transform: scale(1.04); }



.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper { height: 148px; }



.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-slide img { width: auto; max-width: 100%; }



.mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-button-next, .mobile .shop-store-detail-style1 #shop-store-detail-main-swiper .swiper-button-prev { display: none; }



.mobile .shop-store-detail-style1 .general-situation-box .content { padding: 16px; }



.mobile .shop-store-detail-style1 .trends-box .item { padding: 16px; }



.mobile .shop-store-detail-style1 .trends-box .item .bottom-info .comment .text, .mobile .shop-store-detail-style1 .trends-box .item .bottom-info .read .text { display: none; }



.mobile .shop-store-detail-style1 .goods-box .item { padding: 16px; border-bottom: 5px solid rgb(245, 247, 253); }



.mobile .shop-store-detail-style1 .goods-box .item .img-wrap { margin-bottom: 10px; }



.mobile .shop-store-detail-style1 .trends-box.no-swiper .item { border-bottom: 5px solid rgb(245, 247, 253); }



.goods_special_column_detail-container { --main_color: #FD2345; }



.goods_special_column_detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .goods_special_column_detail-container .gw-align-container { max-width: var(--max-width); }

}



.goods_special_column_detail-container .goods_special_column_detail-content { font-size: 17px; }



.goods_special_column_detail-container .goods_special_column_detail-content * { max-width: 100%; }



.goods_special_column_detail-container .receive-coupons-modal { position: fixed; background-color: rgba(0, 0, 0, 0.4); inset: 0px; z-index: 999; transition: 0.3s; display: none; }



.goods_special_column_detail-container .receive-coupons-modal .modal-close { position: absolute; top: 15px; right: 15px; width: 15px; height: 15px; cursor: pointer; background: url("/assets/visual-editor/images/shop_goods_detail/icon50.png") 0px -160px no-repeat; z-index: 2; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(255, 255, 255); width: 768px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .title { text-align: center; padding: 18px 0px 15px; font-size: 18px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content { padding: 0px 50px 34px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list { display: flex; flex-wrap: wrap; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li { width: 49%; margin-bottom: 16px; background-color: rgb(253, 245, 247); border-radius: 8px; padding: 15px; display: flex; justify-content: flex-start; align-items: center; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li:nth-child(2n+1) { margin-right: 2%; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box { padding-right: 10px; color: rgb(230, 69, 102); border-right: 1px dashed rgba(230, 69, 102, 0.067); }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price { font-size: 24px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .price span { font-size: 12px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .price-box .tips { font-size: 12px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail { display: flex; flex-direction: column; flex: 1 1 0%; padding-left: 10px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .time { font-size: 12px; }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .detail .grey { font-size: 12px; color: rgb(153, 153, 153); }



.goods_special_column_detail-container .receive-coupons-modal .modal-main-content .content .coupon-list li .receive { color: rgb(255, 255, 255); background-color: rgb(230, 69, 102); line-height: 28px; width: 56px; text-align: center; border-radius: 14px; cursor: pointer; flex-shrink: 0; }



.goods_special_column_detail-container .goods_special_column_detail-style0 { background-color: rgb(255, 255, 255); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .title { font-size: 20px; color: rgb(48, 49, 51); margin-bottom: 32px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .one-row { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap { padding: 64px 0px 40px; background: linear-gradient(rgba(0, 145, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap > .container { display: flex; justify-content: space-between; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .row { width: 100%; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .big-title { font-size: 40px; color: rgb(42, 48, 60); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .subtitle { margin-top: 16px; font-size: 16px; color: rgb(66, 74, 94); margin-bottom: 10px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .label-group { display: flex; flex-wrap: wrap; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .label-group li { font-size: 12px; margin-right: 15px; margin-top: 5px; border-radius: 4px; padding: 0px 5px; border: 1px solid var(--main_color); color: var(--main_color); height: 20px; line-height: 18px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .main-img { width: 240px; height: 240px; object-fit: cover; border-radius: 8px; float: right; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info { font-size: 0px; color: rgb(66, 74, 94); margin: 40px 0px 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span { font-size: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.divide { margin: 0px 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item { cursor: pointer; margin-right: 18px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item i { margin-right: 4px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item i.active { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item:hover { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile { position: relative; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code { display: none; position: absolute; background-color: rgb(255, 255, 255); padding: 16px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 12px 0px; left: 0px; z-index: 10; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code p { color: rgb(96, 98, 102); font-size: 14px; text-align: center; margin-bottom: 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code .qr-code { width: 128px; height: 128px; margin: 8px auto; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile .mobile-code .download { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.icon-item.mobile:hover .mobile-code { display: block; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-wrap .info .short-info span.dot { margin: 0px 4px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner { position: relative; border-radius: 16px; background-image: url("/assets/visual-editor/images/shop_goods_detail/border.png"); background-size: 100%; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; padding: 0px 40px 22px; margin-bottom: 40px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .tip-info { position: absolute; top: 2px; left: 26px; font-size: 20px; color: rgb(255, 255, 255); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .collect-coupons { position: absolute; top: 14px; right: 40px; font-size: 16px; color: var(--main_color); cursor: pointer; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap { display: flex; justify-content: space-between; align-items: center; padding-top: 50px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box span { font-size: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box span.big { font-size: 56px; font-weight: 600; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .price-box .old-price { color: rgb(192, 196, 204); text-decoration: line-through; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .info-banner .content-wrap .buy-btn { color: rgb(255, 255, 255); background-color: var(--main_color); font-size: 16px; padding: 12px 32px; border-radius: 40px; cursor: pointer; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar { display: flex; font-size: 20px; color: rgb(48, 49, 51); padding: 8px 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li { margin-right: 80px; cursor: pointer; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li .tag { font-size: 12px; color: var(--main_color); padding: 2px 4px; border: 1px solid var(--main_color); border-radius: 2px; margin-left: 6px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li a { padding: 0px; background-color: transparent; color: rgb(48, 49, 51); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active .tab { border-bottom: 4px solid var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .nav-bar li.active a { color: var(--main_color); border-radius: 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .column-content { padding: 40px 0px 50px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate { margin-bottom: 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user { display: flex; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info { flex: 1 1 0%; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info .name { font-size: 16px; color: rgb(48, 49, 51); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .user-info .time { color: rgb(144, 147, 153); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .score { color: rgb(255, 178, 2); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .user .score i { font-size: 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content { margin: 14px 0px 0px 56px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content .img-list { display: grid; gap: 10px; grid-template-columns: repeat(5, 1fr); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .comment-content .img-list img { width: 100%; height: 168px; border-radius: 4px; object-fit: contain; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .reply { background-color: rgb(246, 247, 251); border-radius: 2px; padding: 22px 24px; margin: 24px 0px 0px 56px; color: rgb(144, 147, 153); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .date-agree { margin: 32px 0px 0px 56px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .evaluate .comment-list .item .date-agree .date { color: rgb(192, 196, 204); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author { margin-bottom: 48px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code p { color: rgb(96, 98, 102); font-size: 14px; text-align: center; margin-bottom: 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code .qr-code { width: 128px; height: 128px; margin: 8px auto; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-code .download { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top { display: flex; align-items: center; margin-bottom: 16px; margin-top: 24px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .avatar { width: 50px; height: 50px; border-radius: 50%; margin-right: 16px; flex-shrink: 0; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .info { flex: 1 1 0%; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name { margin-bottom: 4px; font-size: 16px; display: flex; justify-content: space-between; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap { position: relative; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap .author-code { display: none; position: absolute; background-color: rgb(255, 255, 255); padding: 16px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 12px 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap > img { width: 20px; height: 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-name .author-code-wrap > img:hover + .author-code { display: block; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-top .author-title { color: rgb(144, 147, 153); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .author .author-brief .btn-more { color: var(--main_color); cursor: pointer; margin-left: 4px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper { display: flex; justify-content: space-between; align-items: center; padding: 0px 24px 16px; cursor: pointer; margin-top: 40px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper .chapter-title { color: rgb(48, 49, 51); font-size: 20px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper .chapter-title:hover { text-decoration: underline; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .chapter-title-wrapper i { font-size: 20px; color: rgb(178, 178, 178); transition: transform 0.3s; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper { transition: height 0.3s; overflow: hidden; height: 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item { padding: 20px 48px; display: flex; align-items: center; font-size: 16px; border-radius: 6px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item i { margin-right: 6px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .label-free { margin-right: 6px; font-size: 12px; border-radius: 4px; padding: 0px 5px; border: 1px solid var(--main_color); color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .label-free_live { color: rgb(255, 255, 255); background-color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .article-title { flex: 1 1 0%; color: rgb(48, 49, 51); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .duration { color: rgb(144, 147, 153); font-size: 14px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item .recommend-item { font-size: 12px; background-color: var(--main_color); border-radius: 10px; padding: 2px 4px; color: rgb(255, 255, 255); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover { background-color: rgb(253, 251, 250); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover .article-title, .goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover .duration, .goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item .article-list-wrapper .article-item:hover i { color: var(--main_color); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item.open .chapter-title-wrapper i { transform: rotate(180deg); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .catalogue .chapter-item:first-child .chapter-title-wrapper { margin-top: 0px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn { margin-bottom: 48px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .list { display: flex; flex-wrap: wrap; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .item { width: 32px; height: 40px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .item img { border-radius: 50%; width: 40px; height: 40px; border: 2px solid rgb(255, 255, 255); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .who-learn .more { margin-left: 16px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgb(250, 250, 250); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item { overflow: hidden; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item img { margin-right: 16px; width: 80px; height: 80px; object-fit: contain; border-radius: 8px; float: left; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box { float: left; width: calc(100% - 96px); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .tit { color: rgb(66, 74, 94); font-size: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .info { color: rgb(144, 147, 153); margin: 4px 0px 8px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item .right-box .price { color: var(--main_color); font-size: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend .item:not(:last-child) { margin-bottom: 16px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item { border-bottom: 1px solid rgb(234, 234, 234); padding: 16px 0px; display: flex; align-items: center; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item i { margin-right: 8px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap { flex: 1 1 0%; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap .name { color: rgb(66, 74, 94); overflow: hidden; overflow-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .name-wrap .time { color: rgb(144, 147, 153); }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item .free { color: var(--main_color); margin-left: 28px; }



.goods_special_column_detail-container .goods_special_column_detail-style0 .recommend-try-see .item:hover i { color: rgb(66, 74, 94); }



.goods_special_column_detail-container #product-comment .container { width: 100%; }



.goods_special_column_detail-container #product-comment .product-score { margin-left: 16px; padding-bottom: 10px; }



.goods_special_column_detail-container #product-comment .product-score span { color: var(--main_color); font-size: 56px; margin-bottom: 12px; }



.goods_special_column_detail-container #product-comment .product-score span:nth-child(2) { font-size: 16px; }



.goods_special_column_detail-container #product-comment .product-score p { font-size: 12px; margin-left: 10px; }



.goods_special_column_detail-container #product-comment .product-comment-tab { padding: 16px 0px 17px 16px; border-top: 1px dashed rgb(234, 234, 234); border-bottom: 1px solid rgb(234, 234, 234); display: flex; justify-content: space-between; flex-wrap: wrap; }



.goods_special_column_detail-container #product-comment .product-comment-tab ul { display: flex; }



.goods_special_column_detail-container #product-comment .product-comment-tab ul li { margin-right: 25px; cursor: pointer; }



.goods_special_column_detail-container #product-comment .product-comment-tab ul li.selected { color: var(--main_color); }



.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right input { cursor: pointer; display: inline-block; width: 14px; height: 14px; }



.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right input:checked { background-color: var(--main_color); }



.goods_special_column_detail-container #product-comment .product-comment-tab .tab-right span { color: rgb(102, 102, 102); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list { display: flex; flex-direction: column; font-size: 12px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item { padding: 20px 0px 20px 16px; display: flex; justify-content: space-between; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box { display: flex; flex-direction: column; align-items: center; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar { width: 70px; height: 70px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .avatar-box .nickname { margin-top: 6px; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail { margin-top: 16px; padding-left: 60px; flex: 1 1 0%; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box { display: flex; justify-content: space-between; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star { margin-bottom: 5px; background: url("/assets/visual-editor/images/shop_goods_detail/star12.png"); width: 110px; height: 30px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-5 { background-position: 110px 0px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-4 { background-position: 88px 0px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-3 { background-position: 66px 0px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-2 { background-position: 44px 0px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .product-star.star-1 { background-position: 22px 0px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .top-box .time { color: rgb(164, 164, 164); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-content { word-break: break-all; margin-bottom: 10px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img { padding-top: 15px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group { display: flex; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap { width: 88px; height: 88px; padding: 2px; margin-right: 10px; cursor: zoom-in; border: 2px solid rgb(255, 255, 255); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap.selected { border: 2px solid var(--main_color); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .small-img-group .img-wrap img { width: 100%; height: 100%; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big { display: none; margin-top: 16px; cursor: zoom-out; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-img .img-big img { max-width: 410px; max-height: 410px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .comment-sku { color: rgb(164, 164, 164); margin-top: 21px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply { padding-top: 40px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar { float: left; width: 32px; height: 32px; margin-right: 12px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .avatar img { width: 100%; height: 100%; border-radius: 50%; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box { float: left; width: 596px; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .nickname { margin-bottom: 6px; color: rgb(202, 20, 29); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .comment-item .comment-detail .product-reply .content-box .content { color: rgb(113, 113, 113); }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .no-comment { min-height: 200px; border-bottom: 1px solid rgb(234, 234, 234); color: rgb(164, 164, 164); text-align: center; }



.goods_special_column_detail-container #product-comment .product-comment-content .product-comment-list .no-comment::before { content: ""; display: block; width: 80px; height: 80px; margin: 40px auto 20px; background: url("/assets/visual-editor/images/shop_goods_detail/empty.png") 0% 0% / 100% no-repeat; }



.mobile .gw-editor-page .goods_special_column_detail-container .container { width: 100%; }



.mobile .gw-editor-page .goods_special_column_detail-container .shop_goods { width: 100%; }



.mobile .gw-editor-page .goods_special_column_detail-container .article-link-qrcode { display: none; }



.goods_building_detail-container { --main_color: #FD2345; }



.goods_building_detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .goods_building_detail-container .gw-align-container { max-width: var(--max-width); }

}



.goods_building_detail-container .goods_building_detail-content { font-size: 17px; }



.goods_building_detail-container .goods_building_detail-content * { max-width: 100%; }



.goods_building_detail-container .bg-light { background-color: rgb(245, 245, 245); }



.goods_building_detail-container .gap-2 { gap: 2px; }



.goods_building_detail-container .gap-4 { gap: 4px; }



.goods_building_detail-container .gap-10 { gap: 10px; }



.goods_building_detail-container .btn-light { color: rgb(0, 0, 0); background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); }



.goods_building_detail-container .text-highlight-dark { color: rgb(160, 120, 0); }



.goods_building_detail-container .list-line { padding-left: 0px; list-style: none; }



.goods_building_detail-container .list-inline-item { display: inline-block; }



.goods_building_detail-container .list-inline-item:not(:last-child) { margin-right: 0.5rem; }



.goods_building_detail-container .text-primary { color: var(--main_color); }



.goods_building_detail-container .cursor-pointer { cursor: pointer; }



.goods_building_detail-container .position-relative { position: relative; }



.goods_building_detail-container .fit-contain { object-fit: contain; }



.goods_building_detail-container .h-100 { height: 100%; }



.goods_building_detail-container .w-100 { width: 100%; }



.goods_building_detail-container .bold { font-weight: 700; }



.goods_building_detail-container .d-block { display: block; }



.goods_building_detail-container .img-fluid { max-width: 100%; height: auto; }



.goods_building_detail-container .btn { outline: 0px; }



.goods_building_detail-container .container-panel { margin: 0px 15px; }



.goods_building_detail-container .fs-14 { font-size: 14px; }



.goods_building_detail-container .fs-18 { font-size: 18px; }



.goods_building_detail-container a:active, .goods_building_detail-container a:hover { color: var(--main_color); }



.goods_building_detail-container .border-bottom { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .border-top { border-top: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .btn-outline-primary { color: var(--main_color); border-color: var(--main_color); }



.goods_building_detail-container .btn-outline-primary.active, .goods_building_detail-container .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: var(--main_color); border-color: var(--main_color); }



.goods_building_detail-container .btn-menu .btn { outline: 0px; background-color: rgb(255, 255, 255); min-width: 100px; }



.goods_building_detail-container .btn-menu .btn.btn-outline-primary.active, .goods_building_detail-container .btn-menu .btn.btn-outline-primary:hover { background-color: var(--main_color); }



.goods_building_detail-container .list-separator { --delimiter: " ・ "; display: inline-flex; flex-flow: wrap; gap: 0px; list-style: none; padding: 0px; margin: 0px; }



.goods_building_detail-container .list-separator li + li::before { content: var(--delimiter); margin: 0px 2px; }



.goods_building_detail-container .goods_building_detail-style { position: relative; --swiper-theme-color: #fff; }



.goods_building_detail-container .goods_building_detail-style .property-header { display: block; }



.goods_building_detail-container .goods_building_detail-style .property-header .header-info-panel { --bs-gutter-x: 12px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-bottom: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }



.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons { text-align: right; }



.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary { background-color: rgb(233, 232, 245); color: rgb(39, 36, 84); border-color: rgb(39, 36, 84); }



.goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary.active, .goods_building_detail-container .goods_building_detail-style .property-header .contact-buttons .btn-outline-secondary:hover { background-color: rgb(39, 36, 84); color: rgb(255, 255, 255); }



.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks { display: none; position: relative; background: rgb(255, 255, 255); box-shadow: rgba(120, 120, 120, 0.3) 0px 5px 35px 8px; height: 60px; font-size: 16px; z-index: 10; }



.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track { gap: 25px; padding: 5px 0px 10px; border-bottom: none; }



.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item { display: list-item; outline: 0px; }



.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link { display: block; color: rgb(149, 156, 163); height: 45px; line-height: 45px; padding: 0px; text-decoration: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px solid transparent; transition: 0.3s ease-in-out; outline: 0px; }



.goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link.active, .goods_building_detail-container .goods_building_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link:hover { color: rgb(0, 0, 0); border-color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .property-header.stuck .abbr-info { position: relative; z-index: 505; }



.goods_building_detail-container .goods_building_detail-style .property-header.stuck .page-tracks { display: block; }



.goods_building_detail-container .goods_building_detail-style .main-box { padding-bottom: 50px; }



.goods_building_detail-container .goods_building_detail-style .main-box .list-separator { --delimiter: " ・ "; display: inline-flex; flex-flow: wrap; gap: 0px; list-style: none; padding: 0px; margin: 0px; }



.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom { margin: 0px 0px 10px; gap: 10px; border: none; background-color: rgb(255, 255, 255); }



.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom > li a:hover { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }



.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom .custom-item { padding: 10px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid transparent; font-weight: 700; }



.goods_building_detail-container .goods_building_detail-style .main-box .nav-tabs-custom .active .custom-item { border-color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .main-box .nav-map-tab-panel, .goods_building_detail-container .goods_building_detail-style .main-box .nav-street-tab-panel, .goods_building_detail-container .goods_building_detail-style .main-box .nav-vr-tab-panel { min-height: 400px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top { height: 80%; margin-bottom: 10px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide { cursor: pointer; aspect-ratio: 16 / 9; background-color: rgb(0, 0, 0); }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide img { object-fit: contain; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .swiper-slide .caption { position: absolute; bottom: 5%; width: 100%; text-align: center; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px 3px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-top .count-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs { height: 80px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.6; border: 3px solid transparent; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide.active { opacity: 1; border: 3px solid var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide img { object-fit: cover; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next, .goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev { position: absolute; top: 0px; margin: 0px; height: 100%; width: 25px; background-color: rgb(178, 178, 178); }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next::after, .goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev::after { font-size: 16px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next { right: 0px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev { left: 0px; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid { display: grid; grid-auto-rows: 80px; grid-template-columns: repeat(auto-fill, minmax(94px, 1fr)); gap: 3px; height: 170px; padding-right: 1px; overflow: auto; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb { cursor: pointer; border: 3px solid transparent; }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb.active { border: 3px solid var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .main-box .swiper-box .thumbs-grid .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.goods_building_detail-container .goods_building_detail-style .main-box .vr-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_building_detail-container .goods_building_detail-style .main-box .blockquote-text { position: relative; padding: 10px 0px 10px 45px; margin-bottom: 15px; }



.goods_building_detail-container .goods_building_detail-style .main-box .blockquote-text::before { position: absolute; top: 0px; left: 0px; color: rgb(187, 147, 9); content: ""; font: 700 20px / 1 FontAwesome; -webkit-font-smoothing: antialiased; display: inline-block; text-rendering: auto; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar { display: flex; justify-content: end; gap: 10px; background-color: rgb(255, 255, 255); margin-bottom: 8px; margin-top: 8px; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base { color: rgb(108, 117, 125); border-color: rgb(206, 212, 218); padding: 0px 8px; background-color: rgb(255, 255, 255); outline: 0px; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:active:focus, .goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:focus { outline: 0px; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base.has-collected, .goods_building_detail-container .goods_building_detail-style .main-box .property-info .task-bar .btn-outline-base:hover { color: var(--main_color); border-color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; margin: 0px; gap: 0px; justify-content: center; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta .value { font-weight: 700; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .list-meta .label { color: rgb(149, 156, 163); font-size: 12px; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data { table-layout: fixed; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data > tbody { vertical-align: inherit; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data > tbody tr { vertical-align: top; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data > tbody tr th { color: rgb(149, 156, 163); font-weight: 400; padding: 8px; border-top: none; }



.goods_building_detail-container .goods_building_detail-style .main-box .property-info .table-data > tbody tr td { padding: 8px; border-top: none; }



.goods_building_detail-container .goods_building_detail-style .gallery-preview { position: relative; }



.goods_building_detail-container .goods_building_detail-style .gallery-preview .img-fluid { max-width: 100%; height: auto; display: block; }



.goods_building_detail-container .goods_building_detail-style .gallery-preview .count-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .table-sm > :not(caption) > * > * { padding: 4px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .table > :not(:last-child) > :last-child > * { border-bottom: none; border-top: none; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results td, .goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th { border-top: none; text-align: center; vertical-align: middle; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results tr { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results thead > tr { border-bottom: 1px solid rgb(149, 156, 163); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th a .fa { opacity: 0.4; color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results th a.active .fa { opacity: 1; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .row-thumb a { height: 90px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .border { border: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .border-bottom { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-auto-rows: auto; gap: 10px; display: grid; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item { display: flex; flex-direction: column; overflow: hidden; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover { box-shadow: rgb(204, 204, 204) 0px 0px 7px 0px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .thumbs { height: 135px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info { padding: 8px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .title { line-height: 1.25; font-size: 15px; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active, .goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover { color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled { font-size: 12px; color: rgb(91, 91, 91); }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions { padding: 4px 8px; text-align: right; }



.goods_building_detail-container .goods_building_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions .btn { padding: 2px 4px; font-size: 19px; color: rgb(149, 156, 163); cursor: pointer; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .table-sm > :not(caption) > * > * { padding: 4px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .table > :not(:last-child) > :last-child > * { border-bottom: 1px solid rgb(149, 156, 163); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results td, .goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th { text-align: center; vertical-align: middle; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th a .fa { opacity: 0.4; color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results th a.active .fa { opacity: 1; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .row-thumb a { height: 90px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .border { border: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .border-bottom { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-auto-rows: auto; gap: 10px; display: grid; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item { display: flex; flex-direction: column; overflow: hidden; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover { box-shadow: rgb(204, 204, 204) 0px 0px 7px 0px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .thumbs { height: 135px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info { padding: 8px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .title { line-height: 1.25; font-size: 15px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active, .goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover { color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled { font-size: 12px; color: rgb(91, 91, 91); }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions { padding: 4px 8px; text-align: right; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions .btn { padding: 2px 4px; font-size: 19px; color: rgb(149, 156, 163); cursor: pointer; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .list-result-panel .result-item { border-bottom: 1px solid rgb(222, 226, 230); --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); font-size: 14px; }



.goods_building_detail-container .goods_building_detail-style .transactions-box .list-result-panel .result-item .text-muted { font-size: 12px; }



.goods_building_detail-container .goods_building_detail-style .agents-box { --swiper-pagination-color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents { position: relative; padding-bottom: 40px; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-pagination { bottom: 10px; left: 0px; width: 100%; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-pagination .swiper-pagination-bullet { margin: 0px 4px; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-next, .goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-prev { --swiper-navigation-size: 20px; position: absolute; top: 45%; background: rgb(195, 195, 195); border-radius: 100%; padding: 1rem; color: rgb(255, 255, 255); width: 40px; height: 40px; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-prev { transform: translateX(30px); }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .swiper-button-next { transform: translateX(-30px); }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .agent-card .thumbs { flex-basis: 80px; height: 80px; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents .agent-card .thumbs img { object-fit: cover; width: 80px; height: 80px; min-width: 80px; max-width: 80px; }



.goods_building_detail-container .goods_building_detail-style .agents-box .swiper-agents blockquote { border-left: none; }



.goods_building_detail-container .goods_building_detail-style .agents-box .fa-whatsapp { color: rgb(71, 199, 87); }



.goods_building_detail-container .goods_building_detail-style .faq-box .panel { border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 0px; border-bottom: 1px solid rgb(222, 226, 230); box-shadow: none; padding: 0px 8px; background-color: transparent; }



.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading { background-color: transparent; border: none; font-size: 14px; font-weight: 700; }



.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading .panel-title > a[aria-expanded="true"] { color: var(--main_color); }



.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-heading .collapsed { color: rgb(51, 51, 51); }



.goods_building_detail-container .goods_building_detail-style .faq-box .panel .panel-body { padding-top: 0px; border: none; }



.mobile .goods_building_detail-container .container { width: 100%; }



.mobile .goods_building_detail-container .shop_goods { width: 100%; }



.mobile .goods_building_detail-container .blockquote-text { margin-top: 20px; }



.mobile .goods_building_detail-container .container-panel { margin: 0px; }



.mobile .goods_building_detail-container .article-link-qrcode { display: none; }



@media (min-width: 768px) {

  .text-md-start { text-align: left !important; }

  .container-panel { max-width: 540px; }

}



@media (min-width: 992px) {

  .sticky-lg-top { position: sticky; top: 0px; z-index: 10; }

  .goods_building_detail-style .container-panel { max-width: 100%; }

}



.goods_rental_detail-container { --main_color: #FD2345; }



.goods_rental_detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .goods_rental_detail-container .gw-align-container { max-width: var(--max-width); }

}



.goods_rental_detail-container .goods_rental_detail-content { font-size: 17px; }



.goods_rental_detail-container .goods_rental_detail-content * { max-width: 100%; }



.goods_rental_detail-container .bg-light { background-color: rgb(245, 245, 245); }



.goods_rental_detail-container .gap-2 { gap: 2px; }



.goods_rental_detail-container .gap-10 { gap: 10px; }



.goods_rental_detail-container .btn-light { color: rgb(0, 0, 0); background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); }



.goods_rental_detail-container .text-highlight-dark { color: rgb(160, 120, 0); }



.goods_rental_detail-container .list-line { padding-left: 0px; list-style: none; }



.goods_rental_detail-container .list-inline-item { display: inline-block; }



.goods_rental_detail-container .list-inline-item:not(:last-child) { margin-right: 0.5rem; }



.goods_rental_detail-container .text-block { color: rgb(51, 51, 51); }



.goods_rental_detail-container .text-primary { color: var(--main_color); }



.goods_rental_detail-container .color-green { color: green; }



.goods_rental_detail-container .color-blue { color: rgb(127, 200, 255); }



.goods_rental_detail-container .cursor-pointer { cursor: pointer; }



.goods_rental_detail-container .fit-contain { object-fit: contain; }



.goods_rental_detail-container .position-relative { position: relative; }



.goods_rental_detail-container .h-100 { height: 100%; }



.goods_rental_detail-container .w-100 { width: 100%; }



.goods_rental_detail-container .bold { font-weight: 700; }



.goods_rental_detail-container .d-block { display: block; }



.goods_rental_detail-container .img-fluid { max-width: 100%; height: auto; }



.goods_rental_detail-container .btn { outline: 0px; }



.goods_rental_detail-container .container-panel { margin: 0px 15px; }



.goods_rental_detail-container .fs-12 { font-size: 12px; }



.goods_rental_detail-container .fs-14 { font-size: 14px; }



.goods_rental_detail-container .fs-18 { font-size: 18px; }



.goods_rental_detail-container a:active, .goods_rental_detail-container a:hover { color: var(--main_color); }



.goods_rental_detail-container .btn-outline-primary { color: var(--main_color); border-color: var(--main_color); }



.goods_rental_detail-container .btn-outline-primary.active, .goods_rental_detail-container .btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: var(--main_color); border-color: var(--main_color); }



.goods_rental_detail-container .btn-menu .btn { outline: 0px; background-color: rgb(255, 255, 255); min-width: 100px; }



.goods_rental_detail-container .btn-menu .btn.btn-outline-primary.active, .goods_rental_detail-container .btn-menu .btn.btn-outline-primary:hover { background-color: var(--main_color); }



.goods_rental_detail-container .list-separator { --delimiter: " ・ "; display: inline-flex; flex-flow: wrap; gap: 0px; list-style: none; padding: 0px; margin: 0px; }



.goods_rental_detail-container .list-separator li + li::before { content: var(--delimiter); margin: 0px 2px; }



.goods_rental_detail-container .goods_rental_detail-style { position: relative; --swiper-theme-color: #fff; }



.goods_rental_detail-container .goods_rental_detail-style .property-header { display: block; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .header-info-panel { --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); }



.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons { text-align: right; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary { background-color: rgb(233, 232, 245); color: rgb(39, 36, 84); border-color: rgb(39, 36, 84); }



.goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary.active, .goods_rental_detail-container .goods_rental_detail-style .property-header .contact-buttons .btn-outline-secondary:hover { background-color: rgb(39, 36, 84); color: rgb(255, 255, 255); }



.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks { display: none; position: relative; background: rgb(255, 255, 255); box-shadow: rgba(120, 120, 120, 0.3) 0px 5px 35px 8px; height: 60px; font-size: 16px; z-index: 10; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track { gap: 25px; padding: 5px 0px 10px; border-bottom: none; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item { display: list-item; outline: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link { display: block; color: rgb(149, 156, 163); height: 45px; line-height: 45px; padding: 0px; text-decoration: none; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 3px solid transparent; transition: 0.3s ease-in-out; outline: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link.active, .goods_rental_detail-container .goods_rental_detail-style .property-header .page-tracks .nav-track .nav-item .nav-link:hover { color: rgb(0, 0, 0); border-color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .property-header.stuck .abbr-info { position: relative; z-index: 505; }



.goods_rental_detail-container .goods_rental_detail-style .property-header.stuck .page-tracks { display: block; }



.goods_rental_detail-container .goods_rental_detail-style .main-box { padding-bottom: 50px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .list-separator { --delimiter: " ・ "; display: inline-flex; flex-flow: wrap; gap: 0px; list-style: none; padding: 0px; margin: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .list-separator li + li::before { content: var(--delimiter); margin: 0px 2px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom { margin: 0px 0px 10px; gap: 10px; border: none; background-color: rgb(255, 255, 255); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom > li a:hover { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom .custom-item { padding: 10px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid transparent; font-weight: 700; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-tabs-custom .active .custom-item { border-color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .nav-map-tab-panel, .goods_rental_detail-container .goods_rental_detail-style .main-box .nav-street-tab-panel, .goods_rental_detail-container .goods_rental_detail-style .main-box .nav-vr-tab-panel { min-height: 400px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .swiper-slide img { width: 100%; height: 100%; object-fit: contain; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top { height: 80%; margin-bottom: 10px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide { cursor: pointer; aspect-ratio: 16 / 9; background-color: rgb(0, 0, 0); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide img { object-fit: contain; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .swiper-slide .caption { position: absolute; bottom: 5%; width: 100%; text-align: center; color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 1px 1px 3px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-top .count-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs { height: 80px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.6; border: 3px solid transparent; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide.active { opacity: 1; border: 3px solid var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-slide img { object-fit: cover; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next, .goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev { position: absolute; top: 0px; margin: 0px; height: 100%; width: 25px; background-color: rgb(178, 178, 178); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next::after, .goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev::after { font-size: 16px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-next { right: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .gallery-thumbs .swiper-button-prev { left: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid { display: grid; grid-auto-rows: 80px; grid-template-columns: repeat(auto-fill, minmax(94px, 1fr)); gap: 3px; height: 170px; padding-right: 1px; overflow: auto; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb { cursor: pointer; border: 3px solid transparent; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb.active { border: 3px solid var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .main-box .swiper-box .thumbs-grid .thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.goods_rental_detail-container .goods_rental_detail-style .main-box .vr-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel p { margin-bottom: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .avatar { width: 60px; height: 60px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn { display: flex; align-items: center; justify-content: space-between; border: 1px solid rgb(206, 212, 218); margin-bottom: 4px; padding: 6px 12px; border-radius: 4px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn a { padding: 0px 2px; margin: 0px; color: green; border: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .property-panel .daili-btn a:hover { background-color: green; color: rgb(255, 255, 255); }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-info { border: 1px solid rgb(206, 212, 218); margin-top: 15px; padding: 5px 10px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-info p { margin-bottom: 5px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar { display: flex; justify-content: end; gap: 10px; background-color: rgb(255, 255, 255); margin-bottom: 8px; margin-top: 8px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base { color: rgb(108, 117, 125); border-color: rgb(206, 212, 218); padding: 0px 8px; background-color: rgb(255, 255, 255); outline: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:active:focus, .goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:focus { outline: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base.has-collected, .goods_rental_detail-container .goods_rental_detail-style .property-info .task-bar .btn-outline-base:hover { color: var(--main_color); border-color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta { display: flex; flex-wrap: wrap; list-style: none; padding: 0px; margin: 0px; gap: 0px; justify-content: center; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta .value { font-weight: 700; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .list-meta .label { color: rgb(149, 156, 163); font-size: 12px; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data { table-layout: fixed; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data > tbody { vertical-align: inherit; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data > tbody tr { vertical-align: top; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data > tbody tr th { color: rgb(149, 156, 163); font-weight: 400; padding: 8px; border-top: none; }



.goods_rental_detail-container .goods_rental_detail-style .property-info .table-data > tbody tr td { padding: 8px; border-top: none; }



.goods_rental_detail-container .goods_rental_detail-style .property-main { display: flex; gap: 2%; }



.goods_rental_detail-container .goods_rental_detail-style .property-main .property-media { width: 58%; }



.goods_rental_detail-container .goods_rental_detail-style .property-main .property-info { width: 40%; }



.goods_rental_detail-container .goods_rental_detail-style .gallery-preview { position: relative; }



.goods_rental_detail-container .goods_rental_detail-style .gallery-preview .img-fluid { max-width: 100%; height: auto; display: block; }



.goods_rental_detail-container .goods_rental_detail-style .gallery-preview .count-bubble { cursor: pointer; position: absolute; bottom: 15px; right: 15px; border: 1px solid gray; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); border-radius: 0.25rem; z-index: 8; padding: 8px 16px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .table-sm > :not(caption) > * > * { padding: 4px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .table > :not(:last-child) > :last-child > * { border-bottom: 1px solid rgb(149, 156, 163); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results td, .goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th { text-align: center; vertical-align: middle; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th a .fa { opacity: 0.4; color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results th a.active .fa { opacity: 1; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .row-thumb a { height: 90px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .border { border: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .border-bottom { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-auto-rows: auto; gap: 10px; display: grid; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item { display: flex; flex-direction: column; overflow: hidden; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover { box-shadow: rgb(204, 204, 204) 0px 0px 7px 0px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .thumbs { height: 135px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info { padding: 8px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .title { line-height: 1.25; font-size: 15px; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active, .goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover { color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled { font-size: 12px; color: rgb(91, 91, 91); }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions { padding: 4px 8px; text-align: right; }



.goods_rental_detail-container .goods_rental_detail-style .listings-box .listview-results .listview-grid.listview-grid-sm .actions .btn { padding: 2px 4px; font-size: 19px; color: rgb(149, 156, 163); cursor: pointer; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .table-sm > :not(caption) > * > * { padding: 4px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .table > :not(:last-child) > :last-child > * { border-bottom: 1px solid rgb(149, 156, 163); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results td, .goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th { text-align: center; vertical-align: middle; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th a .fa { opacity: 0.4; color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results th a.active .fa { opacity: 1; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .row-thumb a { height: 90px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .border { border: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .border-bottom { border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); grid-auto-rows: auto; gap: 10px; display: grid; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item { display: flex; flex-direction: column; overflow: hidden; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .listview-item:hover { box-shadow: rgb(204, 204, 204) 0px 0px 7px 0px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .thumbs { height: 135px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info { padding: 8px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .title { line-height: 1.25; font-size: 15px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:active, .goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .link-black:hover { color: var(--main_color); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .info .list-unstyled { font-size: 12px; color: rgb(91, 91, 91); }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions { padding: 4px 8px; text-align: right; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .listview-results .listview-grid.listview-grid-sm .actions .btn { padding: 2px 4px; font-size: 19px; color: rgb(149, 156, 163); cursor: pointer; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .list-result-panel .result-item { border-bottom: 1px solid rgb(222, 226, 230); --bs-gutter-x: 0; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); font-size: 14px; }



.goods_rental_detail-container .goods_rental_detail-style .transactions-box .list-result-panel .result-item .text-muted { font-size: 12px; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-listview { display: flex; gap: 10px; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-listview .listview-item { flex-direction: column; flex: 0 0 24%; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .thumbs { flex-basis: 80px; height: 80px; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .thumbs img { object-fit: cover; width: 80px; height: 80px; min-width: 80px; max-width: 80px; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .details { flex-grow: 1; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .quote-msg { position: relative; border-radius: 4px; background-color: rgb(240, 240, 240); color: rgb(199, 147, 83); font-size: 12px; height: 35px; flex-basis: 35px; flex-shrink: 0; padding: 8px 16px; margin: 8px auto; }



.goods_rental_detail-container .goods_rental_detail-style .agents-box .agent-card .quote-msg::after { content: ""; position: absolute; display: block; width: 0px; left: 35px; top: 0px; border-width: 0px 8px 8px; border-right-style: solid; border-left-style: solid; border-right-color: transparent; border-left-color: transparent; border-image: initial; border-top-style: initial; border-top-color: initial; border-bottom-style: solid; border-bottom-color: rgb(240, 240, 240); transform: translateY(-100%); }



.goods_rental_detail-container .goods_rental_detail-style .agents-box blockquote { border-left: none; }



.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel { border-top: none; border-right: none; border-left: none; border-image: initial; border-radius: 0px; border-bottom: 1px solid rgb(222, 226, 230); box-shadow: none; padding: 0px 8px; background-color: transparent; }



.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-heading { background-color: transparent; border: none; color: var(--main_color); font-size: 14px; font-weight: 700; }



.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-heading .collapsed { color: rgb(51, 51, 51); }



.goods_rental_detail-container .goods_rental_detail-style .faq-box .panel .panel-body { padding-top: 0px; border: none; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box { margin-bottom: 30px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars { --swiper-pagination-color: var(--main_color); position: relative; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item { display: flex; flex-direction: column; height: 430px; border: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs { position: relative; height: 200px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; cursor: pointer; transition: transform 0.6s ease-in-out; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item.active { display: block; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-item > img { height: 100%; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .stock-item .thumbs .carousel-control { background: 0px 0px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info { padding: 8px; flex-grow: 1; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info .title { font-size: 16px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .info .lh-sm { line-height: 1.25; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .listview-item .actions .btn-link { color: rgb(149, 156, 163); font-size: 19px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-pagination { bottom: -24px; left: 0px; width: 100%; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-pagination .swiper-pagination-bullet { margin: 0px 4px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next, .goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev { --swiper-navigation-size: 20px; position: absolute; top: 45%; background: rgb(195, 195, 195); border-radius: 100%; padding: 1rem; color: rgb(255, 255, 255); width: 40px; height: 40px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next::after, .goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev::after { font-size: 16px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-next { right: 0px; }



.goods_rental_detail-container .goods_rental_detail-style .similars-box .swiper-similars .swiper-button-prev { left: 0px; }



.mobile .goods_rental_detail-container .container { width: 100%; }



.mobile .goods_rental_detail-container .container-panel { margin: 0px; }



.mobile .goods_rental_detail-container .property-main { display: block; }



.mobile .goods_rental_detail-container .property-main .property-media { width: 100%; }



.mobile .goods_rental_detail-container .property-main .property-info { width: 100%; }



.mobile .goods_rental_detail-container .agents-box .agent-listview .agent-item { flex: 0 0 49%; }



@media (min-width: 768px) {

  .text-md-start { text-align: left !important; }

  .container-panel { max-width: 540px; }

}



@media (min-width: 992px) {

  .sticky-lg-top { position: sticky; top: 0px; z-index: 9; }

  .goods_rental_detail-style .container-panel { max-width: 100%; }

  .goods_rental_detail-style .property-main { display: block; }

  .goods_rental_detail-style .property-main .property-media { width: 100%; }

  .goods_rental_detail-style .property-main .property-info { width: 100%; }

  .goods_rental_detail-style .agents-box .agent-listview .agent-item { flex: 0 0 49%; }

}



.goods_compare_detail-container { --main_color: #FD2345; }



.goods_compare_detail-container .gw-align-container { max-width: 100%; }



@media (min-width: 1200px) {

  .goods_compare_detail-container .gw-align-container { max-width: var(--max-width); }

}



.goods_compare_detail-container .bg-light { background-color: rgb(255, 255, 255); }



.goods_compare_detail-container .bg-black { background-color: rgb(0, 0, 0); }



.goods_compare_detail-container .gap-5 { gap: 5px; }



.goods_compare_detail-container .gap-10 { gap: 10px; }



.goods_compare_detail-container .btn-light { color: rgb(0, 0, 0); background-color: rgb(245, 245, 245); border-color: rgb(245, 245, 245); }



.goods_compare_detail-container .text-highlight-dark { color: rgb(160, 120, 0); }



.goods_compare_detail-container .flex-box-center { display: flex; justify-content: center; align-items: center; }



.goods_compare_detail-container .flex-column { flex-direction: column; }



.goods_compare_detail-container .list-line { padding-left: 0px; list-style: none; }



.goods_compare_detail-container .list-inline-item { display: inline-block; }



.goods_compare_detail-container .list-inline-item:not(:last-child) { margin-right: 0.5rem; }



.goods_compare_detail-container .text-primary { color: var(--main_color); }



.goods_compare_detail-container .btn-primary { color: rgb(255, 255, 255); background-color: var(--main_color); border-color: var(--main_color); }



.goods_compare_detail-container .btn-primary.disabled, .goods_compare_detail-container .btn-primary:disabled { color: rgb(255, 255, 255); background-color: var(--main_color); border-color: var(--main_color); }



.goods_compare_detail-container .btn.disabled, .goods_compare_detail-container .btn:disabled, .goods_compare_detail-container fieldset:disabled .btn { pointer-events: none; opacity: 0.65; }



.goods_compare_detail-container .rounded-0 { border-radius: 0px; }



.goods_compare_detail-container .cursor-pointer { cursor: pointer; }



.goods_compare_detail-container .fit-contain { object-fit: contain; }



.goods_compare_detail-container .flex-grow-1 { flex-grow: 1; }



.goods_compare_detail-container .h-100 { height: 100%; }



.goods_compare_detail-container .w-100 { width: 100%; }



.goods_compare_detail-container .border { border: 1px solid rgb(222, 226, 230); }



.goods_compare_detail-container .bold { font-weight: 700; }



.goods_compare_detail-container .d-block { display: block; }



.goods_compare_detail-container .img-fluid { max-width: 100%; height: auto; }



.goods_compare_detail-container .btn { outline: 0px; }



.goods_compare_detail-container .container-panel { margin: 0px 15px; }



.goods_compare_detail-container .fs-14 { font-size: 14px; }



.goods_compare_detail-container .fs-16 { font-size: 16px; }



.goods_compare_detail-container .fs-18 { font-size: 18px; }



.goods_compare_detail-container .fs-26 { font-size: 26px; }



.goods_compare_detail-container .lh-sm { line-height: 1.25; }



.goods_compare_detail-container .lh-1 { line-height: 1; }



.goods_compare_detail-container .link-black { color: rgb(0, 0, 0); }



.goods_compare_detail-container .position-relative { position: relative; }



.goods_compare_detail-container .text-pre { white-space: pre-line; }



.goods_compare_detail-container a:active, .goods_compare_detail-container a:hover { color: var(--main_color); }



.goods_compare_detail-container .d-none { display: none; }



.goods_compare_detail-container .fa-2x { font-size: 26px; }



.goods_compare_detail-container .mx-auto { margin-right: auto; margin-left: auto; }



.goods_compare_detail-container .btn-outline-secondary { color: rgb(39, 36, 84); border-color: rgb(39, 36, 84); }



.goods_compare_detail-container .list-separator { --delimiter: " ・ "; display: inline-flex; flex-flow: wrap; gap: 0px; list-style: none; padding: 0px; margin: 0px; }



.goods_compare_detail-container .list-separator li + li::before { content: var(--delimiter); margin: 0px 2px; }



.goods_compare_detail-container .goods_compare_detail-content { font-size: 17px; }



.goods_compare_detail-container .goods_compare_detail-content * { max-width: 100%; }



.goods_compare_detail-container .compare-style_0 { background-color: rgb(255, 255, 255); }



.goods_compare_detail-container .compare-style_0 .container-lg { width: 100%; padding: 0px 12px; margin: 0px; }



.goods_compare_detail-container .compare-style_0 .nav-tabs { border-bottom: none; }



.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item { padding: 0px 10px; }



.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item .nav-link { padding: 8px 0px; margin-bottom: 2px; color: rgb(91, 91, 91); font-weight: 700; border-bottom: 2px solid transparent; border-top: transparent; border-left: transparent; border-right: transparent; background-color: transparent; }



.goods_compare_detail-container .compare-style_0 .nav-tabs .nav-item .nav-link.active { border-bottom: 2px solid var(--main_color); background-color: transparent; }



.goods_compare_detail-container .compare-style_0 .compare-heading { height: 380px; }



.goods_compare_detail-container .compare-style_0 .compare-heading .legend { flex: 0 0 160px; }



.goods_compare_detail-container .compare-style_0 .compare-heading > .compare-linked { overflow-x: scroll; }



.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item { position: relative; flex: 1 0 220px; height: 100%; }



.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item .btn-item { white-space: break-spaces; background-color: transparent; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }



.goods_compare_detail-container .compare-style_0 .compare-heading .compare-item .btn-item:hover { background-color: rgb(245, 245, 245); color: rgb(91, 91, 91); }



.goods_compare_detail-container .compare-style_0 .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; cursor: pointer; transition: transform 0.6s ease-in-out; }



.goods_compare_detail-container .compare-style_0 .carousel-item > img { height: 100%; }



.goods_compare_detail-container .compare-style_0 .carousel-item.active { display: block; }



.goods_compare_detail-container .compare-style_0 .carousel-item.pointer-event { touch-action: pan-y; }



.goods_compare_detail-container .compare-style_0 .carousel-control { background: 0px 0px; }



.goods_compare_detail-container .compare-style_0 .compare-table { padding: 0px; font-size: 12px; overflow: scroll visible; }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content { border-bottom: 1px solid rgb(222, 226, 230); border-top: none; display: flex; }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item { display: grid; grid-template-columns: repeat(4, 225px); grid-template-rows: repeat(10, 1fr); grid-auto-flow: column; }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item li { white-space: pre-line; padding: 8px 10.5px; line-height: 1.42857; vertical-align: top; border-top: 1px solid rgb(221, 221, 221); }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item li:nth-child(2n) li { background: rgb(248, 248, 248); }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item_menu { min-width: 170px; max-width: 170px; display: grid; grid-template-columns: repeat(4, 225px); grid-template-rows: repeat(10, 1fr); grid-auto-flow: column; }



.goods_compare_detail-container .compare-style_0 .compare-table .compare-content .compare-item_menu > li { border-top: 1px solid rgb(221, 221, 221); background: rgb(245, 245, 245); position: sticky; left: 0px; top: auto; width: 170px; padding: 8px 10.5px 8px 8px; }



.goods_compare_detail-container .compare-style_0 .compare-table table { vertical-align: top; border-bottom: 1px solid rgb(222, 226, 230); border-top: none; }



.goods_compare_detail-container .compare-style_0 .compare-table table th { background: rgb(245, 245, 245); min-width: 170px; position: sticky; left: 0px; top: auto; width: 170px; }



.goods_compare_detail-container .compare-style_0 .compare-table table td { font-weight: 400; min-width: 225px; max-width: 225px; padding: 8px; background-color: transparent; box-shadow: transparent 0px 0px 0px 9999px inset; }



.goods_compare_detail-container .compare-style_0 .compare-table table td:nth-child(2n+3) { background: rgb(248, 248, 248); }



.goods_compare_detail-container .stock-item { flex-grow: 1; border: 1px solid rgb(222, 226, 230); font-size: 12px; }



.goods_compare_detail-container .stock-item .icons { position: absolute; right: 5px; bottom: 5px; z-index: 8; display: flex; opacity: 0.8; gap: 1px; pointer-events: none; }



.goods_compare_detail-container .stock-item .icons > span { display: flex; width: 38px; height: 30px; justify-content: center; align-items: center; padding: 5px; }



.goods_compare_detail-container .stock-item .thumbs { position: relative; height: 172px; border-bottom: 1px solid rgb(222, 226, 230); }



.goods_compare_detail-container .stock-item .btn-link { font-weight: 400; color: rgb(91, 91, 91); text-decoration: none; }



.goods_compare_detail-container .side-drawer { position: fixed; top: 0px; right: 0px; z-index: 1000; height: 100vh; background: rgb(255, 255, 255); transform: translateX(100%); transition: transform 0.25s; display: none; }



.goods_compare_detail-container .side-drawer .btn-toggle-side-drawer { position: absolute; top: 15px; left: -35px; color: rgb(255, 255, 255); display: none; }



.goods_compare_detail-container .side-drawer .nav-fill .nav-item { flex: 1 1 auto; text-align: center; padding-left: 0px; padding-right: 0px; border-top: transparent; border-right: transparent; border-left: transparent; border-image: initial; border-bottom: 2px solid transparent; background-color: transparent; }



.goods_compare_detail-container .side-drawer .nav-fill .nav-item a, .goods_compare_detail-container .side-drawer .nav-fill .nav-item a:focus, .goods_compare_detail-container .side-drawer .nav-fill .nav-item a:hover { outline: 0px; background-color: transparent; }



.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active { border-bottom: 2px solid var(--main_color); }



.goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a, .goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a:focus, .goods_compare_detail-container .side-drawer .nav-fill .nav-item.active a:hover { border: transparent; background-color: transparent; }



.goods_compare_detail-container .side-drawer .nav-fill .nav-link { color: rgb(91, 91, 91); font-weight: 700; border: transparent; }



.goods_compare_detail-container .side-drawer .pane-heading .nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }



.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a, .goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a:focus, .goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item a:hover { color: rgb(51, 51, 51); background-color: transparent; }



.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active { background-color: var(--main_color); }



.goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a, .goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a:focus, .goods_compare_detail-container .side-drawer .pane-heading .nav.nav-pills .nav-item.active a:hover { color: rgb(255, 255, 255); background-color: var(--main_color); }



.goods_compare_detail-container .side-drawer .pane-content { flex: 1 1 0%; overflow: auto; height: calc(-250px + 100vh); }



.goods_compare_detail-container .side-drawer .listview-list { display: flex; flex-direction: column; gap: 10px; }



.goods_compare_detail-container .side-drawer .listview-compact { display: flex; flex-direction: column; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container { overflow: hidden auto; position: sticky; top: 0px; flex-grow: 1; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item { border-bottom: 1px solid rgb(222, 226, 230); background-color: rgb(255, 255, 255); display: flex; flex-direction: row; height: auto; text-align: left; overflow: hidden; font-size: 14px; color: rgb(91, 91, 91); }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item { position: relative; border: none; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .thumbs { display: flex; flex-direction: column; width: 160px; flex-shrink: 0; gap: 5px; margin: 0px; padding: 0px; height: auto; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .actions { position: absolute; top: 0px; right: 0px; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item.stock-item .actions .btn-link { color: rgb(149, 156, 163); font-size: 19px; padding: 2px 4px; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item .list-separator { margin-bottom: 10px; }



.goods_compare_detail-container .side-drawer .listview-compact .listview-container .listview-item .info { padding: 0px 40px 10px 10px; display: block; }



.goods_compare_detail-container .canvas-overlay { visibility: hidden; position: fixed; top: 0px; left: 0px; z-index: 901; height: 100vh; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.25s; }



.side-nav-open { overflow: hidden; }



.side-nav-open .side-drawer { width: 480px; display: flex; flex-direction: column; transform: translateX(0px); }



.side-nav-open .side-drawer .btn-toggle-side-drawer { display: block; }



.side-nav-open .canvas-overlay { visibility: visible; opacity: 1; width: 100vw; }



.mobile .gw-editor-page .goods_compare_detail-container .container { width: 100%; }



.mobile .side-nav-open .side-drawer { width: 100%; }



@media (min-width: 992px) {

  .goods_compare_detail-container .d-lg-flex { display: flex !important; }

  .goods_compare_detail-container .d-lg-inline { display: inline !important; }

}



@media (max-width: 992px) {

  .compare-style_0 .compare-heading.pinned { position: sticky; height: 220px; top: 35px; box-shadow: rgb(179, 179, 179) 0px 1px 4px 0px; }

  .compare-style_0 .compare-heading.pinned .thumbs { display: none; }

}



#bdshare_weixin_qrcode_dialog { width: 251px !important; height: 297px !important; }



.friend-link-container { max-width: 960px; margin: 0px auto; padding: 24px 0px; }



.friend-link-container .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; padding-bottom: 16px; border-bottom: 1px solid rgb(240, 240, 240); }



.friend-link-container .header h1 { font-size: 22px; font-weight: 600; color: rgb(51, 51, 51); display: flex; align-items: center; gap: 10px; margin: 0px; letter-spacing: 0.5px; }



.friend-link-container .header h1::before { content: "🔗"; font-size: 20px; }



.friend-link-container .header .apply-btn { background: var(--gw-theme-color); color: rgb(255, 255, 255); border: none; padding: 9px 20px; border-radius: 4px; cursor: pointer; font-size: 13px; font-weight: 500; letter-spacing: 0.5px; transition: 0.2s; }



.friend-link-container .header .apply-btn:hover { opacity: 0.9; box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 8px; }



.friend-link-container .link-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 32px; }



.friend-link-container .link-cards .link-card { display: flex; align-items: center; gap: 14px; padding: 18px; background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); border-radius: 8px; text-decoration: none; transition: 0.25s; position: relative; overflow: hidden; }



.friend-link-container .link-cards .link-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 3px; height: 0px; background: var(--gw-theme-color,#409eff); transition: height 0.3s; border-radius: 0px 2px 2px 0px; }



.friend-link-container .link-cards .link-card:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px; border-color: transparent; }



.friend-link-container .link-cards .link-card:hover::before { height: 100%; }



.friend-link-container .link-cards .link-card .card-icon { width: 44px; height: 44px; border-radius: 8px; flex-shrink: 0; border: 1px solid rgb(240, 240, 240); overflow: hidden; background: rgb(250, 250, 250); }



.friend-link-container .link-cards .link-card .card-icon .logo-icon { width: 100%; height: 100%; object-fit: contain; }



.friend-link-container .link-cards .link-card .card-info { flex: 1 1 0%; min-width: 0px; }



.friend-link-container .link-cards .link-card .card-info h3 { font-size: 15px; font-weight: 500; color: rgb(51, 51, 51); margin: 0px 0px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.friend-link-container .link-cards .link-card .card-info p { font-size: 12px; color: rgb(153, 153, 153); margin: 0px 0px 4px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }



.friend-link-container .link-cards .link-card .card-info .domain { font-size: 11px; color: var(--gw-theme-color); opacity: 0.8; }



.friend-link-container .tag-links { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }



.friend-link-container .tag-links .tag { padding: 6px 16px; background: rgb(247, 247, 247); border: 1px solid transparent; border-radius: 20px; font-size: 13px; color: rgb(102, 102, 102); text-decoration: none; transition: 0.2s; }



.friend-link-container .tag-links .tag:hover { background: rgba(var(--gw-theme-color-rgb,64,158,255),.08); color: var(--gw-theme-color,#409eff); border-color: rgba(var(--gw-theme-color-rgb,64,158,255),.2); }



.friend-link-container .exchange-section { border-top: 1px solid rgb(240, 240, 240); padding-top: 24px; }



.friend-link-container .exchange-section .exchange-tip { font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 20px; line-height: 1.6; }



.friend-link-container .exchange-section .code-block { margin-bottom: 20px; background: rgb(250, 250, 250); border-radius: 6px; padding: 16px; border: 1px solid rgb(240, 240, 240); }



.friend-link-container .exchange-section .code-block p { font-size: 13px; font-weight: 500; color: rgb(51, 51, 51); margin: 0px 0px 10px; }



.friend-link-container .exchange-section .code-block textarea { width: 100%; padding: 10px 12px; border: 1px solid rgb(232, 232, 232); border-radius: 4px; font-size: 12px; font-family: "Courier New", Consolas, monospace; color: rgb(85, 85, 85); resize: none; margin-bottom: 10px; background: rgb(255, 255, 255); line-height: 1.5; box-sizing: border-box; }



.friend-link-container .exchange-section .code-block textarea:focus { outline: 0px; border-color: var(--gw-theme-color,#409eff); }



.friend-link-container .exchange-section .code-block .copy-btn { background: rgb(255, 255, 255); color: var(--gw-theme-color); border: 1px solid var(--gw-theme-color); padding: 6px 16px; border-radius: 4px; cursor: pointer; font-size: 12px; transition: 0.2s; }



.friend-link-container .exchange-section .code-block .copy-btn:hover { background: var(--gw-theme-color); color: rgb(255, 255, 255); }



@keyframes fadeIn { 

  0% { opacity: 0; }

  100% { opacity: 1; }

}



@keyframes slideUp { 

  0% { opacity: 0; transform: translateY(20px); }

  100% { opacity: 1; transform: translateY(0px); }

}



.friend-modal-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(6px); display: none; justify-content: center; align-items: center; z-index: 9999; animation: 0.2s ease 0s 1 normal none running fadeIn; }



.friend-modal-overlay .modal-content { background: rgb(255, 255, 255); padding: 28px 24px 22px; border-radius: 6px; width: 380px; max-width: 90%; position: relative; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 40px; animation: 0.25s ease 0s 1 normal none running slideUp; max-height: 90vh; overflow-y: auto; }



.friend-modal-overlay .modal-content .modal-close { position: absolute; top: 12px; right: 12px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; color: rgb(187, 187, 187); border: 1px solid transparent; border-radius: 4px; transition: 0.15s; line-height: 1; }



.friend-modal-overlay .modal-content .modal-close:hover { color: rgb(102, 102, 102); border-color: rgb(224, 224, 224); }



.friend-modal-overlay .modal-content h2 { font-size: 16px; font-weight: 500; color: rgb(34, 34, 34); margin: 0px 0px 20px; padding: 0px; letter-spacing: 0.5px; border-bottom: none; }



.friend-modal-overlay .modal-content .apply-form .form-group { margin-bottom: 16px; position: relative; }



.friend-modal-overlay .modal-content .apply-form .form-group > label { display: block; font-size: 12px; font-weight: 400; color: rgb(153, 153, 153); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }



.friend-modal-overlay .modal-content .apply-form .form-group input[type="number"], .friend-modal-overlay .modal-content .apply-form .form-group input[type="text"], .friend-modal-overlay .modal-content .apply-form .form-group select { width: 100%; padding: 4px 0px; border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(224, 224, 224); border-radius: 0px; font-size: 14px; box-sizing: border-box; outline: 0px; color: rgb(51, 51, 51); background: 0px 0px; transition: border-color 0.2s; }



.friend-modal-overlay .modal-content .apply-form .form-group input[type="number"]::placeholder, .friend-modal-overlay .modal-content .apply-form .form-group input[type="text"]::placeholder, .friend-modal-overlay .modal-content .apply-form .form-group select::placeholder { color: rgb(204, 204, 204); }



.friend-modal-overlay .modal-content .apply-form .form-group input[type="number"]:focus, .friend-modal-overlay .modal-content .apply-form .form-group input[type="text"]:focus, .friend-modal-overlay .modal-content .apply-form .form-group select:focus { border-bottom-color: var(--gw-theme-color,#409eff); }



.friend-modal-overlay .modal-content .apply-form .form-group::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 2px; background: var(--gw-theme-color,#409eff); transition: width 0.3s; }



.friend-modal-overlay .modal-content .apply-form .form-group:focus-within::after { width: 100%; }



.friend-modal-overlay .modal-content .apply-form .form-group select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23999' stroke-width='1.5' d='M1 1l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 4px center; padding-right: 24px; cursor: pointer; }



.friend-modal-overlay .modal-content .apply-form .form-group .radio-label { display: inline-flex; align-items: center; gap: 6px; margin-right: 16px; font-size: 13px; color: rgb(102, 102, 102); cursor: pointer; padding: 6px 14px; border: 1px solid rgb(224, 224, 224); border-radius: 20px; transition: 0.2s; }



.friend-modal-overlay .modal-content .apply-form .form-group .radio-label:hover { border-color: var(--gw-theme-color,#409eff); color: var(--gw-theme-color,#409eff); }



.friend-modal-overlay .modal-content .apply-form .form-group .radio-label input[type="checkbox"] { display: none; }



.friend-modal-overlay .modal-content .apply-form .form-group .radio-label:has(input:checked) { background: var(--gw-theme-color,#409eff); border-color: var(--gw-theme-color,#409eff); color: rgb(255, 255, 255); }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area { width: 100%; height: 80px; border: 1px dashed rgb(208, 208, 208); border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.2s; position: relative; overflow: hidden; }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area:hover { border-color: var(--gw-theme-color,#409eff); }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder { display: flex; flex-direction: column; align-items: center; gap: 6px; }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder .upload-icon { font-size: 24px; color: rgb(204, 204, 204); line-height: 1; }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder .upload-text { font-size: 12px; color: rgb(153, 153, 153); }



.friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-preview { max-width: 100%; max-height: 100%; object-fit: contain; }



.friend-modal-overlay .modal-content .apply-form .confirm-btn { width: 100%; background: 0px 0px; color: var(--gw-theme-color,#409eff); border: 1.5px solid var(--gw-theme-color,#409eff); padding: 11px 24px; border-radius: 4px; cursor: pointer; font-size: 14px; font-weight: 500; letter-spacing: 1px; transition: 0.2s; margin-top: 12px; text-transform: uppercase; }



.friend-modal-overlay .modal-content .apply-form .confirm-btn:hover { background: var(--gw-theme-color,#409eff); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; }



.friend-modal-overlay .modal-content .apply-form .confirm-btn:active { transform: scale(0.98); }



.friend-modal-overlay .modal-content .apply-form .confirm-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; box-shadow: none; }



.pc .hidden-sm { display: none; }



.mobile-2x .friend-modal-overlay .modal-content { padding: 14px 12px 11px; width: 150px; max-width: 300px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 20px; }



.mobile-2x .friend-modal-overlay .modal-content .modal-close { top: 6px; right: 6px; width: 14px; height: 14px; font-size: 8px; border-radius: 2px; }



.mobile-2x .friend-modal-overlay .modal-content h2 { font-size: 8px; margin: 0px 0px 10px; letter-spacing: 0.5px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group { margin-bottom: 8px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group > label { font-size: 6px; margin-bottom: 4px; letter-spacing: 0.5px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group input[type="number"], .mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group input[type="text"], .mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group select { padding: 2px 0px; font-size: 7px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group .radio-label { font-size: 6.5px; padding: 3px 7px; margin-right: 8px; gap: 3px; border-radius: 10px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area { height: 40px; border-radius: 2px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder { gap: 3px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder .upload-icon { font-size: 12px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .form-group .logo-upload-area .upload-placeholder .upload-text { font-size: 6px; }



.mobile-2x .friend-modal-overlay .modal-content .apply-form .confirm-btn { padding: 5.5px 12px; border-radius: 2px; font-size: 7px; letter-spacing: 0.5px; margin-top: 6px; border-width: 0.75px; }



.mobile .friend-link-container { padding: 10px 12px; }



.mobile .friend-link-container .header { margin-bottom: 14px; }



.mobile .friend-link-container .header h1 { font-size: 18px; }



.mobile .friend-link-container .header .apply-btn { padding: 6px 12px; font-size: 12px; }



.mobile .friend-link-container .link-cards { grid-template-columns: 1fr; gap: 12px; margin-bottom: 16px; }



.mobile .friend-link-container .link-cards .link-card { padding: 12px; }



.mobile .friend-link-container .link-cards .link-card .card-icon { width: 36px; height: 36px; }



.mobile .friend-link-container .link-cards .link-card .card-info h3 { font-size: 14px; }



.mobile .friend-link-container .tag-links { gap: 8px; margin-bottom: 20px; }



.mobile .friend-link-container .tag-links .tag { padding: 5px 10px; font-size: 12px; }



.mobile .friend-link-container .exchange-section { padding-top: 16px; }



.mobile .friend-link-container .exchange-section .exchange-tip { font-size: 13px; }



.mobile .friend-link-container .exchange-section .code-block textarea { font-size: 11px; min-height: 30px; }



.mobile .friend-modal-overlay .modal-content { width: 94%; padding: 20px; border-radius: 12px; }



.mobile .friend-modal-overlay .modal-content h2 { font-size: 18px; margin-bottom: 16px; padding-bottom: 12px; }



.mobile .friend-modal-overlay .modal-content .apply-form .confirm-btn { padding: 10px 20px; }



.mobile .gw-editor-page .article-detail-container .container { width: 100%; }



.mobile .gw-editor-page .article-detail-container .article-detail { width: 100%; }



.mobile .gw-editor-page .article-detail-container .article-link-qrcode { display: none; }



.mobile .gw-editor-page .article-detail-container .col-xs-12 { width: 100%; }



.gw-copyright .copyright_style_box .copyright_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-copyright .copyright_style_box .copyright_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-copyright .copyright_style_box .copyright_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-copyright .copyright_style_box .copyright_style_content .copyright_style_choose { background-image: url("/assets/visual-editor/images/copyrightImg.png"); display: block; margin: 8px auto; }



.gw-copyright .copyright_style_box .copyright_style_content .style_1 { background-position: -5px -35px; width: 190px; height: 24px; }



.gw-copyright .copyright_style_box .copyright_style_content .style_2 { background-position: -5px -70px; width: 190px; height: 24px; }



.gw-copyright .copyright_style_box .copyright_style_content .style_3 { background-position: -5px -105px; width: 190px; height: 24px; }



.gw-copyright .copyright_style_box .copyright_style_content .style_4 { background-position: -5px -140px; width: 190px; height: 24px; }



.gw-copyright .copyright_style_box .copyright_style_content .style_5 { background-position: 0px 0px; width: 190px; height: 24px; }



.gw-editor-copyright { height: 50px; line-height: 50px; text-align: center; }



.gw-editor-copyright.fixed-bottom { height: 55px; line-height: 55px; text-align: center; cursor: pointer; color: rgb(255, 255, 255); background-color: rgba(51, 51, 51, 0.75); width: 100%; }



.gw-editor-copyright.fixed-bottom .gw-editor-copyright-box { display: inline-block; }



.gw-editor-copyright.fixed-bottom .gw-editor-copyright-close { font-size: 1.5em; position: absolute; top: 0px; right: 0px; height: 30px; width: 32px; margin-top: -10px; float: right; }



.gw-editor-copyright.fixed-bottom .gw-editor-copyright-logo { display: inline-block; width: 80px; height: 30px; background: url("/assets/visual-editor/images/22logos_max.png") 0% 0% / 80px 30px no-repeat; vertical-align: middle; }



.gw-editor-copyright.fixed-bottom .gw-editor-copyright-font { display: inline-block; line-height: 55px; font-size: 14px; margin-left: 5px; vertical-align: middle; font-weight: 400; }



.gw-editor-copyright.fixed-bottom .gw-editor-copyright-btn { display: inline-block; margin-left: 30px; vertical-align: middle; font-size: 12px; width: 100px; height: 30px; line-height: 30px; border: 1px solid rgb(255, 255, 255); border-radius: 30px; padding-left: 5px; padding-right: 5px; }



.gw-goods-detail .goods_datail_style_box .goods_datail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods-detail .goods_datail_style_box .goods_datail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods-detail .goods_datail_style_box .goods_datail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-goods-detail .goods_datail_style_box .goods_datail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; background-size: 93%; }



.gw-goods-detail .goods_datail_style_box .style_0 { background-position: 3px -129px; width: 190px; height: 135px; margin: -13px auto 5px; }



.gw-goods-detail .goods_datail_style_box .style_1 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-goods-detail .goods_datail_style_box .style_2 { background-position: 3px -301px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-goods-detail .goods_datail_style_box .style_3 { background-position: 3px -763px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-goods-detail .goods_datail_style_box .style_4 { background-image: url("/assets/visual-editor/images/goods-style4.png"); width: 190px; height: 127px; margin: 10px auto -4px; background-position: 3px 0px; }



.gw-goods-detail .goods_datail_style_box .style_5 { background-image: url("/assets/visual-editor/images/goods-detail/style-5.png"); width: 190px; height: 120px; margin: 10px auto -4px; background-position: 3px 0px; }



.gw-goods-detail .goods_datail_style_box .style_6 { background-image: url("/assets/visual-editor/images/goods-detail/style-6.png"); width: 190px; height: 119px; margin: 10px auto -4px; background-position: 3px 0px; }



.gw-goods-detail .goods_datail_style_box .style_7 { background-image: url("/assets/visual-editor/images/goods-detail/style-7.png"); width: 190px; height: 303px; margin: 10px auto -4px; background-position: 3px 0px; }



.gw-goods-detail .goods_datail_style_box .style_8 { background-image: url("/assets/visual-editor/images/goods-detail/style-8.png"); width: 190px; height: 163px; margin: 10px auto -4px; background-position: 3px 0px; }



.gw-goods-detail .goods_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods-detail .goods_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods-detail .goods_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-goods-detail .gw-goods_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-goods-detail .type0 { background-position: -7px 5px; width: 190px; height: 100px; margin: 0px auto; }



.gw-goods-detail .type1 { background-position: -7px -84px; width: 190px; height: 100px; margin: 0px auto; }



.gw-case-detail .case_datail_style_box .case_datail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-case-detail .case_datail_style_box .case_datail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-case-detail .case_datail_style_box .case_datail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-case-detail .case_datail_style_box .case_datail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20191010"); display: block; cursor: pointer; }



.gw-case-detail .case_datail_style_box .style_0 { background-position: 0px -144px; width: 190px; height: 135px; margin: -13px auto 5px; }



.gw-case-detail .case_datail_style_box .style_1 { background-position: 0px 0px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-case-detail .case_datail_style_box .style_2 { background-image: url("/assets/visual-editor/images/case-style2.png"); width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-article-detail .article_datail_style_box .article_datail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-article-detail .article_datail_style_box .article_datail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-article-detail .article_datail_style_box .article_datail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-article-detail .article_datail_style_box .article_datail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-article-detail .article_datail_style_box .style_3 { background-position: 3px -612px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-article-detail .article_datail_style_box .style_4 { background-position: 3px -456px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-article-detail .article_datail_style_box .style_5 { background-position: 3px -914px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-article-detail .article_datail_style_box .style_6 { background-image: url("/assets/visual-editor/images/article-detail-style3/a.png"); width: 190px; height: 127px; margin: 10px auto -4px; background-position: 3px 6px; }



.gw-search-detail .search_datail_style_box .search_datail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-search-detail .search_datail_style_box .search_datail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-search-detail .search_datail_style_box .search_datail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 95%; }



.gw-search-detail .search_datail_style_box .search_datail_style_choose { background-image: url("/assets/visual-editor/images/search_detail_style.png"); display: block; cursor: pointer; }



.gw-search-detail .search_datail_style_box .style_0 { background-position: 0px 20px; width: 190px; height: 135px; margin: -13px auto 5px; }



.gw-search-detail .search_datail_style_box .style_1 { background-position: 0px -153px; width: 190px; height: 127px; margin: 10px auto -4px; }



.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-shop_goods_detail .shop_goods_detail_style_box .shop_goods_detail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-shop_goods_detail .shop_goods_detail_style_box .style_0 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-shop_goods_detail .shop_goods_detail_style_box .style_1 { background-position: 3px -308px; width: 190px; height: 114px; margin: 10px auto -4px; }



.gw-shop_goods_detail .shop_goods_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-shop_goods_detail .shop_goods_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-shop_goods_detail .shop_goods_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 96%; }



.gw-shop_goods_detail .gw-shop_goods_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-shop_goods_detail .type0 { background-position: 0px 5px; width: 190px; height: 95px; margin: 0px auto; }



.gw-shop_goods_detail .type1 { background-position: 0px -84px; width: 190px; height: 95px; margin: 0px auto; }



.gw-photos_detail .photos_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-photos_detail .photos_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-photos_detail .photos_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-photos_detail .gw-photos_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-photos_detail .type0 { background-position: -7px 5px; width: 190px; height: 100px; margin: 0px auto; }



.gw-photos_detail .type1 { background-position: -7px -84px; width: 190px; height: 100px; margin: 0px auto; }



.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-goods_special_column_detail .goods_special_column_detail_style_box .goods_special_column_detail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-goods_special_column_detail .goods_special_column_detail_style_box .style_0 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-goods_special_column_detail .goods_special_column_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_special_column_detail .goods_special_column_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_special_column_detail .goods_special_column_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 96%; }



.gw-goods_special_column_detail .gw-goods_special_column_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-goods_special_column_detail .type0 { background-position: 0px 5px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_special_column_detail .type1 { background-position: 0px -84px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-goods_building_detail .goods_building_detail_style_box .goods_building_detail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-goods_building_detail .goods_building_detail_style_box .style_0 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-goods_building_detail .goods_building_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_building_detail .goods_building_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_building_detail .goods_building_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 96%; }



.gw-goods_building_detail .gw-goods_building_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-goods_building_detail .type0 { background-position: 0px 5px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_building_detail .type1 { background-position: 0px -84px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-goods_rental_detail .goods_rental_detail_style_box .goods_rental_detail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-goods_rental_detail .goods_rental_detail_style_box .style_0 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-goods_rental_detail .goods_rental_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_rental_detail .goods_rental_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_rental_detail .goods_rental_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 96%; }



.gw-goods_rental_detail .gw-goods_rental_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-goods_rental_detail .type0 { background-position: 0px 5px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_rental_detail .type1 { background-position: 0px -84px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-goods_compare_detail .goods_compare_detail_style_box .goods_compare_detail_style_choose { background-image: url("/assets/visual-editor/images/goods-detail-style.png?d=20210425"); display: block; cursor: pointer; }



.gw-goods_compare_detail .goods_compare_detail_style_box .style_0 { background-position: 3px 0px; width: 190px; height: 116px; margin: 10px auto -4px; }



.gw-goods_compare_detail .goods_compare_detail_maxwidth { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods_compare_detail .goods_compare_detail_maxwidth.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods_compare_detail .goods_compare_detail_maxwidth button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 96%; }



.gw-goods_compare_detail .gw-goods_compare_detail_maxwidth_choose { background-image: url("/assets/visual-editor/images/photos_detail_maxwidth.png"); display: block; cursor: pointer; }



.gw-goods_compare_detail .type0 { background-position: 0px 5px; width: 190px; height: 95px; margin: 0px auto; }



.gw-goods_compare_detail .type1 { background-position: 0px -84px; width: 190px; height: 95px; margin: 0px auto; }



.grid-demo-list { width: 225px; }



.grid-demo-list li { background: url("/assets/visual-editor/images/grid-icon.jpg") 0% 0% / cover no-repeat; width: 60px; height: 60px; border: 2px solid rgb(221, 221, 221); float: left; margin-top: 15px; margin-left: 15px; }



.grid-demo-list .selected { border: 2px solid rgb(17, 129, 255); }



.grid-demo-list .col-12 { background-position: 0px 0px; }



.grid-demo-list .col-6-6 { background-position: 0px -56px; }



.grid-demo-list .col-12-12 { background-position: 0px -112px; }



.grid-demo-list .col-3-9 { background-position: 0px -168px; }



.grid-demo-list .col-9-3 { background-position: 0px -224px; }



.grid-demo-list .col-4-4-4 { background-position: 0px -279px; }



.grid-demo-list .col-3-3-3-3 { background-position: 0px -335px; }



.grid-demo-list .col-2-2-2-2-2-2 { background-position: 0px -391px; }



.grid-demo-list .col-manual { background-position: 0px -449px; }



.pc .grid-col-pc-1, .pc .grid-col-pc-10, .pc .grid-col-pc-11, .pc .grid-col-pc-12, .pc .grid-col-pc-2, .pc .grid-col-pc-3, .pc .grid-col-pc-4, .pc .grid-col-pc-5, .pc .grid-col-pc-6, .pc .grid-col-pc-7, .pc .grid-col-pc-8, .pc .grid-col-pc-9 { float: left; position: relative; height: auto; padding-left: 0px; padding-right: 0px; }



.pc .grid-col-pc-0 { width: 0px; }



.pc .grid-col-pc-1 { width: 8.33333%; }



.pc .grid-col-pc-2 { width: 16.6667%; }



.pc .grid-col-pc-3 { width: 25%; }



.pc .grid-col-pc-4 { width: 33.3333%; }



.pc .grid-col-pc-5 { width: 41.6667%; }



.pc .grid-col-pc-6 { width: 50%; }



.pc .grid-col-pc-7 { width: 58.3333%; }



.pc .grid-col-pc-8 { width: 66.6667%; }



.pc .grid-col-pc-9 { width: 75%; }



.pc .grid-col-pc-10 { width: 83.3333%; }



.pc .grid-col-pc-11 { width: 91.6667%; }



.pc .grid-col-pc-12 { width: 100%; }



.pc .gw-browse-grid { height: 500px; }



.mobile .grid-col-mobile-1, .mobile .grid-col-mobile-10, .mobile .grid-col-mobile-11, .mobile .grid-col-mobile-12, .mobile .grid-col-mobile-2, .mobile .grid-col-mobile-3, .mobile .grid-col-mobile-4, .mobile .grid-col-mobile-5, .mobile .grid-col-mobile-6, .mobile .grid-col-mobile-7, .mobile .grid-col-mobile-8, .mobile .grid-col-mobile-9 { float: left; position: relative; height: auto; padding-left: 0px; padding-right: 0px; }



.mobile .grid-col-mobile-0 { width: 0px; }



.mobile .grid-col-mobile-1 { width: 8.33333%; }



.mobile .grid-col-mobile-2 { width: 16.6667%; }



.mobile .grid-col-mobile-3 { width: 25%; }



.mobile .grid-col-mobile-4 { width: 33.3333%; }



.mobile .grid-col-mobile-5 { width: 41.6667%; }



.mobile .grid-col-mobile-6 { width: 50%; }



.mobile .grid-col-mobile-7 { width: 58.3333%; }



.mobile .grid-col-mobile-8 { width: 66.6667%; }



.mobile .grid-col-mobile-9 { width: 75%; }



.mobile .grid-col-mobile-10 { width: 83.3333%; }



.mobile .grid-col-mobile-11 { width: 91.6667%; }



.mobile .grid-col-mobile-12 { width: 100%; }



.mobile .gw-browse-grid { height: 250px; }



.gw-special-grid { min-height: 28px; }



.gw-special-grid .gw-browse-container { position: relative; }



.gw-browse-grid-content { height: 100%; width: 100%; }



.gw-editor-grid { z-index: 20; }



.gw-editor-grid .gw-browse-grid::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px dashed rgb(204, 204, 204); }



.gw-editor-grid .gw-browse-grid.gw-highlight::after { border-color: rgb(0, 145, 255); }



.gw-editor-grid .gw-browse-grid.ui-resizable-resizing { width: 100% !important; }



.gw-editor-grid .gw-browse-grid > .ui-resizable-s { height: 10px; background: 0px 0px; }



.gw-editor-grid .gw-browse-grid > .ui-resizable-s::before { top: 5px; }



.gw-browse-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }



.gw-browse-container-content { width: 100%; height: 100%; }



.gw-browse-container[data-editable="0"] { left: 0px !important; top: 0px !important; width: 100% !important; height: 100% !important; }



.gw-editor-container > .gw-highlight[data-editable="1"]::after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; border: 1px solid rgb(0, 145, 255); }



.gw-editor-container .gw-browse-container[data-editable="1"] { background: rgba(204, 204, 204, 0.34); z-index: 1; }



.gw-editor-container .gw-browse-container-tool { right: 1px; top: 1px; }



.gw-edit-tool-region > .gw-component-settings-host { display: none; position: absolute; inset: 0px; z-index: 2; overflow: hidden; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-component-settings-host > .gw-code-new-settings-frame { display: block; position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; border: 0px; background: rgb(247, 248, 250); opacity: 0; }



.gw-edit-tool-region > .gw-component-settings-host.gw-component-settings-ready > .gw-code-new-settings-frame { opacity: 1; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton { position: absolute; inset: 0px; z-index: 0; display: flex; flex-direction: column; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton i { display: block; height: 10px; border-radius: 999px; background: rgb(232, 235, 239); animation: 1.4s ease-in-out 0s infinite normal none running gw-component-skeleton-pulse; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-tabs { display: flex; gap: 8px; padding: 15px 16px; border-bottom: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-tabs i { flex: 1 1 0%; min-width: 0px; height: 32px; border-radius: 7px; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-body { display: flex; flex: 1 1 0%; flex-direction: column; gap: 18px; min-height: 0px; overflow: hidden; padding: 20px 16px; background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-body .is-heading { width: 34%; height: 12px; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-body .is-label { width: 42%; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-body .is-control { width: 100%; height: 36px; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-footer { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-top: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-footer i:first-child { width: 58px; height: 20px; margin-right: auto; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-footer i:nth-child(2) { width: 52px; height: 26px; }



.gw-edit-tool-region > .gw-component-settings-host .gw-component-settings-skeleton-footer i:last-child { width: 88px; height: 30px; }



.gw-edit-tool-region > #component-edit.active ~ .gw-component-settings-host { display: block; }



.gw-edit-tool-region > .gw-component-settings-host.gw-component-settings-ready .gw-component-settings-skeleton { visibility: hidden; opacity: 0; pointer-events: none; }



@keyframes gw-component-skeleton-pulse { 

  50% { opacity: 0.5; }

}



@media (prefers-reduced-motion: reduce) {

  .gw-component-settings-skeleton i { animation: auto ease 0s 1 normal none running none; }

}



.gw-component-edit-region .gw-text-editor-textarea.form-group { margin-bottom: 10px; }



.gw-component-edit-region .gw-text-verticle-align-btn { width: 36px; height: 36px; background-color: rgb(212, 217, 226); padding: 0px; outline: 0px !important; color: rgb(255, 255, 255) !important; margin: 0px !important; }



.gw-component-edit-region .gw-text-verticle-align-btn.active { background-color: rgb(45, 141, 240); }



.gw-component-edit-region .gw-component-text-btn { display: flex; justify-content: space-between; gap: 10px; }



.gw-component-edit-region .gw-component-text-btn .ai-polishing { position: relative; font-size: 14px; flex: 1 1 0%; }



.gw-component-edit-region .gw-component-text-btn .ai-polishing .ai-polishing-btn { display: flex; align-items: center; justify-content: center; height: 34px; background: rgb(49, 139, 250); color: rgb(255, 255, 255); padding: 6px 12px; border-radius: 4px; margin-bottom: 10px; cursor: pointer; }



.gw-component-edit-region .gw-components-text-replace-container { display: flex; gap: 16px; align-items: center; }



.gw-component-edit-region .gw-components-text-replace-container .iconfont { margin: 0px 0px 10px; height: 16px; width: 16px; display: block; color: rgb(170, 170, 170); }



.gw-component-edit-region .gw-components-text-replace-container .iconfont:hover { color: rgb(49, 139, 250); }



.gw-component-edit-region .gw-text-align-group { grid-template-columns: repeat(3, 1fr); gap: 3px; display: grid !important; }



.gw-component-edit-region .gw-text-align-group button { margin-left: 0px !important; }



.gw-component-edit-region .gw-text-tools-panel { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }



.gw-component-edit-region .gw-text-tools-panel .gw-components-emoji-btn { cursor: pointer; }



.gw-component-edit-region .gw-text-tools-panel .gw-components-emoji-btn:hover { background-color: rgb(78, 144, 255); color: rgb(255, 255, 255); }



.gw-component-edit-region .gw-text-tools-panel .redo-undo { cursor: pointer; transform: rotate(180deg); }



.gw-component-edit-region .gw-text-tools-panel .gw-text-icon-btn { cursor: pointer; font-size: 14px; padding: 5px; background-color: rgb(238, 238, 238); border-radius: 50%; }



.gw-component-edit-region .gw-text-tools-panel .gw-components-redo-btn, .gw-component-edit-region .gw-text-tools-panel .gw-components-undo-btn { font-size: 16px; padding: 7px; }



.gw-component-edit-region .gw-text-tools-panel .gw-components-redo-btn.disabled, .gw-component-edit-region .gw-text-tools-panel .gw-components-undo-btn.disabled { background-color: rgb(238, 238, 238); color: rgb(255, 255, 255); }



.gw-component-edit-region .gw-text-tools-panel .gw-components-redo-btn.active, .gw-component-edit-region .gw-text-tools-panel .gw-components-undo-btn.active { background-color: rgb(78, 144, 255); color: rgb(255, 255, 255); }



.ai-polishing-list-container { display: none; position: fixed; inset: 0px; height: 100%; width: 100%; z-index: 9999; filter: drop-shadow(rgba(0, 0, 0, 0.15) 2px 4px 6px); }



.ai-polishing-list-container .ai-polishing-list { position: absolute; padding: 10px; width: 190px; background: rgb(255, 255, 255); border-radius: 10px; transform: translate(-15px); opacity: 0; transition: 0.15s ease-in-out; }



.ai-polishing-list-container .ai-polishing-list .ai-polishing-part-item { display: flex; align-items: center; justify-content: space-between; font-size: 14px; padding: 5px; border-radius: 4px; cursor: pointer; }



.ai-polishing-list-container .ai-polishing-list .ai-polishing-part-item:hover { background: rgb(240, 240, 240); }



.ai-polishing-list-container .ai-polishing-list .ai-polishing-part-item::after { content: ""; display: none; height: 15px; width: 15px; border-width: 2px; border-style: solid; border-color: rgb(49, 139, 250) rgb(238, 238, 238) rgb(238, 238, 238); border-image: initial; border-radius: 50%; animation: 0.5s linear 0s infinite normal none running rotate; }



.ai-polishing-list-container .ai-polishing-list .ai-polishing-part-item.loading::after { display: block; }



.ai-polishing-list-container .ai-polishing-list-arrow { position: absolute; width: 20px; height: 20px; opacity: 0; background: rgb(255, 255, 255); transform: rotate(45deg) translate(calc(-50% - 15px)); transition: 0.15s ease-in-out; top: var(--list-arrow-top); left: var(--list-arrow-left); }



@keyframes rotate { 

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



.gw-shape-btn button { width: 130px; height: 40px; outline: 0px; color: rgb(255, 255, 255); background-color: rgb(127, 200, 255); border: none; }



.gw-shape-btn button.large { width: 184px; }



.gw-shape-btn .form-group:nth-child(2) button { border-radius: 20px; }



.gw-shape-btn .form-group:nth-child(3) button { border-radius: 6px; }



.gw-shape-btn .form-group:nth-child(4) button { border-radius: 15px 0px; }



:has(.gw-shape-btn) .ai-polishing { display: none; }



.gw-component-edit-region .gw-button-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-edit-tool-region > .gw-button-settings-persistent-host { display: none; position: absolute; inset: 0px; z-index: 2; overflow: hidden; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-button-settings-persistent-host > .gw-code-new-settings-frame { display: block; position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; border: 0px; background: rgb(247, 248, 250); opacity: 0; }



.gw-edit-tool-region > .gw-button-settings-persistent-host.gw-button-settings-ready > .gw-code-new-settings-frame { opacity: 1; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton { position: absolute; inset: 0px; z-index: 0; display: flex; flex-direction: column; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton i { display: block; height: 10px; border-radius: 999px; background: rgb(232, 235, 239); animation: 1.4s ease-in-out 0s infinite normal none running gw-button-skeleton-pulse; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-tabs { display: flex; gap: 8px; padding: 15px 16px; border-bottom: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-tabs i { width: 33.333%; height: 32px; border-radius: 7px; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-body { display: flex; flex: 1 1 0%; flex-direction: column; gap: 18px; min-height: 0px; overflow: hidden; padding: 20px 16px; background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-body .is-heading { width: 34%; height: 12px; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-body .is-label { width: 42%; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-body .is-control { width: 100%; height: 36px; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-footer { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-top: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-footer i:first-child { width: 58px; height: 20px; margin-right: auto; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-footer i:nth-child(2) { width: 52px; height: 26px; }



.gw-edit-tool-region > .gw-button-settings-persistent-host .gw-button-settings-skeleton-footer i:last-child { width: 88px; height: 30px; }



.gw-edit-tool-region > #component-edit.active ~ .gw-button-settings-persistent-host { display: block; }



.gw-edit-tool-region > .gw-button-settings-persistent-host.gw-button-settings-ready .gw-button-settings-skeleton { visibility: hidden; opacity: 0; pointer-events: none; }



@keyframes gw-button-skeleton-pulse { 

  50% { opacity: 0.5; }

}



@media (prefers-reduced-motion: reduce) {

  .gw-button-settings-skeleton i { animation: auto ease 0s 1 normal none running none; }

}



.gw-images-shape .shape-imgs { display: flex; justify-content: space-between; }



.gw-images-shape .shape-imgs button { background-repeat: no-repeat; width: 50px; height: 50px; border: none; outline: 0px; display: inline-block; background-color: transparent; text-align: center; }



.gw-images-shape .shape-imgs button.active { border-color: rgb(102, 175, 233); outline: 0px; }



.gw-images-shape .shape-imgs button:nth-child(1) { background-image: url("/assets/visual-editor/images/image-component/noactive1.png"); }



.gw-images-shape .shape-imgs button:nth-child(1).active { background-image: url("/assets/visual-editor/images/image-component/active1.png"); }



.gw-images-shape .shape-imgs button:nth-child(2) { background-image: url("/assets/visual-editor/images/image-component/noactive2.png"); }



.gw-images-shape .shape-imgs button:nth-child(2).active { background-image: url("/assets/visual-editor/images/image-component/active2.png"); }



.gw-images-shape .shape-imgs button:nth-child(3) { background-image: url("/assets/visual-editor/images/image-component/noactive3.png"); }



.gw-images-shape .shape-imgs button:nth-child(3).active { background-image: url("/assets/visual-editor/images/image-component/active3.png"); }



.form-group.open-enlarge { padding-top: 15px; border-top: 1px solid rgb(232, 232, 232); margin-bottom: 0px; }



.form-group.open-enlarge > p { margin-top: 7px; }



.form-group.open-enlarge label { width: fit-content; }



.gw-component-edit-region .gw-images-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-divide-editor .gw-content .gw-divide-hd input { width: 70px; display: inline-block; }



.gw-component-edit-region .gw-divide-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.layer-special-list { margin: 15px; }



.gw-carousel-editor .carousel_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-carousel-editor .carousel_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-carousel-editor .carousel_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-carousel-editor .carousel_style_choose { display: block; cursor: pointer; background-repeat: no-repeat; }



.gw-carousel-editor .carousel_style_choose.style_1 { background-image: url("/assets/visual-editor/images/special_list/pc-style1.png"); width: 190px; height: 70px; margin: 0px auto; }



.gw-carousel-editor .carousel_style_choose.style_2 { background-image: url("/assets/visual-editor/images/special_list/pc-style2.png"); width: 190px; height: 70px; margin: 0px auto; }



.gw-carousel-editor .carousel_style_choose.style_3 { background-image: url("/assets/visual-editor/images/special_list/pc-style2.png"); width: 190px; height: 70px; margin: 0px auto; }



.sp-light { z-index: 19999999; }



.gw-carousel-layer .tips-yellow { display: inline-block; margin: 0px; }



.gw-carousel-layer .no-margin-bottom { margin-bottom: 0px; }



.gw-carousel-layer .text-danger { margin-right: 4px; }



.gw-carousel-layer .control-label.enlarge-label { padding-top: 0px; }



.gw-carousel-layer .gw-switch-button { margin-top: 4px; }



.gw-component-edit-region .gw-carousel-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



#nav-column-show .horn { position: absolute; width: 16px; height: 16px; background-color: rgb(255, 255, 255); right: 0px; bottom: -8px; transform: translateX(8px) rotateZ(45deg); }



#nav-column-show div.list-group-item { overflow: hidden; padding: 14px; line-height: 16px; width: 200px; }



#nav-column-show div.list-group-item:hover { border-color: rgb(45, 141, 240); cursor: pointer; }



#nav-column-show div.list-group-item:hover .horn { background-color: rgb(45, 141, 240); }



#nav-column-show div.list-group-sec-item.list-group-item { width: 205px; min-height: 40px; margin-bottom: 16px; padding: 12px; }



#nav-column-show div.list-group-sec-item.list-group-item::before { content: ""; display: block; width: 15px; height: 0px; border-top: 1px solid rgb(204, 204, 204); position: absolute; top: 20px; left: -15px; }



#nav-column-show div.list-group-three-item.list-group-item { width: 191px; min-height: 40px; margin-bottom: 16px; padding: 12px; }



#nav-column-show div.list-group-three-item.list-group-item::before { content: ""; display: block; width: 15px; height: 0px; border-top: 1px solid rgb(204, 204, 204); position: absolute; top: 20px; left: -15px; }



.gw-nav-editor .gw-editor-menu-list { width: 64px; }



.gw-nav-editor .gw-editor-content-list #nav-column-show .list-group-sec-item.list-group-item { width: 174px; }



.gw-nav-editor .gw-editor-content-list #nav-column-show .gw-edit-three-list .list-group-item.list-group-three-item { width: 161px; }



.gw-component-edit-region .gw-nav-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-form-editor .gw-form-item-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-form-editor .gw-form-item-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-form-editor .list-group-item { display: flex; align-items: center; margin-bottom: 8px; border-radius: 4px; padding: 12px; }



.gw-form-editor .list-group-item span { flex-grow: 1; }



.gw-form-item-delete .content { display: flex; flex-direction: column; align-items: center; color: rgb(96, 98, 102); }



.gw-form-item-delete .content .icon { color: rgb(254, 91, 87); font-size: 32px; border: 1px solid rgb(254, 91, 87); border-radius: 50%; line-height: 32px; padding: 4px; margin-bottom: 16px; }



.gw-component-edit-region .gw-form-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-article-editor .gw-article-items-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-article-editor .gw-article-items-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-article-editor .article_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-article-editor .article_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-article-editor .article_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-article-editor .article_style_choose { background-size: contain; }



.gw-article-editor .style_1 { width: 183px; height: 78px; background-image: url("/assets/visual-editor/images/component-article/style1.png"); }



.gw-article-editor .style_2 { width: 183px; height: 56px; background-image: url("/assets/visual-editor/images/component-article/style2.png"); }



.gw-article-editor .style_3 { width: 183px; height: 50px; background-image: url("/assets/visual-editor/images/component-article/style3.png"); }



.gw-article-editor .style_4 { width: 183px; height: 54px; background-image: url("/assets/visual-editor/images/component-article/style4.png"); }



.gw-article-editor .style_5 { width: 183px; height: 74px; background-image: url("/assets/visual-editor/images/component-article/style5.png"); }



.gw-article-editor .style_6 { width: 183px; height: 68px; background-image: url("/assets/visual-editor/images/component-article/style6.png"); }



.gw-article-editor .style_7 { width: 183px; height: 76px; background-image: url("/assets/visual-editor/images/component-article/style7.png"); }



.gw-article-editor .style_8 { width: 183px; height: 80px; background-image: url("/assets/visual-editor/images/component-article/style8.png"); }



.gw-article-editor .style_9 { width: 183px; height: 80px; background-image: url("/assets/visual-editor/images/component-article/style9.png"); }



.gw-article-editor .style_10 { width: 183px; height: 93px; background-image: url("/assets/visual-editor/images/component-article/style10.png"); }



.gw-article-editor .style_11 { width: 183px; height: 68px; background-image: url("/assets/visual-editor/images/component-article/style11.png"); }



.gw-article-editor .on .style_1 { background-image: url("/assets/visual-editor/images/component-article/style1-active.png"); }



.gw-article-editor .on .style_2 { background-image: url("/assets/visual-editor/images/component-article/style2-active.png"); }



.gw-article-editor .on .style_3 { background-image: url("/assets/visual-editor/images/component-article/style3-active.png"); }



.gw-article-editor .on .style_4 { background-image: url("/assets/visual-editor/images/component-article/style4-active.png"); }



.gw-article-editor .on .style_5 { background-image: url("/assets/visual-editor/images/component-article/style5-active.png"); }



.gw-article-editor .on .style_6 { background-image: url("/assets/visual-editor/images/component-article/style6-active.png"); }



.gw-article-editor .on .style_7 { background-image: url("/assets/visual-editor/images/component-article/style7-active.png"); }



.gw-article-editor .on .style_8 { background-image: url("/assets/visual-editor/images/component-article/style8-active.png"); }



.gw-article-editor .on .style_9 { background-image: url("/assets/visual-editor/images/component-article/style9-active.png"); }



.gw-article-editor .on .style_10 { background-image: url("/assets/visual-editor/images/component-article/style10-active.png"); }



.gw-article-editor .on .style_11 { background-image: url("/assets/visual-editor/images/component-article/style11-active.png"); }



.gw-article-editor .list-group-item span { width: 65%; }



.layer-article { margin: 0px 15px 22px; }



.layer-article .gw-choice-article-header li { margin-bottom: 0px; }



.layer-article .gw-choice-article-header li a { border: 0px; }



.layer-article .gw-choice-article-header li a:focus, .layer-article .gw-choice-article-header li a:hover { color: rgb(45, 141, 240); border: 0px; background-color: rgb(255, 255, 255); }



.layer-article .gw-choice-article-header li.active a { color: rgb(45, 141, 240); }



.layer-article .list-keywords-box { padding: 0px 15px; margin: 24px 0px 14px; display: flex; align-items: center; }



.layer-article .list-keywords-box input { margin-left: 24px; flex: 1 1 0%; }



.layer-article .tab-content { margin: 16px 0px 10px; }



.layer-article .tab-content .tips-yellow { margin: 0px; padding: 0px 15px; }



.layer-article .tab-content .input-group .input-group-addon { cursor: pointer; background-color: rgb(255, 255, 255); border: none; padding-left: 0px; width: auto; }



.layer-article .tab-content ul { cursor: pointer; margin: 10px 0px; height: 360px; overflow-y: scroll; border-radius: 4px; background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 223, 230); }



.layer-article .tab-content ul.gw-choice-article-list { color: rgb(136, 143, 158); }



.layer-article .tab-content ul li { padding: 8px 16px; background-color: rgb(255, 255, 255); cursor: pointer; }



.layer-article .tab-content ul li:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-article .tab-content .row { margin: 0px; }



.layer-article .tab-content .row .left-right-arrow { margin-top: 140px; }



.layer-article .tab-content .row .left-right-arrow i { padding: 4px; border: 1px solid rgb(220, 223, 230); border-radius: 4px; }



.layer-article .tab-content .row .choosed_article { color: rgb(45, 141, 240); }



.layer-article .tab-content .gw-dynamic-article { padding-left: 15px; }



.layer-article .tab-content .gw-dynamic-article label { font-weight: 500; padding-right: 15px; }



.layer-article .tab-content .gw-dynamic-article .form-group { display: flex; }



.layer-article .gw-article-load-more { display: block; background-color: rgb(255, 255, 255); text-align: center; padding: 10px; }



.layer-article .gw-article-load-more.no-more a { color: rgb(182, 187, 198); }



.layer-article .gw-article-load-more a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-article-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-map-editor .js-map-add-marker { color: rgb(59, 152, 239); line-height: 44px; font-size: 12px; }



.gw-map-editor .js-map-location { width: 184px; }



.gw-map-editor .fa-map-marker { color: rgb(59, 152, 239); }



.gw-map-editor .gw-editor-group .marker_edit_panel label { width: 48px; }



.gw-map-editor .gw-editor-group .marker_edit_panel .form-control { border-right: 1px solid rgb(204, 204, 204); width: 184px; color: rgb(136, 143, 158); }



.gw-map-editor .gw-editor-group .marker_edit_panel .btn { padding: 4px 15px; }



.gw-map-editor .tags { display: flex; align-items: center; justify-content: space-between; }



.gw-map-editor .map-btn { width: 112px; height: 36px; color: rgb(255, 255, 255); background-color: rgb(45, 141, 240); border-radius: 2px; text-align: center; line-height: 36px; cursor: pointer; }



.gw-component-edit-region .gw-map-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-goods-editor .gw-goods-items-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-goods-editor .gw-goods-items-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-goods-editor .goods_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-goods-editor .goods_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-goods-editor .goods_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-goods-editor .goods_style_choose { background-image: url("/assets/visual-editor/images/article-style.png"); display: block; cursor: pointer; }



.gw-goods-editor .style_1 { background-position: 3px 0px; width: 190px; height: 70px; margin: 10px auto -4px; }



.gw-goods-editor .style_2 { background-position: 3px -67px; width: 190px; height: 66px; margin: -13px auto 5px; }



.gw-goods-editor .style_3 { background-position: 0px -150px; width: 190px; height: 70px; margin: -8px auto; }



.gw-goods-editor .style_4 { background-position: 0px -225px; width: 190px; height: 67px; margin: -8px auto; }



.gw-goods-editor .style_5 { background-image: url("/assets/visual-editor/images/goods-list-style6.png"); background-position: 3px 15px; width: 190px; height: 100px; margin: -8px auto; }



.gw-goods-editor .style_6 { background-position: 3px -357px; width: 190px; height: 100px; margin: -8px auto; }



.gw-goods-editor .style_7 { background-position: 3px -963px; width: 190px; height: 80px; margin: -8px auto; }



.gw-goods-editor .style_8 { background-image: url("/assets/visual-editor/images/goods-list-style6.png"); background-position: 0px 15px; width: 190px; height: 100px; margin: -8px auto; }



.gw-goods-editor .list-group-item span { width: 65%; }



.layer-goods { margin: 0px 15px 22px; }



.layer-goods .gw-choice-goods-header li { margin-bottom: 0px; }



.layer-goods .gw-choice-goods-header li a { border: 0px; }



.layer-goods .gw-choice-goods-header li a:focus, .layer-goods .gw-choice-goods-header li a:hover { color: rgb(45, 141, 240); border: 0px; background-color: rgb(255, 255, 255); }



.layer-goods .gw-choice-goods-header li.active a { color: rgb(45, 141, 240); }



.layer-goods .list-keywords-box { padding: 0px 15px; margin: 24px 0px 14px; display: flex; align-items: center; }



.layer-goods .list-keywords-box input { margin-left: 24px; flex: 1 1 0%; }



.layer-goods .choosed_goods { color: rgb(45, 141, 240); }



.layer-goods .tab-content { margin: 16px 0px 10px; }



.layer-goods .tab-content .tips-yellow { padding: 0px 15px; margin: 0px; }



.layer-goods .tab-content .input-group .input-group-addon { cursor: pointer; background-color: rgb(255, 255, 255); border: none; padding-left: 0px; width: auto; }



.layer-goods .tab-content ul { cursor: pointer; margin: 10px 0px; height: 360px; overflow-y: scroll; border-radius: 4px; background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 223, 230); }



.layer-goods .tab-content ul.gw-choice-goods-list { color: rgb(136, 143, 158); }



.layer-goods .tab-content ul li { padding: 8px 16px; background-color: rgb(255, 255, 255); cursor: pointer; }



.layer-goods .tab-content ul li:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-goods .tab-content .row { margin: 0px; }



.layer-goods .tab-content .row .left-right-arrow { margin-top: 140px; }



.layer-goods .tab-content .row .left-right-arrow i { padding: 4px; border: 1px solid rgb(220, 223, 230); border-radius: 4px; }



.layer-goods .tab-content .row .choosed_article { color: rgb(45, 141, 240); }



.layer-goods .tab-content .gw-dynamic-goods { padding-left: 15px; }



.layer-goods .tab-content .gw-dynamic-goods label { font-weight: 500; padding-right: 15px; }



.layer-goods .tab-content .gw-dynamic-goods .form-group { display: flex; }



.layer-goods .gw-goods-load-more { display: block; background-color: rgb(255, 255, 255); text-align: center; padding: 10px; }



.layer-goods .gw-goods-load-more.no-more a { color: rgb(182, 187, 198); }



.layer-goods .gw-goods-load-more a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-goods-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-bglayer-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host { display: none; position: absolute; inset: 0px; z-index: 2; overflow: hidden; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host > .gw-code-new-settings-frame { display: block; position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; border: 0px; background: rgb(247, 248, 250); opacity: 0; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host.gw-bglayer-settings-ready > .gw-code-new-settings-frame { opacity: 1; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton { position: absolute; inset: 0px; z-index: 0; display: flex; flex-direction: column; background: rgb(247, 248, 250); }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton i { display: block; height: 10px; border-radius: 999px; background: rgb(232, 235, 239); animation: 1.4s ease-in-out 0s infinite normal none running gw-bglayer-skeleton-pulse; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-tabs { display: flex; gap: 8px; padding: 15px 16px; border-bottom: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-tabs i { width: 50%; height: 32px; border-radius: 7px; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-body { display: flex; flex: 1 1 0%; flex-direction: column; gap: 18px; min-height: 0px; overflow: hidden; padding: 20px 16px; background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-body .is-heading { width: 34%; height: 12px; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-body .is-label { width: 42%; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-body .is-control { width: 100%; height: 36px; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-footer { display: flex; align-items: center; gap: 8px; padding: 11px 14px; border-top: 1px solid rgb(240, 241, 243); background: rgb(255, 255, 255); }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-footer i:first-child { width: 58px; height: 20px; margin-right: auto; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-footer i:nth-child(2) { width: 52px; height: 26px; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host .gw-bglayer-settings-skeleton-footer i:last-child { width: 88px; height: 30px; }



.gw-edit-tool-region > #component-edit.active ~ .gw-bglayer-settings-persistent-host { display: block; }



.gw-edit-tool-region > .gw-bglayer-settings-persistent-host.gw-bglayer-settings-ready .gw-bglayer-settings-skeleton { visibility: hidden; opacity: 0; pointer-events: none; }



@keyframes gw-bglayer-skeleton-pulse { 

  50% { opacity: 0.5; }

}



@media (prefers-reduced-motion: reduce) {

  .gw-bglayer-settings-skeleton i { animation: auto ease 0s 1 normal none running none; }

}



.gw-icon-editor #icon-colorStyle-show .keywords .form-control { width: 148px !important; border-left: 0px none !important; border-right: 1px solid rgb(220, 220, 220) !important; }



.gw-icon-editor #icon-colorStyle-show .keywords .input-group-addon { cursor: pointer; background-color: transparent !important; border-right: 0px none !important; border-left: 1px solid rgb(220, 220, 220) !important; }



.gw-icon-editor .iconBox { box-sizing: content-box; width: 184px; height: 568px; display: flex; flex-wrap: wrap; align-content: flex-start; margin: 0px auto; overflow: auto; border: 1px solid rgb(220, 223, 230); }



.gw-icon-editor .iconBox::-webkit-scrollbar { display: none; }



.gw-icon-editor .iconBox .iconfont { list-style: none; width: 46px; height: 46px; border: 1px solid rgb(220, 223, 230); cursor: pointer; color: rgb(51, 51, 51); }



.gw-icon-editor .iconBox .iconfont .iconpark-icon { width: 100%; height: 100%; padding: 7px; }



.gw-icon-editor .iconBox .iconfont:hover { border: 2px solid rgb(45, 141, 240); }



.gw-icon-editor .iconBox .iconfont.selected { border: 2px solid rgb(45, 141, 240); }



.gw-icon-editor .pagination { width: 100%; margin-top: 12px; text-align: center; display: flex; justify-content: center; }



.gw-icon-editor .pagination button { background-color: rgb(64, 158, 255); border: 1px solid rgb(64, 158, 255); color: rgb(255, 255, 255); transition: 0.1s; outline: 0px; padding: 9px 15px; border-radius: 4px; line-height: 1; }



.gw-icon-editor .pagination button:focus, .gw-icon-editor .pagination button:hover { background-color: rgb(102, 177, 255); border-color: rgb(102, 177, 255); }



.gw-icon-editor .pagination button:active { background-color: rgb(58, 142, 230); border-color: rgb(58, 142, 230); }



.gw-icon-editor .pagination .preview { margin-right: 4px; }



.gw-icon-editor .pagination .next { margin-left: 4px; }



.gw-component-edit-region .gw-icon-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-shop_goods-editor { height: inherit; }



.gw-shop_goods-editor .gw-shop_goods-items-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-shop_goods-editor .gw-shop_goods-items-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-shop_goods-editor .shop_goods_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-shop_goods-editor .shop_goods_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-shop_goods-editor .shop_goods_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 95%; }



.gw-shop_goods-editor .shop_goods_style_choose { background-image: url("/assets/visual-editor/images/article-style.png"); display: block; cursor: pointer; }



.gw-shop_goods-editor .style_1 { background-position: 0px 0px; width: 190px; height: 70px; margin: 10px auto -4px; }



.gw-shop_goods-editor .style_2 { background-position: 0px -75px; width: 190px; height: 66px; margin: -13px auto 5px; }



.gw-shop_goods-editor .style_3 { background-position: 0px -150px; width: 190px; height: 70px; margin: -8px auto; }



.gw-shop_goods-editor .style_4 { background-position: 0px -225px; width: 190px; height: 67px; margin: -8px auto; }



.gw-shop_goods-editor .style_5 { background-position: 0px -295px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .style_6 { background-position: 0px -395px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .style_7 { background-position: -4px -747px; width: 190px; height: 90px; margin: -8px auto; }



.gw-shop_goods-editor .style_8 { background-position: -4px -822px; width: 190px; height: 92px; margin: -8px auto; }



.gw-shop_goods-editor .style_9 { background-position: 0px -901px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .style_10 { background-position: 2px -984px; width: 190px; height: 78px; margin: -8px auto; }



.gw-shop_goods-editor .style_11 { background-position: 2px -1066px; width: 190px; height: 93px; margin: -8px auto; }



.gw-shop_goods-editor .style_12 { background-position: 2px -1138px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .style_13 { background-position: 2px -1224px; width: 190px; height: 70px; margin: -8px auto; }



.gw-shop_goods-editor .style_14 { background-position: 2px -1302px; width: 190px; height: 80px; margin: -8px auto; }



.gw-shop_goods-editor .style_15 { background-image: url("/assets/visual-editor/images/goods-list-style6.png"); background-position: 0px 15px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .style_16 { background-image: url("/assets/visual-editor/images/shop-goods-style11.png"); background-position: 0px 15px; width: 190px; height: 100px; margin: -8px auto; }



.gw-shop_goods-editor .list-group-item span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 65%; }



.layer-shop_goods { margin: 0px 15px 22px; }



.layer-shop_goods .gw-choice-shop_goods-header li { margin-bottom: 0px; }



.layer-shop_goods .gw-choice-shop_goods-header li a { border: 0px; }



.layer-shop_goods .gw-choice-shop_goods-header li a:focus, .layer-shop_goods .gw-choice-shop_goods-header li a:hover { color: rgb(45, 141, 240); border: 0px; background-color: rgb(255, 255, 255); }



.layer-shop_goods .gw-choice-shop_goods-header li.active a { color: rgb(45, 141, 240); }



.layer-shop_goods .list-keywords-box { padding: 0px 15px; margin: 24px 0px 14px; display: flex; align-items: center; }



.layer-shop_goods .list-keywords-box input { margin-left: 24px; flex: 1 1 0%; }



.layer-shop_goods .choosed_shop_goods { color: rgb(45, 141, 240); }



.layer-shop_goods .tab-content { margin: 16px 0px 10px; }



.layer-shop_goods .tab-content .tips-yellow { padding: 0px 15px; margin: 0px; }



.layer-shop_goods .tab-content .input-group .input-group-addon { cursor: pointer; background-color: rgb(255, 255, 255); border: none; padding-left: 0px; width: auto; }



.layer-shop_goods .tab-content ul { cursor: pointer; margin: 10px 0px; height: 360px; overflow-y: scroll; border-radius: 4px; background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 223, 230); }



.layer-shop_goods .tab-content ul.gw-choice-shop_goods-list { color: rgb(136, 143, 158); }



.layer-shop_goods .tab-content ul li { padding: 8px 16px; background-color: rgb(255, 255, 255); cursor: pointer; }



.layer-shop_goods .tab-content ul li:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-shop_goods .tab-content .row { margin: 0px; }



.layer-shop_goods .tab-content .row .left-right-arrow { margin-top: 140px; }



.layer-shop_goods .tab-content .row .left-right-arrow i { padding: 4px; border: 1px solid rgb(220, 223, 230); border-radius: 4px; }



.layer-shop_goods .tab-content .gw-dynamic-shop_goods { padding-left: 15px; }



.layer-shop_goods .tab-content .gw-dynamic-shop_goods label { font-weight: 500; padding-right: 15px; }



.layer-shop_goods .tab-content .gw-dynamic-shop_goods .layer-cat-content { flex-wrap: wrap; }



.layer-shop_goods .tab-content .gw-dynamic-shop_goods .form-group { display: flex; }



.layer-shop_goods .gw-shop_goods-load-more { display: block; background-color: rgb(255, 255, 255); text-align: center; padding: 10px; }



.layer-shop_goods .gw-shop_goods-load-more.no-more a { color: rgb(182, 187, 198); }



.layer-shop_goods .gw-shop_goods-load-more a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-shop_goods-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-video-editor { height: inherit; }



.gw-video-editor .gw-content .gw-video-hd input { width: 70px; display: inline-block; }



.gw-component-edit-region .gw-video-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-classified-editor .classified_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-classified-editor .classified_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-classified-editor .classified_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-classified-editor .classified_style_choose { background-size: 95%; background-image: url("/assets/visual-editor/images/classified-style.png?d=20200606"); display: block; cursor: pointer; }



.gw-classified-editor .style_1 { background-position: 0px 0px; width: 190px; height: 100px; margin: 10px auto -4px; }



.gw-classified-editor .style_2 { background-position: 0px -102px; width: 190px; height: 135px; margin: -13px auto 5px; }



.gw-classified-editor .style_3 { background-position: 0px -257px; width: 190px; height: 117px; margin: -13px auto 5px; }



.gw-classified-editor .style_4 { background-position: 0px -387px; width: 190px; height: 117px; margin: -13px auto 5px; }



.gw-classified-editor .style_5 { background-position: 0px -530px; width: 190px; height: 117px; margin: -13px auto 5px; }



.gw-classified-editor .style_6 { background-image: url("/assets/visual-editor/images/classified-style6.png"); background-position: 0px 25px; width: 190px; height: 117px; margin: -13px auto 5px; }



.gw-classified-editor .style_7 { background-image: url("/assets/visual-editor/images/classified-style7.png"); background-position: 0px 25px; width: 190px; height: 140px; margin: -16px auto 5px; }



.gw-classified-editor .list-group-item span { width: 65%; }



.gw-classified-editor label.class-title { width: 100px; }



.gw-classified-editor .gw-editor-content-list #classified-list-show .tips-yellow { margin-bottom: 0px; }



.gw-classified-editor .gw-classified-items-choose { cursor: pointer; color: rgb(0, 145, 255); transition: 0.2s; }



.gw-classified-editor .gw-classified-items-choose:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.layer-classfied-choose .form-group { display: flex; }



.layer-classfied-choose .form-group.cat-list { display: none; }



.layer-classfied-choose .form-group.cat-list.active { display: flex; }



.layer-classfied-choose label { margin-right: 30px; }



.layer-classfied-choose .input-group-addon { border: none; background-color: rgb(255, 255, 255); padding-left: 0px; width: auto; }



.gw-component-edit-region .gw-classified-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-search-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-search-editor .btn-group { display: block; }



.gw-component-edit-region .gw-search-editor .gw-switch-button { margin-top: 0px; }



.gw-component-edit-region .gw-search-editor .check-label { display: flex; align-items: center; justify-content: space-between; }



.gw-component-edit-region .gw-search-editor .check-label > input { float: right; }



.gw-component-edit-region .gw-search-editor .search_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-component-edit-region .gw-search-editor .search_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-component-edit-region .gw-search-editor .search_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose { background-image: url("/assets/visual-editor/images/search-icon.png"); display: block; cursor: pointer; background-repeat: no-repeat; }



.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_1 { background-size: 88%; background-position: 0px 0px; width: 190px; height: 45px; margin: 5px 10px; }



.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_2 { background-size: 88%; background-position: 0px -48px; width: 190px; height: 50px; margin: 5px 10px; }



.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_3 { background-size: 88%; background-position: 0px -102px; width: 191px; height: 45px; margin: 5px 10px; }



.gw-component-edit-region .gw-search-editor .search_style_content .search_style_choose.style_4 { background-size: 88%; background-position: 0px -156px; width: 191px; height: 45px; margin: 5px 10px; }



.gw-attribute-editor .gw-attribute-items-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-attribute-editor .gw-attribute-items-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-attribute-editor .attribute_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-attribute-editor .attribute_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-attribute-editor .attribute_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 95%; }



.gw-attribute-editor .attribute_style_choose { background-image: url("/assets/visual-editor/images/article-style.png?d=20200108"); display: block; cursor: pointer; }



.gw-attribute-editor .style_1 { background-position: 2px 0px; width: 190px; height: 70px; margin: 10px auto -4px; }



.gw-attribute-editor .style_2 { background-position: 0px -75px; width: 190px; height: 66px; margin: -13px auto 5px; }



.gw-attribute-editor .style_3 { background-position: 0px -150px; width: 190px; height: 70px; margin: -8px auto; }



.gw-attribute-editor .style_4 { background-position: 0px -225px; width: 190px; height: 67px; margin: -8px auto; }



.gw-attribute-editor .style_5 { background-position: 0px -295px; width: 190px; height: 100px; margin: -8px auto; }



.gw-attribute-editor .style_6 { background-position: 0px -395px; width: 190px; height: 100px; margin: -8px auto; }



.gw-attribute-editor .style_7 { background-position: 0px -1051px; width: 190px; height: 80px; margin: -8px auto; }



.gw-attribute-editor .list-group-item span { width: 65%; }



.layer-attribute { margin: 0px 15px 22px; }



.layer-attribute label { margin-right: 30px; }



.layer-attribute .input-group-addon { border: none; background-color: rgb(255, 255, 255); padding-left: 0px; width: auto; }



.layer-attribute .form-group { display: flex; }



.layer-attribute .form-group.attribute-list { display: none; }



.layer-attribute .form-group.attribute-list.active { display: flex; }



.layer-attribute .attribute-add { float: right; padding: 10px 15px; text-decoration: underline; color: rgb(51, 122, 183); }



.layer-attribute .tab-content { margin: 10px 0px; }



.layer-attribute .tab-content ul { cursor: pointer; margin: 10px 0px; height: 240px; overflow-y: scroll; border-radius: 6px; background: rgb(242, 242, 242); }



.layer-attribute .tab-content ul li { padding: 12px 5px 0px 10px; border-bottom: 1px dashed rgb(51, 122, 183); }



.layer-attribute .tab-content .row { margin: 10px 0px; }



.layer-attribute .tab-content .row .left-right-arrow { margin-top: 45px; }



.layer-attribute .tab-content .row .left-right-arrow i { padding: 5px; border: 1px solid rgb(153, 153, 153); }



.layer-attribute .tab-content .row .choosed_attribute { margin-top: 35px; color: rgb(59, 152, 239); }



.layer-attribute .tab-content .gw-dynamic-attribute label { font-weight: 500; padding-right: 15px; }



.layer-attribute .gw-attribute-load-more { color: rgb(59, 152, 239); background-color: rgb(242, 242, 242); display: block; text-align: center; padding: 10px; }



.layer-attribute .gw-attribute-load-more a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-attribute-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.sp-light { z-index: 19999999; }



.gw-content .scrollNotice-check { height: 44px; line-height: 44px; display: inline-block; margin: 0px 5px 0px 0px; }



.gw-scrollNotice-editor .gw-editor-content-list .gw-edit-list .list-group-item span { max-width: 50%; }



.gw-component-edit-region .gw-scrollNotice-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-case-editor .gw-case-items-add { color: rgb(0, 145, 255); cursor: pointer; transition: 0.2s; }



.gw-case-editor .gw-case-items-add:hover { background-color: rgb(0, 145, 255); border: 1px solid rgb(0, 145, 255); color: rgb(255, 255, 255); }



.gw-case-editor .case_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-case-editor .case_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-case-editor .case_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 95%; }



.gw-case-editor .case_style_choose { background-image: url("/assets/visual-editor/images/article-style.png"); display: block; cursor: pointer; }



.gw-case-editor .style_1 { background-position: 2px 0px; width: 190px; height: 70px; margin: 10px auto -4px; }



.gw-case-editor .style_2 { background-position: 0px -75px; width: 190px; height: 66px; margin: -13px auto 5px; }



.gw-case-editor .style_3 { background-position: 0px -150px; width: 190px; height: 70px; margin: -8px auto; }



.gw-case-editor .style_4 { background-position: 0px -225px; width: 190px; height: 67px; margin: -8px auto; }



.gw-case-editor .style_5 { background-position: 0px -295px; width: 190px; height: 100px; margin: -8px auto; }



.gw-case-editor .style_6 { background-position: 0px -395px; width: 190px; height: 100px; margin: -8px auto; }



.gw-case-editor .style_7 { background-position: 0px -1051px; width: 190px; height: 80px; margin: -8px auto; }



.gw-case-editor .list-group-item span { width: 65%; }



.layer-case { margin: 0px 15px 22px; }



.layer-case .gw-choice-case-header li { margin-bottom: 0px; }



.layer-case .gw-choice-case-header li a { border: 0px; }



.layer-case .gw-choice-case-header li a:focus, .layer-case .gw-choice-case-header li a:hover { color: rgb(45, 141, 240); border: 0px; background-color: rgb(255, 255, 255); }



.layer-case .gw-choice-case-header li.active a { color: rgb(45, 141, 240); }



.layer-case .list-keywords-box { padding: 0px 15px; margin: 24px 0px 14px; display: flex; align-items: center; }



.layer-case .list-keywords-box input { margin-left: 24px; flex: 1 1 0%; }



.layer-case .tab-content { margin: 16px 0px 10px; }



.layer-case .tab-content .tips-yellow { padding: 0px 15px; margin: 0px; }



.layer-case .tab-content .input-group .input-group-addon { cursor: pointer; background-color: rgb(255, 255, 255); border: none; padding-left: 0px; width: auto; }



.layer-case .tab-content ul { cursor: pointer; margin: 10px 0px; height: 360px; overflow-y: scroll; border-radius: 4px; background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 223, 230); }



.layer-case .tab-content ul.gw-choice-case-list { color: rgb(136, 143, 158); }



.layer-case .tab-content ul li { padding: 8px 16px; background-color: rgb(255, 255, 255); cursor: pointer; }



.layer-case .tab-content ul li:hover { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-case .tab-content .row { margin: 0px; }



.layer-case .tab-content .row .left-right-arrow { margin-top: 140px; }



.layer-case .tab-content .row .left-right-arrow i { padding: 4px; border: 1px solid rgb(220, 223, 230); border-radius: 4px; }



.layer-case .tab-content .row .choosed_case { color: rgb(45, 141, 240); }



.layer-case .tab-content .gw-dynamic-case { padding-left: 15px; }



.layer-case .tab-content .gw-dynamic-case label { font-weight: 500; padding-right: 15px; }



.layer-case .tab-content .gw-dynamic-case .form-group { display: flex; }



.layer-case .gw-case-load-more { display: block; background-color: rgb(255, 255, 255); text-align: center; padding: 10px; }



.layer-case .gw-case-load-more.no-more a { color: rgb(182, 187, 198); }



.layer-case .gw-case-load-more a { color: rgb(59, 152, 239); }



.gw-component-edit-region .gw-case-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-rich-editor .gw-content textarea { resize: vertical; }



.gw-component-edit-region .gw-rich-items-add { cursor: pointer; background-color: rgb(45, 141, 240); border-radius: 4px; text-align: center; color: rgb(255, 255, 255); width: 184px; height: 48px; line-height: 48px; margin-bottom: 24px; }



.gw-component-edit-region .gw-rich-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.layer-formPlus { padding: 10px; }



.layer-formPlus .formPlus-list ul { height: 100%; background-color: rgb(250, 250, 250); border: 1px solid rgb(220, 223, 230); border-radius: 4px; overflow: hidden auto; }



.layer-formPlus .formPlus-list ul label { padding: 7px; background-color: rgb(255, 255, 255); display: block; }



.layer-formPlus .formPlus-list ul label input { display: none; }



.layer-formPlus .formPlus-list ul label:hover { cursor: pointer; background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-formPlus .formPlus-list ul label.checked { background-color: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.layer-formPlus .gw-formPlus-choose-submit { margin-left: 24px; }



.gw-component-edit-region .gw-formPlus-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.layer-screen { margin: 15px; }



.layer-screen .line { border-bottom: 1px solid rgb(187, 187, 187); margin-bottom: 10px; }



.layer-screen .screen-add { float: right; padding: 10px 15px; text-decoration: underline; color: rgb(51, 122, 183); }



.layer-screen .choose-form-content .form-item { display: inline-block; margin-right: 20px; }



.layer-screen .gw-screen-load-more { color: rgb(59, 152, 239); background-color: rgb(242, 242, 242); display: block; text-align: center; padding: 10px; }



.layer-screen .gw-screen-load-more a { color: rgb(59, 152, 239); }



.layer-screen .screen-list { display: none; }



.layer-screen .screen-list.active { display: block; }



.layer-screen .screen-list .attr-box { height: 150px; overflow-y: scroll; }



.layer-screen .screen-list .attr-box-row { margin-top: 20px; display: inline-block; }



.layer-screen .screen-list .attr-key-box { font-size: 18px; font-weight: 600; color: rgb(38, 38, 38); line-height: 25px; }



.layer-screen .screen-list .attr-value-box { font-size: 14px; font-weight: 400; color: rgb(0, 0, 0); line-height: 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; }



.layer-screen .screen-list .attr-value-box .attr-value { margin-right: 20px; }



.layer-screen .screen-list .attr-value-box .attr-value .attr-input { width: 100px; }



.layer-screen .screen-list .attr-value-box .attr-value .attr-input.number { width: 50px; display: inline-block; }



.layer-screen label { margin-right: 30px !important; }



.gw-component-edit-region .gw-screen-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.layer-special-list { margin: 15px; }



.gw-special_list-editor .special_list_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.gw-special_list-editor .special_list_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.gw-special_list-editor .special_list_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; background-size: 93%; }



.gw-special_list-editor .special_list_style_choose { display: block; cursor: pointer; background-repeat: no-repeat; }



.gw-special_list-editor .special_list_style_choose.style_1 { background-image: url("/assets/visual-editor/images/special_list/pc-style1.png"); width: 190px; height: 70px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_2 { background-image: url("/assets/visual-editor/images/special_list/pc-style2.png"); width: 190px; height: 70px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_3 { background-image: url("/assets/visual-editor/images/special-list-style3.png"); width: 190px; height: 80px; background-position: 0px 5px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_4 { background-image: url("/assets/visual-editor/images/special_list/pc-style4.png"); width: 190px; height: 114px; background-position: 0px 5px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_5 { background-image: url("/assets/visual-editor/images/special_list/pc-style5.png"); width: 190px; height: 114px; background-position: 0px 5px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_6 { background-image: url("/assets/visual-editor/images/special_list/pc-style6.png"); width: 190px; height: 114px; background-position: 0px 5px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_mobile_1 { background-image: url("/assets/visual-editor/images/special_list/mobile-style1.png"); width: 190px; height: 70px; margin: 0px auto; }



.gw-special_list-editor .special_list_style_choose.style_mobile_2 { background-image: url("/assets/visual-editor/images/special_list/mobile-style2.png"); width: 190px; height: 75px; margin: 10px auto; }



.gw-component-edit-region .gw-special_list-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-marquee-editor .title-blue { margin-bottom: 0px; line-height: 36px; }



.gw-marquee-layer .tips-yellow { margin-top: 10px; margin-bottom: 0px; display: inline-block; }



.gw-marquee-layer .no-margin-bottom { margin-bottom: 0px; }



.gw-component-edit-region .gw-marquee-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-component-edit-region .gw-shop_store-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.general_style_box .general_style_content { border: 1px solid rgb(220, 220, 220); margin-bottom: 12px; border-radius: 2px; }



.general_style_box .general_style_content.on { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.general_style_box .general_style_content button { background-repeat: no-repeat; border: none; outline: 0px; display: block; background-color: transparent; text-align: center; }



.general_style_box .general_style_choose { background-image: url("/assets/visual-editor/images/general/components-style.png?d=20200902"); display: block; cursor: pointer; }



.general_style_box .general_style_choose.style_0 { background-position: -13px -10px; width: 183px; height: 50px; margin: 0px auto; }



.general_style_box .general_style_choose.style_1 { background-position: -13px -58px; width: 183px; height: 50px; margin: 0px auto; }



.general_style_box .general_style_choose.style_2 { background-position: 0px -106px; width: 210px; height: 50px; margin: 0px auto; }



.layer-nav-box { padding: 20px 20px 10px; }



.layer-nav-box .mr-bt-0 { margin-bottom: 0px; }



.layer-nav-box .mr-rt-5 { margin-right: 5px; }



.layer-nav-box .cursor { cursor: pointer; }



.layer-nav-box .layer-nav-add-content .tab-content { max-height: 500px; overflow-y: scroll; }



.layer-nav-box .layer-nav-edit-content { max-height: 480px; overflow-y: scroll; }



.layer-nav-box .pd-lf-30 { padding-left: 30px; }



.layer-nav-box .pd-lf-15 { padding-left: 15px; }



.gw-component-edit-region .gw-general-editor.gw-code-new-settings-active > .gw-editor-group { display: none !important; }



.gw-code-cat-info { padding: 8px 10px; cursor: pointer; }



.gw-code-cat-tags { display: flex; flex-wrap: wrap; gap: 4px; }



.gw-code-cat-tag { display: inline-block; padding: 2px 8px; font-size: 11px; color: var(--color-primary); background: rgba(45, 141, 240, 0.08); border-radius: var(--border-radius); }



.gw-code-cat-tag-module { background: rgb(240, 242, 245); color: rgb(102, 102, 102); border: 1px solid rgb(217, 217, 217); }



.gw-code-cat-tag-icon { margin-right: 3px; }



.gw-code-cat-placeholder { font-size: 12px; color: var(--color-text-secondary); }



.gw-code-cat-config .gw-code-panel--input, .gw-code-cat-config .gw-code-panel--select { flex: 1 1 0%; height: 28px; font-size: 12px; line-height: 28px; border-radius: var(--border-radius); }



.gw-code-catsel.gw-code-panel, .gw-code-panel .gw-code-catsel { padding: 0px; display: flex; height: 100%; }



.gw-code-catsel.layout-split { flex-direction: row; align-items: stretch; }



.gw-code-catsel.layout-split .gw-code-catsel-footer { position: absolute; bottom: 0px; right: 0px; left: 160px; background: rgb(255, 255, 255); }



.gw-code-catsel-sidebar { width: 160px; background: rgb(248, 249, 250); border-right: 1px solid var(--color-border); display: flex; flex-direction: column; overflow-y: auto; }



.gw-code-catsel-sidetitle { padding: 12px 14px 8px; font-size: 13px; font-weight: 500; color: var(--color-text-secondary); }



.gw-code-catsel-sidevars { display: flex; flex-direction: column; }



.gw-code-catsel-sidegroup { border-bottom: 1px solid rgba(0, 0, 0, 0.04); }



.gw-code-catsel-sidegroup:last-child { border-bottom: none; }



.gw-code-catsel-sidegroup-title { display: flex; align-items: center; gap: 6px; padding: 10px 14px; font-size: 13px; font-weight: 500; color: var(--color-text); cursor: pointer; user-select: none; transition: background 0.15s; }



.gw-code-catsel-sidegroup-title:hover { background: rgba(0, 0, 0, 0.03); }



.gw-code-catsel-sidegroup-icon { color: var(--color-text-secondary); transition: transform 0.2s; }



.gw-code-catsel-sidegroup.is-open .gw-code-catsel-sidegroup-icon { transform: rotate(90deg); }



.gw-code-catsel-sidegroup-list { padding: 0px 8px 8px; display: flex; flex-direction: column; gap: 2px; background: rgba(0, 0, 0, 0.016); }



.gw-code-catsel-sidegroup-list.is-hidden { display: none; }



.gw-code-catsel-sidegroup .gw-code-catsel-sidevar { margin: 6px 8px; }



.gw-code-catsel-sidemod { padding: 8px 12px; border-radius: 4px; color: var(--color-text); cursor: pointer; font-size: 13px; user-select: none; transition: 0.15s; }



.gw-code-catsel-sidemod.is-fixed { cursor: default; background: rgba(45, 141, 240, 0.08); color: rgb(45, 141, 240); font-weight: 500; }



.gw-code-catsel-sidemod.is-fixed:hover { background: rgba(45, 141, 240, 0.08); }



.gw-code-catsel-sidemod:hover { background: rgba(45, 141, 240, 0.08); }



.gw-code-catsel-sidemod.active { background: rgba(45, 141, 240, 0.15); color: var(--color-primary); font-weight: 500; }



.gw-code-catsel-main { flex: 1 1 0%; display: flex; flex-direction: column; position: relative; padding-bottom: 53px; overflow: hidden; }



.gw-code-catsel-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; border-bottom: 1px solid var(--color-border); }



.gw-code-catsel-all { display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; user-select: none; }



.gw-code-catsel-all:hover { color: var(--color-primary); }



.gw-code-catsel-toolbar-actions { display: flex; align-items: center; gap: 4px; }



.gw-code-catsel-toolbar-btn { display: flex; align-items: center; gap: 3px; font-size: 11px; color: var(--color-text-secondary); cursor: pointer; }



.gw-code-catsel-toolbar-btn:hover { color: var(--color-primary); }



.gw-code-catsel-toolbar-sep { width: 1px; height: 12px; margin: 0px 4px; background: var(--color-border); }



.gw-code-catsel-flat-wrap, .gw-code-catsel-tree-wrap { flex: 1 1 0%; overflow-y: auto; padding: 8px 0px; }



.gw-code-catsel-flat { display: flex; flex-wrap: wrap; gap: 6px; padding: 0px 12px; }



.gw-code-catsel-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; font-size: 12px; border-radius: var(--border-radius); cursor: pointer; transition: 0.15s; outline: 0px; background: rgb(255, 255, 255); border: 1px solid var(--color-border); box-shadow: none; color: var(--color-text); }



.gw-code-catsel-chip input { display: none; }



.gw-code-catsel-chip:hover { border-color: var(--color-primary); color: var(--color-primary); }



.gw-code-catsel-chip:focus-visible { box-shadow: rgba(45, 141, 240, 0.25) 0px 0px 0px 2px; }



.gw-code-catsel-chip::before { content: ""; display: inline-block; width: 14px; height: 14px; flex-shrink: 0; border: 1px solid var(--color-border); border-radius: 3px; background: rgb(255, 255, 255); transition: 0.15s; }



.gw-code-catsel-chip.active { background: rgb(250, 250, 250); border-color: var(--color-primary); color: var(--color-primary); }



.gw-code-catsel-chip.active::before { background: var(--color-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center; border-color: var(--color-primary); }



.gw-code-catsel-badge { font-size: 10px; color: rgba(0, 0, 0, 0.45); background: rgb(240, 242, 245); border-radius: 4px; padding: 2px 5px; margin-left: 6px; font-weight: 400; user-select: none; line-height: 1; }



.gw-code-catsel-node { display: flex; align-items: center; gap: 6px; padding: 5px 12px 5px 0px; cursor: pointer; transition: background 0.15s; }



.gw-code-catsel-node:hover { background: rgb(245, 247, 250); }



.gw-code-catsel-node.is-checked { background: rgba(45, 141, 240, 0.06); }



.gw-code-catsel-ckbox { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; flex-shrink: 0; border: 1px solid var(--color-border); border-radius: 3px; transition: 0.15s; }



.gw-code-catsel-ckbox svg { opacity: 0; transition: opacity 0.15s; stroke: rgb(255, 255, 255); }



.gw-code-catsel-ckbox.is-checked { background: var(--color-primary); border-color: var(--color-primary); }



.gw-code-catsel-ckbox.is-checked svg { opacity: 1; }



.gw-code-catsel-name { font-size: 13px; color: var(--color-text); user-select: none; }



.gw-code-catsel-toggle { display: flex; align-items: center; justify-content: center; width: 20px; flex-shrink: 0; cursor: pointer; color: var(--color-text-secondary); }



.gw-code-catsel-toggle svg { transition: transform 0.15s; }



.gw-code-catsel-toggle.is-open svg { transform: rotate(0deg); }



.gw-code-catsel-toggle:not(.is-open) svg { transform: rotate(-90deg); }



.gw-code-catsel-toggle-ph { width: 20px; flex-shrink: 0; }



.gw-code-catsel-ck { display: flex; align-items: center; gap: 6px; font-size: 13px; cursor: pointer; }



.gw-code-catsel-ck input { cursor: pointer; }



.gw-code-catsel-empty, .gw-code-catsel-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 40px 20px; font-size: 13px; margin: auto; color: var(--color-text-secondary); }



.gw-code-catsel-spinner { display: inline-block; width: 20px; height: 20px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--color-primary); border-radius: 50%; animation: 0.6s linear 0s infinite normal none running gw-catsel-spin; }



.gw-code-catsel-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--color-border); }



.gw-code-catsel-fold-icon { transition: transform 0.2s; }



@keyframes gw-catsel-spin { 

  100% { transform: rotate(360deg); }

}



.gw-code-number-wrap { display: inline-flex; align-items: center; border: 1px solid var(--color-border); border-radius: var(--border-radius); overflow: hidden; transition: border-color 0.2s; }



.gw-code-number-wrap:focus-within, .gw-code-number-wrap:hover { border-color: var(--color-primary); }



.gw-code-number-btn { display: flex; align-items: center; justify-content: center; width: 24px; height: 22px; font-size: 12px; color: var(--color-text-secondary); background: rgb(250, 251, 252); cursor: pointer; user-select: none; transition: 0.15s; text-decoration: none; line-height: 1; }



.gw-code-number-btn:hover { color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-code-number-input { width: 56px; height: 22px; border-top: none; border-bottom: none; border-image: initial; border-left: 1px solid var(--color-border); border-right: 1px solid var(--color-border); border-radius: 0px; text-align: center; font-size: 12px; padding: 0px 4px; outline: 0px; appearance: textfield; }



.gw-code-number-input::-webkit-inner-spin-button, .gw-code-number-input::-webkit-outer-spin-button { appearance: none; margin: 0px; }



.gw-code-number-input:focus { border-color: var(--color-primary); }



.gw-code-control--trigger_jump { position: relative; justify-content: space-between; height: 26px; }



.gw-code-control--trigger_jump .gw-code-jump-card-body { flex: 1 1 0%; display: flex; align-items: center; gap: 4px; min-width: 0px; }



.gw-code-control--trigger_jump .gw-code-jump-card-body .gw-jump-href-text { flex: 1 1 0%; line-height: 1.2; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-control--trigger_jump .gw-jump-badges { display: flex; gap: 4px; position: absolute; top: -1px; right: -1px; transform: translate(0px, -50%); }



.gw-code-control--trigger_jump .gw-jump-corner { display: flex; align-items: center; justify-content: center; border-radius: 99px; padding: 1px 6px; font-size: 10px; line-height: 1.4; color: rgb(255, 255, 255); background: var(--color-primary); }



.gw-code-control--trigger_jump .gw-jump-corner--blank { background: var(--color-ok); }



.gw-code-jump-vertical { display: flex; flex-direction: column; gap: 4px; }



.gw-code-jump-placeholder { font-size: 12px; color: var(--color-text-secondary); }



.gw-code-jump-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 0px 0px; border-top: 1px solid var(--color-border); margin-top: 6px; }



.gw-code-color-default, .gw-code-color-input { width: 20px; height: 20px; border: 1px solid var(--color-border); border-radius: 3px; padding: 2px; background-color: rgb(255, 255, 255); background-image: linear-gradient(45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(-45deg, rgb(204, 204, 204) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgb(204, 204, 204) 75%), linear-gradient(-45deg, transparent 75%, rgb(204, 204, 204) 75%); background-size: 6px 6px; background-position: 0px 0px, 0px 3px, 3px -3px, -3px 0px; background-clip: content-box; }



.gw-code-color-default .gw-color-trigger, .gw-code-color-input .gw-color-trigger { padding: 0px; width: 100%; height: 100%; }



.gw-code-color-default .gw-color-preview, .gw-code-color-input .gw-color-preview { width: 100%; height: 100%; border-radius: 1px; border: none; position: relative; }



.gw-code-color-default .gw-color-preview::before, .gw-code-color-input .gw-color-preview::before { content: ""; position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background: var(--solid-color); border-radius: 1px 0px 0px 1px; }



.gw-code-color-bar { width: auto; height: 24px; border: 1px solid var(--color-border); border-radius: 4px; padding: 0px; background: rgb(245, 245, 245); }



.gw-code-color-bar .gw-color-trigger { display: flex; align-items: center; gap: 6px; padding: 3px 8px 3px 3px; }



.gw-code-color-bar .gw-color-preview { width: 16px; height: 16px; flex-shrink: 0; border-radius: 2px; }



.gw-code-color-bar .gw-color-bar-hex { color: rgb(51, 51, 51); font-size: 11px; font-family: monospace; white-space: nowrap; }



.gw-code-img-thumb { width: 100%; height: 90px; object-fit: cover; display: block; }



.gw-code-img-hover { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.45); opacity: 0; transition: opacity 0.2s; }



.gw-code-img-hover-btn { display: flex; align-items: center; gap: 4px; padding: 5px 14px; font-size: 12px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.5); border-radius: 20px; backdrop-filter: blur(4px); }



.gw-code-fit-chips { display: flex; gap: 6px; width: 100%; }



.gw-code-fit-chip { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: 1 1 0%; padding: 6px 2px 4px; font-size: 11px; color: rgb(144, 147, 153); background: rgb(250, 251, 252); border: 1px solid rgb(228, 231, 237); border-radius: var(--border-radius); text-decoration: none; cursor: pointer; transition: 0.15s; }



.gw-code-fit-chip svg { width: 22px; height: 22px; flex-shrink: 0; }



.gw-code-fit-chip span { line-height: 1; }



.gw-code-fit-chip:hover { color: var(--color-text); border-color: var(--color-text-secondary); }



.gw-code-fit-chip.active { color: var(--color-primary); background: rgb(236, 245, 255); border-color: var(--color-primary); }



.gw-code-pos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; width: 100%; }



.gw-code-pos-cell { display: flex; align-items: center; justify-content: center; height: 26px; font-size: 11px; color: rgb(144, 147, 153); background: rgb(250, 251, 252); border: 1px solid rgb(228, 231, 237); border-radius: 4px; cursor: pointer; text-decoration: none; transition: 0.15s; }



.gw-code-pos-cell:hover { color: var(--color-text); border-color: var(--color-text-secondary); }



.gw-code-pos-cell.active { color: rgb(255, 255, 255); background: var(--color-primary); border-color: var(--color-primary); }



.gw-code-video-el { width: 100%; height: 90px; object-fit: contain; display: block; background: rgb(0, 0, 0); pointer-events: none; }



.gw-code-video-opt-row { justify-content: space-between; }



.gw-code-video-muted-hint { margin: -6px 0px 6px; font-size: 10px; color: var(--color-text-secondary); line-height: 1.4; }



.gw-code-video-sw.disabled { opacity: 0.5; pointer-events: none; }



.gw-code-video-poster-wrap { display: flex; align-items: center; gap: 6px; cursor: pointer; }



.gw-code-video-poster-thumb { width: 48px; height: 32px; object-fit: contain; border-radius: 4px; border: 1px solid rgb(228, 231, 237); }



.gw-code-video-poster-empty { display: flex; align-items: center; gap: 3px; font-size: 11px; color: var(--color-primary); cursor: pointer; }



.gw-code-i18n-ok { font-style: normal; color: var(--color-ok); }



.gw-code-i18n-import { padding: 16px; }



.gw-code-i18n-hint { margin: 0px 0px 10px; font-size: 13px; color: var(--color-text); line-height: 1.5; }



.gw-code-i18n-input { width: 100%; font-size: 12px; font-family: Consolas, Monaco, monospace; padding: 10px; resize: vertical; box-sizing: border-box; border: 1px solid var(--color-border); border-radius: 4px; line-height: 1.6; }



.gw-code-i18n-input:focus { border-color: var(--color-primary); outline: 0px; }



.gw-code-i18n-save-hint { text-align: center; margin: 0px; font-size: 10px; color: var(--color-text-secondary); line-height: 1; }



.gw-code-i18n-tabs { display: flex; gap: 0px; border-bottom: 1px solid rgb(235, 238, 245); }



.gw-code-i18n-tab { padding: 5px 12px; font-size: 12px; color: rgb(144, 147, 153); border-bottom: 2px solid transparent; transition: 0.15s; }



.gw-code-i18n-tab:hover { color: var(--color-text); }



.gw-code-i18n-tab.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }



.gw-code-i18n-code { width: 100%; font-size: 12px; font-family: Consolas, Monaco, monospace; padding: 10px; box-sizing: border-box; border: 1px solid var(--color-border); border-radius: 4px; line-height: 1.6; resize: vertical; }



.gw-code-i18n-code:focus { border-color: var(--color-primary); outline: 0px; }



.gw-code-i18n-table-wrap { max-height: 400px; overflow: auto; margin-top: 10px; }



.gw-code-i18n-table { width: 100%; border-collapse: collapse; font-size: 12px; }



.gw-code-i18n-table td, .gw-code-i18n-table th { padding: 6px 8px; border: 1px solid rgb(235, 238, 245); }



.gw-code-i18n-table th { background: rgb(245, 247, 250); font-weight: 500; color: var(--color-text); white-space: nowrap; position: sticky; top: 0px; z-index: 1; }



.gw-code-i18n-table tr:nth-child(2n) td { background: rgb(250, 251, 252); }



.gw-code-i18n-key { font-family: Consolas, monospace; color: var(--color-text); white-space: nowrap; background: rgb(249, 250, 251); font-weight: 500; }



.gw-code-i18n-comment { display: block; font-size: 10px; font-weight: 400; font-family: inherit; color: rgb(176, 180, 188); line-height: 1.4; }



.gw-code-i18n-cell, .gw-code-i18n-note { width: 100%; border: none; outline: 0px; font-size: 12px; padding: 4px 2px; background: 0px 0px; transition: background 0.2s; }



.gw-code-i18n-cell:focus, .gw-code-i18n-note:focus { color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-code-i18n-note { display: block; width: 100%; margin-top: 3px; font-size: 10px; color: rgb(144, 147, 153); border: none; outline: 0px; background: 0px 0px; padding: 0px; }



.gw-code-i18n-note:focus { color: var(--color-primary); }



.gw-code-i18n-note::placeholder { color: var(--color-text-secondary); }



.gw-code-switch-wrap { cursor: pointer; display: flex; align-items: center; gap: 5px; }



.gw-code-switch-wrap .gw-switch-button { width: 36px; height: 20px; border-radius: 10px; background-color: var(--color-border); border-color: var(--color-border); margin-top: 0px; transition: 0.3s; }



.gw-code-switch-wrap .gw-switch-button::after { transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 16px; height: 16px; top: 1px; left: 1px; }



.gw-code-switch-wrap .gw-switch-button.on { background-color: var(--color-ok); border-color: var(--color-ok); }



.gw-code-switch-wrap .gw-switch-button.on::after { left: 17px; }



.gw-code-switch-label { font-size: 11px; color: rgb(144, 147, 153); margin-left: 4px; }



.gw-code-switch-label--dev { font-size: 12px; color: var(--color-text); white-space: nowrap; }



.gw-code-imglist-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; padding: 6px; }



.gw-code-imglist-thumb { position: relative; grid-column: span 2; aspect-ratio: 1 / 1; border-radius: 3px; overflow: hidden; }



.gw-code-imglist-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }



.gw-code-imglist-thumb-empty { width: 100%; height: 100%; background: rgb(240, 242, 245); display: flex; align-items: center; justify-content: center; color: rgb(176, 180, 184); }



.gw-code-imglist-thumb-name { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 1px 3px; font-size: 9px; line-height: 1.4; color: rgb(255, 255, 255); background: linear-gradient(transparent, rgba(0, 0, 0, 0.55)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.gw-code-imglist-thumb-link { position: absolute; top: 4px; right: 4px; width: 18px; height: 18px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); color: rgb(255, 255, 255); border-radius: 4px; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px; z-index: 5; }



.gw-code-imglist-more { display: flex; grid-column: span 2; align-items: center; justify-content: center; background: rgb(240, 242, 245); color: var(--color-text-secondary); font-size: 12px; font-weight: 500; border-radius: 3px; }



.gw-code-imglist-placeholder { grid-column: span 6; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; height: 60px; padding: 0px; font-size: 12px; color: var(--color-text-secondary); }



.gw-code-imglist-editor { position: relative; padding: 0px; display: flex; flex-direction: column; height: 100%; }



.gw-code-imglist-body { flex: 1 1 0%; overflow-y: auto; padding: 12px; }



.gw-code-imglist-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; min-height: 120px; font-size: 13px; color: var(--color-text-secondary); }



.gw-code-imglist-empty svg { opacity: 0.4; }



.gw-code-imglist-grid-edit { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }



.gw-code-imglist-cell { position: relative; aspect-ratio: 1 / 1; border-radius: var(--border-radius); overflow: hidden; clip-path: inset(0 round var(--border-radius)); cursor: grab; }



.gw-code-imglist-cell:active { cursor: grabbing; }



.gw-code-imglist-cell img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }



.gw-code-imglist-cell-empty { width: 100%; height: 100%; border-radius: inherit; background: rgb(240, 242, 245); display: flex; align-items: center; justify-content: center; color: rgb(176, 180, 184); }



.gw-code-imglist-cell-name { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 2px 4px; background: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; pointer-events: none; z-index: 10; }



.gw-code-imglist-cell-status { position: absolute; top: 6px; left: 6px; display: flex; gap: 4px; z-index: 5; }



.gw-code-imglist-cell .gw-code-imglist-badge { height: 22px; min-width: 22px; padding: 0px 6px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(8px); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px; }



.gw-code-imglist-cell .gw-code-imglist-badge--link { padding: 0px; width: 22px; color: var(--color-primary); }



.gw-code-imglist-cell img { width: 100%; height: 100%; object-fit: cover; display: block; }



.gw-code-imglist-cell-mask { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.55); opacity: 0; transition: 0.25s; }



.gw-code-imglist-cell:hover .gw-code-imglist-cell-mask { opacity: 1; }



.gw-code-imglist-cell-act { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(0, 0, 0, 0.65); backdrop-filter: blur(8px); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 12px; transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }



.gw-code-imglist-cell-act:hover { background: var(--color-primary); color: rgb(255, 255, 255); transform: scale(1.1) !important; }



.gw-code-imglist-cell-act svg { width: 13px; height: 13px; }



.gw-code-imglist-cell-act.gw-code-imglist-cell-del:hover { color: rgb(255, 255, 255); background: var(--color-important); }



.gw-code-imglist-cell-edit { transform: translateX(-24px); opacity: 0; margin-right: 12px; }



.gw-code-imglist-cell-del { transform: translateX(24px); opacity: 0; margin-left: 12px; }



.gw-code-imglist-cell:hover .gw-code-imglist-cell-edit { transform: translateX(0px); opacity: 1; }



.gw-code-imglist-cell:hover .gw-code-imglist-cell-del { transform: translateX(0px); opacity: 1; transition-delay: 50ms; }



.gw-code-imglist-cell-placeholder { aspect-ratio: 1 / 1; background: rgba(230, 240, 255, 0.5); border-radius: var(--border-radius); visibility: visible !important; }



.gw-code-imglist-dialog-backdrop { position: absolute; inset: 0px; z-index: 10; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3); }



.gw-code-imglist-dialog { width: 600px; background: rgb(255, 255, 255); border-radius: var(--border-radius); overflow: hidden; }



.gw-code-imglist-dialog-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid var(--color-border); }



.gw-code-imglist-dialog-close { display: flex; align-items: center; color: var(--color-text-secondary); cursor: pointer; transition: color 0.15s; }



.gw-code-imglist-dialog-close:hover { color: var(--color-text-primary); }



.gw-code-imglist-dialog-body { display: flex; gap: 24px; padding: 24px; }



.gw-code-imglist-dialog-left { flex: 0 0 auto; width: 180px; display: flex; flex-direction: column; gap: 10px; }



.gw-code-imglist-dialog-left .gw-code-control--textarea { font-size: 12px; line-height: 1.5; border-color: var(--color-border); border-radius: var(--border-radius); resize: none !important; min-height: 60px !important; padding: 8px 10px !important; width: 100% !important; }



.gw-code-imglist-dialog-thumb { position: relative; flex: 0 0 auto; width: 180px; height: 180px; border-radius: var(--border-radius); overflow: hidden; clip-path: inset(0 round var(--border-radius)); cursor: pointer; }



.gw-code-imglist-dialog-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }



.gw-code-imglist-dialog-thumb .gw-code-imglist-thumb-link { position: absolute; top: 4px; right: 4px; width: 20px; height: 20px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; z-index: 5; color: var(--color-primary); }



.gw-code-imglist-dialog-thumb-mask { position: absolute; inset: 0px; border-radius: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: rgba(0, 0, 0, 0.45); color: rgb(255, 255, 255); font-size: 11px; opacity: 0; transition: opacity 0.2s; }



.gw-code-imglist-dialog-thumb:hover .gw-code-imglist-dialog-thumb-mask { opacity: 1; }



.gw-code-imglist-dialog-fields { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; gap: 12px; }



.gw-code-imglist-dialog-jump-container { padding: 12px; background: rgb(248, 249, 250); border-radius: var(--border-radius); display: flex; flex-direction: column; gap: 12px; }



.gw-code-imglist-dialog-row { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }



.gw-code-imglist-dialog-row .gw-code-label { flex: 0 0 auto; font-size: 13px; color: var(--color-text-secondary); }



.gw-code-imglist-dialog-row .gw-code-control { font-size: 13px; padding: 8px 10px !important; width: 100% !important; }



.gw-code-imglist-dialog-row .gw-code-control--select { cursor: pointer; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; background-size: 14px; appearance: none; padding-right: 28px !important; }



.gw-code-imglist-dialog-row--flex { flex-direction: row; align-items: center; gap: 12px; margin-top: 4px; }



.gw-code-imglist-dialog-row--flex .gw-code-label { margin: 0px; }



.gw-code-imglist-dialog-switch { position: relative; display: inline-block; width: 44px; height: 24px; }



.gw-code-imglist-dialog-switch input { opacity: 0; width: 0px; height: 0px; margin: 0px; }



.gw-code-imglist-dialog-slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(220, 223, 230); transition: 0.3s; border-radius: 24px; }



.gw-code-imglist-dialog-slider::before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: rgb(255, 255, 255); transition: 0.3s; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px; }



input:checked + .gw-code-imglist-dialog-slider { background-color: var(--color-primary); }



input:checked + .gw-code-imglist-dialog-slider::before { transform: translateX(20px); }



.gw-code-imglist-dialog-switch-text { font-size: 13px; color: var(--color-text-secondary); }



.gw-code-imglist-dialog-jump { display: flex; align-items: center; justify-content: space-between; text-decoration: none; height: 36px !important; padding: 0px 10px !important; width: 100% !important; }



.gw-code-imglist-dialog-jump-text { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.gw-code-imglist-dialog-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 12px 16px; border-top: 1px solid var(--color-border); }



.gw-code-imglist-dialog-footer .gw-code-btn { min-width: 64px; height: 32px; line-height: 32px; font-size: 13px; }



.gw-code-imglist-cell-add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; aspect-ratio: 1 / 1; border: 2px dashed var(--color-border); border-radius: var(--border-radius); color: var(--color-text-secondary); font-size: 12px; cursor: pointer; text-decoration: none; transition: 0.2s; }



.gw-code-imglist-cell-add:hover { border-color: var(--color-primary); color: var(--color-primary); }



.gw-code-imglist-footer { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--color-border); flex-shrink: 0; }



.gw-code-imglist-footer .gw-code-btn { min-width: 72px; height: 32px; line-height: 32px; font-size: 13px; }



.gw-code-navlist-editor { display: flex; flex-direction: column; height: 100%; background: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: rgb(26, 26, 26); }



.gw-code-navlist-editor .gw-code-navlist-main { display: flex; flex: 1 1 0%; overflow: hidden; background: rgb(255, 255, 255); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar { width: 280px; background: rgb(247, 248, 250); border-right: 1px solid rgb(229, 232, 235); display: flex; flex-direction: column; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header { padding: 16px 16px 10px; display: flex; flex-direction: column; border-bottom: 1px solid rgb(229, 232, 235); gap: 12px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar { display: flex; align-items: center; gap: 8px; height: 26px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-control--original-select { flex: 1 1 0%; height: 100%; border: 1px solid rgb(209, 213, 219); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(55, 65, 81); font-size: 11px; padding: 0px 8px; outline: 0px; min-width: 0px; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-control--original-select:hover { border-color: rgb(156, 163, 175); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-control--original-select:focus { border-color: var(--color-primary,#2d8df0); box-shadow: rgba(45, 141, 240, 0.1) 0px 0px 0px 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-navlist-sync-divider { display: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-navlist-sync { height: 100%; padding: 0px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 11px; font-weight: 500; border-radius: 4px; color: var(--color-primary,#2d8df0); background: rgba(45, 141, 240, 0.1); border: 1px solid rgba(45, 141, 240, 0.2); transition: 0.2s; text-decoration: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-navlist-sync:hover { background: rgba(45, 141, 240, 0.15); border-color: rgba(45, 141, 240, 0.3); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-navlist-sync:active { background: rgba(45, 141, 240, 0.2); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-sync-bar .gw-code-navlist-sync svg.gw-code-spin { animation: 1s linear 0s infinite normal none running gwcodeSpin; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top { display: flex; align-items: center; justify-content: space-between; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left { display: flex; align-items: center; gap: 12px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper { display: flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper.is-disabled { opacity: 0.5; cursor: not-allowed; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox { position: relative; font-size: 0px; line-height: initial; display: inline-flex; align-items: center; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox input { position: absolute; opacity: 0; margin: 0px; right: 0px; bottom: 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox input:checked + .gw-code-checkbox-box { background: var(--color-primary,#2d8df0); border-color: var(--color-primary,#2d8df0); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox input:checked + .gw-code-checkbox-box::after { transform: rotate(45deg) scaleY(1); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox .gw-code-checkbox-box { display: inline-block; width: 14px; height: 14px; background: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 4px; transition: 0.2s; position: relative; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkbox .gw-code-checkbox-box::after { content: ""; position: absolute; border-width: 0px 2px 2px 0px; border-right-style: solid; border-bottom-style: solid; border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: initial; border-left-style: initial; border-left-color: initial; border-top-style: initial; border-top-color: initial; width: 4px; height: 8px; left: 4px; top: 1px; transform: rotate(45deg) scaleY(0); transition: transform 0.15s ease-in; transform-origin: center center; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper .gw-code-navlist-checkall-text { font-size: 11px; color: rgb(107, 114, 128); font-weight: 500; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-navlist-checkall-wrapper:hover:not(.is-disabled) .gw-code-checkbox-box { border-color: var(--color-primary,#2d8df0); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-btn-bulk-del { display: flex; align-items: center; gap: 4px; font-size: 11px; color: rgb(156, 163, 175); cursor: pointer; text-decoration: none; transition: color 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-btn-bulk-del.active { color: rgb(239, 68, 68); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-btn-bulk-del.active:hover { color: rgb(220, 38, 38); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-left .gw-code-btn-bulk-del.is-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-bulk-divider { flex: 1 1 0%; margin: 0px 12px; height: 1px; background: rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-add-root { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 500; cursor: pointer; color: var(--color-primary,#2563eb); text-decoration: none; transition: opacity 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-sidebar-header .gw-code-navlist-bulk-bar-top .gw-code-navlist-add-root:hover { opacity: 0.8; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-list-wrap { flex: 1 1 0%; overflow-y: auto; padding: 12px 10px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-list-wrap::-webkit-scrollbar { width: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-list-wrap::-webkit-scrollbar-thumb { background: rgb(209, 213, 219); border-radius: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-list-wrap::-webkit-scrollbar-track { background: 0px 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-bulk-bar { padding: 10px 16px; background: rgb(241, 243, 245); border-top: 1px solid rgb(229, 232, 235); display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: rgb(107, 114, 128); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-bulk-bar .gw-code-bulk-count { color: rgb(17, 24, 39); font-weight: 600; margin: 0px 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-bulk-bar .gw-code-btn-bulk-del { color: rgb(220, 38, 38); font-weight: 500; cursor: pointer; padding: 4px 8px; border-radius: 4px; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sidebar .gw-code-navlist-bulk-bar .gw-code-btn-bulk-del:hover { background: rgba(220, 38, 38, 0.1); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-wrapper { margin-bottom: 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-children { padding-left: 16px; margin-left: 12px; border-left: 1px solid rgb(229, 232, 235); min-height: 6px; margin-top: 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row { display: flex; align-items: center; padding: 0px 8px; height: 28px; background: 0px 0px; border-radius: 6px; cursor: move; color: rgb(75, 85, 99); transition: 0.2s; border: none; box-shadow: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row:hover { background: rgb(229, 231, 235); color: rgb(31, 41, 55); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active { background: var(--color-primary,#2563eb); color: rgb(255, 255, 255); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-title-text { font-weight: 500; font-size: 12px; color: rgb(255, 255, 255); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-drag { color: rgba(255, 255, 255, 0.6); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-drag:hover { background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-icon-placeholder { color: rgba(255, 255, 255, 0.9); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-action { color: rgba(255, 255, 255, 0.7); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-action:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-action.gw-code-navlist-cell-del { color: rgba(255, 255, 255, 0.7); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-action.gw-code-navlist-cell-del:hover { color: rgb(255, 255, 255); background: rgb(239, 68, 68); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-toggle { color: rgba(255, 255, 255, 0.6); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-toggle:hover { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row--hidden { opacity: 0.5; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row--hidden .gw-code-navlist-cell-title-text { color: rgb(156, 163, 175); text-decoration: line-through; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row--hidden .gw-code-navlist-cell-icon { opacity: 0.4; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row--hidden.active .gw-code-navlist-cell-title-text { color: rgba(255, 255, 255, 0.6); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-toggle { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; margin-right: 2px; cursor: pointer; color: rgb(156, 163, 175); transition: 0.2s; border-radius: 4px; flex-shrink: 0; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-toggle:hover { background: rgb(229, 231, 235); color: rgb(75, 85, 99); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-toggle.is-empty { visibility: hidden; pointer-events: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-toggle.is-collapsed svg { transform: rotate(-90deg); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-toggle svg { transition: transform 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox { display: flex; align-items: center; justify-content: center; margin-right: 8px; cursor: pointer; flex-shrink: 0; position: relative; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox input { display: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox .gw-code-checkbox-box { width: 14px; height: 14px; border: 1px solid rgb(209, 213, 219); border-radius: 4px; background: rgb(255, 255, 255); transition: 0.15s; position: relative; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox:hover .gw-code-checkbox-box { border-color: var(--color-primary,#2563eb); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox input:checked + .gw-code-checkbox-box { background: var(--color-primary,#2563eb); border-color: var(--color-primary,#2563eb); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox input:checked + .gw-code-checkbox-box::after { content: ""; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox input:indeterminate + .gw-code-checkbox-box { background: var(--color-primary,#2563eb); border-color: var(--color-primary,#2563eb); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-checkbox input:indeterminate + .gw-code-checkbox-box::after { content: ""; position: absolute; left: 3px; top: 6px; width: 6px; height: 2px; background: rgb(255, 255, 255); border: none; transform: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-icon { width: 18px; height: 18px; margin-right: 8px; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-icon-img { max-width: 16px; max-height: 16px; object-fit: contain; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-icon-placeholder { color: rgb(107, 114, 128); display: flex; align-items: center; justify-content: center; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-icon-svg { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-title { flex: 1 1 0%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; display: flex; align-items: center; gap: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row .gw-code-navlist-cell-actions { display: flex; gap: 4px; opacity: 0; transition: opacity 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row.active .gw-code-navlist-cell-actions, .gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-row:hover .gw-code-navlist-cell-actions { opacity: 1; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-action { color: rgb(107, 114, 128); display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 4px; background: 0px 0px; transition: 0.15s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-action:hover { color: rgb(31, 41, 55); background: rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-action.gw-code-navlist-cell-del { color: rgb(239, 68, 68); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-action.gw-code-navlist-cell-del:hover { color: rgb(220, 38, 38); background: rgb(254, 226, 226); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-cell-placeholder { background: rgba(37, 99, 235, 0.05); margin-bottom: 2px; border-radius: 6px; border: 1px dashed rgba(37, 99, 235, 0.4); height: 32px; visibility: visible !important; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty { margin: 0px; padding: 40px 16px; text-align: center; height: 100%; background: 0px 0px; border: 1px dashed rgb(203, 213, 225); border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty .gw-code-empty-icon-wrap { width: 56px; height: 56px; border-radius: 12px; background: rgb(248, 250, 252); display: flex; align-items: center; justify-content: center; color: rgb(100, 116, 139); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty .gw-code-empty-icon-wrap svg { width: 28px; height: 28px; stroke-width: 1.5; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty .gw-code-empty-title { font-size: 13px; font-weight: 600; color: rgb(51, 65, 85); margin-bottom: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty .gw-code-empty-desc { font-size: 12px; color: rgb(148, 163, 184); line-height: 1.6; padding: 0px 10px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-bulk-actions { display: flex; align-items: center; justify-content: space-between; height: 48px; border-top: 1px solid rgb(229, 232, 235); background: rgb(248, 250, 252); padding: 0px 16px; margin-top: auto; flex-shrink: 0; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-checkall-wrapper { display: flex; align-items: center; cursor: pointer; gap: 6px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-checkall-wrapper:hover .gw-code-checkbox-box { border-color: var(--color-primary,#2563eb); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-checkall-wrapper.is-disabled { opacity: 0.5; pointer-events: none; cursor: not-allowed; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-sortable-placeholder { background: rgb(241, 245, 249); border: 1px dashed rgb(148, 163, 184); border-radius: 6px; margin-bottom: 4px; visibility: visible !important; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-content { flex: 1 1 0%; background: rgb(249, 250, 251); padding: 16px; overflow-y: auto; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-content::-webkit-scrollbar { width: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-content::-webkit-scrollbar-thumb { background: rgb(203, 213, 225); border-radius: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-content::-webkit-scrollbar-track { background: 0px 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-content .gw-code-navlist-form-group { background: rgb(255, 255, 255); padding: 16px; border-radius: 6px; margin-bottom: 16px; border: 1px solid rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty-form { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: rgb(156, 163, 175); font-size: 13px; gap: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-empty-form svg { color: rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form { max-width: 600px; margin: 0px auto; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form-header { margin-bottom: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form-header .gw-code-label--dark { font-size: 13px; color: rgb(17, 24, 39); font-weight: 600; display: block; padding-bottom: 8px; border-bottom: 1px solid rgb(241, 245, 249); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form-body { display: flex; flex-direction: column; gap: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-form-header--layer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; border-bottom: none; padding-bottom: 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-form-header--layer .gw-code-label--icon { font-size: 13px; color: rgb(17, 24, 39); display: flex; align-items: center; font-weight: 600; padding-bottom: 0px; border: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-form-header--layer .gw-code-label--icon svg { margin-right: 6px; color: rgb(107, 114, 128); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-hint-text { font-size: 12px; color: rgb(156, 163, 175); font-weight: 400; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-move-segments { display: flex; gap: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-move-segment { flex: 1 1 0%; padding: 12px; background: rgb(249, 250, 251); border-radius: 6px; border: 1px solid rgb(229, 231, 235); display: flex; flex-direction: column; gap: 8px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-move-title { font-size: 11px; font-weight: 600; color: rgb(107, 114, 128); letter-spacing: 0.5px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-move-btns { display: flex; align-items: center; justify-content: space-between; background: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 4px; overflow: hidden; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-btn { flex: 1 1 0%; display: flex; align-items: center; justify-content: center; gap: 4px; height: 32px; font-size: 12px; color: rgb(75, 85, 99); text-decoration: none; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-btn svg { color: rgb(156, 163, 175); transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-btn:hover { background: rgb(229, 231, 235); color: rgb(17, 24, 39); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-btn:hover svg { color: rgb(75, 85, 99); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-btn:active { background: rgb(209, 213, 219); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-move-divider { width: 1px; height: 16px; background: rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-row--grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; width: 100%; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-row--separator { margin-top: 16px; padding-top: 16px; border-top: 1px dashed rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-row--switch { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; padding-top: 16px; border-top: 1px dashed rgb(229, 231, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-switch-info { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-switch-title { display: block; font-size: 13px !important; font-weight: 600 !important; color: rgb(17, 24, 39) !important; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-switch-desc { font-size: 11px; color: rgb(156, 163, 175); line-height: 1.4; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-label--block { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; color: rgb(17, 24, 39); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-change-jump { display: flex; align-items: center; padding: 8px 12px; background: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); border-radius: 6px; cursor: pointer; transition: 0.2s; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-change-jump:hover { border-color: rgb(156, 163, 175); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; background: rgb(243, 244, 246); border-radius: 4px; margin-right: 10px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon svg { color: rgb(156, 163, 175); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon .gw-code-navlist-jump-svg-web { color: rgb(37, 99, 235); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon .gw-code-navlist-jump-svg-url { color: rgb(5, 150, 105); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon .gw-code-navlist-jump-svg-mobile { color: rgb(217, 119, 6); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-icon .gw-code-navlist-jump-svg-email { color: rgb(124, 58, 237); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-title { flex: 1 1 0%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 1.4; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-title .gw-code-navlist-jump-text { color: rgb(17, 24, 39); font-weight: 500; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-title .gw-code-navlist-jump-subtext { color: rgb(107, 114, 128); font-size: 11px; margin-left: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-title .gw-code-navlist-jump-empty { color: rgb(156, 163, 175); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-labels { flex-shrink: 0; display: flex; align-items: center; gap: 6px; margin-left: 12px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-tag { font-size: 10px; font-weight: 500; color: rgb(107, 114, 128); border: 1px solid rgb(229, 231, 235); padding: 2px 6px; border-radius: 4px; background: rgb(249, 250, 251); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-jump-tag--primary { color: rgb(37, 99, 235); border-color: rgb(191, 219, 254); background: rgb(239, 246, 255); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-change-media { border: 1px solid rgb(229, 231, 235); border-radius: 8px; background: rgb(255, 255, 255); padding: 12px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-change-media:hover { border-color: rgb(156, 163, 175); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 6px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-preview { width: 44px; height: 44px; border-radius: 6px; border: 1px dashed rgb(209, 213, 219); background: rgb(249, 250, 251); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; flex-shrink: 0; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-preview img { width: 100%; height: 100%; object-fit: contain; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-preview svg.iconpark-icon { width: 24px; height: 24px; color: rgb(55, 65, 81); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-preview svg.gw-code-icon-placeholder { color: rgb(156, 163, 175); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-info { flex: 1 1 0%; min-width: 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-title { font-size: 13px; font-weight: 500; color: rgb(17, 24, 39); margin-bottom: 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-form .gw-code-navlist-media-desc { font-size: 12px; color: rgb(107, 114, 128); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row { display: flex; align-items: flex-start; gap: 20px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row .gw-code-label { width: 80px; padding-top: 8px; flex-shrink: 0; color: rgb(75, 85, 99); font-size: 12px; font-weight: 500; text-align: right; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row .gw-code-field { flex: 1 1 0%; display: flex; flex-direction: column; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row--icon { align-items: center; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row--icon .gw-code-label { padding-top: 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row--flex { align-items: center; gap: 12px; flex-direction: row !important; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row--vertical { flex-direction: column; align-items: stretch; gap: 6px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-row--vertical .gw-code-label { width: auto; text-align: left; padding: 0px; color: rgb(55, 65, 81); font-weight: 600; font-size: 12px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--input, .gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--original-select { width: 100%; height: 34px; border: 1px solid rgb(209, 213, 219); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(17, 24, 39); font-size: 12px; padding: 0px 10px; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--input:focus, .gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--original-select:focus { border-color: var(--color-primary,#2563eb); box-shadow: rgba(37, 99, 235, 0.1) 0px 0px 0px 3px; outline: 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--input:disabled, .gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--original-select:disabled { color: rgb(156, 163, 175); cursor: not-allowed; background: rgb(249, 250, 251); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--input::placeholder, .gw-code-navlist-editor .gw-code-navlist-main .gw-code-control--original-select::placeholder { color: rgb(209, 213, 219); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-btn--link { color: rgb(107, 114, 128); font-size: 12px; background: 0px 0px; padding: 4px 8px; border-radius: 4px; border: none; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-btn--link:hover { color: rgb(220, 38, 38); background: rgba(220, 38, 38, 0.08); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch { position: relative; display: inline-block; width: 34px; height: 18px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch input { display: none; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch .gw-code-navlist-slider { position: absolute; cursor: pointer; inset: 0px; background-color: rgb(209, 213, 219); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 18px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch .gw-code-navlist-slider::before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: rgb(255, 255, 255); transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch input:checked + .gw-code-navlist-slider { background-color: rgb(74, 139, 233); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch input:checked + .gw-code-navlist-slider--danger { background-color: rgb(239, 68, 68); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch input:focus + .gw-code-navlist-slider { box-shadow: rgb(74, 139, 233) 0px 0px 1px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch input:checked + .gw-code-navlist-slider::before { transform: translateX(16px); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-danger-block { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; padding: 16px; border-radius: 8px; background: rgb(254, 242, 242); border: 1px solid rgb(254, 202, 202); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-danger-block .gw-code-navlist-danger-text { display: flex; flex-direction: column; gap: 4px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-danger-block .gw-code-navlist-danger-text .title { color: rgb(153, 27, 27); font-size: 13px; font-weight: 600; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-danger-block .gw-code-navlist-danger-text .desc { color: rgb(185, 28, 28); font-size: 11px; opacity: 0.8; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-switch-text { font-size: 12px; color: rgb(75, 85, 99); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment { flex: 1 1 0%; display: flex; flex-direction: column; gap: 8px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-title { font-size: 12px; color: rgb(107, 114, 128); font-weight: 500; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns { display: flex; background: rgb(243, 244, 246); border: 1px solid rgb(229, 231, 235); border-radius: 6px; overflow: hidden; height: 32px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns .gw-code-navlist-move-divider { width: 1px; background: rgb(229, 231, 235); margin: 4px 0px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns .gw-code-btn { flex: 1 1 0%; height: 100%; border: none; background: 0px 0px; box-shadow: none; border-radius: 0px; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0px; color: rgb(55, 65, 81); font-weight: 500; font-size: 12px; transition: 0.2s; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns .gw-code-btn svg { width: 14px; height: 14px; }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns .gw-code-btn:hover { background: rgb(229, 231, 235); color: rgb(17, 24, 39); }



.gw-code-navlist-editor .gw-code-navlist-main .gw-code-navlist-move-group .gw-code-navlist-move-segment .gw-code-navlist-move-btns .gw-code-btn:active { background: rgb(209, 213, 219); }



.gw-code-navlist-editor .gw-code-navlist-footer { display: flex; align-items: center; justify-content: flex-end; padding: 14px 24px; background: rgb(255, 255, 255); gap: 12px; border-top: 1px solid rgb(229, 232, 235); }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn { height: 34px; padding: 0px 20px; font-size: 12px; border-radius: 6px; font-weight: 500; transition: 0.2s; color: rgb(75, 85, 99); display: inline-flex; align-items: center; justify-content: center; }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn:not(.gw-code-btn--primary) { background: rgb(255, 255, 255); border: 1px solid rgb(209, 213, 219); }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn:not(.gw-code-btn--primary):hover { background: rgb(255, 255, 255); border-color: var(--color-primary,#2563eb); color: var(--color-primary,#2563eb); }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn--primary { background: var(--color-primary,#2563eb); color: rgb(255, 255, 255); border: 1px solid var(--color-primary,#2563eb); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn--primary:hover { background: rgb(255, 255, 255); color: var(--color-primary,#2563eb); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; }



.gw-code-navlist-editor .gw-code-navlist-footer .gw-code-btn--primary:active { opacity: 0.8; box-shadow: none; }



@keyframes gwcodeSpin { 

  100% { transform: rotate(360deg); }

}



.gw-code-navlist-modal .layui-layer-btn .layui-layer-btn0 { background: rgb(255, 255, 255); color: var(--color-primary,#2563eb); border: 1px solid var(--color-primary,#2563eb); transition: 0.2s; }



.gw-code-navlist-modal .layui-layer-btn .layui-layer-btn0:hover { background: rgba(37, 99, 235, 0.05); border-color: var(--color-primary,#2563eb); color: var(--color-primary,#2563eb); }



.gw-code-form-wrap .gw-code-card-preview { min-height: 96px; background: rgb(255, 255, 255); }



.gw-code-form-summary { min-height: 96px; padding: 12px; display: flex; flex-direction: column; justify-content: space-between; background: rgb(255, 255, 255); color: rgb(13, 13, 13); }



.gw-code-form-summary-head { display: flex; align-items: flex-start; gap: 10px; min-width: 0px; }



.gw-code-form-summary-icon { width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: rgb(120, 175, 249); background: rgb(249, 249, 249); border: 1px solid rgb(236, 236, 236); }



.gw-code-form-summary-main { flex: 1 1 0%; min-width: 0px; }



.gw-code-form-summary-title { font-size: 13px; line-height: 18px; font-weight: 600; color: rgb(13, 13, 13); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-form-summary-desc { margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(143, 143, 143); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-form-summary-meta { margin-top: 10px; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; color: rgb(143, 143, 143); font-size: 10px; line-height: 16px; }



.gw-code-form-summary-meta span { max-width: 100%; padding: 1px 6px; border-radius: 999px; background: rgb(249, 249, 249); color: rgb(93, 93, 93); border: 1px solid rgb(236, 236, 236); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-form-summary-action { flex-shrink: 0; font-size: 11px; line-height: 18px; color: rgb(120, 175, 249); font-weight: 500; }



.gw-dialog--visual-form-editor { max-width: 98vw; max-height: 94vh; border-radius: 10px; }



.gw-dialog--visual-form-editor .gw-dialog-body { overflow: hidden; }



.gw-edit-tool-content.gw-code-new-settings-dialog-host-open { z-index: 10000; }



.gw-code-editor { --color-ok: #52c41a; --color-primary: #2D8DF0; --color-important: #e74c3c; --color-border: #dcdfe6; --color-text: #606266; --color-text-secondary: #c0c4cc; --color-text-primary: #303133; --border-radius: 6px; }



.gw-code-editor > .gw-code-new-settings-host { display: none; position: absolute; inset: 0px; min-height: 0px; overflow: hidden; background: rgb(247, 248, 250); }



.gw-code-editor .gw-code-new-settings-frame { display: block; position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; border: 0px; background: rgb(247, 248, 250); opacity: 0; }



.gw-code-editor .gw-code-new-settings-loading { position: absolute; inset: 0px; z-index: 0; display: flex; min-height: 0px; flex-direction: column; background: rgb(247, 248, 250); }



.gw-code-editor .gw-code-new-settings-loading-header { flex: 0 0 auto; padding: 14px 16px 12px; border-bottom: 1px solid rgba(15, 23, 42, 0.067); background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-module { display: flex; align-items: center; gap: 10px; }



.gw-code-editor .gw-code-new-settings-loading-icon { position: relative; display: flex; width: 32px; height: 32px; flex: 0 0 32px; align-items: center; justify-content: center; border-radius: 8px; background: rgb(241, 246, 252); color: rgb(61, 117, 189); }



.gw-code-editor .gw-code-new-settings-loading-icon svg { width: 17px; height: 17px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }



.gw-code-editor .gw-code-new-settings-loading-copy { display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 2px; }



.gw-code-editor .gw-code-new-settings-loading-copy strong { color: rgb(63, 68, 76); font-size: 13px; font-weight: 600; line-height: 19px; }



.gw-code-editor .gw-code-new-settings-loading-copy small { color: rgb(154, 159, 167); font-size: 10px; line-height: 15px; }



.gw-code-editor .gw-code-new-settings-loading-copy small i { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background: rgb(199, 204, 210); vertical-align: 1px; }



.gw-code-editor .gw-code-new-settings-loading-code { flex: 0 0 auto; padding: 2px 6px; border: 1px solid rgba(15, 23, 42, 0.05); border-radius: 5px; background: rgb(250, 250, 250); color: rgb(160, 165, 172); font-family: Menlo, Monaco, Consolas, monospace; font-size: 9px; line-height: 14px; letter-spacing: 0.04em; }



.gw-code-editor .gw-code-new-settings-loading-edit { display: flex; height: 36px; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; border: 1px solid rgb(217, 229, 243); border-radius: 8px; margin-top: 12px; background: rgb(245, 248, 252); }



.gw-code-editor .gw-code-new-settings-loading-tabs { display: grid; height: 28px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 4px; box-sizing: border-box; padding: 4px; border-radius: 7px; margin-top: 10px; background: rgb(241, 242, 244); }



.gw-code-editor .gw-code-new-settings-loading-tabs > span { display: flex; min-width: 0px; align-items: center; justify-content: center; gap: 6px; border-radius: 5px; }



.gw-code-editor .gw-code-new-settings-loading-tabs > span.is-active { background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.05) 0px 1px 2px; }



.gw-code-editor .gw-code-new-settings-loading-block { display: block; height: 8px; border-radius: 4px; background: rgb(231, 234, 238); animation: 1.45s ease-in-out 0s infinite normal none running gw-code-settings-loading-fade; }



.gw-code-editor .gw-code-new-settings-loading-block.is-icon { width: 14px; height: 14px; background: rgb(216, 228, 242); }



.gw-code-editor .gw-code-new-settings-loading-block.is-edit-label { width: 56px; background: rgb(216, 228, 242); }



.gw-code-editor .gw-code-new-settings-loading-block.is-tab-icon { width: 12px; height: 12px; background: rgb(223, 227, 232); }



.gw-code-editor .gw-code-new-settings-loading-block.is-tab-label { width: 48px; height: 6px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-section-icon { width: 14px; height: 14px; border-radius: 5px; background: rgb(226, 232, 239); }



.gw-code-editor .gw-code-new-settings-loading-block.is-section-label { width: 64px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-section-chevron { width: 14px; height: 14px; border-radius: 5px; background: rgb(226, 229, 233); }



.gw-code-editor .gw-code-new-settings-loading-block.is-row-title { width: 80px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-row-title.is-wide { width: 96px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-row-detail { width: 128px; height: 6px; background: rgb(239, 241, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-row-detail.is-wide { width: 144px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-row-detail.is-long { width: 160px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-toolbar-label { width: 52px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-count { width: 32px; height: 16px; border-radius: 5px; background: rgb(228, 232, 237); }



.gw-code-editor .gw-code-new-settings-loading-block.is-ai-button { width: 54px; height: 28px; border-radius: 6px; background: rgb(229, 237, 247); }



.gw-code-editor .gw-code-new-settings-loading-block.is-tool-button { width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid rgba(15, 23, 42, 0.043); border-radius: 6px; box-sizing: border-box; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-block.is-search { min-width: 0px; height: 28px; flex: 1 1 0%; border: 1px solid rgba(15, 23, 42, 0.043); border-radius: 6px; box-sizing: border-box; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-block.is-select { width: 100px; height: 28px; flex: 0 0 100px; border: 1px solid rgba(15, 23, 42, 0.043); border-radius: 6px; box-sizing: border-box; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-block.is-setting-title { width: 80px; height: 10px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-setting-title.is-wide { width: 112px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-mini-button { width: 20px; height: 20px; border-radius: 5px; background: rgb(237, 240, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-type { width: 28px; height: 16px; background: rgb(234, 241, 248); }



.gw-code-editor .gw-code-new-settings-loading-block.is-key { width: 96px; height: 6px; background: rgb(238, 240, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-key.is-long { width: 128px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-state { width: 36px; height: 16px; background: rgb(237, 240, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-media-preview { width: 44px; height: 44px; flex: 0 0 44px; border-radius: 7px; background: rgb(232, 237, 242); }



.gw-code-editor .gw-code-new-settings-loading-block.is-media-title { width: 76px; height: 8px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-media-detail { width: 100%; height: 6px; margin-top: 8px; background: rgb(239, 241, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-media-action { width: 28px; height: 8px; flex: 0 0 28px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-color-preview { width: 36px; height: 36px; flex: 0 0 36px; border-radius: 50%; background: rgb(226, 231, 237); }



.gw-code-editor .gw-code-new-settings-loading-block.is-color-value { width: 112px; height: 8px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-color-detail { width: 80px; height: 6px; margin-top: 8px; background: rgb(239, 241, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-copy-button { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 6px; background: rgb(237, 240, 243); }



.gw-code-editor .gw-code-new-settings-loading-block.is-save-state { width: 80px; height: 24px; border-radius: 6px; background: rgba(255, 255, 255, 0.72); }



.gw-code-editor .gw-code-new-settings-loading-block.is-save-button { width: 76px; height: 28px; border-radius: 6px; background: rgb(220, 231, 244); }



.gw-code-editor .gw-code-new-settings-loading-scroll { min-height: 0px; flex: 1 1 0%; overflow: hidden; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-runtime { padding: 12px 16px; border-bottom: 1px solid rgba(15, 23, 42, 0.055); background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-runtime.is-collapsed { display: flex; align-items: center; justify-content: space-between; }



.gw-code-editor .gw-code-new-settings-loading-runtime.is-collapsed .gw-code-new-settings-loading-section-title { margin-bottom: 0px; }



.gw-code-editor .gw-code-new-settings-loading-section-title { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }



.gw-code-editor .gw-code-new-settings-loading-runtime-row { display: flex; min-height: 46px; align-items: center; justify-content: space-between; gap: 16px; box-sizing: border-box; border-bottom: 1px solid rgba(15, 23, 42, 0.043); padding: 10px 0px; }



.gw-code-editor .gw-code-new-settings-loading-runtime-row:last-child { border-bottom: 0px; }



.gw-code-editor .gw-code-new-settings-loading-runtime-copy { display: flex; min-width: 0px; flex: 1 1 0%; flex-direction: column; gap: 8px; }



.gw-code-editor .gw-code-new-settings-loading-toggle { position: relative; display: block; width: 36px; height: 20px; flex: 0 0 36px; border-radius: 10px; background: rgb(227, 230, 234); }



.gw-code-editor .gw-code-new-settings-loading-toggle::after { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.08) 0px 1px 2px; content: ""; }



.gw-code-editor .gw-code-new-settings-loading-config { background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-toolbar { padding: 10px 14px; border-bottom: 1px solid rgba(15, 23, 42, 0.055); background: rgb(247, 248, 250); }



.gw-code-editor .gw-code-new-settings-loading-filters, .gw-code-editor .gw-code-new-settings-loading-meta, .gw-code-editor .gw-code-new-settings-loading-setting-actions, .gw-code-editor .gw-code-new-settings-loading-setting-head, .gw-code-editor .gw-code-new-settings-loading-switch-state, .gw-code-editor .gw-code-new-settings-loading-toolbar-actions, .gw-code-editor .gw-code-new-settings-loading-toolbar-head, .gw-code-editor .gw-code-new-settings-loading-toolbar-title { display: flex; align-items: center; }



.gw-code-editor .gw-code-new-settings-loading-toolbar-head { justify-content: space-between; gap: 8px; margin-bottom: 8px; }



.gw-code-editor .gw-code-new-settings-loading-toolbar-title { gap: 6px; }



.gw-code-editor .gw-code-new-settings-loading-toolbar-actions { gap: 4px; }



.gw-code-editor .gw-code-new-settings-loading-filters { gap: 6px; }



.gw-code-editor .gw-code-new-settings-loading-list { display: flex; flex-direction: column; gap: 12px; padding: 12px 14px 18px; }



.gw-code-editor .gw-code-new-settings-loading-setting { box-sizing: border-box; border-top: 1px solid rgba(15, 23, 42, 0.05); padding-top: 12px; }



.gw-code-editor .gw-code-new-settings-loading-setting:first-child { border-top: 0px; padding-top: 0px; }



.gw-code-editor .gw-code-new-settings-loading-setting.is-switch { padding: 10px 12px; border: 1px solid rgba(15, 23, 42, 0.06); border-radius: 9px; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-setting-head { min-width: 0px; justify-content: space-between; gap: 12px; }



.gw-code-editor .gw-code-new-settings-loading-setting-actions { flex: 0 0 auto; gap: 4px; }



.gw-code-editor .gw-code-new-settings-loading-meta { gap: 6px; margin-top: 6px; }



.gw-code-editor .gw-code-new-settings-loading-switch-state { flex: 0 0 auto; gap: 8px; }



.gw-code-editor .gw-code-new-settings-loading-control { display: block; width: 100%; box-sizing: border-box; border-radius: 8px; margin-top: 8px; background: rgb(240, 242, 244); animation: 1.45s ease-in-out 0.1s infinite normal none running gw-code-settings-loading-fade; }



.gw-code-editor .gw-code-new-settings-loading-control.is-textarea { height: 58px; }



.gw-code-editor .gw-code-new-settings-loading-control.is-input { height: 32px; }



.gw-code-editor .gw-code-new-settings-loading-color, .gw-code-editor .gw-code-new-settings-loading-media { display: flex; align-items: center; gap: 10px; box-sizing: border-box; border: 1px solid rgba(15, 23, 42, 0.055); border-radius: 8px; margin-top: 8px; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-media { min-height: 64px; padding: 10px; }



.gw-code-editor .gw-code-new-settings-loading-media > span { min-width: 0px; flex: 1 1 0%; }



.gw-code-editor .gw-code-new-settings-loading-color { height: 58px; padding: 0px 10px; }



.gw-code-editor .gw-code-new-settings-loading-color > span { min-width: 0px; flex: 1 1 0%; }



.gw-code-editor .gw-code-new-settings-loading-footer { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 14px; border-top: 1px solid rgba(15, 23, 42, 0.055); background: rgba(255, 255, 255, 0.78); backdrop-filter: blur(18px); }



@media (prefers-reduced-motion: reduce) {

  .gw-code-editor .gw-code-new-settings-loading-block, .gw-code-editor .gw-code-new-settings-loading-control { animation: auto ease 0s 1 normal none running none; }

}



.gw-code-editor.gw-code-new-settings-active { display: block; position: relative; height: 100%; min-height: 0px; overflow: hidden; }



.gw-code-editor.gw-code-new-settings-active > .gw-code-new-settings-host { display: block; }



.gw-code-editor.gw-code-new-settings-active > .gw-editor-content-list, .gw-code-editor.gw-code-new-settings-active > .gw-editor-menu-list { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; pointer-events: none; position: absolute !important; width: 1px !important; height: 1px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; }



.gw-code-editor.gw-code-new-settings-ready .gw-code-new-settings-frame { opacity: 1; }



.gw-code-editor.gw-code-new-settings-ready .gw-code-new-settings-loading { opacity: 0; visibility: hidden; pointer-events: none; }



.gw-code-editor.gw-code-new-settings-active.gw-code-new-settings-dialog-open { overflow: visible; }



.gw-code-editor.gw-code-new-settings-active.gw-code-new-settings-dialog-open > .gw-code-new-settings-host { position: fixed; inset: 0px; z-index: 10000; width: 100vw; height: 100vh; overflow: visible; }



.gw-code-editor .flex-center { display: flex; align-items: center; justify-content: center; }



.gw-code-editor .gw-code-label { flex: 1 1 0%; height: unset; line-height: 1.4; font-size: 12px; color: var(--color-text); }



.gw-code-editor .gw-code-label--dark { color: var(--color-text-primary); }



.gw-code-editor .gw-code-label--lg { font-size: 14px; }



.gw-code-editor .gw-code-label--mb { margin-bottom: 8px; }



.gw-code-editor .gw-code-icon { display: inline-flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; }



.gw-code-editor .gw-code-icon--lg { font-size: 18px; }



.gw-code-editor .gw-code-btn { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 4px 10px; border: 1px solid rgb(228, 231, 237); border-radius: var(--border-radius); color: rgb(153, 153, 153); cursor: pointer; font-size: 12px; line-height: 1; transition: 0.2s; text-decoration: none; }



.gw-code-editor .gw-code-btn:hover { color: var(--color-primary); border-color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-code-editor .gw-code-btn svg { flex-shrink: 0; }



.gw-code-editor .gw-code-btn.unsaved { position: relative; color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-code-editor .gw-code-btn.unsaved::after { content: ""; position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; border-radius: 50%; background: var(--color-important); }



.gw-code-editor .gw-code-btn_top { margin-top: 16px; }



.gw-code-editor .gw-code-btn--primary { background: var(--color-primary); color: rgb(255, 255, 255); border-color: var(--color-primary); }



.gw-code-editor .gw-code-btn--link { border: none; padding: 4px 8px; color: var(--color-primary); background: 0px 0px; }



.gw-code-editor .gw-code-btn--link:hover { opacity: 0.7; background: 0px 0px; }



.gw-code-editor .gw-code-btn--reset { color: var(--color-text-secondary); white-space: nowrap; }



.gw-code-editor .gw-code-control { flex: 1 1 0%; font-size: 12px; border-radius: var(--border-radius); line-height: 1.2; transition: border-color 0.2s; color: var(--color-text); outline: 0px; background: rgb(255, 255, 255); resize: none; border: 1px solid var(--color-border); }



.gw-code-editor .gw-code-control--input { height: 28px; padding: 0px 8px; width: 112px; }



.gw-code-editor .gw-code-control--textarea { width: 100%; min-height: 48px; padding: 6px 8px; line-height: 1.5; resize: vertical; font-family: inherit; }



.gw-code-editor .gw-code-control--trigger { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 3px; font-size: 12px; background: rgb(250, 250, 250); cursor: pointer; width: 100%; }



.gw-code-editor .gw-code-control--trigger > span { display: inline-flex; align-items: center; gap: 4px; }



.gw-code-editor .gw-code-control--trigger:hover { border-color: var(--color-primary); background: rgb(240, 247, 255); color: var(--color-primary); }



.gw-code-editor .gw-code-control:focus { border-color: var(--color-primary); box-shadow: none; }



.gw-code-editor .gw-code-card { border: 1px solid var(--color-border); border-radius: var(--border-radius); overflow: hidden; background: rgb(255, 255, 255); width: 100%; }



.gw-code-editor .gw-code-card-preview { position: relative; cursor: pointer; background: rgb(245, 247, 250); }



.gw-code-editor .gw-code-card-preview:hover .gw-code-img-hover { opacity: 1; }



.gw-code-editor .gw-code-card-preview:hover .gw-code-empty { color: var(--color-primary); }



.gw-code-editor .gw-code-card-preview:hover .gw-code-empty svg { opacity: 0.8; stroke: var(--color-primary); }



.gw-code-editor .gw-code-card-preview:hover .gw-code-empty .gw-code-icon { color: var(--color-primary); }



.gw-code-editor .gw-code-card-preview .gw-code-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 6px; min-height: 95px; color: var(--color-text-secondary); font-size: 12px; transition: color 0.2s; }



.gw-code-editor .gw-code-card-preview .gw-code-empty .fa { font-size: 25px; }



.gw-code-editor .gw-code-card-preview .gw-code-empty svg { opacity: 0.4; transition: 0.2s; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid { background: 0px 0px; padding: 4px 10px; display: flex; flex-direction: column; gap: 2px; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid .gw-code-navlist-summary-item { display: flex; align-items: center; font-size: 11px; color: rgb(75, 85, 99); padding: 2px 0px; line-height: 1.4; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid .gw-code-navlist-summary-item .nav-bullet { color: rgb(209, 213, 219); margin-right: 6px; font-size: 12px; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid .gw-code-navlist-summary-item .nav-title { flex: 1 1 0%; min-width: 0px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid .gw-code-navlist-summary-item .nav-count { flex-shrink: 0; white-space: nowrap; margin-left: 6px; color: rgb(156, 163, 175); font-size: 10px; }



.gw-code-editor .gw-code-card-preview .gw-code-navlist-grid .gw-code-navlist-summary-more { font-size: 10px; color: rgb(156, 163, 175); padding: 2px 0px 4px 12px; }



.gw-code-editor .gw-code-card-filename { padding: 3px 10px; font-size: 11px; color: rgb(144, 147, 153); background: rgb(245, 247, 250); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid rgb(240, 242, 245); }



.gw-code-editor .gw-code-card-toggle { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; padding: 4px 0px; font-size: 11px; color: rgb(144, 147, 153); border-top: 1px solid rgb(240, 242, 245); cursor: pointer; transition: color 0.2s; text-decoration: none; }



.gw-code-editor .gw-code-card-toggle:hover { color: var(--color-primary); }



.gw-code-editor .gw-code-card-toggle svg { transition: transform 0.2s; }



.gw-code-editor .gw-code-card-toggle.is-open svg { transform: rotate(180deg); }



.gw-code-editor .gw-code-card-options { padding: 8px 8px 0px; border-top: 1px solid rgb(240, 242, 245); font-size: 11px; }



.gw-code-editor .gw-code-card-options > div { margin: 0px 0px 8px; }



.gw-code-editor .gw-code-card-opt-row { display: flex; align-items: center; gap: 6px; }



.gw-code-editor .gw-code-card-opt-row + .gw-code-editor .gw-code-card-opt-row { margin-top: 6px; }



.gw-code-editor .gw-code-card-opt-row--col { flex-direction: column; align-items: flex-start; gap: 6px; }



.gw-code-editor .gw-code-card-opt-label--wide { width: 56px; flex: unset; }



.gw-code-card-opt-row--col .gw-code-editor .gw-code-card-opt-label { width: auto; }



.gw-code-editor .gw-code-card-footer { display: flex; align-items: center; justify-content: flex-end; height: 28px; padding: 0px 10px; background: rgb(250, 251, 252); border-top: 1px solid rgb(240, 242, 245); }



.gw-code-editor .gw-code-card-footer .gw-code-btn--reset { display: flex; align-items: center; gap: 3px; }



@keyframes gw-code-settings-loading-fade { 

  0%, 100% { opacity: 0.58; }

  50% { opacity: 1; }

}



.gw-code-panel { padding: 16px; display: flex; flex-direction: column; gap: 14px; }



.gw-code-panel-actions { display: flex; align-items: center; justify-content: space-between; padding-top: 5px; }



.gw-code-panel-actions--end { justify-content: flex-end; gap: 10px; }



.gw-code-panel-field { display: flex; flex-direction: column; gap: 6px; }



.gw-code-panel--label { font-size: 12px; color: rgb(96, 98, 102); font-weight: 500; }



.gw-code-panel-hint { font-size: 12px; padding: 6px 0px; color: var(--color-text-secondary); }



.gw-code-panel .input-style { width: 100%; height: 32px; padding: 0px 10px; font-size: 13px; line-height: 32px; outline: 0px; color: var(--color-text-primary); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: border-color 0.2s; }



.gw-code-panel .input-style:hover { border-color: var(--color-text); }



.gw-code-panel .input-style:focus { border-color: var(--color-primary); }



.gw-code-panel--input { width: 100%; height: 32px; padding: 0px 10px; font-size: 13px; line-height: 32px; outline: 0px; color: var(--color-text-primary); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: border-color 0.2s; }



.gw-code-panel--input:hover { border-color: var(--color-text); }



.gw-code-panel--input:focus { border-color: var(--color-primary); }



.gw-code-panel--select { width: 100%; height: 32px; padding: 0px 28px 0px 10px; font-size: 13px; line-height: 32px; outline: 0px; color: var(--color-text-primary); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: border-color 0.2s; appearance: none; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23909399' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 8px center; }



.gw-code-panel--select:hover { border-color: var(--color-text); }



.gw-code-panel--select:focus { border-color: var(--color-primary); }



.gw-code-panel--textarea { width: 100%; font-size: 13px; outline: 0px; color: var(--color-text-primary); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: border-color 0.2s; height: auto; padding: 8px 10px; line-height: 1.5; resize: vertical; font-family: Menlo, Monaco, Consolas, monospace; }



.gw-code-panel--textarea:hover { border-color: var(--color-text); }



.gw-code-panel--textarea:focus { border-color: var(--color-primary); }



.gw-code-panel-height-lg { height: 300px !important; }



.gw-code-panel .gw-code-hidden-input { display: none !important; }



.gw-code-panel .gw-code-confirm { height: 36px; }



.gw-code-panel .gw-code-btn-confirm { height: 36px; padding: 0px 26px; font-size: 13px; border-radius: 4px; background-color: var(--color-primary); color: rgb(255, 255, 255); border: none; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: 0.2s; font-weight: 500; text-decoration: none; }



.gw-code-panel .gw-code-btn-confirm:hover { opacity: 0.85; color: rgb(255, 255, 255); }



.gw-code-panel .gw-code-link { color: var(--color-primary); font-weight: 500; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; text-decoration: none; transition: opacity 0.15s; cursor: pointer; margin-left: 4px; }



.gw-code-panel .gw-code-link:hover { opacity: 0.8; }



.gw-code-panel .gw-code-link svg { margin-top: -1px; }



.gw-component-edit-region { padding: 0px !important; }



.gw-component-edit-region .gw-code-editor .tab-pane { overflow: visible !important; }



.gw-component-edit-region .gw-code-editor .tab-pane.fade { transition: opacity 0.2s; }



.gw-component-edit-region .gw-code-edit-toolbar { position: sticky; top: -16px; z-index: 7; margin: -16px 0px 16px; padding: 16px 0px 8px; background: rgba(255, 255, 255, 0.96); box-shadow: none; backdrop-filter: blur(8px); }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn { width: 100%; height: 42px; margin: 0px; gap: 6px; appearance: none; font-size: 14px; font-family: inherit; font-weight: 400; color: rgb(255, 255, 255); background: var(--color-primary); border-color: var(--color-primary); border-radius: var(--border-radius); box-shadow: none; transition: background-color 0.15s, border-color 0.15s, transform 0.1s; }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn:hover { opacity: 1; color: rgb(255, 255, 255); background: rgb(82, 153, 219); border-color: rgb(82, 153, 219); box-shadow: none; transform: none; }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn:active { color: rgb(255, 255, 255); background: rgb(36, 120, 202); border-color: rgb(36, 120, 202); transform: translateY(1px); box-shadow: none; }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn:focus { outline: 0px; }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn:focus-visible { border-color: var(--color-primary); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgba(45, 141, 240, 0.42) 0px 0px 0px 4px; }



.gw-component-edit-region .gw-code-edit-toolbar .code-add-btn svg { width: 15px; height: 15px; }



.gw-component-edit-region .gw-editor-menu-list { padding: 16px 10px 50px 18px; width: 84px; }



.gw-component-edit-region .gw-editor-content-list { padding: 16px 20px 50px; margin-top: 0px; }



.gw-component-edit-region .gw-code-config-row { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }



.gw-component-edit-region .gw-code-config-row::before { display: none; }



.gw-component-edit-region .gw-code-config-row .gw-switch-button { margin: 0px; }



.gw-component-edit-region .title-blue { margin-bottom: 0px; }



.gw-component-edit-region .gw-code-settings-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }



.gw-component-edit-region .gw-code-settings-actions { display: flex; align-items: center; gap: 6px; }



.gw-component-edit-region .gw-code-io-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }



.gw-component-edit-region .gw-code-io-actions .gw-code-btn { flex: 1 1 auto; justify-content: center; background-color: rgb(248, 249, 250); border: 1px dashed rgb(220, 223, 230); color: rgb(96, 98, 102); padding: 6px 10px; font-size: 11px; min-width: 70px; }



.gw-component-edit-region .gw-code-io-actions .gw-code-btn:hover { color: var(--color-primary); border-color: rgb(198, 226, 255); background-color: rgb(236, 245, 255); }



.gw-component-edit-region .gw-code-io-actions .gw-code-btn.gw-code-setting-clear { color: rgb(231, 76, 60); border-color: rgb(245, 183, 177); background-color: rgb(253, 242, 242); }



.gw-component-edit-region .gw-code-io-actions .gw-code-btn.gw-code-setting-clear:hover { background-color: rgb(252, 234, 234); border-color: rgb(231, 76, 60); }



.gw-component-edit-region .gw-code-setting-item { background: rgb(255, 255, 255); border-radius: 6px; margin-bottom: 16px; }



.gw-component-edit-region .gw-code-setting-item.ui-sortable-placeholder { background: rgb(245, 249, 255); border: 1px dashed rgb(160, 207, 255); border-radius: var(--border-radius); visibility: visible !important; }



.gw-component-edit-region .gw-code-setting-item .gw-code-sort-handle { cursor: move; color: rgb(208, 211, 217); flex-shrink: 0; opacity: 0.6; transition: opacity 0.2s; }



.gw-component-edit-region .gw-code-setting-item .gw-code-sort-handle:hover { opacity: 1; }



.gw-component-edit-region .gw-code-setting-item .gw-code-setting-actions-right { display: flex; align-items: center; gap: 2px; flex-shrink: 0; }



.gw-component-edit-region .gw-code-setting-item .gw-code-setting-actions-right .gw-code-sort-down, .gw-component-edit-region .gw-code-setting-item .gw-code-setting-actions-right .gw-code-sort-up { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 3px; color: var(--color-text-secondary); cursor: pointer; transition: 0.15s; }



.gw-component-edit-region .gw-code-setting-item .gw-code-setting-actions-right .gw-code-sort-down:hover, .gw-component-edit-region .gw-code-setting-item .gw-code-setting-actions-right .gw-code-sort-up:hover { color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-component-edit-region .gw-code-setting-row { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }



.gw-component-edit-region .gw-code-setting-row:has(.gw-code-card, .gw-code-jump-vertical) { flex-direction: column; align-items: stretch; }



.gw-component-edit-region .gw-code-setting-row ~ .gw-code-setting-row { margin: 0px 0px 8px; }



.gw-component-edit-region .gw-code-setting-row:last-child { margin-bottom: 0px; }



.gw-component-edit-region .gw-code-setting-del { color: var(--color-text-secondary); cursor: pointer; transition: color 0.2s; }



.gw-component-edit-region .gw-code-setting-del:hover { color: var(--color-important); }



.gw-component-edit-region .gw-code-required { color: var(--color-important); }



.gw-component-edit-region .gw-dev-toggle { position: absolute; top: 6px; right: 6px; display: flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 3px; font-size: 11px; color: rgb(153, 153, 153); cursor: pointer; background: rgb(245, 245, 245); z-index: 10; transition: 0.2s; }



.gw-component-edit-region .gw-dev-toggle:hover { color: var(--color-primary); background: rgb(240, 247, 255); }



.gw-component-edit-region .gw-code-bind-empty { color: var(--color-text-secondary); font-size: 12px; text-align: center; padding: 24px 0px; }



.gw-component-edit-region .gw-code-sticky-header { position: sticky; top: -16px; z-index: 5; background: rgb(255, 255, 255); padding: 16px 0px 8px; margin: -16px 0px 6px; }



.gw-component-edit-region #code-info-bind { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgb(238, 238, 238); }



.gw-component-edit-region #code-info-bind .gw-code-sticky-header { top: 50px; z-index: 6; box-shadow: none; }



.gw-component-edit-region #code-info-bind .gw-code-ai-assist-btn { min-height: 30px; padding: 4px 9px 4px 6px; border-color: rgb(219, 234, 254); background: rgb(248, 251, 255); color: rgb(31, 111, 235); font-weight: 500; }



.gw-component-edit-region #code-info-bind .gw-code-ai-assist-btn .gw-code-ai-assist-icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(120, 175, 249, 0.16); color: rgb(45, 141, 240); }



.gw-component-edit-region #code-info-bind .gw-code-ai-assist-btn:hover { border-color: rgb(120, 175, 249); background: rgb(238, 246, 255); color: rgb(13, 95, 190); }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn { position: relative; min-height: 30px; padding: 4px 10px 4px 6px; border-color: rgb(120, 175, 249); background: rgb(255, 255, 255); color: var(--color-primary); font-weight: 500; }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn .gw-code-save-icon { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(45, 141, 240, 0.12); color: var(--color-primary); }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn:not(.is-disabled):hover { border-color: var(--color-primary); background: rgb(240, 247, 255); color: var(--color-primary); }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn.unsaved { border-color: rgb(120, 175, 249); background: rgb(240, 247, 255); color: var(--color-primary); box-shadow: rgba(45, 141, 240, 0.08) 0px 0px 0px 2px; }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn.unsaved::after { display: block; top: -3px; right: -3px; width: 8px; height: 8px; border: 2px solid rgb(255, 255, 255); background: rgb(255, 77, 79); box-shadow: rgba(255, 77, 79, 0.35) 0px 2px 6px; }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn.unsaved .gw-code-save-icon { background: rgba(45, 141, 240, 0.16); }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn.is-disabled { cursor: not-allowed; border-color: rgb(228, 231, 237); background: rgb(250, 250, 250); color: rgb(184, 184, 184); }



.gw-component-edit-region #code-info-bind .gw-code-bind-save-btn.is-disabled .gw-code-save-icon { background: rgb(240, 242, 245); color: rgb(184, 184, 184); }



.gw-component-edit-region #code-info-bind .gw-code-ai-assist-btn, .gw-component-edit-region #code-info-bind .gw-code-bind-save-btn { display: none; }



.gw-component-edit-region #code-info-bind.gw-code-bind-has-data .gw-code-ai-assist-btn, .gw-component-edit-region #code-info-bind.gw-code-bind-has-data .gw-code-bind-save-btn { display: flex; }



.gw-component-edit-region #code-info-bind.gw-code-bind-has-data .gw-code-bind-empty { display: none; }



.gw-component-edit-region #code-info-bind.gw-code-form-auto-saved .gw-code-form-save-hint { display: flex; }



.gw-component-edit-region .gw-code-form-save-hint { display: none; align-items: flex-start; gap: 6px; margin: 0px 0px 10px; padding: 8px 10px; border: 1px solid rgb(216, 236, 255); border-radius: 4px; background: rgb(242, 248, 255); color: rgb(45, 141, 240); font-size: 12px; line-height: 1.6; }



.gw-component-edit-region .gw-code-form-save-hint i { flex-shrink: 0; margin-top: 2px; font-size: 13px; }



.gw-component-edit-region .gw-code-bind-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }



.gw-component-edit-region .gw-code-bind-control { display: flex; align-items: center; justify-content: space-between; gap: 6px; flex-wrap: wrap; }



.gw-dialog--code-doc { border: 1px solid rgba(255, 255, 255, 0.68); background: rgba(255, 255, 255, 0.86); backdrop-filter: blur(22px) saturate(1.18); box-shadow: rgba(255, 255, 255, 0.34) 0px 0px 0px 1px, rgba(13, 13, 13, 0.24) 0px 22px 70px; }



.gw-dialog--code-doc .gw-dialog-header { background: rgba(255, 255, 255, 0.78); border-bottom-color: rgba(236, 236, 236, 0.78); backdrop-filter: blur(18px); }



.gw-dialog--code-doc .gw-dialog-title { color: rgb(26, 26, 46); font-weight: 500; }



.gw-dialog--code-doc .gw-dialog-body { background: rgba(249, 249, 249, 0.78); overflow: hidden; }



@keyframes gwDocCopyPulse { 

  0% { box-shadow: rgba(120, 175, 249, 0.32) 0px 0px 0px 0px; }

  100% { box-shadow: rgba(120, 175, 249, 0) 0px 0px 0px 9px; }

}



@keyframes gwDocCheckPop { 

  0% { opacity: 0; transform: scale(0.55) rotate(-16deg); }

  70% { opacity: 1; transform: scale(1.14) rotate(0deg); }

  100% { opacity: 1; transform: scale(1) rotate(0deg); }

}



.gw-code-doc { --doc-carbon: #0d0d0d; --doc-ink: #1a1a2e; --doc-snow: #ffffff; --doc-fog: #f9f9f9; --doc-border: #ececec; --doc-pewter: #5d5d5d; --doc-stone: #8f8f8f; --doc-silver: #b8b8b8; --doc-accent: #78aff9; --doc-warning-fill: #fff9e6; --doc-warning-border: #ffe4a1; --doc-warning-text: #b38600; background: var(--doc-fog); color: var(--doc-carbon); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.65; display: flex; flex-direction: column; height: 100%; min-height: 0px; padding: 0px; overflow: hidden; }



.gw-code-doc-inline-code { display: inline; max-width: 100%; padding: 1px 4px; border: 0px; border-radius: 4px; background: rgba(120, 175, 249, 0.12); color: rgb(36, 91, 152); font-family: Menlo, Consolas, Monaco, monospace; font-size: 12px; line-height: inherit; vertical-align: baseline; word-break: break-word; }



.gw-code-doc-strong { color: var(--doc-carbon); font-weight: 600; }



.gw-code-doc-inline-mark { display: inline; padding: 1px 4px; border-radius: 4px; background: rgba(13, 13, 13, 0.05); color: var(--doc-carbon); font-style: normal; line-height: inherit; word-break: break-word; }



.gw-code-doc-keyboard { display: inline; padding: 1px 5px; border: 1px solid var(--doc-border); border-radius: 5px; background: var(--doc-snow); color: var(--doc-carbon); font-family: Menlo, Consolas, Monaco, monospace; font-size: 12px; line-height: inherit; word-break: break-word; }



.gw-code-doc p { margin: 0px 0px 6px; color: var(--doc-pewter); }



.gw-code-doc pre { margin: 0px; padding: 46px 16px 16px; border: 0px; border-radius: 0px; background: 0px 0px; color: rgb(217, 226, 238); font-family: Menlo, Consolas, Monaco, monospace; font-size: 12px; line-height: 1.75; tab-size: 2; white-space: pre; overflow-x: auto; }



.gw-code-doc pre::selection { background: rgba(120, 175, 249, 0.28); color: rgb(255, 255, 255); }



.gw-code-doc pre::-webkit-scrollbar { height: 8px; }



.gw-code-doc pre::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.04); }



.gw-code-doc pre::-webkit-scrollbar-thumb { border: 2px solid rgb(16, 17, 20); border-radius: 8px; background: rgba(216, 226, 238, 0.28); }



.gw-code-doc pre::-webkit-scrollbar-thumb:hover { background: rgba(216, 226, 238, 0.45); }



.gw-code-doc pre.hljs { background: 0px 0px; }



.gw-code-doc table { width: 100%; margin: 10px 0px; border: 1px solid var(--doc-border); border-radius: 10px; border-collapse: separate; border-spacing: 0px; overflow: hidden; font-size: 12px; background: var(--doc-snow); }



.gw-code-doc td, .gw-code-doc th { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--doc-border); vertical-align: top; }



.gw-code-doc th { color: var(--doc-ink); background: var(--doc-fog); font-weight: 600; }



.gw-code-doc tr:last-child td { border-bottom: none; }



.gw-code-doc ul { margin: 0px; padding-left: 20px; color: var(--doc-pewter); }



.gw-code-doc li { margin: 4px 0px; }



.gw-code-doc-kicker { color: var(--doc-stone); font-size: 12px; font-weight: 500; line-height: 1.2; }



.gw-code-doc-toolbar { flex: 0 0 auto; z-index: 6; display: flex; align-items: center; gap: 16px; padding: 10px 18px; border-bottom: 1px solid var(--doc-border); background: rgba(255, 255, 255, 0.88); }



.gw-code-doc-intro { flex: 1 1 auto; min-width: 0px; }



.gw-code-doc-intro p { margin: 2px 0px 0px; color: var(--doc-pewter); font-size: 12px; line-height: 1.55; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-doc-search { position: relative; flex: 0 0 360px; min-width: 0px; }



.gw-code-doc-search span { position: absolute; left: 12px; top: 50%; z-index: 1; color: var(--doc-stone); font-size: 12px; transform: translateY(-50%); pointer-events: none; }



.gw-code-doc-search input { width: 100%; height: 34px; padding: 0px 34px 0px 46px; border: 1px solid var(--doc-border); border-radius: 8px; background: var(--doc-snow); color: var(--doc-carbon); font-size: 14px; outline: 0px; transition: border-color 0.15s, box-shadow 0.15s; }



.gw-code-doc-search input:focus { border-color: var(--doc-accent); box-shadow: rgba(120, 175, 249, 0.14) 0px 0px 0px 3px; }



.gw-code-doc-search button { position: absolute; right: 6px; top: 50%; width: 24px; height: 24px; border: none; border-radius: 50%; background: 0px 0px; color: var(--doc-stone); line-height: 24px; cursor: pointer; transform: translateY(-50%); }



.gw-code-doc-search button:hover { background: var(--doc-fog); color: var(--doc-carbon); }



.gw-code-doc-layout { display: grid; grid-template-columns: 224px minmax(0px, 1fr); flex: 1 1 auto; min-height: 0px; }



.gw-code-doc-sidebar { min-width: 0px; padding: 12px 10px; border-right: 1px solid var(--doc-border); background: var(--doc-snow); overflow: auto; }



.gw-code-doc-side-title { margin: 0px 0px 8px; padding: 0px 4px; color: var(--doc-stone); font-size: 12px; font-weight: 500; line-height: 1.5; }



.gw-code-doc-nav { display: flex; flex-direction: column; gap: 4px; }



.gw-code-doc-nav-item { position: relative; display: block; width: 100%; min-width: 0px; padding: 9px 12px 9px 16px; border: 1px solid transparent; border-radius: 8px; background: 0px 0px; color: var(--doc-pewter); text-align: left; cursor: pointer; transition: background 0.16s, border-color 0.16s, color 0.16s, box-shadow 0.16s; }



.gw-code-doc-nav-item::before { content: ""; position: absolute; left: 6px; top: 11px; bottom: 11px; width: 2px; border-radius: 2px; background: 0px 0px; transition: background 0.16s, transform 0.16s; transform: scaleY(0.45); transform-origin: center center; }



.gw-code-doc-nav-item.is-hidden { display: none; }



.gw-code-doc-nav-item:focus, .gw-code-doc-nav-item:hover { border-color: var(--doc-border); background: var(--doc-fog); outline: 0px; }



.gw-code-doc-nav-item.is-active { border-color: var(--doc-border); background: rgb(255, 255, 255); color: var(--doc-carbon); box-shadow: rgba(13, 13, 13, 0.04) 0px 1px 2px, rgba(120, 175, 249, 0.08) 0px 0px 0px 1px inset; }



.gw-code-doc-nav-item.is-active::before { background: var(--doc-carbon); transform: scaleY(1); }



.gw-code-doc-nav-item.is-active .gw-code-doc-nav-name { color: var(--doc-carbon); }



.gw-code-doc-nav-name { display: block; color: var(--doc-ink); font-size: 13px; font-weight: 600; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-doc-nav-desc { display: none; margin-top: 3px; color: var(--doc-stone); font-size: 11px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-doc-content { min-width: 0px; min-height: 0px; overflow: auto; padding: 16px 22px 22px; background: linear-gradient(180deg,#fff 0,var(--doc-fog) 100%); scroll-behavior: smooth; }



.gw-code-doc-list { margin: 0px; border: 0px; border-radius: 0px; background: 0px 0px; overflow: visible; box-shadow: none; }



.gw-code-doc-item { border-bottom: 0px; transition: background 0.15s; }



.gw-code-doc-item:last-child { border-bottom: none; }



.gw-code-doc-item.is-hidden { display: none; }



.gw-code-doc-item.is-open { background: 0px 0px; }



.gw-code-doc-item.is-open .gw-code-doc-arrow { color: var(--doc-accent); transform: rotate(90deg); }



.gw-code-doc-item.is-open .gw-code-doc-head { box-shadow: none; }



.gw-code-doc-item.is-open .gw-code-doc-head .gw-code-doc-title-text { color: var(--doc-carbon); }



.gw-code-doc.is-doc-focused .gw-code-doc-item:not(.is-active) { display: none; }



.gw-code-doc.is-doc-focused .gw-code-doc-item.is-active { border-bottom: none; }



.gw-code-doc.is-doc-focused .gw-code-doc-item.is-active .gw-code-doc-detail { display: block; }



.gw-code-doc.is-doc-focused .gw-code-doc-arrow { display: none; }



.gw-code-doc.is-doc-focused .gw-code-doc-head { cursor: default; }



.gw-code-doc-head { display: flex; align-items: flex-start; gap: 10px; min-height: auto; padding: 2px 0px 12px; border-bottom: 1px solid var(--doc-border); font-size: 14px; cursor: pointer; outline: 0px; transition: background 0.15s, color 0.15s; }



.gw-code-doc-head:focus, .gw-code-doc-head:hover { background: 0px 0px; }



.gw-code-doc-head:focus { box-shadow: 0 1px 0 var(--doc-accent); }



.gw-code-doc-head span { min-width: 0px; color: var(--doc-stone); font-size: 12px; }



.gw-code-doc-title-text { flex: 0 0 auto; color: var(--doc-carbon); font-size: 14px; font-weight: 600; }



.gw-code-doc-head-main { display: flex; flex: 1 1 auto; min-width: 0px; align-items: center; justify-content: flex-start; gap: 12px; }



.gw-code-doc-head-title { display: flex; flex: 1 1 auto; min-width: 0px; align-items: center; gap: 8px; }



.gw-code-doc-head-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-code-doc-tags { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }



.gw-code-doc-tags .gw-code-doc-tag { display: inline-flex; align-items: center; height: 22px; padding: 0px 7px; border: 1px solid var(--doc-border); border-radius: 8px; background: var(--doc-fog); color: var(--doc-stone); font-size: 11px; font-style: normal; line-height: 1; }



.gw-code-doc-copy-md { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 5px; height: 28px; padding: 0px 9px; border: 1px solid var(--doc-border); border-radius: 8px; background: rgb(255, 255, 255); color: var(--doc-pewter); font-size: 12px; font-weight: 500; line-height: 1; white-space: nowrap; cursor: pointer; transition: border-color 0.15s, background 0.15s, color 0.15s, box-shadow 0.15s, transform 0.15s; }



.gw-code-doc-copy-md:hover { border-color: rgba(120, 175, 249, 0.48); background: rgba(120, 175, 249, 0.1); color: rgb(36, 91, 152); transform: translateY(-1px); }



.gw-code-doc-copy-md:focus { border-color: var(--doc-accent); box-shadow: rgba(120, 175, 249, 0.16) 0px 0px 0px 3px; outline: 0px; }



.gw-code-doc-copy-md[disabled] { cursor: wait; opacity: 0.78; transform: none; }



.gw-code-doc-copy-md.is-copied { border-color: rgba(83, 180, 116, 0.38); background: rgba(83, 180, 116, 0.1); color: rgb(35, 122, 69); }



.gw-code-doc-copy-md.is-copy-failed { border-color: rgba(217, 75, 75, 0.28); background: rgba(217, 75, 75, 0.08); color: rgb(159, 55, 55); }



.gw-code-doc-copy-md .gw-code-doc-copy-md-text { color: inherit; font-size: inherit; line-height: inherit; }



.gw-code-doc-copy-md-icon { width: 13px; height: 13px; flex-shrink: 0; }



.gw-code-doc-arrow { flex-shrink: 0; margin-top: 8px; color: var(--doc-stone); transition: transform 0.2s; }



.gw-code-doc-detail { position: relative; display: none; padding: 16px 0px 0px; font-size: 12px; color: var(--doc-pewter); }



.gw-code-doc-detail p { margin: 0px 0px 8px; }



.gw-code-doc-detail .gw-code-doc-note { color: var(--doc-stone); font-size: 12px; }



.gw-code-doc-detail .gw-code-doc-tip { margin-top: 8px; padding: 8px 10px; border: 1px solid var(--doc-warning-border); border-radius: 10px; background: var(--doc-warning-fill); color: var(--doc-warning-text); font-size: 12px; line-height: 1.7; }



.gw-code-doc-detail .gw-code-doc-warning { margin-top: 8px; padding: 8px 10px; border: 1px solid rgba(217, 75, 75, 0.22); border-radius: 10px; background: rgba(255, 240, 240, 0.72); color: rgb(159, 55, 55); font-size: 12px; line-height: 1.7; }



.gw-code-doc-syntax-trigger { display: inline-flex; align-items: center; max-width: 100%; padding: 0px; border: 0px; background: 0px 0px; color: inherit; font: inherit; text-align: left; vertical-align: baseline; cursor: pointer; outline: 0px; }



.gw-code-doc-syntax-trigger:focus .gw-code-doc-inline-code, .gw-code-doc-syntax-trigger:hover .gw-code-doc-inline-code { background: rgba(120, 175, 249, 0.18); box-shadow: rgba(120, 175, 249, 0.24) 0px 0px 0px 1px; text-decoration: underline; text-underline-offset: 2px; }



.gw-code-doc-syntax-trigger:focus .gw-code-doc-inline-code { box-shadow: rgba(120, 175, 249, 0.16) 0px 0px 0px 3px; }



.gw-code-doc-syntax-trigger.is-active .gw-code-doc-inline-code { background: rgba(120, 175, 249, 0.22); box-shadow: rgba(120, 175, 249, 0.34) 0px 0px 0px 1px; }



.gw-code-doc-section-store { display: none; }



.gw-code-doc-syntax-popover { position: absolute; z-index: 12; display: none; width: min(560px, 100% - 16px); max-width: calc(100% - 16px); }



.gw-code-doc-syntax-popover.is-open { display: block; }



.gw-code-doc-syntax-popover .gw-code-doc-section { display: block; }



.gw-code-doc-syntax-popover-arrow { position: absolute; top: -5px; left: 22px; width: 10px; height: 10px; border-top: 1px solid var(--doc-border); border-left: 1px solid var(--doc-border); background: rgb(255, 255, 255); transform: rotate(45deg); }



.gw-code-doc-syntax-popover-panel { position: relative; max-height: min(58vh, 560px); padding: 14px 14px 12px; border: 1px solid var(--doc-border); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(13, 13, 13, 0.14) 0px 18px 48px, rgba(13, 13, 13, 0.08) 0px 2px 8px; overflow: auto; }



.gw-code-doc-syntax-popover-close { position: sticky; top: 0px; z-index: 2; float: right; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: -4px -4px 4px 8px; padding: 0px; border: 1px solid var(--doc-border); border-radius: 8px; background: rgba(255, 255, 255, 0.92); color: var(--doc-stone); cursor: pointer; transition: border-color 0.15s, color 0.15s, background 0.15s; }



.gw-code-doc-syntax-popover-close:focus, .gw-code-doc-syntax-popover-close:hover { border-color: rgba(120, 175, 249, 0.42); background: rgba(120, 175, 249, 0.1); color: rgb(36, 91, 152); outline: 0px; }



.gw-code-doc-syntax-popover-body { min-width: 0px; }



.gw-code-doc-section { min-width: 0px; }



.gw-code-doc-section-head { margin: 0px 0px 10px; padding: 0px 0px 8px; border-bottom: 1px solid var(--doc-border); }



.gw-code-doc-section-head h4 { margin: 0px; color: var(--doc-carbon); font-size: 13px; font-weight: 600; line-height: 1.45; }



.gw-code-doc-section-head p { margin: 3px 0px 0px; color: var(--doc-stone); font-size: 12px; line-height: 1.6; }



.gw-code-doc-code { position: relative; margin: 12px 0px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; background: radial-gradient(circle at 16px 14px, rgba(120, 175, 249, 0.16), transparent 18px), rgb(16, 17, 20); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset, rgba(13, 13, 13, 0.08) 0px 8px 20px; overflow: hidden; }



.gw-code-doc-code::before { content: ""; position: absolute; top: 0px; right: 0px; left: 0px; height: 36px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)); pointer-events: none; }



.gw-code-doc-code::after { content: attr(data-code-lang); position: absolute; top: 10px; left: 14px; height: 18px; padding: 0px 7px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 6px; background: rgba(255, 255, 255, 0.06); color: rgba(217, 226, 238, 0.7); font-size: 10px; font-weight: 600; line-height: 18px; pointer-events: none; }



.gw-code-doc-copy { position: absolute; right: 8px; top: 4px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; background: rgba(255, 255, 255, 0.08); color: rgb(217, 226, 238); cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.15s; }



.gw-code-doc-copy:hover { border-color: rgba(120, 175, 249, 0.7); background: rgba(120, 175, 249, 0.16); color: rgb(255, 255, 255); transform: translateY(-1px); }



.gw-code-doc-copy:focus { border-color: rgba(120, 175, 249, 0.78); box-shadow: rgba(120, 175, 249, 0.18) 0px 0px 0px 3px; outline: 0px; }



.gw-code-doc-copy[disabled] { cursor: wait; opacity: 0.82; transform: none; }



.gw-code-doc-copy.is-copying .gw-code-doc-copy-icon-copy { opacity: 0.45; transform: scale(0.9); }



.gw-code-doc-copy.is-copied { border-color: rgba(83, 210, 132, 0.64); background: rgba(39, 121, 79, 0.32); color: rgb(159, 240, 184); animation: 0.48s ease-out 0s 1 normal none running gwDocCopyPulse; }



.gw-code-doc-copy.is-copied .gw-code-doc-copy-icon-copy { opacity: 0; transform: scale(0.68) rotate(-10deg); }



.gw-code-doc-copy.is-copied .gw-code-doc-copy-icon-check { opacity: 1; transform: scale(1); animation: 0.34s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s 1 normal none running gwDocCheckPop; }



.gw-code-doc-copy.is-copy-failed { border-color: rgba(255, 116, 116, 0.64); background: rgba(129, 40, 40, 0.34); color: rgb(255, 186, 186); }



.gw-code-doc-copy.is-copied .gw-code-doc-copy-status, .gw-code-doc-copy.is-copy-failed .gw-code-doc-copy-status { opacity: 1; transform: translate(0px, -50%); }



.gw-code-doc-copy-icon { position: absolute; width: 15px; height: 15px; transition: opacity 0.16s, transform 0.16s; }



.gw-code-doc-copy-icon-check { opacity: 0; transform: scale(0.58); }



.gw-code-doc-copy-status { position: absolute; top: 50%; right: 34px; min-width: 42px; padding: 3px 8px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 8px; background: rgba(16, 17, 20, 0.92); color: rgb(255, 255, 255); font-size: 11px; font-weight: 500; line-height: 1.4; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(4px, -50%); transition: opacity 0.15s, transform 0.15s; box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 20px; }



.gw-code-doc-copy-status::after { content: ""; position: absolute; top: 50%; right: -5px; width: 8px; height: 8px; border-top: 1px solid rgba(255, 255, 255, 0.12); border-right: 1px solid rgba(255, 255, 255, 0.12); background: rgba(16, 17, 20, 0.92); transform: translateY(-50%) rotate(45deg); }



.gw-code-doc-empty { display: none; margin: 0px; padding: 18px; border: 1px dashed var(--doc-border); border-radius: 10px; background: var(--doc-snow); color: var(--doc-stone); text-align: center; }



.gw-code-doc > .gw-code-doc-code, .gw-code-doc > p, .gw-code-doc > pre, .gw-code-doc > ul { margin-left: 0px; margin-right: 0px; }



.gw-code-doc > .gw-code-doc-code, .gw-code-doc > pre { margin-top: 8px; margin-bottom: 8px; }



@media (max-width: 760px) {

  .gw-code-doc-toolbar { flex-direction: column; align-items: stretch; }

  .gw-code-doc-intro p { white-space: normal; }

  .gw-code-doc-search { flex-basis: auto; }

  .gw-code-doc-layout { grid-template-columns: 1fr; grid-template-rows: auto minmax(0px, 1fr); }

  .gw-code-doc-sidebar { max-height: 148px; border-right: 0px; border-bottom: 1px solid var(--doc-border); }

  .gw-code-doc-nav { flex-flow: wrap; gap: 6px; }

  .gw-code-doc-nav-item { width: auto; max-width: 160px; }

  .gw-code-doc-head-main, .gw-code-doc-head-title { align-items: flex-start; flex-direction: column; gap: 6px; }

  .gw-code-doc-tags { justify-content: flex-start; }

  .gw-code-doc-detail { padding-left: 0px; padding-right: 0px; }

  .gw-code-doc-syntax-popover { left: 8px !important; width: calc(100% - 16px); }

}



.gw-code-type-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; padding: 10px; }



.gw-code-type-option { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 8px; cursor: pointer; border-radius: 4px; font-size: 12px; background: rgb(245, 245, 245); color: rgb(96, 98, 102); transition: 0.15s; }



.gw-code-type-option.active { background: rgb(45, 141, 240); color: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-status { position: absolute; width: 1px; height: 1px; padding: 0px; border: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }



.gw-code-editor .gw-code-new-settings-loading-header { padding: 14px 16px 12px; }



.gw-code-editor .gw-code-new-settings-loading-edit { display: grid; height: 36px; min-height: 36px; flex: 0 0 36px; grid-template-columns: minmax(0px, 1fr); grid-auto-rows: 36px; gap: 8px; border: 0px; border-radius: 0px; margin-top: 0px; background: 0px 0px; }



.gw-code-editor .gw-code-new-settings-loading-edit-action { display: flex; height: 36px; min-width: 0px; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; padding: 0px 12px; border-radius: 18px; background: rgb(243, 244, 246); }



.gw-code-editor .gw-code-new-settings-loading-tabs { height: 32px; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2px; padding: 2px; border-radius: 8px; }



.gw-code-editor .gw-code-new-settings-loading-tabs > span { height: 28px; gap: 6px; border-radius: 7px; }



.gw-code-editor .gw-code-new-settings-loading-tabs > span.is-active { box-shadow: rgba(15, 23, 42, 0.08) 0px 1px 3px; }



.gw-code-editor .gw-code-new-settings-loading-block { border-radius: 999px; background: rgb(230, 233, 237); }



.gw-code-editor .gw-code-new-settings-loading-block.is-icon { width: 16px; height: 16px; border-radius: 5px; background: rgb(216, 229, 244); }



.gw-code-editor .gw-code-new-settings-loading-block.is-edit-label { width: 64px; height: 10px; background: rgb(207, 211, 216); }



.gw-code-editor .gw-code-new-settings-loading-block.is-tab-icon { width: 14px; height: 14px; border-radius: 5px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-tab-label { width: 48px; height: 8px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-toolbar-label { height: 10px; background: rgb(216, 220, 225); }



.gw-code-editor .gw-code-new-settings-loading-block.is-count { height: 20px; border-radius: 6px; background: rgb(229, 233, 237); }



.gw-code-editor .gw-code-new-settings-loading-block.is-ai-button, .gw-code-editor .gw-code-new-settings-loading-block.is-tool-button { width: 32px; height: 32px; flex: 0 0 32px; border: 0px; border-radius: 50%; background: rgb(236, 239, 242); }



.gw-code-editor .gw-code-new-settings-loading-block.is-search-icon, .gw-code-editor .gw-code-new-settings-loading-block.is-select-icon { width: 14px; height: 14px; flex: 0 0 14px; border-radius: 5px; background: rgb(213, 217, 222); }



.gw-code-editor .gw-code-new-settings-loading-block.is-search-label { min-width: 0px; height: 8px; flex: 1 1 0%; background: rgb(227, 230, 234); }



.gw-code-editor .gw-code-new-settings-loading-block.is-select-label { width: 32px; height: 8px; background: rgb(213, 217, 222); }



.gw-code-editor .gw-code-new-settings-loading-block.is-select-chevron { width: 10px; height: 10px; border-radius: 3px; margin-left: auto; background: rgb(213, 217, 222); }



.gw-code-editor .gw-code-new-settings-loading-block.is-setting-title { width: 64px; height: 10px; background: rgb(216, 220, 225); }



.gw-code-editor .gw-code-new-settings-loading-block.is-setting-title.is-wide { width: 80px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-setting-title.is-long { width: 96px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-type { width: 28px; height: 16px; border-radius: 5px; background: rgb(232, 238, 245); }



.gw-code-editor .gw-code-new-settings-loading-block.is-key { width: 56px; height: 6px; background: rgb(231, 233, 236); }



.gw-code-editor .gw-code-new-settings-loading-block.is-key.is-short { width: 40px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-icon { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 9px; background: rgb(237, 242, 247); }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-title { width: 64px; height: 10px; background: rgb(220, 224, 229); }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-title.is-wide { width: 80px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-detail { width: 100%; max-width: 128px; height: 8px; margin-top: 8px; background: rgb(236, 238, 241); }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-detail.is-short { max-width: 88px; }



.gw-code-editor .gw-code-new-settings-loading-block.is-card-chevron { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 3px; background: rgb(223, 227, 232); }



.gw-code-editor .gw-code-new-settings-loading-block.is-save-state { border-radius: 12px; background: rgb(238, 240, 242); }



.gw-code-editor .gw-code-new-settings-loading-block.is-save-button { width: 76px; height: 32px; border-radius: 16px; background: rgb(223, 231, 240); }



.gw-code-editor .gw-code-new-settings-loading-scroll { overflow: hidden; }



.gw-code-editor .gw-code-new-settings-loading-runtime { height: 54px; box-sizing: border-box; padding: 0px 16px; }



.gw-code-editor .gw-code-new-settings-loading-toolbar { padding: 12px 14px; }



.gw-code-editor .gw-code-new-settings-loading-toolbar-head { height: 28px; margin-bottom: 10px; }



.gw-code-editor .gw-code-new-settings-loading-toolbar-actions { gap: 4px; }



.gw-code-editor .gw-code-new-settings-loading-filters { height: 32px; gap: 6px; }



.gw-code-editor .gw-code-new-settings-loading-search, .gw-code-editor .gw-code-new-settings-loading-select { display: flex; height: 32px; align-items: center; gap: 8px; box-sizing: border-box; border-radius: 18px; }



.gw-code-editor .gw-code-new-settings-loading-search { min-width: 0px; flex: 1 1 0%; padding: 0px 10px; border: 1px solid rgb(225, 228, 232); background: rgb(255, 255, 255); box-shadow: rgba(15, 23, 42, 0.04) 0px 1px 2px; }



.gw-code-editor .gw-code-new-settings-loading-select { width: 120px; flex: 0 0 120px; padding: 0px 12px; background: rgb(236, 238, 240); }



.gw-code-editor .gw-code-new-settings-loading-list { gap: 0px; padding: 12px 14px 18px; }



.gw-code-editor .gw-code-new-settings-loading-setting { padding: 12px 0px; }



.gw-code-editor .gw-code-new-settings-loading-setting:first-child { padding-top: 0px; }



.gw-code-editor .gw-code-new-settings-loading-setting-head { min-height: 28px; }



.gw-code-editor .gw-code-new-settings-loading-delete { display: flex; width: 28px; height: 28px; flex: 0 0 28px; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid rgb(236, 238, 241); border-radius: 8px; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-delete > i { width: 12px; height: 14px; border-radius: 4px; background: rgb(228, 231, 235); }



.gw-code-editor .gw-code-new-settings-loading-meta { min-width: 0px; margin-top: 6px; }



.gw-code-editor .gw-code-new-settings-loading-dot { width: 3px; height: 3px; flex: 0 0 3px; border-radius: 50%; background: rgb(205, 210, 216); }



.gw-code-editor .gw-code-new-settings-loading-history { display: flex; align-items: center; gap: 8px; margin-left: auto; }



.gw-code-editor .gw-code-new-settings-loading-history > i { width: 32px; height: 6px; background: rgb(236, 239, 242); }



.gw-code-editor .gw-code-new-settings-loading-card { display: flex; min-height: 64px; align-items: center; gap: 10px; box-sizing: border-box; padding: 10px; border: 1px solid rgb(225, 229, 233); border-radius: 10px; margin-top: 10px; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-card-copy { min-width: 0px; flex: 1 1 0%; }



.gw-code-editor .gw-code-new-settings-loading-card-action { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }



.gw-code-editor .gw-code-new-settings-loading-card-action > i:first-child { width: 28px; height: 8px; background: rgb(223, 230, 238); }



.gw-code-editor .gw-code-new-settings-loading-control { border: 1px solid rgb(228, 230, 233); border-radius: 10px; margin-top: 10px; background: rgb(255, 255, 255); }



.gw-code-editor .gw-code-new-settings-loading-control.is-textarea { height: 80px; }



.gw-code-editor .gw-code-new-settings-loading-control.is-input { height: 36px; border-radius: 18px; }



.gw-dialog-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.5); z-index: 10000; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; display: flex; align-items: center; justify-content: center; padding: calc(40px * var(--gw-transform-scale,1)) calc(20px * var(--gw-transform-scale,1)); }



.gw-dialog-overlay.is-visible { opacity: 1; pointer-events: auto; }



.gw-dialog-overlay--glass { background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(var(--backdrop-blur, calc(12px * var(--gw-transform-scale, 1)))); }



.gw-popup-rich-content { padding: calc(24px * var(--gw-transform-scale,1)) calc(26px * var(--gw-transform-scale,1)); color: rgb(31, 41, 55); font-size: calc(14px * var(--gw-transform-scale,1)); line-height: 1.8; white-space: normal; }



.gw-popup-rich-content.is-text { white-space: normal; }



.gw-popup-rich-content h1, .gw-popup-rich-content h2, .gw-popup-rich-content h3 { margin: 0 0 calc(12px * var(--gw-transform-scale,1)); color: rgb(13, 13, 13); font-weight: 650; line-height: 1.35; }



.gw-popup-rich-content h1 { font-size: calc(22px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content h2 { font-size: calc(18px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content h3 { font-size: calc(15px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content p { margin: 0 0 calc(10px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content ul { margin: 0 0 calc(12px * var(--gw-transform-scale,1)); padding-left: calc(20px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content ol { margin: 0 0 calc(12px * var(--gw-transform-scale,1)); padding-left: calc(22px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content li { margin: calc(4px * var(--gw-transform-scale,1)) 0; }



.gw-popup-rich-content ul li { list-style: disc; }



.gw-popup-rich-content ol li { list-style: decimal; }



.gw-popup-rich-content a { color: rgb(74, 141, 232); text-decoration: underline; text-underline-offset: calc(3px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content code { border-radius: calc(5px * var(--gw-transform-scale,1)); background: rgb(244, 244, 245); padding: calc(2px * var(--gw-transform-scale,1)) calc(5px * var(--gw-transform-scale,1)); color: rgb(13, 13, 13); font-size: calc(12px * var(--gw-transform-scale,1)); }



.gw-popup-rich-content pre { margin: calc(14px * var(--gw-transform-scale,1)) 0; padding: calc(14px * var(--gw-transform-scale,1)) calc(16px * var(--gw-transform-scale,1)); overflow: auto; border: calc(1px * var(--gw-transform-scale,1)) solid #e5e7eb; border-radius: calc(10px * var(--gw-transform-scale,1)); background: rgb(15, 23, 42); color: rgb(229, 231, 235); font-size: calc(12px * var(--gw-transform-scale,1)); line-height: 1.7; }



.gw-popup-rich-content pre code { padding: 0px; background: 0px 0px; color: inherit; font-size: inherit; }



.gw-popup-rich-content blockquote { margin: calc(14px * var(--gw-transform-scale,1)) 0; padding: calc(10px * var(--gw-transform-scale,1)) calc(14px * var(--gw-transform-scale,1)); border-left: calc(3px * var(--gw-transform-scale,1)) solid #9cc8ff; border-radius: 0 calc(8px * var(--gw-transform-scale,1)) calc(8px * var(--gw-transform-scale,1)) 0; background: rgb(247, 251, 255); color: rgb(71, 85, 105); }



.gw-popup-rich-content hr { margin: calc(18px * var(--gw-transform-scale,1)) 0; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: calc(1px * var(--gw-transform-scale,1)) solid #e5e7eb; }



.gw-popup-rich-content img { display: block; max-width: 100%; height: auto; margin: calc(14px * var(--gw-transform-scale,1)) auto; border-radius: calc(10px * var(--gw-transform-scale,1)); }



.gw-popup-markdown-table-wrap { margin: calc(14px * var(--gw-transform-scale,1)) 0; overflow: auto; border: calc(1px * var(--gw-transform-scale,1)) solid #e5e7eb; border-radius: calc(10px * var(--gw-transform-scale,1)); }



.gw-popup-markdown-table-wrap table { width: 100%; border-collapse: collapse; font-size: calc(13px * var(--gw-transform-scale,1)); }



.gw-popup-markdown-table-wrap td, .gw-popup-markdown-table-wrap th { padding: calc(10px * var(--gw-transform-scale,1)) calc(12px * var(--gw-transform-scale,1)); border-bottom: calc(1px * var(--gw-transform-scale,1)) solid #eef0f3; text-align: left; }



.gw-popup-markdown-table-wrap th { background: rgb(248, 250, 252); color: rgb(15, 23, 42); font-weight: 650; }



.gw-popup-markdown-table-wrap tr:last-child td { border-bottom: 0px; }



.gw-dialog { background: rgb(255, 255, 255); border-radius: calc(12px * var(--gw-transform-scale,1)); box-shadow: 0 0 0 calc(1px * var(--gw-transform-scale,1)) rgba(0,0,0,.08),0 calc(8px * var(--gw-transform-scale,1)) calc(24px * var(--gw-transform-scale,1)) rgba(0,0,0,.08),0 calc(24px * var(--gw-transform-scale,1)) calc(48px * var(--gw-transform-scale,1)) rgba(0,0,0,.12); display: flex; flex-direction: column; opacity: 0; will-change: transform, opacity; overflow: hidden; position: relative; max-width: 95vw; max-height: 90vh; transform: translateY(calc(8px * var(--gw-transform-scale,1))); transition: transform 0.18s ease-out, opacity 0.18s ease-out; }



.gw-dialog.is-visible { transform: translateY(0px); opacity: 1; }



.gw-dialog-header { display: flex; align-items: center; justify-content: space-between; padding: calc(14px * var(--gw-transform-scale,1)) calc(20px * var(--gw-transform-scale,1)); border-bottom: calc(1px * var(--gw-transform-scale,1)) solid #f2f2f2; flex-shrink: 0; min-height: calc(52px * var(--gw-transform-scale,1)); box-sizing: border-box; }



.gw-dialog-title { font-size: calc(14px * var(--gw-transform-scale,1)); font-weight: 600; color: rgb(26, 26, 26); line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.gw-dialog-close { position: absolute; top: calc(10px * var(--gw-transform-scale,1)); right: calc(10px * var(--gw-transform-scale,1)); width: calc(32px * var(--gw-transform-scale,1)); height: calc(32px * var(--gw-transform-scale,1)); border: none; background: 0px 0px; color: rgb(153, 153, 153); cursor: pointer; border-radius: calc(6px * var(--gw-transform-scale,1)); display: flex; align-items: center; justify-content: center; transition: 0.15s; z-index: 2; padding: 0px; }



.gw-dialog-close svg { display: block; }



.gw-dialog-close:hover { background: rgb(240, 240, 240); color: rgb(51, 51, 51); }



.gw-dialog-close:active { transform: scale(0.92); }



.gw-dialog-body { padding: 0px; overflow: auto; flex: 1 1 0%; min-height: 0px; background-color: rgb(255, 255, 255); }



.gw-dialog-body iframe { width: 100%; height: 100%; border: none; display: block; }



.gw-dialog--compact-header .gw-dialog-header { padding: calc(8px * var(--gw-transform-scale,1)) calc(16px * var(--gw-transform-scale,1)); min-height: calc(36px * var(--gw-transform-scale,1)); border-bottom: calc(1px * var(--gw-transform-scale,1)) solid #f2f2f2; }



.gw-dialog--compact-header .gw-dialog-title { font-size: calc(13px * var(--gw-transform-scale,1)); }



.gw-dialog--compact-header .gw-dialog-close { top: calc(4px * var(--gw-transform-scale,1)); right: calc(4px * var(--gw-transform-scale,1)); width: calc(28px * var(--gw-transform-scale,1)); height: calc(28px * var(--gw-transform-scale,1)); }



.gw-dialog--no-header .gw-dialog-header { display: none; }



.gw-dialog--no-header .gw-dialog-body { min-height: 0px; }



.gw-dialog--no-content-scroll { overflow: hidden; scrollbar-width: none; }



.gw-dialog--no-content-scroll::-webkit-scrollbar { display: none; width: 0px; height: 0px; }



.gw-dialog--no-content-scroll .gw-dialog-body { overflow: hidden; scrollbar-width: none; }



.gw-dialog--no-content-scroll .gw-dialog-body::-webkit-scrollbar { display: none; width: 0px; height: 0px; }



.gw-dialog--confirm .gw-dialog-body { padding: 0px; }



.gw-dialog--code-ai-assist .gw-dialog-header { display: none; }



.gw-dialog--code-ai-assist .gw-dialog-close { display: none; }



.gw-dialog--code-ai-assist .gw-dialog-body { overflow: hidden; }



.gw-dialog--category-editor-frame, .gw-dialog--jump-editor-frame, .gw-dialog--media-list-editor-frame, .gw-dialog--navigation-editor-frame, .gw-dialog--rich-text-editor-frame, .gw-dialog--single-media-editor-frame { border-radius: calc(10px * var(--gw-transform-scale,1)); box-shadow: 0 0 0 calc(1px * var(--gw-transform-scale,1)) rgba(0,0,0,.06),0 calc(16px * var(--gw-transform-scale,1)) calc(40px * var(--gw-transform-scale,1)) rgba(0,0,0,.12); overflow: hidden; scrollbar-width: none; }



.gw-dialog--category-editor-frame::-webkit-scrollbar, .gw-dialog--jump-editor-frame::-webkit-scrollbar, .gw-dialog--media-list-editor-frame::-webkit-scrollbar, .gw-dialog--navigation-editor-frame::-webkit-scrollbar, .gw-dialog--rich-text-editor-frame::-webkit-scrollbar, .gw-dialog--single-media-editor-frame::-webkit-scrollbar { display: none; width: 0px; height: 0px; }



.gw-dialog--category-editor-frame .gw-dialog-close, .gw-dialog--category-editor-frame .gw-dialog-header, .gw-dialog--jump-editor-frame .gw-dialog-close, .gw-dialog--jump-editor-frame .gw-dialog-header, .gw-dialog--media-list-editor-frame .gw-dialog-close, .gw-dialog--media-list-editor-frame .gw-dialog-header, .gw-dialog--navigation-editor-frame .gw-dialog-close, .gw-dialog--navigation-editor-frame .gw-dialog-header, .gw-dialog--rich-text-editor-frame .gw-dialog-close, .gw-dialog--rich-text-editor-frame .gw-dialog-header, .gw-dialog--single-media-editor-frame .gw-dialog-close, .gw-dialog--single-media-editor-frame .gw-dialog-header { display: none; }



.gw-dialog--category-editor-frame .gw-dialog-body, .gw-dialog--jump-editor-frame .gw-dialog-body, .gw-dialog--media-list-editor-frame .gw-dialog-body, .gw-dialog--navigation-editor-frame .gw-dialog-body, .gw-dialog--rich-text-editor-frame .gw-dialog-body, .gw-dialog--single-media-editor-frame .gw-dialog-body { overflow: hidden; background: rgb(249, 249, 249); scrollbar-width: none; }



.gw-dialog--category-editor-frame .gw-dialog-body::-webkit-scrollbar, .gw-dialog--jump-editor-frame .gw-dialog-body::-webkit-scrollbar, .gw-dialog--media-list-editor-frame .gw-dialog-body::-webkit-scrollbar, .gw-dialog--navigation-editor-frame .gw-dialog-body::-webkit-scrollbar, .gw-dialog--rich-text-editor-frame .gw-dialog-body::-webkit-scrollbar, .gw-dialog--single-media-editor-frame .gw-dialog-body::-webkit-scrollbar { display: none; width: 0px; height: 0px; }



.gw-dialog--code-custom-editor-frame { max-width: calc(100vw - calc(32px * var(--gw-transform-scale,1))); max-height: calc(100dvh - calc(32px * var(--gw-transform-scale,1))); border: calc(1px * var(--gw-transform-scale,1)) solid #3c3c3c; border-radius: calc(6px * var(--gw-transform-scale,1)); background: rgb(24, 24, 24); box-shadow: 0 calc(24px * var(--gw-transform-scale,1)) calc(80px * var(--gw-transform-scale,1)) rgba(0,0,0,.55); }



.gw-dialog--code-custom-editor-frame .gw-dialog-body { position: relative; overflow: hidden; background: rgb(30, 30, 30); }



.gw-dialog--code-custom-editor-frame .gw-dialog-body iframe { background: rgb(30, 30, 30); color-scheme: dark; }



.gw-dialog--code-custom-editor-frame .gw-code-custom-editor-loading { position: absolute; inset: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--gw-transform-scale,1)); background: rgb(30, 30, 30); color: rgb(169, 169, 169); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: calc(12px * var(--gw-transform-scale,1)); opacity: 1; pointer-events: none; transition: opacity 0.16s ease-out; }



.gw-dialog--code-custom-editor-frame .gw-code-custom-editor-loading.is-hidden { opacity: 0; }



.gw-dialog--code-custom-editor-frame .gw-code-custom-editor-loading-spinner { width: calc(14px * var(--gw-transform-scale,1)); height: calc(14px * var(--gw-transform-scale,1)); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgb(157, 157, 157); border-radius: 50%; animation: 0.8s linear 0s infinite normal none running gw-code-custom-editor-loading-spin; }



.gw-dialog--setting-json-editor-frame { max-width: calc(100vw - calc(32px * var(--gw-transform-scale,1))); max-height: calc(100dvh - calc(32px * var(--gw-transform-scale,1))); border: calc(1px * var(--gw-transform-scale,1)) solid #2b2b2b; border-radius: calc(6px * var(--gw-transform-scale,1)); background: rgb(24, 24, 24); box-shadow: 0 calc(24px * var(--gw-transform-scale,1)) calc(80px * var(--gw-transform-scale,1)) rgba(0,0,0,.55); overflow: hidden; }



.gw-dialog--setting-json-editor-frame .gw-dialog-close, .gw-dialog--setting-json-editor-frame .gw-dialog-header { display: none; }



.gw-dialog--setting-json-editor-frame .gw-dialog-body { position: relative; overflow: hidden; background: rgb(24, 24, 24); padding: 0px !important; }



.gw-dialog--setting-json-editor-frame .gw-dialog-body iframe { display: block; background: rgb(24, 24, 24); color-scheme: dark; }



.gw-dialog--setting-json-editor-frame .gw-setting-json-editor-loading { position: absolute; inset: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; gap: calc(10px * var(--gw-transform-scale,1)); background: rgb(24, 24, 24); color: rgb(169, 169, 169); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: calc(12px * var(--gw-transform-scale,1)); pointer-events: none; }



.gw-dialog--setting-json-editor-frame .gw-setting-json-editor-loading-spinner { width: calc(14px * var(--gw-transform-scale,1)); height: calc(14px * var(--gw-transform-scale,1)); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgb(157, 157, 157); border-radius: 50%; animation: 0.8s linear 0s infinite normal none running gw-code-custom-editor-loading-spin; }



@keyframes gw-code-custom-editor-loading-spin { 

  100% { transform: rotate(360deg); }

}



.gw-dialog--navigation-editor-frame { max-width: calc(100vw - calc(32px * var(--gw-transform-scale,1))); max-height: calc(100dvh - calc(32px * var(--gw-transform-scale,1))); }



.gw-dialog--category-editor-frame, .gw-dialog--media-list-editor-frame, .gw-dialog--single-media-editor-frame { max-width: calc(100vw - calc(32px * var(--gw-transform-scale,1))); max-height: calc(100dvh - calc(32px * var(--gw-transform-scale,1))); }



.gw-dialog--legacy-media-picker { max-width: calc(100vw - calc(32px * var(--gw-transform-scale,1))); max-height: calc(100dvh - calc(32px * var(--gw-transform-scale,1))); }



.gw-dialog--legacy-media-picker .gw-dialog-body { background: rgb(255, 255, 255); overflow: auto; }



.gw-dialog--open-form { max-height: min(82vh,calc(760px * var(--gw-transform-scale,1))); }



.gw-dialog--open-form.gw-dialog--no-header { overflow: visible; }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale,1)); right: calc(-12px * var(--gw-transform-scale,1)); width: calc(34px * var(--gw-transform-scale,1)); height: calc(34px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid rgba(226,232,240,.96); border-radius: calc(999px * var(--gw-transform-scale,1)); background: rgba(255, 255, 255, 0.96); box-shadow: 0 calc(12px * var(--gw-transform-scale,1)) calc(30px * var(--gw-transform-scale,1)) rgba(15,23,42,.18); color: rgb(71, 85, 105); }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(15, 23, 42); transform: scale(1.04); }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-close:active { transform: scale(0.96); }



.gw-dialog--open-form.gw-dialog--no-header .gw-dialog-body { border-radius: inherit; }



.gw-dialog--open-form .gw-dialog-body { overflow: auto; background: rgb(255, 255, 255); }



.gw-dialog--open-form .gw-open-form-dialog-content { box-sizing: border-box; width: 100%; max-height: calc(82vh - calc(56px * var(--gw-transform-scale,1))); overflow: auto; padding: calc(18px * var(--gw-transform-scale,1)); }



.gw-dialog--open-form .gw-open-form-dialog-content.is-empty { padding: calc(28px * var(--gw-transform-scale,1)); color: rgb(102, 102, 102); text-align: center; }



.gw-dialog--open-form .gw-fit-form-dom { box-sizing: border-box; max-width: 100%; }



.gw-dialog-confirm { text-align: center; }



.gw-dialog-confirm-header-icon { display: inline-flex; align-items: center; margin-right: calc(6px * var(--gw-transform-scale,1)); color: rgb(255, 77, 79); font-size: calc(16px * var(--gw-transform-scale,1)); vertical-align: middle; }



.gw-dialog-confirm-iconwrap { margin: calc(24px * var(--gw-transform-scale,1)) 0 calc(16px * var(--gw-transform-scale,1)); display: flex; justify-content: center; align-items: center; }



.gw-dialog-confirm-iconwrap .fa { font-size: calc(40px * var(--gw-transform-scale,1)); color: rgb(255, 77, 79); }



.gw-dialog-confirm--danger .gw-dialog-confirm-iconwrap { margin: calc(24px * var(--gw-transform-scale,1)) 0 calc(16px * var(--gw-transform-scale,1)); }



.gw-dialog-confirm-icon { display: block; }



.gw-dialog-confirm-msg { font-size: calc(16px * var(--gw-transform-scale,1)); font-weight: 600; color: rgb(26, 26, 26); line-height: 1.5; padding: 0 calc(20px * var(--gw-transform-scale,1)); }



.gw-dialog-confirm-subtitle { font-size: calc(13px * var(--gw-transform-scale,1)); color: rgb(153, 153, 153); line-height: 1.5; margin-top: calc(6px * var(--gw-transform-scale,1)); padding: 0 calc(20px * var(--gw-transform-scale,1)); }



.gw-dialog-confirm-actions { display: flex; gap: calc(12px * var(--gw-transform-scale,1)); justify-content: flex-end; padding: calc(12px * var(--gw-transform-scale,1)) calc(20px * var(--gw-transform-scale,1)); margin-top: calc(16px * var(--gw-transform-scale,1)); border-top: calc(1px * var(--gw-transform-scale,1)) solid #f0f0f0; }



.gw-dialog-btn { padding: calc(5px * var(--gw-transform-scale,1)) calc(14px * var(--gw-transform-scale,1)); border-radius: calc(5px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid #e5e5e5; background: rgb(255, 255, 255); color: rgb(51, 51, 51); font-size: calc(12px * var(--gw-transform-scale,1)); cursor: pointer; transition: 0.15s; }



.gw-dialog-btn:hover { border-color: rgb(212, 212, 212); background: rgb(250, 250, 250); }



.gw-dialog-btn--primary { background: rgb(13, 153, 255); border-color: rgb(13, 153, 255); color: rgb(255, 255, 255); }



.gw-dialog-btn--primary:hover { background: rgb(51, 173, 255); border-color: rgb(51, 173, 255); }



.gw-dialog-btn--danger { background: rgb(255, 77, 79); border-color: rgb(255, 77, 79); color: rgb(255, 255, 255); }



.gw-dialog-btn--danger:hover { background: rgb(255, 120, 117); border-color: rgb(255, 120, 117); }



.gw-module-preview { background: rgb(248, 249, 250); padding: calc(20px * var(--gw-transform-scale,1)); }



.gw-module-preview-imgwrap { border-radius: calc(12px * var(--gw-transform-scale,1)); overflow: hidden; background: rgb(255, 255, 255); box-shadow: 0 calc(2px * var(--gw-transform-scale,1)) calc(12px * var(--gw-transform-scale,1)) rgba(0,0,0,.06); display: flex; align-items: center; justify-content: center; max-height: 70vh; }



.gw-module-preview-imgwrap img { max-width: 100%; max-height: 70vh; width: auto; height: auto; display: block; object-fit: contain; }



.gw-code-dialog-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.4); z-index: 10000; opacity: 0; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(12px * var(--gw-transform-scale,1)); }



.gw-code-dialog-overlay.is-visible { opacity: 1; pointer-events: auto; }



.gw-code-dialog-overlay--glass { background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(var(--backdrop-blur, calc(12px * var(--gw-transform-scale, 1)))); }



.gw-code-dialog { background: rgb(255, 255, 255); border-radius: calc(12px * var(--gw-transform-scale,1)); box-shadow: 0 calc(20px * var(--gw-transform-scale,1)) calc(60px * var(--gw-transform-scale,1)) rgba(0,0,0,.18); display: flex; flex-direction: column; opacity: 0; will-change: transform, opacity; overflow: hidden; position: relative; width: 95%; height: 95%; transform: scale(0.94); transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.25s ease-out; }



.gw-code-dialog.is-visible { transform: scale(1); opacity: 1; }



.gw-code-dialog-body { padding: 0px; overflow: hidden; flex: 1 1 0%; }



.gw-code-dialog-body iframe { width: 100%; height: 100%; border: none; display: block; }



.gw-code-dialog-close-outer { background: rgba(0, 0, 0, 0.45); border: none; cursor: pointer; color: rgb(255, 255, 255); width: calc(40px * var(--gw-transform-scale,1)); height: calc(40px * var(--gw-transform-scale,1)); font-size: calc(22px * var(--gw-transform-scale,1)); line-height: 1; transition: 0.15s; pointer-events: auto; flex-shrink: 0; position: absolute; display: flex; align-items: center; justify-content: center; right: calc(20px * var(--gw-transform-scale,1)); top: calc(20px * var(--gw-transform-scale,1)); border-radius: 50%; }



.gw-code-dialog-close-outer:hover { background: rgba(0, 0, 0, 0.65); transform: scale(1.05); }



.gw-code-dialog-close-outer:active { transform: scale(0.95); }



.gw-dialog-loading { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(16px * var(--gw-transform-scale,1)); height: 100%; min-height: calc(200px * var(--gw-transform-scale,1)); color: rgb(153, 153, 153); font-size: calc(14px * var(--gw-transform-scale,1)); }



.gw-dialog-loading--error { color: rgb(255, 77, 79); }



.gw-dialog-loading-spinner { width: calc(36px * var(--gw-transform-scale,1)); height: calc(36px * var(--gw-transform-scale,1)); border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: rgb(22, 119, 255); border-radius: 50%; animation: 0.8s linear 0s infinite normal none running gw-dialog-spin; }



@keyframes gw-dialog-spin { 

  100% { transform: rotate(360deg); }

}



.gw-dialog--popup-content { max-height: min(82vh,calc(760px * var(--gw-transform-scale,1))); overflow: visible; }



.gw-dialog--popup-content .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale,1)); right: calc(-12px * var(--gw-transform-scale,1)); width: calc(34px * var(--gw-transform-scale,1)); height: calc(34px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid rgba(226,232,240,.96); border-radius: calc(999px * var(--gw-transform-scale,1)); background: rgba(255, 255, 255, 0.96); box-shadow: 0 calc(12px * var(--gw-transform-scale,1)) calc(30px * var(--gw-transform-scale,1)) rgba(15,23,42,.18); color: rgb(71, 85, 105); }



.gw-dialog--popup-content .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(15, 23, 42); transform: scale(1.04); }



.gw-dialog--popup-content .gw-dialog-close:active { transform: scale(0.96); }



.gw-dialog--popup-content .gw-dialog-body { overflow: auto; background: rgb(255, 255, 255); border-radius: inherit; }



.gw-dialog--popup-content .gw-popup-dialog-content { box-sizing: border-box; width: 100%; max-height: calc(82vh - calc(56px * var(--gw-transform-scale,1))); overflow: auto; background: rgb(255, 255, 255); }



.gw-dialog--popup-content .gw-popup-dialog-content.is-empty { padding: calc(28px * var(--gw-transform-scale,1)); text-align: center; color: rgb(143, 143, 143); font-size: calc(13px * var(--gw-transform-scale,1)); line-height: 1.8; }



.gw-dialog--popup-content .gw-popup-dialog-intro { margin: 0 calc(22px * var(--gw-transform-scale,1)) calc(12px * var(--gw-transform-scale,1)); padding: calc(12px * var(--gw-transform-scale,1)) calc(14px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid #eee; border-radius: calc(12px * var(--gw-transform-scale,1)); background: rgb(250, 250, 250); }



.gw-dialog--popup-content .gw-popup-dialog-summary { color: rgb(13, 13, 13); font-size: calc(14px * var(--gw-transform-scale,1)); font-weight: 600; line-height: 1.55; }



.gw-dialog--popup-content .gw-popup-dialog-description { margin-top: calc(4px * var(--gw-transform-scale,1)); color: rgb(111, 111, 111); font-size: calc(12px * var(--gw-transform-scale,1)); line-height: 1.7; white-space: pre-wrap; }



.gw-dialog--popup-content .gw-popup-dialog-qrcode { padding: 0px; }



.gw-dialog--popup-content .gw-popup-qrcode-card { display: flex; flex-direction: column; align-items: center; gap: calc(14px * var(--gw-transform-scale,1)); box-sizing: border-box; width: 100%; min-width: 0px; border: calc(1px * var(--gw-transform-scale,1)) solid rgba(226,232,240,.92); border-radius: calc(24px * var(--gw-transform-scale,1)); padding: calc(22px * var(--gw-transform-scale,1)); background: linear-gradient(rgba(255, 255, 255, 0.98) 0px, rgba(248, 250, 252, 0.98) 100%); box-shadow: 0 calc(1px * var(--gw-transform-scale,1)) 0 rgba(255,255,255,.78) inset,0 calc(28px * var(--gw-transform-scale,1)) calc(70px * var(--gw-transform-scale,1)) rgba(15,23,42,.22); }



.gw-dialog--popup-content .gw-popup-qrcode-meta { display: flex; flex-direction: column; align-items: center; gap: calc(6px * var(--gw-transform-scale,1)); width: 100%; max-width: calc(320px * var(--gw-transform-scale,1)); min-width: 0px; }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-brandBlue { border-color: rgba(191, 219, 254, 0.95); background: linear-gradient(rgb(255, 255, 255) 0px, rgb(244, 248, 255) 100%); }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-brandBlue .gw-popup-qrcode-box { border-color: rgb(219, 234, 254); background: rgb(248, 251, 255); }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-darkCard { border-color: rgba(31, 41, 55, 0.95); background: linear-gradient(rgb(17, 24, 39) 0px, rgb(11, 17, 32) 100%); box-shadow: 0 calc(1px * var(--gw-transform-scale,1)) 0 rgba(255,255,255,.08) inset,0 calc(28px * var(--gw-transform-scale,1)) calc(70px * var(--gw-transform-scale,1)) rgba(0,0,0,.34); }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-darkCard .gw-popup-qrcode-heading { color: rgb(249, 250, 251); }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-darkCard .gw-popup-qrcode-desc, .gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-darkCard .gw-popup-qrcode-text { color: rgb(203, 213, 225); }



.gw-dialog--popup-content .gw-popup-qrcode-card.gw-popup-qrcode-style-darkCard .gw-popup-qrcode-box { border-color: rgb(55, 65, 81); background: rgb(15, 23, 42); box-shadow: inset 0 0 0 calc(1px * var(--gw-transform-scale,1)) rgba(255,255,255,.04),0 calc(18px * var(--gw-transform-scale,1)) calc(42px * var(--gw-transform-scale,1)) rgba(0,0,0,.22); }



.gw-dialog--popup-content .gw-popup-qrcode-heading { box-sizing: border-box; max-width: 100%; color: rgb(15, 23, 42); font-size: calc(17px * var(--gw-transform-scale,1)); font-weight: 700; line-height: 1.36; text-align: center; word-break: break-word; }



.gw-dialog--popup-content .gw-popup-qrcode-desc { max-width: 100%; color: rgb(100, 116, 139); font-size: calc(12px * var(--gw-transform-scale,1)); line-height: 1.6; text-align: center; white-space: pre-wrap; word-break: break-word; }



.gw-dialog--popup-content .gw-popup-qrcode-box { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: var(--gw-popup-qrcode-box-width,calc(220px * var(--gw-transform-scale,1))); height: var(--gw-popup-qrcode-box-height,calc(220px * var(--gw-transform-scale,1))); max-width: calc(100vw - calc(96px * var(--gw-transform-scale,1))); max-height: calc(82vh - calc(156px * var(--gw-transform-scale,1))); overflow: hidden; border: calc(1px * var(--gw-transform-scale,1)) solid #e7edf4; border-radius: calc(20px * var(--gw-transform-scale,1)); padding: calc(12px * var(--gw-transform-scale,1)); background: linear-gradient(rgb(255, 255, 255) 0px, rgb(248, 250, 252) 100%); box-shadow: inset 0 0 0 calc(1px * var(--gw-transform-scale,1)) rgba(255,255,255,.72),0 calc(16px * var(--gw-transform-scale,1)) calc(36px * var(--gw-transform-scale,1)) rgba(15,23,42,.1); color: rgb(100, 116, 139); font-size: calc(13px * var(--gw-transform-scale,1)); }



.gw-dialog--popup-content .gw-popup-qrcode-box svg { display: block; width: 100%; height: 100%; }



.gw-dialog--popup-content .gw-popup-qrcode-box .gw-popup-qrcode-image { display: block; width: 100%; height: 100%; object-fit: contain; }



.gw-dialog--popup-content .gw-popup-qrcode-text { max-width: 100%; word-break: break-all; border-radius: calc(999px * var(--gw-transform-scale,1)); background: rgba(241, 245, 249, 0.9); padding: calc(5px * var(--gw-transform-scale,1)) calc(10px * var(--gw-transform-scale,1)); color: rgb(100, 116, 139); font-size: calc(11px * var(--gw-transform-scale,1)); line-height: 1.45; text-align: center; }



.gw-dialog--popup-content .gw-popup-qrcode-fallback { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: calc(1px * var(--gw-transform-scale,1)) dashed #cbd5e1; border-radius: calc(14px * var(--gw-transform-scale,1)); padding: calc(16px * var(--gw-transform-scale,1)); background: rgb(248, 250, 252); word-break: break-all; text-align: center; line-height: 1.7; }



.gw-dialog--popup-content .gw-popup-dialog-html { padding: 0px; }



.gw-dialog--popup-content .gw-popup-dialog-page { position: relative; height: min(72vh,calc(720px * var(--gw-transform-scale,1))); min-height: calc(160px * var(--gw-transform-scale,1)); overflow: hidden; background: rgb(247, 248, 250); transition: height 0.22s; }



.gw-dialog--popup-content .gw-popup-dialog-page iframe { display: block; width: 100%; height: 100%; border: 0px; background: rgb(255, 255, 255); opacity: 1; transition: opacity 0.22s; }



.gw-dialog--popup-content .gw-popup-page-loading { position: absolute; inset: 0px; z-index: 1; min-height: 0px; background: rgba(255, 255, 255, 0.96); opacity: 0; pointer-events: none; transition: opacity 0.18s; }



.gw-dialog--popup-content .gw-popup-page-loading .gw-preview-anime-wrap { margin-bottom: 0px; }



.gw-dialog--popup-content .gw-popup-page-loading .gw-preview-anime-text { color: rgb(102, 112, 133); font-size: calc(13px * var(--gw-transform-scale,1)); font-weight: 500; letter-spacing: 0px; }



.gw-dialog--popup-content .gw-popup-dialog-page.is-loading iframe { opacity: 0; }



.gw-dialog--popup-content .gw-popup-dialog-page.is-loading .gw-popup-page-loading { opacity: 1; }



.gw-dialog--popup-content .gw-popup-dialog-page.is-error .gw-popup-page-loading { opacity: 1; }



.gw-dialog--popup-content .gw-popup-dialog-page.is-error .gw-dialog-loading-spinner, .gw-dialog--popup-content .gw-popup-dialog-page.is-error .gw-preview-anime-wrap { display: none; }



.gw-dialog--popup-content .gw-popup-dialog-page.is-error .gw-preview-anime-text { color: rgb(102, 112, 133); }



.gw-dialog--popup-qrcode { overflow: visible; border-radius: calc(24px * var(--gw-transform-scale,1)); background: 0px 0px; box-shadow: none; }



.gw-dialog--popup-qrcode .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale,1)); right: calc(-12px * var(--gw-transform-scale,1)); width: calc(34px * var(--gw-transform-scale,1)); height: calc(34px * var(--gw-transform-scale,1)); border-radius: calc(999px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid rgba(226,232,240,.96); background: rgba(255, 255, 255, 0.96); box-shadow: 0 calc(12px * var(--gw-transform-scale,1)) calc(30px * var(--gw-transform-scale,1)) rgba(15,23,42,.18); color: rgb(71, 85, 105); z-index: 3; }



.gw-dialog--popup-qrcode .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(15, 23, 42); transform: scale(1.04); }



.gw-dialog--popup-qrcode .gw-dialog-close:active { transform: scale(0.96); }



.gw-dialog--popup-qrcode .gw-dialog-body, .gw-dialog--popup-qrcode .gw-popup-dialog-content { overflow: visible; background: 0px 0px; }



.gw-dialog--popup-qrcode .gw-popup-dialog-content { max-height: none; }



.gw-dialog--popup-qrcode .gw-popup-dialog-qrcode { padding: 0px; }



.gw-dialog--popup-qrcode .gw-popup-qrcode-card { padding: calc(22px * var(--gw-transform-scale,1)); }



.gw-dialog--popup-qrcode .gw-popup-qrcode-desc, .gw-dialog--popup-qrcode .gw-popup-qrcode-heading, .gw-dialog--popup-qrcode .gw-popup-qrcode-text { width: 100%; }



.gw-dialog--popup-page { border-radius: calc(14px * var(--gw-transform-scale,1)); transition: transform 0.18s ease-out, opacity 0.18s ease-out, height 0.22s; }



.gw-dialog--popup-page .gw-dialog-close { top: calc(-12px * var(--gw-transform-scale,1)); right: calc(-12px * var(--gw-transform-scale,1)); border: calc(1px * var(--gw-transform-scale,1)) solid rgba(226,232,240,.92); background: rgba(255, 255, 255, 0.92); box-shadow: 0 calc(10px * var(--gw-transform-scale,1)) calc(24px * var(--gw-transform-scale,1)) rgba(15,23,42,.13); color: rgb(71, 84, 103); }



.gw-dialog--popup-page .gw-dialog-close:hover { background: rgb(255, 255, 255); color: rgb(17, 24, 39); }



.gw-dialog--popup-page .gw-dialog-body, .gw-dialog--popup-page .gw-popup-dialog-content { overflow: hidden; }



.gw-dialog--popup-page .gw-popup-dialog-content { max-height: none; }



.gw-dialog--popup-page .gw-popup-dialog-page { height: 100%; min-height: 0px; }



.gw-dialog--popup-page .gw-popup-dialog-page.is-scrollable iframe { overflow: auto; }



.gw-dialog--popup-html .gw-popup-dialog-html { min-height: 0px; }



.gw-dialog-body, .gw-open-form-dialog-content, .gw-popup-dialog-content { scrollbar-width: thin; scrollbar-color: rgb(216, 221, 229) transparent; }



.gw-dialog-body::-webkit-scrollbar, .gw-open-form-dialog-content::-webkit-scrollbar, .gw-popup-dialog-content::-webkit-scrollbar { width: calc(6px * var(--gw-transform-scale,1)); height: calc(6px * var(--gw-transform-scale,1)); }



.gw-dialog-body::-webkit-scrollbar-track, .gw-open-form-dialog-content::-webkit-scrollbar-track, .gw-popup-dialog-content::-webkit-scrollbar-track { background: 0px 0px; }



.gw-dialog-body::-webkit-scrollbar-thumb, .gw-open-form-dialog-content::-webkit-scrollbar-thumb, .gw-popup-dialog-content::-webkit-scrollbar-thumb { background: rgb(216, 221, 229); border-radius: calc(999px * var(--gw-transform-scale,1)); }



.gw-dialog-body::-webkit-scrollbar-thumb:hover, .gw-open-form-dialog-content::-webkit-scrollbar-thumb:hover, .gw-popup-dialog-content::-webkit-scrollbar-thumb:hover { background: rgb(199, 206, 216); }



.gw-dialog.gw-dialog--ai-fullscreen { position: absolute; inset: 0px; width: 100%; height: 100%; max-width: none; max-height: none; border-radius: 0px; box-shadow: none; transform: none; }



.gw-ai-frame-loading { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; background: rgb(249, 249, 249); color: rgb(13, 13, 13); font-size: 14px; font-family: "Inter Variable", ui-sans-serif, system-ui, sans-serif; opacity: 1; }



.gw-ai-frame-loading[hidden] { display: none; }



.gw-ai-frame-loading.is-ready { pointer-events: none; }



.gw-ai-frame-loading.is-ready main { opacity: 0; }



.gw-ai-frame-loading header { box-sizing: border-box; flex: 0 0 56px; height: 56px; padding: 0px 20px; display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 16px; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(236, 236, 236); }



.gw-ai-frame-loading header strong { flex: 1 1 0%; margin: 0px; font-size: 14px; line-height: 20px; font-weight: 600; }



.gw-ai-frame-loading header > button { justify-self: end; }



.gw-ai-frame-loading .gw-ai-frame-loading-steps { font-size: 12px; font-weight: 500; display: flex; align-items: center; border: 0px; background: 0px 0px; padding: 0px; }



.gw-ai-frame-loading .gw-ai-frame-loading-steps > div { display: flex; align-items: center; gap: 8px; height: 32px; padding: 0px 12px 0px 10px; border-radius: 999px; color: rgb(163, 163, 163); }



.gw-ai-frame-loading .gw-ai-frame-loading-steps > div.is-active { color: rgb(64, 64, 64); }



.gw-ai-frame-loading .gw-ai-frame-loading-steps span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgb(229, 229, 229); color: rgb(163, 163, 163); font-size: 11px; font-weight: 600; }



.gw-ai-frame-loading .gw-ai-frame-loading-steps .is-active span { background: rgba(74, 139, 233, 0.18); color: rgb(74, 139, 233); }



.gw-ai-frame-loading .gw-ai-frame-loading-steps label { margin: 0px; white-space: nowrap; font-size: 12px; font-weight: 500; }



.gw-ai-frame-loading .gw-ai-frame-loading-steps > i { width: 16px; height: 1px; margin: 0px 4px; background: rgb(212, 212, 212); }



.gw-ai-frame-loading main { position: relative; min-height: 0px; flex: 1 1 0%; background: rgb(249, 249, 249); opacity: 1; transition: opacity 180ms; }



.gw-ai-frame-loading button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0px 12px; border: 0px; border-radius: 999px; background: rgb(241, 241, 241); color: rgb(13, 13, 13); font-size: 14px; font-weight: 500; cursor: pointer; }



.gw-ai-frame-loading button svg { color: rgb(74, 139, 233); }



.gw-ai-frame-loading button:disabled { opacity: 0.5; cursor: default; }



.gw-ai-frame-loading button[hidden] { display: none; }



.gw-ai-frame-loading .gw-ai-frame-loading-skeleton { width: calc(100% - 56px); max-width: 760px; margin: 80px auto 0px; }



.gw-ai-frame-loading b, .gw-ai-frame-loading i { display: block; border-radius: 999px; background: rgb(237, 237, 237); }



.gw-ai-frame-loading .gw-ai-frame-loading-skeleton > i { height: 10px; width: 44%; margin-bottom: 12px; }



.gw-ai-frame-loading .gw-ai-frame-loading-skeleton > i + i { width: 30%; }



.gw-ai-frame-loading .gw-ai-frame-loading-cards { display: flex; gap: 12px; margin-top: 32px; }



.gw-ai-frame-loading .gw-ai-frame-loading-cards b { flex: 1 1 0%; height: 104px; border-radius: 16px; background: rgb(240, 240, 240); }



.gw-ai-frame-loading .gw-ai-frame-loading-composer { box-sizing: border-box; position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 56px); max-width: 760px; height: 122px; padding: 20px 16px 12px; border: 1px solid rgb(236, 236, 236); border-radius: 22px; background: rgb(255, 255, 255); }



.gw-ai-frame-loading .gw-ai-frame-loading-composer > i { width: 36%; height: 10px; }



.gw-ai-frame-loading .gw-ai-frame-loading-composer > div { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; }



.gw-ai-frame-loading .gw-ai-frame-loading-composer b { width: 32px; height: 24px; }



.gw-ai-frame-loading .gw-ai-frame-loading-composer b + b { width: 60px; height: 28px; }



.gw-ai-frame-loading:not(.gw-ai-frame-loading--page-ai-create) header { background: rgb(249, 249, 249); }



.gw-ai-frame-loading:not(.gw-ai-frame-loading--page-ai-create) header strong { font-weight: 500; }



.gw-ai-frame-loading:not(.gw-ai-frame-loading--page-ai-create) .gw-ai-frame-loading-skeleton { margin-top: 32px; }



.gw-ai-frame-loading:not(.gw-ai-frame-loading--page-ai-create) .gw-ai-frame-loading-composer { bottom: 50%; transform: translate(-50%, 50%); }



.gw-ai-frame-loading .gw-ai-frame-loading-chat { max-width: 520px; }



.gw-ai-frame-loading .gw-ai-frame-loading-chat b { width: 28px; height: 28px; margin-bottom: 16px; }



.gw-ai-frame-loading .gw-ai-frame-loading-chat i { width: 72%; height: 10px; margin: 12px 0px; }



.gw-ai-frame-loading .gw-ai-frame-loading-chat i:last-child { width: 48%; }



.gw-ai-frame-loading .gw-ai-frame-loading-company { display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid rgb(236, 236, 236); border-radius: 16px; background: rgb(255, 255, 255); }



.gw-ai-frame-loading .gw-ai-frame-loading-company > b { width: 40px; height: 40px; border-radius: 12px; }



.gw-ai-frame-loading .gw-ai-frame-loading-company > div { flex: 1 1 0%; }



.gw-ai-frame-loading .gw-ai-frame-loading-company i { width: 56%; height: 10px; margin: 10px 0px; }



.gw-ai-frame-loading .gw-ai-frame-loading-company i:last-child { width: 80%; }



.gw-ai-frame-loading .gw-ai-frame-loading-module-list { box-sizing: border-box; position: absolute; inset: 0px auto 0px 0px; width: 284px; padding: 24px 16px; border-right: 1px solid rgb(236, 236, 236); background: rgb(255, 255, 255); }



.gw-ai-frame-loading .gw-ai-frame-loading-module-list > i { width: 56%; height: 10px; margin-bottom: 24px; }



.gw-ai-frame-loading .gw-ai-frame-loading-module-list > b { height: 76px; margin-bottom: 12px; border-radius: 12px; }



.gw-ai-frame-loading.has-modules main { margin-left: 284px; }



.gw-ai-frame-loading.has-modules .gw-ai-frame-loading-module-list { left: -284px; }



.gw-ai-frame-loading .gw-ai-frame-loading-notice { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }



.gw-ai-frame-loading .gw-ai-frame-loading-status { position: absolute; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }



.gw-ai-frame-loading.is-error .gw-ai-frame-loading-composer, .gw-ai-frame-loading.is-error .gw-ai-frame-loading-skeleton { opacity: 0.35; }



.gw-ai-frame-loading.is-error .gw-ai-frame-loading-status { position: static; width: auto; height: auto; clip: auto; overflow: visible; margin: 0px; color: rgb(115, 115, 115); }



@media (max-width: 900px) {

  .gw-ai-frame-loading .gw-ai-frame-loading-steps label { display: none; }

  .gw-ai-frame-loading header > button { width: 28px; padding: 0px; gap: 0px; }

  .gw-ai-frame-loading header > button > span { display: none; }

  .gw-ai-frame-loading .gw-ai-frame-loading-steps > div { gap: 0px; padding: 0px 8px; }

  .gw-ai-frame-loading .gw-ai-frame-loading-steps > i { width: 8px; margin: 0px; }

  .gw-ai-frame-loading .gw-ai-frame-loading-cards b:last-child { display: none; }

}



@media (max-width: 640px) {

  .gw-ai-frame-loading header { gap: 8px; padding: 0px 12px; }

}



@media (prefers-reduced-motion: reduce) {

  .gw-ai-frame-loading main { transition: none; }

}



.gw-text-justify-all { text-align: justify !important; text-align-last: justify !important; }



.text-component .gw-browse-component-content { border-color: rgb(204, 204, 204); width: 100%; height: auto; font-family: 微软雅黑; font-size: 18px; font-weight: 400; font-style: normal; text-decoration: none; }



.text-component .gw-browse-component-content a, .text-component .gw-browse-component-content span { white-space: pre-wrap; }



.text-component .gw-browse-component-content > * { width: 100%; }



.text-component .gw-browse-component-content h1 { margin: 0px; padding: 0px; font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; color: inherit; text-decoration: inherit; text-align: inherit; }



.button-component .gw-browse-component { display: table; }



.button-component .gw-browse-component .gw-browse-component-content { width: 100%; height: 100%; background-color: rgb(101, 171, 208); display: table-cell; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); border-radius: 6px; cursor: pointer; font-family: 微软雅黑; font-size: 16px; }



.images-component .gw-browse-component h1 { margin: 0px; }



.gw-browse-component.gw-browse-component--image { width: auto; min-height: auto; }



.mobile .gw-browse-component.gw-browse-component--image .gw-browse-component-content { max-width: 320px; max-height: 150px; }



.mobile.mobile-375 .gw-browse-component.gw-browse-component--image .gw-browse-component-content { max-width: 375px; }



.gw-image-hoverBig { width: 100%; height: 100%; }



.gw-image-hoverBig .gw-image-hoverBig-box:hover { transform: scale(1.02); cursor: pointer; }



.gw-image-hoverBig .big { transition: 0.5s; }



.gw-image-hoverColor img { position: relative; }



.gw-image-hoverColor .gw-image-hoverColor-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }



.gw-image-hoverColor .gw-image-hoverColor-box:hover { opacity: 1; }



.gw-image-hoverImg .hoverImg { position: relative; }



.gw-image-hoverImg .gw-image-hoverImg-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.gw-image-hoverImg .gw-image-hoverImg-box img { width: 100%; height: 100%; opacity: 0; }



.gw-image-hoverImg .gw-image-hoverImg-box img:hover { opacity: 1; }



.gw-image-hoverFont { position: relative; }



.gw-image-hoverFont .gw-image-hoverFont-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; display: table; }



.gw-image-hoverFont .gw-image-hoverFont-box:hover { opacity: 1; }



.gw-image-hoverFont .gw-image-hoverFont-box p { width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-height: 48px; font-size: 12px; display: table-cell; vertical-align: middle; }



.gw-image-hoverShadow { cursor: pointer; }



.gw-image-hoverShadow img { transition: 0.4s ease-in-out; }



.gw-image-hoverShadowNuage { width: 100%; height: 100%; position: relative; display: block; overflow: hidden; }



.gw-image-hoverShadowNuage::before { position: absolute; top: 0px; left: -100%; display: block; content: ""; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); }



.gw-image-hoverShadowNuage:hover::before { animation: 1s ease 0s 1 normal none running shine; }



@-webkit-keyframes shine { 

  100% { left: 125%; }

}



@keyframes shine { 

  100% { left: 125%; }

}



.gw-image-hoverFadeInSB { width: 100%; height: 100%; }



.gw-image-hoverFadeInSB:hover { animation: 1s ease 0s infinite normal none running fadeInSB; }



@-webkit-keyframes fadeInSB { 

  0% { transform: scale(1); }

  50% { transform: scale(1.1); }

  100% { transform: scale(1); }

}



@keyframes fadeInSB { 

  0% { transform: scale(1); }

  50% { transform: scale(1.1); }

  100% { transform: scale(1); }

}



.gw-imageText-shadow { position: relative; cursor: pointer; }



.gw-imageText-shadow img { transition: 0.4s; }



.gw-imageText-shadow .gw-imageText-shadow-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.gw-imageText-shadow .gw-imageText-shadow-box .headLine { margin-top: 8px; }



.gw-imageText-shadow .gw-imageText-shadow-box .desc { letter-spacing: 0px; line-height: 34px; padding: 0px 20px; text-align: center; }



.gw-image-hoverTopBorderAnimation { position: relative; }



.gw-image-hoverTopBorderAnimation .topBorder { position: absolute; left: 0px; top: 0px; height: 4px; width: 0%; transition: 0.4s cubic-bezier(0.46, 0.03, 0.52, 0.96); }



.gw-image-hoverTopBorderAnimation:hover .topBorder { width: 100%; }



.gw-imageText-card { position: relative; cursor: pointer; }



.gw-imageText-card img { transition: 0.2s linear; }



.gw-imageText-card:hover .gw-imageText-card-box .viewMore::after { left: 10px; }



.gw-imageText-card .gw-imageText-card-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px 30px; }



.gw-imageText-card .gw-imageText-card-box .headLine { line-height: 42px; font-weight: 100; margin-bottom: 10px; }



.gw-imageText-card .gw-imageText-card-box .desc { line-height: 27px; -webkit-font-smoothing: antialiased; }



.gw-imageText-card .gw-imageText-card-box .viewMore { position: absolute; bottom: 20px; left: 30px; color: rgb(255, 255, 255); display: flex; -webkit-box-align: center; align-items: center; }



.gw-imageText-card .gw-imageText-card-box .viewMore::after { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 12px; background-image: url("/assets/visual-editor/images/rightIcon.png"); background-size: 100%; background-repeat: no-repeat; position: relative; left: 0px; margin-left: 6px; margin-top: -1px; transition: 0.2s linear; }



.gw-shadow-overlay { position: relative; overflow: hidden; cursor: pointer; }



.gw-shadow-overlay:hover .gw-shadow-overlay-box .first-shadow { bottom: -270px; }



.gw-shadow-overlay:hover .gw-shadow-overlay-box .second-shadow { bottom: -330px; }



.gw-shadow-overlay .gw-shadow-overlay-box { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; padding: 70px 30px 40px; }



.gw-shadow-overlay .gw-shadow-overlay-box .headLine { font-weight: 500; line-height: 1.4; }



.gw-shadow-overlay .gw-shadow-overlay-box .desc { font-weight: 400; line-height: 1.7; }



.gw-shadow-overlay .gw-shadow-overlay-box .first-shadow { position: absolute; width: 470px; height: 470px; right: -115px; bottom: -470px; border-radius: 50%; transition-duration: 0.5s; }



.gw-shadow-overlay .gw-shadow-overlay-box .second-shadow { position: absolute; width: 470px; height: 470px; right: -145px; bottom: -470px; border-radius: 50%; transition: 1.5s; }



.gw-imagetext-enlarge { position: relative; cursor: pointer; transition: 0.2s linear; }



.gw-imagetext-enlarge:hover { transform: scale(1.02); }



.gw-imagetext-enlarge .gw-imagetext-enlarge-box { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; display: flex; justify-content: space-between; align-items: center; }



.gw-imagetext-enlarge .gw-imagetext-enlarge-box .text { margin-left: 6%; }



.gw-imagetext-enlarge .gw-imagetext-enlarge-box .text .headLine { font-weight: 600; }



.gw-imagetext-enlarge .gw-imagetext-enlarge-box img { margin-right: 6%; border-radius: 50%; }



.gw-shiftUp-shadow { position: relative; cursor: pointer; transition: 0.2s linear; }



.gw-shiftUp-shadow:hover { transform: translate3d(0px, -2px, 0px); box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 30px !important; }



.gw-jump-image { cursor: pointer; }



.divide-component .gw-browse-component-content { width: 100%; height: 1px; overflow: hidden; }



.nav-component .gw-browse-component { z-index: 2; }



@keyframes secondShow { 

  0% { opacity: 0; margin-top: 15px; }

  100% { margin-top: 0px; }

}



.nav-component .gw-browse-component-content { width: 100%; height: 100%; }



.nav-component .gw-browse-component-content .gw-nav-cont { float: left; position: relative; }



.nav-component .gw-browse-component-content .gw-nav-cont .gw-nav { float: left; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list { display: none; width: 100%; text-align: center; animation: 0.3s ease 0s 1 normal none running secondShow; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list ul { margin-top: 5px; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list > ul { float: left; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li { float: left; list-style: none; width: 100%; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list li a { display: block; height: 100%; width: 100%; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu { position: relative; }



.nav-component .gw-browse-component-content .gw-nav-cont .menu-list.has-three-child .sec-menu .three-list { display: none; position: absolute; top: 0px; left: 100%; width: inherit; margin-top: -5px; }



.nav-component .gw-browse-component-content .gw-nav-cont-row { float: left; }



.nav-component .gw-browse-component-content .gw-nav-cont-row .gw-nav { float: left; }



.nav-component .gw-browse-component-content .three-list ul { overflow: hidden; }



.nav-component .gw-browse-component-content .menu-list-row { display: none; width: 100%; text-align: center; animation: 0.3s ease 0s 1 normal none running secondShow; }



.nav-component .gw-browse-component-content .menu-list-row ul { margin-top: 5px; display: flex; flex-wrap: wrap; }



.nav-component .gw-browse-component-content .menu-list-row li { float: left; list-style: none; }



.nav-component .gw-browse-component-content .menu-list-row li a { display: block; height: 100%; width: 100%; }



.nav-component .gw-browse-component-content .menu-list-row.has-three-child-row .three-list li { width: 100%; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile { border-bottom: 1px solid rgb(236, 236, 236); position: relative; margin-bottom: -2px; width: 100% !important; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont { position: relative; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .first-nav-cont a { padding-left: 20px; width: 100% !important; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .second-icon { position: absolute; top: 50%; margin-top: -18px; right: 10px; font-size: 20px; color: rgb(153, 153, 153); width: 70px; height: 90%; text-align: center; display: flex; justify-content: center; align-items: center; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list { display: none; top: 0px; width: 100% !important; position: static !important; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list ul { margin-top: 0px; width: 100%; margin-bottom: 0px !important; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li { list-style: none; width: 100%; position: relative; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .menu-list li a { display: block; height: 100%; width: 100%; padding-left: 40px; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list { display: none; width: 100%; position: static; top: 0px; }



.nav-component .gw-browse-component-content .gw-nav-cont-mobile .three-list li a { padding-left: 60px; }



.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list { display: block; z-index: 999; }



.nav-component .gw-browse-component-content .gw-nav-cont:hover .menu-list.has-three-child .sec-menu:hover .three-list { display: block; z-index: 999; }



.nav-component .gw-browse-component-content .container-fluid { text-align: center; padding: 0px !important; }



.nav-component .gw-browse-component-content.navbar-default { border-width: 0px; background-color: transparent !important; border-color: transparent !important; }



.nav-component .gw-browse-component-content .navbar-toggle { margin: 15px; border: none; cursor: pointer; float: none; padding: 0px; }



.nav-component .gw-browse-component-content .navbar-toggle:hover { background-color: transparent !important; }



.nav-component .gw-browse-component-content .navbar-toggle .icon-bar { width: 20px; transform-origin: 20px center; transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s, transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), width 0.5s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); opacity: 1; transform: rotate(45deg); }



.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(3) { opacity: 1; transform: rotate(-45deg); }



.nav-component .gw-browse-component-content .navbar-toggle .icon-bar:nth-last-child(2) { width: 0px; opacity: 0; transform: rotate(0deg); transition: width 0.5s; }



.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar { opacity: 1; transform: rotate(0deg); }



.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(3) { opacity: 1; transform: rotate(0deg); }



.nav-component .gw-browse-component-content .navbar-toggle.collapsed .icon-bar:nth-last-child(2) { width: auto; opacity: 1; transform: rotate(0deg); transition: width 0.5s; }



.nav-component .gw-browse-component-content .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; }



.nav-component .gw-browse-component-content .navbar-collapse { overflow-x: hidden; padding: 0px !important; width: 320px !important; position: absolute !important; }



.nav-component .gw-browse-component-content .collapse { display: none !important; }



.nav-component .gw-browse-component-content .collapse.in { display: block !important; }



.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav { transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55); }



.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav::after { content: attr(data-alt); position: absolute; width: 100%; left: 0px; top: 100%; }



.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav-cont { overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-swipe .gw-nav-cont:hover .gw-nav { transform: translateY(-100%); }



.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav { transition: transform 0.5s; }



.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav::after { content: attr(data-alt); position: absolute; width: 100%; left: 0px; top: 100%; }



.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav-cont { overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-changer .gw-nav-cont:hover .gw-nav { transform: translateY(-100%); }



.nav-component .gw-browse-component-content.hover-effect-topliner .gw-nav::after { content: ""; position: absolute; transition: 0.3s; height: 3px; width: 60%; top: -4px; }



.nav-component .gw-browse-component-content.hover-effect-topliner .gw-nav-cont:hover .gw-nav::after { left: 50%; transform: rotate(0deg) translateX(-50%); background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-center_line .gw-nav::after { content: ""; width: 0px; height: 3px; position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%); transition: 0.35s cubic-bezier(0.77, 0, 0.175, 1); background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-center_line .gw-nav-cont:hover .gw-nav::after { width: 100%; }



.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav { transform-style: preserve-3d; transition: 0.4s; transform-origin: 50% 0px; }



.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav::after { content: attr(data-alt); position: absolute; width: 100%; top: 0px; left: 0px; transform: translate3d(0px, 105%, 0px) rotateX(-90deg); transform-origin: 50% 0px; background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-roll_box .gw-nav-cont:hover .gw-nav { transform: translate3d(0px, 0px, -30px) rotateX(90deg); }



.nav-component .gw-browse-component-content.hover-effect-starter_line .gw-nav::after { content: ""; width: 0px; height: 4px; position: absolute; left: 0px; bottom: -4px; transition: width 0.5s; background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-starter_line .gw-nav-cont:hover .gw-nav::after { width: 100%; }



.nav-component .gw-browse-component-content.hover-effect-bottom_line .gw-nav::after { content: ""; width: 100%; height: 4px; position: absolute; left: 0px; bottom: -12px; transition: opacity 0.3s, bottom 0.3s; opacity: 0; background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-bottom_line .gw-nav-cont:hover .gw-nav::after { opacity: 1; bottom: -4px; }



.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav { transition: 0.2s linear 0.1s; }



.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav::after { content: ""; position: absolute; bottom: 0px; left: 50%; display: block; width: 0px; height: 10px; transition: 0.3s; z-index: -1; background-color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-pop_box .gw-nav-cont:hover .gw-nav::after { width: 100%; height: 100%; left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav { border: 1px solid transparent; }



.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav::after { content: ""; position: absolute; bottom: 0px; left: 50%; display: block; width: 0px; height: 10px; transition: 0.3s; z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-border_outer .gw-nav-cont:hover .gw-nav::after { width: 100%; height: 100%; left: 0px; border: solid 1px var(--nav-effect-color); }



@keyframes bubbles { 

  0% { opacity: 1; font-size: 0px; top: 0px; }

  100% { opacity: 0; font-size: 80px; top: -50%; }

}



.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav::before { content: "〇"; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); font-size: 0px; color: var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav:hover::before { animation: 1s ease 0s 1 normal none running bubbles; }



.nav-component .gw-browse-component-content.hover-effect-bubbles .gw-nav:hover::after { animation: 1s ease 0.5s 1 normal none running bubbles; }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::after, .nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::before { content: ""; background-color: transparent; width: 6px; height: 6px; opacity: 0; transition: 0.3s; position: absolute; top: -10px; border-top: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::before { left: -10px; border-left: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont::after { right: -10px; border-right: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont:hover::before { opacity: 1; left: -5px; top: -5px; }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont:hover::after { opacity: 1; right: -5px; top: -5px; }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::before { content: ""; background-color: transparent; width: 6px; height: 6px; opacity: 0; transition: 0.3s; position: absolute; bottom: -10px; border-bottom: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::before { left: -10px; border-left: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav::after { right: -10px; border-right: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav:hover::before { opacity: 1; left: -5px; bottom: -5px; }



.nav-component .gw-browse-component-content.hover-effect-classic .gw-nav-cont .gw-nav:hover::after { opacity: 1; right: -5px; bottom: -5px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont { padding: 5px 10px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::after, .nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::before { content: ""; background-color: var(--nav-effect-color); height: 2px; width: 100%; position: absolute; left: 0px; transition: 0.3s; transform: scale(0); }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::before { top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont::after { bottom: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont:hover::before { transform: scale(1); }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::before { content: ""; transition: 0.3s; position: absolute; background-color: var(--nav-effect-color); top: 0px; height: 100%; width: 2px; transform: scale(0); }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::before { left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav::after { right: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style1 .gw-nav-cont .gw-nav:hover::before { transform: scale(1); }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont { padding: 5px 10px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::after, .nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::before { content: ""; background-color: var(--nav-effect-color); height: 2px; width: 0px; position: absolute; transition: 0.3s; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::before { left: 0px; top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont::after { right: 0px; bottom: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont:hover::before { width: 100%; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::before { content: ""; transition: 0.3s; position: absolute; background-color: var(--nav-effect-color); height: 0px; width: 2px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::before { top: 0px; left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav::after { right: 0px; bottom: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style2 .gw-nav-cont .gw-nav:hover::before { height: 100%; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont { padding: 5px 10px; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::after, .nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::before { content: ""; background-color: var(--nav-effect-color); height: 2px; width: 0px; position: absolute; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::before { left: 0px; top: 0px; transition: 0.1s; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont::after { right: 0px; bottom: 0px; transition: 0.1s 0.2s; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont:hover::before { width: 100%; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::before { content: ""; transition: 0.3s; position: absolute; background-color: var(--nav-effect-color); height: 0px; width: 2px; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::before { bottom: 0px; left: 0px; transition: 0.1s 0.3s; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav::after { right: 0px; top: 0px; transition: 0.1s 0.1s; }



.nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style3 .gw-nav-cont .gw-nav:hover::before { height: 100%; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont { padding: 5px 10px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::after, .nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::before { content: ""; background-color: var(--nav-effect-color); height: 2px; width: 0px; position: absolute; transition: 0.3s; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::before { left: 0px; top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont::after { right: 0px; bottom: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont:hover::before { width: 100%; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::before { content: ""; transition: 0.3s; position: absolute; background-color: var(--nav-effect-color); height: 0px; width: 2px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::before { bottom: 0px; left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav::after { right: 0px; top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav:hover::after, .nav-component .gw-browse-component-content.hover-effect-border_style4 .gw-nav-cont .gw-nav:hover::before { height: 100%; }



.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::before { opacity: 0; transition: transform 0.3s, opacity 0.2s; display: inline-block; }



.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::before { content: "["; transform: translateX(20px); }



.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav::after { content: "]"; transform: translateX(-20px); }



.nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav-cont:hover .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-double_quotes .gw-nav-cont:hover .gw-nav::before { opacity: 1; color: var(--nav-effect-color); transform: translateX(0px); }



@keyframes jelly { 

  0%, 100% { transform: scale(1, 1); }

  25% { transform: scale(0.9, 1.1); }

  50% { transform: scale(1.1, 0.9); }

  75% { transform: scale(0.95, 1.05); }

  0%, 100% { transform: scale(1, 1); }

  25% { transform: scale(0.9, 1.1); }

  50% { transform: scale(1.1, 0.9); }

  75% { transform: scale(0.95, 1.05); }

}



.nav-component .gw-browse-component-content.hover-effect-jelly .gw-nav-cont { padding: 5px 10px; border: 2px solid transparent; }



.nav-component .gw-browse-component-content.hover-effect-jelly .gw-nav-cont:hover { animation: 0.5s ease 0s 1 normal none running jelly; border: 2px solid var(--nav-effect-color); }



.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav { position: relative; overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav::before { content: ""; position: absolute; top: -100%; left: 0px; width: 100%; height: 100%; background-color: var(--nav-effect-color); transition: top 0.3s ease-in-out; z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-slide_top .gw-nav-cont:hover .gw-nav::before { top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav { position: relative; overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav::before { content: ""; position: absolute; bottom: -100%; left: 0px; width: 100%; height: 100%; background-color: var(--nav-effect-color); transition: bottom 0.3s ease-in-out; z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-slide_bottom .gw-nav-cont:hover .gw-nav::before { bottom: 0px; }



.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav { position: relative; overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav::before { content: ""; position: absolute; right: -100%; top: 0px; width: 100%; height: 100%; background-color: var(--nav-effect-color); transition: right 0.3s ease-in-out; z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-slide_right .gw-nav-cont:hover .gw-nav::before { right: 0px; }



.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav { position: relative; overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav::before { content: ""; position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; background-color: var(--nav-effect-color); transition: left 0.3s ease-in-out; z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-slide_left .gw-nav-cont:hover .gw-nav::before { left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav { position: relative; overflow: hidden; }



.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav::before { content: ""; position: absolute; width: 250px; height: 150px; display: inline-block; left: 0px; top: -250px; transition: 0.25s; background-color: var(--nav-effect-color); transform: skewY(15deg) translateY(0px); z-index: -1; }



.nav-component .gw-browse-component-content.hover-effect-slide_corner .gw-nav-cont:hover .gw-nav::before { top: -50px; }



.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::before { content: ""; transition: 0.5s; width: 2px; background-color: var(--nav-effect-color); opacity: 0; height: 100%; position: absolute; top: 0px; }



.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::before { transform: translateX(20px); }



.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav::after { transform: translateX(-20px); }



.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav-cont:hover .gw-nav::before { opacity: 1; transform: translateX(-10px); }



.nav-component .gw-browse-component-content.hover-effect-center_out_lr .gw-nav-cont:hover .gw-nav::after { opacity: 1; transform: translateX(10px); }



.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav::before { content: ""; transition: 0.28s ease-in-out; display: block; margin: 0px auto; width: 0px; border: 1px solid rgba(255, 255, 255, 0); }



.nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav-cont:hover .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-center_out_ud .gw-nav-cont:hover .gw-nav::before { width: 70%; border-color: var(--nav-effect-color); transition: width 0.35s ease-in-out; }



.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::after, .nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::before { content: ""; transition: 0.3s; position: absolute; height: 2px; width: 100%; background-color: var(--nav-effect-color); opacity: 0; left: 0px; }



.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::before { top: -20px; }



.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav::after { bottom: -20px; }



.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav-cont:hover .gw-nav::before { top: -4px; opacity: 1; }



.nav-component .gw-browse-component-content.hover-effect-double_border .gw-nav-cont:hover .gw-nav::after { bottom: -4px; opacity: 1; }



.nav-component .gw-browse-component-content.hover-effect-arrow .gw-nav-cont.has-sec-child i { transition: 0.3s; transform: rotate(0deg); margin-left: 5px; color: var(--nav-color); }



.nav-component .gw-browse-component-content.hover-effect-arrow .gw-nav-cont.has-sec-child:hover i { transform: rotate(180deg); color: var(--nav-active-color); }



.mobile-375 .nav-component .gw-browse-component-content .navbar-collapse { width: 375px !important; }



.carousel-component .gw-browse-component .gw-browse-component-content { width: 100%; height: 100%; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container { width: 100%; height: 100%; overflow: hidden; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.left-container { width: calc(100% - 85px); }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.bottom-container { height: calc(100% - 85px); }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content { position: absolute; top: 30%; left: 100px; max-width: 43%; text-align: left; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .text.describe { margin-bottom: 50px; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .swiper-btn-wrap { display: inline-block; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .content .swiper-btn { transition: 0.3s; padding: 10px 40px; cursor: pointer; border: 2px solid rgba(255, 255, 255, 0.7); }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .img-wrap { position: absolute; top: 10%; right: 100px; width: 43%; height: 70%; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-slide .img-wrap img { width: 100%; object-fit: contain; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-button { opacity: 0; visibility: hidden; transition: 0.3s; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2 .swiper-button > div { transition: 0.3s; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button { visibility: visible; opacity: 1; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button .swiper-button-prev { left: 50px; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_2:hover .swiper-button .swiper-button-next { right: 50px; }



@keyframes ripple { 

  0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }

  80% { transform: translate(-50%, -50%) scale(3); opacity: 0; }

  100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }

}



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content-wrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content { width: 80%; text-align: left; margin: 0px auto; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .text.describe { margin-bottom: 50px; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap { display: inline-block; position: relative; padding: 8px 20px; width: auto; height: 40px; transition: 0.3s ease-in-out; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap::after { content: ""; position: absolute; left: 15px; top: 10px; width: 100%; height: 100%; transition: 0.3s ease-in-out; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap:hover span:first-child { opacity: 0; transform: translateY(-24px); }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn-wrap:hover span:last-child { opacity: 1; transform: translateY(-24px); }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn { display: block; cursor: pointer; line-height: 24px; transition: 0.3s ease-in-out; position: relative; z-index: 2; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-slide .content .swiper-btn:last-child { opacity: 0; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 30px; right: 10%; left: unset; top: 0px; bottom: 0px; transform: none; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets .swiper-pagination-bullet { background-color: rgb(255, 255, 255); opacity: 1; width: 10px; height: 10px; position: relative; margin: 35px 0px; }



.carousel-component .gw-browse-component .gw-browse-component-content .swiper-default-container.carousel_style_3 .swiper-pagination-bullets .swiper-pagination-bullet-active::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(255, 255, 255); top: 50%; left: 50%; border-radius: 50%; animation: 2s linear 0s infinite normal none running ripple; }



.carousel-component .gw-browse-component .swiper-container { width: 100%; height: 100%; }



.carousel-component .gw-browse-component .swiper-slide { text-align: center; font-size: 18px; background: 0px 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }



.carousel-component .gw-browse-component .swiper-slide .swiper-img { width: 100%; height: 100%; background-size: cover !important; }



.carousel-component .gw-browse-component .swiper-slide.vm-list-row { width: 80%; height: auto; }



.carousel-component .gw-browse-component .swiper-slide a { width: 100%; height: 100%; }



.carousel-component .gw-browse-component .swiper-slide img { width: 100%; height: 100%; }



.carousel-component .gw-browse-component .swiper-button .swiper-button-next, .carousel-component .gw-browse-component .swiper-button .swiper-button-prev { display: table; text-align: center; }



.carousel-component .gw-browse-component .swiper-button i { display: table-cell; vertical-align: middle; }



.carousel-component .gw-browse-component .swiper-pagination { margin-bottom: 0px; }



.carousel-component .gw-browse-component .swiper-button-next::after, .carousel-component .gw-browse-component .swiper-button-prev::after { padding: 5px; }



.carousel-component .gw-browse-component .swiper-pagination-bullet { transition: 0.3s; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet { width: 30px; height: 3px; margin: 0px 3px; cursor: pointer; border-radius: 0px; background-color: transparent; opacity: 1; position: relative; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span { display: block; position: absolute; top: 0px; left: 0px; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span.bg { height: 100%; width: 100%; opacity: 0.2; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet span.cover { width: 0px; height: 100%; transition-property: width, height; transition-timing-function: linear; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet i { background: gray; height: 2px; transform: scaleX(0); transform-origin: 0px center; display: block; }



.carousel-component .gw-browse-component .swiper-pagination-line .swiper-pagination-bullet-active span.cover { width: 100%; }



.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet { width: 5px; height: 30px; margin: 3px 0px; }



.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet span.cover { width: 100%; height: 0px; }



.carousel-component .gw-browse-component .swiper-container-vertical .swiper-pagination-line .swiper-pagination-bullet.swiper-pagination-bullet-active span.cover { height: 100%; }



.carousel-component .gw-browse-component .gallery-thumbs { height: 85px; box-sizing: border-box; padding: 10px 0px; }



.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide { width: 71px; height: 71px; }



.carousel-component .gw-browse-component .gallery-thumbs .swiper-slide-thumb-active { border: 2px solid rgb(30, 80, 174); }



.carousel-component .gw-browse-component .gallery-thumbs .swiper-img-thumbs { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }



.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left, .carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right { width: 85px; height: 100%; display: flex; justify-content: center; }



.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-wrapper, .carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-wrapper { margin: 0px auto; }



.carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-left .swiper-slide, .carousel-component .gw-browse-component .gallery-thumbs.gallery-thumbs-right .swiper-slide { width: 71px; height: 71px; }



.mobile .carousel-component .gw-browse-component .swiper-container.on { width: 320px; }



.mobile.mobile-375 .carousel-component .gw-browse-component .swiper-container.on { width: 375px; }



.form-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; }



.form-component .gw-form .form-title { font-size: 16px; font-weight: 500; color: rgb(0, 0, 0); line-height: 26px; padding-bottom: 8px; }



.form-component .gw-form .form-placeholder { font-size: 14px; font-weight: 500; color: rgb(130, 130, 130); line-height: 22px; padding-bottom: 20px; padding-top: 5px; }



.form-component .gw-form input, .form-component .gw-form textarea { border-radius: 2px; padding: 0px 10px; border-width: 1px; border-style: solid; }



.form-component .gw-form input:focus, .form-component .gw-form textarea:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.form-component .gw-form .input-text, .form-component .gw-form textarea { border-color: rgb(220, 220, 220); background-color: rgb(247, 249, 251); }



.form-component .gw-form textarea { padding: 10px; }



.form-component .gw-form .qrcode { margin-left: 12px; width: 100px; height: 36px; }



.form-component .gw-form .btn-black { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); }



.form-component .gw-area { display: flex; justify-content: space-between; }



.form-component .gw-area select { width: 31%; }



.pc .gw-browse-component-content { font-size: 18px; }



.mobile .gw-browse-component-content { font-size: 14px; }



.article-component .row { margin: 0px; }



.article-component .gw-browse-component { min-height: 26px; }



.article-component .pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.article-component .pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.article-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; font-size: 18px; }



.article-component .gw-browse-component-content a { margin-bottom: 10px; }



.article-component .gw-browse-component-content .article_title { font-size: 16px; color: rgb(51, 51, 51); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.article-component .gw-browse-component-content .article_abstract { font-size: 14px; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.4em; }



.article-component .gw-browse-component-content .article_date { font-size: 14px; color: rgb(102, 102, 102); width: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.article-component .gw-browse-component-content .flex-img { display: flex; align-items: center; justify-content: center; }



.pc .article_style_1 .article_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.pc .article_style_1 .article_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .article_style_1.col-xs-12 .article_img { height: 500px; }



.pc .article_style_1.col-xs-12 .article_img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_1.col-xs-6 { height: 540px; }



.pc .article_style_1.col-xs-6 .article_img { width: 550px; height: 427px; }



.pc .article_style_1.col-xs-6 .article_img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_1.col-xs-4 { height: 370px; }



.pc .article_style_1.col-xs-4 .article_img { width: 360px; height: 270px; }



.pc .article_style_1.col-xs-4 .article_img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_1.col-xs-3 { height: 295px; }



.pc .article_style_1.col-xs-3 .article_img { width: 263px; height: 197px; }



.pc .article_style_1.col-xs-3 .article_img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_2 { margin-bottom: 10px; }



.pc .article_style_2 p { margin-bottom: 0px; }



.pc .article_style_2 .article_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 2.8em; }



.pc .article_style_2 .article_style_2_content { display: flex; }



.pc .article_style_2 .article_style_2_content p { margin-bottom: 0px; }



.pc .article_style_2 .article_style_2_content div:first-child { float: left; width: 30%; text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; flex-shrink: 0; flex-grow: 0; }



.pc .article_style_2 .article_style_2_content div:last-child { float: right; width: 69%; margin-left: 10px; display: flex; flex-direction: column; justify-content: space-between; }



.pc .article_style_2 .article_style_2_content div:last-child .article_date { width: 100%; }



.pc .article_style_2.col-xs-12 { height: 180px; }



.pc .article_style_2.col-xs-12 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 180px; object-fit: cover; }



.pc .article_style_2.col-xs-6 { height: 129px; }



.pc .article_style_2.col-xs-6 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 124px; object-fit: cover; }



.pc .article_style_2.col-xs-4 { height: 86px; }



.pc .article_style_2.col-xs-4 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 81px; object-fit: cover; }



.pc .article_style_2.col-xs-3 { height: 65px; }



.pc .article_style_2.col-xs-3 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 60px; object-fit: cover; }



.pc .article_style_2.col-xs-3 .article_style_2_content .article_date { display: none; }



.pc .article_style_3 { margin-bottom: 10px; }



.pc .article_style_3 .article_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 2.8em; }



.pc .article_style_3 .article_style_3_content div:first-child { float: left; width: 30%; text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .article_style_3 .article_style_3_content div:last-child { float: right; width: 69%; }



.pc .article_style_3.col-xs-12 { height: 180px; }



.pc .article_style_3.col-xs-12 .article_style_3_content div:first-child img { max-width: 100%; max-height: 180px; height: 180px; object-fit: cover; }



.pc .article_style_3.col-xs-6 { height: 129px; }



.pc .article_style_3.col-xs-6 .article_style_3_content div:first-child img { max-width: 100%; max-height: 124px; height: 124px; object-fit: cover; }



.pc .article_style_3.col-xs-4 { height: 86px; }



.pc .article_style_3.col-xs-4 .article_style_3_content div:first-child img { max-width: 100%; max-height: 81px; height: 81px; object-fit: cover; }



.pc .article_style_3.col-xs-4 .article_style_3_content .article_abstract { display: none; }



.pc .article_style_3.col-xs-3 { height: 65px; }



.pc .article_style_3.col-xs-3 .article_style_3_content div:first-child img { max-width: 100%; max-height: 60px; height: 60px; object-fit: cover; }



.pc .article_style_3.col-xs-3 .article_style_3_content .article_abstract { display: none; }



.pc .article_style_4 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: 35px; margin-top: 2px; }



.pc .article_style_4 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.pc .article_style_4 .article_date { float: right; width: 35%; text-align: right; }



.pc .article_style_5 { margin-bottom: 10px; }



.pc .article_style_5 .article_style_5_content { border-bottom: 1px dashed rgb(221, 221, 221); padding: 8px 0px; margin-top: 2px; height: 95px; width: 100%; }



.pc .article_style_5 .article_style_5_content .article_date { float: left; min-width: 80px; max-width: 80px; width: 80px; height: 80px; text-align: center; background: rgb(242, 242, 242); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; margin-right: 15px; }



.pc .article_style_5 .article_style_5_content .article_date .article_ss { font-size: 22px; color: rgb(102, 102, 102); display: block; margin-top: 15px; }



.pc .article_style_5 .article_style_5_content .article_date .article_yy { font-size: 14px; color: rgb(156, 141, 141); display: inline-block; height: 20px; line-height: 20px; }



.pc .article_style_5 .article_style_5_content div:last-child { float: left; width: 84%; }



.pc .article_style_5 .article_style_5_content div:last-child .article_title { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }



.pc .article_style_5 .article_style_5_content div:last-child .article_abstract { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }



.pc .article_style_5.col-xs-12 { height: 120px; }



.pc .article_style_5.col-xs-6 { height: 129px; }



.pc .article_style_5.col-xs-6 .article_style_5_content div:last-child { width: 70%; }



.pc .article_style_5.col-xs-4 { height: 120px; }



.pc .article_style_5.col-xs-4 .article_style_5_content div:last-child { width: 60%; }



.pc .article_style_5.col-xs-3 { height: 120px; }



.pc .article_style_5.col-xs-3 .article_style_5_content div:last-child { width: 65%; }



.pc .article_style_6 { margin-bottom: 10px; border-bottom: 1px dashed rgb(227, 227, 227); }



.pc .article_style_6 .right { float: right; }



.pc .article_style_6 .left { float: left; }



.pc .article_style_6 .article_style_6_content .article_date { width: auto; }



.pc .article_style_6 .article_style_6_content .article_title { -webkit-line-clamp: 1; overflow: hidden; line-height: 1.4em; max-height: 1.4em; height: 1.4em; }



.pc .article_style_6 .article_style_6_content .img-content { width: 162px; height: 117px; border: 1px solid rgb(221, 221, 221); text-align: center; }



.pc .article_style_6 .article_style_6_content .img-content img { width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_6 .article_style_6_content .font-content { width: 60%; }



.pc .article_style_6.col-xs-6 .img-content { width: 162px; height: 117px; border: 1px solid rgb(221, 221, 221); text-align: center; }



.pc .article_style_6.col-xs-6 .img-content img { width: 100%; height: 100%; object-fit: cover; }



.pc .article_style_6.col-xs-6 .font-content { width: 50%; }



.pc .article_style_6.col-xs-4 .article_abstract { -webkit-line-clamp: 1; overflow: hidden; line-height: 1.4em; max-height: 1.4em; height: 1.4em; }



.pc .article_style_6.col-xs-4 .img-content { width: 102px; height: 77px; border: 1px solid rgb(221, 221, 221); text-align: center; }



.pc .article_style_6.col-xs-4 .img-content img { max-width: 100px; max-height: 75px; object-fit: cover; }



.pc .article_style_6.col-xs-4 .font-content { width: 30%; }



.pc .article_style_6.col-xs-3 .article_abstract { -webkit-line-clamp: 1; overflow: hidden; line-height: 1.4em; height: 1.4em; max-height: 1.4em; }



.pc .article_style_7 .article_date { width: auto; }



.pc .article_style_7 .timezone { width: 4px; height: 120px; background: rgb(204, 204, 204); margin: 8px auto 0px 120px; border-radius: 3px; position: relative; animation: 2s linear 0s 1 normal none running heightSlide; }



@-webkit-keyframes heightSlide { 

  0% { height: 0px; }

  100% { height: 120px; }

}



.pc .article_style_7 .timezone .time, .pc .article_style_7 .timezone .timeLeft { position: absolute; margin-left: -7px; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, 0.5); background: rgb(186, 186, 186); transition: 0.5s; animation: auto ease 0s 1 normal none running showIn; }



.pc .article_style_7 .timezone .time:nth-child(1) { animation-duration: 1s; }



.pc .article_style_7 .timezone .timeLeft:nth-child(2) { animation-duration: 1.5s; }



.pc .article_style_7 .timezone .time:nth-child(3) { animation-duration: 2s; }



.pc .article_style_7 .timezone .timeLeft:nth-child(4) { animation-duration: 2.5s; }



@-webkit-keyframes showIn { 

  0%, 70% { opacity: 0; }

  100% { opacity: 1; }

}



.pc .article_style_7 .timezone .time h2, .pc .article_style_7 .timezone .timeLeft h2 { position: absolute; margin-left: -120px; margin-top: 3px; color: rgb(238, 238, 238); font-size: 14px; cursor: pointer; animation: 3s ease 0s 1 normal none running showIn; }



.pc .article_style_7 .timezone .timeLeft h2 { margin-left: 60px; width: 100px; }



.pc .article_style_7 .timezone .time:hover, .pc .article_style_7 .timezone .timeLeft:hover { border: 4px solid rgb(173, 216, 230); background: rgb(255, 250, 205); box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 2px 2px; }



.pc .article_style_7 .timezone .time div, .pc .article_style_7 .timezone .timeLeft div { position: absolute; top: 50%; margin-top: -9px; padding: 5px; left: 50px; width: 800px; height: 100px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; z-index: 2; overflow: hidden; cursor: pointer; animation: 3s ease 0s 1 normal none running showIn; transition: 0.5s; }



.pc .article_style_7.col-xs-6 .timezone .time div, .pc .article_style_7.col-xs-6 .timezone .timeLeft div { width: 300px; }



.pc .article_style_7.col-xs-4 .timezone .time div, .pc .article_style_7.col-xs-4 .timezone .timeLeft div { width: 200px; }



.pc .article_style_7.col-xs-3 .timezone { margin-left: 100px; }



.pc .article_style_7.col-xs-3 .timezone .time h2 { margin-left: -95px; }



.pc .article_style_7.col-xs-3 .timezone .time div, .pc .article_style_7.col-xs-3 .timezone .timeLeft div { width: 100px; }



.pc .article_style_8 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: auto; margin-top: 2px; }



.pc .article_style_8 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.pc .article_style_8 .article_date { float: right; width: 35%; text-align: right; }



.pc .article_style_8 .article_abstract { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height: 1.4em; line-height: 1.4em; max-height: 1.4em; }



.pc .article_style_9 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: auto; margin-top: 2px; }



.pc .article_style_9 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.pc .article_style_9 .article_date { float: right; width: 35%; text-align: right; }



.pc .article_style_9 .article_abstract { -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4em; display: block; }



.pc .article_style_10 { padding: 0px 10px; }



.pc .article_style_10 .article_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 2.8em; }



.pc .article_style_10 .article_style_10_content { display: flex; margin: 6px; padding: 16px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.pc .article_style_10 .article_style_10_content div:first-child { width: 128px; height: 72px; max-width: 128px; max-height: 72px; min-width: 128px; min-height: 72px; text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); border-radius: 4px; }



.pc .article_style_10 .article_style_10_content div:first-child img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; }



.pc .article_style_10 .article_style_10_content div:last-child { margin-left: 12px; width: calc(100% - 130px); display: flex; flex-direction: column; justify-content: space-between; }



.pc .article_style_10 .article_style_10_content div:last-child .article_date { width: 100%; margin-bottom: 0px; }



.pc .article_style_10.col-xs-12 .article_style_10_content div:first-child img { object-fit: cover; }



.pc .article_style_10.col-xs-6 .article_style_10_content div:first-child img { object-fit: cover; }



.pc .article_style_10.col-xs-4 .article_style_10_content div:first-child img { object-fit: cover; }



.pc .article_style_10.col-xs-3 .article_style_10_content div:first-child img { object-fit: cover; }



.pc .article_style_10.col-xs-3 .article_style_10_content .article_date { display: none; }



.pc .article_style_11 { padding: 0px; }



.pc .article_style_11 .article-content { color: rgb(145, 145, 145); font-size: 13px; display: flex; border-bottom: 1px solid rgb(239, 239, 239); padding: 20px 16px 20px 0px; }



.pc .article_style_11 .article-content .content-left { overflow: hidden; height: 120px; }



.pc .article_style_11 .article-content .content-left img { width: 100%; height: 100%; }



.pc .article_style_11 .article-content .content-left.hover-style1:hover img { transform: scale(1.1); }



.pc .article_style_11 .article-content .content-left.hover-style1 img { transition: 0.3s; backface-visibility: hidden; }



.pc .article_style_11 .article-content .content-left.hover-style2 { position: relative; }



.pc .article_style_11 .article-content .content-left.hover-style2::before { content: ""; position: absolute; top: 0px; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); }



.pc .article_style_11 .article-content .content-left.hover-style2:hover::before { left: 100%; transition: 0.3s ease-out; }



.pc .article_style_11 .article-content .content-left.hover-style3 { position: relative; }



.pc .article_style_11 .article-content .content-left.hover-style3::after { position: absolute; content: ""; background-color: rgb(69, 39, 164); height: 0px; width: 0px; left: 0px; bottom: 0px; transition: 0.3s ease-in-out; opacity: 0.3; }



.pc .article_style_11 .article-content .content-left.hover-style3:hover::after { width: 100%; height: 100%; }



.pc .article_style_11 .article-content .content-body { flex: 1 1 0%; padding-left: 20px; position: relative; }



.pc .article_style_11 .article-content .content-body .tag-mobile { display: none; }



.pc .article_style_11 .article-content .content-body .article-title { font-size: 17.5px; margin-bottom: 5px; transition: 0.3s; color: rgb(68, 68, 68); word-break: break-all; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; }



.pc .article_style_11 .article-content .content-body .article-title:hover { color: rgb(0, 123, 255); text-decoration: underline; }



.pc .article_style_11 .article-content .content-body .article-abs { word-break: break-all; font-size: 14px; color: rgb(130, 138, 146); -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; }



.pc .article_style_11 .article-content .content-body .article-tag { position: absolute; bottom: 0px; }



.pc .article_style_11 .article-content .content-body .article-tag > * { display: inline; }



.pc .article_style_11 .article-content .content-body .article-tag .tag-pc { border-radius: 2px; margin-right: 3px; text-align: center; background: rgba(0, 132, 255, 0.1); padding: 0px 8px; margin-bottom: 0px; display: inline-block; }



.pc .article_style_11 .article-content .content-body .article-tag .tag-pc:hover { color: rgb(255, 255, 255) !important; cursor: pointer; }



.pc .article_style_11 .article-content .content-body .article-tag .view { margin: 0px 8px; color: rgb(170, 170, 170); }



.pc .article_style_11 .article-content.no-pic .content-left { display: none; }



.pc .article_style_11 .article-content.no-pic .content-body .article-tag { position: static; }



.mobile .article_abstract { display: none !important; }



.mobile .article_style_1 .article_title { font-size: 14px; line-height: 1.4em; height: 2.8em; font-weight: 700; }



.mobile .article_style_1 .article_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; padding: 2px; border-radius: 2px; }



.mobile .article_style_1.col-xs-12 { height: 250px; }



.mobile .article_style_1.col-xs-12 .article_img { width: 265px; height: 198px; text-align: center; }



.mobile .article_style_1.col-xs-12 .article_img img { max-width: 100%; width: 100%; height: 100%; overflow: hidden; border-radius: 3px; }



.mobile .article_style_1.col-xs-6 { height: 130px; }



.mobile .article_style_1.col-xs-6 .article_img { width: 118px; height: 88px; text-align: center; }



.mobile .article_style_1.col-xs-6 .article_img img { max-width: 100%; width: 100%; height: 100%; }



.mobile .article_style_2 { margin-bottom: 10px; }



.mobile .article_style_2 .article_title { font-size: 14px; line-height: 1.4em; height: 2.8em; }



.mobile .article_style_2 .article_style_2_content { display: flex; }



.mobile .article_style_2 .article_style_2_content p { margin-bottom: 0px; }



.mobile .article_style_2 .article_style_2_content div:first-child { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; flex-shrink: 0; flex-grow: 0; }



.mobile .article_style_2 .article_style_2_content div:last-child { margin-left: 10px; display: flex; flex-direction: column; justify-content: space-between; }



.mobile .article_style_2.col-xs-12 { height: 77px; }



.mobile .article_style_2.col-xs-12 .article_style_2_content { height: 100%; border-bottom: 1px dashed rgb(227, 227, 227); }



.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child { height: 65px; width: 30%; text-align: center; float: left; }



.mobile .article_style_2.col-xs-12 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 65px; object-fit: cover; }



.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child { height: 65px; line-height: 14px; }



.mobile .article_style_2.col-xs-12 .article_style_2_content div:last-child .article_date { width: 100%; }



.mobile .article_style_2.col-xs-6 { height: 33px; }



.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child { height: 28px; width: 30%; text-align: center; float: left; }



.mobile .article_style_2.col-xs-6 .article_style_2_content div:first-child img { max-width: 100%; max-height: 100%; height: 28px; }



.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child { float: right; width: 69%; }



.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_title { width: 100%; font-size: 12px; margin-bottom: 0px; }



.mobile .article_style_2.col-xs-6 .article_style_2_content div:last-child .article_date { width: 100%; font-size: 12px; margin-bottom: 0px; display: none; }



.mobile .article_style_3 { margin-bottom: 10px; }



.mobile .article_style_3 .article_title { font-size: 14px; line-height: 1.4em; height: 2.8em; }



.mobile .article_style_3 .article_style_3_content div:first-child { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.mobile .article_style_3.col-xs-12 { height: 70px; }



.mobile .article_style_3.col-xs-12 .article_style_3_content { border-bottom: 1px dashed rgb(227, 227, 227); height: 100%; }



.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child { width: 30%; height: 65px; text-align: center; float: left; }



.mobile .article_style_3.col-xs-12 .article_style_3_content div:first-child img { max-width: 100%; max-height: 65px; height: 65px; }



.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child { float: right; width: 69%; }



.mobile .article_style_3.col-xs-12 .article_style_3_content div:last-child .article_date { width: 100%; }



.mobile .article_style_3.col-xs-6 { height: 33px; }



.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child { height: 28px; width: 30%; text-align: center; float: left; }



.mobile .article_style_3.col-xs-6 .article_style_3_content div:first-child img { max-width: 100%; max-height: 28px; height: 28px; }



.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child { float: right; width: 69%; }



.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_title { width: 100%; font-size: 12px; margin-bottom: 0px; }



.mobile .article_style_3.col-xs-6 .article_style_3_content div:last-child .article_date { width: 100%; font-size: 12px; margin-bottom: 0px; display: none; }



.mobile .article_style_4 .article_title { font-size: 14px; }



.mobile .article_style_4 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: 35px; margin-top: 2px; }



.mobile .article_style_4 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.mobile .article_style_4 .article_date { float: right; width: 35%; text-align: right; }



.mobile .article_style_5 { margin-bottom: 10px; }



.mobile .article_style_5 .article_style_5_content { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; margin-top: 2px; height: 95px; }



.mobile .article_style_5 .article_style_5_content .article_date { float: left; width: 80px; min-width: 80px; max-width: 80px; height: 80px; text-align: center; background: rgb(242, 242, 242); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.mobile .article_style_5 .article_style_5_content .article_date .article_ss { font-size: 22px; color: rgb(102, 102, 102); display: block; margin-top: 15px; }



.mobile .article_style_5 .article_style_5_content .article_date .article_yy { font-size: 12px; color: rgb(156, 141, 141); display: inline-block; height: 20px; line-height: 20px; }



.mobile .article_style_5 .article_style_5_content .article_date .article_xiegang { display: inline-block; }



.mobile .article_style_5 .article_style_5_content div:last-child { float: left; }



.mobile .article_style_5 .article_style_5_content div:last-child .article_title { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }



.mobile .article_style_5 .article_style_5_content div:last-child .article_abstract { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.mobile .article_style_5 .article_style_5_content div:last-child .article_xiegang { display: inline-block; }



.mobile .article_style_5.col-xs-12 { height: 110px; }



.mobile .article_style_5.col-xs-12 .article_style_5_content div:last-child { float: right; width: 65%; }



.mobile .article_style_5.col-xs-6 { height: 50px; }



.mobile .article_style_5.col-xs-6 .article_style_5_content { height: 55px; }



.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date { float: left; width: 20%; min-width: 40px; max-width: 40px; height: 40px; }



.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_xiegang { display: none; }



.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_ss { margin-top: 4px; }



.mobile .article_style_5.col-xs-6 .article_style_5_content .article_date .article_yy { display: none; }



.mobile .article_style_5.col-xs-6 .article_style_5_content div:last-child { float: right; width: 65%; }



.mobile .article_style_6 { margin-bottom: 10px; border-bottom: 1px dashed rgb(227, 227, 227); }



.mobile .article_style_6 .right { float: right; }



.mobile .article_style_6 .left { float: left; }



.mobile .article_style_6 .article_style_6_content .article_date { width: auto; }



.mobile .article_style_6 .article_style_6_content .article_title { -webkit-line-clamp: 1; overflow: hidden; line-height: 1.4em; max-height: 1.4em; height: 1.4em; }



.mobile .article_style_6 .article_style_6_content .img-content { width: 162px; height: 117px; border: 1px solid rgb(221, 221, 221); text-align: center; }



.mobile .article_style_6 .article_style_6_content .img-content img { width: 100%; height: 100%; }



.mobile .article_style_6 .article_style_6_content .font-content { width: 60%; }



.mobile .article_style_6.col-xs-6 .img-content { width: 102px; height: 77px; border: 1px solid rgb(221, 221, 221); text-align: center; }



.mobile .article_style_6.col-xs-6 .img-content img { width: 100%; height: 100%; }



.mobile .article_style_6.col-xs-6 .font-content { width: 50%; }



.mobile .article_style_7 .article_date { width: auto; }



.mobile .article_style_7 .article_date { display: block; }



.mobile .article_style_7 .timezone { width: 4px; height: 120px; background: rgb(204, 204, 204); margin: 8px auto 0px 75px; border-radius: 3px; position: relative; animation: 2s linear 0s 1 normal none running heightSlide; }



@-webkit-keyframes heightSlide { 

  0% { height: 0px; }

  100% { height: 120px; }

}



.mobile .article_style_7 .timezone .time, .mobile .article_style_7 .timezone .timeLeft { position: absolute; margin-left: -7px; margin-top: -10px; width: 20px; height: 20px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, 0.5); background: rgb(186, 186, 186); transition: 0.5s; animation: auto ease 0s 1 normal none running showIn; }



.mobile .article_style_7 .timezone .time:nth-child(1) { animation-duration: 1s; }



.mobile .article_style_7 .timezone .timeLeft:nth-child(2) { animation-duration: 1.5s; }



.mobile .article_style_7 .timezone .time:nth-child(3) { animation-duration: 2s; }



.mobile .article_style_7 .timezone .timeLeft:nth-child(4) { animation-duration: 2.5s; }



@-webkit-keyframes showIn { 

  0%, 70% { opacity: 0; }

  100% { opacity: 1; }

}



.mobile .article_style_7 .timezone .time h2, .mobile .article_style_7 .timezone .timeLeft h2 { position: absolute; margin-left: -75px; margin-top: 3px; color: rgb(238, 238, 238); font-size: 14px; cursor: pointer; animation: 3s ease 0s 1 normal none running showIn; }



.mobile .article_style_7 .timezone .timeLeft h2 { margin-left: 60px; width: 100px; }



.mobile .article_style_7 .timezone .time:hover, .mobile .article_style_7 .timezone .timeLeft:hover { border: 4px solid rgb(173, 216, 230); background: rgb(255, 250, 205); box-shadow: rgba(255, 255, 255, 0.4) 0px 0px 2px 2px; }



.mobile .article_style_7 .timezone .time div, .mobile .article_style_7 .timezone .timeLeft div { position: absolute; top: 50%; margin-top: -9px; padding: 5px; left: 20px; width: 180px; height: 80px; border: 1px solid rgb(204, 204, 204); border-radius: 10px; z-index: 2; overflow: hidden; cursor: pointer; animation: 3s ease 0s 1 normal none running showIn; transition: 0.5s; }



.mobile .article_style_7.col-xs-6 .article_date { display: none; }



.mobile .article_style_7.col-xs-6 .timezone { margin-left: 10px; }



.mobile .article_style_7.col-xs-6 .timezone .time h2 { margin-left: -45px; }



.mobile .article_style_7.col-xs-6 .timezone .time div, .mobile .article_style_7.col-xs-6 .timezone .timeLeft div { width: 80px; }



.mobile .article_style_8 .article_title { font-size: 14px; }



.mobile .article_style_8 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: auto; margin-top: 2px; }



.mobile .article_style_8 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.mobile .article_style_8 .article_date { float: right; width: 35%; text-align: right; }



.mobile .article_style_8 .article_abstract { width: 100%; font-size: 14px; height: 1.4em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }



.mobile .article_style_9 .article_title { font-size: 14px; }



.mobile .article_style_9 div { border-bottom: 1px dashed rgb(227, 227, 227); padding: 8px 0px; height: auto; margin-top: 2px; }



.mobile .article_style_9 .article_title { font-size: 14px; width: 63%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; }



.mobile .article_style_9 .article_date { float: right; width: 35%; text-align: right; }



.mobile .article_style_9 .article_abstract { width: 100%; font-size: 14px; display: block !important; }



.mobile .article_style_10 { padding: 0px 5px; }



.mobile .article_style_10 .article_title { font-size: 14px; line-height: 1.4em; height: 2.8em; }



.mobile .article_style_10 .article_style_10_content { display: flex; margin: 6px; padding: 16px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.mobile .article_style_10 .article_style_10_content div:first-child { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); border-radius: 4px; width: 128px; height: 72px; max-width: 128px; max-height: 72px; min-width: 128px; min-height: 72px; }



.mobile .article_style_10 .article_style_10_content div:first-child img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; }



.mobile .article_style_10 .article_style_10_content div:last-child { margin-left: 12px; display: flex; flex-direction: column; justify-content: space-between; }



.mobile .article_style_10 .article_style_10_content div:last-child .article_date { width: 100%; margin-bottom: 0px; }



.mobile .article_style_10.col-xs-12 .article_style_10_content { height: 100%; }



.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child { width: 30%; text-align: center; }



.mobile .article_style_10.col-xs-12 .article_style_10_content div:first-child img { object-fit: cover; }



.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child { width: 69%; }



.mobile .article_style_10.col-xs-12 .article_style_10_content div:last-child .article_date { width: 100%; }



.mobile .article_style_10.col-xs-6 .article_style_10_content div:first-child { text-align: center; width: 64px; height: 36px; max-width: 64px; max-height: 72px; min-width: 36px; min-height: 36px; }



.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child { width: 69%; }



.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_title { width: 100%; font-size: 12px; margin-bottom: 0px; }



.mobile .article_style_10.col-xs-6 .article_style_10_content div:last-child .article_date { width: 100%; font-size: 12px; margin-bottom: 0px; display: none; }



.mobile .article_style_11 { padding: 0px 15px; }



.mobile .article_style_11 .article-content { border-bottom: 1px solid rgb(239, 239, 239); display: flex; padding: 20px 0px; }



.mobile .article_style_11 .article-content .content-left { height: 90px; }



.mobile .article_style_11 .article-content .content-left img { width: 100%; height: 100%; }



.mobile .article_style_11 .article-content .content-body { flex: 1 1 0%; padding-left: 20px; position: relative; }



.mobile .article_style_11 .article-content .content-body .title-wrap { -webkit-line-clamp: 2; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; line-height: 24px; }



.mobile .article_style_11 .article-content .content-body .title-wrap .tag-mobile { border-radius: 2px; margin-right: 3px; padding: 0px 8px; height: 24px; line-height: 24px; text-align: center; background: rgba(0, 132, 255, 0.1); font-size: 13px; float: left; }



.mobile .article_style_11 .article-content .content-body .title-wrap .article-title { margin-bottom: 0px; }



.mobile .article_style_11 .article-content .content-body .article-abs { display: none; }



.mobile .article_style_11 .article-content .content-body .article-tag { font-size: 12px; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; position: absolute; bottom: 0px; }



.mobile .article_style_11 .article-content .content-body .article-tag > * { display: inline; }



.mobile .article_style_11 .article-content .content-body .article-tag .date { margin-right: 5px; }



.mobile .article_style_11 .article-content .content-body .article-tag .tag-pc { display: none; }



.mobile .article_style_11 .article-content .content-body .article-tag .view { color: rgb(170, 170, 170); }



.mobile .article_style_11 .article-content .content-body .article-tag .view .text { display: none; }



.map-component .gw-browse-component { display: table; }



.map-component .gw-browse-component .gw-browse-component-content { width: 100%; height: 100%; background-color: rgb(101, 171, 208); display: table-cell; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); border-radius: 6px; cursor: pointer; font-family: 微软雅黑; font-size: 16px; }



.map-component .BMapLabel { max-width: inherit; color: rgb(51, 51, 51); }



.goods-component .row { margin: 0px; }



.goods-component .gw-browse-component { min-height: 26px; }



.goods-component .pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.goods-component .pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.goods-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; font-size: 18px; }



.goods-component .gw-browse-component-content a { margin-bottom: 10px; display: block; }



.goods-component .gw-browse-component-content .goods_title { font-size: 16px; color: rgb(51, 51, 51); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; height: 2.8em; width: 100%; }



.goods-component .gw-browse-component-content .goods_abstract { font-size: 14px; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.4em; max-height: 4.2em; height: 4.2em; }



.goods-component .gw-browse-component-content .goods_date { font-size: 14px; color: rgb(102, 102, 102); width: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.goods-component .gw-browse-component-content .goods_price { font-size: 14px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; height: 1.6em; }



.goods-component .gw-browse-component-content .hover-img-box { position: relative; }



.goods-component .gw-browse-component-content .hover-img-box:hover .hover_bgcolor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.goods-component .gw-browse-component-content .hover-img-box img { transition: 0.5s; }



.goods-component .gw-browse-component-content .flex-img { display: flex; align-items: center; justify-content: center; }



.goods-component .gw-browse-component-content .img-contain { height: auto; max-height: none; width: 100%; }



.goods-component .gw-browse-component-content .img-cover { height: 100%; width: 100%; }



.goods-component .gw-browse-component-content .img-norepeat { width: auto; height: auto; }



.goods-component .gw-browse-component-content .goods_item_block { margin: 10px auto; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.goods-component .gw-browse-component-content .goods_item_block .right-cont { padding-right: 5px; }



.goods-component .gw-browse-component-content .goods_item_block .bottom-cont { padding: 10px; }



.goods-component .gw-browse-component-content .goods_item_radius { border-radius: 4px; }



.goods-component .gw-browse-component-content .goods_item_radius.goods_style_4_content div:first-child { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }



.goods-component .gw-browse-component-content .goods_item_radius .goods_img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }



.goods-component .gw-browse-component-content .goods_flex_between { display: flex; height: 100%; }



.goods-component .gw-browse-component-content .goods_flex_between div.right-cont { display: flex; flex-wrap: wrap; align-content: space-between; padding: 5px; }



.goods-component .gw-browse-component-content .goods_image_noborder.goods_img, .goods-component .gw-browse-component-content .goods_image_noborder.left-cont { border: 0px !important; }



.pc .goods_style_1 .goods_title { margin-top: 16px; text-align: center; }



.pc .goods_style_1 .goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; }



.pc .goods_style_1.col-xs-12 .goods_img { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .goods_style_1.col-xs-12 .goods_img img { max-width: 100%; max-height: 100%; height: 500px; }



.pc .goods_style_1.col-xs-6 .goods_img { height: 427px; border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .goods_style_1.col-xs-6 .goods_img img { max-width: 100%; max-height: 425px; height: 425px; }



.pc .goods_style_1.col-xs-4 .goods_img { height: 270px; border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .goods_style_1.col-xs-4 .goods_img img { max-width: 100%; max-height: 270px; height: 270px; }



.pc .goods_style_1.col-xs-3 .goods_img { height: 197px; border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .goods_style_1.col-xs-3 .goods_img img { max-width: 100%; max-height: 197px; height: 197px; }



.pc .goods_style_2 { margin-bottom: 10px; }



.pc .goods_style_2 p { margin: 0px; }



.pc .goods_style_2 .goods_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 2.8em; }



.pc .goods_style_2 .goods_style_2_content div:first-child { float: left; width: 30%; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; text-align: center; background: rgb(255, 255, 255); overflow: hidden; }



.pc .goods_style_2 .goods_style_2_content div:last-child { float: right; width: 69%; }



.pc .goods_style_2 .goods_style_2_content div:last-child .goods_date { width: 100%; }



.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child { height: 180px; }



.pc .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img { max-width: 100%; max-height: 180px; height: 180px; }



.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child { border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; height: 124px; }



.pc .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img { max-width: 100%; max-height: 124px; height: 124px; }



.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child { height: 81px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .goods_style_2.col-xs-4 .goods_style_2_content div:first-child img { max-width: 100%; max-height: 81px; height: 81px; }



.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child { height: 60px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .goods_style_2.col-xs-3 .goods_style_2_content div:first-child img { max-width: 100%; max-height: 60px; height: 60px; }



.pc .goods_style_5 .space-10 { height: 10px; }



.pc .goods_style_5 .item-content { border: 1px solid rgb(238, 238, 238); position: relative; margin-bottom: 30px; overflow: hidden; background-color: rgb(255, 255, 255); transition: box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }



.pc .goods_style_5 .item-content:hover { transform: translateY(-5px); }



.pc .goods_style_5 .item-content.goods_item_radius { border-radius: 4px; }



.pc .goods_style_5 .img-box { text-align: center; background-color: rgb(255, 255, 255); overflow: hidden; transition: 0.3s; position: relative; height: 0px; padding-bottom: 50%; }



.pc .goods_style_5 .img-box:hover { opacity: 0.8; }



.pc .goods_style_5 .img-box:hover .hover_bgcolor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.pc .goods_style_5 .img-box img { max-width: 100%; backface-visibility: hidden; }



.pc .goods_style_5 .content-box .author_avt { display: block; position: relative; margin-top: -15px; width: 100px; height: 36px; }



.pc .goods_style_5 .content-box .author_avt .avatar { background-image: url("/assets/visual-editor/images/touxiang.png"); background-size: 30px 30px; width: 30px; height: 30px; position: absolute; border-radius: 50%; top: 0px; right: 0px; left: 0px; margin: auto; z-index: 1; }



.pc .goods_style_5 .content-box .author_avt::after { content: ""; position: absolute; background-image: url("/assets/visual-editor/images/1.svg"); width: 100%; height: 100%; background-size: 100px 30px; top: -2px; }



.pc .goods_style_5 .content-box .label-group { display: flex; margin-bottom: 5px; padding: 0px 10px; min-height: 17px; }



.pc .goods_style_5 .content-box .label-group .dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; }



.pc .goods_style_5 .content-box .label-group li { display: flex; align-items: center; margin-right: 8px; }



.pc .goods_style_5 .content-box .label-group li:hover { opacity: 0.8; }



.pc .goods_style_5 .content-box .label-group li span { color: rgb(170, 170, 170); font-size: 12px; }



.pc .goods_style_5 .content-box .label-group .first.dot { background-color: rgb(253, 114, 31); }



.pc .goods_style_5 .content-box .label-group .second.dot { background-color: rgb(76, 175, 80); }



.pc .goods_style_5 .content-box .label-group .third.dot { background-color: rgb(33, 150, 243); }



.pc .goods_style_5 .content-box .goods-title { color: rgb(52, 73, 94); transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 10px; margin-bottom: 10px; }



.pc .goods_style_5 .content-box .goods-title:hover { opacity: 0.8; }



.pc .goods_style_5 .content-box .abstract { padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; line-height: 1.4; }



.pc .goods_style_5 .content-box .goods-price { padding: 0px 10px; }



.pc .goods_style_5 .content-box .goods-price .market_price { text-decoration: line-through; color: rgb(153, 153, 153); font-size: 12px; }



.pc .goods_style_5 .content-box .goods-price span { display: inline-block; }



.pc .goods_style_5 .content-box .goods-footer { margin-top: 10px; color: rgb(180, 180, 180); font-size: 12px; border-top: 1px solid rgb(235, 238, 245); }



.pc .goods_style_5 .content-box .goods-footer ul { display: flex; margin: 5px 10px; padding: 5px 0px; }



.pc .goods_style_5 .content-box .goods-footer ul .date { flex: 1 1 0px; color: rgb(85, 85, 85); }



.pc .goods_style_5 .content-box .goods-footer ul .comment { padding-left: 8px; }



.mobile .goods_abstract { display: none !important; }



.mobile .goods_style_1 { padding: 0px 5px; }



.mobile .goods_style_1 p { margin: 0px; }



.mobile .goods_style_1 .goods_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; padding: 10px; display: block; }



.mobile .goods_style_1 .goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.mobile .goods_style_1 .goods_abstract { font-size: 14px; color: rgb(102, 102, 102); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; height: auto; }



.mobile .goods_style_1.col-xs-12 .goods_img { height: 198px; }



.mobile .goods_style_1.col-xs-12 .goods_img img { max-width: 100%; max-height: 195px; height: 195px; }



.mobile .goods_style_1.col-xs-6 .goods_img { height: 110px; }



.mobile .goods_style_1.col-xs-6 .goods_img img { max-width: 100%; max-height: 110px; height: 110px; }



.mobile .goods_style_2 { padding: 0px 5px; margin-bottom: 10px; }



.mobile .goods_style_2 p { margin: 0px; }



.mobile .goods_style_2 .goods_title { font-size: 14px; line-height: 1.4em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.mobile .goods_style_2 .goods_style_2_content div:first-child { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.mobile .goods_style_2.col-xs-12 { height: 76px; }



.mobile .goods_style_2.col-xs-12 .goods_style_2_content { height: 100%; border-bottom: 1px dashed rgb(227, 227, 227); display: flex; }



.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child { height: 72px; width: 30%; text-align: center; float: left; }



.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:first-child img { max-width: 100%; height: 100%; }



.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child { float: right; width: 69%; margin-left: 10px; }



.mobile .goods_style_2.col-xs-12 .goods_style_2_content div:last-child .goods_price { width: 100%; }



.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child { height: 28px; width: 30%; text-align: center; float: left; }



.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:first-child img { max-width: 100%; max-height: 28px; height: 28px; }



.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child { float: right; width: 69%; }



.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_title { width: 100%; font-size: 12px; margin-bottom: 0px; }



.mobile .goods_style_2.col-xs-6 .goods_style_2_content div:last-child .goods_price { width: 100%; font-size: 12px; margin-bottom: 0px; display: none; }



.mobile .goods_style_8 { padding: 0px 10px; }



.mobile .goods_style_8 .space-10 { height: 10px; }



.mobile .goods_style_8 .item-content { border: 1px solid rgb(238, 238, 238); position: relative; margin-bottom: 15px; overflow: hidden; background-color: rgb(255, 255, 255); transition: box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }



.mobile .goods_style_8 .item-content:hover { transform: translateY(-5px); }



.mobile .goods_style_8 .item-content.goods_item_radius { border-radius: 4px; }



.mobile .goods_style_8 .img-box { text-align: center; background-color: rgb(255, 255, 255); overflow: hidden; transition: 0.3s; position: relative; height: 0px; padding-bottom: 50%; }



.mobile .goods_style_8 .img-box:hover { opacity: 0.8; }



.mobile .goods_style_8 .img-box:hover .hover_bgcolor { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.mobile .goods_style_8 .img-box img { max-width: 100%; backface-visibility: hidden; }



.mobile .goods_style_8 .content-box .author_avt { display: block; position: relative; margin-top: -15px; width: 100px; height: 36px; }



.mobile .goods_style_8 .content-box .author_avt .avatar { background-image: url("/assets/visual-editor/images/touxiang.png"); background-size: 30px 30px; width: 30px; height: 30px; position: absolute; border-radius: 50%; top: 0px; right: 0px; left: 0px; margin: auto; z-index: 1; }



.mobile .goods_style_8 .content-box .author_avt::after { content: ""; position: absolute; background-image: url("/assets/visual-editor/images/1.svg"); width: 100%; height: 100%; background-size: 100px 30px; top: -2px; }



.mobile .goods_style_8 .content-box .label-group { display: flex; margin-bottom: 5px; padding: 0px 10px; min-height: 17px; }



.mobile .goods_style_8 .content-box .label-group .dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; }



.mobile .goods_style_8 .content-box .label-group li { display: flex; align-items: center; margin-right: 8px; }



.mobile .goods_style_8 .content-box .label-group li:hover { opacity: 0.8; }



.mobile .goods_style_8 .content-box .label-group li span { color: rgb(170, 170, 170); font-size: 12px; }



.mobile .goods_style_8 .content-box .label-group .first.dot { background-color: rgb(253, 114, 31); }



.mobile .goods_style_8 .content-box .label-group .second.dot { background-color: rgb(76, 175, 80); }



.mobile .goods_style_8 .content-box .label-group .third.dot { background-color: rgb(33, 150, 243); }



.mobile .goods_style_8 .content-box .goods-title { color: rgb(52, 73, 94); transition: 0.3s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px 10px; margin-bottom: 10px; }



.mobile .goods_style_8 .content-box .goods-title:hover { opacity: 0.8; }



.mobile .goods_style_8 .content-box .abstract { padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; line-height: 1.4; }



.mobile .goods_style_8 .content-box .goods-price { padding: 0px 10px; }



.mobile .goods_style_8 .content-box .goods-price .market_price { text-decoration: line-through; color: rgb(153, 153, 153); font-size: 12px; }



.mobile .goods_style_8 .content-box .goods-price span { display: inline-block; }



.mobile .goods_style_8 .content-box .goods-footer { margin-top: 10px; color: rgb(180, 180, 180); font-size: 12px; border-top: 1px solid rgb(235, 238, 245); }



.mobile .goods_style_8 .content-box .goods-footer ul { display: flex; margin: 5px 10px; padding: 5px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.mobile .goods_style_8 .content-box .goods-footer ul .date { flex: 1 1 0px; color: rgb(85, 85, 85); }



.mobile .goods_style_8 .content-box .goods-footer ul .comment { padding-left: 8px; }



.icon-component .iconbrowse { vertical-align: -0.15em; fill: currentcolor; overflow: hidden; }



.shop_goods-component .row { margin: 0px; }



.shop_goods-component .gw-browse-component { min-height: 26px; }



.shop_goods-component .pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.shop_goods-component .pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.shop_goods-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; font-size: 18px; padding-top: 10px; }



.shop_goods-component .gw-browse-component-content a { display: block; }



.shop_goods-component .gw-browse-component-content .shop_goods_title { font-size: 16px; color: rgb(51, 51, 51); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.shop_goods-component .gw-browse-component-content .shop_goods_abstract { font-size: 14px; color: rgb(102, 102, 102); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.4em; max-height: 4.2em; }



.shop_goods-component .gw-browse-component-content .shop_goods_date { font-size: 14px; color: rgb(102, 102, 102); width: 25px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.shop_goods-component .gw-browse-component-content .shop_goods_price { font-size: 16px; color: red; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; }



.shop_goods-component .gw-browse-component-content .shop_goods_price .market_price { color: rgb(153, 153, 153); font-size: 12px; margin-left: 5px; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_block { margin: 10px auto; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_block .right-cont { padding-right: 5px; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_block .bottom-cont { padding: 10px; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_radius { border-radius: 4px; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_radius.shop_goods_style_4_content div:first-child { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }



.shop_goods-component .gw-browse-component-content .shop_goods_item_radius .goods_img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }



.shop_goods-component .gw-browse-component-content .shop_goods_flex_between { display: flex; height: 100%; }



.shop_goods-component .gw-browse-component-content .shop_goods_flex_between div.right-cont { display: flex; flex-wrap: wrap; align-content: space-between; padding: 5px; }



.shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.goods_img, .shop_goods-component .gw-browse-component-content .shop_goods_image_noborder.left-cont { border: 0px !important; }



.shop_goods-component .gw-browse-component-content .two-rows { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.shop_goods-component .gw-browse-component-content .one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.pc .shop_goods_style_4 { margin-bottom: 10px; height: 100%; }



.pc .shop_goods_style_4 .goods_title { -webkit-line-clamp: 2; overflow: hidden; line-height: 1.4em; max-height: 2.8em; height: 1.8em; }



.pc .shop_goods_style_4 .market_price { color: rgb(153, 153, 153); font-size: 12px; text-decoration: line-through; line-height: 30px; }



.pc .shop_goods_style_4 .shop_goods_buy_btn { height: 30px; border-radius: 3px; text-align: center; line-height: 30px; font-size: 14px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); margin-left: 15px; position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 60px !important; }



.pc .shop_goods_style_4 .price_btn_cont { float: left; width: 100%; position: relative; padding-left: 5%; }



.pc .shop_goods_style_4 div.left-cont { float: left; width: 30%; padding-top: 30%; border: 1px solid rgb(221, 221, 221); border-radius: 2px; text-align: center; background: center center / contain no-repeat rgb(255, 255, 255); overflow: hidden; }



.pc .shop_goods_style_4 div.right-cont { float: left; width: 70%; overflow: hidden; }



.pc .shop_goods_style_4 div.right-cont .shop_goods_title { padding-left: 5%; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }



.pc .shop_goods_style_4 div.right-cont .goods_date { width: 100%; }



.pc .shop_goods_style_4.col-xs-12 .shop_goods_style_4_content div:first-child img { max-width: 100%; max-height: 180px; }



.pc .shop_goods_style_4.col-xs-6 .shop_goods_style_4_content div:first-child { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_4.col-xs-4 .shop_goods_style_4_content div:first-child img { max-width: 100%; max-height: 81px; height: 81px; }



.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child { width: 65px; border: 1px solid rgb(221, 221, 221); padding: 2px; border-radius: 2px; }



.pc .shop_goods_style_4.col-xs-3 .shop_goods_style_4_content div:first-child img { max-width: 100%; max-height: 60px; height: 60px; }



.pc .shop_goods_style_6 .goods_img { text-align: center; background-color: rgb(255, 255, 255); overflow: hidden; width: 100%; padding-top: 100%; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; }



.pc .shop_goods_style_6 .goods_title { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.pc .shop_goods_style_6 .market_price { color: rgb(153, 153, 153); font-size: 12px; margin-left: 10px; text-decoration: line-through; line-height: 30px; }



.pc .shop_goods_style_6 .shop_goods_buy_btn { height: 30px; border-radius: 3px; display: inline-block; text-align: center; line-height: 30px; font-size: 14px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); overflow: hidden; position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 60px !important; }



.pc .shop_goods_style_6.col-xs-12 .goods_img { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_6.col-xs-12 .goods_img img { max-width: 100%; max-height: 100%; height: 500px; }



.pc .shop_goods_style_6.col-xs-6 .goods_img { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_6.col-xs-6 .goods_img img { max-width: 100%; max-height: 425px; height: 425px; }



.pc .shop_goods_style_6.col-xs-4 .goods_img { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_6.col-xs-4 .goods_img img { max-width: 100%; max-height: 270px; height: 270px; }



.pc .shop_goods_style_6.col-xs-3 .goods_img { border: 1px solid rgb(221, 221, 221); border-radius: 2px; }



.pc .shop_goods_style_6.col-xs-3 .goods_img img { max-width: 100%; max-height: 197px; height: 197px; }



.pc .shop_goods_style_9 .height10 { height: 10px; }



.pc .shop_goods_style_9 .item-content { border: 1px solid rgb(238, 238, 238); position: relative; margin-bottom: 30px; overflow: hidden; background-color: rgb(255, 255, 255); transition: box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }



.pc .shop_goods_style_9 .item-content.noborder { border: none; }



.pc .shop_goods_style_9 .item-content:hover { transform: translateY(-5px); }



.pc .shop_goods_style_9 .item-content .icon { background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 15px; position: absolute; height: 25px; width: 25px; top: 10px; left: 10px; border-radius: 50%; line-height: 25px; text-align: center; z-index: 1; }



.pc .shop_goods_style_9 > a { background-color: rgb(127, 255, 212); border-radius: 4px; }



.pc .shop_goods_style_9 .img-box { text-align: center; background-color: rgb(255, 255, 255); overflow: hidden; display: block; transition: 0.3s; background-repeat: no-repeat; background-size: 100% 100%; }



.pc .shop_goods_style_9 .img-box:hover { opacity: 0.8; }



.pc .shop_goods_style_9 .content-box .author_avt { display: block; position: relative; margin-top: -15px; width: 100px; height: 36px; }



.pc .shop_goods_style_9 .content-box .author_avt .avatar { background-image: url("/assets/visual-editor/images/touxiang.png"); background-size: 30px 30px; width: 30px; height: 30px; position: absolute; border-radius: 50%; top: 0px; right: 0px; left: 0px; margin: auto; z-index: 1; }



.pc .shop_goods_style_9 .content-box .author_avt::after { content: ""; position: absolute; background-image: url("/assets/visual-editor/images/1.svg"); width: 100%; height: 100%; background-size: 100px 30px; top: -2px; }



.pc .shop_goods_style_9 .content-box .label-group { display: flex; margin-bottom: 5px; padding: 0px 10px; min-height: 17px; }



.pc .shop_goods_style_9 .content-box .label-group .dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; }



.pc .shop_goods_style_9 .content-box .label-group li { display: flex; align-items: center; margin-right: 8px; }



.pc .shop_goods_style_9 .content-box .label-group li:hover { opacity: 0.8; }



.pc .shop_goods_style_9 .content-box .label-group li span { color: rgb(170, 170, 170); font-size: 12px; }



.pc .shop_goods_style_9 .content-box .label-group .first.dot { background-color: rgb(253, 114, 31); }



.pc .shop_goods_style_9 .content-box .label-group .second.dot { background-color: rgb(76, 175, 80); }



.pc .shop_goods_style_9 .content-box .label-group .third.dot { background-color: rgb(33, 150, 243); }



.pc .shop_goods_style_9 .content-box .goods-title { color: rgb(52, 73, 94); transition: 0.3s; padding: 0px 10px; margin-bottom: 10px; line-height: 1.4; }



.pc .shop_goods_style_9 .content-box .goods-title:hover { opacity: 0.8; }



.pc .shop_goods_style_9 .content-box .goods-price { padding: 0px 10px; }



.pc .shop_goods_style_9 .content-box .goods-price .market_price { text-decoration: line-through; color: rgb(153, 153, 153); font-size: 12px; }



.pc .shop_goods_style_9 .content-box .goods-footer { margin-top: 10px; color: rgb(180, 180, 180); font-size: 12px; border-top: 1px solid rgb(235, 238, 245); }



.pc .shop_goods_style_9 .content-box .goods-footer ul { display: flex; margin: 5px 10px; padding: 5px 0px; }



.pc .shop_goods_style_9 .content-box .goods-footer ul .date { flex: 1 1 0px; color: rgb(85, 85, 85); }



.pc .shop_goods_style_9 .content-box .goods-footer ul .comment { padding-left: 8px; }



.mobile .shop_goods_abstract { display: none !important; }



.mobile .gw-browse-component-content .shop_goods_item_block { margin: 5px auto; }



.mobile .gw-browse-component-content .shop_goods_item_block .bottom-cont { padding: 0px; }



.mobile .price-info-flex { display: flex; justify-content: space-between; align-items: center; margin: 5px 5px 5px 0px; }



.mobile .price-info-flex .shop_goods_price { margin-bottom: 0px; }



.mobile .shop_goods_style_1 .shop_goods_title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px; display: block; }



.mobile .shop_goods_style_1 .shop_goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border-radius: 2px; }



.mobile .shop_goods_style_1 .shop_goods_buy_btn { width: 50px; height: 25px; border-radius: 3px; text-align: center; line-height: 25px; font-size: 12px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); }



.mobile .shop_goods_style_1 a:hover { color: rgb(153, 153, 153); }



.mobile .shop_goods_style_1.col-xs-6 { width: 48%; background: rgb(255, 255, 255); margin-left: 5px; margin-bottom: 5px; padding-left: 0px; padding-right: 0px; border-radius: 3px; border: 1px solid rgb(221, 221, 221); overflow: hidden; }



.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img { width: 100%; display: table-cell; vertical-align: middle; text-align: center; }



.mobile .shop_goods_style_1.col-xs-6 .shop_goods_img img { width: 100%; max-height: 100%; }



.mobile .shop_goods_style_1.col-xs-6 p { padding-left: 5px; }



.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price { color: red; font-size: 12px; }



.mobile .shop_goods_style_1.col-xs-6 .shop_goods_price .shop_goods_market_price { text-decoration: line-through; font-size: 12px; margin-left: 0px; color: rgb(153, 153, 153); }



.mobile .shop_goods_style_1.col-xs-6 .shop_goods_title { font-size: 12px; margin-top: 5px; }



.mobile .shop_goods_style_2 .shop_goods_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }



.mobile .shop_goods_style_2 .shop_goods_img { text-align: center; background: rgb(255, 255, 255); overflow: hidden; border-radius: 2px; }



.mobile .shop_goods_style_2 .shop_goods_buy_btn { width: 80px; height: 30px; border-radius: 3px; position: absolute; right: 10px; bottom: 10px; text-align: center; line-height: 30px; font-size: 14px; color: rgb(255, 255, 255); background: rgb(255, 0, 54); }



.mobile .shop_goods_style_2 a:hover { color: rgb(153, 153, 153); }



.mobile .shop_goods_style_2.col-xs-12 { margin-bottom: 10px; background: rgb(255, 255, 255); padding-left: 0px !important; padding-right: 0px !important; }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img { width: 320px; height: 320px; display: table-cell; vertical-align: middle; text-align: center; }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_img img { width: 100%; max-height: 100%; vertical-align: middle; }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_title { font-size: 14px; padding-left: 10px; margin-top: 5px; }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price { padding-left: 10px; font-size: 18px; color: red; }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_price .market_price { color: rgb(153, 153, 153); }



.mobile .shop_goods_style_2.col-xs-12 .shop_goods_market_price { text-decoration: line-through; font-size: 14px; margin-left: 5px; color: rgb(153, 153, 153); }



.mobile.mobile-375 .shop_goods_style_2.col-xs-12 .shop_goods_img { width: 375px; height: 375px; }



.mobile .shop_goods_style_3 { position: relative; padding: 10px 5px; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(221, 221, 221); overflow-y: hidden; }



.mobile .shop_goods_style_3 a:hover { color: rgb(153, 153, 153); }



.mobile .shop_goods_style_3 .shop_goods_img { box-sizing: border-box; margin-right: 5px; width: 60px; height: 60px; float: left; overflow: hidden; }



.mobile .shop_goods_style_3 .shop_goods_img img { width: 100%; overflow: hidden; }



.mobile .shop_goods_style_3 .shop_goods_buy_btn { color: rgb(255, 0, 54); font-size: 22px; text-align: center; }



.mobile .shop_goods_style_3 .shop_goods_title { margin-right: 10px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.mobile .shop_goods_style_3 .shop_goods_price { font-size: 14px; }



.mobile .shop_goods_style_3 .shop_goods_price .shop_goods_market_price { text-decoration: line-through; font-size: 12px; margin-left: 0px; color: rgb(153, 153, 153); }



.mobile .shop_goods_style_10 { padding: 0px; border-radius: 4px; }



.mobile .shop_goods_style_10 p { margin-bottom: 0px; }



.mobile .shop_goods_style_10 .item-content { padding: 10px; position: relative; }



.mobile .shop_goods_style_10 .item-content .lock { position: absolute; top: 20px; left: 20px; height: 25px; width: 25px; border-radius: 50%; line-height: 25px; font-size: 15px; text-align: center; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }



.mobile .shop_goods_style_10 .shop_goods_img { margin-right: 20px; float: left; height: 80px; }



.mobile .shop_goods_style_10 .shop_goods_img img { height: 100%; width: 100%; }



.mobile .shop_goods_style_10 .right-cont { height: 80px; }



.mobile .shop_goods_style_10 .right-cont .author-box { display: flex; align-items: center; }



.mobile .shop_goods_style_10 .right-cont .author-box .avatar { border-radius: 50%; width: 15px; height: 15px; margin-right: 8px; }



.mobile .shop_goods_style_10 .right-cont .author-box .name { color: rgb(170, 170, 170); font-size: 12px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.mobile .shop_goods_style_10 .right-cont .style10-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgb(52, 73, 94); line-height: 24px; }



.mobile .shop_goods_style_10 .right-cont .shop_goods_price span:nth-child(2) { text-decoration: line-through; color: rgb(170, 170, 170); font-weight: 400; font-size: 12px; margin-left: 5px; }



.mobile .shop_goods_style_11 { padding: 10px; font-size: 12px; }



.mobile .shop_goods_style_11 .img-wrap { height: 80px; float: left; }



.mobile .shop_goods_style_11 .img-wrap img { width: 100%; height: 100%; }



.mobile .shop_goods_style_11 .content-wrap .title { width: 100%; margin-bottom: 5px; }



.mobile .shop_goods_style_11 .content-wrap .tag-group { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 0px; }



.mobile .shop_goods_style_11 .content-wrap .tag-group .tag { border-radius: 6px; margin-right: 5px; margin-bottom: 5px; padding: 2px 5px; }



.mobile .shop_goods_style_11 .content-wrap .bottom-box { display: flex; align-items: flex-end; justify-content: space-between; }



.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .new-price { margin-bottom: 0px; }



.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .market-price { margin-bottom: 0px; }



.mobile .shop_goods_style_11 .content-wrap .bottom-box .price-wrap .market-price span { text-decoration: line-through; color: rgb(153, 153, 153); }



.mobile .shop_goods_style_11 .content-wrap .bottom-box .buy-button { padding: 5px 10px; line-height: 1; }



.mobile .shop_goods_style_11 .content-wrap .bottom-box .buy-button i { margin-right: 3px; }



.video-component .gw-browse-component { position: relative; }



.video-component .gw-browse-component-content { width: 100%; height: 100%; overflow: hidden; font-family: 微软雅黑; font-size: 18px; font-weight: 400; font-style: normal; text-decoration: none; }



.video-component .gw-browse-component-content:hover .video-browse { transform: scale(1.05); }



.video-component .gw-browse-component-content:hover .video-browse-control-bg { background: rgba(255, 255, 255, 0.5); }



.video-component .gw-browse-component-content:hover .video-browse-control-bg .fa { top: 50%; transform: translate(-50%, -50%); opacity: 1; }



.video-component .gw-browse-component-content .video-browse { transition: 0.6s ease-out; }



.video-component .video-browse-control-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 100px; background: rgba(255, 255, 255, 0.5); cursor: default; text-align: center; transition: 0.6s ease-out; }



.video-component .video-browse-control-bg .fa { font-size: 45px; color: rgb(51, 51, 51); cursor: pointer; position: absolute; top: 0px; left: 50%; transform: translate(-50%, 0px); opacity: 0; transition: 0.6s ease-out; }



.video-component .mwb-video { position: relative; }



.video-component .mwb-video .m-img-box { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.video-component .mwb-video .m-img-box img { width: 100%; height: 100%; object-fit: contain; }



.video-component .mwb-video .mwbv-play-button { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0px 0px -25px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; border: none; }



.video-component .mwb-video .mwbv-play-button .mwbv-icon { font-size: 22px; color: rgb(255, 255, 255); margin-left: 7px; margin-top: 4px; }



@font-face { font-family: iconfont; src: url("/assets/cdn/fonts/font_2919558_yv9r175s21/iconfont.woff2?t=1637660791637") format("woff2"), url("/assets/cdn/fonts/font_2919558_yv9r175s21/iconfont.woff?t=1637660791637") format("woff"), url("/assets/cdn/fonts/font_2919558_yv9r175s21/iconfont.ttf?t=1637660791637") format("truetype"); }



.classified-component .iconfont { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: iconfont !important; }



.classified-component .jz-shuaxin::before { content: ""; }



.classified-component .jz-a-24gl-bag::before { content: ""; }



.classified-component .jz-a-danjiantouchangjiantouyou::before { content: ""; }



.classified-component .gw-browse-component-content { border-color: rgb(204, 204, 204); width: 100%; font-family: 微软雅黑; font-size: 18px; font-weight: 400; font-style: normal; text-decoration: none; }



.classified-component .gw-browse-component-content::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 { float: left; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-title, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-title { padding-left: 10px; line-height: 40px; background: rgb(0, 132, 255); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name { padding: 0px 10px; display: block; height: 100%; background: rgb(238, 238, 238); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box { position: relative; cursor: pointer; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box .arrow-icon, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box .arrow-icon { position: absolute; right: 0px; top: 50%; width: 40px; text-align: center; color: rgb(153, 153, 153); margin-top: -20px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name-box .arrow-icon.active .fa-caret-down, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name-box .arrow-icon.active .fa-caret-down { transform: rotate(-90deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .child-classified-name .arrow-icon, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .child-classified-name .arrow-icon { position: absolute; right: 0px; top: 50%; margin-top: -15px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 .classified-name.all-class, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 .classified-name.all-class { border-top: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); border-image: initial; border-bottom: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list { width: 100%; border-right: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); border-image: initial; border-top: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list li, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list li { line-height: 40px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list li a, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list li a { background: rgb(255, 255, 255); padding: 10px 10px 10px 20px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_1 ul.classified-list .child-classified-list .three-child-classified-list li a, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_3 ul.classified-list .child-classified-list .three-child-classified-list li a { background: rgb(255, 255, 255); padding: 10px 10px 10px 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .classified-title { display: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 .arrow-icon { display: inline-block; transform: rotate(180deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list { padding: 10px 20px 10px 0px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li { display: inline-block; margin: 10px 24px 10px 0px; position: relative; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li a { padding: 5px 24px; display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; background-color: rgb(201, 201, 201); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-list { box-shadow: rgb(238, 236, 236) 2px 1px 9px 0px; border-radius: 4px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content { display: none; position: absolute; left: 0px; z-index: 1; min-width: 100%; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li { position: relative; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down { transform: rotate(90deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .child-classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .three-child-classified-name { border-radius: 0px; padding: 8px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li .child-classified-content .three-child-classified-list { position: absolute; left: 100%; top: 0px; z-index: 1; display: none; margin-left: 5px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li:hover .child-classified-content { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_2 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down { transform: rotate(180deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 { float: left; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .classified-title { display: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 .arrow-icon { display: inline-block; transform: rotate(180deg); position: absolute; right: 10px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list { width: 100%; border: 1px solid rgb(238, 238, 238); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li { position: relative; border-bottom: 1px solid rgb(238, 238, 238); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:last-child { border-bottom: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li a { padding: 5px 24px; display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgb(201, 201, 201); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-list { box-shadow: rgb(238, 236, 236) 2px 1px 9px 0px; border-radius: 4px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content { display: none; position: absolute; left: 100%; top: 0px; z-index: 1; min-width: 100%; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li { position: relative; border-bottom: 1px solid rgb(238, 238, 238); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down { transform: rotate(90deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .child-classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .three-child-classified-name { border-radius: 0px; padding: 8px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li .child-classified-content .three-child-classified-list { position: absolute; left: 100%; top: 0px; z-index: 1; display: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:hover .child-classified-content { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_4 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down { transform: rotate(90deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .classified-title { display: none; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 .arrow-icon { display: inline-block; transform: rotate(180deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list { line-height: 1; text-align: center; border-bottom: 1px solid rgb(132, 132, 132); padding-top: 10px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li { display: inline-block; margin: auto 10px; position: relative; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li.active { border-bottom: 3px solid rgb(0, 0, 0); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li.active .classified-name { font-weight: 700 !important; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li a { padding: 5px 24px; display: block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; background-color: rgb(201, 201, 201); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-list { box-shadow: rgb(238, 236, 236) 2px 1px 9px 0px; border-radius: 4px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content { display: none; position: absolute; left: 0px; z-index: 1; min-width: 100%; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li { position: relative; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li:hover .three-child-classified-list { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content > li:hover .arrow-icon .fa-angle-down { transform: rotate(90deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .child-classified-name, .classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .three-child-classified-name { border-radius: 0px; padding: 8px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li .child-classified-content .three-child-classified-list { position: absolute; left: 100%; top: 0px; z-index: 1; display: none; margin-left: 5px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li:hover .child-classified-content { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_5 ul.classified-list > li:hover .classified-name .arrow-icon .fa-angle-down { transform: rotate(180deg); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list > li { margin-right: 45px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list > li.button_type { text-align: center; margin-right: 20px; margin-bottom: 10px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list > li.active:not(.button_type) { border-bottom: 3px solid rgb(0, 0, 0); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 { position: relative; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header { display: flex; align-items: center; font-size: 16px; padding: 10px 0px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group { display: flex; margin-bottom: 0px; width: 100%; justify-content: space-between; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group > div { display: flex; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li { padding: 0px 10px; border-radius: 15px; line-height: 30px; cursor: pointer; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li.active { background-color: var(--menu_main_color); color: rgb(255, 255, 255); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .change { cursor: pointer; margin-right: 10px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap { padding: 0px 10px 10px; display: none; background-color: rgb(255, 255, 255); position: absolute; top: 50px; right: 0px; width: 100%; max-width: 350px; z-index: 10; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px 0px; border-bottom-left-radius: 8px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap.show { display: block; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list { overflow-y: scroll; max-height: 300px; margin-top: 10px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .classified-name { margin-bottom: 10px; display: inline-block; font-size: 17px; padding: 0px 12px; border-radius: 24px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .classified-name.style7-active { background-color: var(--menu_main_color); color: rgb(255, 255, 255) !important; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list { display: flex; flex-wrap: wrap; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li { padding: 0px 24px; margin: 0px 5px 5px 0px; cursor: pointer; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li a { color: var(--menu_main_color); }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li.active { background-color: var(--menu_main_color) !important; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap ul.classified-list .child-classified-list li.active a { color: rgb(255, 255, 255) !important; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap .bottom-btn { display: flex; justify-content: space-evenly; position: sticky; bottom: 0px; }



.classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap .bottom-btn > a { background-color: var(--menu_main_color); line-height: 40px; border-radius: 25px; font-size: 18px; text-align: center; width: 40%; display: block; color: rgb(255, 255, 255); }



.classified-component .gw-browse-component-content .list-content { display: flex; flex-wrap: wrap; }



.classified-component .gw-browse-component-content .list-content.list-content-style_1 { margin-left: 150px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_2 { margin-left: 0px; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container { border: 1px solid rgb(238, 238, 238); border-radius: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p { margin: 10px 8px; padding-left: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_4 .child-container p.title { width: auto; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 { margin-left: 0px; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container { margin-left: 2.6%; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:nth-of-type(4n+1) { margin-left: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content { position: relative; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .img-content .img-mask { display: none; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box { padding: 10px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box { display: flex; justify-content: space-between; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: rgb(102, 102, 102); }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:first-child { width: 70%; text-align: left; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .title-box span:last-child { width: 30%; text-align: right; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container .info-box .abs { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; width: 100%; padding-left: 0px; text-align: left; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover { background-color: rgb(242, 242, 242); box-shadow: rgb(238, 238, 238) 5px 3px 4px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; flex-direction: column; align-items: flex-start; padding: 20px; overflow: hidden; border-top-right-radius: 4px; border-top-left-radius: 4px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p { font-size: 14px; color: rgb(255, 255, 255); text-align: left; padding-left: 0px; max-height: 60px; margin: 5px auto; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask p:nth-child(2) { font-size: 18px; max-height: 75px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_5 .child-container:hover .img-content .img-mask label { margin-top: 10px; padding: 2px 3px; color: rgb(255, 255, 255); font-size: 12px; border-radius: 2px; background-color: rgb(208, 173, 120); font-weight: 400; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 { justify-content: space-between; display: grid; grid-template-columns: repeat(4, 1fr); justify-items: center; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-button-prev::after { display: none; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-button-next::after { display: none; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-btn { opacity: 1; transition: 0.5s ease-out; width: 54px; height: 54px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 25.5px 4.5px; font-size: 24px; color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .swiper-btn:hover { background-color: var(--theme-classified-style1-color1); color: rgb(255, 255, 255); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container { display: flex; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container .wrapper { padding: 0px 10px; width: 25%; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container .wrapper > a { display: block; width: 100%; transition: 0.4s ease-out; margin-top: 10px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6.swiper-container:hover .swiper-btn { opacity: 1; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container { margin-left: 0px; width: 94%; box-shadow: none; border-radius: 0px; position: relative; transition: 0.4s ease-out; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container p { padding-left: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box { position: absolute; top: 15px; left: 15px; z-index: 1; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box > div { background-color: rgb(246, 246, 246); border-radius: 50%; width: 40px; height: 40px; font-size: 16px; color: rgb(15, 15, 15); text-align: center; transition: 0.3s ease-out; opacity: 0; visibility: hidden; display: inline-block; line-height: 40px; transform: scale(0); cursor: pointer; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .action-box > div:hover { color: rgb(255, 255, 255); background-color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .label-group { position: absolute; top: 15px; right: 15px; z-index: 2; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .label-group li { color: rgb(255, 255, 255); border-radius: 5px; font-size: 12px; font-weight: 500; padding: 0px 5px; line-height: 20px; height: 20px; margin-bottom: 5px; background-color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .duration { position: absolute; right: 6px; bottom: 6px; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 12px; border-radius: 4px; padding: 2px 4px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content { position: relative; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: 0.3s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content:hover::before { background-color: rgba(255, 255, 255, 0.2); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion { transition: 0.3s; padding-top: 0px; overflow: hidden; height: 0px; position: relative; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion .duration, .classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion .play-icon { z-index: 1; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .img-content-proportion img:not(.play-icon) { transition: 0.3s; width: 100%; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box { margin-bottom: 15px; padding: 0px 15px; position: relative; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box { position: absolute; display: flex; align-items: flex-end; top: -70px; color: rgb(143, 152, 168); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time { margin-right: 30px; width: 60px; height: 60px; background-color: var(--theme-classified-style1-color1); border-radius: 3px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex-direction: column; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:first-child { font-size: 20px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view { margin-right: 20px; font-size: 15px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view i { color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view span { color: rgba(38, 31, 31, 0.58); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title.one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title.two-row { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .title:hover { color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .info-box .abs { padding: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; margin-top: 8px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .prices .old-price { text-decoration: line-through; color: rgba(38, 31, 31, 0.58); font-size: 15px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more { display: flex; align-items: center; color: var(--theme-classified-style1-color1); cursor: pointer; margin-top: 10px; position: relative; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more span { font-size: 16px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .content-box .see-more i { margin-left: 8px; transition: 0.2s linear; line-height: 24px; font-size: 24px; color: var(--theme-classified-style1-color1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box { padding: 0px 15px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; transition: 0.4s ease-out; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn { background-color: rgb(246, 245, 244); border-radius: 50px; color: rgb(15, 15, 15); font-weight: 600; padding: 13px 55px 13px 25px; position: relative; line-height: 24px; z-index: 1; overflow: hidden; transition: 0.4s ease-out; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn::before { content: ""; width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; background-color: rgb(255, 255, 255); border-radius: 50%; line-height: 40px; color: rgb(15, 15, 15); font-size: 16px; background-image: url("/assets/visual-editor/images/bag.png"); background-size: 50%; background-repeat: no-repeat; background-position: center center; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn::after { content: ""; border-radius: 50px; position: absolute; transition: 0.4s cubic-bezier(0.5, 0.24, 0, 1); height: 100%; width: 0px; top: 0px; z-index: -1; background-color: var(--theme-classified-style1-color1); left: auto; right: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn:hover { color: rgb(255, 255, 255) !important; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .add-btn:hover::after { width: 100%; left: 0px; right: auto; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .quick-view { border-bottom-width: 1px; border-bottom-style: solid; transition: 0.3s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container .footer-box .quick-view:hover { color: var(--theme-classified-style1-color1) !important; border-color: var(--theme-classified-style1-color1) !important; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover { z-index: 3; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .action-box > div { opacity: 1; visibility: visible; transform: scale(1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .see-more i { margin-left: 25px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_6 .child-container:hover .img-content-proportion img:not(.play-icon) { transform: scale(1.1); }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 { display: block; column-gap: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container-wrap { break-inside: avoid; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .hover_title_color { transition: color 0.3s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container { display: block; margin-bottom: 0px; float: none; width: auto; margin-left: 0px; break-inside: avoid; transition: 0.2s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title { margin-bottom: 0px; text-align: left; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title.one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .title-box .title.two-row { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap { position: relative; height: 0px; transition: 0.3s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap::before { content: ""; transition: 0.1s linear; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap:hover::before { background-color: rgba(255, 255, 255, 0.2); }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-hidden { overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style { overflow: hidden; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style img:not(.play-icon) { position: absolute; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap img { width: 100%; height: auto; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .duration { position: absolute; right: 6px; bottom: 6px; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 12px; border-radius: 4px; padding: 2px 4px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .img-wrap .title-box { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 10px 10px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box { padding: 0px 10px 1px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .abs { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: left; padding-left: 0px; margin: 4px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .abs:has(~ script):not(:has(~ :not(script))), .classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .abs:nth-last-child(1) { margin: 8px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 8px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices { font-size: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices span { font-size: 12px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .old-price { text-decoration: line-through; color: rgb(155, 155, 155); font-size: 12px; margin-left: 5px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips { color: rgb(255, 255, 255); font-size: 12px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 0px 4px 0px 2px; margin-left: 5px; position: relative; display: inline-block; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips::before { content: ""; position: absolute; width: 8px; height: 8px; bottom: -4px; left: -4px; transform: rotate(45deg); border-style: solid; border-width: 4px; border-left-color: inherit; border-top-color: inherit; border-bottom-color: transparent; border-right-color: transparent; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .price-content .buy-button { border-radius: 100px; padding: 0px 10px; transition: 0.3s; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .title-box { margin: 8px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .title-box p { padding-left: 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .label-content { display: flex; flex-wrap: wrap; padding: 8px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .label-content li { text-align: center; padding: 0px 8px; margin-right: 5px; float: left; line-height: 1.4; margin-bottom: 5px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box { display: flex; color: rgb(187, 187, 187); font-size: 12px; padding: 8px 0px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box .view { margin-right: 7px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .info-box .views-box .view i { margin-right: 5px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box { border-top: 1px solid rgba(207, 206, 206, 0.41); display: flex; align-items: center; font-size: 12px; padding: 12px 10px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .avatar { border-radius: 50%; overflow: hidden; width: 24px; height: 24px; margin-right: 10px; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .avatar img { width: 100%; height: 100%; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .nickname { flex: 1 1 0%; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.classified-component .gw-browse-component-content .list-content.list-content-style_7 .child-container .avatar-box .time { color: rgb(187, 187, 187); }



.classified-component .gw-browse-component-content .list-content .child-container { background: rgb(255, 255, 255); margin-left: 2%; margin-bottom: 10px; width: 23%; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 6px; }



.classified-component .gw-browse-component-content .list-content .child-container .img-content { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; }



.classified-component .gw-browse-component-content .list-content .child-container p { margin: 0px; font-size: 13px; padding-left: 5px; text-align: center; }



.classified-component .gw-browse-component-content .list-content .child-container p.title { width: 100%; overflow: hidden; text-overflow: ellipsis; }



.classified-component .gw-browse-component-content .list-content .child-container .text-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }



.classified-component .gw-browse-component-content .list-content .child-container.child-3 { width: 97%; border-radius: 0px; box-shadow: none; border-bottom: 1px dashed rgb(226, 226, 226); }



.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font { display: flex; justify-content: space-between; align-items: center; }



.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .title { font-size: 16px; font-weight: 400; color: rgb(38, 38, 38); line-height: 22px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }



.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .date { text-align: right; max-width: 35%; }



.classified-component .gw-browse-component-content .list-content .child-container.child-3 .font .download { position: absolute; right: 0px; font-size: 12px; color: rgb(91, 170, 244); }



.classified-component .gw-browse-component-content .list-content .text-center { width: 97%; float: left; }



.pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.mobile .classified-component .gw-browse-component-content::after { content: ""; display: block; height: 0px; clear: both; visibility: hidden; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list > li { margin: 7px 5px; display: table; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_2 .classified-list > li .classified-name { padding: 4px 12px; border-radius: 4px; display: table-cell; vertical-align: middle; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 { float: left; width: 100px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li { width: 100%; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-list li a, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-list li a { padding: 4px 8px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name { padding: 0px 10px; display: block; height: 100%; background: rgb(238, 238, 238); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box { position: relative; cursor: pointer; border-bottom: 1px solid rgb(229, 229, 229); border-right: 1px solid rgb(229, 229, 229); }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box .arrow-icon, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box .arrow-icon { position: absolute; right: 0px; top: 50%; width: 20px; margin-top: -15px; text-align: center; color: rgb(153, 153, 153); transform: rotate(0deg); }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .classified-name-box .arrow-icon.active .fa-angle-down, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .classified-name-box .arrow-icon.active .fa-angle-down { transform: rotate(180deg); }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_1 .child-classified-name .arrow-icon, .mobile .classified-component .gw-browse-component-content .classified-list-cont.mobile-classified-style_3 .child-classified-name .arrow-icon { position: absolute; width: 15px; right: 0px; top: 50%; margin-top: -15px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list { width: 100%; overflow-x: scroll; margin-bottom: 0px; white-space: nowrap; display: block; height: 100%; margin-top: 8px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list > li { margin: 0px 20px; display: inline-block; line-height: 30px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_6 ul.classified-list > li.button_type { text-align: center; margin: 0px 10px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 { position: relative; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header { display: flex; justify-content: space-between; align-items: center; font-size: 16px; padding: 10px 0px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group { display: flex; margin-bottom: 0px; width: auto; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li { line-height: 30px; padding: 0px 10px; cursor: pointer; border-radius: 15px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .group li.active { background-color: var(--menu_main_color); color: rgb(255, 255, 255); }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .menu-header .change { cursor: pointer; margin-right: 10px; }



.mobile .classified-component .gw-browse-component-content .classified-list-cont.classified-style_7 .classified-list-wrap { left: 0px; border-bottom-right-radius: 4px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px; max-width: none; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content .gw-dynamic-load-more { font-size: 14px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 { width: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container { background-color: rgb(250, 250, 250); margin: 4px; border-radius: 6px; width: 46%; padding: 0px; display: inline-block; vertical-align: top; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content { width: 100%; height: 142px; border-radius: 6px; display: flex; justify-content: center; align-items: center; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .img-content img { max-width: 100%; max-height: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .title { padding: 0px 6px; margin: 10px auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container .price { color: rgb(255, 80, 87); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_2 .child-container:nth-of-type(2n) { margin-right: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 { margin-left: 100px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container { background-color: rgb(250, 250, 250); margin: 4px; border-radius: 6px; width: 45%; display: inline-block; padding: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content { width: 100%; height: 90px; border-radius: 6px; display: flex; justify-content: center; align-items: center; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .img-content img { max-width: 100%; max-height: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .title { padding: 0px 2px; margin: 4px auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container .price { color: rgb(255, 80, 87); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_1 .child-container:nth-of-type(2n) { margin-right: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 { margin-left: 100px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container { border-bottom: 1px dashed rgb(226, 226, 226); padding: 4px; display: inline-block; width: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_3 .child-container .date { text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 { justify-content: space-between; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 p { margin-bottom: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container { margin-left: 0px; width: 100%; display: inline-block; border-radius: 0px; position: relative; transition: 0.4s ease-out; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.06) 0px 3px 10px 4.5px; vertical-align: top; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container p { padding-left: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .action-box { position: absolute; top: 15px; left: 15px; z-index: 1; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .action-box > div { background-color: var(--theme-classified-style1-color1); border-radius: 50%; width: 40px; height: 40px; font-size: 16px; color: rgb(255, 255, 255); text-align: center; display: inline-block; line-height: 40px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .label-group { position: absolute; top: 15px; right: 15px; z-index: 2; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .label-group li { color: rgb(255, 255, 255); border-radius: 5px; font-size: 12px; font-weight: 500; padding: 0px 5px; line-height: 20px; height: 20px; margin-bottom: 5px; background-color: var(--theme-classified-style1-color1); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .duration { position: absolute; right: 6px; bottom: 6px; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 12px; border-radius: 4px; padding: 2px 4px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content { transition: 0.3s; padding-top: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content-proportion { transition: 0.3s; padding-top: 0px; overflow: hidden; height: 0px; position: relative; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .img-content-proportion img:not(.play-icon) { transition: 0.3s; width: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box { margin-bottom: 15px; padding: 0px 15px; position: relative; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box { position: absolute; display: flex; align-items: flex-end; top: -70px; color: rgb(143, 152, 168); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time { margin-right: 30px; width: 60px; height: 60px; background-color: var(--theme-classified-style1-color1); border-radius: 3px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; flex-direction: column; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:first-child { font-size: 20px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .time p:last-child { font-size: 13px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view { margin-right: 20px; font-size: 15px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .time-box .view i { color: var(--theme-classified-style1-color1); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .title.one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .title.two-row { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: initial; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .info-box .abs { padding: 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; margin-top: 8px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .prices .old-price { text-decoration: line-through; color: rgb(155, 155, 155); font-size: 15px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more { display: flex; align-items: center; color: var(--theme-classified-style1-color1); cursor: pointer; margin-top: 10px; position: relative; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more span { font-size: 16px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .content-box .see-more i { margin-left: 8px; font-size: 24px; line-height: 24px; color: var(--theme-classified-style1-color1); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box { padding: 0px 15px 20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .add-btn { background-color: var(--theme-classified-style1-color1); border-radius: 50px; font-weight: 600; padding: 13px 55px 13px 25px; position: relative; line-height: 24px; z-index: 1; overflow: hidden; color: rgb(255, 255, 255); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .add-btn::before { content: ""; width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; background-color: rgb(255, 255, 255); border-radius: 50%; line-height: 40px; color: rgb(15, 15, 15); font-size: 16px; background-image: url("/assets/visual-editor/images/bag.png"); background-size: 50%; background-repeat: no-repeat; background-position: center center; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6 .child-container .footer-box .quick-view { border-bottom-width: 1px; border-bottom-style: solid; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper { width: 100vw; overflow-x: scroll; white-space: nowrap; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper::-webkit-scrollbar { display: none; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper .child-container { width: 66%; margin-left: 16px; margin-top: 10px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_6.open_swiper .child-container:nth-last-of-type(1) { margin-right: 16px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 { column-gap: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container { display: block; margin-bottom: 0px; break-inside: avoid; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box { margin: 5px 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title { margin-bottom: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title.one-row { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .title-box .title.two-row { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap { position: relative; height: 0px; transition: 0.3s; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-hidden { overflow: hidden; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style { overflow: hidden; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap.img-wrap-style img:not(.play-icon) { position: absolute; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .duration { position: absolute; right: 6px; bottom: 6px; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 12px; border-radius: 4px; padding: 2px 4px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap img { width: 100%; height: auto; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .img-wrap .title-box { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 10px 5px; margin-bottom: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box { padding: 0px 10px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .abs { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding: 8px 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 8px 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices { font-size: 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices span { font-size: 12px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .old-price { text-decoration: line-through; color: rgb(155, 155, 155); font-size: 12px; margin-left: 5px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips { color: rgb(255, 255, 255); font-size: 12px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding: 0px 4px 0px 2px; margin-left: 5px; position: relative; display: inline-block; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .prices .tips::before { content: ""; position: absolute; width: 8px; height: 8px; bottom: -4px; left: -4px; transform: rotate(45deg); border-style: solid; border-width: 4px; border-left-color: inherit; border-top-color: inherit; border-bottom-color: transparent; border-right-color: transparent; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .price-content .buy-button { border-radius: 100px; padding: 0px 10px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .label-content { display: flex; flex-wrap: wrap; padding: 8px 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .label-content li { text-align: center; padding: 0px 8px; margin-right: 5px; float: left; margin-bottom: 5px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box { display: flex; color: rgb(187, 187, 187); font-size: 12px; padding: 8px 0px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box .view { margin-right: 7px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .info-box .views-box .view i { margin-right: 5px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box { border-top: 1px solid rgba(207, 206, 206, 0.41); display: flex; align-items: center; font-size: 12px; padding: 12px 10px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .avatar { border-radius: 50%; overflow: hidden; width: 24px; height: 24px; margin-right: 10px; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .avatar img { width: 100%; height: 100%; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .nickname { flex: 1 1 0%; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.mobile .classified-component .gw-browse-component-content .mobile-list-content.list-content-style_7 .child-container .avatar-box .time { color: rgb(187, 187, 187); }



.mobile .gw-editor-page .classified-component .mobile-list-content.list-content-style_6.open_swiper { width: 375px; }



.mobile .gw-editor-page .classified-component .classified-style_6.classified-list-cont ul.classified-list { width: 375px; }



.search-component .gw-browse-component { border-color: rgb(204, 204, 204); width: 100%; height: 100%; font-family: 微软雅黑; font-size: 18px; font-weight: 400; font-style: normal; text-decoration: none; }



.search-component .gw-browse-component .search-content { padding: 5px; width: 100%; height: 100%; }



.search-component .gw-browse-component .search-content .search-text-box { border-width: 1px 0px 1px 1px; border-style: solid; border-image: initial; background: rgb(255, 255, 255); display: inline-block; vertical-align: top; margin-right: 0px; border-color: rgb(184, 184, 184) transparent rgb(184, 184, 184) rgb(184, 184, 184); overflow: hidden; height: 100%; line-height: 12px; }



.search-component .gw-browse-component .search-content .search-text-box .search-text { width: 100%; font-size: 12px; line-height: 22px; margin-left: 5px; padding: 0px 0px 0px 5px; background: 0px 0px; border: 0px; outline: 0px; appearance: none; height: 100%; }



.search-component .gw-browse-component .search-content .search-text-box .search-text::-webkit-input-placeholder { color: var(--placeholder-color, '#ccc') !important; font-size: var(--placeholder-size, '14px'); }



.search-component .gw-browse-component .search-content .search-text-box .search-text::placeholder { color: var(--placeholder-color, '#ccc') !important; font-size: var(--placeholder-size, '14px'); }



.search-component .gw-browse-component .search-content .search-btn-box { height: 100%; position: relative; }



.search-component .gw-browse-component .search-content .search-submit { height: 100%; width: 100%; opacity: 0; position: absolute; top: 0px; left: 0px; }



.search-component .gw-browse-component .search-content.search-style-1 .search-text-box { width: calc(100% - 105px); }



.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box { margin-left: -5px; display: inline-block; vertical-align: top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid solid solid none; border-left-width: initial; border-left-color: initial; }



.search-component .gw-browse-component .search-content.search-style-1 .search-btn-box .btn { width: 99px; color: rgb(255, 255, 255); font-size: 15px; letter-spacing: 1px; background: rgb(51, 133, 255); outline: medium; border-bottom: 0px; appearance: none; border-radius: 0px; height: 100%; }



.search-component .gw-browse-component .search-content.search-style-2 .search-text-box { width: calc(100% - 55px); }



.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box { margin-left: -5px; display: inline-block; vertical-align: top; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid solid solid none; border-left-width: initial; border-left-color: initial; text-align: center; position: relative; }



.search-component .gw-browse-component .search-content.search-style-2 .search-btn-box i { position: absolute; text-align: center; left: 50%; margin-left: -8px; top: 50%; margin-top: -10px; }



.search-component .gw-browse-component .search-content.search-style-3 .search-text-box { margin-left: -5px; border-left-width: 0px; border-color: rgb(184, 184, 184) rgb(184, 184, 184) rgb(184, 184, 184) transparent; border-right-width: 1px; width: calc(100% - 105px); }



.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box { margin-left: -5px; display: inline-block; vertical-align: top; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid none solid solid; border-right-width: initial; border-right-color: initial; }



.search-component .gw-browse-component .search-content.search-style-3 .search-btn-box .btn { width: 100px; color: rgb(255, 255, 255); font-size: 15px; letter-spacing: 1px; background: rgb(51, 133, 255); outline: medium; border-bottom: 0px; appearance: none; border-radius: 0px; height: 100%; }



.search-component .gw-browse-component .search-content.search-style-4 .search-text-box { margin-left: -5px; border-left-width: 0px; border-color: rgb(184, 184, 184) rgb(184, 184, 184) rgb(184, 184, 184) transparent; border-right-width: 1px; width: calc(100% - 55px); }



.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box { display: inline-block; vertical-align: top; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid none solid solid; border-right-width: initial; border-right-color: initial; text-align: center; position: relative; }



.search-component .gw-browse-component .search-content.search-style-4 .search-btn-box i { position: absolute; text-align: center; left: 50%; margin-left: -8px; top: 50%; margin-top: -10px; }



.attribute-component .row { margin: 0px; }



.attribute-component .gw-browse-component { min-height: 26px; }



.attribute-component .pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.attribute-component .pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.attribute-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; font-size: 18px; }



.attribute-component .gw-browse-component-content a { margin-bottom: 10px; }



.attribute-component .gw-browse-component-content .child-container { background: rgb(255, 255, 255); margin: 10px; width: 23%; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 6px; padding: 20px 25px; position: relative; overflow: hidden; }



.attribute-component .gw-browse-component-content .child-container .img-content { width: 100%; padding-top: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-bottom: 28px; transition: transform 0.7s, -webkit-transform 0.7s; }



.attribute-component .gw-browse-component-content .child-container p { margin: 0px; font-size: 14px; padding-left: 5px; text-align: center; }



.attribute-component .gw-browse-component-content .child-container p.title { width: 100%; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.attribute-component .gw-browse-component-content .child-container .abstract { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }



.attribute-component .gw-browse-component-content .child-container:hover .child-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 .attribute-title { display: none; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 .arrow-icon { display: none; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list { overflow: hidden; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list a { margin: 5px 0px; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li { padding: 5px; display: flex; justify-content: flex-start; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li a { display: block; height: 100%; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.attribute-menu-list > li .attribute-name { margin-right: 5px; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px; max-width: 120px; min-width: 120px; text-align: justify; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list { list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list > li { margin: auto 5px; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .child-attribute-name { padding: 2px 10px; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .attr-input { width: 100px; height: 24px; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list > li .attr-input.number { width: 80px; display: inline-block; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont.attribute-style_1 ul.child-attribute-list > li.value-row.input-number { display: flex; justify-content: flex-start; align-items: center; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont .attribute-submit-btn { margin-left: 20px; }



.attribute-component .gw-browse-component-content .attribute-style_1.attribute-list-cont .attribute-submit-btn .btn { width: 120px; }



.attribute-component .gw-browse-component-content .list-content-style_1.list-content.list-content-style_1 { margin-left: 0px; overflow: hidden; }



.attribute-component .gw-browse-component-content .list-content-style_1.list-content .text-center { width: 100%; float: left; }



.attribute-component .gw-browse-component-content .attribute-style_2 { display: flex; align-items: center; justify-content: space-between; position: relative; }



.attribute-component .gw-browse-component-content .attribute-style_2.attribute-list-panel { border-bottom: 1px solid rgb(210, 214, 220); padding-bottom: 6px; }



.attribute-component .gw-browse-component-content .attribute-style_2 .left-panel { min-width: 150px; font-size: 24px; font-weight: 700; }



.attribute-component .gw-browse-component-content .attribute-style_2 .left-panel a::after { content: ""; width: 24px; height: 4px; background-color: rgb(22, 30, 46); position: absolute; left: 0px; bottom: 0px; }



.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel { display: flex; flex-wrap: wrap; }



.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel .attribute-menu-item { margin: 5px; width: auto; border-radius: 6px; }



.attribute-component .gw-browse-component-content .attribute-style_2 .right-panel .attribute-menu-item:focus { box-shadow: rgba(159, 166, 178, 0.45) 0px 0px 0px 3px; outline: transparent solid 2px; outline-offset: 2px; border-color: rgb(210, 214, 220); }



.attribute-component .gw-browse-component-content .breadcrumb-box { padding-top: 12px; font-size: 14px; }



.attribute-component .gw-browse-component-content .breadcrumb-box .inline-block { display: inline-block; }



.attribute-component .gw-browse-component-content .breadcrumb-box .breadcrumb-item { display: inline-block; padding-left: 4px; }



.attribute-component .gw-browse-component-content .breadcrumb-box .breadcrumb-item::before { color: rgba(16, 24, 32, 0.7); content: ">"; display: inline-block; padding-right: 4px; }



.layui-layer-content .attribute-choose .attribute-list .attr-box { height: auto; max-height: 350px; overflow-y: scroll; }



.layui-layer-content .attribute-choose .attribute-list .attr-box-row { margin-top: 20px; }



.layui-layer-content .attribute-choose .attribute-list .attr-key-box { font-size: 18px; font-weight: 600; color: rgb(38, 38, 38); line-height: 25px; }



.layui-layer-content .attribute-choose .attribute-list .attr-value-box { font-size: 14px; font-weight: 400; color: rgb(0, 0, 0); line-height: 20px; display: flex; justify-content: flex-start; flex-wrap: wrap; }



.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value { margin-right: 20px; }



.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input { width: 100px; }



.layui-layer-content .attribute-choose .attribute-list .attr-value-box .attr-value .attr-input.number { width: 50px; display: inline-block; }



.pc .attribute-component .list-content-style_1.list-content.list-content-style_1 { margin-left: 0px; overflow: hidden; }



.pc .attribute-component .list-content-style_1.list-content .text-center { width: 100%; float: left; }



.pc .attribute-component .list-content-style_2 .flex-between-style { display: flex; flex-wrap: wrap; justify-content: space-between; }



.pc .attribute-component .list-content-style_2 .child-container { width: 49.5%; margin: 0.5% 0px; padding: 0px; border-radius: 0px; display: inline-block; float: none; }



.pc .attribute-component .list-content-style_2 .img-content { padding-top: 60%; margin-bottom: 0px; }



.pc .attribute-component .list-content-style_2 .info-content { position: absolute; width: calc(100% - 20px); bottom: 10px; left: 10px; }



.mobile .attribute-component .attribute-style_2 { display: block; }



.mobile .attribute-component .attribute-style_2 .right-panel .attribute-menu-item { width: 46%; }



.mobile .attribute-component .attribute-style_2 .right-panel .attribute-menu-item__search { width: 100%; margin: 5px; }



.mobile .attribute-component .list-content-style_2 .child-container { width: 100%; padding: 0px; margin: 2% 0px; }



.mobile .attribute-component .list-content-style_2 .child-container .img-content { padding-top: 60%; margin-bottom: 0px; }



.mobile .attribute-component .list-content-style_2 .child-container .info-content { position: absolute; width: calc(100% - 20px); bottom: 10px; left: 10px; }



.scrollNotice-component .gw-browse-component .gw-browse-component-content { width: 100%; height: 100%; }



.scrollNotice-component .gw-browse-component .scrollNotice-container { width: 100%; height: 100%; }



.scrollNotice-component .gw-browse-component .scrollNotice-container a, .scrollNotice-component .gw-browse-component .scrollNotice-container li { padding: 10px 0px; }



.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level { width: 100%; height: 100%; }



.scrollNotice-component .gw-browse-component .scrollNotice-container.direction-level a { padding: 10px; margin: auto 10px; }



.case-component .row { margin: 0px; }



.case-component .gw-browse-component { min-height: 26px; }



.case-component .pagination_yulan li a { color: rgb(153, 153, 153) !important; cursor: move; }



.case-component .pagination_yulan li.active a { background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); }



.case-component .gw-browse-component-content { width: 100%; font-family: 微软雅黑; font-size: 18px; }



.case-component .gw-browse-component-content a { margin-bottom: 10px; }



.case-component .gw-browse-component-content .list-content.list-content-style_1 { margin-left: 0px; overflow: hidden; }



.case-component .gw-browse-component-content .list-content .child-container { transition: border-color var(--case-hover-border-duration,200ms) ease-out; background: rgb(255, 255, 255); margin: 10px; width: 100%; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 6px; position: relative; overflow: hidden; }



.case-component .gw-browse-component-content .list-content .child-container .img-box { padding: 5px; }



.case-component .gw-browse-component-content .list-content .child-container .img-content { transition: transform var(--case-hover-image-duration,300ms) ease-out; width: 100%; padding-top: 100%; background-repeat: no-repeat; background-size: contain; background-position: center center; max-height: 210px; }



.case-component .gw-browse-component-content .list-content .child-container .info-content { padding: 20px 25px; }



.case-component .gw-browse-component-content .list-content .child-container .info-content p { margin: 0px; font-size: 14px; padding-left: 5px; text-align: center; }



.case-component .gw-browse-component-content .list-content .child-container .info-content p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }



.case-component .gw-browse-component-content .list-content .child-container .info-content p.price { height: 18px; }



.case-component .gw-browse-component-content .list-content .child-container .child-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity var(--case-hover-mask-duration,200ms) ease-out; }



.case-component .gw-browse-component-content .list-content .child-container:hover .child-mask { opacity: 1; }



.case-component .gw-browse-component-content .list-content .text-center { width: 100%; float: left; }



.mobile .gw-browse-component-content .list-content .mobile-case-one { padding: 0px 5px; }



.mobile .gw-browse-component-content .list-content .mobile-child-container { margin-bottom: 10px; width: 100%; box-sizing: border-box; box-shadow: rgb(238, 238, 238) -2px 5px 10px; float: left; border-radius: 8px; position: relative; overflow: hidden; }



.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .img-content { width: 100%; height: 160px; background-size: cover; background-repeat: no-repeat; background-position: center center; }



.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content { padding: 15px 8px; background: rgb(255, 255, 255); }



.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p { font-size: 14px; padding-left: 5px; text-align: left; }



.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; }



.mobile .gw-browse-component-content .list-content .mobile-child-container .content-box .info-content p.price { height: 18px; font-size: 16px; }



@media (prefers-reduced-motion: reduce) {

  .case-component .gw-browse-component-content .list-content .child-container, .case-component .gw-browse-component-content .list-content .child-container .child-mask, .case-component .gw-browse-component-content .list-content .child-container .img-content { transition: none; }

}



.marquee-component .gw-browse-component .gw-browse-component-content { width: 100%; height: 100%; }



.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container { width: 100%; height: 100%; }



.marquee-component .gw-browse-component .gw-browse-component-content .marquee-container .marqueen-title { margin-bottom: 0px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.rich-component .gw-browse-component-content { width: 100%; height: 100%; padding: 5px; }



.rich-component .gw-browse-component-content .rich-view { height: 100%; overflow: hidden auto; border: 0px !important; }



.rich-component .gw-browse-component-content .rich-view table { border-top: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); }



.rich-component .gw-browse-component-content .rich-view table td, .rich-component .gw-browse-component-content .rich-view table th { border-bottom: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); padding: 3px 5px; }



.rich-component .gw-browse-component-content .rich-view table th { border-bottom: 2px solid rgb(204, 204, 204); text-align: center; }



.rich-component .gw-browse-component-content .rich-view blockquote { display: block; border-left: 8px solid rgb(208, 229, 242); padding: 5px 10px; margin: 10px 0px; line-height: 1.4; font-size: 100%; background-color: rgb(241, 241, 241); }



.rich-component .gw-browse-component-content .rich-view code { display: inline-block; background-color: rgb(241, 241, 241); border-radius: 3px; padding: 3px 5px; margin: 0px 3px; }



.rich-component .gw-browse-component-content .rich-view pre code { display: block; }



.rich-component .gw-browse-component-content .rich-view ol, .rich-component .gw-browse-component-content .rich-view ul { margin: 10px 0px 10px 20px; }



.formPlus-component .gw-browse-component-content { width: 100%; height: 100%; font-family: 微软雅黑; }



.formPlus-component .gw-formPlus { color: rgb(67, 66, 93); font-size: 16px; height: 100%; }



.formPlus-component .gw-formPlus .fromPlus-content { margin: auto 10px; }



.formPlus-component .gw-formPlus .formPlus-name { font-size: 18px; font-weight: 500; color: rgb(48, 49, 51); padding: 5px; margin-bottom: 8px; text-align: center; }



.formPlus-component .gw-formPlus .formPlus-des { font-size: 14px; margin-bottom: 8px; text-align: center; }



.formPlus-component .gw-formPlus .form-title-box { margin-top: 24px; margin-bottom: 8px; font-size: 16px; font-weight: 500; color: rgb(48, 49, 51); display: flex; justify-content: flex-start; }



.formPlus-component .gw-formPlus .form-title { line-height: 24px; margin-left: 15px; margin-bottom: 0px; }



.formPlus-component .gw-formPlus .require { color: red; }



.formPlus-component .gw-formPlus input, .formPlus-component .gw-formPlus textarea { border-radius: 2px; padding: 0px 10px; border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); }



.formPlus-component .gw-formPlus input:focus, .formPlus-component .gw-formPlus textarea:focus { border-color: rgb(102, 175, 233); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(102, 175, 233, 0.6) 0px 0px 8px; }



.formPlus-component .gw-formPlus textarea { padding: 10px; resize: none; }



.formPlus-component .gw-formPlus .qrcode { margin-left: 12px; width: 100px; height: 36px; }



.formPlus-component .gw-formPlus .btn { max-width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; margin-top: 32px; }



.formPlus-component .gw-formPlus .checkbox-border, .formPlus-component .gw-formPlus .radio-border { border: 1px solid rgb(238, 238, 238); border-radius: 4px; }



.formPlus-component .gw-formPlus .checkbox-border .radio, .formPlus-component .gw-formPlus .radio-border .radio { margin: 0px; border-bottom: 1px solid rgb(238, 238, 238); }



.formPlus-component .gw-formPlus .checkbox-border .radio div, .formPlus-component .gw-formPlus .radio-border .radio div { padding: 6px 20px; }



.formPlus-component .gw-formPlus .checkbox-border .radio:last-child, .formPlus-component .gw-formPlus .radio-border .radio:last-child { border-bottom: 0px; }



.formPlus-component .gw-formPlus .checkbox-border .checkbox, .formPlus-component .gw-formPlus .radio-border .checkbox { margin: 0px; border-bottom: 1px solid rgb(238, 238, 238); }



.formPlus-component .gw-formPlus .checkbox-border .checkbox div, .formPlus-component .gw-formPlus .radio-border .checkbox div { padding: 6px 20px; }



.formPlus-component .gw-formPlus .checkbox-border .checkbox:last-child, .formPlus-component .gw-formPlus .radio-border .checkbox:last-child { border-bottom: 0px; }



.formPlus-component .gw-formPlus .gw-upload-image-box .from-model-upload { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border: 1px solid rgb(204, 204, 204); position: relative; }



.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upload-content { width: 100px; height: 100px; position: relative; border: 1px solid rgb(204, 204, 204); display: none; }



.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del { position: absolute; left: 100%; top: 0px; margin-left: 10px; width: 80px; height: 27px; font-size: 16px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 2px; color: rgb(153, 153, 153); line-height: 26px; text-align: center; }



.formPlus-component .gw-formPlus .gw-upload-image-box .form-upimg-del:hover { border-color: rgb(255, 94, 94); color: rgb(255, 94, 94); }



.formPlus-component .gw-formPlus .gw-upload-image-box .gw-upimg { position: absolute; width: 100%; height: 100%; object-fit: contain; }



.formPlus-component .gw-formPlus .from-input-code { border: 1px solid rgb(220, 220, 220); margin-top: 5px; }



.formPlus-component .gw-formPlus .from-input-code input { display: inline-block; border: none; width: calc(100% - 100px); }



.formPlus-component .gw-formPlus .from-input-code .btn-code { display: inline-block; width: 90px; font-size: 12px; background-color: rgb(255, 255, 255); border-left: 1px solid rgb(220, 220, 220); color: rgb(0, 145, 255); text-align: center; cursor: pointer; }



.formPlus-component .gw-formPlus .from-input-code .btn-code.grey { color: rgb(153, 153, 153); }



.formPlus-component .gw-area { display: flex; justify-content: space-between; }



.formPlus-component .checkbox + .checkbox, .formPlus-component .radio + .radio { margin-top: 0px; }



.formPlus-component .form-scroll { width: 100%; height: 100%; overflow: scroll; }



.formPlus-component .gw-browse-component:first-child > div { height: inherit; }



.formPlus-component .gw-browse-component:first-child > div .forms-box { overflow-y: auto; height: inherit; }



.pc .gw-browse-component-content { font-size: 18px; }



.mobile .formPlus-component .gw-browse-component-content { font-size: 14px; }



.mobile .formPlus-component .gw-browse-component-content .city { padding: 6px 12px; }



.mobile .formPlus-component .gw-browse-component-content .city .filed { padding: 0px 5px; }



.formPlus-component .gw-formPlus-empty-state { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; padding: 20px; border: 1px dashed rgb(215, 220, 227); border-radius: 8px; background: rgb(248, 249, 251); color: rgb(123, 132, 145); text-align: center; font-size: 12px; }



.formPlus-component .gw-formPlus-empty-state strong { color: rgb(80, 89, 103); font-size: 14px; font-weight: 500; }



.formPlus-component .gw-formPlus-empty-state i { color: rgb(125, 157, 199); font-size: 22px; }



.screen-component .gw-browse-component .screen-list-panel { display: flex; align-items: center; justify-content: space-between; position: relative; padding-bottom: 6px; font-size: 14px; }



.screen-component .gw-browse-component .screen-list-panel .screen-box { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 12px 0px; padding: 30px; margin: 5px 10px; width: 100%; }



.screen-component .gw-browse-component .screen-list-panel .screen-content { display: flex; flex-wrap: wrap; align-items: center; width: 100%; }



.screen-component .gw-browse-component .screen-list-panel .screen-content_column { align-items: center; flex-direction: column; text-align: center; }



.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item { margin: 5px; width: auto; border-radius: 6px; max-width: 100%; }



.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item__search .btn { color: rgb(255, 255, 255); background-color: var(--btn-theme-color); border-color: var(--btn-theme-color); cursor: pointer; min-width: 128px; max-width: 278px; width: 100%; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }



.screen-component .gw-browse-component .screen-list-panel .screen-content .screen-menu-item__search .btn:hover { background-color: var(--btn-theme-color); border-color: var(--btn-theme-color); }



.screen-component .gw-browse-component .screen-list-panel .screen-search-panel { margin-top: 30px; }



.screen-component .gw-browse-component .screen-list-panel .table-panel { width: 100%; overflow: auto; }



.screen-component .gw-browse-component .screen-list-panel .search-table { border-collapse: collapse; width: 100%; margin-top: 16px; }



.screen-component .gw-browse-component .screen-list-panel .search-table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: rgb(250, 250, 250); }



.screen-component .gw-browse-component .screen-list-panel .search-table td, .screen-component .gw-browse-component .screen-list-panel .search-table th { border: 1px solid rgb(220, 223, 230); padding: 8px; color: rgb(48, 49, 51); min-width: 100px; max-width: 300px; }



.screen-component .gw-browse-component .screen-list-panel .search-data { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgb(232, 232, 232); border-right: 1px solid rgb(232, 232, 232); }



.screen-component .gw-browse-component .screen-list-panel .search-data .search-item { display: flex; padding-left: 0px; padding-right: 0px; }



.screen-component .gw-browse-component .screen-list-panel .search-data .search-item:nth-last-child(2) { border-bottom: 1px solid rgb(232, 232, 232); }



.screen-component .gw-browse-component .screen-list-panel .search-data .bg-grey, .screen-component .gw-browse-component .screen-list-panel .search-data .bg-white { padding: 10px; display: flex; justify-content: center; align-items: center; border-left: 1px solid rgb(232, 232, 232); border-top: 1px solid rgb(232, 232, 232); }



.screen-component .gw-browse-component .screen-list-panel .search-data .bg-grey { background-color: rgb(250, 250, 250); }



.screen-component .gw-browse-component .screen-list-panel .search-data .bg-white { background-color: rgb(255, 255, 255); }



.screen-component .gw-browse-component .screen-list-panel .flex { display: flex; align-items: center; justify-content: center; }



.screen-component .gw-browse-component .screen-list-panel .pagition-panel { margin: 10px auto; }



.screen-component .gw-browse-component .screen-list-panel .empty-panel { text-align: center; width: 100%; font-size: 24px; color: rgb(153, 153, 153); }



.screen-component .gw-browse-component .screen-list-panel .empty-panel img { width: 240px; height: 240px; }



.screen-component .mr-t-10 { margin-top: 10px; }



.screen-component .width-100 { width: 100%; }



.mobile .screen-component .gw-browse-component .screen-list-panel .screen-box { padding: 16px; }



.mobile .screen-component .gw-browse-component .screen-list-panel .search-table td, .mobile .screen-component .gw-browse-component .screen-list-panel .search-table th { min-width: auto; word-break: break-all; vertical-align: middle; white-space: normal; }



:root { --theme-special-style1-color1: #7142D3; }



.special_list-component .gw-special-component { width: calc(100% - 12px); height: auto; margin: 24px 5px; position: relative !important; }



.special_list-component .inline-block { display: inline-block; }



.special_list-component .m-style a:hover { color: rgb(255, 255, 255); }



.special_list-component a:hover { color: inherit; }



.special_list-component .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.special_list-component .ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }



.special_list-component .flex { display: flex; align-items: center; justify-content: center; }



.special_list-component .flex-around { display: flex; justify-content: space-around; align-items: center; }



.special_list-component .flex-between { display: flex; justify-content: space-between; align-items: center; }



.special_list-component .pagition-panel { margin: 10px auto; }



.special_list-component .special-content { font-size: 14px; padding: 0px 35px; }



.special_list-component li, .special_list-component ul { margin: 0px; }



.special_list-component .empty-panel { text-align: center; width: 100%; font-size: 24px; color: rgb(153, 153, 153); }



.special_list-component .empty-panel img { width: 240px; height: 240px; }



.special_list-component .mrg-left-10 { margin-left: 10px; }



.special_list-component .mrg-right-10 { margin-right: 10px; }



.special_list-component .menu-content { background-color: rgb(255, 255, 255); }



.special_list-component .menu-content .menu-item { border-bottom: 1px solid rgb(204, 204, 204); padding: 16px 0px; }



.special_list-component .menu-content .menu-item li, .special_list-component .menu-content .menu-item ul { cursor: pointer; }



.special_list-component .menu-content .menu-item .title { width: 108px; font-size: 18px; font-weight: 600; color: rgb(51, 51, 51); display: inline-block; vertical-align: top; }



.special_list-component .menu-content .menu-item .name-box { display: inline-block; width: calc(100% - 120px); }



.special_list-component .menu-content .menu-item .name { font-size: 14px; color: rgb(102, 102, 102); padding: 4px 10px; margin: 0px 2px 6px; display: inline-block; border-radius: 4px; border: 1px solid rgb(255, 255, 255); }



.special_list-component .menu-content .menu-item .name.active { border-color: var(--theme-special-style1-color1); color: var(--theme-special-style1-color1); }



.special_list-component .menu-content .menu-item .attr-item { display: flex; align-items: center; width: 100%; }



.special_list-component .menu-content .menu-item .attr-item > ul { width: 90%; vertical-align: top; }



.special_list-component .menu-content .btn { background-color: var(--theme-special-style1-color1); color: rgb(255, 255, 255); cursor: pointer; }



.special_list-component .menu-content .attr-name { font-weight: 600; color: rgb(51, 51, 51); }



.special_list-component .special-price-panel .input-control { width: 100px; }



.special_list-component .special-price-panel .price-content { vertical-align: middle; }



.special_list-component .special-price-panel .line-control { display: inline-block; height: 100%; padding: 0px 5px; margin: 0px; text-align: center; line-height: 32px; font-size: 14px; width: 5%; color: var(--theme-special-style1-color1); }



.special_list-component .special-price-panel .btn { background-color: var(--theme-special-style1-color1); color: rgb(255, 255, 255); cursor: pointer; }



.special_list-component .special-sort-panel { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); padding: 20px 0px; display: flex; justify-content: space-between; align-items: center; font-size: 18px; }



.special_list-component .special-sort-panel ul > li { display: inline-block; color: rgb(51, 51, 51); font-weight: 600; padding-right: 64px; cursor: pointer; }



.special_list-component .special-sort-panel .sort { display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }



.special_list-component .special-sort-panel .gw-change-icon { height: 0px; color: rgb(153, 153, 153); cursor: pointer; }



.special_list-component .special-sort-panel .gw-change-icon.active, .special_list-component .special-sort-panel .gw-change-icon:hover { color: var(--theme-special-style1-color1); }



.special_list-component .special-sort-panel .search-input-box input { background-color: rgb(248, 248, 248); color: rgb(170, 170, 170); border: 1px solid rgb(241, 241, 241); line-height: 26px; height: 26px; outline: 0px; padding: 0px 12px; }



.special_list-component .special-sort-panel .search-input-box .btn { letter-spacing: 1px; font-size: 12px; padding: 6px 12px; color: rgb(255, 255, 255); cursor: pointer; border-radius: 4px; background-color: var(--theme-special-style1-color1); text-align: center; line-height: 1; margin-left: 10px; }



.special_list-component .special-list-content { padding: 30px 2px; background-color: rgb(255, 255, 255); display: flex; flex-flow: wrap; }



.special_list-component .special-list-content .list-item { width: 254px; border-radius: 4px; color: rgb(48, 49, 51); font-size: 14px; margin: 15px 6px; display: inline-block; background-color: rgb(255, 255, 255); box-shadow: rgba(153, 153, 153, 0.3) 0px 4px 8px 0px; }



.special_list-component .special-list-content .list-item.list-style { width: 25%; margin: 15px 0px; padding: 0px 10px; box-shadow: none; }



.special_list-component .special-list-content .list-item.list-style:nth-of-type(4n) { margin-right: 0px; padding-right: 0px; }



.special_list-component .special-list-content .list-item.list-style:nth-of-type(4n+1) { margin-left: 0px; padding-left: 0px; }



.special_list-component .special-list-content .list-item.list-style .item { width: 100%; height: 100%; border-radius: 4px; box-shadow: rgba(153, 153, 153, 0.3) 0px 4px 8px 0px; }



.special_list-component .special-list-content .list-item img { height: 170px; width: 100%; object-fit: cover; overflow: hidden; }



.special_list-component .special-list-content .list-item .info { padding: 12px; line-height: 1.2; }



.special_list-component .special-list-content .list-item .info p { height: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.special_list-component .special-list-content .list-item .price { color: rgb(224, 32, 32); font-size: 18px; font-weight: 500; }



.special_list-component .special-list-content .list-item.list-style2 { border-radius: 6px; box-shadow: rgba(153, 153, 153, 0.3) 0px 2px 12px 0px; }



.special_list-component .special-list-content .list-item.list-style2:nth-of-type(4n) { margin-right: 0px; }



.special_list-component .special-list-content .list-item.list-style2:nth-of-type(4n+1) { margin-left: 0px; }



.special_list-component .special-list-content .list-item.list-style2 .img-box { position: relative; }



.special_list-component .special-list-content .list-item.list-style2 .mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 170px; background-color: rgb(205, 205, 206); }



.special_list-component .special-list-content .list-item.list-style2 .mask .play-icon { position: absolute; width: 56px; height: 56px; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.special_list-component .special-list-content .list-item.list-style2 .shop-box .cat-icon { width: 18px; height: 18px; }



.special_list-component .special-menu-3 { padding: 20px; box-shadow: rgba(0, 36, 100, 0.06) 0px 34px 20px -24px; margin: 0px 0px 30px; border: 1px solid rgb(243, 243, 243); border-radius: 4px; background-color: rgb(255, 255, 255); }



.special_list-component .special-menu-3 input { background-color: rgb(248, 248, 248); color: rgb(170, 170, 170); border: 1px solid rgb(241, 241, 241); line-height: 26px; outline: 0px; padding: 0px 12px; }



.special_list-component .special-menu-3 .style3-btn { letter-spacing: 1px; font-size: 12px; padding: 8px 20px; color: rgb(255, 255, 255); cursor: pointer; border-radius: 4px; background-color: var(--theme-special-style1-color1); text-align: center; line-height: 1; margin-left: 20px; }



.special_list-component .special-menu-3 .style3-btn:hover { transition: 0.3s ease-in-out; opacity: 0.8; }



.special_list-component .special-menu-3 .special-sort-panel3 { font-size: 15px; border-top: 1px solid rgb(233, 233, 233); padding-top: 13px; margin-top: 10px; display: flex; justify-content: space-between; align-items: center; }



.special_list-component .special-menu-3 .special-sort-panel3 ul { display: flex; justify-content: flex-end; }



.special_list-component .special-menu-3 .special-sort-panel3 ul li { padding-right: 20px; cursor: pointer; }



.special_list-component .special-menu-3 .special-sort-panel3 ul li i:not(.active) { display: none; }



.special_list-component .special-menu-3 .special-sort-panel3 ul li span { color: grey; }



.special_list-component .special-menu-3 .special-sort-panel3 ul li span.active { color: var(--theme-special-style1-color1); }



.special_list-component .special-menu-3 .filter-item ul { margin-top: 10px; font-size: 15px; }



.special_list-component .special-menu-3 .filter-item ul span { margin-right: 10px; background-color: rgb(238, 238, 238); padding: 2px 6px; border-radius: 4px; color: rgb(123, 134, 149); border: 1px solid transparent; }



.special_list-component .special-menu-3 .filter-item ul li { margin-bottom: 5px; display: inline-block; border: 1px solid transparent; margin-right: 10px; border-radius: 4px; color: grey; padding: 0px 10px; line-height: 24px; cursor: pointer; transition: 0.3s; }



.special_list-component .special-menu-3 .filter-item ul li:hover { border: 1px dashed rgb(206, 206, 206); background-color: rgb(238, 238, 238); color: grey; }



.special_list-component .special-menu-3 .filter-item ul li.active { border: 1px dashed rgb(165, 165, 165); background-color: rgb(238, 238, 238); }



.special_list-component .special-menu-3 .menu-item { border-bottom: none; }



.special_list-component .special-menu-3 .menu-item .tit { color: rgb(123, 134, 149); background-color: rgb(238, 238, 238); border: 1px solid transparent; border-radius: 4px; margin-right: 10px; padding: 0px 6px; line-height: 24px; font-size: 15px; }



.special_list-component .special-menu-3 .special-attrs-panel3 .attr-item { margin-left: 10px; }



.special_list-component .special-menu-3 .special-attrs-panel3 .attr-item .attr-name { color: rgb(102, 102, 102); }



.special_list-component .special-menu-3 .special-attrs-panel3 .menu-item { display: flex; align-items: flex-start; }



.special_list-component .special-menu-3 .special-price-panel3 .menu-item { display: flex; align-items: center; }



.special_list-component .special-menu-3 .special-price-panel3 .line { margin: 0px 10px; }



.special_list-component .special-menu-3 .special-price-panel3 .price-content { display: flex; align-items: center; margin-left: 10px; }



.special_list-component .special-menu-3 .search-box { display: flex; }



.special_list-component .special-list-panel-3.special-list-panel .special-list-content { padding: 0px; display: flex; flex-wrap: wrap; margin: 0px -15px; background-color: transparent; }



.special_list-component .special-list-panel-3.special-list-panel .wrap { width: 20%; padding: 0px 15px; }



.special_list-component .special-list-panel-3.special-list-panel .list-style3 { width: 100%; margin: 0px 0px 30px; border: 1px solid rgb(238, 238, 238); position: relative; overflow: hidden; background-color: rgb(255, 255, 255); box-shadow: none; transition: box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-box-shadow 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }



.special_list-component .special-list-panel-3.special-list-panel .list-style3:hover { transform: translateY(-5px); box-shadow: rgba(136, 161, 206, 0.3) 0px 34px 20px -24px; }



.special_list-component .special-list-panel-3.special-list-panel .list-style3 .icon { background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); font-size: 15px; position: absolute; height: 25px; width: 25px; top: 10px; left: 10px; border-radius: 50%; line-height: 25px; text-align: center; z-index: 1; }



.special_list-component .special-list-panel-3.special-list-panel .list-style3 .first-label-group { position: absolute; right: 15px; top: 15px; z-index: 2; }



.special_list-component .special-list-panel-3.special-list-panel .list-style3 .first-label-group li { color: rgb(255, 255, 255); background-color: var(--theme-special-style1-color1); font-size: 12px; padding: 0px 5px; border-radius: 5px; line-height: 20px; margin-bottom: 5px; }



.special_list-component .special-list-panel-3.special-list-panel .img-box { text-align: center; background-color: rgb(255, 255, 255); overflow: hidden; padding-top: 66%; display: block; transition: 0.3s; background-repeat: no-repeat; background-size: cover; }



.special_list-component .special-list-panel-3.special-list-panel .img-box:hover { opacity: 0.8; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt { display: block; position: relative; margin-top: -15px; width: 100px; height: 36px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt .avatar { background-image: url("/assets/visual-editor/images/touxiang.png"); background-size: 30px 30px; width: 30px; height: 30px; position: absolute; border-radius: 50%; top: 0px; right: 0px; left: 0px; margin: auto; z-index: 1; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .author_avt::after { content: ""; position: absolute; background-image: url("/assets/visual-editor/images/1.svg"); width: 100%; height: 100%; background-size: 100px 30px; top: -2px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group { display: flex; margin-bottom: 5px; padding: 0px 10px; min-height: 17px; line-height: 24px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .dot { width: 6px; height: 6px; border-radius: 50%; margin-right: 5px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li { display: flex; align-items: center; margin-right: 8px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li:hover { opacity: 0.8; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group li span { color: rgb(170, 170, 170); font-size: 12px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .first.dot { background-color: rgb(253, 114, 31); }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .second.dot { background-color: rgb(76, 175, 80); }



.special_list-component .special-list-panel-3.special-list-panel .content-box .label-group .third.dot { background-color: rgb(33, 150, 243); }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-title { color: rgb(52, 73, 94); transition: 0.3s; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 42px; padding: 0px 10px; margin-bottom: 10px; font-weight: 600; font-size: 15px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-title:hover { opacity: 0.8; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price { padding: 0px 10px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price span:nth-child(1) { color: var(--theme-special-style1-color1); font-size: 16px; margin-right: 5px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-price .market_price { text-decoration: line-through; color: rgb(153, 153, 153); font-size: 12px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer { margin-top: 10px; color: rgb(180, 180, 180); font-size: 12px; border-top: 1px solid rgb(235, 238, 245); }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul { display: flex; margin: 5px 10px; padding: 5px 0px; }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul .date { flex: 1 1 0px; color: rgb(85, 85, 85); }



.special_list-component .special-list-panel-3.special-list-panel .content-box .goods-footer ul .comment { padding-left: 8px; }



.special_list-component.gw-editor-component .special-style-4 .special-list-content { padding-top: 0px; }



.special_list-component .special-style-4 .special-menu-panel .menu-item { position: relative; transition: height 0.3s; overflow: hidden; }



.special_list-component .special-style-4 .special-menu-panel .menu-item i { position: absolute; right: 20px; bottom: 10px; font-size: 20px; cursor: pointer; }



.special_list-component .special-style-4 .special-list-panel .list-style4 { width: calc(100% - 12px); box-shadow: none; border-bottom: 1px solid rgb(221, 221, 221); padding: 30px 0px; margin: 0px 6px; border-radius: 0px; }



.special_list-component .special-style-4 .special-list-panel .list-style4:first-child { padding-top: 0px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .img-box { display: inline-block; vertical-align: top; width: 240px; height: 180px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .cur-img { height: 100%; border-radius: 4px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 a { width: 100%; display: block; }



.special_list-component .special-style-4 .special-list-panel .list-style4 a:hover { color: inherit; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-desc-wrapper { width: calc(100% - 280px); display: inline-block; margin-left: 30px; vertical-align: top; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-name { font-weight: 600; color: rgb(51, 51, 51); font-size: 20px; line-height: 1.4; margin-bottom: 20px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs > li { margin-bottom: 6px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs .attrs-img { width: 20px; height: 20px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs span { color: rgb(153, 153, 153); line-height: 1.4; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-attrs .name { color: rgb(153, 153, 153); font-weight: 400; margin-right: 8px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-tag { margin-top: 18px; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-tag > span { display: inline-block; height: 30px; margin-right: 10px; padding: 0px 12px; line-height: 30px; font-size: 12px; color: rgb(132, 154, 174); background: rgba(132, 154, 174, 0.1); }



.special_list-component .special-style-4 .special-list-panel .list-style4 .resblock-info { vertical-align: top; max-width: 80%; }



.special_list-component .special-style-4 .special-list-panel .list-style4 .main-price { color: rgb(254, 97, 90); }



.special_list-component .special-style-4 .special-list-panel .list-style4 .main-price .number { font-size: 28px; font-weight: 500; vertical-align: bottom; }



.special_list-component .special-menu .select-control { margin: 5px 0px; display: inline-block; color: rgb(133, 147, 169); height: 38px; }



.special_list-component .special-menu .select-control:focus { border-color: var(--theme-special-style1-color1); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset, rgba(0, 0, 0, 0.1) 0px 0px 8px; }



.special_list-component .special-menu .com-control { width: 100%; margin: 5px 0px; display: inline-block; }



.special_list-component .special-menu .com-control:focus { border-color: var(--theme-special-style1-color1); }



.special_list-component .special-menu .irs--big { height: 30px; }



.special_list-component .special-menu .irs--big .irs-from, .special_list-component .special-menu .irs--big .irs-max, .special_list-component .special-menu .irs--big .irs-min, .special_list-component .special-menu .irs--big .irs-single, .special_list-component .special-menu .irs--big .irs-to { display: none; }



.special_list-component .special-menu .irs--big .red { visibility: hidden; }



.special_list-component .special-menu .irs--big .irs-line { top: 0px; height: 5px; }



.special_list-component .special-menu .irs--big .irs-handle { width: 17px; height: 17px; top: -5px; }



.special_list-component .special-menu .irs--big .irs-bar { height: 5px; top: 0px; background: var(--theme-special-style1-color1); border-color: var(--theme-special-style1-color1); box-shadow: none; }



.special_list-component .special-menu .special-price-panel .btn:hover { background-color: rgb(255, 255, 255); border-color: var(--theme-special-style1-color1); color: var(--theme-special-style1-color1); outline: 0px; }



.special_list-component .special-sort-panel.cu-card { margin: 20px 15px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; padding: 10px 15px; border-bottom: none; }



.special_list-component .special-sort-panel.cu-card .filter_menu_trigger { position: relative; color: rgb(133, 147, 169); }



.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu { background-color: rgb(255, 255, 255); color: rgb(133, 147, 169); border-color: rgb(240, 240, 240); border-radius: 0px; margin-left: -15px; padding-top: 0px; text-align: center; }



.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu > li { border-bottom: 1px solid rgb(240, 240, 240); padding: 13px; line-height: 1.3em; width: 100%; }



.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu > li:last-child { border-bottom: none; }



.special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu > li.active, .special_list-component .special-sort-panel.cu-card .filter_menu_trigger .filter-menu > li:hover { background-color: var(--theme-special-style1-color1); color: rgb(255, 255, 255); }



.special_list-component .title_prop { margin-bottom: 0px; color: rgb(133, 147, 169); margin-left: 10px; font-size: 16px; }



.special_list-component .special-list-content.list-content-5 { background-color: transparent; padding: 0px 0px 15px; display: flex; flex-flow: wrap; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper { margin-bottom: 30px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item { width: 100%; height: 100%; margin: 15px 0px; max-width: 525px; transition: 0.3s ease-out; position: relative; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item:hover { transform: translate(0px, -10px); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item:hover .img-box img { opacity: 0.8; transform: scale(1.1); }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box { position: relative; height: 190px; overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box img { width: 100%; height: 100%; object-fit: cover; transition: 0.7s; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .img-box .property_mask { width: 100%; left: 0px; bottom: 0px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.4); position: absolute; opacity: 0.9; padding: 4px 13px; pointer-events: auto; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-desc-wrapper { padding: 0px 13px; float: initial; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-name { font-size: 20px; margin-top: 15px; margin-bottom: 0px; float: left; width: 100%; line-height: 1.4; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-price { position: relative; margin-top: 5px; line-height: 30px; font-weight: 700; height: 21px; font-size: 15px; float: left; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-abs { margin: 10px 0px 0px; line-height: 1.65em; float: left; width: 100%; word-break: break-word; color: rgb(92, 114, 125); font-size: 13px; max-height: 38px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper { position: relative; color: rgb(51, 51, 51); width: 100%; float: left; margin-top: 5px; margin-bottom: 30px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs { height: 20px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs > li { display: flex; align-items: center; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs span { color: rgb(92, 114, 125); }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .resblock-info-wrapper .resblock-attrs .attrs-img { width: 20px; height: 20px; margin-right: 4px; border-radius: 4px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer { position: absolute; bottom: 0px; left: 13px; right: 13px; border-top: 1px solid rgb(238, 243, 246); padding: 13px 0px; color: rgb(180, 180, 180); }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .icon { margin-left: 8px; border: 1px solid rgb(238, 243, 246); border-radius: 2px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-info { float: left; max-width: 50%; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-info .img { width: 24px; height: 24px; border-radius: 4px; }



.special_list-component .special-list-content.list-content-5 .listing_wrapper .list-item .list-footer .footer-views { float: right; }



.special_list-component .special-style-5 { padding: 0px; }



.special_list-component .list-content-6 .listing_wrapper:nth-child(4n) { padding-left: 0px; }



.special_list-component .list-content-6 .listing_wrapper:nth-child(4n+1) { padding-right: 0px; }



.pc .special-list-panel .col-xs-12.listing_wrapper { margin-bottom: 0px; }



.pc .special-list-panel .col-xs-12.listing_wrapper .list-item { height: 200px; display: flex; flex-direction: row; max-width: 100%; }



.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .img-box { width: 320px; height: 100%; }



.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .img-box img { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }



.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .list-footer { margin-left: 320px; }



.pc .special-list-panel .col-xs-12.listing_wrapper .list-item .resblock-desc-wrapper { padding: 0px 0px 13px 13px; width: calc(100% - 333px); }



.mobile .special_list-component .special-content { font-size: 14px; padding: 0px 15px; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel { position: relative; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel { width: 100%; height: 35px; padding: 0px 0px 10px; border-bottom: 1px solid rgb(204, 204, 204); overflow: scroll hidden; white-space: nowrap; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title { margin: 0px 5px; cursor: pointer; border-bottom: 2px solid transparent; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title.active { color: var(--theme-special-style1-color1); border-color: var(--theme-special-style1-color1); }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title:first-child { margin-left: 0px; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu_panel .title:last-child { margin-right: 0px; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name-box { width: 100%; padding: 10px 0px; border-bottom: 1px solid rgb(204, 204, 204); }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name { margin: 5px; text-align: center; width: 21%; font-size: 12px; cursor: pointer; background-color: rgb(240, 240, 240); border-radius: 24px; color: rgb(51, 51, 51); padding: 4px 12px; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name.active { background-color: var(--theme-special-style1-color1); color: rgb(255, 255, 255); }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name:nth-child(4n) { margin-right: 0px; }



.mobile .special_list-component .special_mobile_style_1 .mobile-special-menu-panel .menu-list_panel .name:nth-child(4n+1) { margin-left: 0px; }



.mobile .special_list-component .special_mobile_style_1 .special-search-panel { width: 100%; padding: 10px 0px; border-bottom: none; }



.mobile .special_list-component .special_mobile_style_1 .special-search-panel .input-group { width: inherit; }



.mobile .special_list-component .special_mobile_style_1 .special-sort-panel { font-size: 14px; padding: 8px 0px; }



.mobile .special_list-component .special_mobile_style_1 .special-sort-panel ul { width: 100%; }



.mobile .special_list-component .special_mobile_style_1 .special-sort-panel li { width: 49%; text-align: center; padding-right: 0px; }



.mobile .special_list-component .special_mobile_style_1 .special-price-panel { border-bottom: 1px solid rgb(204, 204, 204); }



.mobile .special_list-component .special_mobile_style_1 .special-list-content { padding: 10px 0px; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item { width: 100%; border-bottom: 1px solid rgb(238, 238, 238); box-shadow: none; margin: 0px; padding: 7px 0px; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item img { height: 70px; object-fit: cover; border-radius: 8px; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .img-box { width: 30%; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .info { padding: 0px 0px 0px 7px; width: 69%; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item .info p { height: 34px; }



.mobile .special_list-component .special_mobile_style_1 .special-list-content .list-item.list-style2 .mask { height: 70px; border-radius: 8px; }



.mobile .special_list-component .special_mobile_style_2 { padding: 0px; background-color: rgb(245, 245, 245); margin: 0px; }



.mobile .special_list-component .special_mobile_style_2 p { margin-bottom: 0px; }



.mobile .special_list-component .special_mobile_style_2 .special-list-content { margin: 20px 10px 0px; box-shadow: rgba(0, 36, 100, 0.06) 0px 34px 20px -24px; border: 1px solid rgb(243, 243, 243); border-radius: 4px; padding: 0px; background-color: transparent; display: flex; flex-direction: column; }



.mobile .special_list-component .special_mobile_style_2 .special-list-content > a { width: 100%; }



.mobile .special_list-component .special_mobile_style_2 .special-list-content > a:nth-last-of-type(1) .item-content { margin-bottom: 0px; }



.mobile .special_list-component .special_mobile_style_2 .pagition-panel { margin-top: 30px; }



.mobile .special_list-component .special_mobile_style_2 .pagition-panel .load-more { background-color: var(--pagination-theme-color); text-align: center; padding: 8px 15px; color: rgb(255, 255, 255); border-radius: 4px; min-width: 220px; margin-bottom: 20px; }



.mobile .special_list-component .special_mobile_style_2 .item-content { padding: 10px; position: relative; margin-bottom: 10px; border-radius: 4px; background-color: rgb(255, 255, 255); }



.mobile .special_list-component .special_mobile_style_2 .item-content .lock { position: absolute; top: 20px; left: 20px; height: 25px; width: 25px; border-radius: 50%; line-height: 25px; font-size: 15px; text-align: center; background-color: rgba(0, 0, 0, 0.4); color: rgb(255, 255, 255); }



.mobile .special_list-component .special_mobile_style_2 .shop_goods_img { float: left; min-width: 120px; width: 120px; margin-right: 20px; height: 80px; }



.mobile .special_list-component .special_mobile_style_2 .shop_goods_img img { height: 100%; width: 100%; }



.mobile .special_list-component .special_mobile_style_2 .right-cont { height: 80px; }



.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box { display: flex; align-items: center; }



.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box .avatar { border-radius: 50%; width: 15px; height: 15px; margin-right: 8px; }



.mobile .special_list-component .special_mobile_style_2 .right-cont .author-box .name { color: rgb(170, 170, 170); font-size: 12px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.mobile .special_list-component .special_mobile_style_2 .right-cont .style2-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: rgb(52, 73, 94); line-height: 24px; }



.mobile .special_list-component .special_mobile_style_2 .right-cont .shop_goods_price span:nth-child(1) { color: var(--theme-special-style1-color1); font-size: 16px; font-weight: 600; }



.mobile .special_list-component .special-filter-panel { padding: 10px; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 36, 100, 0.06) 0px 34px 20px -24px; border: 1px solid rgb(243, 243, 243); margin: 0px 10px; }



.mobile .special_list-component .special-filter-panel .filter-item { margin-top: 10px; }



.mobile .special_list-component .special-filter-panel .filter-item .tit { color: rgb(123, 134, 149); background-color: rgb(238, 238, 238); border: 1px solid transparent; border-radius: 4px; margin-right: 10px; padding: 2px 6px; line-height: 24px; font-size: 15px; margin-bottom: 10px; }



.mobile .special_list-component .special-filter-panel .filter-item .filter-tag { display: flex; flex-wrap: wrap; }



.mobile .special_list-component .special-filter-panel .filter-item .filter-tag li { transition: 0.3s; font-size: 13px; padding: 0px 5px; color: grey; margin-right: 5px; margin-bottom: 5px; border-radius: 4px; cursor: pointer; line-height: 20px; border: 1px solid transparent; }



.mobile .special_list-component .special-filter-panel .filter-item .filter-tag li.active { background-color: rgb(238, 238, 238); border: 1px dashed rgb(206, 206, 206); }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item { display: block; }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item .attr-name { font-weight: 400; color: rgb(123, 134, 149); background-color: rgb(238, 238, 238); border: 1px solid transparent; border-radius: 4px; margin-right: 10px; padding: 2px 6px; line-height: 24px; font-size: 15px; margin-bottom: 10px; }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item > ul { width: auto; }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item > ul .name { border-radius: 4px; color: grey; font-size: 13px; transition: 0.3s; padding: 0px 5px; margin-right: 5px; margin-bottom: 5px; line-height: 20px; }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .attr-item > ul .name.active { background-color: rgb(238, 238, 238); border: 1px dashed rgb(206, 206, 206); }



.mobile .special_list-component .special-filter-panel .special-attrs-panel2 .menu-item .name-box { width: 100%; }



.mobile .special_list-component .bottom-box { padding-top: 13px; margin-top: 10px; border-top: 1px solid rgb(233, 233, 233); }



.mobile .special_list-component .bottom-box ul { display: flex; }



.mobile .special_list-component .bottom-box ul li { margin: 10px 5px 10px 0px; font-size: 13px; color: grey; line-height: 24px; }



.mobile .special_list-component .bottom-box ul li i:not(.active) { display: none; }



.mobile .special_list-component .bottom-box ul li span.active { color: var(--theme-special-style1-color1); }



.mobile .special_list-component .special_mobile_style_3.special-content { padding: 0px; }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item { display: block; }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item .attr-name { font-weight: 400; color: rgb(123, 134, 149); background-color: rgb(238, 238, 238); border: 1px solid transparent; border-radius: 4px; margin-right: 10px; padding: 2px 6px; line-height: 24px; font-size: 15px; margin-bottom: 10px; }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item > ul { width: auto; }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item > ul .name { border-radius: 4px; color: grey; font-size: 13px; transition: 0.3s; padding: 0px 5px; margin-right: 5px; margin-bottom: 5px; line-height: 20px; }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .attr-item > ul .name.active { background-color: rgb(238, 238, 238); border: 1px dashed rgb(206, 206, 206); }



.mobile .special_list-component .special_mobile_style_3.special-content .special-attrs-panel2 .menu-item .name-box { width: 100%; }



.mobile .special_list-component .special_mobile_style_3.special-content .list-content-5 { padding-top: 10px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper { margin-bottom: 10px; padding: 5px 10px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item { margin: 0px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .img-box { height: 214px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .abs { margin-top: 8px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item .resblock-info-wrapper { margin-bottom: 56px; }



.mobile .special_list-component .special_mobile_style_3.special-content .listing_wrapper .list-item:hover { transform: none; }



.shop_store-component { padding: 10px; }



.shop_store-component .flex-between { display: flex; justify-content: space-between; align-items: center; }



.shop_store-component .bg-white { background-color: rgb(255, 255, 255); }



.shop_store-component .flex { display: flex; }



.shop_store-component .justify-between { justify-content: space-between; }



.shop_store-component .width-80 { width: 80%; }



.shop_store-component .empty-panel { text-align: center; width: 100%; font-size: 24px; color: rgb(153, 153, 153); margin: 20px auto; padding: 10px; }



.shop_store-component .empty-panel img { width: 240px; height: 240px; }



.shop_store-component .box-shadow { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px 0px; }



.shop_store-component .cur-padding { padding: 30px; }



.shop_store-component .select-panel > li:first-child { padding-left: 0px; }



.shop_store-component .select-panel > li:last-child { padding-right: 0px; }



.shop_store-component .select-control { display: inline-block; color: rgb(133, 147, 169); height: 38px; }



.shop_store-component .select-control:focus { border-color: var(--theme-shop-goods-color1); box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px inset, rgba(0, 0, 0, 0.1) 0px 0px 8px; }



.shop_store-component .address-title { font-size: 18px; font-weight: 500; color: rgb(51, 51, 51); line-height: 25px; }



.shop_store-component .sort-panel { margin-top: 20px; }



.shop_store-component .sort-panel .sort-wapper { margin-bottom: 0px; }



.shop_store-component .sort-panel .sort-wapper > li { display: inline-block; margin-right: 20px; cursor: pointer; }



.shop_store-component .sort-panel .sort-wapper > li:last-child { margin-right: 0px; }



.shop_store-component .sort-panel .sort-wapper > li a { color: inherit; }



.shop_store-component .sort-panel .sort-wapper > li i { color: rgb(153, 153, 153); margin-left: 4px; }



.shop_store-component .sort-panel .sort-wapper > li.active { color: var(--theme-shop-goods-color1); }



.shop_store-component .sort-panel .sort-wapper > li.active .fa { color: var(--theme-shop-goods-color1); }



.shop_store-component .num { color: var(--theme-shop-goods-color1); margin: 0px 4px; }



.shop_store-component .list-vertical { width: 254px; border-radius: 4px; color: rgb(48, 49, 51); font-size: 14px; margin: 15px 6px; display: inline-block; background-color: rgb(255, 255, 255); box-shadow: rgba(153, 153, 153, 0.3) 0px 4px 8px 0px; }



.shop_store-component .list-vertical .cur-img { height: 170px; width: 100%; object-fit: cover; overflow: hidden; }



.shop_store-component .list-vertical .info { padding: 12px; line-height: 1.2; }



.shop_store-component .list-vertical .info p { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.shop_store-component .list-vertical .price { color: rgb(224, 32, 32); font-size: 18px; font-weight: 500; }



.shop_store-component .list-vertical .resblock-map { color: var(--theme-shop-goods-color1); }



.shop_store-component .list-horizontal { margin: 24px auto; border-radius: 0px; }



.shop_store-component .list-horizontal .img-box { display: inline-block; vertical-align: top; width: 220px; height: 132px; }



.shop_store-component .list-horizontal .cur-img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; overflow: hidden; }



.shop_store-component .list-horizontal .resblock-desc-wrapper { display: inline-block; margin-left: 15px; vertical-align: top; flex: 1 1 0%; }



.shop_store-component .list-horizontal .resblock-name { font-weight: 600; color: rgb(51, 51, 51); font-size: 24px; line-height: 1.4; margin-bottom: 15px; }



.shop_store-component .list-horizontal .resblock-info { vertical-align: top; max-width: 80%; }



.shop_store-component .list-horizontal .resblock-attrs { margin-bottom: 0px; }



.shop_store-component .list-horizontal .resblock-attrs > li { margin-bottom: 6px; }



.shop_store-component .list-horizontal .resblock-attrs .attrs-img { width: 20px; height: 20px; }



.shop_store-component .list-horizontal .resblock-attrs span { color: rgb(102, 102, 102); line-height: 1.4; }



.shop_store-component .list-horizontal .resblock-attrs .name { color: rgb(51, 51, 51); font-weight: 400; margin-right: 8px; }



.shop_store-component .list-horizontal .resblock-tag { margin-top: 18px; }



.shop_store-component .list-horizontal .resblock-tag > span { display: inline-block; height: 30px; margin-right: 10px; padding: 0px 12px; line-height: 30px; font-size: 12px; color: rgb(132, 154, 174); background: rgba(132, 154, 174, 0.1); }



.shop_store-component .list-horizontal .resblock-map { color: var(--theme-shop-goods-color1); }



.mobile .shop_store-component .cur-padding { padding: 16px 10px; }



.mobile .shop_store-component .visible-xs { display: block !important; }



.mobile .shop_store-component .menu-panel { box-shadow: none; }



.mobile .shop_store-component .select-panel > li { padding: 0px; margin: 5px auto; }



.mobile .shop_store-component .col-xs-12 { width: 100%; }



.mobile .shop_store-component .menu-num { padding-bottom: 0px; }



.mobile .shop_store-component .sort-panel { margin-top: 12px; }



.mobile .shop_store-component .list-content { background: rgb(249, 249, 249); padding: 16px 10px; }



.mobile .shop_store-component .list-horizontal { background: rgb(255, 255, 255); }



.mobile .shop_store-component .list-horizontal .img-box { width: 90px; height: 90px; }



.mobile .shop_store-component .resblock-desc-wrapper { margin-left: 5px; }



.mobile .shop_store-component .resblock-name { font-size: 14px; font-weight: 500; margin-bottom: 5px; }



.mobile .shop_store-component .resblock-attrs { font-size: 12px; }



.mobile .shop_store-component .resblock-attrs .name { margin-right: 0px; }



.mobile .shop_store-component .resblock-info { max-width: 100%; }



.mobile .shop_store-component .address-panel { color: rgb(153, 153, 153); font-size: 12px; margin-top: 8px; }



.general-component .bg-white { background-color: rgb(255, 255, 255); }



.general-component .pd-left-0 { padding-left: 0px; }



.general-component .pd-right-0 { padding-right: 0px; }



.general-component .mr-top-0 { margin-top: 0px; }



.general-component .flex { display: flex; }



.general-component .basis-xs { flex-basis: 20%; }



.general-component .basis-sm { flex-basis: 40%; }



.general-component .basis-df { flex-basis: 50%; }



.general-component .basis-lg { flex-basis: 60%; }



.general-component .basis-xl { flex-basis: 80%; }



.general-component .flex-sub { flex: 1 1 0%; }



.general-component .flex-twice { flex: 2 1 0%; }



.general-component .flex-treble { flex: 3 1 0%; }



.general-component .flex-direction { flex-direction: column; }



.general-component .flex-wrap { flex-wrap: wrap; }



.general-component .align-start { align-items: flex-start; }



.general-component .align-end { align-items: flex-end; }



.general-component .align-center { align-items: center; }



.general-component .align-stretch { align-items: stretch; }



.general-component .self-start { align-self: flex-start; }



.general-component .self-center { }



.general-component .self-end { align-self: flex-end; }



.general-component .self-stretch { align-self: stretch; }



.general-component .align-stretch { align-items: stretch; }



.general-component .justify-start { justify-content: flex-start; }



.general-component .justify-end { justify-content: flex-end; }



.general-component .justify-center { justify-content: center; }



.general-component .justify-between { justify-content: space-between; }



.general-component .justify-around { justify-content: space-around; }



.general-component .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



.general-component .ellipsis-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }



.general-component .ellipsis-3 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }



.general-component .width-100 { width: 100%; }



.general-component .empty-panel { text-align: center; margin: 0px auto; }



.general-component .gw-browse-component-content { width: 100%; height: 100%; }



.general-component .general_components-basic.gw-selected { z-index: 3; border: 1px solid rgb(91, 170, 244); }



.general-component .general-detail { line-height: 1.2; padding: 40px; }



.general-component .general-detail .general-detail-title-panel { display: flex; justify-content: space-between; }



.general-component .general-detail .general-detail-title-panel .title { font-size: 16px; font-weight: 500; color: rgb(48, 49, 51); margin-bottom: 24px; }



.general-component .general-detail .general-detail-title-panel .qrcode { width: 16px; height: 16px; }



.general-component .general-detail .general-detail-content-panel { font-size: 14px; font-weight: 400; color: rgb(48, 49, 51); }



.general-component .general-detail .general-pagition-panel { margin: 0px auto; }



.general-component .gw-editor-general-component { position: relative; }



.general-component .general_components-basic { line-height: 1.2; }



.general-component .general_components-basic .general-detail-list-content.vertical { display: flex; align-items: stretch; flex-wrap: wrap; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-box { transition: 0.3s ease-out; position: relative; margin: 0px 0px 20px; padding: 0px 5px 18px; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-box:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-box.pd-bottom { padding-bottom: 40px; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item { padding: 0px; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .content { width: 100%; padding: 16px 10px 0px; transition: 0.3s ease-out; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .img-box { width: 100%; padding-bottom: calc(56.25%); position: relative; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .item-img { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; position: absolute; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .title { font-size: 14px; color: rgb(48, 49, 51); font-weight: 500; margin: 16px 0px 0px; line-height: 1.3; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .desc { color: rgb(144, 147, 153); margin-bottom: 0px; line-height: 1.4; }



.general-component .general_components-basic .general-detail-list-content.vertical .content-item .price { position: absolute; bottom: 16px; margin-bottom: 0px; }



.general-component .general_components-basic .general-detail-list-content.horizontal .content-item { display: flex; align-items: center; margin-bottom: 20px; padding: 12px; }



.general-component .general_components-basic .general-detail-list-content.horizontal .content-item:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; }



.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .item-img { width: 40px; height: 40px; border-radius: 8px; margin-right: 10px; object-fit: cover; }



.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .title { font-size: 14px; color: rgb(48, 49, 51); margin-bottom: 0px; }



.general-component .general_components-basic .general-detail-list-content.horizontal .content-item .desc { color: rgb(144, 147, 153); margin-bottom: 0px; }



.mobile .general-detail { padding: 10px; }



.mobile .gw-editor-page .col-xs-12 { width: 100%; }



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

  .general-component .general-detail { padding: 10px; }

}



.cases-content_1 { display: grid; gap: 0px; grid-template-columns: repeat(2, 50%); background-color: rgba(255, 255, 255, 0); }



.cases-content_1 .item { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; }



.cases-content_1 .item > img { width: 100%; height: 100%; object-fit: cover; animation-duration: 0.2s; display: block; transform: scale(1); }



.cases-content_1 .item:hover > img { transform: scale(1.02, 1.02); }



.cases-content_1 .item:hover .case-summary { opacity: 1; }



.cases-content_1 .title { position: absolute; top: 5%; left: 5%; right: 5%; color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; margin: 0px; }



.cases-content_1 .desc { position: absolute; bottom: 5%; left: 5%; right: 5%; color: rgb(255, 255, 255); margin: 0px; }



.cases-content_1 .case-summary { opacity: 0; background-color: rgb(0, 0, 0); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }



.cases-content_1 .case-summary .summary-content { position: relative; width: 100%; height: 100%; }



@media (min-width: 569px) {

  .cases-content_1 { grid-template-columns: repeat(2, 50%); }

}



@media (min-width: 768px) {

  .cases-content_1 { grid-template-columns: repeat(3, 33%); }

}



@media (min-width: 960px) {

  .cases-content_1 { grid-template-columns: repeat(4, 25%); }

}



.companyclient-content .content .desc { height: 60px; line-height: 1.4; }



.social-content .content-item { display: flex; align-items: center; margin-bottom: 20px; padding: 12px; }



.social-content .content-item .item-img { width: 40px; height: 40px; border-radius: 8px; margin-right: 10px; object-fit: cover; }



.social-content .content-item .title { font-size: 14px; color: rgb(48, 49, 51); margin-bottom: 0px; }



.social-content .content-item .desc { color: rgb(144, 147, 153); margin-bottom: 0px; }



.social-content .content-item .icon { display: none; font-size: 16px; }



.social-content .content-item:hover .icon { display: block; }



.mobile .content-item { margin-bottom: 10px; }



.files-content .files-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.files-content .files-item:first-of-type { margin-top: 0px; }



.files-content .files-item .files-icon { font-size: 32px; margin-right: 40px; }



.files-content .files-item .files-icon.red { color: rgb(224, 32, 32); }



.files-content .files-item .files-icon.orange { color: rgb(250, 100, 0); }



.files-content .files-item .files-icon.blue { color: rgb(0, 145, 255); }



.files-content .files-item .title { font-weight: 700; }



.files-content .files-item .time { color: rgb(144, 147, 153); }



.partners-content .product-content .content .desc { height: 40px; line-height: 1.4; margin: 8px 0px; }



.partners-content .product-content .content .price { color: rgb(96, 98, 102); }



.article-content .article-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.article-content .article-item:first-of-type { margin-top: 0px; }



.article-content .article-item .title { padding: 0px; }



.article-content .article-item .time { padding: 0px; }



.articleQuestion-content .articleQuestion-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.articleQuestion-content .articleQuestion-item:first-of-type { margin-top: 0px; }



.articleQuestion-content .articleQuestion-item .title { font-weight: 700; line-height: 1.3; margin-bottom: 8px; }



.articleQuestion-content .articleQuestion-item .abstract { color: rgb(96, 98, 102); line-height: 1.3; }



.articleencylo-content .articleencylo-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.articleencylo-content .articleencylo-item:first-of-type { margin-top: 0px; }



.articleencylo-content .articleencylo-item .title { font-weight: 700; line-height: 1.3; margin-bottom: 8px; }



.articleencylo-content .articleencylo-item .abstract { color: rgb(96, 98, 102); line-height: 1.3; }



.files-content .files-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.files-content .files-item:first-of-type { margin-top: 0px; }



.files-content .files-item .files-icon { font-size: 32px; margin-right: 40px; }



.files-content .files-item .files-icon.red { color: rgb(224, 32, 32); }



.files-content .files-item .files-icon.orange { color: rgb(250, 100, 0); }



.files-content .files-item .files-icon.blue { color: rgb(0, 145, 255); }



.files-content .files-item .title { font-weight: 700; }



.files-content .files-item .time { color: rgb(144, 147, 153); }



.articleinvite-content .articleinvite-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.articleinvite-content .articleinvite-item:first-of-type { margin-left: 0px; }



.articleinvite-content .articleinvite-item .title { font-weight: 700; font-size: 14px; }



.articleinvite-content .articleinvite-item .price { font-size: 14px; font-weight: 500; color: rgb(0, 145, 255); line-height: 1.3; }



.articleinvite-content .articleinvite-item .tag { color: rgb(96, 98, 102); background: rgb(245, 245, 245); padding: 4px 8px; margin: 8px 8px 0px; display: inline-block; }



.articleinvite-content .articleinvite-item .tag:first-of-type { margin-left: 0px; }



.video-content .content-item .item-img { width: 100%; height: 120px; border-radius: 4px; object-fit: cover; position: relative; font-size: 12px; }



.video-content .content-item .item-img .video { width: 100%; height: 100%; border-radius: 4px; object-fit: cover; position: absolute; }



.video-content .content-item .item-img .duration-content { position: absolute; top: 5px; left: 6px; background: rgba(0, 0, 0, 0.7); border-radius: 8px; padding: 4px 8px; color: rgb(255, 255, 255); z-index: 1; }



.video-content .content-item .item-img .play-icon { color: rgb(255, 255, 255); z-index: 1; }



.video-content .content-item .title { text-align: center; font-size: 14px; color: rgb(48, 49, 51); height: 20px; font-weight: 500; margin: 16px 0px 0px; }



.course-content { box-sizing: border-box; margin: 0px; min-width: 0px; padding-top: 16px; position: relative; }



.course-content .course-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; box-sizing: border-box; margin: 0px; min-width: 0px; position: relative; padding: 0px 24px 24px 48px; }



.course-content .course-item::before { content: ""; z-index: 1; display: block; position: absolute; left: 25px; top: 0.5em; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: rgb(192, 196, 204); border: 2px solid rgb(255, 255, 255); }



.course-content .course-item::after { content: ""; display: block; position: absolute; width: 2px; background-color: rgb(133, 144, 166); opacity: 0.12; left: 24px; top: 0.6em; height: 100%; }



.course-content .course-item:last-of-type::after { display: none; }



.course-content .course-item span { color: rgb(48, 49, 51); padding: 0px; }



.course-content .course-item span:first-of-type { max-width: 120px; }



.contact-content .contact-item { color: rgb(48, 49, 51); font-weight: 400; line-height: 20px; margin: 12px 0px; padding: 0px; }



.contact-content .contact-item:first-child { margin-top: 0px; }



.contact-content .contact-item .title { color: rgb(144, 147, 153); }



.contact-content .contact-item.map-content { width: 100%; height: 320px; }



.contact-content .contact-item.map-content .contact-map { width: 100%; height: 100%; }



.contact-content .contact-item .BMapLabel { max-width: inherit; }



.mobile .contact-item > span { padding: 0px; }



.general-component_nav.gw-browse-component { z-index: 2; }



.general-component_nav .general-detail { padding: 0px; }



.general-component_nav li, .general-component_nav ul { margin-bottom: 0px; }



.general_components-general_nav { --primaryColor: #ff4135; --bgColor: #fff; --fontColor: #222; --labelColor: #ff4135; background: var(--bgColor); }



.general_components-general_nav .main-header { position: relative; left: 0px; top: 0px; width: 100%; transition: 0.5s; }



.general_components-general_nav .main-header .menu-right-content { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }



.general_components-general_nav .main-header .menu-right-content li { position: relative; display: inline-block; font-size: 22px; line-height: 30px; color: var(--fontColor); margin-right: 10px; font-weight: 600; }



.general_components-general_nav .main-header .menu-right-content li a { display: inline-block; color: var(--fontColor); }



.general_components-general_nav .main-header .menu-right-content li a:hover { color: var(--primaryColor); }



.general_components-general_nav .main-header .menu-right-content li.userinfo { display: flex; align-items: center; }



.general_components-general_nav .main-header .menu-right-content li.userinfo .avatar { width: 22px; height: 22px; margin-right: 5px; }



.general_components-general_nav .main-header .menu-right-content li.userinfo .avatar img { width: 100%; height: 100%; border-radius: 50%; vertical-align: initial; }



.general_components-general_nav .main-header .menu-right-content li.userinfo .info { font-weight: 400; line-height: 22px; font-size: 14px; }



.general_components-general_nav .main-header .menu-right-content li.shop-cart { font-weight: 400; font-size: 24px; }



.general_components-general_nav .main-header .menu-right-content li.shop-cart a { position: relative; }



.general_components-general_nav .main-header .menu-right-content li.shop-cart a .fa { color: rgb(34, 34, 34); }



.general_components-general_nav .main-header .menu-right-content li.shop-cart a .fa:hover { color: var(--primaryColor); }



.general_components-general_nav .main-header .menu-right-content li.shop-cart a span { position: absolute; top: -13px; right: 0px; width: 19px; height: 19px; line-height: 19px; background: var(--primaryColor); border-radius: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 11px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px; }



.general_components-general_nav .main-header .logo-box { position: relative; display: block; margin-left: 10px; }



.general_components-general_nav .main-header .logo-box img { max-width: 150px; max-height: 50px; }



.general_components-general_nav .main-header .search-btn .search-toggler { position: relative; font-size: 22px; color: rgb(34, 34, 34); font-weight: 400; background: 0px 0px; cursor: pointer; display: inline-block; transition: 0.5s; border: none; outline: 0px; }



.general_components-general_nav .main-header .search-btn .search-toggler:hover { color: var(--primaryColor); }



.general_components-general_nav .main-header .nice-select { width: 170px !important; }



.general_components-general_nav .main-header .header-lower .category-box p { background: var(--primaryColor); }



.general_components-general_nav .main-header .header-lower .category-box .category-content li a:hover { color: var(--primaryColor); }



.general_components-general_nav .sticky-header { position: fixed; opacity: 0; visibility: hidden; background: rgb(255, 255, 255); left: 0px; top: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; width: 100%; z-index: 0; transition: 0.5s; }



.general_components-general_nav .sticky-header .main-menu .navigation > li { padding: 0px; margin: 0px; }



.general_components-general_nav .sticky-header .main-menu .navigation > li > a { padding: 10px 30px; color: var(--fontColor); }



.general_components-general_nav .sticky-header .main-menu .navigation > li > a span { display: none; }



.general_components-general_nav .sticky-header .main-menu .navigation > li:hover > a { color: rgb(255, 255, 255); background: var(--primaryColor); }



.general_components-general_nav .sticky-header .main-menu .navigation > li:last-child > ul { right: 0px; }



.general_components-general_nav .sticky-header .main-menu .navigation > li:last-child > ul ul { right: 100%; }



.general_components-general_nav .sticky-header .main-menu .navigation > li.current > a { background: var(--primaryColor); color: rgb(255, 255, 255) !important; }



.general_components-general_nav .sticky-header .logo-box { padding: 0px; line-height: 60px; }



.general_components-general_nav .sticky-header .logo-box .logo { position: relative; padding: 10px 0px; }



.general_components-general_nav .sticky-header .logo-box .logo img { max-width: 150px; max-height: 60px; }



.general_components-general_nav .sticky-header .outer-box { position: relative; }



.general_components-general_nav .fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; animation-name: fadeInDown; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 1; }



.general_components-general_nav .fixed-header .sticky-header .auto-container { position: static; margin: 0px auto; max-width: var(--gw-module-content-max-width) !important; }



.general_components-general_nav .header-lower { position: relative; }



.general_components-general_nav .header-lower .outer-box { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }



.general_components-general_nav .header-lower .outer-box .menu-area { display: flex; flex-wrap: wrap; align-items: center; }



.general_components-general_nav .main-menu .navbar-collapse { padding: 0px; display: block; }



.general_components-general_nav .main-menu .navigation { margin: 0px; }



.general_components-general_nav .main-menu .navigation .icon-right { position: absolute; right: -10px; top: 14px; display: block; line-height: 24px; font-size: 14px; font-weight: 800; text-align: center; z-index: 5; }



.general_components-general_nav .main-menu .navigation > li { position: inherit; float: left; margin: 0px 18px; transition: 0.3s; }



.general_components-general_nav .main-menu .navigation > li:first-child { margin-left: 0px; }



.general_components-general_nav .main-menu .navigation > li > a { position: relative; display: block; text-align: center; font-size: 15px; padding: 10px 0px; line-height: 60px; font-weight: 500; opacity: 1; color: var(--fontColor); transition: 0.5s; }



.general_components-general_nav .main-menu .navigation > li > a span { position: absolute; top: 4px; right: 3px; font-size: 11px; color: rgb(255, 255, 255); font-weight: 500; padding: 2px 4px; line-height: 16px; text-align: center; border-radius: 20px; min-width: 28px; background: var(--labelColor); z-index: 1; }



.general_components-general_nav .main-menu .navigation > li > a span::before { position: absolute; content: ""; width: 8px; height: 8px; left: 50%; margin-left: -13%; bottom: -3px; transform: rotate(-45deg); z-index: -1; background: inherit; }



.general_components-general_nav .main-menu .navigation > li > ul { position: absolute; left: inherit; top: 100%; width: 250px; opacity: 0; padding: 0px; background-color: rgb(255, 255, 255); transform-origin: center top; }



.general_components-general_nav .main-menu .navigation > li > ul > li { position: relative; width: 100%; padding: 0px 30px; }



.general_components-general_nav .main-menu .navigation > li > ul > li:last-child { border-bottom: none; }



.general_components-general_nav .main-menu .navigation > li > ul > li:last-child > a { border-bottom: none; }



.general_components-general_nav .main-menu .navigation > li > ul > li > a { position: relative; display: block; padding: 12px 0px; line-height: 24px; font-weight: 500; font-size: 14px; text-transform: capitalize; color: var(--fontColor); border-bottom: 1px solid rgb(227, 227, 227); text-align: left; transition: 0.5s; }



.general_components-general_nav .main-menu .navigation > li > ul > li > a:hover { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul { position: absolute; left: auto; right: 100%; top: -2px; width: 230px; opacity: 0; padding: 0px; background-color: rgb(255, 255, 255); }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul > li { position: relative; width: 100%; padding: 0px 30px; }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul > li:last-child { border-bottom: none; }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul > li:last-child > a { border-bottom: none; }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul > li > a { position: relative; display: block; font-size: 14px; padding: 12px 0px; line-height: 24px; font-weight: 500; text-transform: capitalize; color: var(--fontColor); text-align: left; transition: 0.5s; }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul > li > a:hover { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation > li > ul > li > ul.from-right { left: auto; right: 0px; }



.general_components-general_nav .main-menu .navigation > li > .megamenu { position: absolute; left: inherit; top: 100%; width: 250px; opacity: 0; padding: 10px 0px; background-color: rgb(255, 255, 255); transform-origin: center top; }



.general_components-general_nav .main-menu .navigation > li > .megamenu li > a { position: relative; display: block; padding: 12px 0px; line-height: 24px; font-weight: 500; font-size: 14px; text-transform: capitalize; color: var(--fontColor); text-align: left; transition: 0.5s; }



.general_components-general_nav .main-menu .navigation > li > .megamenu li > a:hover { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation > li > .megamenu li:last-child > a { border-bottom: none; }



.general_components-general_nav .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; }



.general_components-general_nav .main-menu .navigation > li:hover > a { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li > ul > li.dropdown:hover > ul { opacity: 1; transform: rotateX(0deg); box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px; }



.general_components-general_nav .main-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: -32px; top: 66px; width: 34px; height: 30px; text-align: center; font-size: 18px; line-height: 26px; color: rgb(59, 59, 59); cursor: pointer; display: none; transition: 0.5s; }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .megamenu-content { display: flex; flex-wrap: wrap; }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li .second-title { font-weight: 500; padding: 3px 0px; font-size: 20px; }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li .second-title:hover { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu li.current .second-title { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .column { flex: 1 1 0%; max-width: 100%; min-width: 25%; padding: 0px 10px; }



.general_components-general_nav .main-menu .navigation li.dropdown .megamenu .column li:first-child a { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown.current > a { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown.current > a::before { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown:hover > ul { opacity: 1; transform: rotateX(0deg); box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px; }



.general_components-general_nav .main-menu .navigation li.dropdown:hover > .megamenu { opacity: 1; transform: rotateX(0deg); box-shadow: rgba(0, 0, 0, 0.05) 2px 2px 5px 1px, rgba(0, 0, 0, 0.05) -2px 0px 5px 1px; }



.general_components-general_nav .main-menu .navigation li.dropdown:hover > .megamenu ul { opacity: 1; transform: rotateX(0deg); }



.general_components-general_nav .main-menu .navigation li.dropdown:hover > a::before { color: var(--primaryColor); }



.general_components-general_nav .main-menu .navigation li.dropdown > .megamenu { position: absolute; width: 100%; padding: 30px 50px; left: 0px; max-height: 500px; overflow-y: auto; transform: rotateX(90deg); transform-origin: 0px 0px; }



.general_components-general_nav .main-menu .navigation ul { transform: rotateX(90deg); transform-origin: 0px 0px; transition: 0.4s; }



.general_components-general_nav .menu-area .mobile-nav-toggler { position: relative; float: right; font-size: 40px; line-height: 50px; cursor: pointer; display: none; }



.general_components-general_nav .menu-area .mobile-nav-toggler .icon-bar { position: relative; height: 2px; width: 30px; display: block; margin-bottom: 5px; background-color: rgb(59, 59, 59); transition: 0.3s; }



.general_components-general_nav .menu-area .mobile-nav-toggler .icon-bar:last-child { margin-bottom: 0px; }



.general_components-general_nav .mobile-menu { position: fixed; right: 0px; top: 0px; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 1; background-color: rgb(32, 32, 32); }



.general_components-general_nav .mobile-menu .navbar-collapse { display: block !important; }



.general_components-general_nav .mobile-menu .nav-logo { position: relative; padding: 50px 25px; text-align: left; }



.general_components-general_nav .mobile-menu .nav-logo img { display: inline-block; max-width: 100%; height: auto; transition-delay: 0.1s; transition-timing-function: ease-in-out; transition-duration: 0.7s; transition-property: all; }



.general_components-general_nav .mobile-menu .menu-backdrop { position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; transform: translateX(101%); transition: 0.3s; background: var(--primaryColor); }



.general_components-general_nav .mobile-menu .menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: var(--bgColor); padding: 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; transform: translateX(101%); transition: 0.5s; }



.general_components-general_nav .mobile-menu .close-btn { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; line-height: 26px; border: 2px solid var(--fontColor); border-radius: 50%; text-align: center; font-size: 15px; color: var(--fontColor); cursor: pointer; z-index: 10; transition: 0.5s; }



.general_components-general_nav .mobile-menu .close-btn:hover { transform: rotate(90deg); }



.general_components-general_nav .mobile-menu .navigation { position: relative; display: block; width: 100%; float: none; }



.general_components-general_nav .mobile-menu .navigation li { position: relative; display: block; border-top: 1px solid rgba(255, 255, 255, 0.1); }



.general_components-general_nav .mobile-menu .navigation li > ul { display: none; }



.general_components-general_nav .mobile-menu .navigation li > ul > li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.1); }



.general_components-general_nav .mobile-menu .navigation li > ul > li > ul { display: none; }



.general_components-general_nav .mobile-menu .navigation li > a { position: relative; display: block; line-height: 24px; padding: 10px 25px; font-size: 15px; font-weight: 500; color: var(--fontColor); text-transform: uppercase; transition: 0.5s; }



.general_components-general_nav .mobile-menu .navigation li > a::before { content: ""; position: absolute; left: 0px; top: 0px; height: 0px; border-left: 5px solid rgb(255, 255, 255); transition: 0.5s; }



.general_components-general_nav .mobile-menu .navigation li ul li > a { font-size: 16px; margin-left: 20px; text-transform: capitalize; }



.general_components-general_nav .mobile-menu .navigation:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }



.general_components-general_nav .mobile-menu .navigation li.current > a::before { height: 100%; }



.general_components-general_nav .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 6px; top: 6px; width: 32px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; color: var(--fontColor); background: rgba(255, 255, 255, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; cursor: pointer; border-radius: 2px; transition: 0.5s; z-index: 5; }



.general_components-general_nav .mobile-menu .navigation li.dropdown .dropdown-btn.open { transform: rotate(90deg); }



.general_components-general_nav .mobile-menu .navigation li.dropdown > .megamenu { display: none; }



.general_components-general_nav .mobile-menu .social-links { position: relative; padding: 30px 25px; }



.general_components-general_nav .mobile-menu .social-links li { position: relative; display: inline-block; margin: 0px 10px 10px; }



.general_components-general_nav .mobile-menu .social-links li a { position: relative; line-height: 32px; font-size: 16px; color: rgb(255, 255, 255); transition: 0.5s; }



.general_components-general_nav .mobile-menu .social-links li a:hover { color: var(--primaryColor); }



.general_components-general_nav .mobile-menu .contact-info { position: relative; padding: 80px 30px 20px; }



.general_components-general_nav .mobile-menu .contact-info h4 { position: relative; font-size: 20px; color: rgb(255, 255, 255); font-weight: 700; margin-bottom: 20px; }



.general_components-general_nav .mobile-menu .contact-info ul li { position: relative; display: block; font-size: 15px; color: rgba(255, 255, 255, 0.8); margin-bottom: 3px; }



.general_components-general_nav .mobile-menu .contact-info ul li a { color: rgba(255, 255, 255, 0.8); }



.general_components-general_nav .mobile-menu .contact-info ul li a:hover { color: var(--primaryColor); }



.general_components-general_nav .mobile-menu .contact-info ul li:last-child { margin-bottom: 0px; }



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

  .general_components-general_nav .main-menu { display: none !important; }

  .general_components-general_nav .sticky-header { display: none !important; }

  .general_components-general_nav .main-header.style-one .outer-container::before { display: none !important; }

  .general_components-general_nav .menu-area .mobile-nav-toggler { display: block; margin-top: 10px; margin-right: 10px; padding: 10px; border: 2px solid rgb(34, 34, 34); }

  .general_components-general_nav .main-header .header-top .top-left { float: none; text-align: center; }

  .general_components-general_nav .main-header .header-top .top-right { float: none; text-align: center; }

  .general_components-general_nav .mobile-menu .navigation > li > a span { display: none !important; }

  .general_components-general_nav .mobile-menu .navigation > li.dropdown > .megamenu li:first-child { display: none; }

}



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

  .general_components-general_nav .main-header .logo-box { width: 100%; text-align: center; padding: 5px 0px; }

  .general_components-general_nav .main-header .header-lower .category-box { margin-right: 0px; width: 200px; }

  .general_components-general_nav .main-header .header-lower .category-box p { font-size: 15px; padding-left: 60px; }

  .general_components-general_nav .main-header .header-lower .category-box p::before { font-size: 16px; top: 22px; }

}



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

  .general_components-general_nav .main-header .header-top .social-links::before { display: none; }

}



.mobile-menu-visible { overflow: hidden; }



.mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; }



.mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 0.7; visibility: visible; transform: translateX(0px); }



.mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; transform: translateX(0px); }



.mobile-menu-visible .mobile-menu .close-btn { transform: rotate(360deg); }



.mobile .main-menu { display: none !important; }



.mobile .sticky-header { display: none !important; }



.mobile .main-header.style-one .outer-container::before { display: none !important; }



.mobile .menu-area .mobile-nav-toggler { display: block; margin-top: 10px; padding: 10px; border: 2px solid rgb(34, 34, 34); }



.mobile .main-header .logo-box { width: 100%; text-align: center; padding: 10px 0px; margin-left: 0px; }



.mobile .main-header .header-lower .category-box { margin-right: 0px; width: 200px; }



.mobile .main-header .header-lower .category-box p { font-size: 15px; padding-left: 60px; }



.mobile .main-header .header-lower .category-box p::before { font-size: 16px; top: 22px; }



.mobile .mobile-menu .navigation > li > a span { display: none !important; }



.mobile .mobile-menu .navigation > li.dropdown > .megamenu li:first-child { display: none; }



.code-component.gw-editor-component .code-html-content { width: 100%; min-height: 200px; }



.code-component.gw-editor-component .code-html-content.gw-code-preview-isolated { position: relative; overflow: visible; }



.code-component.gw-editor-component .code-html-content .gw-code-preview-iframe { display: block; width: 100%; height: 1px; border: 0px; background: 0px 0px; }



.gw-nav-item-add-form .col-sm-8 { padding-left: 0px; }



.gw-carousel-item-add-form .col-sm-4, .gw-carousel-item-add-form .col-sm-8 { padding-left: 0px; }



.gw-carousel-item-add-form .img-tips { color: rgb(153, 153, 153); }



.gw-carousel-item-add-form .circle_color { width: 140px; border-radius: 2px; }



.gw-carousel-item-add-form .circle_color .color_shape { border-radius: 50%; border: 1px solid rgb(220, 220, 220); width: 20px; height: 20px; }



.gw-carousel-item-add-form .sp-preview { border-radius: 50%; border: none; margin-right: 0px; width: 20px; height: 20px; }



.gw-form-item-add-form .col-sm-8 { padding-left: 0px; margin-right: 5px; }



.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .col-sm-4 { margin-bottom: 5px; }



.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn { width: 100%; }



.gw-form-item-add-form .col-sm-8 .gw-form-btn-list .btn-black { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); }



.gw-form-item-add-form .form-height .col-sm-8 { position: relative; }



.gw-form-item-add-form .form-height .col-sm-8 > span { position: absolute; right: 27px; top: 6px; }



.gw-form-item-add-form .form-required { display: flex; align-items: center; }



.gw-form-item-add-form .form-control.small { width: 258px; }



.gw-form-item-add-form .form-height .col-sm-8 { position: relative; }



.gw-form-item-add-form .form-height .col-sm-8 > span { position: absolute; right: 27px; top: 6px; }



.gw-marquee-item-add-form .col-sm-8 { padding-left: 0px; }



.gw-marquee-item-add-form .img-tips { color: rgb(153, 153, 153); }



.gw-marquee-item-add-form .circle_color { width: 140px; border-radius: 2px; }



.gw-marquee-item-add-form .circle_color .color_shape { border-radius: 50%; border: 1px solid rgb(220, 220, 220); width: 20px; height: 20px; }



.gw-marquee-item-add-form .sp-preview { border-radius: 50%; border: none; margin-right: 0px; width: 20px; height: 20px; }



.gw-browse-component { width: 198px; overflow-wrap: break-word; z-index: 1; position: absolute !important; }



.gw-browse-component.gw-dynamic-component { width: 90%; }



.gw-browse-component.gw-special-component { width: 100%; height: auto; margin: 0px 0px 16px; position: relative !important; }



.gw-editor-component .gw-browse-component:focus .gw-browse-component-tool { display: block; }



.gw-editor-component .gw-browse-component:hover { cursor: move; }



.gw-editor-component .gw-browse-component:hover .border { border-color: rgb(91, 170, 244); }



.gw-editor-component .gw-browse-component:hover > .ui-resizable-handle { display: block !important; }



.gw-editor-component .gw-browse-component:hover > .ui-resizable-e, .gw-editor-component .gw-browse-component:hover > .ui-resizable-n, .gw-editor-component .gw-browse-component:hover > .ui-resizable-s, .gw-editor-component .gw-browse-component:hover > .ui-resizable-w { background: rgb(91, 170, 244); }



.gw-editor-component .gw-browse-component:hover > .ui-resizable-e::before, .gw-editor-component .gw-browse-component:hover > .ui-resizable-n::before, .gw-editor-component .gw-browse-component:hover > .ui-resizable-s::before, .gw-editor-component .gw-browse-component:hover > .ui-resizable-w::before { display: block; border-color: rgb(91, 170, 244); }



.gw-editor-component .gw-browse-component:hover > .ui-resizable-ne, .gw-editor-component .gw-browse-component:hover > .ui-resizable-nw, .gw-editor-component .gw-browse-component:hover > .ui-resizable-se, .gw-editor-component .gw-browse-component:hover > .ui-resizable-sw { border-color: rgb(91, 170, 244); }



.gw-editor-component .gw-browse-component-tool { right: 1px; top: -32px; }



.gw-editor-component .gw-selected { cursor: move; }



.gw-editor-component .gw-special-component { width: calc(100% - 12px); margin: 8px 6px; }



.gw-editor-component .gw-special-component.gw-selected { border: 1px solid rgb(91, 170, 244); }



.gw-modal { z-index: 198910160; }



.gw-modal.newformModal { z-index: 1998; }



.gw-modal .close { color: rgb(255, 255, 255); font-weight: 400; text-shadow: none; opacity: 1; margin: 10px; position: relative; z-index: 1051; outline: 0px; }



.gw-modal .modal-dialog { text-align: center; color: rgb(255, 255, 255); position: fixed; left: 50%; top: 50%; }



.gw-modal .modal-body { padding: 0px; }



.gw-modal .modal-content { background: 0px 0px; box-shadow: none; border: none; }



.spinner-loading { width: 40px; height: 40px; position: relative; margin: 100px auto; }



.spinner-loading .double-bounce1, .spinner-loading .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: rgb(51, 51, 51); opacity: 0.6; position: absolute; top: 0px; left: 0px; animation: 2s ease-in-out 0s infinite normal none running sk-bounce; }



.spinner-loading .double-bounce2 { animation-delay: -1s; }



@-webkit-keyframes sk-bounce { 

  0%, 100% { transform: scale(0); }

  50% { transform: scale(1); }

}



@keyframes sk-bounce { 

  0%, 100% { transform: scale(0); }

  50% { transform: scale(1); }

}



.wechatModal.fade .modal-dialog, .wechatModal.in .modal-dialog { transform: translate(-50%, -50%); }



.wechatModal button.close { left: 50%; transform: translateX(-50%); top: 74%; float: none; border: 1px solid rgb(255, 255, 255); border-radius: 50%; }



.wechatModal button.close span { display: block; width: 30px; height: 30px; line-height: 28px; }



.wechatModal .modal-dialog { top: 45%; width: auto; background-color: rgb(255, 255, 255); border-radius: 5px; overflow: hidden; padding: 20px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; }



.wechatModal .wechat-tips { font-size: 14px; margin: 10px 0px 0px; display: none; color: rgb(51, 51, 51); max-width: 160px; }



.wechatModal .wechat-img { width: 160px; height: 160px; box-sizing: initial; }



.imageModal { display: none; position: fixed; width: 100%; margin: 0px auto; inset: 0px; z-index: 1001; background: rgba(0, 0, 0, 0.6); }



.imageModal .img-content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }



.imageModal .img-content .img-dialog { width: auto; height: auto; max-width: 100%; max-height: 95%; }



.newformModal .close { width: 40px; height: 40px; background: rgb(48, 49, 51); border-radius: 50%; text-align: center; }



.newformModal .close span { display: block; height: 25px; font-size: 23px; }



.newformModal .modal-dialog { color: rgb(0, 0, 0); width: auto; margin: -300px 0px 0px -310px; max-height: 500px; overflow-y: scroll; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 50px; }



.mapModal .modal-dialog { background-color: rgb(255, 255, 255); text-align: center; border-radius: 8px; color: rgb(51, 51, 51); width: 280px; margin: -140px 0px 0px -140px; }



.mapModal .modal-dialog .modal-footer, .mapModal .modal-dialog .modal-header { text-align: center; }



.mapModal .modal-dialog .close { color: rgb(51, 51, 51); margin: 0px; z-index: 1051; }



.mapModal .modal-dialog .map-modal-container { display: flex; flex-direction: column; }



.mapModal .modal-dialog .map-modal-container li { height: 40px; line-height: 40px; border-top: 1px solid rgb(221, 221, 221); cursor: pointer; }



.mapModal .modal-dialog .map-modal-container:first-child li { border-top: none; }



.pc .tips-pc { display: block; }



.pc .videoModal .modal-dialog { width: 640px; height: 480px; margin: -240px 0px 0px -320px; position: relative; }



.pc .videoModal .modal-dialog .close { position: absolute; right: 20px; margin-top: 14px; color: rgb(0, 0, 0); }



.pc .videoModal iframe { width: 640px; height: 480px; }



.pc .formModal .modal-header { text-align: center; }



.pc .formModal .modal-header .close { margin: 0px; }



.pc .formModal .modal-footer { text-align: center; }



.pc .formModal .modal-dialog { width: 430px; margin: -300px 0px 0px -190px; border-radius: 8px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: left; }



.pc .formModal .modal-header .close { color: rgb(51, 51, 51); }



.pc .formModal .modal-body { padding: 0px 20px; margin: 15px auto; height: auto; max-height: 380px; overflow-y: auto; }



.pc .formModal .modal-body .require { color: red; float: left; }



.pc .formModal .modal-body .control-label { margin-left: 5px; }



.pc .formModal .modal-body textarea { resize: none; }



.pc .formModal .modal-body .gw-upload-image-box .from-model-upload { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border: 1px solid rgb(204, 204, 204); position: relative; }



.pc .formModal .modal-body .gw-upload-image-box .gw-upload-content { width: 100px; height: 100px; position: relative; border: 1px solid rgb(204, 204, 204); display: none; }



.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del { position: absolute; left: 100%; top: 0px; margin-left: 10px; width: 80px; height: 27px; font-size: 16px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 2px; color: rgb(153, 153, 153); line-height: 26px; text-align: center; }



.pc .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover { border-color: rgb(255, 94, 94); color: rgb(255, 94, 94); }



.pc .formModal .modal-body .gw-upload-image-box .gw-upimg { position: absolute; width: 100%; height: 100%; object-fit: contain; }



.pc .formModal .modal-body .from-input-code { border: 1px solid rgb(220, 220, 220); margin-top: 5px; }



.pc .formModal .modal-body .from-input-code input { display: inline-block; border: none; }



.pc .formModal .modal-body .from-input-code .btn-code { display: inline-block; width: 90px; font-size: 12px; background-color: rgb(255, 255, 255); border-left: 1px solid rgb(220, 220, 220); color: rgb(0, 145, 255); text-align: center; cursor: pointer; }



.pc .formModal .modal-body .from-input-code .btn-code.grey { color: rgb(153, 153, 153); }



.mobile .tips-mobile { display: block; }



.mobile .videoModal .modal-dialog { width: 320px; height: 240px; margin: -120px 0px 0px -160px; position: relative; }



.mobile .videoModal .modal-dialog .close { position: absolute; right: 20px; margin-top: 14px; color: rgb(0, 0, 0); }



.mobile .videoModal iframe { width: 320px; height: 240px; }



.mobile.mobile-375 .videoModal .modal-dialog, .mobile.mobile-375 .videoModal iframe { width: 375px; }



.mobile .formModal .modal-header { text-align: center; }



.mobile .formModal .modal-header .close { margin: 0px; }



.mobile .formModal .modal-footer { text-align: center; }



.mobile .formModal .modal-dialog { width: 300px; margin: -250px 0px 0px -150px; border-radius: 8px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: left; }



.mobile .formModal .modal-header .close { color: rgb(51, 51, 51); }



.mobile .formModal .modal-body { padding: 0px 10px; margin: 8px auto; height: auto; max-height: 250px; overflow-y: auto; }



.mobile .formModal .modal-body .require { color: red; float: left; }



.mobile .formModal .modal-body .control-label { margin-left: 5px; }



.mobile .formModal .modal-body textarea { resize: none; }



.mobile .formModal .modal-body .city { width: 100%; margin: 0px auto; }



.mobile .formModal .modal-body .city .filed { padding-left: 5px; padding-right: 5px; }



.mobile .formModal .modal-body .gw-upload-image-box .from-model-upload { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border: 1px solid rgb(204, 204, 204); position: relative; }



.mobile .formModal .modal-body .gw-upload-image-box .gw-upload-content { width: 100px; height: 100px; position: relative; border: 1px solid rgb(204, 204, 204); display: none; }



.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del { position: absolute; left: 100%; top: 0px; margin-left: 10px; width: 80px; height: 27px; font-size: 16px; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-radius: 2px; color: rgb(153, 153, 153); line-height: 26px; text-align: center; }



.mobile .formModal .modal-body .gw-upload-image-box .form-upimg-del:hover { border-color: rgb(255, 94, 94); color: rgb(255, 94, 94); }



.mobile .formModal .modal-body .gw-upload-image-box .gw-upimg { position: absolute; width: 100%; height: 100%; object-fit: contain; }



.mobile .formModal .modal-body .from-input-code { border: 1px solid rgb(220, 220, 220); margin-top: 5px; }



.mobile .formModal .modal-body .from-input-code input { display: inline-block; border: none; }



.mobile .formModal .modal-body .from-input-code .btn-code { display: inline-block; width: 90px; font-size: 12px; background-color: rgb(255, 255, 255); border-left: 1px solid rgb(220, 220, 220); color: rgb(0, 145, 255); text-align: center; cursor: pointer; }



.mobile .formModal .modal-body .from-input-code .btn-code.grey { color: rgb(153, 153, 153); }



.mobile .newformModal .modal-dialog { width: 300px; margin: -250px 0px 0px -150px; max-height: 500px; overflow-y: scroll; }



.image-uploader-layer { padding: 20px; overflow: hidden; }



.image-uploader-layer .gw-upload-image-btns .btn { margin-left: 10px; }



.image-uploader-layer .tab-pane { padding: 0px 5px; height: 440px; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; overflow: hidden auto; }



.image-uploader-layer .tab-pane ul { overflow: hidden; padding: 5px 0px; }



.image-uploader-layer .tab-pane ul li { width: 162px; height: 92px; float: left; margin: 5px; cursor: pointer; }



.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image { position: relative; border: 1px solid rgb(238, 238, 238); overflow: hidden; width: 100%; height: 100%; background-image: url("/assets/visual-editor/images/repeat.jpg"); background-repeat: repeat; }



.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image.current { border: 1px solid rgb(59, 152, 239); }



.image-uploader-layer .tab-pane ul li .gw-upload-image-select-image img { width: 100%; height: 100%; object-fit: contain; }



.image-uploader-layer .tab-pane ul li .gw-tool { position: relative; display: block; top: -20px; width: 100%; height: 20px; background-image: url("/assets/visual-editor/images/background-20.png"); text-align: right; padding-right: 4px; }



.image-uploader-layer .tab-pane ul li .gw-tool i { display: block; float: right; height: 20px; width: 20px; line-height: 20px; cursor: pointer; color: rgb(136, 136, 136); }



.image-uploader-layer .tab-pane ul li .gw-tool i:hover { color: rgb(85, 85, 85); }



.image-uploader-layer .tab-pane ul li .gw-tool .gw-img-title { width: 85%; height: 100%; text-align: left; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; word-break: break-all; float: left; }



.image-uploader-layer .tab-pane .list-cat-box { box-sizing: border-box; }



.image-uploader-layer .tab-pane .list-cat-box li { padding: 0px; margin: 0px; width: auto; clear: both; }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 5px; }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box.active { background-color: rgba(0, 0, 0, 0.03); }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box.active .title { color: rgb(27, 122, 209); }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .title { display: inline-block; width: 100px; color: rgb(51, 51, 51); font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .arrow-img-cat-icon { display: inline-block; font-size: 18px; color: rgb(145, 145, 145); }



.image-uploader-layer .tab-pane .list-cat-box .list-cat-title-box .arrow-img-cat-icon.active .fa-caret-down { transform: rotate(-90deg); }



.image-uploader-layer .tab-pane .list-cat-box .child-cat-list { padding-bottom: 0px; display: none; }



.image-uploader-layer .tab-pane .list-cat-box .child-cat-list li { padding-bottom: 0px; margin-bottom: 0px; }



.image-uploader-layer .tab-pane.tab-pane-my { overflow: hidden; }



.image-uploader-layer .tab-pane ul.mine-cats { width: 170px; min-height: auto; overflow: hidden scroll; max-height: 440px; }



.image-uploader-layer .tab-pane ul.mine-cats li { height: auto; padding: 5px; }



.image-uploader-layer .tab-pane ul.mine-cats li.active { background-color: rgba(0, 0, 0, 0.03); color: rgb(27, 122, 209); }



.image-uploader-layer .tab-pane .mine-pane { width: 700px; overflow: hidden auto; height: 400px; position: relative; }



.image-uploader-layer .tab-pane .gw-upload-image-load-more { text-align: center; color: rgb(204, 204, 204); margin: 0px auto 5px; height: 40px; line-height: 40px; position: fixed; width: inherit; bottom: 68px; }



.image-uploader-layer .tab-pane .gw-upload-image-my-get-more { color: rgb(59, 152, 239); background-color: rgb(242, 242, 242); display: block; }



.image-uploader-layer .tab-pane .gw-upload-image-my-get-more:hover { background-color: rgb(238, 238, 238); }



.image-uploader-layer .tab-pane .gw-upload-image-input-form { margin-top: 170px; }



.image-uploader-layer .tab-pane .gw-upload-image-input-form label { margin-top: 7px; }



.image-uploader-layer .tab-pane .gw-upload-image-input-link { vertical-align: middle; margin: 0px auto; }



.image-uploader-layer .tab-pane .gw-pager-box { background-color: rgb(242, 242, 242); position: absolute; width: 100%; bottom: 0px; display: inline-block; }



.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-row, .image-uploader-layer .tab-pane .gw-pager-box .input-group { width: 45%; }



.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-row { float: left; }



.image-uploader-layer .tab-pane .gw-pager-box .input-group { float: right; }



.image-uploader-layer .tab-pane .gw-pager-box ul { min-height: auto; margin: 0px; padding: 0px; }



.image-uploader-layer .tab-pane .gw-pager-box ul li { width: auto; height: auto; }



.image-uploader-layer .tab-pane .gw-pager-box .gw-pager-search-btn button { background-color: rgb(59, 152, 239); }



.image-uploader-layer .gw-upload-image-confirm { margin-top: 10px; }



.video-uploader-layer { padding: 20px; overflow: hidden; }



.video-uploader-layer .tab-pane { padding: 0px 5px; height: 440px; border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; border-top-style: initial; border-top-color: initial; overflow: hidden auto; }



.video-uploader-layer .tab-pane ul { overflow: hidden; padding: 5px 0px; }



.video-uploader-layer .tab-pane ul li { width: 162px; height: 92px; float: left; margin: 5px; cursor: pointer; overflow: hidden; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video { height: 100%; position: relative; border: 1px solid rgb(238, 238, 238); }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video.current { border: 1px solid rgb(59, 152, 239); }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video video { width: 100%; height: 100%; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; line-height: 100px; display: none; background: rgba(255, 255, 255, 0.5); cursor: default; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .video-control-bg .fa { font-size: 30px; color: rgb(51, 51, 51); cursor: pointer; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video:hover .video-control-bg { display: block; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool { position: relative; display: block; top: -25px; width: 100%; height: 20px; background-image: url("/assets/visual-editor/images/background-20.png"); text-align: right; padding-right: 4px; }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i { display: block; float: right; height: 20px; width: 20px; line-height: 20px; cursor: pointer; color: rgb(136, 136, 136); }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool i:hover { color: rgb(85, 85, 85); }



.video-uploader-layer .tab-pane ul li .gw-upload-video-select-video .gw-tool .gw-video-title { width: 85%; height: 100%; text-align: left; color: rgb(255, 255, 255); overflow: hidden; text-overflow: ellipsis; word-break: break-all; float: left; }



.video-uploader-layer .tab-pane .list-cat-box_video { box-sizing: border-box; }



.video-uploader-layer .tab-pane .list-cat-box_video li { padding: 0px; margin: 0px; width: auto; clear: both; }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 5px; }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video.active { background-color: rgba(0, 0, 0, 0.03); }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video.active .title { color: rgb(27, 122, 209); }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video .title { display: inline-block; width: 100px; color: rgb(51, 51, 51); font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video .arrow-img-cat-icon_video { display: inline-block; font-size: 18px; color: rgb(145, 145, 145); }



.video-uploader-layer .tab-pane .list-cat-box_video .list-cat-title-box_video .arrow-img-cat-icon_video.active .fa-caret-down { transform: rotate(-90deg); }



.video-uploader-layer .tab-pane .list-cat-box_video .child-cat-list { padding-bottom: 0px; display: none; }



.video-uploader-layer .tab-pane .list-cat-box_video .child-cat-list li { padding-bottom: 0px; margin-bottom: 0px; }



.video-uploader-layer .tab-pane.tab-pane-my { overflow: hidden; }



.video-uploader-layer .tab-pane ul.mine-cats { width: 170px; min-height: auto; overflow: hidden auto; max-height: 440px; }



.video-uploader-layer .tab-pane ul.mine-cats li { height: auto; padding: 5px; }



.video-uploader-layer .tab-pane ul.mine-cats li.active { background-color: rgba(0, 0, 0, 0.03); color: rgb(27, 122, 209); }



.video-uploader-layer .tab-pane .mine-pane { width: 700px; overflow: hidden auto; height: 400px; position: relative; }



.video-uploader-layer .tab-pane .gw-upload-video-load-more { text-align: center; color: rgb(204, 204, 204); margin: 0px auto 5px; height: 40px; line-height: 40px; position: fixed; width: inherit; bottom: 68px; }



.video-uploader-layer .tab-pane .gw-upload-video-my-get-more { color: rgb(59, 152, 239); background-color: rgb(242, 242, 242); display: block; }



.video-uploader-layer .tab-pane .gw-upload-video-my-get-more:hover { background-color: rgb(238, 238, 238); }



.video-uploader-layer .tab-pane .gw-upload-video-form { margin-top: 170px; }



.video-uploader-layer .tab-pane .gw-upload-video-form label { margin-top: 7px; }



.video-uploader-layer .tab-pane .gw-upload-video-input { vertical-align: middle; margin: 0px auto; }



.video-uploader-layer .tab-pane .gw-upload-video-tips { font-size: 12px; height: 30px; line-height: 30px; color: rgb(153, 153, 153); }



.video-uploader-layer .tab-pane .gw-upload-video-tips a { color: rgb(59, 152, 239); }



.video-uploader-layer .tab-pane .gw-pager-box { background-color: rgb(242, 242, 242); position: absolute; width: 100%; bottom: 0px; display: inline-block; }



.video-uploader-layer .tab-pane .gw-pager-box .gw-pager-row, .video-uploader-layer .tab-pane .gw-pager-box .input-group { width: 45%; }



.video-uploader-layer .tab-pane .gw-pager-box .gw-pager-row { float: left; }



.video-uploader-layer .tab-pane .gw-pager-box .input-group { float: right; }



.video-uploader-layer .tab-pane .gw-pager-box ul { min-height: auto; margin: 0px; padding: 0px; }



.video-uploader-layer .tab-pane .gw-pager-box ul li { width: auto; height: auto; }



.video-uploader-layer .tab-pane .gw-pager-box .gw-pager-search-btn button { background-color: rgb(59, 152, 239); }



.video-uploader-layer .gw-upload-video-confirm { margin-top: 10px; }



.add-wx-model { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1998; position: fixed; top: 0px; left: 0px; display: none; }



.add-wx-model .model-main-cont { text-align: center; width: 250px; height: 380px; border-radius: 6px; background-color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.add-wx-model .model-main-cont .model-title { margin: 20px; font-size: 16px; color: grey; }



.add-wx-model .model-main-cont.coupon-cont { background: radial-gradient(circle at right bottom, transparent 15px, rgb(255, 255, 255) 0px) right top / 50% 270px no-repeat, radial-gradient(circle at left bottom, transparent 15px, rgb(255, 255, 255) 0px) left top / 51% 270px no-repeat, radial-gradient(circle at right top, transparent 15px, rgb(255, 255, 255) 0px) right bottom / 50% 111px no-repeat, radial-gradient(circle at left top, transparent 15px, rgb(255, 255, 255) 0px) left bottom / 51% 111px no-repeat; }



.add-wx-model .qr-code-img { width: 180px; height: 180px; object-fit: contain; padding: 0px 10px 28px; border-bottom: 2px dashed rgb(204, 204, 204); box-sizing: content-box; }



.add-wx-model .qg-button--primary { padding: 10px 20px; background: rgb(66, 74, 94); border-radius: 5px; margin-top: 15px; color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; text-align: center; line-height: 24px; display: inline-block; }



.add-wx-model .small-tips { font-size: 14px; color: grey; margin-top: 10px; }



.add-wx-model_2 .model-main-cont, .add-wx-model_3 .model-main-cont { height: auto; }



.add-wx-model_2 .model-main-cont.coupon-cont, .add-wx-model_3 .model-main-cont.coupon-cont { border-radius: 24px; background-color: rgb(255, 255, 255); }



.add-wx-model_2 .qr-code-img, .add-wx-model_3 .qr-code-img { border-bottom: none; padding: 0px; width: 200px; height: 200px; }



.add-wx-model_2 .copy-text-btn, .add-wx-model_3 .copy-text-btn { margin-left: 5px; padding: 2px 4px; background: rgb(66, 74, 94); border-radius: 5px; margin-top: 15px; color: rgb(255, 255, 255); font-size: 16px; cursor: pointer; text-align: center; display: inline-block; }



.add-wx-model .close-box { position: absolute; bottom: -20%; left: 50%; margin-left: -20px; border: none; background-color: transparent; background-image: none; }



.add-wx-model .close-box .close { opacity: 1; width: 40px; height: 40px; background: url("/assets/visual-editor/images/icon-modal-close.png") 0% 0% / contain; }



:root { --pagination-theme-color: #333; }



.pagination_default { margin: 16px auto; text-align: center; }



.custom-pagination-style { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0px; padding: 0px; border: 0px; background: 0px 0px; color: inherit; }



.custom-pagination-style > li { display: inline-flex; margin: 0px; }



.custom-pagination-style > li > a, .custom-pagination-style > li > span { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 36px; height: 36px; margin: 0px; padding: 0px 12px; border: 0px; border-radius: 10px; background: 0px 0px; color: inherit; font-size: 14px; font-weight: 500; line-height: 1; opacity: 0.72; text-decoration: none; box-shadow: none; transition: color 0.16s, background-color 0.16s; }



.custom-pagination-style > li > a:focus, .custom-pagination-style > li > a:hover { background: rgba(127, 127, 127, 0.12); color: var(--pagination-theme-color); opacity: 1; outline: 0px; }



.custom-pagination-style > li.active > a, .custom-pagination-style > li.active > a:hover, .custom-pagination-style > li.active > span, .custom-pagination-style > li.active > span:hover { border: 0px; background: rgba(127, 127, 127, 0.2); color: var(--pagination-theme-color); font-weight: 600; opacity: 1; box-shadow: none; }



.custom-pagination-style > li.disabled > a, .custom-pagination-style > li.disabled > a:hover, .custom-pagination-style > li.disabled > span, .custom-pagination-style > li.disabled > span:hover { border: 0px; background: 0px 0px; cursor: not-allowed; opacity: 0.32; pointer-events: none; }



.custom-pagination-style > li + li { margin-left: 6px; }



.custom-pagination-style > li:first-child > a, .custom-pagination-style > li:first-child > span, .custom-pagination-style > li:last-child > a, .custom-pagination-style > li:last-child > span { border-radius: 10px; }



.custom-pagination-style.pagination-lg > li > a, .custom-pagination-style.pagination-lg > li > span, .custom-pagination-style.pagination-size__lg > li > a, .custom-pagination-style.pagination-size__lg > li > span { min-width: 44px; height: 44px; padding: 0px 16px; border-radius: 12px; font-size: 16px; }



.custom-pagination-style.pagination-lg > li:first-child > a, .custom-pagination-style.pagination-lg > li:first-child > span, .custom-pagination-style.pagination-lg > li:last-child > a, .custom-pagination-style.pagination-lg > li:last-child > span, .custom-pagination-style.pagination-size__lg > li:first-child > a, .custom-pagination-style.pagination-size__lg > li:first-child > span, .custom-pagination-style.pagination-size__lg > li:last-child > a, .custom-pagination-style.pagination-size__lg > li:last-child > span { border-radius: 12px; }



.custom-pagination-style.pagination-lg > a.gw-hand-more, .custom-pagination-style.pagination-size__lg > a.gw-hand-more { min-height: 44px; padding: 0px 24px; font-size: 16px; }



.custom-pagination-style.pagination-md > li > a, .custom-pagination-style.pagination-md > li > span, .custom-pagination-style.pagination-size__md > li > a, .custom-pagination-style.pagination-size__md > li > span { min-width: 38px; height: 38px; padding: 0px 13px; font-size: 14px; }



.custom-pagination-style.pagination-md > a.gw-hand-more, .custom-pagination-style.pagination-size__md > a.gw-hand-more { min-height: 38px; font-size: 14px; }



.custom-pagination-style.pagination-size__sm > li > a, .custom-pagination-style.pagination-size__sm > li > span, .custom-pagination-style.pagination-sm > li > a, .custom-pagination-style.pagination-sm > li > span { min-width: 32px; height: 32px; padding: 0px 10px; border-radius: 8px; font-size: 12px; }



.custom-pagination-style.pagination-size__sm > li + li, .custom-pagination-style.pagination-sm > li + li { margin-left: 4px; }



.custom-pagination-style.pagination-size__sm > li:first-child > a, .custom-pagination-style.pagination-size__sm > li:first-child > span, .custom-pagination-style.pagination-size__sm > li:last-child > a, .custom-pagination-style.pagination-size__sm > li:last-child > span, .custom-pagination-style.pagination-sm > li:first-child > a, .custom-pagination-style.pagination-sm > li:first-child > span, .custom-pagination-style.pagination-sm > li:last-child > a, .custom-pagination-style.pagination-sm > li:last-child > span { border-radius: 8px; }



.custom-pagination-style.pagination-size__sm > a.gw-hand-more, .custom-pagination-style.pagination-sm > a.gw-hand-more { min-height: 32px; padding: 0px 16px; font-size: 12px; }



.custom-pagination-style__2 > li > a, .custom-pagination-style__3 > li > a { color: var(--pagination-theme-color); }



.custom-pagination-style__3 > li.previous .pagination-arrow { margin-right: 8px; }



.custom-pagination-style__3 > li.next .pagination-arrow { margin-left: 8px; }



.custom-pagination-style.pagition-panel { display: flex; align-items: center; justify-content: center; }



.custom-pagination-style > a.gw-hand-more { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 36px; padding: 0px 20px; border: 0px; border-radius: 10px; background: rgba(127, 127, 127, 0.12); color: var(--pagination-theme-color); font-weight: 500; line-height: 1; text-decoration: none; box-shadow: none; transition: color 0.16s, background-color 0.16s; }



.custom-pagination-style > a.gw-hand-more:focus, .custom-pagination-style > a.gw-hand-more:hover { background: rgba(127, 127, 127, 0.18); color: var(--pagination-theme-color); outline: 0px; }



.custom-pagination-style__5 { margin-top: 24px; }



.custom-pagination-style__5 > a.load-more { min-width: 220px; margin-bottom: 20px; border: 0px; background: rgba(127, 127, 127, 0.2); color: var(--pagination-theme-color); box-shadow: none; }



.custom-pagination-style__5 > a.load-more:focus, .custom-pagination-style__5 > a.load-more:hover { background: rgba(127, 127, 127, 0.2); color: var(--pagination-theme-color); }



.custom-pagination-style .pagination-arrow { display: block; flex: 0 0 auto; width: 18px; height: 18px; fill: currentcolor; }



.custom-pagination-style .pagination-arrow--previous { margin: 0px; transform: rotate(180deg); }



.custom-pagination-style .pagination-arrow--next { margin: 0px; }



@media (max-width: 767px) {

  .pagination_default { margin: 12px auto; }

  .custom-pagination-style > li > a, .custom-pagination-style > li > span { min-width: 32px; height: 32px; padding: 0px 9px; border-radius: 8px; font-size: 12px; }

  .custom-pagination-style > li + li { margin-left: 4px; }

  .custom-pagination-style > li:first-child > a, .custom-pagination-style > li:first-child > span, .custom-pagination-style > li:last-child > a, .custom-pagination-style > li:last-child > span { border-radius: 8px; }

}



.gw-code-media-editor-wrapper { height: 440px; display: flex; flex-direction: column; background: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }



.gw-code-media-editor-wrapper .gw-code-media-tabs { display: flex; border-bottom: 1px solid rgb(229, 231, 235); background: rgb(249, 250, 251); padding: 0px 16px; }



.gw-code-media-editor-wrapper .gw-code-media-tab { flex: 1 1 0%; text-align: center; padding: 14px; cursor: pointer; font-size: 13px; font-weight: 600; border-bottom: 2px solid transparent; color: rgb(107, 114, 128); transition: color 0.2s, border-color 0.2s; display: flex; align-items: center; justify-content: center; gap: 8px; }



.gw-code-media-editor-wrapper .gw-code-media-tab:hover { color: rgb(55, 65, 81); }



.gw-code-media-editor-wrapper .gw-code-media-tab.active { border-bottom-color: rgb(74, 139, 233); color: rgb(74, 139, 233); }



.gw-code-media-editor-wrapper .gw-code-media-tab.active:hover { color: rgb(74, 139, 233); }



.gw-code-media-editor-wrapper .gw-code-media-tab-content { padding: 0px; flex: 1 1 0%; display: flex; flex-direction: column; overflow: hidden; background: rgb(255, 255, 255); min-height: 0px; }



.gw-code-media-editor-wrapper #gw-media-content-image { padding: 0px; }



.gw-code-media-editor-wrapper .gw-code-media-icon-container { flex: 1 1 0%; display: flex; flex-direction: column; min-height: 0px; }



.gw-code-media-editor-wrapper .gw-code-media-icon-container .icon-header { display: flex; justify-content: space-between; margin-bottom: 12px; align-items: center; padding: 16px 20px 0px; }



.gw-code-media-editor-wrapper .gw-code-jump-footer { padding: 12px 20px; border-top: 1px solid rgb(229, 231, 235); background: rgb(255, 255, 255); display: flex; justify-content: space-between; align-items: center; }



.gw-code-media-editor-wrapper .gw-code-jump-footer .footer-left { display: flex; align-items: center; gap: 6px; }



.gw-code-media-editor-wrapper .gw-code-jump-footer .gw-media-selected-hint { font-size: 12px; color: rgb(156, 163, 175); font-weight: 500; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 8px; }



.gw-code-media-editor-wrapper .gw-code-jump-footer .footer-actions { display: flex; align-items: center; gap: 12px; }



.gw-code-media-editor-wrapper .gw-code-btn { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0px 16px; border-radius: 4px; font-size: 13px; font-weight: 500; cursor: pointer; transition: 0.2s; text-decoration: none; }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-clear { color: rgb(107, 114, 128); gap: 4px; padding: 0px 12px; background: 0px 0px; }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-clear:hover { color: rgb(55, 65, 81); background: rgb(243, 244, 246); }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-cancel { border: 1px solid rgb(209, 213, 219); background: rgb(255, 255, 255); color: rgb(55, 65, 81); box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-cancel:hover { border-color: rgb(156, 163, 175); background: rgb(249, 250, 251); }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-confirm { background: rgb(74, 139, 233); border: 1px solid rgb(74, 139, 233); color: rgb(255, 255, 255); box-shadow: rgba(74, 139, 233, 0.1) 0px 1px 2px; }



.gw-code-media-editor-wrapper .gw-code-btn.gw-code-media-confirm:hover { background: rgb(62, 122, 204); border-color: rgb(62, 122, 204); }



.gw-code-media-editor-wrapper .gw-code-media-search-wrap { position: relative; width: 220px; }



.gw-code-media-editor-wrapper .gw-code-media-search-wrap svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }



.gw-code-media-editor-wrapper .gw-code-media-search-wrap .gw-code-media-search { width: 100%; height: 34px; line-height: 34px; padding: 0px 12px 0px 32px; border: 1px solid rgb(209, 213, 219); border-radius: 6px; font-size: 13px; outline: 0px; transition: 0.2s; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; }



.gw-code-media-editor-wrapper .gw-code-media-search-wrap .gw-code-media-search:focus { border-color: rgb(74, 139, 233); box-shadow: rgba(74, 139, 233, 0.15) 0px 0px 0px 3px; }



.gw-code-media-editor-wrapper .gw-code-navlist-icon-pager { display: flex; align-items: center; gap: 12px; }



.gw-code-media-editor-wrapper .gw-code-navlist-icon-pager .gw-code-media-page-count { font-size: 12px; font-weight: 500; color: rgb(107, 114, 128); }



.gw-code-media-editor-wrapper .gw-code-navlist-icon-pager .gw-code-media-pager-btn { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid rgb(209, 213, 219); border-radius: 6px; background: rgb(255, 255, 255); color: rgb(55, 65, 81); cursor: pointer; transition: 0.2s; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; }



.gw-code-media-editor-wrapper .gw-code-navlist-icon-pager .gw-code-media-pager-btn:hover:not([disabled]) { border-color: rgb(156, 163, 175); background: rgb(249, 250, 251); }



.gw-code-media-editor-wrapper .gw-code-navlist-icon-pager .gw-code-media-pager-btn[disabled] { opacity: 0.5; cursor: not-allowed; background: rgb(243, 244, 246); }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 12px; flex: 1 1 0%; overflow-y: auto; align-content: start; padding: 0px 20px 16px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid::-webkit-scrollbar { width: 4px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid::-webkit-scrollbar-thumb { background-color: rgb(209, 213, 219); border-radius: 4px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid::-webkit-scrollbar-thumb:hover { background-color: rgb(156, 163, 175); }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid::-webkit-scrollbar-track { background: 0px 0px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid .gw-code-navlist-svgicon-item { cursor: pointer; height: 42px; border-radius: 8px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); display: flex; align-items: center; justify-content: center; color: rgb(75, 85, 99); box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px; transition: 0.2s; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid .gw-code-navlist-svgicon-item:hover:not(.is-selected) { border-color: rgb(209, 213, 219); color: rgb(17, 24, 39); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 4px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid .gw-code-navlist-svgicon-item.is-selected { background: rgb(240, 245, 252); border-color: rgb(74, 139, 233); color: rgb(74, 139, 233); box-shadow: rgba(74, 139, 233, 0.1) 0px 1px 2px; }



.gw-code-media-editor-wrapper .gw-code-navlist-svgicon-grid .gw-code-navlist-svgicon-item svg { width: 20px; height: 20px; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area { border-radius: 12px; flex: 1 1 0%; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; position: relative; overflow: hidden; transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1); }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-empty { background: rgb(250, 250, 250); border: 1px dashed rgb(209, 213, 219); box-shadow: none; margin: 20px; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-empty:hover { border-color: rgb(74, 139, 233); background: rgb(244, 248, 255); box-shadow: rgba(74, 139, 233, 0.08) 0px 4px 12px; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-empty .empty-content { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-empty .empty-content .empty-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px; margin-bottom: 16px; color: rgb(74, 139, 233); }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-empty .empty-content .title { font-size: 15px; color: rgb(17, 24, 39); font-weight: 600; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-filled { background: rgb(248, 250, 252); border: 1px solid rgb(229, 231, 235); margin: 20px; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-filled .filled-content { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-filled .filled-content .img-wrap { flex: 1 1 0%; min-height: 0px; display: flex; align-items: center; justify-content: center; width: 100%; }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-filled .filled-content .img-wrap img { width: 100%; height: 100%; border-radius: 8px; object-fit: contain; background: rgb(255, 255, 255); }



.gw-code-media-editor-wrapper .gw-code-media-upload-area.state-filled .filled-content .img-tag { font-size: 13px; color: rgb(17, 24, 39); font-weight: 600; background: rgba(255, 255, 255, 0.95); padding: 4px 14px; border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px; border: 1px solid rgb(229, 231, 235); backdrop-filter: blur(4px); }



.gw-code-media-editor-wrapper .gw-code-media-upload-area .gw-code-media-upload-area-content { width: 100%; height: 100%; }