jsx/Doc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
main
Doc/05.交接文档/绥德产品交接文档/客户端-PC端 V1.1.0 二_三期/p1858611d4ef0956aee05051b-1577176141/webpack/html-zip-v3-214542dd1c73af919017.css
Jsx 6e0b343fee 更新
2023-10-11 15:12:12 +08:00

3076 lines
83 KiB
CSS
Raw Permalink Blame History

* {
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html, body {
font-family: -apple-system, "SF UI Text", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Zen Hei", sans-serif;
font-weight: normal;
line-height: 18px;
font-size: 16px;
overflow: hidden;
height: 100%;
}
body {
font-size: 12px;
overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}
/* reset */
button {
background: none;
border: 0;
outline: 0;
border-radius: 0;
color: inherit;
cursor: pointer;
}
input {
background: none;
border: 0;
outline: 0;
}
/* ellipsis */
.quote {
display: inline-block;
}
.user-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 10em;
}
.project-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 15em;
}
.widget-name {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 12em;
}
/* form */
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly]) {
padding: .25em .5em;
background: #fff;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #27364e;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly])::-webkit-input-placeholder {
color: #a9afb8;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly])::-moz-placeholder {
color: #a9afb8;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly]):-ms-input-placeholder {
color: #a9afb8;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly])::-ms-input-placeholder {
color: #a9afb8;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly])::placeholder {
color: #a9afb8;
}
input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly]):hover, input.regular:not([type="radio"]):not([type="checkbox"]):not([readonly]):focus {
border-color: #eb5648;
}
input.regular[readonly] {
padding: .25em .5em;
background-color: #f6f6f6;
border: 0;
color: rgba(#27364e, .4);
}
textarea.regular:focus {
outline: 0;
}
textarea.regular[readonly] {
padding: .25em .5em;
background-color: #f6f6f6;
border: 0;
color: rgba(#27364e, .4);
}
button.regular, button.primary {
padding: .25em;
border: 1px solid #eb5648;
border-radius: 1px;
color: #eb5648;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
button.regular:not(button), button.primary:not(button) {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
button.regular:hover:not([disabled]), button.primary:hover:not([disabled]) {
background-color: #eb5648;
border: 1px solid #eb5648;
color: #fff;
}
button.regular[disabled], button.primary[disabled] {
opacity: .6;
}
button.primary {
background-color: #eb5648;
color: #fff;
}
button.primary:hover:not([disabled]) {
background-color: #ff7c75;
border-color: #ff7c75;
color: #fff;
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#app {
overflow: hidden;
}
#simulator {
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
position: relative;
z-index: 4;
}
#simulator .group, #simulator .ppanel {
/* 未设置链接的母版/组合不接收鼠标事件, 以防遮挡底部有链接的组件 */
pointer-events: none;
}
#simulator .group.clickable, #simulator .ppanel.clickable {
pointer-events: auto;
}
#simulator .group .widget, #simulator .ppanel .widget {
/* 内部元素均需要设回pe, 以保证全局手势正常 */
pointer-events: auto;
}
#simulator .group.invisible, #simulator .ppanel.invisible {
pointer-events: none;
}
#simulator .group.invisible *, #simulator .ppanel.invisible * {
pointer-events: none !important;
}
#simulator .ppanel {
/* 保证panel内部fixed定位的元素不会错位, https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children */
-webkit-transform: translateX(0);
transform: translateX(0);
overflow: hidden;
}
#simulator .ppanel .panel-scroll-box {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
/* Note: 根据 CSS 权重规则, 可能不需要 !important */
#simulator .ppanel.panelShow {
overflow: visible;
}
#simulator .ppanel.panelShow .panel-scroll-box {
overflow: visible !important;
}
#simulator .ppanel.panelShow .panel-scroll-box .pstate {
overflow: visible !important;
}
#simulator .ppanel.panelHidden {
overflow: hidden;
}
#simulator .ppanel.panelHidden .panel-scroll-box {
overflow: hidden;
width: 100% !important;
height: 100% !important;
}
#simulator .ppanel.panelHidden .panel-scroll-box .pstate {
overflow: hidden;
}
#simulator .ppanel.panelScrollX {
overflow: hidden;
}
#simulator .ppanel.panelScrollX .panel-scroll-box {
overflow: hidden;
height: 100% !important;
}
#simulator .ppanel.panelScrollX .panel-scroll-box .pstate {
overflow: hidden;
}
#simulator .ppanel.panelScrollY {
overflow: hidden;
}
#simulator .ppanel.panelScrollY .panel-scroll-box {
overflow: hidden;
width: 100% !important;
}
#simulator .ppanel.panelScrollY .panel-scroll-box .pstate {
overflow: hidden;
}
#simulator .pg {
display: none;
}
#simulator .lr {
background: transparent;
opacity: 1;
border: none;
}
#simulator .clickable > .region {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 195, 16, 0.2);
z-index: 100;
display: none;
background-repeat: no-repeat;
background-position: 50%;
border: 1px solid #ff7100;
}
#simulator .pg {
left: 50%;
margin-left: -20px;
z-index: 110;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
#simulator .pg.stap {
top: 10px;
}
#simulator .pg.sleft {
top: 60px;
}
#simulator .pg.sright {
top: 120px;
}
#simulator .pg.sup {
top: 180px;
}
#simulator .pg.sdown {
top: 240px;
}
#simulator .pg.sshake {
top: 300px;
}
#simulator .pg.sdtap {
top: 300px;
}
#simulator #app {
background: #f0f0f2;
width: 100%;
height: 100%;
position: absolute;
background-size: 100% auto;
z-index: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
/* PATCH: create stacking context to prevent fixed widgets overflow screen */
#simulator #app .pstate {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 1;
}
#simulator #app .pcanvas {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
/* 页面的header/footer区域 */
#simulator #app .pcanvas .screen-header, #simulator #app .pcanvas .screen-footer {
position: relative;
overflow: hidden;
}
#simulator #app .pcanvas .screen-footer .footer-widgets {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#simulator #app .pcanvas .screen-content {
position: relative;
-webkit-box-flex: 1;
flex: 1;
overflow: hidden;
}
#simulator #app .pcanvas .screen-content .iScrollVerticalScrollbar {
/* 保证滚动条不被固定位置元素盖住 */
z-index: 2147483647 !important;
}
#simulator #app .pcanvas, #simulator #app .pstate {
-webkit-transition: all 10ms ease-in-out;
transition: all 10ms ease-in-out;
-webkit-transition: unset !important;
transition: unset !important;
z-index: 1;
width: 100%;
height: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: transparent;
background-repeat: repeat;
background-position: top left;
background-size: 100% auto;
overflow: hidden;
}
#simulator #app .pcanvas .widgets, #simulator #app .pstate .widgets {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
#simulator #app .pcanvas .widgets .scontainer, #simulator #app .pstate .widgets .scontainer {
position: absolute;
overflow: hidden;
width: 100%;
}
#simulator #app .pcanvas.mouseAble, #simulator #app .pstate.mouseAble {
pointer-events: auto;
}
#simulator.is-outside-visible #app {
overflow: visible;
}
#simulator.is-outside-visible #app .pcanvas {
overflow: visible;
}
#simulator.is-outside-visible #app .pcanvas .screen-header, #simulator.is-outside-visible #app .pcanvas .screen-footer {
overflow: visible;
}
#simulator.is-outside-visible #app .pcanvas .screen-content {
overflow: visible;
}
#simulator.is-outside-visible #app .pcanvas .screen-content .widgets {
overflow: visible;
}
#simulator.is-outside-visible #app .pcanvas .screen-content .widgets .scontainer {
overflow: visible;
}
.splash {
position: absolute;
width: 100%;
height: 100%;
background: #f5f5f5;
overflow: hidden;
margin-bottom: 500px;
top: 0;
z-index: 2;
}
.splash img {
position: absolute;
width: 100%;
height: 100%;
}
.splash .loading {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: absolute;
top: 50%;
width: 100%;
height: 30px;
}
.splash .loading .splash-loading {
width: 30px;
height: 30px;
}
.landscape .splash img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
body.mobile #simulator #app {
background: #000;
overflow: visible;
}
body.mobile #simulator #app .pcanvas {
overflow: visible;
}
body.mobile #simulator .ppanel {
overflow: auto;
}
body.mobile #simulator .ppanel.panelShow {
overflow: visible;
}
body.mobile #simulator .map_view .image {
overflow: auto;
}
body.embed {
background: transparent;
}
body.embed #sticky-container {
display: none;
}
body.embed #project-shell {
position: absolute;
pointer-events: none;
}
body.embed #device {
position: absolute;
background-size: 100%;
}
body.embed #device #workspace {
position: absolute;
z-index: 2;
}
body.embed #device #splash {
position: absolute;
overflow: hidden;
}
body.embed .spinner {
display: none;
}
body.embed #mask {
position: absolute;
z-index: 3;
background: rgba(0, 0, 0, 0.3);
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
body.embed #mask:hover {
background: rgba(0, 0, 0, 0.35);
}
body.embed #mask #play {
font-size: 64px;
color: #fff;
opacity: 0.7;
cursor: pointer;
}
body.embed #mask #play:hover {
opacity: 1;
}
.widget {
position: absolute;
}
.widget.highlight {
opacity: 0.5 !important;
background-color: rgba(223, 140, 0, 0.3) !important;
}
.widget.tdunderline .text {
text-decoration: underline;
}
.widget.tdoverline .text {
text-decoration: overline;
}
.widget.tdline-through .text {
text-decoration: line-through;
}
.widget .template {
display: none;
}
.pg {
width: 40px;
height: 40px;
background: rgba(255, 97, 97, 0.3);
z-index: 7;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font-size: 24px;
}
.text_view {
background: transparent;
color: #101010;
overflow: hidden;
border-color: #bbb;
}
.rounded_rect {
background: transparent;
color: #101010;
overflow: hidden;
border-color: #bbb;
}
.circle_rect {
background: transparent;
color: #101010;
overflow: hidden;
border-color: #bbb;
}
.mtooltip {
background: transparent;
color: #101010;
overflow: hidden;
border-color: #bbb;
}
.text_view .text, .rounded_rect .text, .circle_rect .text, .mtooltip .text {
width: 100%;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
}
.text_view .text p, .rounded_rect .text p, .circle_rect .text p, .mtooltip .text p {
padding: 0;
margin-bottom: 5px;
white-space: pre-wrap;
}
.text_view .text p:last-child, .rounded_rect .text p:last-child, .circle_rect .text p:last-child, .mtooltip .text p:last-child {
margin-bottom: 0;
}
.stickyCircle {
cursor: pointer;
}
.rich_text {
display: -webkit-box;
display: flex;
background: transparent;
color: #101010;
overflow: hidden;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
}
.rich_text.auto {
white-space: pre;
overflow: visible;
}
.rich_text .rich-text {
width: 100%;
}
.rich_text.vtop {
-webkit-box-align: start;
align-items: flex-start;
}
.rich_text.vmiddle {
-webkit-box-align: center;
align-items: center;
}
.rich_text.vbottom {
-webkit-box-align: end;
align-items: flex-end;
}
.rich_text p:last-child {
margin-bottom: 0 !important;
}
/* 使用flex的元素 */
.label, .button, .text_view, .rounded_rect, .circle_rect, .mtooltip {
display: -webkit-box;
display: flex;
}
.label.hleft, .button.hleft, .text_view.hleft, .rounded_rect.hleft, .circle_rect.hleft, .mtooltip.hleft {
-webkit-box-pack: start;
justify-content: flex-start;
}
.label.hcenter, .button.hcenter, .text_view.hcenter, .rounded_rect.hcenter, .circle_rect.hcenter, .mtooltip.hcenter {
-webkit-box-pack: center;
justify-content: center;
}
.label.hright, .button.hright, .text_view.hright, .rounded_rect.hright, .circle_rect.hright, .mtooltip.hright {
-webkit-box-pack: end;
justify-content: flex-end;
}
.label.vtop, .button.vtop, .text_view.vtop, .rounded_rect.vtop, .circle_rect.vtop, .mtooltip.vtop {
-webkit-box-align: start;
align-items: flex-start;
}
.label.vmiddle, .button.vmiddle, .text_view.vmiddle, .rounded_rect.vmiddle, .circle_rect.vmiddle, .mtooltip.vmiddle {
-webkit-box-align: center;
align-items: center;
}
.label.vbottom, .button.vbottom, .text_view.vbottom, .rounded_rect.vbottom, .circle_rect.vbottom, .mtooltip.vbottom {
-webkit-box-align: end;
align-items: flex-end;
}
.label {
color: #101010;
overflow: visible;
background: transparent;
border-color: #bbb;
display: -webkit-box;
display: flex;
white-space: nowrap;
}
.label p {
white-space: nowrap;
}
.label.tdunderline p {
text-decoration: underline;
}
.label.tdoverline p {
text-decoration: overline;
}
.label.tdline-through p {
text-decoration: line-through;
}
.mtooltip {
overflow: visible;
background: white;
border-color: #aaa;
border-style: solid;
}
.mtooltip .arrow, .mtooltip .arrow2 {
position: absolute;
background-image: none;
}
.mtooltip .arrow.top, .mtooltip .arrow.bottom, .mtooltip .arrow2.top, .mtooltip .arrow2.bottom {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.mtooltip .arrow.top, .mtooltip .arrow2.top {
border-bottom-color: #aaa;
border-bottom-style: solid;
}
.mtooltip .arrow.bottom, .mtooltip .arrow2.bottom {
bottom: 0;
border-top-color: #aaa;
border-top-style: solid;
}
.mtooltip .arrow.left, .mtooltip .arrow.right, .mtooltip .arrow2.left, .mtooltip .arrow2.right {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.mtooltip .arrow.left, .mtooltip .arrow2.left {
border-right-color: #aaa;
border-right-style: solid;
}
.mtooltip .arrow.right, .mtooltip .arrow2.right {
right: 0;
border-left-color: #aaa;
border-left-style: solid;
}
.sticky {
background: #fff5a7;
padding: 10px 8px;
line-height: 20px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
z-index: 10;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.sticky > div {
-webkit-user-select: inherit;
-moz-user-select: inherit;
-ms-user-select: inherit;
user-select: inherit;
}
.sticky .text, .sticky .text * {
-webkit-user-select: inherit;
-moz-user-select: inherit;
-ms-user-select: inherit;
user-select: inherit;
}
.sticky p {
margin-bottom: 5px;
word-break: break-word;
word-wrap: break-word;
}
.sticky .point {
position: absolute;
opacity: 0;
width: 14px;
height: 14px;
cursor: pointer;
}
.button {
z-index: 5;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background-color: white;
border: 1px solid #bbb;
color: #101010;
}
.button .button-wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: inherit;
justify-content: inherit;
-webkit-box-align: inherit;
align-items: inherit;
}
.button .button-wrapper .icon {
margin: 0 4px;
}
.button .button-wrapper .text {
white-space: pre;
}
.text_field {
background: white;
z-index: 5;
color: #888;
border: 1px solid #bbb;
}
.text_field span {
padding: 0 8px;
display: block;
position: absolute;
left: 0;
width: 100%;
white-space: pre;
}
.text_field.vmiddle span {
top: 50%;
height: 12px;
margin-top: -5px;
line-height: 12px;
}
.text_field.vtop span {
top: 0;
line-height: 100%;
}
.text_field.vbottom span {
bottom: 0;
line-height: 100%;
}
.mtext_input {
z-index: 5;
color: #888;
border-color: #bbb;
background: white;
line-height: 100%;
}
.mtextarea {
z-index: 5;
color: #888;
border-color: #bbb;
background: white;
line-height: 100%;
}
.mtext_input input, .mtext_input textarea, .mtextarea input, .mtextarea textarea {
padding: 0 8px;
display: block;
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit;
border: none;
border-radius: inherit;
outline: none;
background: inherit;
text-align: inherit;
line-height: inherit;
resize: none;
}
.mtext_input input::-webkit-input-placeholder, .mtext_input textarea::-webkit-input-placeholder, .mtextarea input::-webkit-input-placeholder, .mtextarea textarea::-webkit-input-placeholder {
color: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
word-break: break-all;
}
.mtext_input {
line-height: 1.4;
}
.mtext_input input[type=date], .mtext_input input[type=time], .mtext_input input[type=datetime-local] {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-appearance: none;
}
.svg-icon-wrap {
position: relative;
display: block;
}
.svg-icon-wrap > .svg-icon {
width: 100%;
height: 100%;
vertical-align: top;
}
.mfile_input input {
position: absolute;
line-height: 1ex;
width: 100%;
outline: none;
height: 18px;
top: 50%;
margin-top: -9px;
color: #5b6b73;
}
.mradiobutton input, .mcheckbox input {
height: 100%;
}
.mselect {
z-index: 5;
color: #888;
border-color: #bbb;
border-radius: 6px;
background: white;
min-height: 17px;
}
.mselect select {
padding: 0 8px;
display: block;
position: absolute;
left: 0;
width: 100%;
height: 100%;
font-size: inherit;
color: inherit;
border: none;
border-radius: inherit;
outline: none;
background: inherit;
}
.navigation_bar {
font-size: 18px;
height: 45px;
width: 100%;
top: 0;
left: 0;
background: #f8f8f8;
color: #101010;
z-index: 4;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid transparent;
}
.nav_bar {
font-size: 18px;
height: 45px;
width: 100%;
top: 0;
left: 0;
background: #f8f8f8;
color: #101010;
z-index: 4;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-bottom: 1px solid transparent;
}
.navigation_bar span, .nav_bar span {
white-space: nowrap;
}
.navigation_bar {
border-color: #bbb;
box-sizing: content-box; /* 使border在box外, 从而可以被下方元素遮盖 */
}
.search_bar {
z-index: 4;
width: 100%;
height: 45px;
background: #ccc;
font-size: 14px;
color: #888;
border-color: #bbb;
}
.search_bar::after {
content: "\00a0";
position: absolute;
bottom: -1px;
left: 0;
height: 1px;
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: inherit;
display: block;
}
.search_bar i.fa-search {
position: absolute;
top: 7px;
left: 20px;
line-height: 32px;
}
.search_bar .text_edit {
position: absolute;
top: 7px;
left: 10px;
right: 10px;
height: 32px;
border-radius: 8px;
background-color: white;
}
.search_bar .text_edit input {
border: none;
width: 100%;
height: 100%;
line-height: 100%;
background-color: transparent;
text-align: inherit;
padding: 0 26px;
outline: none;
color: inherit;
}
.search_bar .text_edit input::-webkit-input-placeholder {
color: inherit;
}
.search_bar .text_edit input::-moz-placeholder {
color: inherit;
}
.tab_item {
height: 45px;
z-index: 5;
color: #444;
font-size: 12px;
}
.tab_item .wrapper {
width: 100%;
height: 100%;
display: -webkit-box;
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;
}
.tab_item .wrapper .text {
white-space: nowrap;
margin-top: 2px;
line-height: 1;
}
.tab_bar {
z-index: 4;
width: 100%;
height: 45px;
left: 0;
bottom: 0;
background: #f8f8f8;
border-top: 1px solid #bbb;
}
.icon_button {
z-index: 5;
font-size: 24px;
color: #444;
text-align: center;
border-color: #bbb;
border-style: solid;
}
.icon_button .icon {
position: absolute;
height: 12px;
line-height: 12px;
width: 100%;
text-align: center;
top: 50%;
margin-top: -5px;
left: 0;
}
.image-wrapper {
width: 100%;
height: 100%;
border-radius: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.image-wrapper span {
background: #e8e8e8;
height: 100%;
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
border-radius: inherit;
}
.image-wrapper span i {
font-size: 26px;
}
.image-wrapper span .icon {
color: #8d9ea7;
}
.image-wrapper .wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.image-wrapper .wrapper img {
width: 100%;
border-radius: inherit;
-webkit-transition: inherit;
transition: inherit;
pointer-events: none;
}
.image_view {
z-index: 3;
overflow: hidden;
color: #bec2c9;
border-style: solid;
}
.image_view.highlight span, .image_view.highlight .wrapper {
opacity: 0.5;
}
.carousel .carousel-wrapper {
position: relative;
height: 100% !important;
}
.carousel .carousel-wrapper .slider-control-centerleft {
display: none;
}
.carousel .carousel-wrapper .slider-control-centerright {
display: none;
}
.carousel .carousel-wrapper .slider-control-bottomcenter, .carousel .carousel-wrapper .pointers {
position: absolute;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 30px;
top: auto !important;
right: auto !important;
bottom: 0 !important;
left: 0 !important;
-webkit-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.carousel .carousel-wrapper .slider-control-bottomcenter .pointer, .carousel .carousel-wrapper .pointers .pointer {
display: block;
width: 8px;
height: 8px;
border-radius: 4px;
margin: 0 10px 0 0;
}
.carousel .carousel-wrapper .slider-control-bottomcenter .pointer:last-child, .carousel .carousel-wrapper .pointers .pointer:last-child {
margin: 0;
}
.carousel .carousel-wrapper.vertical .slider-control-bottomcenter, .carousel .carousel-wrapper.vertical .pointers {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 30px;
height: 100%;
top: 0 !important;
right: 0 !important;
bottom: auto !important;
left: auto !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.carousel .carousel-wrapper.vertical .slider-control-bottomcenter .pointer, .carousel .carousel-wrapper.vertical .pointers .pointer {
margin: 0 0 10px 0;
}
.carousel .carousel-wrapper.vertical .slider-control-bottomcenter .pointer:last-child, .carousel .carousel-wrapper.vertical .pointers .pointer:last-child {
margin: 0;
}
.carousel .slider {
visibility: inherit !important;
width: 100% !important;
height: 100% !important;
}
.carousel .slider .slider-frame {
width: 100% !important;
height: 100% !important;
}
.carousel .slider .slider-list {
width: 100% !important;
height: 100% !important;
}
.carousel .slider .slider-slide {
width: 100% !important;
height: 100% !important;
}
.rectangle {
z-index: 2;
border-top: 1px solid #bbb;
background: white;
border-color: #bbb;
}
.rectangle::before {
content: "\00a0";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
border-left-width: 1px;
border-left-style: solid;
border-right-width: 1px;
border-right-style: solid;
border-color: inherit;
display: block;
}
.rectangle::after {
content: "\00a0";
position: absolute;
bottom: -1px;
left: 0;
height: 1px;
width: 100%;
border-top-width: 1px;
border-top-style: solid;
border-color: inherit;
display: block;
}
.rounded_rect, .circle_rect {
background: white;
}
.circle_rect {
border-radius: 100%;
}
.hr {
z-index: 5;
background: transparent;
padding: 5px 0;
border-color: #bbb;
border-width: 0;
}
.hr span {
width: 100%;
height: 100%;
display: block;
border-top-width: 1px;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
border-style: inherit;
border-color: inherit;
min-height: 1px;
}
.ve {
z-index: 5;
background: transparent;
padding: 0 5px;
border-color: #bbb;
border-width: 0;
}
.ve span {
width: 100%;
height: 100%;
display: block;
border-left-width: 1px;
border-bottom-width: 0;
border-top-width: 0;
border-right-width: 0;
border-style: inherit;
border-color: inherit;
min-width: 1px;
}
.map_view {
z-index: 2;
border-top: 1px solid #bbb;
overflow: hidden;
}
.map_view::after {
content: "\00a0";
position: absolute;
bottom: -1px;
left: 0;
height: 1px;
width: 100%;
border-top: 1px solid #bbb;
display: block;
}
.map_view .image {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
background: #eeece4;
}
.map_view img {
width: 1280px;
height: 800px;
pointer-events: none;
}
.switch {
width: 50px;
height: 30px;
}
.iOS-Switch, .Android-Switch, .iOS-Check, .Android-Check, .Android-Radio {
position: relative;
display: block;
opacity: 1;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-size: 100px;
cursor: inherit;
}
.iOS-Switch input, .Android-Switch input, .iOS-Check input, .Android-Check input, .Android-Radio input {
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: inherit;
}
.iOS-Switch .CheckState, .Android-Switch .CheckState, .iOS-Check .CheckState, .Android-Check .CheckState, .Android-Radio .CheckState {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
color: transparent;
background-color: #fff;
}
.iOS-Switch svg, .Android-Switch svg, .iOS-Check svg, .Android-Check svg, .Android-Radio svg {
display: block;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
stroke: currentColor;
fill: none;
}
.iOS-Switch input:checked + .CheckState, .Android-Switch input:checked + .CheckState, .iOS-Check input:checked + .CheckState, .Android-Check input:checked + .CheckState, .Android-Radio input:checked + .CheckState {
color: #fff;
}
.iOS-Switch input:checked + .CheckState svg, .Android-Switch input:checked + .CheckState svg, .iOS-Check input:checked + .CheckState svg, .Android-Check input:checked + .CheckState svg, .Android-Radio input:checked + .CheckState svg {
opacity: 1;
}
.iOS-Switch input:not(:checked) + .CheckState svg, .Android-Switch input:not(:checked) + .CheckState svg, .iOS-Check input:not(:checked) + .CheckState svg, .Android-Check input:not(:checked) + .CheckState svg, .Android-Radio input:not(:checked) + .CheckState svg {
opacity: 0;
}
.iOS-Switch {
z-index: 5;
}
.iOS-Switch .CheckState {
text-align: center;
border-radius: 30% / 50%;
padding-right: 40%;
color: #333;
background-color: #f0f0f2;
border: 1px solid #bbb;
}
.iOS-Switch .CheckState::after {
content: '';
position: absolute;
left: 4%;
top: 50%;
display: block;
margin: 0;
padding: 0;
width: 52%;
padding-bottom: 52%;
background-color: #fff;
border-radius: 100%;
box-shadow: -1px 2px 4px #aaa;
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.iOS-Switch input:checked + .CheckState {
background-color: #00e266;
border-color: transparent;
}
.iOS-Switch input:checked + .CheckState::after {
-webkit-transform: translate(77%, -50%);
transform: translate(77%, -50%);
}
.iOS-Switch:not(div) .CheckState {
-webkit-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
-webkit-transition-property: background border;
transition-property: background border;
}
.Android-Switch {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.Android-Switch .CheckState {
position: relative;
height: 70%;
background-color: #a7a5a6;
border-radius: 18% / 50%;
-webkit-transition: background 0.25s ease-in-out;
transition: background 0.25s ease-in-out;
}
.Android-Switch .CheckState::after {
content: '';
position: absolute;
top: 50%;
left: 0;
display: block;
width: 54.5%;
padding-bottom: 54.5%; /* to make a square */
background-color: #efefef;
border-radius: 50%;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.Android-Switch input:checked + .CheckState {
background-color: rgba(86, 119, 252, 0.5);
}
.Android-Switch input:checked + .CheckState::after {
background-color: #5677fc;
-webkit-transform: translate(85%, -50%);
transform: translate(85%, -50%);
}
.iOS-Check svg {
width: 55%;
height: 36%;
}
.iOS-Check .CheckState {
border: 1px solid #c7c7cd;
border-radius: 50%;
}
.iOS-Check input:checked + .CheckState {
background-color: #0076ff;
border-color: transparent;
}
.Android-Check svg {
width: 78%;
height: 56%;
fill: currentColor;
stroke: none;
}
.Android-Check .CheckState {
border: 2px solid #ccc;
border-radius: 11%;
}
.Android-Check input:checked + .CheckState {
background-color: #5677fc;
border-color: transparent;
}
.Android-Radio .CheckState {
padding: 15%;
background-color: transparent;
background-clip: content-box;
border: 2px solid #ccc;
border-radius: 50%;
}
.Android-Radio input:checked + .CheckState {
background-color: #5677fc;
border-color: #5677fc;
}
.unified_keyboard {
z-index: 3;
bottom: 0;
width: 100%;
}
.unified_keyboard .keyboard-img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.legacy_iphone_status_bar {
z-index: 3;
height: 20px;
background: #f8f8f8;
color: #101010;
left: 0;
top: 0;
width: 100%;
border-color: #bbb;
}
.legacy_iphone_x_status_bar {
z-index: 3;
height: 20px;
background: #f8f8f8;
color: #101010;
left: 0;
top: 0;
width: 100%;
border-color: #bbb;
}
.legacy_android_status_bar {
z-index: 3;
height: 20px;
background: #f8f8f8;
color: #101010;
left: 0;
top: 0;
width: 100%;
border-color: #bbb;
}
.legacy_ipad_status_bar {
z-index: 3;
height: 20px;
background: #f8f8f8;
color: #101010;
left: 0;
top: 0;
width: 100%;
border-color: #bbb;
}
.legacy_iphone_status_bar > div, .legacy_iphone_x_status_bar > div, .legacy_android_status_bar > div, .legacy_ipad_status_bar > div {
border-color: inherit;
}
.legacy_iphone_status_bar svg, .legacy_iphone_x_status_bar svg, .legacy_android_status_bar svg, .legacy_ipad_status_bar svg {
fill: currentColor;
stroke: currentColor;
stroke-width: 0;
}
.legacy_iphone_status_bar .signal, .legacy_iphone_status_bar .time, .legacy_iphone_status_bar .battery, .legacy_iphone_status_bar .carrier, .legacy_iphone_status_bar .wifi, .legacy_iphone_x_status_bar .signal, .legacy_iphone_x_status_bar .time, .legacy_iphone_x_status_bar .battery, .legacy_iphone_x_status_bar .carrier, .legacy_iphone_x_status_bar .wifi, .legacy_android_status_bar .signal, .legacy_android_status_bar .time, .legacy_android_status_bar .battery, .legacy_android_status_bar .carrier, .legacy_android_status_bar .wifi, .legacy_ipad_status_bar .signal, .legacy_ipad_status_bar .time, .legacy_ipad_status_bar .battery, .legacy_ipad_status_bar .carrier, .legacy_ipad_status_bar .wifi {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.legacy_iphone_status_bar .signal, .legacy_iphone_x_status_bar .signal, .legacy_android_status_bar .signal, .legacy_ipad_status_bar .signal {
position: absolute;
}
.legacy_iphone_status_bar .carrier, .legacy_iphone_x_status_bar .carrier, .legacy_android_status_bar .carrier, .legacy_ipad_status_bar .carrier {
position: absolute;
left: 45px;
height: 12px;
line-height: 12px;
font-size: 12px;
}
.legacy_iphone_status_bar .time, .legacy_iphone_x_status_bar .time, .legacy_android_status_bar .time, .legacy_ipad_status_bar .time {
position: absolute;
left: 50%;
width: 60px;
margin-left: -30px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
.legacy_iphone_status_bar .battery, .legacy_iphone_x_status_bar .battery, .legacy_android_status_bar .battery, .legacy_ipad_status_bar .battery {
position: absolute;
right: 6px;
width: 24px;
height: 10px;
display: -webkit-box;
display: flex;
}
.legacy_ipad_status_bar .signal, .legacy_iphone_status_bar .signal {
left: 1.5%;
height: 6px;
display: -webkit-box;
display: flex;
}
.legacy_ipad_status_bar .signal {
left: 0.8%;
}
.legacy_iphone_x_status_bar {
height: 44px;
}
.legacy_iphone_x_status_bar .time {
left: 13%;
font-size: 13px;
font-weight: bold;
}
.legacy_iphone_x_status_bar .time .meridian {
display: none;
}
.legacy_iphone_x_status_bar .signal {
right: 17%;
height: 9px;
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
}
.legacy_iphone_x_status_bar .wifi {
display: -webkit-box;
display: flex;
position: absolute;
font-size: 16px;
left: initial;
right: 11.5%;
}
.legacy_iphone_x_status_bar .battery {
left: initial;
right: 4%;
}
.landscape .legacy_iphone_x_status_bar .time {
left: 6%;
}
.landscape .legacy_iphone_x_status_bar .wifi {
right: 9.5%;
}
.legacy_android_status_bar {
background: #555;
color: #fff;
height: 23px;
}
.legacy_android_status_bar .time {
left: auto;
right: 10px;
width: auto;
line-height: 12px;
font-size: 13px;
}
.legacy_android_status_bar .signal {
position: absolute;
margin: 0;
right: 72px;
width: 12px;
height: 12px;
overflow: hidden;
color: white;
}
.legacy_android_status_bar .battery {
right: 52px;
width: 8px;
height: 14px;
}
.ios_status_bar, .iphone_x_status_bar, .android_status_bar {
width: 100%;
background: #f8f8f8;
color: #101010;
}
.ios_status_bar svg, .iphone_x_status_bar svg, .android_status_bar svg {
height: 12px;
fill: currentColor;
}
.ios_status_bar .StatusBarTime, .ios_status_bar .StatusBarSignal, .ios_status_bar .StatusBarWifi, .ios_status_bar .StatusBarBattery, .iphone_x_status_bar .StatusBarTime, .iphone_x_status_bar .StatusBarSignal, .iphone_x_status_bar .StatusBarWifi, .iphone_x_status_bar .StatusBarBattery, .android_status_bar .StatusBarTime, .android_status_bar .StatusBarSignal, .android_status_bar .StatusBarWifi, .android_status_bar .StatusBarBattery {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
height: 100%;
}
.ios_status_bar {
height: 20px;
}
.iphone_x_status_bar {
height: 44px;
}
.android_status_bar {
height: 23px;
background-color: #555;
color: #fff;
}
.iOS-StatusBar {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
padding: 0 0.5em;
width: 100%;
height: 100%;
}
.iOS-StatusBar .StatusBarSignal {
margin-right: 0.25em;
}
.iOS-StatusBar .StatusBarWifi {
margin-left: 0.25em;
margin-right: auto;
}
.iOS-StatusBar .StatusBarBattery {
margin-left: auto;
}
.iOS-StatusBar .StatusBarTime {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.iPhoneX-StatusBar {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
height: 100%;
padding: 0 14px;
}
.iPhoneX-StatusBar .StatusBarTime {
-webkit-box-pack: center;
justify-content: center;
margin-right: auto;
margin-left: 7px;
width: 54px;
font-size: 14px;
font-weight: 600;
}
.iPhoneX-StatusBar .StatusBarSignal {
margin-left: auto;
}
.iPhoneX-StatusBar .StatusBarSignal, .iPhoneX-StatusBar .StatusBarWifi {
margin-right: 0.4em;
}
.Android-StatusBar {
display: -webkit-box;
display: flex;
-webkit-box-pack: end;
justify-content: flex-end;
padding: 0 10px;
height: 100%;
font-size: 16px;
}
.Android-StatusBar .StatusBarBattery {
font-size: 18px;
}
.Android-StatusBar .StatusBarTime {
font-size: 13px;
}
.lr {
background: rgba(255, 195, 16, 0.2);
border: 1px solid #ffc310;
}
.webpage .webpage-wrapper {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
width: 100%;
height: 100%;
-webkit-overflow-scrolling: touch;
}
.webpage .webpage-wrapper::-webkit-scrollbar {
width: 0;
height: 0;
}
.webpage .webpage-wrapper .webpage-position {
width: 100%;
height: 100%;
}
.webpage .webpage-wrapper .webpage-header {
display: -webkit-box;
display: flex;
background-color: #ededed;
padding: 0 12px;
-webkit-box-align: center;
align-items: center;
min-height: 40px;
}
.webpage .webpage-wrapper .webpage-header .dot, .webpage .webpage-wrapper .webpage-header .dot2 {
height: 22px;
width: 22px;
border-radius: 50%;
background-color: #dbdbdb;
}
.webpage .webpage-wrapper .webpage-header .dot2 {
margin: 0 8px 0 8px;
}
.webpage .webpage-wrapper .webpage-header .oval {
min-width: 0;
-webkit-box-flex: 1;
flex: 1;
border-radius: 11px;
height: 22px;
line-height: 22px;
background: #dbdbdb;
}
.webpage .webpage-wrapper .webpage-header .oval .text {
font-size: 12px;
padding-left: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #7d8694;
}
.webpage .webpage-wrapper .content {
height: calc(100% - 40px);
padding: 12px;
background-color: #f7f7f7;
margin-top: -1px;
}
.webpage .webpage-wrapper .content .webpage-url {
background-color: #ebebeb;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.webpage .webpage-wrapper .content .webpage-url .desc {
font-size: 16px;
color: #8d9ea7;
}
.webpage span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
line-height: 30px !important; /* TODO rm global line-height: 1后, 删除!important */
margin: 10px;
text-align: center;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.31);
}
.webpage .notice {
position: absolute;
top: 60px;
text-align: left;
color: red;
left: 0;
width: 100%;
line-height: 22px;
}
.webpage .iframe {
width: 100%;
height: 100%;
border: none;
}
.widget.line {
pointer-events: none;
}
.widget.line svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: inherit;
transition: inherit;
}
.widget.line svg > path {
-webkit-transition: inherit;
transition: inherit;
}
.triangleb, .triangletl {
color: #e5e5e5;
}
.triangleb svg, .triangletl svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
fill: currentColor;
}
.mb-screen.mac.ios {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'Pingfang SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
}
.mb-screen.mac.android {
font-family: Roboto, Arial, 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Pingfang SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
}
.mb-screen.mac.others {
font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'Pingfang SC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
}
.mb-screen.windows.ios, .mb-screen.other-os.ios {
font-family: BlinkMacSystemFont, 'Helvetica Neue', Arial, 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Pingfang SC', sans-serif;
}
.mb-screen.windows.android, .mb-screen.other-os.android {
font-family: Roboto, Arial, 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Pingfang SC', sans-serif;
}
.mb-screen.windows.others, .mb-screen.other-os.others {
font-family: Roboto, BlinkMacSystemFont, 'Helvetica Neue', Arial, 'Microsoft Yahei', 'WenQuanYi Micro Hei', 'Pingfang SC', sans-serif;
}
.mb-screen.others .widget {
cursor: default;
}
.mb-screen.others input, .mb-screen.others textarea {
cursor: text;
}
.mb-screen.others .clickable, .mb-screen.others .iOS-Switch, .mb-screen.others .Android-Switch, .mb-screen.others .iOS-Check, .mb-screen.others .Android-Check, .mb-screen.others .Android-Radio {
cursor: pointer;
}
.panel {
position: absolute;
z-index: 5;
overflow: hidden;
}
/* 动态组件编辑模式下显示全局手势 */
.panel:not(.is-panel-editing) .pg {
display: none;
}
.panel .state {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
background-size: 100% auto;
}
.panel .state .navigation_bar, .panel .state .nav_bar {
top: 0;
}
.panel .state.active {
z-index: 6;
}
.panel.highlight {
background-color: rgba(223, 140, 0, 0.6) !important;
}
.panel.highlight .state {
opacity: 0.5 !important;
}
.android .navigation_bar, .android .nav_bar {
height: 55px;
}
input, textarea, .sticky {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
#workspace {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
#workspace.isMobile {
background: black;
}
/* stylelint-disable */
.tooltip {
position: absolute;
z-index: 1050;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
}
.tooltip.in { opacity: 0.9; }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }
/* Wrapper for the tooltip content */
.tooltip-inner {
max-width: 200px;
padding: 3px 7px;
word-wrap: break-word;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #1f292e;
border-radius: 2px;
}
/* Arrows */
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
display: none;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #415058;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #415058;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #415058;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #415058;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #415058;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #415058;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #415058;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #415058;
}
.tooltip.tooltip-custom .tooltip-arrow {
border-right-color: rgba(31, 41, 46, 0.9);
}
.tooltip.tooltip-custom .tooltip-inner {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0;
height: 22px;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
background: #1f292e;
}
.tooltip.tooltip-custom .tooltip-inner .tipsLeft {
padding: 0 8px;
}
.tooltip.tooltip-custom .tooltip-inner .tipsRight {
width: 22px;
line-height: 22px;
background-color: #ff6161;
border-radius: 0 2px 2px 0;
}
#font-preload {
position: absolute;
top: -65535px;
left: -65535px;
font-size: 12px;
pointer-events: none;
}
#font-preload .aw {
position: absolute;
width: auto;
white-space: nowrap;
}
#font-preload .ah {
position: absolute;
height: auto;
word-break: break-word;
word-wrap: break-word;
}
#font-preload .ah p {
margin-bottom: 5px;
white-space: pre-wrap;
}
#font-preload .ah p:last-child {
margin-bottom: 0;
}
#font-preload .auto-size {
white-space: pre;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
#font-preload .auto-height {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
}
.renew-modal {
z-index: 1051 !important;
}
._2_l7bxwr1-tsHYBDEFAOuU {
position: absolute;
left: 0;
top: 100vh;
width: 100%;
height: 100%;
margin: 1px 0 0;
border: none;
visibility: hidden;
pointer-events: none;
}
ul.ToolbarSelectMenu {
width: 100%;
margin-top: 1em;
padding: 0 0.5em;
font-size: 12px;
min-width: 7em;
}
ul.ToolbarSelectMenu li {
-webkit-box-pack: center;
justify-content: center;
margin: 0.5em 0;
border-radius: 2px;
}
.LayerList {
z-index: 1;
pointer-events: none;
}
.LayerList .layer-tree-node {
position: absolute;
}
.LayerList .Layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.LayerList .Layer.is-active {
/* .rect_info {
& {
position: absolute;
display: none;
top: calc(100% + 5px);
left: 50%;
transform: translateX(-50%);
line-height: 1;
padding: 3px 5px;
background-color: #1E98EA;
color: #fff;
border-radius: 2px;
white-space: nowrap;
}
} */
}
.LayerList .Layer.is-active.is-focus {
/* .rect_info {
display: inline-block;
} */
}
.LayerList.hiddenLayer .Layer {
opacity: 0;
}
.LayerList.hiddenLayer .Layer:hover {
opacity: 1;
}
.mb-picker-container {
position: relative;
cursor: none;
height: 100%;
width: 100%;
}
.mb-picker-image {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
}
.mb-glass {
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
overflow: hidden;
pointer-events: none;
z-index: 1;
cursor: none;
}
.mb-glass .shadow {
position: absolute;
left: 8px;
top: 8px;
width: 184px;
height: 184px;
border-radius: 50%;
box-shadow: inset 0 0 8px 0 #8D9EA7;
}
.mb-glass-text {
position: absolute;
z-index: 2;
left: 15px;
width: 170px;
line-height: 22px;
text-align: center;
margin: 0 auto;
border-radius: 2px;
background: rgba(14, 20, 23, 0.8);
color: #fff;
font-size: 12px;
}
._3d5EheUPfpLxTiMx4Sj37N {
position: absolute;
pointer-events: none;
background-size: cover;
z-index: 4;
/* &.none {
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border: 1px solid var(--default-border-color);
} */
}
._3d5EheUPfpLxTiMx4Sj37N.default {
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
border: 1px dashed #d9d9d9;
background-color: rgba(255, 255, 255, 0.5);
z-index: -1;
}
._3d5EheUPfpLxTiMx4Sj37N.default::after {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px solid #d9d9d9;
}
/**
* (c) jExcel v3.6.3
*
* Author: Paul Hodel <paul.hodel@gmail.com>
* Website: https://bossanova.uk/jexcel/
* Description: Create amazing web based spreadsheets.
*
* This software is distribute under MIT License
*/
.jexcel_container {
display:inline-block;
padding-right:2px;
box-sizing: border-box;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.jexcel_container.fullscreen {
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:2001;
}
.jexcel_container.fullscreen .jexcel_content {
overflow:auto;
width:100%;
height:100%;
background-color:#ffffff;
}
.jexcel_container.fullscreen.with-toolbar {
height: calc(100% - 46px);
}
.jexcel_content {
display:inline-block;
box-sizing: border-box;
padding-right:2px;
position:relative;
}
.jexcel {
border-collapse:separate;
table-layout:fixed;
white-space: nowrap;
empty-cells:show;
border:0px;
background-color:#fff;
width:0;
border-top:1px solid transparent;
border-left:1px solid transparent;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.jexcel > thead > tr > td
{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid transparent;
border-bottom:1px solid transparent;
background-color:#f3f3f3;
padding:2px;
cursor:pointer;
box-sizing: border-box;
overflow: hidden;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index:2000;
}
.with-toolbar .jexcel > thead > tr > td
{
top:42px;
}
.jexcel > thead.draggable > tr > td::before
{
content:'\00a0';
width:100%;
height:3px;
position:absolute;
bottom:0px;
left:0px;
cursor:move;
}
.jexcel > thead.resizable > tr > td::after
{
content:'\00a0';
width:3px;
height:100%;
position:absolute;
top:0px;
right:0px;
cursor:col-resize;
}
.jexcel > thead > tr > td.dragging
{
background-color:#fff;
opacity:0.5;
}
.jexcel > thead > tr > td:first-child:after, .jexcel > thead > tr.jexcel_nested > td::before, .jexcel > thead > tr.jexcel_nested > td::after
{
cursor:default;
}
.jexcel > thead > tr > td.selected
{
background-color:#dcdcdc;
}
.jexcel > thead > tr > td.arrow-up
{
background-repeat:no-repeat;
background-position:center right 5px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 14l5-5 5 5H7z' fill='gray'/%3E%3C/svg%3E");
text-decoration:underline;
}
.jexcel > thead > tr > td.arrow-down
{
background-repeat:no-repeat;
background-position:center right 5px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
text-decoration:underline;
}
.jexcel > tbody > tr > td:first-child
{
position:relative;
background-color:#f3f3f3;
text-align:center;
}
.jexcel > tbody.resizable > tr > td:first-child::before
{
content:'\00a0';
width:100%;
height:3px;
position:absolute;
bottom:0px;
left:0px;
cursor:row-resize;
}
.jexcel > tbody.draggable > tr > td:first-child::after
{
content:'\00a0';
width:3px;
height:100%;
position:absolute;
top:0px;
right:0px;
cursor:move;
}
.jexcel > tbody > tr.dragging > td
{
background-color:#eee;
opacity:0.5;
}
.jexcel > tbody > tr > td
{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid transparent;
border-bottom:1px solid transparent;
padding:4px;
white-space: nowrap;
box-sizing: border-box;
line-height:1em;
}
.jexcel > tbody > tr > td:last-child
{
overflow:hidden;
}
.jexcel > tbody > tr > td > img
{
display:inline-block;
max-width:100px;
}
.jexcel > tbody > tr > td.readonly
{
color:rgba(0,0,0,0.3)
}
.jexcel > tbody > tr.selected > td:first-child
{
background-color:#dcdcdc;
}
.jexcel > tbody > tr > td > select, .jexcel > tbody > tr > td > input, .jexcel > tbody > tr > td > textarea
{
border:0px;
border-radius:0px;
outline:0px;
width:100%;
margin:0px;
padding:0px;
background-color:transparent;
box-sizing: border-box;
}
.jexcel > tbody > tr > td > textarea
{
resize: none;
padding-top:6px !important;
}
.jexcel > tbody > tr > td > input[type=checkbox]
{
width:12px;
margin-top:2px;
}
.jexcel > tbody > tr > td > input[type=radio]
{
width:12px;
margin-top:2px;
}
.jexcel > tbody > tr > td > select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 40%;
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
}
.jexcel > tbody > tr > td.dropdown
{
background-repeat: no-repeat;
background-position:top 50% right 5px;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E");
text-overflow: ellipsis;
overflow-x:hidden;
}
.jexcel > tbody > tr > td.dropdown.jexcel_comments
{
background:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='lightgray'/%3E%3C/svg%3E") top 50% right 5px no-repeat, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=') top right no-repeat;
}
.jexcel > tbody > tr > td > .color
{
width:90%;
height:10px;
margin:auto;
}
.jexcel .highlight {
background-color:rgba(0,0,0,0.05);
}
.jexcel .highlight-top {
border-top:1px solid #000; /* var(--jexcel-border-color);*/
box-shadow: 0px -1px #ccc;
}
.jexcel .highlight-left {
border-left:1px solid #000; /* var(--jexcel-border-color);*/
box-shadow: -1px 0px #ccc;
}
.jexcel .highlight-right {
border-right:1px solid #000; /* var(--jexcel-border-color);*/
}
.jexcel .highlight-bottom {
border-bottom:1px solid #000; /* var(--jexcel-border-color);*/
}
.jexcel .highlight-top.highlight-left {
box-shadow: -1px -1px #ccc;
-webkit-box-shadow: -1px -1px #ccc;
-moz-box-shadow: -1px -1px #ccc;
}
.jexcel .highlight-selected
{
background-color:rgba(0,0,0,0.0);
}
.jexcel .selection
{
background-color:rgba(0,0,0,0.05);
}
.jexcel .selection-left
{
border-left:1px dotted #000;
}
.jexcel .selection-right
{
border-right:1px dotted #000;
}
.jexcel .selection-top
{
border-top:1px dotted #000;
}
.jexcel .selection-bottom
{
border-bottom:1px dotted #000;
}
.jexcel_corner
{
position:absolute;
background-color: rgb(0, 0, 0);
height: 1px;
width: 1px;
border: 1px solid rgb(255, 255, 255);
top:-2000px;
left:-2000px;
cursor:crosshair;
box-sizing: initial;
z-index:7000;
padding: 2px;
}
.jexcel .editor
{
outline:0px solid transparent;
overflow:visible;
white-space: nowrap;
text-align:left;
padding:0px;
box-sizing: border-box;
overflow:visible !important;
}
.jexcel .editor > input
{
padding-left:4px;
}
.jexcel .editor .jupload
{
position:fixed;
top:100%;
z-index:8000;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-font-smoothing: antialiased;
font-size: .875rem;
letter-spacing: .2px;
border-radius: 4px;
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
padding:10px;
background-color:#fff;
width:300px;
min-height:225px;
margin-top:2px;
}
.jexcel .editor .jupload img
{
width:100%;
height:auto;
}
.jexcel .editor .jclose:after
{
position:absolute;
top:0;
right:0;
margin:10px;
content:'close';
font-family:'Material icons';
font-size:24px;
width:24px;
height:24px;
line-height:24px;
cursor:pointer;
text-shadow: 0px 0px 5px #fff;
}
.jexcel, .jexcel td, .jexcel_corner
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}
.jexcel_textarea
{
position:absolute;
top:-999px;
left:-999px;
width:1px;
height:1px;
}
.jexcel .dragline
{
position:absolute;
}
.jexcel .dragline div
{
position:relative;
top:-6px;
height:5px;
width:22px;
}
.jexcel .dragline div:hover
{
cursor:move;
}
.jexcel .onDrag
{
background-color:rgba(0,0,0,0.6);
}
.jexcel .error
{
border:1px solid red;
}
.jexcel thead td.resizing
{
border-right-style:dotted !important;
border-right-color:red !important;
}
.jexcel tbody tr.resizing > td
{
border-bottom-style:dotted !important;
border-bottom-color:red !important;
}
.jexcel tbody td.resizing
{
border-right-style:dotted !important;
border-right-color:red !important;
}
.jexcel .jdropdown-header
{
border:0px !important;
outline:none !important;
width:100% !important;
height:100% !important;
padding:0px !important;
padding-left:8px !important;
}
.jexcel .jdropdown-container
{
margin-top:1px;
}
.jexcel .jdropdown-container-header {
padding: 0px;
margin: 0px;
height: inherit;
}
.jexcel .jdropdown-picker
{
border:0px !important;
padding:0px !important;
width:inherit;
height:inherit;
}
.jexcel .jexcel_comments
{
background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFuGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAxLTMxVDE4OjU1OjA4WiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphMTlhZDJmOC1kMDI2LTI1NDItODhjOS1iZTRkYjkyMmQ0MmQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkOGI5NDUyMS00ZjEwLWQ5NDktYjUwNC0wZmU1N2I3Nzk1MDEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzdjYmE1ZS1hYTMwLWNkNDUtYTAyNS1lOWYxZjk2MzUzOGUiIHN0RXZ0OndoZW49IjIwMTktMDEtMzFUMTg6NTU6MDhaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmExOWFkMmY4LWQwMjYtMjU0Mi04OGM5LWJlNGRiOTIyZDQyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wMS0zMVQxODo1NTowOFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4En6MDAAAAX0lEQVQYlX3KOw6AIBBAwS32RpJADXfx0pTET+ERZJ8F8RODFtONsG0QAoh0CSDM82dqodaBdQXnfoLZQM7gPai+wjNNE8R4pTuAYNZSKZASqL7CMy0LxNgJp30fKYUDi3+vIqb/+rUAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-position: top right;
}
.jexcel .sp-replacer
{
margin: 2px;
border:0px;
}
.jexcel > thead > tr.jexcel_filter > td > input
{
border:0px;
width:100%;
outline:none;
}
.jexcel_about
{
text-transform:uppercase;
display:none;
float:right;
font-size:0.7em;
padding:2px;
}
.jexcel_filter
{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
margin-bottom:4px;
}
.jexcel_filter > div
{
padding:8px;
-webkit-box-align:center;
align-items:center;
}
.jexcel_pagination
{
display:-webkit-box;
display:flex;
-webkit-box-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
align-items:center;
}
.jexcel_pagination > div
{
display:-webkit-box;
display:flex;
padding:10px;
}
.jexcel_pagination > div:last-child
{
padding-right:10px;
padding-top:10px;
}
.jexcel_pagination > div > div
{
text-align:center;
width:36px;
height:36px;
line-height:34px;
border:1px solid #ccc;
box-sizing: border-box;
margin-left:2px;
cursor:pointer;
}
.jexcel_page_selected
{
font-weight:bold;
background-color:#f3f3f3;
}
.jexcel_toolbar
{
display:-webkit-box;
display:flex;
background-color:#f3f3f3;
border:1px solid #ccc;
padding:4px;
margin:0px 2px 4px 1px;
position:-webkit-sticky;
position:sticky;
top:0px;
z-index:8001;
}
.jexcel_toolbar:empty
{
display:none;
}
.jexcel_toolbar i.jexcel_toolbar_item
{
width:24px;
height:24px;
padding:4px;
cursor:pointer;
display:inline-block;
}
.jexcel_toolbar i.jexcel_toolbar_item:hover
{
background-color:#ddd;
}
.jexcel_toolbar select.jexcel_toolbar_item
{
margin-left:2px;
margin-right:2px;
display:inline-block;
border:0px;
background-color:transparent;
padding-right:10px;
}
.jexcel .dragging-left
{
background-repeat: no-repeat;
background-position:top 50% left 0px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath fill='none' d='M24 0v24H0V0h24z'/%3E%3C/svg%3E");
}
.jexcel .dragging-right
{
background-repeat: no-repeat;
background-position:top 50% right 0px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath fill='none' d='M0 24V0h24v24H0z'/%3E%3C/svg%3E");
}
.jexcel_tabs > .jexcel_tab
{
display:none;
}
.jexcel_tabs > .jexcel_tab_link
{
display:inline-block;
padding:10px;
padding-left:20px;
padding-right:20px;
margin-right:5px;
margin-bottom:5px;
background-color:#f3f3f3;
cursor:pointer;
}
.jexcel_tabs > .jexcel_tab_link.selected
{
background-color:#ddd;
}
.jexcel_hidden_index tr > td:first-child, .jexcel_hidden_index colgroup > col:first-child
{
display:none;
}
.pcanvas {
z-index: 1;
}
.pcanvas.active {
z-index: 3;
}
/* 移动项目使用自定义cursor */
#simulator.iphone, #simulator.android {
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABblBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBQX////////////////////////////////////////////////////////////////////////////+/v7///8CAgL///////////8AAAAAAAD///////////////////////////8AAAADAwP///////////8AAAD///////////8BAQH///8AAAD////t7e3///8DAwNDQ0MkJCQXFxcgICDl5eX8/Pz8/Pz19fW4uLj///+0tLSurq7////AwMChoaFZWVlAQECqqqqfn591dXVqampOTk4vLy/q6urx8fHr6+vg4ODa2trz8/POzs7CwsLKysr19fXg4OC7u7v////k5OT09PT///////+ysrL////39/fn5+eWlpbT09PLy8u5ubmamprS0tKzs7Obm5stLS1WVlbJycnX19dISEiZmZnPz8/R0dGZmZlISEjBwcG/v7/YpJ28AAAAenRSTlMAAwYLEg4XCS8tNzJEST81KiglIyBCR049OhgbTB0WVBMUGhBYVg4eC1EmIwlcBykcY14sOyBSBVovNzEtNZ6MhXx4dHRualxMPz0SYkdGMjCqo6Ccl5KMiYaFhXx7eXhvbWdgX19eU0pGOjIvLBwaFxMTBXBvZDwdHMsX0GIAAAKhSURBVEjHpZYHk5pAFICTCHheNP1OjSEGYnIRgmjQE3vv9XrvvbfUf59d6nkI7sx9w4yF/ea9XZb39skwnuoY7pkMf6aBYEnj7TYbLmGz2eySZimA8TiGUYQERWFAkyQrAcMImmQZXhB4hiVJGlgg1HBHFiia5LvlpYXszEx2Yanc5WM0ASTZMRogJTr2Z31+NpffKG1vlzbyudn59SZLEpgcyGhgBJkqzuVK1YhGtZSbK2ZiNIZLjtFg29l8NfJjgEg1n/3N0BR0jAZTXNzZ4zhR5EROQ+T2dhaLAvnQkYz+8mpEDAxBjKyupKADUtMNO04wKwXuiwlcYVkgMbhuelo4xZa3RL8p4laZp6FzLy3ysBCYhgSngyrgq/Y7UDhkCZiaEgSklVoLuC0JrGWk1LQgscq++4Ml7v0Ko4WBQZKbQdcI3JtNKYw6k4rfNTkCl78CZqMqFPPT5RyJ65dAYyAzqOBE48A5MRLnQUPKDE4Fo9uTLxCYbMdgZvJ67To9UU8UXB4z4P2JXUZVKLbm8UKi3ii4vGZ4ajyN22WFqUXHEYjWwPwVhT8af4nA+FFCV46fI3GsK8zJGBInemJsfcyBwFhdmz4WqzteIeCog0VWH2XH8RoBRwc+SmXDJM/eIHCmbGV5/qdvETjVtiXc/J13CHTh5tdesdR5eCoMrikD4E8I+DjX3mR5zRo+C8K+cNjna9x7kWGY9MX7EVzoQZTZJP9+tORfUy1KeulLXn+y4Dqplz69wPZuPpty01MK7GAZ53utrya0koJcxg3Not/6NpRW39AsVIdNXYW+GwhdZbSWZHRIIX0bDw0Qv00l1MZn0l4T6Uv7XVzhzn6ZTmjt1aKJJ9JgFI5TJJtOGJs4+lHhsQcS9GPP4w9X6Ee4/9WZxSosYtQDAAAAAElFTkSuQmCC') 25 25, default;
}
#simulator.iphone:active, #simulator.android:active {
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAA51BMVEUAAADu7u7t7e3s7Ozl5eXr6+vq6uro6OgAAAAAAADt7e3s7Ozq6uro6Ojs7Ozp6enm5ubk5OTv7+/n5+fv7+/v7+/q6uri4uLh4eHs7Ozp6enw8PDf39/v7+/h4eHx8fHw8PDi4uLd3d3v7+/o6Ojw8PDm5ubr6+soKCi/v7/l5eXx8fHw8PDa2trx8fHAwMCZmZlmZmbHx8e5ubnh4eHOzs66urro6Ojc3NzAwMDc3NzZ2dnm5ubk5OTW1tbS0tLLy8vQ0NC0tLSvr6+MjIyCgoLf39/i4uLs7Ozh4eHW1tbPz8/q6uojhl1DAAAATXRSTlMAgHlyVG1qWwcCfHRoYG9hV1GGXYOMZktJd2STRIhGlpBNQY5YmVJ/DGJNmoiGjmYoFHBbjHNgk4J4m5GMf316eXhKSB8cdp6Xko6GhVNXB78AAAI1SURBVEjH3ZZrd6IwEIa3oJKoKHZbVIpaVmRBF1FAvF/qrdf//3t2kGVDBJXPfTKZzHvkPTkcJMOP7w7GCOk6QhinvB4NnNHKfH83VyNngPBtw8EwF6zEaYqicRK7MI0Dvm4YGi6r1mT51wlZrqmsawyvmNDWZbUmXE+Qm1rJ3aKLDmOpVuUYNXVpXPDo04LWTKJWKWz0xD022UotgSrMSnaKEhxWtlINUKoxKkcr5sHbpaB0u0pXAbpBRLWw3OIzy3DCaRUaWnPm8GwTS8qEaBBhpWmQAiSL3mY/4TJCBiJEEE7an/80N9nTm4iqKqgCAAsARaiDCUmktkFrnrsJv0YRy+DI/6TgSfZToI4D4sBGkefLfEBYxLVoYGKxi+WyVP6PBCMIyS9DRJtY0KgoiREkUZIgwxLUgP97cYSI5SVXjCDCSCL3Qiz6KpeKlU4s62wq1sSCRmypBHEiVhEdvRebTYVNLNiuF1JQtzGxOHWmDsEw/upXydrBkT/MhGGYPHOd/GRAHPBg8imAx0LA3t3d7zAgwfDTmfYw9YqZdzcx9/SL7Hw9+Nw/EM70F9w8xdC8j9MIkw8cFzR45zYaf4LwEyy0dnc4dvR5i8crLJyk43L62O63n2Ge6Pfb4QDGNko+xsfPNE/+9PN4ql9qFuOnRMbe5Qazm7+1YrzNd+hq45u1er1Op9fqQG71Oq3ODBrfjfZqfbyCpQcWiNcP64DTNHFv8zmfzeafG4808fSfCt+cvwzTdVIzvwMmAAAAAElFTkSuQmCC') 25 25, default;
}
#sticky-container {
overflow: visible;
position: absolute;
top: 0;
left: 0;
height: 0;
z-index: 200;
}
#sticky-container > div {
overflow: visible;
position: relative;
top: 0;
left: 0;
height: 0;
}
#sticky-container .sticky {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
#sticky-container .sticky .arrow {
pointer-events: none;
}
/* 批注hover时, 链接线高亮 */
#sticky-container .sticky:hover .sideline, #sticky-container .sticky:hover .arrow {
opacity: 0.7;
}
#simulator-container {
-webkit-transition: right 0.5s ease-in-out;
transition: right 0.5s ease-in-out;
z-index: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
overflow: hidden;
}
#simulator-container .screen-viewport {
position: relative;
}
#simulator-container .screen-viewport .zoom-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#simulator-container .screen-viewport .no-zoom-area-wrapper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center center;
transform-origin: center center;
pointer-events: none;
}
#simulator-container .screen-viewport .no-zoom-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 200;
}
#simulator-container .screen-viewport .no-zoom-area #ui-comment-marker-panel {
pointer-events: auto;
}
#simulator-container.wait-drag {
cursor: -webkit-grab;
cursor: grab;
}
#simulator-container.wait-drag:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
/* 拖拽画布时, 禁止画布接收鼠标事件 */
#simulator-container.wait-drag .screen-viewport, #simulator-container.wait-drag .ui-layers {
pointer-events: none;
}
#simulator-container.is-immersive .animated {
-webkit-animation-name: noop !important;
animation-name: noop !important;
}
/* 禁止批注组件鼠标事件 */
#simulator-container.is-immersive #simulator {
pointer-events: none;
}
#simulator-container.is-comment-active {
cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAM1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD///8AAABToCx4AAAAD3RSTlMABg0KGBIpMBw/JiFPRjb/jfUZAAAAhUlEQVQY032RUQrEIAxENxMTjbZN73/aDa2wJV2cH+HxYEb9rEMMpheEuyNjLn564ayOoCPJJD1oF3oyYtGgKkz0a4e0GrQ2AZhm+51znqDZ/shcgpbchsvVw2zfgm672aGXSyija7WgVrWPAvq7YbE33S29g6d3uJfUqz3Jpc32918s8wX3rwd4ah+CRwAAAABJRU5ErkJggg==') 0 0, default;
}
/* 禁止批注组件鼠标事件 */
#simulator-container.is-comment-active #sticky-container {
pointer-events: none;
}
/* 评论模式下, 鼠标进入画板时, no-zoom-area-wrapper 接受鼠标事件以显示评论cursor */
#simulator-container.is-comment-active .no-zoom-area-wrapper {
pointer-events: auto;
}
/* 页面展开时, 隐藏header和footer */
#simulator-container.is-screen-expanded .screen-header, #simulator-container.is-screen-expanded .screen-footer {
display: none;
}
#simulator-container.is-screen-expanded .screen-content {
height: 100%;
}
#simulator-container.is-screen-expanded .screen-content > .widgets {
height: 100% !important;
}
#simulator-container.is-screen-expanded .screen-content > .widgets > .scontainer {
margin-top: 0 !important;
}
#simulator-container.is-fullscreen-mode {
overflow: visible;
}
#simulator-container.is-fullscreen-mode .screen-viewport {
-webkit-animation: slideUp 0.35s ease-in-out;
animation: slideUp 0.35s ease-in-out;
}
@-webkit-keyframes slideUp {
from {
top: 38px;
}
to {
top: 0;
}
}
@keyframes slideUp {
from {
top: 38px;
}
to {
top: 0;
}
}
html.ios11 .ModalPortal {
position: absolute;
}
.modal-mask {
padding: 50px 10px 100px;
}
.sign-up-modal {
max-width: 385px;
width: 100%;
border-radius: 4px;
}
.sign-up-modal .content {
padding: 2em 2.5em;
}
.sign-up-modal .award {
width: 100%;
}
.sign-up-modal .success-tip {
color: #eb5648;
margin: 2em 0 1em;
text-align: center;
}
.sign-up-modal .event-desc {
margin: 1em 0 2em;
color: #eb5648;
line-height: 1.5em;
}
.sign-up-modal .input-entry {
position: relative;
margin: 0 auto 1.5em;
width: 100%;
}
.sign-up-modal .input-entry .icon {
position: absolute;
top: 0;
left: 0.6em;
font-size: 1.5em;
line-height: 2;
color: #eb5648;
}
.sign-up-modal .input-entry .input {
font-size: inherit;
height: 3em;
}
.sign-up-modal .input-entry .input input {
padding-left: 3em;
}
.sign-up-modal .error-msg {
color: #eb5648;
}
.sign-up-modal .input, .sign-up-modal .primary-button {
display: block;
width: 100%;
height: 3em;
text-decoration: none;
}
.sign-up-modal .primary-button {
margin-top: 2.5em;
margin-bottom: 0;
font-size: inherit;
background-color: #eb5648;
}
.sign-up-modal .primary-button:hover {
background-color: color(#eb5648, tint(10%));
}
.modal-in-mobile .content {
padding: 1em 2em;
}
.modal-in-mobile .event-desc {
margin: 1em 0 1.5em;
}
.modal-in-mobile .input-entry {
margin-bottom: 1em;
}
.modal-in-mobile .primary-button {
margin-top: 2em;
}
.modal-in-mobile .agree-terms {
font-size: 12px;
}
.commercial-font-tip {
position: fixed;
top: initial !important;
bottom: 10px !important;
max-width: 50%;
}
.commercial-font-tip .arrow {
display: none;
}
.commercial-font-tip .content {
padding: 0.5em 1em;
}
/*# sourceMappingURL=html-zip-v3-214542dd1c73af919017.css.map*/
Reference in New Issue View Git Blame Copy Permalink