* { box-sizing: border-box; }

.tbos-notice { position: fixed; top: 122px; left: 50%; padding: 16px 24px; transform: translate(-50%, 0); border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background: #ff5e52; color: #fff; z-index: 100000; }
.tbos-notice.success { background: #00cc66; }

.tbos { min-height: 300px; margin: 20px 20px 20px 0; background: #fff; border-radius: 4px; }

.tbos-tab { min-height: 53px; padding-right: 16px; margin-bottom: 24px; border-bottom: 1px solid #e1e6eb; }
.tbos-tab .tbos-tab-item { display: inline-block; padding: 16px; color: #1d2327; font-size: 14px; font-weight: bold; border-bottom: 2px solid transparent; cursor: pointer; }
.tbos-tab .tbos-tab-item.active { border-bottom: 2px solid #007bff; }
.tbos-tab addr{color:#21B734}
.tbos-tab::after { content: ''; display: block; visibility: hidden; clear: both; }

.tbos-panel { display: none; flex-wrap: wrap; padding: 0 24px 24px 24px; }
.tbos-panel.active { display: flex; }
.tbos-panel .tbos-tab-desc { flex: 0 0 100%; margin: 0 0 24px -8px; color: #80848f; }
.tbos-panel .tbos-copy-text { margin-left: 16px; color: #007bff; cursor: pointer; }

.tbos-icon-modal { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #fff; overflow: hidden; z-index: 999999; }
.tbos-icon-modal .tbos-icon-top { padding: 24px; font-size: 22px; color: #1d2327; font-weight: bold; clear: both; border-bottom: 1px solid #e1e6eb; }
.tbos-icon-modal .-close { float: right; font-size: 24px; cursor: pointer; color: #80848f; }
.tbos-icon-modal .-close:hover { opacity: 0.9; }
.tbos-icon-modal .tbos-icon-wraper { padding: 24px; text-align: center; height: calc(100vh - 149px); overflow: auto; }
.tbos-icon-modal .tbos-icon-item { display: inline-block; width: 150px; text-align: center; padding: 24px 16px; vertical-align: top; border: 1px solid transparent; border-radius: 4px; cursor: pointer; }
.tbos-icon-modal .tbos-icon-item .tbfa { font-size: 32px; }
.tbos-icon-modal .tbos-icon-item .tbos-icon-name { margin-bottom: 0; }
.tbos-icon-modal .tbos-icon-item.active { border: 1px solid #007bff; }
.tbos-icon-modal .tbos-icon-item:hover { border: 1px solid #007bff; }
.tbos-icon-modal .tbos-icon-footer { position: absolute; width: 100%; bottom: 0; padding: 24px; text-align: center; border-top: 1px solid #e1e6eb; }
.tbos-icon-modal .tbos-icon-cancel { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; margin-right: 16px; }
.tbos-icon-modal .tbos-icon-cancel:hover { color: #007bff; border: 1px solid #007bff; }
.tbos-icon-modal .tbos-icon-save { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; border: 1px solid #007bff; background: #007bff; color: #fff; }
.tbos-icon-modal .tbos-icon-save:hover { color: #007bff; border: 1px solid #007bff; }
.tbos-icon-modal .tbos-icon-save:hover { border: 1px solid #007bff; color: #fff; opacity: 0.85; }

.tbos-form-wraper { flex: 0 0 100%; overflow: hidden; }
.tbos-form-wraper.can-add { flex: 0 0 calc(100% - 304px); }

.tbos-sept{ margin: 0 80px 36px 80px; }
.tbos-sept .-t {padding: 24px 0 8px 0; margin: 0 0 8px 0; font-weight: bold; border-bottom: 1px solid #f0f4f8;}
.tbos-sept .-d {margin: 0; padding: 0; color: #80848f;}

.tbos-form-group { display: flex; margin-bottom: 16px; }
.tbos-form-group h4 { flex: 0 0 240px; margin: 0; text-align: right; padding-right: 24px; font-weight: normal;}
.tbos-form-group label { margin-right: 24px;}
.tbos-form-group .tbos-form-desc { margin-top: 2px; color: #80848f; }

.tobs-nodata { display: none; padding: 24px; margin: 0; text-align: center; color: #80848f; border: 2px dashed #e1e6eb; }
.tobs-nodata.active { display: block; }

.tbos-module-wraper { margin-bottom: 16px; border: 1px solid #e1e6eb; border-radius: 4px; }
.tbos-module-wraper .tbos-module-header { padding: 8px 16px; background: #f0f0f0; font-weight: bold; }
.tbos-module-wraper .tbos-module-header > .tbos-switch { float: right; margin-left: 16px; font-weight: normal; cursor: pointer; }
.tbos-module-wraper .tbos-module-header .tb-handle { float: right; margin-left: 16px; font-weight: normal; cursor: pointer; cursor: all-scroll; }
.tbos-module-wraper .tbos-module-header .del-module { float: right; margin-left: 16px; font-weight: normal; cursor: pointer; }
.tbos-module-wraper .tbos-module-header .del-module:hover { color: #ff5e52; }
.tbos-module-wraper .tbos-module-header .module-collapse { margin-top: -3px; float: right; margin-left: 16px; font-weight: normal; cursor: pointer; transition: transform 0.3s; }
.tbos-module-wraper .tbos-module-header .module-collapse::before { content: "\f140"; font: normal 20px dashicons; }
.tbos-module-wraper .tbos-module-header .module-collapse.active::before { content: "\f142"; }
.tbos-module-wraper .tbos-module-groups { display: none; padding-top: 16px; }

.tbos-modules { flex: 0 0 280px; margin-left: 24px; padding: 0 24px; border-left: 1px solid #e1e6eb; }
.tbos-modules .tbos-modules-title { padding: 0; margin: 0 0 16px 0; color: #1d2327; font-weight: bold; font-size: 14px; }
.tbos-modules .tbos-modules-title span { color: #80848f; font-size: 12px; font-weight: normal; }
.tbos-modules .tbos-module-item { height: 40px; margin-bottom: 12px; padding: 0 16px; line-height: 38px; border: 1px solid #e1e6eb; border-radius: 4px; background: #f0f0f0; cursor: pointer; }
.tbos-modules .tbos-module-item:hover { border: 1px solid #007bff; }

.tbos-footer { position: fixed; bottom: 0; left: 160px; right: 0; padding: 16px; text-align: center; background: #fff; box-shadow: 0 0 14px rgba(73, 80, 96, 0.1); }
.tbos-footer .tbos-reset-btn { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; margin-right: 16px; }
.tbos-footer .tbos-reset-btn:hover { color: #007bff; border: 1px solid #007bff; }
.tbos-footer .tbos-save-btn { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; border: 1px solid #007bff; background: #007bff; color: #fff; }
.tbos-footer .tbos-save-btn:hover { color: #007bff; border: 1px solid #007bff; }
.tbos-footer .tbos-save-btn:hover { border: 1px solid #007bff; color: #fff; opacity: 0.85; }

#tbos-form .tbos-textarea { min-width: 500px; min-height: 100px; resize: auto; height: 32px; width: 244px; padding: 0 8px; border-radius: 4px; border: 1px solid #e1e6eb; vertical-align: bottom; padding: 4px 8px; }
#tbos-form .tbos-textarea:focus { border: 1px solid #007bff; outline: none; box-shadow: none; }
#tbos-form .tbos-multi-anchor, #tbos-form .tbos-form-text, #tbos-form .tbos-select, #tbos-form .tbos-color { margin: 0 12px 0 0; line-height: 30px; height: 32px; width: 244px; padding: 0 8px; border-radius: 4px; border: 1px solid #e1e6eb; vertical-align: bottom; }
#tbos-form .tbos-multi-anchor:focus, #tbos-form .tbos-form-text:focus, #tbos-form .tbos-select:focus, #tbos-form .tbos-color:focus { border: 1px solid #007bff; outline: none; box-shadow: none; }
#tbos-form .tbos-multi-select { position: relative; }
#tbos-form .tbos-multi-select input { display: none; }
#tbos-form .tbos-multi-select .tbos-multi-anchor span { display: inline-block; max-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
#tbos-form .tbos-multi-select .tbos-count { color: #f90; }
#tbos-form .tbos-multi-select .tbos-multi-options { display: none; position: absolute; width: 244px; max-height: 160px; top: 32px; margin: 0; padding: 8px 0; background: #fff; border: 1px solid #e1e6eb; border-radius: 4px; z-index: 1; overflow-y: auto; }
#tbos-form .tbos-multi-select .tbos-multi-item { margin: 0; padding: 8px 16px; }
#tbos-form .tbos-multi-select .tbos-multi-item.active { color: #007bff; }
#tbos-form .tbos-multi-select .tbos-multi-item:hover { background: #f0f0f0; }
#tbos-form .tbos-card-radio { position: relative; display: inline-block; width: 130px; max-height: 102px; margin-right: 16px; padding: 4px; vertical-align: middle; border-radius: 4px; border: 1px solid #e8eaef; overflow: hidden; cursor: pointer; }
#tbos-form .tbos-card-radio input { position: absolute; visibility: hidden; }
#tbos-form .tbos-card-radio img { max-width: 100%; max-height: 100%; }
#tbos-form .tbos-card-radio.checked { border: 1px solid #007bff; }
#tbos-form .tbos-select { padding-right: 24px; }
#tbos-form .tbos-color { width: 80px; }
#tbos-form .tbos-switch { position: relative; display: inline-block; width: 40px; height: 20px; background: #ccc; border-radius: 11px; cursor: pointer; }
#tbos-form .tbos-switch input { width: 42px; visibility: hidden; }
#tbos-form .tbos-switch:before { position: absolute; content: ''; height: 16px; width: 16px; border-radius: 50%; left: 2px; top: 2px; background: #fff; transition: all .3s; }
#tbos-form .tbos-switch.active { background: #007bff; }
#tbos-form .tbos-switch.active:before { left: 22px; }
#tbos-form .tbos-checkbox-label input[type="checkbox"] { position: relative; border: 1px solid #e1e6eb; }
#tbos-form .tbos-checkbox-label input[type="checkbox"]:checked { border: 1px solid #007bff; }
#tbos-form .tbos-checkbox-label input[type="checkbox"]:checked:before { position: absolute; display: inline-block; content: ""; width: 4px; height: 6px; top: 5px; left: 8px; transform: rotate(28deg); border-bottom: 2px solid #007bff; border-right: 1px solid #007bff; }
#tbos-form .tbos-checkbox-label input[type="checkbox"]:focus { box-shadow: none; outline: none; border: 1px solid #007bff; }
#tbos-form .tbos-upload-text { width: 427px; }
#tbos-form .tbos-upload-btn { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; border: 1px solid #007bff; background: #007bff; color: #fff; display: none; }
#tbos-form .tbos-upload-btn:hover { color: #007bff; border: 1px solid #007bff; }
#tbos-form .tbos-upload-btn:hover { border: 1px solid #007bff; color: #fff; opacity: 0.85; }
#tbos-form .tbos-upload-btn.active { display: inline-block; }
#tbos-form .tbos-remove-btn { display: inline-block; height: 32px; min-width: 60px; padding: 0 8px; line-height: 32px; background: #fff; border: 1px solid #e1e6eb; color: #80848f; border-radius: 4px; cursor: pointer; transition: all 0.3s; display: none; }
#tbos-form .tbos-remove-btn:hover { color: #007bff; border: 1px solid #007bff; }
#tbos-form .tbos-remove-btn:hover { border: 1px solid #ff5e52; color: #ff5e52; opacity: 0.85; }
#tbos-form .tbos-remove-btn.active { display: inline-block; }
#tbos-form .tbos-screenshot { max-width: 500px; }
#tbos-form .tbos-screenshot img { display: block; margin-top: 4px; max-width: 100%; max-height: 60px; }

.tbos-icon-select { position: relative; width: 80px; height: 80px; text-align: center; border: 1px solid #e1e6eb; }
.tbos-icon-select .tbos-icon-input { position: absolute; visibility: hidden; }
.tbos-icon-select .icon-selected { display: none; font-size: 48px; line-height: 78px; }
.tbos-icon-select .tbos-no-icon { display: inline-block; line-height: 78px; width: 100%; cursor: pointer; color: #80848f; }
.tbos-icon-select .tbos-no-icon:hover { color: #007bff; }
.tbos-icon-select .-editor { display: none; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; color: #fff; font-size: 24px; line-height: 78px; cursor: pointer; }
.tbos-icon-select .-close { display: none; position: absolute; width: 20px; height: 20px; right: 0; top: 0; line-height: 20px; color: #fff; background: #ff5e52; cursor: pointer; }
.tbos-icon-select.active .tbos-no-icon { display: none; }
.tbos-icon-select.active .icon-selected { display: inline-block; }
.tbos-icon-select.active:hover .-editor, .tbos-icon-select.active:hover .-close { display: block; }

#addtag .tbos-upload-text, #edittag .tbos-upload-text, #tbos-page-banner .tbos-upload-text, #tbos-page-module .tbos-upload-text, .widget-content .tbos-upload-text { width: calc(100% - 50px); }
#addtag .tbos-upload-btn, #addtag .tbos-remove-btn, #edittag .tbos-upload-btn, #edittag .tbos-remove-btn, #tbos-page-banner .tbos-upload-btn, #tbos-page-banner .tbos-remove-btn, #tbos-page-module .tbos-upload-btn, #tbos-page-module .tbos-remove-btn, .widget-content .tbos-upload-btn, .widget-content .tbos-remove-btn { display: none; }
#addtag .tbos-upload-btn.active, #addtag .tbos-remove-btn.active, #edittag .tbos-upload-btn.active, #edittag .tbos-remove-btn.active, #tbos-page-banner .tbos-upload-btn.active, #tbos-page-banner .tbos-remove-btn.active, #tbos-page-module .tbos-upload-btn.active, #tbos-page-module .tbos-remove-btn.active, .widget-content .tbos-upload-btn.active, .widget-content .tbos-remove-btn.active { display: inline-block; }
#addtag .tbos-screenshot, #edittag .tbos-screenshot, #tbos-page-banner .tbos-screenshot, #tbos-page-module .tbos-screenshot, .widget-content .tbos-screenshot { max-width: 500px; }
#addtag .tbos-screenshot img, #edittag .tbos-screenshot img, #tbos-page-banner .tbos-screenshot img, #tbos-page-module .tbos-screenshot img, .widget-content .tbos-screenshot img { display: block; margin-top: 4px; max-width: 100%; max-height: 60px; }

.tbos-post-group:not(:last-child) { margin-bottom: 12px; }
.tbos-post-group .tbos-upload-btn, .tbos-post-group .tbos-remove-btn { display: none; }
.tbos-post-group .tbos-upload-btn.active, .tbos-post-group .tbos-remove-btn.active { display: inline-block; }
/* .tbos-post-group .tbos-label { display: block; } */
.tbos-post-group input[type=text] { width: 100%; }
.tbos-post-group input[type=text].tbos-upload-text { width: calc(100% - 48px); }
.tbos-post-group textarea { width: 100%; }

.menu-item:not(.menu-item-depth-0) .layout, .menu-item:not(.menu-item-depth-0) .icon {display: none;}
.menu-item-depth-0 .media, .menu-item-depth-0 .desc  {display: none;}
.tbos-menu-group { float: left; margin-bottom: 8px; }
.tbos-menu-group .tbos-label { display: block; }
.tbos-menu-group.media, .tbos-menu-group.icon, .tbos-menu-group.desc, .tbos-menu-group.desc input, .tbos-menu-group.layout, .tbos-menu-group.layout select, .tbos-menu-group.badge_c select { width: 100%; }
.tbos-menu-group.badge_t,  .tbos-menu-group.badge_c{ width: calc(50% - 5px); }
.tbos-menu-group.badge_t { margin-right: 10px; }
.tbos-menu-group .tbos-screenshot { margin-top: 4px; }
.tbos-menu-group .tbos-screenshot img { max-height: 24px; max-width: 100%; }
.tbos-menu-group .tbos-upload-text { width: calc(100% - 48px); }
.tbos-menu-group .tbos-upload-btn, .tbos-menu-group .tbos-remove-btn { display: none; }
.tbos-menu-group .tbos-upload-btn.active, .tbos-menu-group .tbos-remove-btn.active { display: inline-block; }


@font-face { font-family: "tbfa"; src: url("../../../assets/icon/iconfont.woff2?t=1649725316421") format("woff2"), url("../../../assets/icon/iconfont.woff?t=1649725316421") format("woff"), url("../../../assets/icon/iconfont.ttf?t=1649725316421") format("truetype"); }
.tbfa { font-family: "tbfa" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }