{"id":26,"date":"2023-01-02T13:09:46","date_gmt":"2023-01-02T05:09:46","guid":{"rendered":"http:\/\/bbs.hgos.top\/?p=26"},"modified":"2023-01-09T09:12:23","modified_gmt":"2023-01-09T01:12:23","slug":"%e6%b4%bb%e5%ad%97%e6%a0%bc%e7%be%8e%e5%8c%96css","status":"publish","type":"post","link":"https:\/\/bbs.hgos.top\/?p=26","title":{"rendered":"\u6d3b\u5b57\u683c\u7f8e\u5316CSS"},"content":{"rendered":"<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"atomic\">\/*\u00a0\nCSS\u6765\u81ea\u6d3b\u5b57\u683c\u8bba\u575b\u7684\uff1a\u590f\u8d85\n\u00a0*\/\n\/* \u78c1\u5438\u56fe\u6587\u5217\u8868 *\/\n.row-list &gt; .repeater-container {\n    scroll-snap-type: x mandatory;\n}\n\n.row-list &gt; .repeater-container &gt; .repeater-item {\n    scroll-snap-align: start;\n    transition: 0.3s;\n}\n\n\/* \u8f6e\u64ad\u56fe *\/\n.myRotation img {\n    object-fit: fill !important;\n}\n\n.myRotation{\n    border-radius: 4px;\n}\n\n\/* \u52a8\u753b *\/\n@keyframes DrakToLight {\n   0% {\n        background-color: #ffffff00;\n  }\n  30% {\n        background-color: #e0e0e042;\n  }\n  100% {\n        background-color: #ffffff00;\n  }\n}\n\n\/* \u7528\u6237\u7ec4\u4ef6 *\/\n.userView img {\n    max-height: 32px !important;\n    max-width: 32px !important;\n}\n\n\/*\u5168\u5c40\u5fae\u8c03*\/\n\na {\n    text-decoration: none !important;\n}\n\n\/* \u5168\u5c40\u80cc\u666f\u56fe\u7247\u987a\u5e8f *\/\n#r1c0m_outerdiv{\nz-index:2 !important;\n}\n\n[fgc-gui-bgname^=\"BackGroupImg_up_2\"],.zindex_up_2{\nz-index: 2;\n}\n[fgc-gui-bgname^=\"BackGroupImg_up_1\"],.zindex_up_1{\nz-index: 1;\n}\n[fgc-gui-bgname^=\"BackGroupImg_up_2\"],.zindex_up_2{\nz-index: 2;\n}\n[fgc-gui-bgname^=\"BackGroupImg_9\"],.zindex_down_9{\nz-index: -9;\n}\n[fgc-gui-bgname^=\"BackGroupImg_8\"],.zindex_down_8{\nz-index: -8;\n}\n[fgc-gui-bgname^=\"BackGroupImg_7\"],.zindex_down_7{\nz-index: -7;\n}\n[fgc-gui-bgname^=\"BackGroupImg_6\"],.zindex_down_6{\nz-index: -6;\n}\n[fgc-gui-bgname^=\"BackGroupImg_5\"],.zindex_down_5{\nz-index: -5;\n}\n[fgc-gui-bgname^=\"BackGroupImg_4\"],.zindex_down_4{\nz-index: -4;\n}\n[fgc-gui-bgname^=\"BackGroupImg_3\"],.zindex_down_3{\nz-index: -3;\n}\n[fgc-gui-bgname^=\"BackGroupImg_2\"],.zindex_down_2{\nz-index: -2;\n}\n[fgc-gui-bgname^=\"BackGroupImg_1\"],.zindex_down_1{\nz-index: -1;\n}\n[fgc-gui-bgname^=\"BackGroupImg_0\"],.zindex_0{\nz-index: 0;\n}\n[fgc-gui-bgname^=\"BackGroupImg_hide\"]{\ndisplay: none;\n}\n\n[fgc-gui-bgname=\"BackGroupImg_C\"] {\n    z-index: -1;\n    border-radius: 0 0 100px 100px;\n    overflow: hidden;\n    transform: scale(1.6) translateY(-30px);\n}\n\n\/* \u4ece\u53f3\u81f3\u5de6\u6392\u5217 *\/\n.dir-rtl{\n    direction: rtl;\n}\n\n\/* \u7ffb\u9875\u7ec4\u4ef6 *\/\n.Mypageindex input {\n    border: none !important;\n    margin-right: 0 !important;\n    width: 32px !important;\n    background-color: transparent;\n}\n\n\/* \u9009\u9879\u5361 *\/\n\n.TabNav,\n.TabNav&gt;div,\n.TabNav .nav-tabs,\n.TabNav .tab-content {\n    border: none !important;\n}\n\n.TabNav .nav-tabs&gt;li&gt;a {\n    border-top: none !important;\n    border-left: none !important;\n    border-right: none !important;\n    border-bottom: 2px solid white !important;\n    background-color: transparent !important;\n    transition: 0.3s;\n}\n\n.TabNav .nav-tabs&gt;li.active&gt;a,\n.TabNav .nav&gt;li&gt;a:hover,\n.TabNav .nav&gt;li&gt;a:focus {\n    border-bottom: 2px solid currentColor !important;\n}\n\n\n\/*\u6570\u636e\u9a8c\u8bc1\u63d0\u793a\u6846*\/\n\n.dataValidationInput {\n    padding: 10px;\n    border-radius: 5px;\n    width: 150px;\n}\n\n\n\/*\u5fc5\u586b\u7ea2\u8272\u661f\u53f7 \u53f3\u8fb9*\/\n\n.filledtext-right label::before {\n    content: '*';\n    color: red;\n    position: absolute;\n    right: -10px;\n}\n\n.filledtext-left label::before {\n    content: '*';\n    color: red;\n    position: absolute;\n    left: -10px;\n}\n\n\n\/*\u6811\u578b\u63d2\u4ef6\u6837\u5f0f*\/\n\n.ztree li {\n    margin: 5px 0px !important;\n}\n\n.MytreeDiv .ztree li a {\n    padding: 5px 15px !important;\n}\n\n\n\/*\u5f39\u7a97\u786e\u8ba4*\/\n\n[popuptype=\"confirmbox\"] {\n    height: auto !important;\n    border: none !important;\n    background: #fff !important;\n    border-radius: 12px !important;\n}\n\n[popuptype=\"confirmbox\"] .FUI-dialog-header {\n    display: none !important;\n}\n\n[popuptype=\"confirmbox\"] .FUI-dialog-content {\n    width: 100% !important;\n    height: auto !important;\n    background-color: transparent !important;\n    border-radius: 12px 12px 0 0;\n    overflow: hidden;\n}\n\n[popuptype=\"confirmbox\"] #fgc-confirmbox-icontext {\n    display: flex;\n    flex-flow: column;\n    padding: 10px 0 !important;\n}\n\n[popuptype=\"confirmbox\"] .FUI-imagetext-icon {\n    margin: 12px 0 !important;\n    width: 90px !important;\n    height: 90px !important;\n}\n\n[popuptype=\"confirmbox\"] .FUI-imagetext-text {\n    font-weight: 500;\n    font-size: 16px !important;\n    color: #1e1e1e;\n    white-space: pre-wrap !important;\n    line-height: 20px !important;\n    padding: 4px 25px !important;\n}\n\n[popuptype=\"confirmbox\"] .FUI-dialog-footer {\n    justify-content: center;\n    background-color: white !important;\n    border-radius: 0 0 12px 12px;\n    margin-bottom: 10px;\n}\n\n[popuptype=\"confirmbox\"] .FUI-button {\n    outline: none;\n    border: none;\n    border-radius: 6px;\n    margin: 0 20px;\n    margin-right: 20px !important;\n    margin-left: 20px !important;\n    height: 32px !important;\n    width: 90px;\n}\n\n[popuptype=\"confirmbox\"] .FUI-button-group {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n}\n\n[popuptype=\"confirmbox\"] .FUI-flex-direction-row-reverse {\n    flex-direction: row-reverse !important;\n}\n\n[popuptype=\"confirmbox\"] #FUI-dialog-ok {\n    background-color: #6c63fe !important;\n    color: white;\n}\n\n\n\/*\u6a2a\u5411\u5bfc\u822a\u680f*\/\n\n.topbar {\n    border-radius: 5px;\n    box-shadow: 1px 2px 5px #0000000a;\n}\n\n.topbar&gt;.menuContainer {\n    padding: 0 1rem;\n}\n\n.topbar&gt;.menuContainer li {\n    text-align: center;\n    padding: 0 10px !important;\n    width: auto !important;\n}\n\n.topbar&gt;.menuContainer li&gt;a {\n    padding-left: 0 !important;\n}\n\n.topbar&gt;.menuContainer li&gt;a&gt;span {\n    margin: 0 !important;\n}\n\n.over-hidden {\n    overflow: hidden;\n}\n\n\n\/*\u6587\u5b57\u6846*\/\n\n.title-yinyong {\n    padding: 10px;\n    height: auto !important;\n    background-color: rgb(105 141 154 \/ 15%) !important;\n    border-radius: 6px;\n}\n\n\n\/*html\u7f16\u8f91\u6846*\/\n\n.html-edit {\n    border-radius: 6px;\n    border: solid 1px #ccc;\n}\n\n.html-edit .note-toolbar {\n    border-radius: 6px 6px 0 0 !important;\n}\n\n.html-edit .note-editable {\n    background-color: transparent !important;\n    font-size: 12px;\n    line-height: 0.5;\n}\n\n.html-edit .note-btn {\n    padding: 3px 5px !important;\n    font-size: 12px !important;\n}\n\n.html-edit .note-dropdown-item {\n    white-space: nowrap;\n    font-size: 12px;\n}\n\n.html-edit .note-frame {\n    border: none !important;\n}\n\n.html-edit .note-editor.note-frame,\n.note-editor.note-airframe {\n    border: none !important;\n}\n\n.hideScrollbar div {\n    display: none;\n}\n\n\n\/*\u7528\u6237\u6846*\/\n\n.userdrop {\n    margin: 0 10px;\n    width: auto !important;\n}\n\n.userdrop .fgc-container {\n    position: relative !important;\n}\n\n.userdrop .fgc-container td&gt;img {\n    padding: 3px !important;\n    margin: 0 !important;\n    border-radius: 100%;\n}\n\n\n\/*\u5de5\u4f5c\u6d41\u7a0b\u6761*\/\n\n.liuchengtiao-column div[id$=\"ActionDiv\"] {\n    margin-top: 10px;\n}\n\n.liuchengtiao-column button {\n    border: none;\n    border-radius: 6px;\n    height: 32px !important;\n    outline: none;\n}\n\n.liuchengtiao-column label {\n    font-size: 12px;\n}\n\n.liuchengtiao-row div[id$=\"ActionDiv\"] {\n    flex-flow: row-reverse;\n    flex-wrap: nowrap !important;\n    text-align: center;\n}\n\n.liuchengtiao-row .fgc-align__inner&gt;div {\n    display: flex;\n    flex-flow: row;\n    justify-content: flex-end;\n    align-content: center;\n    width: 100%;\n}\n\n.liuchengtiao-row .fgc-align__inner&gt;div&gt;button {\n    background: none;\n}\n\n.liuchengtiao-row .fgc-align&gt;div {\n    display: flex;\n    flex-flow: row-reverse;\n    justify-content: space-between;\n}\n\n.liuchengtiao-row [id$=\"ActionDiv\"] button {\n    height: 32px;\n}\n\n.liuchengtiao-row button {\n    border: none;\n    border-radius: 6px;\n    height: 32px !important;\n    width: auto !important;\n    padding: 0 8px !important;\n    outline: none;\n    margin-right: 10px !important;\n    font-size: 12px !important;\n    min-width: 60px;\n    text-align: center !important;\n    align-content: center !important;\n}\n\n.lct-btn {\n    outline: none !important;\n    border: none !important;\n    border-radius: 6px;\n}\n\n.fontwhite td&gt;span {\n    color: white;\n    font-weight: 500;\n    font-size: 16px !important;\n}\n\n\n\/*label*\/\n\n.ec-label label,\n.ec-label a {\n    text-overflow: ellipsis;\n    white-space: nowrap !important;\n    overflow: hidden;\n}\n\n.ec-label .fgc-align {\n    width: 100%;\n}\n\n\n\/*\u5b50\u9875\u9762\u76f8\u5173*\/\n\n.title-ziyemian&gt;div&gt;div&gt;div {\n    background-color: transparent !important;\n}\n\n.fgc-page-container.fgc-page-elements-container {\n    background-color: transparent !important;\n}\n\n.flex-column {\n    transition: 0.5s;\n}\n\n.title-ziyemian::before {\n    transform: scaleY(1) perspective(5em) rotateX(356deg);\n    transform-origin: left top;\n    transition: 0.5s;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 0;\n    background: rgb(202 202 202 \/ 20%);\n    border-radius: 0 10px 30px 0;\n}\n\n.title-ziyemian&gt;div&gt;[id^=\"r0c0p_content\"] {\n    display: flex;\n    justify-content: center;\n    align-content: center;\n    flex-flow: column;\n}\n\n.penetrable {\n    background-color: transparent !important;\n}\n\n\n\/*\u8fdb\u5ea6\u6761\u57fa\u7840\u6837\u5f0f*\/\n\n.ui-stepper-horizontal .ui-step .ui-step-cont-text {\n    font-size: 10px !important;\n    font-weight: normal !important;\n}\n\n.ui-stepper-horizontal .ui-step.edit .ui-step-cont-text {\n    font-weight: 200 !important;\n    color: #f96302 !important;\n}\n\n.ui-stepper-horizontal {\n    background-color: transparent !important;\n}\n\n\n\/*\u5361\u7247\u5706\u89d2\u6807\u7b7e\u6587\u5b57*\/\n\n\n.title-tag-gary .fgc-align{\n    height: auto !important;\n}\n.title-tag-gary .fgc-align__inner {\nbackground-color: #cfcfcf26;\n    border-radius: 20px;\n    padding: 5px 8px;\n    font-size: 10px !important;\n}\n.title-tag-gary label{\n  line-height: 1;\n}\n\n.title-tag-info .fgc-align{\n    height: auto !important;\n}\n.title-tag-info .fgc-align__inner {\n    background-color: #67C23A;\n    border-radius: 20px;\n    padding: 0 6px;\n    font-size: 10px !important;\n    height: 22px;\n    \n}\n.title-tag-info label{\n  color: #FFF !important;\n  line-height: 1;\n}\n\n.title-tag-warning .fgc-align{\n    height: auto !important;\n}\n.title-tag-warning .fgc-align__inner {\n    background-color: #FAAD14;\n    border-radius: 20px;\n    padding: 0 6px;\n    font-size: 10px !important;\n    height: 22px;\n    color: #FFF !important;\n}\n.title-tag-warning label{\n  color: #FFF !important;\n  line-height: 1;\n}\n\n.title-tag-error .fgc-align{\n    height: auto !important;\n}\n.title-tag-error .fgc-align__inner {\n    background-color: #F5222D;\n  border-radius: 20px;\n    padding: 0 6px;\n    font-size: 10px !important;\n    height: 22px;\n    color: #FFF !important;\n}\n.title-tag-error label{\n  color: #FFF !important;\n  line-height: 1;\n}\n\n\n\/*\u591a\u9009\u6846*\/\n\n.normal-duoxuan .fgc-align__inner {\n    white-space: normal !important;\n}\n\n.normal-duoxuan .fgc-toggle-groupbutton {\n    padding: 2px 5px !important;\n    border-radius: 3px;\n    margin: 4px !important;\n}\n\n.tag-duoxuan .fgc-toggle-groupbutton {\n    padding: 2px 5px !important;\n    border-radius: 3px;\n    margin: 5px !important;\n}\n\n.tag-duoxuan::-webkit-scrollbar {\n    display: none;\n}\n\n.flex-duoxuan .fgc-align__inner {\n    display: flex;\n    flex-flow: wrap;\n    align-content: center;\n    justify-content: center;\n    height: auto !important;\n}\n\n.flex-duoxuan .fgc-toggle-groupbutton {\n    padding: 10px !important;\n    border-radius: 3px;\n    margin: 5px !important;\n}\n\n.flex-duoxuan .fgc-align {\n    display: flex !important;\n    align-content: center;\n    justify-content: center;\n}\n\n.flex-duoxuan::-webkit-scrollbar {\n    display: none;\n}\n\n\n\/*\u4e0b\u62c9\u6846*\/\n\n.dropdown-up .gcim-dropdown-down {\n    border: solid 1px #efefef;\n    border-radius: 6px;\n    margin-bottom: 6px !important;\n}\n\n.gcim-dropdown-down {\n    border: solid 1px #efefef;\n    border-radius: 6px;\n    margin-top: 6px !important;\n    \n}\n\n.gcim-dropdown-down .gcim__listbox {\n    border: none !important;\n}\n\n\n\/*\u591a\u9009\u6846*\/\n\n.tagbox .fgc-align__inner&gt;label {\n    border-radius: 3px;\n}\n\n.tagbox .fgc-align__inner&gt;label:hover {\n    border-style: dashed;\n    border-width: 1px;\n    border-color: #ccc;\n}\n\n.tagbox .fgc-align__inner&gt;label&gt;span {\n    margin-right: 5px;\n}\n\n.tagbox-close .fgc-align__inner&gt;label&gt;span{\n    transition-duration: 0.3s;\n}\n.tagbox-close .fgc-align__inner&gt;label&gt;span:hover::before {\n    content: '\\2716';\n    color: rgb(172, 172, 172);\n    font-size: 10px;\n    right: 5px;\n    position: absolute;\n}\n\n\n\/*\u8bc4\u5206\u63d2\u4ef6\u4fee\u6539*\/\n\n.pingfen div&gt;div {\n    display: flex;\n    padding: 5px;\n    justify-content: flex-start;\n}\n\n\n\/*\u6807\u9898\u6837\u5f0f*\/\n\n.title-text label:after {\n    content: \"\";\n    height: 80%;\n    background-color: #6c63fe;\n    position: absolute;\n    left: 0;\n    width: 3px;\n    top: 10%;\n}\n\n.title-text label {\n    margin-left: 10px;\n}\n\n\n\/*\u56fe\u6587\u5217\u8868*\/\n\n\/* \u56fe\u6587\u5217\u8868\u4e2d\u6309\u94ae *\/\n.repeater-item:hover .hover-btn {\n    transition: all 0.5s;\n    opacity: 1;\n}\n\n.repeater-item .hover-btn {\n    opacity: 0;\n}\n\n\/* \u65e0\u6570\u636e\u72b6\u6001 *\/\n[id$=\"NoItem\"] img {\n    height: auto !important;\n}\n\n\/* \u5361\u7247\u5217\u8868 *\/\n.repeater-card {\n    padding: 10px;\n}\n\n.repeater-card .repeater-item {\n    margin: 6px 0;\n    border-radius: 6px;\n    transition: 0.3s ease;\n    box-sizing: border-box;\n    \/* background-color: white !important; *\/\n    border: solid 1px #cccccc00;\n}\n\n.repeater-card .repeater-item:hover {\n    opacity: 1;\n    animation: DrakToLight 2s ease-in-out;\n    border: solid 1px #cccccc30;\n    \/* box-shadow: 0px 2px 18px -8px rgb(0 36 100 \/ 30%); *\/\n}\n\n\n\/* \u666e\u901a\u5217\u8868 *\/\n.repeater-col-list .repeater-item {\n    transition: 0.3s ease;\n}\n\n.repeater-col-list .repeater-item:not(:last-child) {\n    border-bottom: 1px solid rgb(204 204 204 \/ 38%);\n    border-image: linear-gradient(to right, #eaeaea00, #eaeaeac2, #eaeaea00) 1 10;\n}\n\n.repeater-col-list .repeater-item:last-child {\n    border-bottom: 1px solid transparent;\n}\n\n.repeater-col-list .repeater-item:hover {\n    border-bottom: 1px solid transparent;\n    z-index: 2;\n    box-shadow: 0px 0px 12px -6px #41576b38;\n    animation: DrakToLight 2s ease-in-out;\n}\n\n\/* \u5361\u7247\u5217\u88682 *\/\n.repeater-card-back {\n    padding: 10px;\n}\n\n.repeater-card-back .repeater-item {\n    margin: 6px 0;\n    border-radius: 6px;\n    transition: 0.3s ease;\n    box-sizing: border-box;\n    background-color: white !important;\n    border: solid 1px #ffffff00;\n}\n\n.repeater-card-back .repeater-item:hover {\n    opacity: 1;\n    box-shadow: 0px 2px 18px -8px rgb(0 36 100 \/ 30%);\n}\n\n\/*\u804a\u5929\u754c\u9762\u8865\u5145*\/\n\n.ChatBox .repeater-item {\n    z-index: 1;\n}\n\n\n\/*\u56fe\u6587\u5217\u8868\u9f20\u6807\u6837\u5f0f*\/\n\n.repeater-cur .repeater-item * {\n    cursor: pointer;\n}\n\n\/* \u5706\u5f62\u56fe\u7247\u6837\u5f0f *\/\n.touxiang&gt;div&gt;div {\n    background-size: cover !important;\n    border-radius: 100%;\n}\n\n.touxiang-border&gt;div&gt;div {\n    border: solid 2px rgba(255, 255, 255, 0.767);\n}\n\n.touxiang {\n    border-radius: 100% !important;\n}\n\n.touxiang-right {\n    margin-left: -15px;\n}\n\n.touxiang-left {\n    margin-right: -15px;\n}\n\n.touxiang img {\n    max-width: 100%;\n    max-height: 100%;\n}\n\n.img-cover&gt;div&gt;div {\n    background-size: cover !important;\n}\n\n\n\/*mg*\/\n\n.mg-r-3 {\n    margin-right: 3px;\n}\n\n.mg-r-6 {\n    margin-right: 6px;\n}\n\n.mg-r-8 {\n    margin-right: 6px;\n}\n\n.mg-r-10 {\n    margin-right: 6px;\n}\n\n.mg-l-3 {\n    margin-left: 3px;\n}\n\n.mg-l-6 {\n    margin-left: 6px;\n}\n\n.mg-l-8 {\n    margin-left: 8px;\n}\n\n.mg-l-10 {\n    margin-left: 10px;\n}\n\n.mg-t-3 {\n    margin-top: 3px;\n}\n\n.mg-t-6 {\n    margin-top: 6px;\n}\n\n.mg-t-8 {\n    margin-top: 6px;\n}\n\n.mg-t-10 {\n    margin-top: 6px;\n}\n\n.mg-b-3 {\n    margin-bottom: 3px;\n}\n\n.mg-b-6 {\n    margin-bottom: 6px;\n}\n\n.mg-b-8 {\n    margin-bottom: 6px;\n}\n\n.mg-b-10 {\n    margin-bottom: 6px;\n}\n\n\n\/*pd*\/\n\n.pd-3 {\n    padding: 3px;\n}\n\n.pd-6 {\n    padding: 5px;\n}\n\n.pd-8 {\n    padding: 8px;\n}\n.pd-10 {\n    padding: 8px;\n}\n\n.pd-tb-3 {\n    padding: 2px 0;\n}\n\n.pd-tb-6 {\n    padding: 3px 0;\n}\n\n.pd-tb-8 {\n    padding: 5px 0;\n}\n\n\n.pd-lr-3 {\n    padding: 0 3px;\n}\n\n.pd-lr-6 {\n    padding: 0 5px;\n}\n\n.pd-lr-8 {\n    padding: 0 8px;\n}\n\n.ForguncyHyperlinkCellType-\u6d88\u606f\u901a\u77e5-LINK {\n    background-clip: content-box;\n}\n\n\n\/*\u53d6\u6d88\u6ea2\u51fa\u9690\u85cf*\/\n\n.overflow-box {\n    overflow: visible !important;\n}\n\n\n\/*\u6a21\u6001\u6846*\/\n\n.FUI-dialog {\n    border: none !important;\n    border-radius: 6px;\n}\n\n.FUI-dialog-header-close {\n    font-size: 1.5rem !important;\n    margin-right: 3px;\n    border: none !important;\n    color: #060606 !important;\n}\n\n.FUI-dialog-header {\n    border-radius: 6px 6px 0 0 !important;\n}\n\n.FUI-dialog-header-title {\n    font-size: 1.5rem !important;\n}\n\n.fgc-page-wrapper&gt;div {\n    border-radius: 0 0 6px 6px;\n}\n\n.FUI-dialog-header-close:hover {\n    background-color: transparent !important;\n}\n\n#fgc-popup-dialog[popuptype=\"dropdown\"] {\n    border-radius: 6px !important;\n}\n\n#fgc-popup-dialog[popuptype=\"confirmbox\"] {\n    border-radius: 6px !important;\n}\n\n#fgc-popup-dialog[popuptype=\"confirmbox\"] .FUI-dialog-content {\n    border-radius: 6px !important;\n}\n\n#fgc-popup-dialog[popuptype=\"dialog\"] .FUI-dialog-content {\n    border-radius: 0 0 6px 6px !important;\n}\n\n#fgc-popup-dialog[popuptype=\"dropdown\"] .FUI-dialog-content {\n    border-radius: 6px !important;\n}\n\n#fgc-popup-dialog&gt;.FUI-dialog-header {\n    border: none !important;\n    border-bottom: 1px solid #f3f2f2 !important;\n    height: auto !important;\n    padding: 1rem 1rem !important;\n    background-color: rgb(255 255 255) !important;\n    color: #060606 !important;\n}\n\na[href^=\"https:\/\/www.grapecity.com.cn\"] {\n    display: none;\n}\n\n\n\/*\u6587\u4ef6\u4e0a\u4f20\u63d2\u4ef6*\/\n\n.upfiels .btn-toolbar {\n    flex-flow: row;\n    height: 100%;\n}\n\n.upfiels .FP-explorer-toolbar {\n    height: 24px !important;\n    justify-content: space-between !important;\n}\n\n.upfiels .btn-toolbar:last-child {\n    margin-right: 0 !important;\n}\n\n.upfiels .FP-explorer-toolbar button {\n    font-size: 12px !important;\n    line-height: 12px !important;\n}\n\n.fgc-grid&gt;div {\n    border: 0;\n}\n\n#pagesContainer&gt;form&gt;div&gt;div&gt;a {\n    display: none i !important;\n}\n\n\/* a[href^=\"https:\/\/www.grapecity.com.cn\"] {\n    display: none;\n} *\/\n\n.create-item-touming,\n.create-item-touming&gt;div {\n    background: transparent;\n}\n\n\n\/*\u7cfb\u7edf\u81ea\u5e26\u6570\u636e\u9a8c\u8bc1\u5f39\u7a97*\/\n\n.tooltip {\n    filter: drop-shadow(2px 5px 3px #af000021);\n}\n\n\/* .tooltip.top .tooltip-arrow {\n    border-top-color: #a5a0fe !important;\n} *\/\n\n\/* .tooltip-inner {\n    \/\/background-color: #a5a0fe !important;\n} *\/\n\n\/* .tooltip.bottom .tooltip-arrow {\n    border-bottom-color: #a5a0fe;\n}\n\n.ForguncyTextCellType-\u767b\u5f55\u7f16\u8f91\u6846-MAIN ::-webkit-input-placeholder {\n    color: #a5a0fe !important;\n} *\/\n\n\n\/*\u8868\u683c\u7f8e\u5316*\/\n\n\n\/* \ntable canvas {\n    padding: 6px;\n    border-radius: 4px;\n    background: #fff;\n    box-shadow: 0px 8px 20px rgba(204, 204, 204, 0.171);\n} *\/\n\n.height-32-btn {\n    padding: 10px 5px;\n}\n\n.topTips {\n    padding: 3px;\n    height: auto !important;\n    margin-top: 4px;\n    position: absolute;\n    top: 0px;\n}\n\n.wrap-duoxuan .fgc-align__inner {\n    display: flex;\n    flex-flow: row;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    align-items: center;\n    flex-direction: row;\n    align-content: flex-start;\n}\n\n.wrap-duoxuan .FUI-toggle {\n    margin: 5px !important;\n    border-radius: 4px;\n}\n\n.center-duoxuan .fgc-align__inner {\n    display: flex;\n    flex-flow: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n    align-content: center;\n}\n\n.center-duoxuan .FUI-toggle {\n    margin: 5px !important;\n    border-radius: 4px;\n}\n\n\n\/*\u9690\u85cf\u6eda\u52a8\u6761*\/\n\n#placeHolderDiv::-webkit-scrollbar {\n    display: none;\n}\n\n\n\/*\u804a\u5929\u7a97\u53e3*\/\n\n.mssageBox-my {\n    display: flex;\n    flex: 0;\n    width: auto !important;\n    justify-content: flex-end;\n    align-content: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-items: center;\n    padding: 10px 0;\n    margin-right: 5px;\n}\n\n.mssageBox-my .fgc-align {\n    background-color: #e1dfff;\n    border-radius: 4px;\n    padding: 8px 10px;\n    box-shadow: 1px 3px 9px #7e79c724;\n    z-index: -1;\n    min-width: 50px !important;\n}\n\n.mssageBox-my .fgc-align:after {\n    content: \"\";\n    background-color: #e1dfff;\n    width: 10px;\n    height: 20px;\n    position: absolute;\n    transform: rotateZ(45deg);\n    z-index: -1;\n}\n\n.mssageBox .fgc-align:after {\n    content: \"\";\n    background-color: #ffffff;\n    width: 10px;\n    height: 20px;\n    position: absolute;\n    transform: rotateZ(-45deg);\n    z-index: -1;\n    left: 5px;\n}\n\n.mssageBox .fgc-align {\n    background-color: #ffffff;\n    border-radius: 4px;\n    padding: 5px 10px;\n    box-shadow: 0px 1px 5px #4242420f;\n    z-index: -1;\n    min-width: 50px !important;\n}\n\n.mssageBox {\n    display: flex;\n    flex: 0;\n    width: auto !important;\n    justify-content: flex-start;\n    align-content: center;\n    flex-wrap: nowrap;\n    flex-direction: row;\n    align-items: center;\n    padding: 5px 0;\n    margin-left: 5px;\n}\n\n\n\/*\u9876\u90e8\u5de5\u5177\u83dc\u5355*\/\n\n.toolbarnav-left ul {\n    justify-content: flex-start;\n}\n.toolbarnav-center ul {\n    justify-content: center;\n}\n.toolbarnav-right ul {\n    justify-content: flex-end;\n     }\n\n.toolbarnav ul {\n    box-sizing: inherit;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: center;\n    align-items: center;\n}\n\n.toolbarnav li&gt;a {\n    padding: 3px 16px !important;\n    max-height: 40px;\n}\n\n.toolbarnav li&gt;a span {\n    margin: 0 !important;\n    line-height: 24px !important;\n}\n\n.toolbarnav li&gt;a div[elemtype=\"icon\"] {\n    margin-right: 6px !important;\n}\n\n.toolbarnav li {\n    width: auto !important;\n    margin: 0 3px !important;\n    \n}\n\n.toolbarnav {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: center;\n    align-items: center;\n}\n\n.wrap-centenr .fgc-align__inner {\n    justify-content: center !important;\n}\n\n\n\/*\u79fb\u52a8\u7aef\u83dc\u5355*\/\n\n.m-nav [elemtype=\"icon\"] {\n    width: 24px !important;\n    height: 24px !important;\n    margin-bottom: 3px !important;\n}\n\n.m-nav .iconMenuContainer {\n    padding-top: 10px;\n    border-top: 1px solid #efefef !important;\n    background-color: #fff;\n}\n\n.m-nav .iconMenuContainer ul {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: center;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.m-nav .iconMenuContainer ul&gt;li&gt;a {\n    background: none !important;\n}\n\n.layDateDiv input {\n    background-color: #00000054 !important;\n    border-radius: 40px;\n}\n\n\/*\u79fb\u52a8\u7aef\u83dc\u5355*\/\n\n.m-icon-nav [elemtype=\"icon\"] {\n    width: 32px !important;\n    height: 32px !important;\n    margin-bottom: 3px !important;\n}\n\n.m-icon-nav .iconMenuContainer {\n    padding-top: 10px;\n    border-top: 1px solid #efefef !important;\n    background-color: #fff;\n}\n.m-icon-nav .menuText{\n    display: none  !important;\n}\n\n.m-icon-nav .iconMenuContainer ul {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-content: center;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.m-icon-nav .iconMenuContainer ul&gt;li&gt;a {\n    background: none !important;\n}\n\n.layDateDiv input {\n    background-color: #00000054 !important;\n    border-radius: 40px;\n}\n\n\/*\u9009\u9879\u5361*\/\n\n.m-tab-b .nav-tabs {\n    background-color: transparent !important;\n    padding-left: 10px !important;\n}\n\n.m-tab-b li&gt;a {\n    color: #444444 !important;\n    margin: 0;\n    font-size: 12px !important;\n    border: none !important;\n}\n\n.m-tab-b .nav&gt;li&gt;a:hover {\n    background-color: transparent;\n}\n\n.m-tab-b li.active {\n    color: #444444 !important;\n    font-size: 12px !important;\n    border-bottom: solid 2px #40A9FF !important;\n}<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\/*\u00a0 CSS\u6765\u81ea\u6d3b\u5b57\u683c\u8bba\u575b\u7684\uff1a\u590f\u8d85 \u00a0*\/ \/* \u78c1\u5438\u56fe\u6587\u5217\u8868 *\/ .row-list &gt; .repeater-container { scroll-snap-type: x mandatory; } .row-list &gt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,7],"class_list":["post-26","post","type-post","status-publish","format-standard","hentry","category-hzg","tag-css","tag-7"],"_links":{"self":[{"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/posts\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":3,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=\/wp\/v2\/posts\/26\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bbs.hgos.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}