+
+
{this.state.activeNavStatus == 1 ? (
![]()
span {
- background: rgba(0, 0, 0, .50196);
- border-radius: 1px;
- color: #fff;
- display: none;
- font-size: 10px;
- padding: 2px;
- position: absolute
-}
-
-.xj-layout .xj-layout-drag-module-wrapper[data-selected=true]:before {
- border: 1px dashed #b1b1b1;
- height: 100%;
- width: 100%;
- z-index: 1
-}
-
-.xj-layout .xj-layout-drag-module-wrapper[data-selected=true]:after,
-.xj-layout .xj-layout-drag-module-wrapper[data-selected=true]:before {
- content: "";
- display: block;
- left: 50%;
- pointer-events: none;
- position: absolute;
- top: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%)
-}
-
-.xj-layout .xj-layout-drag-module-wrapper[data-selected=true]:after {
- border: 10px solid transparent;
- -o-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMElEQVQYlWP8////fwYiABMxikCABcZgZGTEkAQBmIVEmzgUFMJ9TSg4iTORgYEBALZ6ChHtiqDYAAAAAElFTkSuQmCC");
- border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMElEQVQYlWP8////fwYiABMxikCABcZgZGTEkAQBmIVEmzgUFMJ9TSg4iTORgYEBALZ6ChHtiqDYAAAAAElFTkSuQmCC");
- border-image-width: 10px;
- height: calc(100% + 10px);
- width: calc(100% + 10px);
- z-index: 2
-}
-
-.xj-layout .xj-layout-drag-module-wrapper[data-selected=true]>span {
- display: block
-}
-
-.xj-layout .xj-layout-align-line {
- background: transparent;
- height: 1px;
- overflow: hidden;
- position: absolute;
- width: 1px;
- z-index: 1998
-}
-
-.xj-layout .xj-layout-align-line.line-bottom,
-.xj-layout .xj-layout-align-line.line-top {
- background: #ed3b3b;
- width: 100%
-}
-
-.xj-layout .xj-layout-align-line.line-left,
-.xj-layout .xj-layout-align-line.line-right {
- background: #ed3b3b;
- height: 100%
-}
-
-.xj-layout .xj-layout-align-line.line-middle-horizontal {
- background: #ed3b3b;
- width: 100%
-}
-
-.xj-layout .xj-layout-align-line.line-middle-vertical {
- background: #ed3b3b;
- height: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-title {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper>div {
- height: 100%;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper>div .xj-video {
- height: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper>div .xj-video .video-placeholder {
- height: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-video>div {
- height: 100%;
- position: absolute;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-video .txp_poster,
-.xj-layout .xj-layout-drag-module-wrapper .xj-video .txp_shadow {
- z-index: 0
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-images,
-.xj-layout .xj-layout-drag-module-wrapper .xj-images .xj-defaultImage,
-.xj-layout .xj-layout-drag-module-wrapper .xj-images .xj-images-inner,
-.xj-layout .xj-layout-drag-module-wrapper .xj-images .xj-images-inner .images-placeholder {
- height: 100%;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-images .xj-image-wrapper,
-.xj-layout .xj-layout-drag-module-wrapper .xj-images .xj-image-wrapper .xj-lazy-img {
- height: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-button-wrapper {
- height: 100%;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-button-wrapper .xj-common-button {
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100% !important;
- justify-content: center;
- width: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-text {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- padding: 0;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-text>div:not(.xj-rich-text) {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100% !important;
- width: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-text>div:not(.xj-rich-text)>span.xj-text-span {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-text.rich>div {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-direction: column;
- flex-direction: column;
- height: 100% !important;
- justify-content: center;
- width: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-contact-wrapper {
- height: 100% !important;
- width: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-connect-container {
- height: 100%;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-connect-container .xj-connect-button {
- height: 100% !important;
- width: 100% !important
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-connect-container .xj-connect-circle-container .xj-connect-circle-button {
- display: contents
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-connect-container .xj-connect-circle-container .xj-connect-circle-button svg {
- height: 100%;
- -o-object-fit: contain;
- object-fit: contain;
- width: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-bubble-wrapper {
- height: 100%
-}
-
-.xj-layout .xj-layout-drag-module-wrapper .xj-bubble-wrapper>svg {
- height: 100%;
- -o-object-fit: contain;
- object-fit: contain;
- width: 100%
-}
-
-.xj-riskTip {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- padding: 5px
-}
-
-.xj-riskTip>.icon-container {
- margin-right: 5px
-}
-
-.xj-riskTip-tip {
- max-width: 380px
-}
-
-.editor-XJRiskTip .ContentEditor .bf-content {
- height: 36px;
- padding-bottom: 0
-}
-
-.editor-XJRiskTip .ContentEditor .bf-container .public-DraftEditor-content {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: grid;
- padding: 0 0 0 10px
-}
-
-.editor-XJRiskTip .ContentEditor .bf-container .public-DraftEditor-content>div {
- padding-bottom: 0
-}
-
-.editor-XJRiskTip .ContentEditor .number {
- display: none
-}
-
-.xj-live {
- height: 667px;
- position: relative;
- width: 100%
-}
-
-.xj-live.xj-live-placeholder {
- background: url(//i.gtimg.cn/qzone/biz/gdt/promotion/pages/landingpage/pagemaker/images/liveHolder.png) 100% no-repeat;
- background-color: #f7fbff;
- background-position: 50%;
- background-size: 100% auto;
- -webkit-box-sizing: border-box;
- box-sizing: border-box
-}
-
-.xj-live iframe {
- pointer-events: none
-}
-
-.xj-live .iframe-downLoadBtn {
- height: 100%;
- left: 0;
- pointer-events: none;
- position: absolute;
- top: 0;
- width: 100%
-}
-
-.xj-live .iframe-downLoadBtn>a>button {
- pointer-events: all;
- position: absolute;
- text-overflow: unset;
- -webkit-transition: all .06s linear;
- transition: all .06s linear;
- white-space: unset
-}
-
-.xj-live .iframe-fixedBtn-1 {
- height: 100%;
- left: 0;
- pointer-events: none;
- position: absolute;
- top: 0;
- width: 100%
-}
-
-.xj-live .iframe-fixedBtn-1>div {
- min-width: 245px;
- pointer-events: all;
- position: absolute;
- top: 0;
- -webkit-transition: all .06s linear;
- transition: all .06s linear
-}
-
-.xj-live .iframe-fixedBtn-1 .xj-download-btn {
- margin: 0 0 0 12px;
- top: 50%;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%)
-}
-
-.editor-XJAppGiftPack .label-container .basicStyle {
- height: 60px
-}
-
-.editor-XJAppGiftPack .label-container .basicStyle div img {
- max-width: 94%
-}
-
-.editor-XJAppGiftPack .label-container .openStyle {
- height: 80px
-}
-
-.editor-XJAppGiftPack .label-container .openStyle div img {
- max-width: 100%
-}
-
-.editor-XJAppGiftPack .label-container .activity-info {
- margin-top: 16px
-}
-
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop {
- min-height: 36px;
- padding: 32px 0 36px
-}
-
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop li {
- cursor: pointer;
- height: 36px;
- line-height: 30px;
- padding: 4px 10px
-}
-
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop li:hover {
- background: #f5f7f8
-}
-
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop ul {
- max-height: 245px;
- overflow: auto;
- padding: 5px 0
-}
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop ul>div {
- height: 34px;
- line-height: 34px;
- padding: 0 10px
+.xj-wrapper{
+ width: calc(100% - 350px);
+ float: right;
}
-
-.editor-XJAppGiftPack .label-container:nth-child(2) .selection-with-drop>.selection-drop .selection-tips {
- font-size: 12px;
- white-space: nowrap
-}
-
-.editor-XJAppGiftPack h1:nth-of-type(2) {
- margin-top: 30px
-}
-
-.xj-gift-pack-basicStyle {
- border: 1px solid #f2d5da;
- border-radius: 4px;
- -webkit-box-shadow: none;
- box-shadow: none;
- height: 70px;
- position: relative;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.xj-gift-pack-basicStyle svg {
- vertical-align: bottom
-}
-
-.xj-gift-pack-basicStyle.coupon-default {
- background: inherit;
- height: 70px;
- overflow: hidden
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left {
- height: 100%;
- left: 0;
- padding: 10px;
- position: absolute;
- top: 0;
- width: 75%
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left>.name {
- color: #333;
- font-family: PingFangSC-Medium, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
- font-size: 13px;
- font-weight: 600;
- line-height: 14px;
- margin-bottom: 8px
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left>.title {
- font-family: PingFangSC-Regular, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
- font-size: 11px;
- line-height: 11px;
- white-space: nowrap
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left>.title a {
- margin-right: 4px;
- text-decoration: none !important
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left>.title .title-detail {
- color: rgba(0, 0, 0, .8);
- margin-bottom: 6px;
- overflow: hidden;
- text-overflow: ellipsis
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-left>.title .gift-left {
- color: rgba(0, 0, 0, .6)
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-right {
- height: 100%;
- position: absolute;
- right: 0;
- top: 0;
- width: 25%
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-right>.tips {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- border-left: 1px solid #000;
- -ms-flex-direction: column;
- flex-direction: column;
- height: 70%;
- margin-top: 11px;
- text-align: center
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-right>.tips,
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-right>.tips .tips-btn {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- font-size: 12px;
- justify-content: center
-}
-
-.xj-gift-pack-basicStyle.coupon-default .xj-coupon-right>.tips .tips-btn {
- background: #3b4457;
- border-radius: 24px;
- color: #fff;
- font-family: PingFangSC-Medium, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
- font-weight: 600;
- height: 24px;
- margin-top: 7px;
- width: 76%
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-border {
- border-style: solid;
- border-width: 1px;
- z-index: 1
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-border--z1 {
- z-index: 1
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-border--z3 {
- z-index: 3
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-circle {
- background: inherit;
- border-radius: 50%;
- content: "";
- height: 10px;
- left: calc(75% - 5px);
- position: absolute;
- width: 10px;
- z-index: 2
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-circle--top {
- top: -5px
-}
-
-.xj-gift-pack-basicStyle.coupon-default .coupon-default-circle--bottom {
- bottom: -5px
-}
-
-.xj-gift-pack-basicStyle.xj-custom-coupon {
- height: auto;
- text-align: center
-}
-
-.coupon-placeholder {
- background: url(//i.gtimg.cn/qzone/biz/gdt/promotion/pages/landingpage/pagemaker/images/couponHolder.png) 100% no-repeat;
- background-color: #f7fbff;
- background-size: 100% auto;
- border-bottom: 1px solid #edeeef;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- height: 120px;
- width: 100%
-}
-
-.xj-shape-container {
- height: 100%;
- text-align: center;
- width: 100%
-}
-
-.xj-shape-container svg {
- overflow: visible
-}
-
-.xj-shape-container circle,
-.xj-shape-container path,
-.xj-shape-container polygon,
-.xj-shape-container rect {
- vector-effect: non-scaling-stroke
-}
-
-.xj-AppFictionGoodsLibrary {
- line-height: normal;
- word-break: break-word
-}
-
-.xj-AppFictionGoodsLibrary em {
- font-style: italic
-}
-
-.xj-AppFictionGoodsLibrary a {
- color: inherit
-}
-
-.xj-AppFictionGoodsLibrary .xj-rich-text span {
- background: inherit
-}
-
-.xj-productLibrary-container {
- background: #fff;
- height: 100%
-}
-
-.xj-productLibrary-container img {
- width: 100%
-}
-
-.xj-productLibrary-container .product-detail-wrapper {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: space-between;
- padding: 10px
-}
-
-.xj-productLibrary-container .product-detail-wrapper--left {
- -webkit-box-flex: 1;
- -ms-flex-item-align: center;
- align-self: center;
- -ms-flex: 1;
- flex: 1;
- margin-right: 4px;
- overflow: hidden
-}
-
-.xj-productLibrary-container .product-detail-wrapper--left .desc,
-.xj-productLibrary-container .product-detail-wrapper--left .name {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap
-}
-
-.xj-productLibrary-container .product-detail-wrapper--left .name {
- color: #222427;
- font-size: 16px
-}
-
-.xj-productLibrary-container .product-detail-wrapper--left .desc {
- color: #828b9f;
- font-size: 12px
-}
-
-.xj-productLibrary-container .product-detail-wrapper--right .price {
- color: #fe7033;
- font-size: 24px
-}
-
-.xj-contact-bar {
- background: #fff;
- bottom: 0;
- -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
- box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
- cursor: pointer;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 50px !important;
- position: absolute;
- width: 375px;
- z-index: 1900
-}
-
-.xj-contact-bar .xj-contact-bar-item {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: center
-}
-
-.xj-contact-bar .xj-contact-bar-item.normal-item {
- padding: 6px 0 6px 10px
-}
-
-.xj-contact-bar .xj-contact-bar-item.normal-item .icon-container {
- margin-bottom: 2px
-}
-
-.xj-contact-bar .xj-contact-bar-item .form-text {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- justify-content: center;
- width: 100%
-}
-
-.xj-contact-bar .xj-contact-bar-item .form-text .text {
- font-size: 15px
-}
-
-.xj-contact-bar .xj-contact-bar-item .form-text .price {
- font-size: 12px
-}
-
-.xj-contact-bar .pay-style1,
-.xj-contact-bar .pay-style2 {
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column
-}
-
-.xj-contact-bar .pay-style2.form-item,
-.xj-contact-bar .pay-style3.form-item {
- padding: 5px 10px
-}
-
-.xj-contact-bar .pay-style2.form-item-one,
-.xj-contact-bar .pay-style3.form-item-one {
- padding: 5px 20px
-}
-
-.xj-contact-bar .pay-style1.form-item {
- margin-left: 10px
-}
-
-.xj-contact-bar .pay-style2 .form-text {
- border-radius: 4px
-}
-
-.xj-contact-bar .pay-style3 .form-text {
- border-radius: 20px
-}
-
-.xj-contact-bar .pay-style3 .icon-container {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- border-radius: 20px;
- -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
- box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- justify-content: center;
- position: relative;
- top: -2px;
- width: 40px
-}
-
-.xj-contact-bar .pay-style3 .icon-container .spaui-icon {
- font-size: 20px !important
-}
-
-.after-sales-edit-container {
- background: #fff;
- height: 100%;
- left: 0;
- overflow: auto;
- position: absolute;
- top: 0;
- width: 100%;
- z-index: 1900
-}
-
-.after-sales-edit-container img {
- width: 100%
-}
-
-.after-sales-edit-container .edit-block {
- padding: 20px
-}
-
-.after-sales-edit-container .edit-block p {
- color: #333;
- font-size: 14px
-}
-
-.xj-navigation-container {
- -ms-flex-pack: distribute;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- justify-content: space-around;
- overflow: hidden
-}
-
-.xj-navigation-container li {
- cursor: pointer
-}
-
-.xj-navigation-container li .badge {
- bottom: -2.3px;
- display: inline-block;
- left: calc(50% - 10px);
- position: absolute;
- width: 20px
-}
-
-.xj-center {
+.xj-center,.xj-center-small {
scrollbar-face-color: transparent;
// background-color: #f5f7f8;
height: 100%;
@@ -825,7 +13,9 @@
position: absolute;
right: 0;
}
-
+.xj-center-small{
+ margin: 0 485px 0 550px;
+}
.perimg {
position: absolute;
width: 50px;
@@ -948,163 +138,6 @@
z-index: 50
}
-.editor-main .xj-heatmap-btn {
- color: #828b9f;
- cursor: pointer;
- font-size: 10px;
- height: 28px;
- left: -37px;
- line-height: 1.4;
- position: absolute;
- top: 0
-}
-
-.editor-main .xj-heatmap-btn .heatmap-btn-wrapper {
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- border-radius: 4px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- height: 100%;
- justify-content: flex-end;
- overflow: hidden;
- width: 100%
-}
-
-.editor-main .xj-heatmap-btn .heatmap-btn-wrapper .xj-heatmap-icon {
- background-color: #edeef0;
- background-image: url(//i.gtimg.cn/qzone/biz/gdt/promotion/pages/landingpage/pagemaker/images/heat-map-btn.png);
- background-repeat: no-repeat;
- background-size: cover;
- width: 28px
-}
-
-.editor-main .xj-heatmap-btn .heatmap-btn-wrapper .xj-heatmap-text {
- background: #edeef0;
- display: none;
- font-size: 12px;
- line-height: 27px;
- padding-right: 5px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.editor-main .xj-heatmap-btn:hover {
- left: -90px
-}
-
-.editor-main .xj-heatmap-btn:hover .xj-heatmap-text {
- display: block
-}
-
-.xj-component-wrapper {
- height: 100%;
- position: relative
-}
-
-.xj-component-wrapper:hover .xj-module-delete-btn {
- display: block
-}
-
-.xj-com-wrapper {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- position: relative
-}
-
-.xj-com-wrapper:hover .xj-native-icon:before {
- border-width: 0 26px 26px 0
-}
-
-.xj-com-wrapper:hover .xj-native-icon:after {
- font-size: 12px
-}
-
-.xj-new-icon {
- background-color: red;
- border-radius: 2px;
- padding: 0 2px;
- right: -2px;
- top: 3px;
- -webkit-transform: scale(.5);
- transform: scale(.5)
-}
-
-.xj-native-icon,
-.xj-new-icon {
- color: #fff;
- font-size: 12px;
- position: absolute
-}
-
-.xj-native-icon {
- padding: 0 4px;
- right: 0;
- top: 0
-}
-
-.xj-native-icon:before {
- border-color: transparent #296bef;
- border-style: solid;
- border-width: 0 5px 5px 0;
- content: "";
- right: 0;
- top: 1px
-}
-
-.xj-native-icon:after,
-.xj-native-icon:before {
- position: absolute;
- -webkit-transition: all .2s ease;
- transition: all .2s ease
-}
-
-.xj-native-icon:after {
- color: #fff;
- content: "\539F";
- font-size: 0;
- right: 1px;
- top: 0;
- -webkit-transform: scale(.8);
- transform: scale(.8)
-}
-
-.xj-native-txt {
- background: #f6f7f9;
- color: rgba(0, 0, 0, .4);
- font-size: 12px;
- line-height: 19px;
- margin: 40px 20px 0;
- padding: 8px
-}
-
-.xj-native-txt>h1 {
- font-weight: 500;
- margin-bottom: 4px
-}
-
-.xj-native-txt .slogan {
- background: #296bef;
- border-radius: 2px;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- color: #fff;
- display: inline-block;
- font-weight: 400;
- height: 14px;
- line-height: 14px;
- margin-right: 4px;
- padding: 2px;
- -webkit-transform: scale(.8);
- transform: scale(.8);
- width: -webkit-fit-content;
- width: -moz-fit-content;
- width: fit-content
-}
.editor-main .xj-viewer-toolbar {
position: absolute;
@@ -1112,50 +145,7 @@
width: 28px
}
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-delete {
- left: 0;
- position: absolute;
- top: 0;
- width: 28px
-}
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-delete .xj-viewer-toolbar-btn {
- background: url(data:image/svg+xml;
- base64, PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuNTEyLjEyYy4zMjgtLjE2NS42ODQtLjE2IDEuMDE1LjAxNC4yNzcuMTQ1LjMyLjQwNy4zMTguNjk1LS4wMDQuNTkuMDAzLjU5LjYwMS41OWgyLjMxOWwyLjMxOC4wMDNjLjE3NCAwIC4zNS4wMjMuNTIzLjA1NC4yNDIuMDQ0LjM4LjIuMzkzLjQ0OGEuNTA5LjUwOSAwIDAgMS0uMzE0LjUyMiAxLjE1IDEuMTUgMCAwIDEtLjYzOS4wODNjLS4zMy0uMDQ3LS40MjguMDU5LS40MjUuNDA4LjAxOSAyLjI1LjAxIDQuNS4wMSA2Ljc1MSAwIDEuMTUzLjAwMyAyLjMwNS0uMDAxIDMuNDU3LS4wMDQuOTg2LS40OTIgMS40ODYtMS40NjcgMS40ODgtMi43NjUuMDA1LTUuNTMuMDA2LTguMjk3IDAtLjk3My0uMDAzLTEuNDY3LS41MTQtMS40NjctMS40OS0uMDAyLTEuNjk0IDAtMy4zODggMC01LjA4MyAwLTEuNzA4LS4wMTItMy40MTcuMDA5LTUuMTI1LjAwNC0uMzUyLS4xLS40NTMtLjQyNy0uNDA2YTEuNjEgMS42MSAwIDAgMS0uNDQ2LS4wMDRDLjE5OCAyLjQ3OC0uMDExIDIuMzA0IDAgMS45MzNjLjAxMi0uMzc4LjI2My0uNDc3LjU3NS0uNDgyLjU5NS0uMDA4IDEuMTkgMCAxLjc4Ni0uMDAzIDEuMTc5LS4wMDggMi4zNTgtLjAyNSAzLjUzNi0uMDIzLjIzMiAwIC4zMjUtLjA2OC4yOTEtLjI5OS0uMDEtLjA2Ni4wMDMtLjEzNi0uMDA2LS4yMDMtLjA0My0uMzMyLjAwNy0uNjQyLjMzLS44MDNaTTIuODY2IDIuNTI2Yy0uMjk4LS4wMDItLjM1LjA5NC0uMzQ4LjM2Ni4wMTMgMS42MTQuMDA3IDMuMjI5LjAwNyA0Ljg0M3Y0Ljc2MWMwIC43NjMuMjM0IDEgLjk5Ljk5OGw2Ljg3Ni0uMDI3Yy44NTUtLjAwMyAxLjExMi0uMjUxIDEuMTEyLTEuMTE4LS4wMDEtMy4xNi0uMDEtNi4zMi0uMDA3LTkuNDgxIDAtLjI1NS0uMDUtLjM0My0uMzI4LS4zNDItMi43NjcuMDExLTUuNTM0LjAxMi04LjMwMiAwWm01LjgyMiAxLjE1MmMuMzY1LS4wMDUuNTY1LjI1LjU2Ni43MjcuMDAyIDEuMjA2IDAgMi40MTIgMCAzLjYxOHMuMDAyIDIuNDEyIDAgMy42MThjMCAuNDY1LS4yMjMuNzQ4LS41NjguNzM3LS4zMzQtLjAxLS41NDUtLjI3OS0uNTQ1LS43Mi0uMDAyLTIuNDI1LS4wMDItNC44NTEgMC03LjI3NyAwLS40Ni4xOTMtLjY5OS41NDctLjcwM1ptLTMuMjEyLjM5OGMuMzQ1LjAwNS41MDMuMjQxLjUwMy43NnYzLjI1YzAgMS4xMi4wMDQgMi4yNDEtLjAwMiAzLjM2Mi0uMDAzLjQ4NS0uMzguNzU1LS43NTIuNTUzLS4yNDUtLjEzMi0uMjczLS4zNi0uMjcyLS42MDkuMDA0LTEuMjU3LjAwMi0yLjUxNS4wMDItMy43NzJWNC44MThjMC0uNTA2LjE3LS43NDcuNTItLjc0MloiIGZpbGw9IiM4MjhCOUYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==) 50% no-repeat #fff;
- border-radius: 2px;
- -webkit-box-shadow: 0 2px 6px 0 rgba(65, 77, 96, .06);
- box-shadow: 0 2px 6px 0 rgba(65, 77, 96, .06)
-}
-
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-layout {
- border-radius: 2px;
- bottom: 0;
- -webkit-box-shadow: 0 2px 6px 0 rgba(65, 77, 96, .06);
- box-shadow: 0 2px 6px 0 rgba(65, 77, 96, .06);
- left: 0;
- position: absolute;
- width: 28px
-}
-
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-layout .xj-viewer-toolbar-btn {
- background-size: 28px 28px
-}
-
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-btn {
- background-color: #fff;
- background-position: 50%;
- background-repeat: no-repeat;
- color: #828b9f;
- cursor: pointer;
- display: block;
- height: 28px;
- width: 28px
-}
-
-.editor-main .xj-viewer-toolbar .xj-viewer-toolbar-btn[disabled] {
- cursor: not-allowed;
- opacity: .3
-}
.xj-rightPanel {
background: #fff;
@@ -1166,12 +156,7 @@
overflow-y: auto;
position: absolute;
right: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
width: 490px;
-
.zent-image-upload-item-delete[data-zv="9.11.0"] {
display: block;
top: -15px;
@@ -1333,196 +318,36 @@
line-height: 20px;
margin: 0;
}
-
.title-control {
color: #030303;
font-size: 14px;
padding: 16px 0 17px 24px;
}
-
.editor-title {
padding: 0 0 16.5px;
}
-
.editor-title h2 {
color: #030303;
font-size: 14px;
}
-
-.schema-editor-container .control,
-.schema-editor-container .controls {
- color: #4d5869;
-}
-
-.label-container-control {
- margin: 0 24px 16px;
- min-height: 22px;
-}
-
-.editor-label-container.align-baseline .flex-row {
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
-}
-
-.editor-label-container .flex-row {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-
-.editor-label-container .label {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- line-height: 22px;
-}
-
-.editor-label-container .content {
- -webkit-box-flex: 1;
- -ms-flex: 1 0;
- flex: 1 0;
- position: relative;
-}
-
-.schema-editor-container .control,
-.schema-editor-container .controls {
- color: #4d5869;
-}
-
-.editor-input-container {
- height: 32px;
- width: 100%;
-}
-
-.adp-input {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- color: #4d5869;
- display: -webkit-inline-box;
- display: -ms-inline-flexbox;
- display: inline-flex;
- height: 32px;
- position: relative;
- width: 100%;
-}
-
-.editor-input-container {
- height: 32px;
- width: 100%;
-}
-
-.text-input-control {
- position: relative;
-}
-
-.editor-input-container {
- height: 32px;
- width: 100%;
-}
-
-.schema-editor-container .adp-input.adp-input-type-text {
- display: inline;
-}
-
-.adp-input-inner {
- -webkit-box-flex: 1;
- background: #fff;
- border: 1px solid #cdcfd5;
- border-radius: 2px;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 1;
- flex: 1;
- height: 100%;
- line-height: 22px;
- padding: 4px 0;
- position: relative;
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
- z-index: 0;
-}
-
-.schema-editor-container .adp-input.adp-input-type-text .adp-input-prefix:empty {
- display: none;
-}
-
-.adp-input-prefix:empty {
- padding: 0;
-}
-
-.adp-input-prefix {
- color: #d0d2d6;
- font-size: 12px;
- height: 100%;
- min-width: 9px;
- padding-left: 11px;
-}
-
-.schema-editor-container .adp-input.adp-input-type-text .adp-input-prefix:empty+.adp-input-wrapper {
- margin-left: 9px;
-}
-
-.adp-input-wrapper {
- -webkit-box-flex: 1;
- -webkit-appearance: none;
- background-color: transparent;
- border: none;
- color: #4d5869;
- -ms-flex: 1;
- flex: 1;
- height: 100%;
- outline: none;
- white-space: nowrap;
-}
-
-.adp-input-suffix {
- color: #d0d2d6;
- font-size: 12px;
- height: 100%;
- min-width: 9px;
- padding-right: 11px;
-}
-
-.editor-label-container .label {
- -webkit-box-flex: 0;
- -ms-flex: 0 0 auto;
- flex: 0 0 auto;
- line-height: 22px;
-}
-
.title-control {
color: #030303;
font-size: 14px;
padding: 16px 0 17px 24px;
}
-
.xj-viewer-mask {
max-height: 600px;
-
overflow-y: auto;
-
.top {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
-
img {
width: 100%;
vertical-align: middle;
}
-
.center {
width: 100%;
padding: 0;
@@ -1617,29 +442,6 @@
background-color: rgba(0, 0, 0, 0.5);
}
-.btn-tools {
- width: 100%;
- height: 36px;
- padding-bottom: 15px;
- display: flex;
- align-items: center;
- border-bottom: 1px solid #eeeff3;
-
- button {
- width: 100px;
- margin-left: 10px;
- }
-}
-
-.bottom-footer {
- margin-top: 20px;
- border-top: 1px solid #eeeff3;
- height: 40px;
- line-height: 40px;
- text-align: center;
- color: rgba(0, 0, 0, 0.5);
-}
-
.verifycode {
width: 83px !important;
height: 43px;