*,:not(input){ -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } .mark-loading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: #fff;/* display: none; */} .mark-loading .progress-bar{height: 2px;transition: .4s;position: relative;width: 0;} .mark-loading .progress-bar span{width: 100%;height: 1px;display: block;left: 0;top: 0;background: #2187e7;position: absolute;box-shadow: 0px 0px 10px 1px rgba(0,198,255,0.7);transition: .4s;} .mark-loading .loading-msg{text-align: center;margin-top: 200px;color: #aaa;} .mark-loading .loading-msg .blinking{margin-right: 8px;} .edit-index{position: fixed;top: 0;left: 0;right: 0;bottom: 0;} .scroll-bar{overflow-x: hidden;overflow-y: scroll;} .scroll-bar::-webkit-scrollbar {width: 3px;height: 3px;background-color: #fff} .scroll-bar::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, .2)} .scroll-bar::-webkit-scrollbar-thumb:vertical {background-color: rgba(0, 0, 0, .2)} .scroll-bar::-webkit-scrollbar-thumb:horizontal {background-color: rgba(0, 0, 0, .2)} /* 顶部 */ .t-nav-bar{position: absolute;left: 0;width: 100%;height: 57px;z-index: 50;display: flex;align-items: center;box-sizing: border-box;font-size: 14px;background-color: #fff;color: #454545;box-shadow: 0px 3px 6px rgba(0,0,0,.1);} .t-nav-bar a:hover {color: #fff} .t-nav-bar .logo {height: 100%;width: 120px;display: flex;justify-content: center;align-items: center;padding: 0 10px;} .t-nav-bar .left .icon-button,.t-nav-bar .right .icon-button {background-image: linear-gradient(135deg, #067cd9, #0658d3);transition: .2s;border-radius: 3px;cursor: pointer;height: 41px;line-height: 41px;width: 85px;margin: 4px 4px 2px;text-align: center;white-space: nowrap;overflow: hidden;display: inline-block} .t-nav-bar .left .icon-button i,.t-nav-bar .right .icon-button i {display: inline-block;-webkit-transform: scale(1.2);transform: scale(1.2);margin-right: 10px} .t-nav-bar .left .icon-button:hover,.t-nav-bar .right .icon-button:hover {opacity: .8} .t-nav-bar .left .group-button,.t-nav-bar .right .group-button {display: inline-block;height: 41px;margin: 8px 20px 2px;border-radius: 3px;overflow: hidden} .t-nav-bar .left .group-button .button,.t-nav-bar .right .group-button .button {height: 100%;padding: 0;cursor: pointer;transition: .2s} .t-nav-bar .right .group-button{border: 1px solid #eee;border-radius: 3px;} .t-nav-bar .left .group-button .button span,.t-nav-bar .right .group-button .button span {font-weight: 700;color: #454545;} .t-nav-bar .left .group-button .button.save,.t-nav-bar .right .group-button .button.save {width: 67px;text-align: center;border-right: 1px solid #eee;} .t-nav-bar .right .group-button .button.save.disclick{background: #aaa;} .t-nav-bar .left .group-button .button.share,.t-nav-bar .right .group-button .button.share {width: 67px;text-align: center} .t-nav-bar .left .group-button .button:hover,.t-nav-bar .right .group-button .button:hover {background-color: #0083e9;} .t-nav-bar .left .group-button .button:hover span,.t-nav-bar .right .group-button .button:hover span{color: #fff;} .t-nav-bar .left .default-button,.t-nav-bar .right .default-button {min-width: 60px;transition: .2s;padding: 11px 12px;border-radius: 3px;cursor: pointer;text-align: center;white-space: nowrap;height: 57px;} .t-nav-bar .left .default-button i,.t-nav-bar .right .default-button i {position: relative;top: 1px} .t-nav-bar .left .default-button span,.t-nav-bar .right .default-button span {font-weight: 700} .t-nav-bar .left .default-button.primary{background: #fff;color: #424242;vertical-align: top} .t-nav-bar .right .default-button.primary{background: #29acff;color: #fff;vertical-align: top;border-radius: 0;padding: 0 30px;} .t-nav-bar .right .default-button.primary:last-child{background: #069eff;} .t-nav-bar .left {/* width: 500px; */text-align: left} .t-nav-bar .left .file-name {position: relative;top: 1px;margin-left: 10px;padding: 8px 5px;transition: .2s;border-radius: 3px;width: 240px;color: rgba(0, 0, 0, .4)} .t-nav-bar .center {flex: 1;text-align: center} .t-nav-bar .center .button-item {margin: 0 25px;transition: .2s;position: relative;top: -2px;opacity: .5;pointer-events: none;} .t-nav-bar .center .button-item i {position: relative;top: 2px;font-size: 22px;/* margin-right: 5px */} .t-nav-bar .center .button-item:hover {color: #0083e9} .t-nav-bar .center .button-item.active {opacity: 1;pointer-events: auto;cursor: pointer;} .t-nav-bar .right {/* width: 500px; */text-align: right;font-size: 0px;} #copytarget{position: absolute;top: -1500px;opacity: 0;} /* 左边部分 */ .t-source-tab-container{position: fixed;left: 0;top: 57px;width: 58px;bottom: 0;background-color: #fff;z-index: 31;} .t-source-tab{position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .tab-header{position: absolute;left: 0;top: 0;width: 58px;bottom: 0;background-color: #dedede;z-index: 1000;} .t-source-tab .bottom-icon{position: absolute;left: 0;bottom: 0;width: 58px;z-index: 1001;} .t-source-tab .bottom-icon .item{text-align: center;margin: 10px 0;cursor: pointer;transition: .2s;} .t-source-tab .bottom-icon .item .icon{width: 30px;margin: 0 auto;} .t-source-tab .bottom-icon .item .icon:hover{opacity: .6;} .t-source-tab .bottom-icon .item i{font-size: 24px;} .t-source-tab .bottom-icon .item:hover{color:#0083e9;} .tab-header .item{width: 58px;height: 58px;padding-top: 7px;margin-bottom: 10px;box-sizing: border-box;text-align: center;cursor: pointer;color: #454545;font-size: 14px;} .tab-header .item i{font-size: 24px;color: inherit;} .tab-header .item.active{color: #0083e9;background: #fff;} .t-source-tab .tab-header .item:hover:not(.active) {color: #067cd9;} .tab-content{background-color: #f8f8f8;box-shadow: 0 0 10px rgba(0,0,0,.1);position: absolute;width: 310px;height: 100%;left: 58px;top: 0;transition: .3s;transform: translateX(-110%);} .tab-content.nozip{transform: translateX(0);} .tab-content-head{height: 46px;line-height: 46px;border-bottom: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;padding-left: 20px;} .tab-content-head i{float: right;margin-right: 20px;cursor: pointer;} .tab-content-head i:hover{color: #067cd9;} .content-item{transition: .3s;transform: translateX(-110%);position: absolute;left: 0;right: 0;top: 46px;bottom: 0;} .content-item.active{transform: translateX(0);} .content-item .base-text .text-item {text-align: left;padding: 10px;margin: 2px 0;color: #333;cursor: pointer;transition: .1s } .content-item .base-text .text-item:hover {background-color: #e6e6e6} .content-item .base-text .text-item:active {background-color: silver;} .content-item .base-text .text-item.heading {font-size: 24px} .content-item .base-text .text-item.subheading {font-size: 18px} .content-item .base-text .text-item.text {font-size: 14px} .tab-header .item.calendar-tab{display: none;} .art-box{padding: 10px;} .art-box .art-tab{background: #e7e7eb;border-radius: 4px;padding: 2px;display: flex;justify-content: center;margin-bottom: 18px;} .art-box .art-tab .art-tab-item{height: 36px;color: #333;display: flex;flex-grow: 1;justify-content: center;align-items: center;border-radius: 4px;cursor: pointer;} .art-box .art-tab .art-tab-item.active{background: #fff;} .art-list{display: flex;flex-wrap: wrap;} .art-list .art-item{width: 48%;margin-right: 4%;box-sizing: border-box;margin-bottom: 13px;cursor: pointer;border-radius: 4px;-webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.05);box-shadow: 0 6px 20px 0 rgba(0,0,0,.05);-webkit-transform: translate(0,0);transform: translate(0,0);-webkit-transition: -webkit-transform .3s ease-out;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;} .art-list .art-item:nth-child(2n){margin-right: 0;} .art-list .art-item:hover{-webkit-transform: translate(0,-6px);transform: translate(0,-6px);-webkit-transition: -webkit-transform .3s ease-out;transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-box-shadow: rgba(45,45,45,.1) 0 2px 2px -8px, rgba(49,49,49,.1) 0 4px 4px -8px, rgba(32,32,32,.1) 0 16px 16px -8px, rgba(49,49,49,.1) 0 32px 32px -8px;box-shadow: rgba(45,45,45,.1) 0 2px 2px -8px, rgba(49,49,49,.1) 0 4px 4px -8px, rgba(32,32,32,.1) 0 16px 16px -8px, rgba(49,49,49,.1) 0 32px 32px -8px;} .container-material{background: #eee;} .container-material .receptacle-category{overflow: hidden;padding: 10px 5px 1px 15px;background: #fff;margin-bottom: 10px;} .container-material .receptacle-category li{height: 30px;line-height: 28px;box-sizing: border-box;border: 1px solid #dedede;padding: 0 18px;cursor: pointer;color: #333;transition: .3s;margin-right: 10px;margin-bottom: 10px;font-size: 12px;float: left;} .container-material .receptacle-category li.active,.container-material .receptacle-category li:hover{background: #0083e9;color: #fff;} .container-material .material-recom {display: flex;flex-wrap: wrap;padding: 0 15px;} .container-material .material-recom .recom-item {position: relative;width: 82px;height: 82px;margin-right: 15px;margin-bottom: 15px;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.2);} .container-material .material-recom .recom-item img{width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;} .container-material .material-recom .recom-item:nth-child(3n){margin-right: 0;} .shape-material .material-recom,.calendar-material .material-recom{padding: 0 10px;padding-bottom: 20px;} .shape-material .shape-title,.calendar-material .calendar-title{position: relative;text-align: center;margin-top: 15px;} .shape-material .shape-title:after,.calendar-material .calendar-title:after{position: absolute;display: block;width: 100%;height: 1px;content: '';left: 0;top: 50%;transform: translateY(-50%);border-top: 1px solid #e0e0e0;} .shape-material .shape-title span,.calendar-material .calendar-title span{display: inline-block;height: 28px;padding: 0 15px;line-height: 28px;background: #fff;color: #333;position: relative;z-index: 3;} .shape-material .shape-box,.calendar-material .calendar-box{margin-top: 10px;} .shape-material .shape-box .shape-item,.calendar-material .calendar-box .calendar-item{display: inline-block;width: 65px;height: 65px;margin: 3px;background-color: #f1f1f1;padding: 6px;box-sizing: border-box;cursor: pointer;} .shape-material .shape-box .shape-item img,.calendar-material .calendar-box .calendar-item img{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;} .f-nodatamsg{position: absolute;color: #aaa;font-size: 14px;top: 60px;left: 50%;transform: translateX(-50%);} .calendar-material .calendar-box .calendar-item{width: 136px;height: 136px;} .calendar-material .calendar-box .calendar-item img{object-fit: contain;} .t-source-tab .key-box{position: absolute;width: 350px;height: 100%;z-index: 9999;background: #fff;top: 0;left: -360px;transition: .4s;} .show-key.t-source-tab .key-box{left: 0;} .t-source-tab .key-box .key-top{padding: 15px;border-bottom: 1px solid #dedede;font-size: 16px;color: #333;position: relative;} .t-source-tab .key-box .key-top i{position: absolute;font-size: 14px;right: 15px;top: 50%;transform: translateY(-50%); z-index: 3;cursor: pointer;transition: .3s;} .t-source-tab .key-box .key-list{padding:15px;padding-top: 0;} .t-source-tab .key-box .key-list .key-item-box{margin-top: 15px;} .t-source-tab .key-box .key-list .key-title{font-size: 14px;color: #000;padding: 15px 0;border-bottom: 1px solid #dedede;} .t-source-tab .key-box .key-list .key-item{display: flex;color: #666;margin-top: 10px;} .t-source-tab .key-box .key-list .key-left{font-size: 13px;line-height: 24px;} .t-source-tab .key-box .key-list .key-left i{font-size: 12px;} .t-source-tab .key-box .key-list .key-right{font-size: 12px;flex: 1;display: flex;justify-content: flex-end;align-items: center;} .t-source-tab .key-box .key-list .key-right span{display: inline-block;padding: 3px 5px;border: 1px solid #dedede;border-radius: 3px;margin: 0 3px;} /* 右边部分 */ .t-page-tool{position: fixed;right: 0;top: 57px;bottom: 0;width: 140px;pointer-events: none;z-index: 20;} .t-page-tool-head{height: 46px;line-height: 46px;/* border-bottom: 1px solid #dbdbdb; */position: relative;background-color: #ccc;z-index: 10;text-align: center;color: #6a6868;font-size: 12px;pointer-events: auto;} .t-page-tool-head ul{overflow: hidden;} .t-page-tool-head ul li{width: 50%;box-sizing: border-box;float: left;text-align: center;cursor: pointer;pointer-events: auto;} .t-page-tool-head ul li.active{background: #f8f8f8;} .t-page-tool .page-list{position: absolute;left: 0;right: 0;bottom: 0;top: 47px;background-color: #f8f8f8;box-shadow: 0 5px 10px rgba(0, 0, 0, .1);pointer-events: auto;overflow-x: hidden;overflow-y: scroll} .t-page-tool .page-list .f-tabitem{display: none;} .t-page-tool .page-list .f-tabitem.active{display: block;} .t-page-tool .page-list::-webkit-scrollbar {width: 3px;height: 3px;background-color: #fff} .t-page-tool .page-list::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, .2)} .t-page-tool .page-list::-webkit-scrollbar-thumb:vertical {background-color: rgba(0, 0, 0, .2)} .t-page-tool .page-list::-webkit-scrollbar-thumb:horizontal {background-color: rgba(0, 0, 0, .2)} .t-page-tool .page-list .page-item {padding: 12px 10px 0 10px;box-sizing: border-box;cursor: pointer;pointer-events: auto;position: relative;width: 140px;} .t-page-tool .page-list .page-item.active {/* border: 2px solid #057cd9; */ /* box-shadow: 0 0 0 1px #057cd9, 0 0 5px #057cd9; */transition: none} .t-page-tool .page-list .page-item .page-item-cont{position: relative;border: 2px solid transparent;box-shadow: 0 0 6px rgba(0,0,0,.15);} .t-page-tool .page-list .page-item.active .page-item-cont{border: 2px solid #057cd9;} .t-page-tool .page-list .page-item.active .thumb-wrap .index {background-color: #0095fa;color: #fff} .t-page-tool .page-list .page-item:hover .page-option {opacity: 1;-webkit-transform: translateY(8px);transform: translateY(8px);} .t-page-tool .page-list .page-item .page-option {position: absolute;right: 8px;bottom: 10px;width: 92px;opacity: 0;transition: .1s;z-index: 100} .t-page-tool .page-list .page-item .page-option .item {position: absolute;bottom: 0;width: 18px;height: 18px;line-height: 16px;border-radius: 3px;text-align: center;color: #fff;transition: .2s;background-color: rgba(0,0,0,.7);box-shadow: 0 0 5px rgba(0, 0, 0, .2)} .t-page-tool .page-list .page-item .page-option .item i {font-size: 12px} .t-page-tool .page-list .page-item .page-option .item:hover {background-color: #0095fa;color: #fff} .t-page-tool .page-list .page-item .page-option .left {right: 67px} .t-page-tool .page-list .page-item .page-option .mid {right: 26px} .t-page-tool .page-list .page-item .page-option .right {right: 0} .t-page-tool .page-list .page-item .thumb-wrap {overflow: hidden;z-index: 10;background-color: #fff;position: relative;height: 100%;} .t-page-tool .page-list .page-item .thumb-wrap img {width: 100%;pointer-events: none;} .t-page-tool .page-list .page-item .thumb-wrap .index {position: absolute;left: 3px;bottom: 3px;background: #fff;color: #6a6a6a;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 3px; width: 18px;height: 18px;line-height: 13px;text-align: right;font-size: 12px;box-shadow: 0 0 5px rgba(0, 0, 0, .3);box-sizing: content-box;} .t-page-tool .add-page {margin: 0 10px;padding: 12px 0;border-top: 1px solid #e5e5e5;} .t-page-tool .add-page .add-btn {width: 120px;padding: 0;cursor: pointer;background: #eee;border-radius: 40px;color: #000;height: 40px;text-align: center;line-height: 40px;font-size: 12px;transition: .2s;} .t-page-tool .add-page .add-btn i {margin-right: 4px} .t-page-tool .add-page .add-btn:hover {border-color: #aed4f3;background-color: #ddeffd;color: #057cd9} .t-page-tool .page-list .items-drag{position: relative;padding-bottom: 12px;} .t-page-tool .page-list .page-item.select,.t-page-tool .f-layer-list .layer-item.select{position: absolute;/* box-shadow: 0 4px 4px #ccc; */z-index: 999;} .t-page-tool .page-list .page-item.hold,.t-page-tool .f-layer-list .layer-item.hold {opacity: 0; cursor: inherit;box-sizing: border-box;} .t-page-tool .f-layer-list .layer-item{overflow: hidden;box-sizing: border-box;border-bottom: 1px solid #eee;height: 44px;line-height: 32px;cursor: pointer;width: 100%;padding: 6px;position: relative;} .t-page-tool .f-layer-list .layer-item.active{background: #ccc;} .t-page-tool .f-layer-list .layer-item.active .f-left{border: 1px solid #aaa;} .t-page-tool .f-layer-list .layer-item .f-left,.t-page-tool .f-layer-list .layer-item .f-right{float: left;} .t-page-tool .f-layer-list .layer-item .f-left{width: 30px;height: 100%;margin-right: 10px;position: relative;text-align: center;/* background: #aaa; */padding: 5px;line-height: 22px;} .t-page-tool .f-layer-list .layer-item .f-right{width: calc(100% - 60px);box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;font-size: 12px;} .t-page-tool .f-layer-list .layer-item .f-left img{position: absolute;max-width: calc(100% - 10px);max-height: calc(100% - 10px);transform: translate(-50%,-50%);left: 50%;top: 50%;} .t-page-tool .f-layer-list .layer-item .f-left i{font-size: 16px;color: #aaa;} .t-page-tool .page-list .page-item .page-item-cont .thumbnail-loading{position: absolute;z-index: 120;display: flex;justify-content: center;align-items: center;background: rgba(0,0,0,.35);top: 0;left: 0;right: 0;bottom: 0;} .t-page-tool .page-list .page-item .page-item-cont .thumbnail-loading .blinking span{background: #fff;} .t-page-tool .f-layer-list .layer-item .f-rename{position: absolute;width: 30px;height: 30px;top: 50%;transform: translateY(-50%); right: 0;color: #fff;z-index: 9;cursor: pointer;display: none;justify-content: center;align-items: center;background: #aaa;border-radius: 4px;} .t-page-tool .f-layer-list .layer-item .f-rename i{font-size: 16px;} .t-page-tool .f-layer-list .layer-item:hover .f-rename{display: flex;} /*.desk-show .t-page-tool .page-list .page-item .page-option,.desk-show .t-page-tool .add-page,.des-open .t-page-tool .page-list .page-item .page-option,.des-open .t-page-tool .add-page{display: none;}*/ .desk-show .t-page-tool .page-list .page-item .page-option .copy-btn, .desk-show .t-page-tool .add-page, .des-open .t-page-tool .page-list .page-item .page-option .copy-btn, .des-open .t-page-tool .add-page .copy-btn { display: none; } /* 重命名 */ .f-classif { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 9999; } .f-classif .f-classif-cont{background: #fff;border-radius: 12px;position: absolute;left: 50%;top: 25%;transform: translateX(-50%);padding: 30px;width: 510px;} .f-classif .f-classif-cont h3{font-size: 14px;color: #333;margin: 0;margin-bottom: 10px;} .f-classif .f-classif-cont .f-operate-box input{width: 330px;height: 40px;line-height: 40px;border: 1px solid #dedede;border-radius: 4px;color: #000;padding: 0 10px;display: inline-block;margin-right: 15px;} .f-classif .f-classif-cont .f-operate-box a{width: 95px;height: 40px;line-height: 40px;border-radius: 4px;background: #f72b2b;color: #fff;display: inline-block;text-align: center;} .f-classif .f-classif-cont .f-classif-close{position: absolute;top: 10px;right: 20px;color: #000;z-index: 9;cursor: pointer;} /* 素材 */ .material-box{padding: 15px;} .material-box .search-box{position: relative;margin-bottom: 15px;} .material-box .search-box input{border: 1px solid #eee;border-radius: 3px;padding: 0 10px;padding-right: 42px;height: 32px;line-height: 32px;color: #8e8e8e;font-size: 14px;width: 100%;} .material-box .search-box .search-btn{width: 32px;height: 32px;top: 0;right: 0;font-size:18px;color: #000;display: flex;justify-content: center;align-items: center;z-index: 3;position: absolute;cursor: pointer;} .material-tab{margin-bottom: 15px;border-radius: 3px;height: 30px;line-height: 30px;text-align: center;display: flex;overflow: hidden;} .material-tab .tab-item{flex: 1;background: #eee;color: #000;font-size: 12px;cursor: pointer;} .material-tab .tab-item.active{background: #069eff;color: #fff;} .material-classify ul{overflow: hidden;} .material-classify ul li{float: left;margin-right: 20px;margin-bottom: 10px;color: #8e8e8e;font-size: 14px;cursor: pointer;transition: .2s;} .material-classify ul li:nth-child(6n){margin-right: 0;} .material-classify ul li.active,.material-classify ul li:hover{color:#069eff;} .material-cont .material-recom{display: flex;flex-wrap: wrap;} .material-cont .material-recom .recom-item{position: relative;width: 82px;height: 82px;margin-right: 15px;margin-bottom: 15px;cursor: pointer;} .material-cont .material-recom .recom-item img{width: 100%;height: 100%;object-fit: cover;} .material-cont .material-recom .recom-item:nth-child(3n){margin-right: 0;} .material-cont .material-recom .recom-item .recom-tool{position: absolute;overflow: hidden;z-index: 3;width: 100%;top: 0;left: 0;padding: 5px;opacity: 0;transition: .2s;pointer-events: none;} .material-cont .material-recom .recom-item:hover .recom-tool{opacity: 1;} .material-cont .material-recom .recom-item .recom-tool .item{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 10px;color: #aaa;background: #fff;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 10px rgba(0,0,0,.06);pointer-events: auto;} .material-cont .material-recom .recom-item .recom-tool .item i{font-size: 12px;} .material-cont .material-recom .recom-item .recom-tool .collect{float: left;transition: .2s;} .material-cont .material-recom .recom-item .recom-tool .collect:hover,.material-cont .material-recom .recom-item .recom-tool .item.active{color: #ff3434;} .material-cont .material-recom .recom-item .recom-tool .detail{float: right;} .material-cont .material-recom .recom-item .top-left-tag{position: absolute;font-size: 12px;color: #fff;background:#069eff;height: 18px;min-width: 18px;line-height: 18px;border-radius: 18px;z-index: 99;left: 3px;top: 3px;text-align: center;padding: 0 3px;box-shadow: 0 0 16rpx rgba(0,0,0,.06);} .material-box .cont-item,#myMat-upload{display: none;} .material-box .cont-item.active{display: block;} .upload-img{margin-bottom: 15px;overflow: hidden;font-size: 14px;} .upload-img .select-box{float: left;color: #000;} .upload-img .select-box select{border: 1px solid #eee;border-radius: 3px;padding: 3px 8px;max-width: 120px;} .upload-img .upload-btn{color: #fff;cursor: pointer;background: #069eff;border-radius: 5px;height: 35px;line-height: 35px;text-align: center;} .search-all .search-h{display: none;} .search-all .search-h.active{display: block;} .search-h-top{margin-bottom: 15px;display: flex;align-items: center;} .search-h-top .top-btn{width: 65px;height: 30px;line-height: 30px;font-size: 12px;color: #000;border-radius: 30px;text-align: center;background: #eee;cursor: pointer;} .search-h-top .top-btn i{font-size: 12px;} .search-h-top .search-txt{font-size: 14px;flex: 1;text-align: right;} .search-h-top .search-txt span{color: #f90000;} .search-h-top .search-txt span.txt{display: inline-block;white-space: nowrap;max-width: 80px;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;} .material-my{position: relative;} /* .material-my .material-recom{position: absolute;left: 0;right: 0;bottom: 0;top: 40px;} */ .folder-list{position: absolute;z-index: 99;width: 100%;height: 100%;left: 0;top: 0;background: #fff;padding: 15px;display: none;} .folder-list.show-box{display: block;} .folder-list .folder-h-top{margin-bottom: 15px;display: flex;align-items: center;} .folder-list .folder-h-top .top-btn{width: 65px;height: 30px;line-height: 30px;font-size: 12px;color: #000;border-radius: 30px;text-align: center;background: #eee;cursor: pointer;} .folder-list .folder-h-top .top-btn i{font-size: 12px;} .folder-list .folder-h-top .fup-btn{position: relative;margin-left: 8px;height: 30px;line-height: 30px;font-size: 12px;background: #069eff;color: #fff;width: 70px; border-radius: 30px;overflow: hidden;cursor: pointer;} .folder-list .folder-h-top .fup-btn span {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 9;cursor: pointer;text-align: center;line-height: 30px;} .folder-list .folder-h-top .fup-btn input {display: none;} .folder-list .folder-h-top.hideUp .fup-btn{display: none;} .folder-list .folder-h-top .folder-txt{font-size: 14px;flex: 1;text-align: right;} .folder-list .material-folder{max-height: calc(100% - 75px);display: flex;flex-wrap: wrap;} .folder-list .material-folder .recom-item { background-color: #CFCFC1; position: relative; width: 82px; height: 82px; margin-right: 15px; margin-bottom: 15px; cursor: pointer; } .folder-list .material-folder .recom-item:nth-child(3n){margin-right: 0;} .folder-list .material-folder .recom-item .recom-tool{position: absolute;overflow: hidden;z-index: 3;width: 100%;top: 0;left: 0;padding: 5px;opacity: 0;transition: .2s;pointer-events: none;} .folder-list .material-folder .recom-item .recom-tool .item {width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 10px;color: #aaa;background: #fff;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 10px rgba(0,0,0,.06);pointer-events: auto;float: right;} .folder-list .material-folder .recom-item img {width: 100%;height: 100%;object-fit: cover;} .folder-list .material-folder .recom-item:hover .recom-tool {opacity: 1;} /* 素材详情 */ .material-detail{position: fixed;width: 260px;background: #fff;box-shadow: 0px 0px 3px rgba(0,0,0,.16);padding: 10px;padding-top: 42px;z-index: 90;display: none;} .material-detail .close-btn{position: absolute; font-size: 14px;right: 5px;top: 5px;width: 30px;height: 30px;cursor: pointer;text-align:center;line-height: 30px;} .material-detail .close-btn i{font-size: 14px;} .material-detail .det-img{background: #eee;padding: 8px;} .material-detail .det-img img{max-width: 100%;max-height: 220px;margin: 0 auto;display: block;} .material-detail .det-txt{font-size: 12px;color: #8e8e8e;line-height: 20px;} .material-detail .det-txt .det-flex{display: flex;} .material-detail .det-txt .det-flex .flex1{flex: 1;} /* 背景自定义 */ .background-diy{padding: 15px;} .background-diy .back-diy-top .diy-item{margin-bottom: 10px;color: #aaa;font-size: 14px;} .background-diy .back-diy-top .diy-flex{display: flex;align-items: center;} .background-diy .back-diy-top .left-b{width: 80px;} .background-diy .back-diy-top .diy-color-item{width: 32px;height: 32px;border: 1px solid #aaa;margin-right: 8px;cursor: pointer;overflow: hidden;} .background-diy .back-diy-top .diy-color-item .sp-replacer{opacity: 0;} .background-diy .back-diy-top .color-tra{text-align: center;line-height: 32px;} .background-diy .back-diy-top .color-tra i{color: #000;font-size: 28px;} .background-diy .back-diy-top .clear-color{position: relative;overflow: hidden;background: none !important;} .background-diy .back-diy-top .clear-color:after{content: '';display: block;position: absolute;width: 150%;height: 100%;border-top: 2px dotted #aaa;transform: rotate(45deg);left: -16px;top: 12px;z-index: -1;} .background-diy .back-diy-top .diy-item p{line-height: 28px;} .background-diy .back-diy-top .diy-item .diy-btn{border-radius: 5px;background: #069eff;height: 32px;line-height: 32px;color: #fff;text-align: center;cursor: pointer;transition: .3s;} .background-diy .back-diy-top .diy-item .diy-btn:hover{background: #0681cf;} .background-diy #back-upload{display: none;} .background-diy .back-diy-top .diy-item .img-view{width: 180px;margin: 0 auto;position: relative;display: none;} .background-diy .back-diy-top .diy-item .img-view .img-view-close{position: absolute;background: #fff;z-index: 3;width: 20px;height: 20px;border-radius: 50%;cursor: pointer;right: 5px;top: 5px;text-align: center;line-height: 20px;box-shadow: 0px 0px 6px rgba(0,0,0,.16);} .background-diy .back-diy-top .diy-item .img-view .img-view-close i{font-size: 12px;color: #333;} /* 上传图片 */ .upload-cont .upload-btn{padding: 10px;display: flex;align-items: center;} .upload-cont .upload-btn .upbtn-item{font-size: 14px;color: #fff;flex: 1;margin-right: 20px;text-align: center;height: 32px;line-height: 32px;border-radius: 5px;background: #069eff;cursor: pointer;transition: .2s;} .upload-cont .upload-btn .upbtn-item:hover{opacity: .6;} .upload-cont .upload-btn .upbtn-item:last-child{margin-right: 0;} .upload-cont .limit-msg{font-size:14px;color: #aaa;padding: 0 10px 10px;} .upload-cont .upload-list{position: absolute;left: 0;bottom: 0;right: 0;top: 165px;padding: 0 10px 10px;} .upload-cont .upload-btn #upload{display: none;} .uptop-loading{text-align: center;display: none;} .upload-cont .material-tab{margin: 10px;margin-bottom: 0;} .upload-box .upload-box-item{display: none;} .upload-box .upload-box-item.active{display: block;} .upload-material-my{margin: 10px;} .upload-material-my .upload-btn-m{color: #fff;cursor: pointer;background: #069eff;border-radius: 5px;height: 35px;line-height: 35px;text-align: center;margin-bottom: 10px;} .upload-material-my .upload-material-recom,.other-box {display: flex;flex-wrap: wrap;max-height: 740px;} .upload-material-my .upload-material-recom{max-height: calc(100vh - 150px);} .most-box.upload-material-my .upload-material-recom{max-height: calc(100vh - 105px);} .most-box.upload-material-my .upload-img-btn{display: none;} .upload-material-my .upload-material-recom .recom-item,.other-box .recom-item{position: relative;width: 89px;height: 89px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;} .upload-material-my .upload-material-recom .recom-item:nth-child(3n),.other-box .recom-item:nth-child(3n){margin-right: 0;} .upload-material-my .upload-material-recom .recom-item .recom-tool,.other-box .recom-item .recom-tool{position: absolute;overflow: hidden;z-index: 3;width: 100%;top: 0;left: 0;padding: 5px;opacity: 0;transition: .2s;pointer-events: none;} .upload-material-my .upload-material-recom .recom-item:hover .recom-tool,.other-box .recom-item:hover .recom-tool{opacity: 1;} .upload-material-my .upload-material-recom .recom-item .recom-tool .item,.other-box .recom-item .recom-tool .item{width: 20px;height: 20px;text-align: center;line-height: 20px;font-size: 10px;color: #aaa;background: #fff;border-radius: 50%;cursor: pointer;box-shadow: 0px 0px 10px rgba(0,0,0,.06);pointer-events: auto;float: right;} .upload-material-my .upload-material-recom .recom-item img,.other-box .recom-item img{width: 100%;height: 100%;object-fit: cover;} .upload-material-my .upload-material-recom .recom-item.file-item{height: 70px;text-align: center;font-size: 12px;} .upload-material-my .upload-material-recom .recom-item.file-item img{width: 50px;height: 50px;} .upload-material-my .upload-material-recom .recom-item.file-item p{line-height: 18px;} .other-box .recom-item {height: 100px;padding-bottom: 18px;line-height: 18px;text-align: center;font-size: 12px;} .other-box .recom-item p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .other-box{padding: 10px;max-height: 780px;} /* 模板 */ .template-box {padding: 15px;} .template-box .template-tab{display: flex;border-radius: 5px;background: #eee;height: 30px;line-height: 30px;text-align: center;color: #333;overflow: hidden;} .template-box .template-tab .template-box-item{flex: 1;transition: .4s;font-size: 14px;cursor: pointer;} .template-box .template-tab .template-box-item.active,.template-box .template-tab .template-box-item:hover{background: #069eff;color: #fff;} .template-list{position: absolute;left: 15px;right: 12px;bottom: 15px;top: 45px;} .template-box .template-cont{display: flex;flex-wrap: wrap;margin-top: 15px;} .template-box .template-item{width: 131px;height: 180px; margin-right: 15px;margin-bottom: 15px;transition: .3s;position: relative;top: 0;box-shadow: 0 0 10px rgba(0,0,0,.2);} .template-box .template-item:before,.template-box .template-item:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: -1;transition: .2s;opacity: 0;} .template-box .template-item:hover:before{-webkit-transform: translateY(8px);transform: translateY(8px);opacity: 1;box-shadow: 0 2px 8px rgba(0,0,0,.2);} .template-box .template-item:hover:after{-webkit-transform: translateY(4px);transform: translateY(4px);opacity: 1;box-shadow: 0 2px 8px rgba(0,0,0,.2);background-color: #f7f7f7;} .template-box .template-item:hover{top: -5px;} .template-box .template-item img{object-fit: cover;width: 100%;height: 100%;} .template-box .template-item:nth-child(2n){margin-right: 0;} .template-box .template-item .collect{position: absolute;top: 5px;right: 5px;z-index: 9;width: 20px;height: 20px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);color: #AEAEAE;transition: .2s;text-align: center;line-height: 20px;cursor: pointer;opacity: 0;} .template-box .template-item .collect.active{color: #ff3434;} .template-box .template-item .collect i{font-size: 14px;} .template-box .template-item:hover .collect{opacity: 1;} .item-page{position: absolute;height: 20px;border-radius: 20px;min-width: 35px;font-size: 14px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);left: 5px;bottom: 5px;z-index: 3;color: #333;line-height: 20px;text-align: center;box-sizing: border-box;padding: 0 8px;} .template-box .template-loading{text-align: center;display: none;} /* 手机上传弹窗 */ .mobile-upload-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 999;display: none;} .mobile-upload-popup .mobile-popup-cont{position: absolute;width: 600px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;text-align: center;color: #333;font-size: 14px;padding: 40px 0;border-radius: 5px;} .mobile-upload-popup .mobile-popup-cont .ewm-cont{width: 260px;margin: 0 auto;margin-bottom: 30px;} .mobile-upload-popup .mobile-popup-cont .mobile-close{position: absolute;right: 10px;top: 10px;cursor: pointer;} .mobile-upload-popup .mobile-popup-cont .mobile-upload-title{position: absolute;width: 100%;left: 0;top: 0;padding: 10px 15px;font-size: 16px;color: #333;text-align: left;border-bottom: 1px solid #dedede;} .mobile-upload-popup .mobile-popup-cont .mupimg{padding: 50px 0;} .mobile-upload-popup .mobile-popup-cont .mobile-popup-list{display: none;padding: 20px;} .mobile-upload-popup .mobile-popup-cont .mobile-popup-list .img-item{width: 101px;height: 101px;margin: 5px;} .mobile-upload-popup .mobile-popup-cont .mobile-popup-list .img-item img{width: 100%;height: 100%;object-fit: cover;} .mobile-upload-popup .show-imglist .ewm-cont{display: none;} .mobile-upload-popup .show-imglist .mobile-popup-list{display: flex;flex-wrap: wrap;align-content: flex-start;height: 430px;overflow-x: hidden;overflow-y: scroll;margin-bottom: 30px;} .upm-btn .upbtn{width: 120px;height: 33px;border: 1px solid #0083e9;font-size: 14px;line-height: 33px;text-align: center;border-radius: 17px;color: #0083e9; cursor: pointer;transition: .3s;margin: 0 auto;} .upm-btn .upbtn:hover{background: #0083e9;opacity: 0.6;color: #fff;} .transmission,.upm-btn,.tran-show .upm-btn .close-uppo,.show-imglist .upm-btn .reset-ewm,.tran-show .ewm-cont,.show-imglist .ewm-cont{display: none;} .tran-show .upm-btn,.tran-show .transmission,.show-imglist .upm-btn{display: block;} .transmission .transmission-img {width: 275px;margin: 50px auto 16px;} .transmission .transmissionTips {height: 19px;font-size: 14px;line-height: 19px;color: #333;text-align: center;margin-bottom: 30px;} /* 上传提示 */ .upload-loading{position: fixed;top: 105px;left: 50%;transform: translateX(-50%);background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.16);z-index: 99999;font-size: 14px;color: #aaa;text-align: center;border-radius: 5px; height: 40px;line-height: 40px;padding:0 20px;display: none;} .f-loading-data{position: fixed;top: 10%;background: rgba(0,0,0,.6);padding: 10px;border-radius: 5px;box-shadow: 0px 0px 10px rgba(0,0,0,.16);left: 50%;transform: translateX(-50%);z-index: 9999;} .f-loading-data .blinking span{background: #fff;} /* 等待动画 */ .blinking{width: 20px;height: 20px;border-radius: 5px;position: relative;padding: 3px;display: inline-block;vertical-align: middle;} .blinking span{width: 5px;height: 2px;display: inline-block;border-radius: 20px;background: #00ade5;position: absolute;left: 50%;top: 50%;animation: 1s blink infinite;transform-origin: left top;} @keyframes blink{ 0%{ opacity: 0.4; } 30%{ opacity: 0.6; } 60%{ opacity: 0.8; } 100%{ opacity: 1; } } .blinking span:first-child{transform:rotate(45deg) translateX(5px);animation-delay: 0.125s;} .blinking span:nth-child(2){transform:rotate(90deg) translateX(5px);animation-delay: 0.25s;} .blinking span:nth-child(3){transform:rotate(135deg) translateX(5px);animation-delay: 0.375s;} .blinking span:nth-child(4){transform:rotate(180deg) translateX(5px);animation-delay: 0.5s;} .blinking span:nth-child(5){transform:rotate(225deg) translateX(5px);animation-delay: 0.625s;} .blinking span:nth-child(6){transform:rotate(270deg) translateX(5px);animation-delay: 0.75s;} .blinking span:nth-child(7){transform:rotate(315deg) translateX(5px);animation-delay: 0.875s;} .blinking span:nth-child(8){transform:rotate(360deg) translateX(5px);animation-delay: 0s;} /* 二维码 */ .tab-content .qr-code-list{padding: 15px;display: flex;flex-wrap: wrap;} .tab-content .qr-code-list .qr-item{width: 130px;text-align: center;height: 130px;background: #eee;color: #333;font-size: 14px;margin-right: 17px;margin-bottom: 15px;padding-top: 32px;cursor: pointer;transition: .4s;} .tab-content .qr-code-list .qr-item:nth-child(2n){margin-right: 0;} .tab-content .qr-code-list .qr-item:hover{background: #ccc;} .tab-content .qr-code-list .qr-item i{font-size: 36px;color: #666; margin-bottom: 5px;display: block;} .tab-content .qr-code-list .qr-item img{margin: 0 auto;margin-bottom: 5px;display: block;width: 40px;} /* 二维码弹窗 */ .qr-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: rgba(0,0,0,.5);display: none;} .qr-popup .qr-popup-cont{position: absolute;width: 90%;height: 90%;transform: translate(-50%,-50%);background: #fff;padding: 20px 50px 20px 20px;left: 50%;top: 50%;} .qr-popup .qr-iframe{height: 100%;overflow: hidden;} .qr-popup .qr-iframe iframe {border: 0;width: calc(100% + 20px);} .qr-popup .qr-close{position: absolute;z-index: 9;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;color: #333;right: 5px;top: 5px;cursor: pointer;} .qr-popup .qr-close i{font-size: 20px;} .qr-popup .qr-close:hover{color: #666;} /* 自由变换 */ .transform{position: absolute;z-index: 50;pointer-events: none;transform: rotate(0deg);border: 1px dashed #e40b0b;display: none;} .transform .point{position: absolute;width: 10px;height: 10px;border-radius: 6px;background-color: #e40b0b;box-shadow: 0 0 5px rgba(0,0,0,.3);z-index: 9;pointer-events: auto;} .transform .point:hover{background-color: #0083e9;} .transform .point1{cursor: se-resize;} .transform .point2{cursor: s-resize;border-radius: 0;background: #fff;border: 1px dashed #e40b0b;} .transform .point3{cursor: ne-resize;} .transform .point4{cursor: w-resize;border-radius: 0;background: #fff;border: 1px dashed #e40b0b;} .transform .rotateP{position: absolute;top:-23px;left: -23px;background: #fff;width: 15px;height: 15px;border-radius: 50%;box-shadow: 0px 0px 3px rgba(0,0,0,.06); cursor: pointer;display: flex;justify-content: center;align-items: center;color: #aeaeae;} .transform .rotateP i{font-size: 12px;transform: scale(.7);} .transform .rotateP:hover{background: #fff;color: #0083e9;} .transform .drag-box{display: none;} .text-operation .point:nth-child(2),.text-operation .point:nth-child(6){display: none;} .transform .img-box{position: absolute;display: none;} .transform .img-box img{width: 100%;height: 100%;} .transform .lock-btn{position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #ff1912;color: #fff;justify-content: center;align-items: center;z-index: 9;right: -8px;bottom: -8px;cursor: pointer;display: none;pointer-events: auto;} .transform .lock-btn i{font-size: 12px;} .transform.lockItem-box .lock-btn{display: flex;} .transform.lockItem-box{border: 1px solid #aaa;} .transform.lockItem-box .point{display: none;} .transform.group{pointer-events: auto;} .transform.group .rotateP,.transform.group .point2,.transform.group .point4,.transform.group .point{display: none;} .transform.pointerauto{pointer-events: none;} .transform .qrcode-num{width: 30px;height: 30px;border-radius: 50%;background: #e40b0b;color: #fff;text-align: center;line-height: 30px;font-size: 12px;position: absolute;right: -40px;top: -40px;pointer-events: auto;box-shadow: 0px 0px 5px rgba(0,0,0,.16);} .shape-operation .point:nth-child(2),.shape-operation .point:nth-child(4),.shape-operation .point:nth-child(6),.shape-operation .point:nth-child(8){display: none;} /* 文字编辑器 */ #richEdit{position: absolute;z-index: 100;display: none;} #richEdit .richEdit-cont{width: 100%;pointer-events: auto;text-decoration-skip-ink:none;transform-origin: 0 0;-webkit-transform-origin: 0 0;} #richEdit .richEdit-cont:focus{outline: none;} /* #richEdit .richEdit-transform{position: absolute;} */ /* 图片裁剪 */ .mark-gray{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 40;overflow: hidden;background: rgba(0,0,0,.3);display: none;} .tailoring-box{position: absolute;z-index: 30;display: none;/* opacity: .8; */} .tailoring-box .img-box{position: absolute;width: 100%;height: 100%;} .tailoring-box .img-box img{width: 100%;height: 100%;} .tailoring-tool{display: block;border-color:transparent;pointer-events: auto;} .tailoring-tool .point{border-radius: 0;width: 15px;height: 15px;box-shadow: none;} .tailoring-tool .point:hover{background-color: #fff;} .tailoring-tool .point2{width: 15px;height: 3px;} .tailoring-tool .point4{height: 15px;width: 3px;} .tailoring-tool .point:nth-child(1){left: -3px !important;top: -3px !important;background: none;border-top: 3px solid #fff;border-left: 3px solid #fff;} .tailoring-tool .point:nth-child(2){top: -3px !important;} .tailoring-tool .point:nth-child(3){right: -3px !important;top: -3px !important;background: none;border-top: 3px solid #fff;border-right: 3px solid #fff;} .tailoring-tool .point:nth-child(4){margin-left: 0 !important;transform: translateY(-50%);} .tailoring-tool .point:nth-child(5){right: -3px !important;bottom: -3px !important;background: none;border-bottom: 3px solid #fff;border-right: 3px solid #fff;} .tailoring-tool .point:nth-child(6){margin-top: 0 !important;} .tailoring-tool .point:nth-child(7){left: -3px !important;bottom: -3px !important;background: none;border-bottom: 3px solid #fff;border-left: 3px solid #fff;} .tailoring-tool .point:nth-child(8){left: -3px !important;transform: translateY(-50%);margin-top: 0 !important;} .tailoring-tool .rotateP{display: none;} .tailoring-tool .point2,.tailoring-tool .point4{border: 0;} .tailoring-tool .drag-box{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;} .tailoring-tool .img-box{display: block;} .notarize{display: none;position: absolute;z-index: 60;} .notarize .item{width: 35px;height: 35px;background: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;pointer-events: auto;} .notarize .item:nth-child(1){color: #0083e9;margin-bottom: 5px;} .notarize .item:nth-child(2){color: #333;} .notarize .item i{font-size: 14px;} .box-handle{position: absolute;z-index: 50;display: none;pointer-events: none;} .box-handle .imgmark{position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-style: solid;border-color: rgba(0,0,0,.6);z-index: 36;} /* 容器裁剪 */ .container-show .tailoring-box:after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.4);z-index: 3;pointer-events: none;} .container-show .transform .point,.tailoring-box .point{display: none;} .container-show .transform{z-index: 60;pointer-events: none;border: 0;} .container-show .tailoring-box{pointer-events: auto;border: 1px dashed #e40b0b;} .container-show .tailoring-box .img-box{pointer-events: auto;} .container-show .tailoring-box .point{display: block;position: absolute;width: 10px;height: 10px;background-color: #fff;border: 1px solid #e40b0b;box-shadow: 0 0 5px rgba(0,0,0,.3);z-index: 9;pointer-events: auto;} .container-show .tailoring-box .point1{top: -5px;left: -5px;cursor: se-resize;} .container-show .tailoring-box .point2{top: -5px;right: -5px;cursor: ne-resize;} .container-show .tailoring-box .point3{bottom: -5px;right: -5px;cursor: se-resize;} .container-show .tailoring-box .point4{bottom: -5px;left: -5px;cursor: ne-resize;} /* 中间顶部工具栏 */ .t-tool-bar{position: fixed;left: 58px;right: 140px;top: 57px;height: 46px;line-height: 46px;background-color: rgb(236, 236, 236);/* border: 1px solid #e0e0e0; */border-top: none;text-align: center;font-size: 13px;z-index: 30;color: #121518;display: flex;transition: left .3s;background: #fff;} .t-tool-bar.nozip {left: 368px} .t-tool-bar .center {flex: 1;text-align: center;white-space: nowrap} .t-tool-bar .input-block {margin: 0 4px;position: relative;top: -1px} .t-tool-bar .input-block input[type=number],.t-tool-bar .input-block input[type=text] {border: 0; /* border: 1px solid #dbdbdb; */padding: 3px 5px;width: 60px;background: rgb(236, 236, 236);border-radius: 3px;text-align: center;} .t-tool-bar .input-block input[type=number]:focus,.t-tool-bar .input-block input[type=text]:focus {box-shadow: 0 0 5px #4ccfff;} .t-tool-bar .input-block .label {font-size: 12px;margin-right: 4px} .t-select {position: relative;height: 24px;} .t-select select {border-radius: 0;border:0;background-color: rgb(236, 236, 236);border-radius: 3px; color: #626161;padding: 2px 2px 2px 6px;outline: 0} .t-select select:focus {border-color: #4ccfff;box-shadow: 0 0 5px #4ccfff} .t-tool-bar .split {position: relative;margin: 9px 9px 9px 13px} .t-tool-bar .split.no_line:after {border-color: transparent;} .t-tool-bar .split::after {content: '';position: absolute;left: -3px;top: -16px;bottom: -18px;border-left: 1px solid #f0f0f0;} .desk-show .t-tool-bar .center{pointer-events: none;} /* 下拉选择框 */ .k_zy_select{position: relative;text-align: left;} .k_zynr{width: 210px;max-width: 100%; position: relative;border-radius: 3px; height: 30px;padding: 0 8px;padding-right: 22px;cursor: pointer;background: #fff;box-sizing: border-box;line-height: 30px;} .k_zynr i{display: block;position: absolute;font-size: 12px; right: 8px;top: 0;transition: all .4s ease;} .k_zynr span{display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;} .k_zynr span img{max-height: 100%;max-width: 160px;height: 17px;vertical-align: middle;} .k_zy_list{position: absolute;width: 240px;border-radius: 3px; top: 41px;left: 0;border: 1px solid #cecece;z-index: 9;background: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);display: none;max-height: 400px;overflow-x: hidden;overflow-y: auto;} .k_zy_list li{line-height: 18px;cursor: pointer;padding: 8px;height: 34px; /* border-bottom: 1px solid #cecece; */} .k_zy_list li.active{background: #eee;} .k_zy_list li:hover,.k_zy_list li.active:hover{background: #eee;color: #fff;} .k_zy_select.active .k_zynr i{transform: rotate(180deg);} .k_zy_list::-webkit-scrollbar,.font-seach .fseach-list::-webkit-scrollbar ,.font-zt .side-font::-webkit-scrollbar{/*滚动条*/ width:12px; } .k_zy_list::-webkit-scrollbar-track ,.font-seach .fseach-list::-webkit-scrollbar-track,.font-zt .side-font::-webkit-scrollbar-track{/*滚动槽*/ /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); */ background: #eee; } .k_zy_list::-webkit-scrollbar-thumb ,.font-seach .fseach-list::-webkit-scrollbar-thumb,.font-zt .side-font::-webkit-scrollbar-thumb{/*滚动条滑块*/ background:#999; /* -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5); */ } .font-zt{position: relative;z-index: 9;} .font-zt .k_zy_list img{max-width: 160px;max-height: 100%;vertical-align: middle;height: 17px;} .k_zy_list li .blinking{margin-left: 10px;} .font-zt .k_zy_list{margin-top: 88px;} .font-zt .k_zy_list li{position: relative;padding-right: 20px;} .font-zt .k_zy_list li i{position: absolute;font-size: 12px;color: #aaa;top: 50%;transform: translateY(-50%);right: 8px;} .font-seach{position: absolute;width: 240px;z-index: 99;background: #fff;left: 0;top: 41px;display: none;line-height: 30px;border: 1px solid #cecece;border-bottom: 0;} .k_zy_select.active .font-seach{display: block;} .font-seach .fseach-box{position: relative;padding: 10px;} .font-seach .fseach-box i{position: absolute;font-size: 14px;color: #aaa;top: 50%;left: 15px;transform: translateY(-50%);} .font-seach .fseach-box input{border: 0;height: 30px;font-size: 12px;line-height: 30px;padding: 0 8px 0 25px;color: #333;background: #eee;width: 100%;border-radius: 30px;} .font-seach .fseach-lange{display: flex;align-items: center;padding-bottom: 6px;border-bottom: 1px solid #e7e7e7;} .font-seach .fseach-lange .flange-item{flex: 1;text-align: center;font-size: 12px;cursor: pointer;color: #aaa;position: relative;} .font-seach .fseach-lange .flange-item span{position: absolute;display: block;width: 1px;height: 15px;top: 50%;right: 0;background: #999;transform: translateY(-50%);} .font-seach .fseach-lange .flange-item.active{color: #0083e9;} .font-seach .fseach-lange .flange-item.active:before{content: '';display: block;position: absolute;width: 20px;height: 2px;background: #0083e9;left: 50%;transform: translateX(-50%);bottom: -7px;} .font-seach .fseach-list{position: relative;max-height: 400px;overflow-x: hidden;overflow-y: auto; background: #fff;z-index: 9;margin-top: -36px;padding-top: 6px;border-top: 1px solid #e7e7e7;display: none;} .font-zt.seach-change .font-seach .fseach-list.fempty-list{min-height: 300px;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #aaa;} .font-seach .fseach-list img,.font-zt .side-font img{max-width: 160px;max-height: 100%;vertical-align: middle;height: 17px;} .font-seach .fseach-list .fseach-item,.font-zt .side-font .fsied-item{line-height: 18px;cursor: pointer;padding: 8px;height: 34px;} .font-seach .fseach-list .fseach-item:hover,.font-seach .fseach-list .fseach-item.active,.font-zt .side-font .fsied-item:hover,.font-zt .side-font .fsied-item.active{background: #eee;} .font-zt.seach-change .k_zy_list{display: none !important;} .font-zt.seach-change .font-seach .fseach-list{display: block;} .font-zt .side-font{position: absolute;width: 240px;background: #fff;z-index: 9;border-radius: 3px;box-shadow: 0px 6px 3px rgba(0,0,0,.26);display: none;max-height: 400px;overflow-x: hidden;overflow-y: auto;left: calc(100% + 35px);} /* 文字属性设置 */ .t-tool-bar .cent-nature{display: flex;flex: 1;} .t-tool-bar .cent-nature .nature-left,.t-tool-bar .cent-nature .nature-right{flex: 1;} .t-tool-bar .cent-nature .nature-font,.t-tool-bar .cent-nature .nature-img,.t-tool-bar .cent-nature .nature-right,.t-tool-bar .many-box,.t-tool-bar .calendar-box{white-space: nowrap;display: flex;align-items: center;padding-left: 10px;height: 100%;} .t-tool-bar .cent-nature .nature-font>span,.t-tool-bar .cent-nature .nature-img>span,.t-tool-bar .cent-nature .nature-right>span,.t-tool-bar .many-box>span,.t-tool-bar .calendar-box>span{display: block;margin-left: 10px;cursor: pointer;} .t-tool-bar .cent-nature .nature-font>span{position: relative;} .t-tool-bar .cent-nature .nature-font>span::before{position: absolute;display: none;width: 1px;content: '';height: 20px;left: -8px;top: 50%;transform: translateY(-50%);background: #aaa;} .t-tool-bar .cent-nature .nature-font>span{margin-left: 16px;} .t-tool-bar .cent-nature .nature-font>span:nth-child(2)::before,.t-tool-bar .cent-nature .nature-font>span:nth-child(4)::before,.t-tool-bar .cent-nature .nature-font>span:nth-child(5)::before,.t-tool-bar .cent-nature .nature-font>span:nth-child(10)::before,.t-tool-bar .cent-nature .nature-font>span:nth-child(11)::before{display: block;} .t-tool-bar .cent-nature .nature-font>span:nth-child(2)::before{left: -10px;} .t-tool-bar .cent-nature .nature-img>span{margin-right: 10px;} .t-tool-bar .cent-nature .nature-font .font-color,.t-tool-bar .cent-nature .nature-img .img-color,.t-tool-bar .cent-nature .nature-img .svg-color{width: 30px;height: 30px;border: 1px solid #dedede;background: #fff;} .t-tool-bar .cent-nature .nature-font .font-zt-size .k_zynr{width: 68px;} .t-tool-bar .cent-nature .nature-font .font-zt-size .k_zy_list{width: 110px;} .t-tool-bar .cent-nature .nature-font .font-icon{margin-left: 5px;} .t-tool-bar .cent-nature .nature-font .active1{color: #0083e9;} .t-tool-bar .cent-nature .nature-img .img-size-par,.t-tool-bar .cent-nature .font-distance-par,.t-tool-bar .cent-nature .font-middle-par{position: relative;z-index: 99;} .t-tool-bar .cent-nature .font-color,.t-tool-bar .cent-nature .nature-img .svg-color{position: relative;} .t-tool-bar .cent-nature .sp-replacer{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;} .t-tool-bar .cent-nature .nature-img>span.qrcode-edit{display: none;} .t-tool-bar.qrcode-show .cent-nature .nature-img>span.qrcode-edit{display: block;} .orientation-box{position: relative;} .t-tool-bar.qrcode-hide .cent-nature .nature-img>span.qrcode-toj{display: none;} .t-tool-bar .cent-nature .nature-font.art-change .arthide{display: none;} .effects-cont{position: relative;} .effects-cont .text-effects-box{left: 0;top: 900px; transform: translateX(0);width: 290px;max-height: 600px;display: flex;flex-wrap: wrap;} .effects-cont .text-effects-box .effects-item {width: 48%;box-sizing: border-box;margin: 6px 0;margin-right: 4%;cursor: pointer;border-radius: 4px;box-shadow: 0 3px 10px 0 rgba(0,0,0,.05);height: 78px;line-height: 1.5;} .effects-cont .text-effects-box .effects-item:nth-child(2n){margin-right: 0;} .effects-cont .text-effects-box .effects-item.active{border: 2px solid #0083e9;} .effects-cont .text-effects-box .effects-item:first-child{font-size: 13px;padding-top: 12px;} .effects-cont .text-effects-box .effects-item:first-child i{font-size: 20px;} .t-tool-bar .cent-nature .nature-font .font-color-box{display: block;margin-left: 20px;cursor: pointer;white-space: nowrap;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors{position: relative;display: flex;flex-wrap: wrap;align-items: center;overflow: hidden;max-width: 125px;height: 30px;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showHide{padding-right: 30px;} .t-tool-bar .cent-nature .art-colors .font-color{position: absolute;top: 0;left: -30px;pointer-events: none;opacity: 0;} .art-colors .art-color-item{ display: block;margin: 0 5px;width: 30px;height: 30px;cursor: pointer;box-shadow: 0px 0px 5px rgba(0,0,0,.16);} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll{overflow: visible;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll .art-color-item{margin-bottom: 5px;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors .art-color-item:nth-child(3n+1){margin-right: 0;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll{padding-right: 0;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors .all-color{background: #eee;color: #000;text-align: center;line-height: 30px;position: absolute;right: 0;top: 0;z-index: 9;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll .all-color{display: block;position: relative;font-size: 0;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll .all-color:after{position: absolute;content: '';display: block;width: 1px;height: 16px;transform: rotate(45deg);top: 8px;left: 15px;background: #aaa;} .t-tool-bar .cent-nature .nature-font .font-color-box.art-colors.showAll .all-color:before{position: absolute;content: '';display: block;width: 1px;height: 16px;transform: rotate(-45deg);top: 8px;left: 15px;background: #aaa;} /* 图片尺寸弹窗 */ .t-tool-bar .cent-nature .nature-img .size-popup,.t-tool-bar .cent-nature .distance-popup,.t-tool-bar .cent-nature .popup-cont,.orientation-cont{position: absolute;width: 155px;padding: 10px;box-sizing: border-box;background: #fff;box-shadow: 0px 0px 3px rgba(0,0,0,.16);top: -400px;left: 50%;transform: translateX(-50%);} .orientation-cont.active{top: 40px !important;} .t-tool-bar .cent-nature .nature-img .size-popup .size-popup-item,.t-tool-bar .cent-nature .distance-popup-item,.orientation-popup-item{color: #aaa;font-size: 12px;} .t-tool-bar .cent-nature .nature-img .size-popup .size-popup-item span{color: #333;} .t-tool-bar .cent-nature .nature-img .size-popup .size-popup-item input{width: 82px;border: 0;height: 25px;font-size: 12px;color: #000;background: #eee;margin: 0 5px;box-sizing: border-box;padding: 0 8px;border-radius: 5px;} /* 字距弹窗 */ .t-tool-bar .cent-nature .distance-popup {width: 256px;} .range-item{display: flex;align-items: center;} .range-item input{display: inline-block;vertical-align: middle;} .range-item input::-webkit-outer-spin-button,.range-item input::-webkit-inner-spin-button {-webkit-appearance: none;appearance: none;margin: 0;} .range-item input[type="range"]{flex: 1;} .t-tool-bar .cent-nature .distance-popup input{-moz-appearance:textfield;} .range-item input[type="number"]{width: 50px;height: 25px;text-align: center;background: #eee;border: 0;border-radius: 5px;} input[type="range"]{margin: 0 8px;background: linear-gradient(to right, #ccc 0%, #ccc 100%);outline: none;-webkit-appearance: none; /*清除系统默认样式*/height: 2px; /*横条的高度*/} input[type="range"]::-webkit-slider-thumb {width: 15px;height: 15px;border-radius: 50%;background-color: #aaa;border: 1px solid #eee;box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);cursor: pointer;-webkit-appearance: none;border: 0;transition: .2s;} input[type="range"]::-webkit-slider-thumb:hover{background:#057cd9;} /* 对齐弹窗 */ .t-tool-bar .cent-nature .middle-popup{width: 190px;text-align: center;color: #aaa;padding-bottom: 0;} .t-tool-bar .cent-nature .middle-popup span{display: inline-block;line-height: 24px;} .t-tool-bar .cent-nature .middle-popup span i{font-size: 12px;display: block;transition: .2s;} .t-tool-bar .cent-nature .middle-popup span:hover i{background: #eee;} .t-tool-bar .cent-nature .nature-right{justify-content: flex-end;padding-right: 20px;} .t-tool-bar .cent-nature .nature-right .lock{display: none;} .t-tool-bar .cent-nature .nature-right>span{margin-left: 15px;} .t-tool-bar .cent-nature .nature-right .active .nature-lock i{display: none;} .t-tool-bar .cent-nature .nature-right .active .nature-lock i.lock{display: inline-block;color: #ff1912;} .t-tool-bar .cent-nature .middle-popup.f-left>span:nth-child(1),.t-tool-bar .cent-nature .middle-popup.f-center>span:nth-child(2),.t-tool-bar .cent-nature .middle-popup.f-right>span:nth-child(3),.t-tool-bar .cent-nature .middle-popup.f-justify>span:nth-child(4){color: #0083e9;} /* 透明度 */ .lucency-popup{width: 220px;font-size: 12px;} .t-tool-bar .cent-nature .nature-right .lucency-v{width: 98px;} /* 阴影 */ .shadow-popup{width: 240px;} .shadow-popup .popup-color{width: 26px;height: 26px;position: relative;display: inline-block;margin-left: 10px;border: 1px solid #aaa;position: relative;} .shadow-popup .shadow-btn{display: flex;border-top:1px solid #eee;align-items: center;line-height: 24px;padding-top: 10px;} .shadow-popup .shadow-radio{display: flex;flex: 1;justify-content: flex-end;} .shadow-popup .shadow-radio .radio-btn{position: relative;width: 60px;height: 30px;border-radius: 30px;background: #eee;transition: .4s;} .shadow-popup .shadow-radio .radio-btn:after{position: absolute;content: '';display: block;width: 26px;height: 26px;border-radius: 50%;box-shadow: 0px 0px 6px rgba(0,0,0,.16);background: #eee;box-sizing: border-box;border: 2px solid #fff;top: 2px;left: 2px;transition: .4s;} .shadow-popup .shadow-radio .radio-btn.active{background:#6ac565;} .shadow-popup .shadow-radio .radio-btn.active:after{left: 32px;} /* 翻转 */ .t-tool-bar .cent-nature .flip-popup{width: 110px;line-height: 28px;} .t-tool-bar .cent-nature .flip-popup i{margin-right: 10px;} .t-tool-bar .cent-nature .flip-popup .range-item{padding: 0 5px;transition: .2s;} .t-tool-bar .cent-nature .flip-popup .range-item:hover{background: #eee;} /* 图层 */ .t-tool-bar .cent-nature .layer-popup{width: 50px;height: 200px;} .t-tool-bar .cent-nature .layer-popup .layer-item{position: relative;line-height: 24px;font-size: 12px;color: #aaa;height: 100%;} .t-tool-bar .cent-nature .layer-popup .layer-item input{transform: rotate(-90deg);position: absolute;max-width: none;width: 135px;top: 88px;left: -60px;} .t-tool-bar .cent-nature .layer-popup .msg-layer{position: absolute;left: 50%;transform: translateX(-50%);} .t-tool-bar .cent-nature .layer-popup .layer-top{top: -5px;} .t-tool-bar .cent-nature .layer-popup .layer-bottom{bottom: -5px;} .rotating-popup .range-item input[type="number"]{width: 80px;margin-left: 5px;background: none;flex: 1; text-align: right;} .rotating-popup .range-item input[type="range"]{margin: 10px 0;} .rotating-popup {width: 200px;} .rotating-popup .range-item{overflow: hidden;} .rotating-popup .range-item .shortcut-item{float: left;width: 48%;margin-right: 4%;border: 1px solid #eee;border-radius: 3px;height: 30px;line-height: 30px;text-align: center;font-size: 12px;margin-top: 10px;transition: .3s;} .rotating-popup .range-item .shortcut-item:last-child{margin-right: 0;} .rotating-popup .range-item .shortcut-item:hover{border-color: #0083e9;} /* 位置 */ .location-popup{width: 170px;} .location-popup span{width: 40px;display: inline-block;text-align: right;} .location-popup input{width: 70px;background: #eee;margin-left: 10px;height: 30px;line-height: 30px;text-align: left;padding: 0 5px; border-radius:3px;} /* .t-tool-bar .cent-nature .nature-right>span.location-box{display: none;} */ .set-calendar.t-tool-bar .cent-nature .nature-right>span.location-box{display: block;} .location-popup .geomet-box{position: absolute;top: 33px;left: 15px;z-index: 3;height: 46px;} .location-popup .geomet-box span{width: 15px;height: 12px;display: none;border-left: 1px solid #ff1912;position: absolute;line-height: 1;right: -5px;} .location-popup .geomet-box span.top-g{border-top: 1px solid #ff1912;top: 0;} .location-popup .geomet-box span.bottom-g{border-bottom: 1px solid #ff1912;bottom: 0;} .location-popup .geomet-box.active span{display: block;} .location-popup .geomet-box .geomet-btn i:last-child,.location-popup .geomet-box.active .geomet-btn i:first-child{display: none;} .location-popup .geomet-box.active .geomet-btn i:last-child{display: block;color: #ff1912;} .font-set .txt-hide,.font-set .location-popup .geomet-box{display: none;} /* 圆角 */ .t-tool-bar .cent-nature .round-popup{width:240px;line-height: 24px;transform: translateX(-20%);} /* 形状 */ .nature-shape{display: none;padding-left: 10px;white-space: nowrap;align-items: center;height: 100%;} .t-tool-bar.shape-set .nature-shape{display: flex;} .t-tool-bar.shape-set .nature-shape>span{margin-left: 10px;} .t-tool-bar.shape-set .nature-shape .fill-color,.t-tool-bar.shape-set .nature-shape .stroke-color{width: 30px;height: 30px;border: 1px solid #dedede;background: #fff;position: relative;} .t-tool-bar.shape-set .nature-shape .stroke-color>img{position: absolute;width: 100%;height: 100%;z-index: 3;top: 0;left: 0;cursor: pointer;pointer-events: none;} .nature-shape .border-round{cursor: pointer;} .nature-shape .border-list{padding: 5px;margin-top: 10px;border: 1px solid #dedede;} .nature-shape .border-list .line-item{cursor: pointer;transition: .3s;} .nature-shape .border-list .line-item svg{width: 100%;height: 30px;} .nature-shape .border-list .line-item:hover{background: #eee;} /* .nature-shape .border-list{max-height: 120px;border: 1px solid #aaa;} */ .t-tool-bar .cent-nature,.t-tool-bar.font-set .cent-default,.t-tool-bar.img-set .cent-default,.t-tool-bar.img-set .nature-font,.t-tool-bar.font-set .nature-img,.t-tool-bar .many-box,.t-tool-bar.show-many .cent-default,.t-tool-bar.show-many .nature-font,.t-tool-bar .calendar-box,.t-tool-bar.set-calendar .cent-default,.t-tool-bar.set-calendar .nature-font,.t-tool-bar.set-calendar .nature-img{display: none;} .t-tool-bar.font-set .cent-nature,.t-tool-bar.img-set .cent-nature,.t-tool-bar.group-set .cent-nature,.t-tool-bar.svg-set .nature-img,.t-tool-bar.svg-set .cent-nature,.t-tool-bar.svg-set1 .nature-img,.t-tool-bar.svg-set1 .cent-nature,.t-tool-bar.show-many .many-box,.t-tool-bar.show-many .cent-nature,.t-tool-bar.set-calendar .calendar-box,.t-tool-bar.set-calendar .cent-nature{display: flex;} .props-mm,.Pbleed-box,#replace-upload{display: none;} .t-tool-bar.group-set .nature-img,.t-tool-bar.group-set .nature-font,.t-tool-bar.group-set .cent-default,.t-tool-bar.group-set .cent-nature .nature-right>span.rotating-box{display: none;} .t-tool-bar.svg-set .cent-nature .nature-img .svg-hide,.t-tool-bar.svg-set .cent-default,.t-tool-bar.svg-set .nature-font{display: none;} .t-tool-bar.svg-set1 .cent-nature .nature-img .upsvg-hide,.t-tool-bar.svg-set1 .cent-default,.t-tool-bar.svg-set1 .nature-font{display: none;} .t-tool-bar.shape-set .cent-default,.t-tool-bar.shape-set .nature-font,.t-tool-bar.shape-set .nature-img{display: none;} .t-tool-bar.shape-set .cent-nature{display: flex;} .t-tool-bar .cent-nature .nature-img .svg-show,.t-tool-bar .cent-nature .nature-img .cont-show{display: none;} .t-tool-bar.svg-set1 .cent-nature .nature-img .svg-show{display: flex;} .t-tool-bar.svg-set .cent-nature .nature-img .cont-show{display: block;} .t-tool-bar .nature-img .svg-colorlist{display: none;position: relative;max-width: 240px;height: 30px;overflow: hidden;} .t-tool-bar.svg-set1 .nature-img .svg-colorlist{display: flex;align-items: center;flex-wrap: wrap;} .t-tool-bar .nature-img .svg-colorlist .upsvg-color{position: absolute;width: 30px;height: 30px;overflow: hidden;left: 0;top: 0;opacity: 0;z-index: 3;pointer-events: none;} .t-tool-bar .nature-img .svg-colorlist>span{display: block;margin: 0 10px;width: 30px;height: 30px;cursor: pointer;box-shadow: 0px 0px 5px rgba(0,0,0,.16);} .t-tool-bar .nature-img .svg-colorlist>span.all-color{background: #eee;color: #000;text-align: center;line-height: 30px;position: absolute;right: 0;top: 0;z-index: 9;display: none;} .t-tool-bar .nature-img .svg-colorlist.allmax{padding-right: 40px;} .t-tool-bar .nature-img .svg-colorlist.showall{overflow: visible;max-width: 250px;} .t-tool-bar .nature-img .svg-colorlist.allmax>span.all-color{display: block;} .t-tool-bar .nature-img .svg-colorlist.showall>span{margin-bottom: 10px;} .t-tool-bar .nature-img .svg-colorlist.showall>span.all-color{display: block;position: relative;font-size: 0;} .t-tool-bar .nature-img .svg-colorlist.showall>span.all-color:after{position: absolute;content: '';display: block;width: 1px;height: 16px;transform: rotate(45deg);top: 8px;left: 15px;background: #aaa;} .t-tool-bar .nature-img .svg-colorlist.showall>span.all-color:before{position: absolute;content: '';display: block;width: 1px;height: 16px;transform: rotate(-45deg);top: 8px;left: 15px;background: #aaa;} .t-tool-bar .cent-nature .svgcont-popup{width: 240px;transform: translateX(-20%);} .t-tool-bar .cent-nature .svgcont-popup .svgborder-color{width: 30px;height: 30px;overflow: hidden;background: #fff;position: relative;display: inline-block;margin-left: 8px;box-shadow: 0px 0px 5px rgba(0,0,0,.26);vertical-align: middle;} .t-tool-bar .cent-nature .svgcont-popup .svgtext-left{text-align: left;} .calendar-box .sypo-item{display: inline-block;margin: 0 10px;color: #333;transition: .3s;} .calendar-box .sypo-item:hover{color: #0083E9;} .t-tool-bar .cent-nature .calendar-box .round-popup{width: 160px;} .rotating-popup .range-item.befo-cent{position: relative;} .rotating-popup .range-item.befo-cent::before{position: absolute;display: block;content: '';width: 2px;z-index: -1;height: 12px;background: #aaa;top: 50%;left: 50%;transform: translate(-50%,-50%);} /* 自动选择 */ .f-automatic label{position: relative;cursor: pointer;} .f-automatic label input{position: absolute;top: 0;left: 0;opacity: 0;} .f-automatic label span{display: inline-block;width: 15px;height: 15px;position: relative;border: 1px solid #aaa;border-radius: 3px;vertical-align: text-bottom;} .f-automatic label input:checked+span:after{content: '';display: block;position: absolute;width: 5px;height: 9px;border-bottom: 1px solid #000;border-right: 1px solid #000;top: 0px;left: 4px;transform: rotate(45deg);} /* 鼠标悬浮提示信息 */ .top-popup-info{position: fixed;z-index: 99;border-radius:3px;background: #000;padding: 5px 10px;color: #fff;font-size: 12px;display: none;pointer-events: none;} .top-popup-info:after{content: '';display: block;position: absolute;width: 0;height: 0;border: 6px solid transparent;border-color: transparent transparent #000 transparent;top: -12px;left: 50%;transform: translateX(-50%);pointer-events: none;} /* 中间部分 */ .stage-group.drag{cursor: url(../images/cursor-drag.png) 0 0,auto !important;} .stage-group .mark-svg{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index: 9;} .stage-group .mark-svg .overflow-stage{position:absolute;left:0;top:0;width:100%;height:100%} .edit-index .stage-group{position: absolute;left: 58px;top: 103px;right: 140px;bottom: 0;transition: left .3s;background: rgb(236, 236, 236);cursor: url(../images/cursor-default.png) -2 -4,auto;z-index: 10;} .edit-index .stage-group.nozip{left: 368px;} .stage-group .water-mark-wrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 8;pointer-events: none;} .stage-group .dra-board,.stage-group .dra-background{position: absolute;} .stage-group .dra-item{position: absolute;transform: rotate(0deg);transform-origin:center center;} .stage-group .dra-item:hover{outline: 1px solid #0083E9;} .stage-group .dra-item.seled{outline:none;} .stage-group .opacity-tmo{opacity: 0 !important;} .stage-group .dra-item.borderB{outline: 1px solid #0083E9;} .stage-group .dra-item .text-box{word-wrap: break-word;text-decoration-skip-ink:none;/* min-height: 100%; */} .stage-group .dra-item svg{border-radius: inherit;position: absolute;left: 0;top: 0;width: 100%;height: 100%;} /* .stage-group .dra-item .f-img-box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;} */ /* .stage-group .dra-item .text-box{word-break: break-word;} */ .stage-group .dra-board.autonot .dra-item{pointer-events:none} .stage-group .dra-board.autonot .dra-item.seled{pointer-events:auto;} .stage-group .dra-item .text-box .stlzoom-box{transform-origin: 0 0;-webkit-transform-origin: 0 0;} /*拖动图片添加到容器 */ .f-temp-remove{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 99999;} .f-temp-remove .f-remove-cont{width: 400px;background: #fff;position: absolute;border-radius: 12px;padding: 30px;top: 50%;left: 50%;transform: translate(-50%,-50%);} .f-temp-remove .f-remove-cont h3{font-size: 16px;color: #000;margin: 0;background: #069eff;} .f-temp-remove .f-remove-cont p{color: #000;margin-bottom: 30px;text-align: center;margin-top: 20px;} .f-temp-remove .f-remove-cont .f-remove-btn{text-align: center;} .f-temp-remove .f-remove-cont .f-remove-btn a{display: inline-block;margin-left: 20px;width: 85px;height: 32px;text-align: center;line-height: 32px;border-radius: 5px;border: 1px solid #069eff;color: #069eff;} .f-temp-remove .f-remove-cont .f-remove-btn a:last-child{background: #069eff;color: #fff;} .f-temp-remove .f-remove-cont .f-remove-btn a:hover{opacity: .6;} .f-temp-remove.f-popup .f-remove-cont .f-remove-btn a{border: 1px solid #ff4b4b;color: #ff4b4b;} .f-temp-remove.f-popup .f-remove-cont .f-remove-btn a:last-child{background: #ff4b4b;color: #fff;} /*是否继续操作 */ .f-empty-container{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 99999;} .f-empty-container .f-remove-cont{width: 400px;background: #fff;position: absolute;border-radius: 12px;padding: 30px;top: 50%;left: 50%;transform: translate(-50%,-70%);} .f-empty-container .f-remove-cont h3{font-size: 16px;color: #000;margin: 0;background: #069eff;} .f-empty-container .f-remove-cont p{color: #000;margin-bottom: 30px;text-align: center;margin-top: 20px;} .f-empty-container .f-remove-cont .f-remove-btn{text-align: center;} .f-empty-container .f-remove-cont .f-remove-btn a{display: inline-block;margin-left: 20px;width: 85px;height: 32px;text-align: center;line-height: 32px;border-radius: 5px;color: #fff;background: #f72b2b;} .f-empty-container .f-remove-cont .f-remove-btn a:last-child{border: 1px solid #f72b2b;color: #f72b2b;background: none;} .f-empty-container .f-remove-cont .f-remove-btn a:hover{opacity: .6;} /* 提示信息弹窗 */ .popup-info{position: fixed;padding: 10px 15px;background: rgba(0,0,0,.6);box-shadow: 0px 0px 6px rgba(0,0,0,0.16);font-size: 14px;color: #fff;top: 100px;left: 50%;transform: translateX(-50%);z-index: 99999;border-radius: 20px;display: none;} /* 右键菜单 */ #menu,#menu2{box-shadow: 0px 0px 6px rgba(0,0,0,.16);position: absolute;display: none;text-align: center;background: #fff;cursor: pointer;padding: 5px;} #menu .menu,#menu2 .menu{width: 100px;height: 30px;line-height: 30px;padding: 0 10px;color: #000;font-size: 14px;transition: .2s;margin-top: 5px;position: relative;} .menu:hover{background: #eee;} #menu2 .item{border-bottom: 1px solid #eee;padding-bottom: 5px;} #menu2 .item.layer{position: relative;} #menu2 .item.layer i.flip{position: absolute;right: 10px;transform:translateY(-50%) rotate(180deg);top: 50%;font-size: 12px;} #menu2 .item.layer .son-item{position: absolute;z-index: 3;top: 0;right: -100%;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.16);display: none;padding: 5px;padding-top: 0;} #menu2 .item.layer .son-item i{margin-right: 5px;} #menu2 .item.layer .menu:hover .son-item{display: block;} /* 中间底部工具栏 */ .t-stage-tool{position: fixed;display: flex;left: 50%;width: 470px;height: 35px;padding: 0 25px;border-radius: 35px; line-height: 35px;bottom: 40px;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .15);z-index: 20;} .t-stage-tool .icon-item {flex: 1;text-align: center;color: #7a7a7a;transition: .2s;cursor: pointer;border-right: 1px solid #f1f1f1;} .t-stage-tool .icon-item:last-child {border-right: none;width: 50px;text-decoration: underline;flex: auto;color: #0083e9;} .t-stage-tool .icon-item i {font-size: 20px} .t-stage-tool .icon-item:hover {color: #0083e9} .t-stage-tool .icon-item.active {color: #0083e9} .popup-msg{position: fixed;z-index: 21;background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .15);border-radius: 3px;color:#7a7a7a;font-size: 14px;padding:5px 10px;display: none;white-space: normal;} .popup-msg:after{position: absolute;content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-color: #fff transparent transparent transparent;left: 50%;transform: translateX(-50%);bottom: -10px;} .scale-box{position: fixed;border-radius: 5px;padding: 5px 10px;background: rgba(0,0,0,.6);color: #fff;font-size: 14px;bottom: 100px;left: 35%;z-index: 40;display: none;} /* 右下角缩略图 */ .thumbnail-box{position: fixed;right: 150px;bottom: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, .2);padding: 5px;background-color: #fff;overflow: hidden;z-index: 20;display: none;} .thumbnail-box .view-cont{position: relative;width: 110px;} .thumbnail-box .close{text-align: right;cursor: pointer;margin-bottom: 2px;} .thumbnail-box .close i{font-size: 12px;color: #646464;} .thumbnail-box .close i:hover {color: #0083e9;} .thumbnail-box .view-box{position: absolute;z-index: 3;border: 3px solid #0083e9;} /* 删除画布确定弹出 */ .crm-popup{position: fixed;display: none; padding: 12px 16px;text-align: center; right: 50px;top: 50%; z-index: 30;background: #fff;font-size: 14px;color: rgba(0,0,0,.65);background-clip: padding-box;border-radius: 4px;box-shadow: 0 2px 8px rgba(0,0,0,.15);white-space: nowrap;width: 140px;} .crm-popup:after{position: absolute;content: '';display: block;width: 0;height: 0;border: 6px solid transparent;border-color: transparent transparent transparent #fff;top: 50%;transform: translateY(-50%);right: -12px;} .crm-popup .crm-msg{padding:4px 0 12px;} .crm-popup .crm-btn button{display: inline-block;height: 24px;line-height: 24px;padding: 0 10px;border-radius: 3px;cursor: pointer;opacity: .7;transition: .2s;} .crm-popup .crm-btn button.close-btn{border: 1px solid rgba(0,0,0,.65);} .crm-popup .crm-btn button.confirm-btn{background:#0083e9;color: #fff;} .crm-popup .crm-btn button:hover{opacity: 1;} /* 登录弹窗 */ .f-login-popup{position: fixed;z-index: 99999;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);display: none;} .f-login-popup .f-login-det{width: 500px;transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;background: #fff;border-radius: 30px;padding: 30px;} .f-login-popup .f-login-det p{color: #aaa;text-align: center;margin: 0;} .f-login-popup .f-login-det p.f-login-title{font-size: 18px;color: #000;margin-bottom: 20px;margin-top: 20px;} .f-login-popup .f-login-det .f-code{width: 290px;margin: 0 auto;margin-bottom: 15px;position: relative;text-align: center;} .f-login-popup .f-login-det .f-code .blinking{margin: 30p 0;} .f-login-popup .f-login-det .f-popup-close{position: absolute;color: #000;top: 15px;right: 15px;z-index: 3;cursor: pointer;} .f-login-popup .f-login-det .f-popup-close i{font-size: 24px;transition: .3s;} .f-login-popup .f-login-det .f-popup-close:hover i{color: #aaa;} .f-login-popup .f-login-det .f-code .already-s,.f-login-popup .f-login-det .f-code .already-g{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 9;background: rgba(255,255,255,.85);} .f-login-popup .f-login-det .f-code .already-s span,.f-login-popup .f-login-det .f-code .already-g span{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;color: #000;font-size: 16px;white-space: nowrap;} /* 下载弹窗 */ .f-download-popup,.f-trading,.f-recharge-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;background: rgba(0,0,0,.3);display: none;} .f-download-popup .f-download-cont,.f-trading .f-trading-cont,.f-recharge-popup .f-recharge-cont{position: absolute;width: 350px;top: 220px;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 5px;padding: 15px;} .f-download-popup .dw-close{position: absolute;z-index: 9;color: #aaa;top: 15px;right: 15px;cursor: pointer;} .f-download-popup .dw-close i{font-size: 12px;} .f-download-popup .f-download-cont h3{font-size: 16px;color: #333;padding-bottom: 15px; margin: 0;font-weight: normal;margin-bottom: 20px;position: relative;} .f-download-popup .f-download-cont h3:before{content: '';position: absolute;display: block;left: -15px;bottom: -1px;width: calc(100% + 30px);height: 1px;background: #eee;} .f-download-popup .f-download-cont h3 i{margin-right: 4px;vertical-align: bottom;} .f-download-cont .f-download-box{overflow: hidden;} .f-download-cont .f-item{margin-bottom: 15px; border-radius: 5px;padding: 15px;padding-left: 50px; cursor: pointer;transition: .2s;border: 1px solid #dedede;box-sizing: border-box;position: relative;color: #444;} .f-download-cont .f-item>i{font-size: 30px;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);} .f-download-cont .f-item:hover{border-color: #ff4b4b;} .f-download-cont .f-item:nth-child(2n){margin-right: 0;} .f-download-cont .f-item .type span{width: 16px;background: #fff;height: 16px;display: inline-block;position: relative;top: 3px;border-radius: 50%;margin-right: 6px;display: none;} .f-download-cont .f-item .type span:after{content: '';position: absolute;left: 3px;top: 3px;width: 10px;height: 10px;border-radius: 50%;background: #ff4b4b;-webkit-transform: scale(0);transform: scale(0);transition: .2s;} .f-download-cont .f-item.active{color: #ff4b4b;border: 1px solid #ff4b4b;} .f-download-cont .f-item .describe{font-size: 12px;} .f-download-cont .f-item.active span:after{-webkit-transform: scale(1);transform: scale(1);} .f-download-cont .f-dwts{background: #f5f5f5;font-size: 12px;color: #ff4b4b;padding: 8px 5px;border-radius: 5px;} .f-download-cont .f-dwts i{font-size: 12px;margin-right: 3px;} .f-download-cont .f-dwts a{color: #0083e9;display: inline-block;margin-left: 30px;} .f-download-cont .f-dwbtn{text-align: center;margin-top: 15px;} .f-download-cont .f-dwbtn a{display: inline-block;width: 135px;height: 40px;border-radius: 40px;border: 1px solid #bfbfbf;line-height: 40px;box-sizing: border-box;text-align: center;color: #7A7A7A;font-size: 14px;} .f-download-cont .f-dwbtn a.f-qr{color: #fff;background: #ff4b4b;border-color: #ff4b4b;} /* .f-download-cont .f-disabled{opacity: .5;cursor: not-allowed;} */ /* .f-download-cont.notdis .f-disabled{opacity: 1;cursor: pointer;} */ .f-download-cont.notdis .f-dwts{display: none;} .f-download-cont .f-dwbtn a.f-qr.active{opacity: .6;cursor: not-allowed;} .f-download-cont .f-item a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;justify-content: flex-end;align-items: center;color: #0083e9;font-size: 12px; background: rgba(255,255,255,.6);padding-right: 15px;} .f-download-cont.notdis .f-item a{display: none;} /* 购买弹窗 */ .f-trading .f-trading-cont{width: 570px;padding: 30px;} .f-trading .f-trading-cont .tr-close,.f-recharge-popup .f-recharge-cont .re-close{position: absolute;z-index: 9;color: #aaa;top: 5px;right: 10px;cursor: pointer;} .f-trading .f-trading-cont .tr-close i,.f-recharge-popup .f-recharge-cont .re-close i{font-size: 12px;} .f-trading .f-trading-cont .f-title{font-size: 14px;color: #aaa;margin-bottom: 10px;} .f-trading .f-trading-cont .f-temdet{overflow: hidden;background: #f3f3f3;} .f-trading .f-trading-cont .f-temdet .f-item{float: left;width: 25%;height: 100px;box-sizing: border-box;padding: 15px;position: relative;font-size: 12px;color: #aaa;text-align: center;} .f-trading .f-trading-cont .f-temdet .f-item:first-child{padding: 5px;} .f-trading .f-trading-cont .f-temdet .f-item:nth-child(2){text-align: left;} .f-trading .f-trading-cont .f-temdet .f-item img{position: absolute;max-width: calc(100% - 20px);max-height: calc(100% - 10px);top: 50%;left: 50%;transform: translate(-50%,-50%);} .f-trading .f-trading-cont .f-temdet .f-item .f-item-title{color: #333;margin-bottom: 10px;} .f-trading .f-trading-cont .f-temdet .f-item .f-txt{height: 35px;line-height: 18px;overflow: hidden;} .f-trading .f-price{margin-top: 10px;border:1px solid #e3e3e3;box-sizing: border-box;} .f-trading .f-price .f-pitem{border-bottom: 1px solid #e3e3e3;zoom:1;box-sizing: border-box;} .f-trading .f-price .f-pitem:after {clear:both;content:'';display:block;width: 0;height: 0;visibility:hidden;} .f-trading .f-price .f-pitem:last-child{border: 0;} .f-trading .f-price .f-pitem .f-left,.f-trading .f-price .f-pitem .f-right{float: left;height: 45px;line-height: 45px;box-sizing: border-box;font-size: 14px;color: #5e5d5d;} .f-trading .f-price .f-pitem .f-left{width: 45px;text-align: center;border-right:1px solid #e3e3e3;} .f-trading .f-price .f-pitem .f-right{width: calc(100% - 45px);padding-left: 22px;position: relative;} .f-trading .f-price .f-pitem .f-right .f-ybp{display: inline-block;} .f-trading .f-price .f-pitem .f-right .f-ybp span{color: #ff4b4b;font-size: 22px;font-weight: 700;} .f-trading .f-price .f-pitem .f-right .f-acou{display: inline-block;margin-left: 60px;position: relative;} .f-trading .f-price .f-pitem .f-right .f-acou span{color: #ff4b4b;font-weight: 600;} .f-trading .f-price .f-pitem .f-right .f-recharge{margin-top: -6px;position: absolute;box-sizing: border-box;width: 207px;height: 22px;background: #ffe9ce;line-height: 22px; border-radius: 3px;padding-left: 10px;box-shadow: 0 2px 4px rgba(0,0,0,.22);margin-left: 0;color: #ff4b4b;font-size: 12px;} .f-trading .f-price .f-pitem .f-right .f-recharge i{font-size: 12px;margin-right: 3px;} .f-trading .f-price .f-pitem .f-right .f-recharge a{display: inline-block;margin-left: 15px;color: #42abe6;} .f-trading .f-price .f-pitem .f-right .f-recharge:before{content:'';width: 0;height: 0;border: 6px solid transparent;border-bottom: 7px solid #ffe9ce;position: absolute;top: -13px;left: 10%;display: block;} .f-trading .f-trading-cont .f-trabtn a{display: inline-block;height: 34px;background: #ff4b4b;padding: 0 25px;line-height: 34px;color: #fff;margin-top: 25px;font-size: 12px;} .f-trading .f-trading-cont .f-trabtn a.active{opacity: .6;cursor: not-allowed;} /* 充值弹窗 */ .f-recharge-popup .f-recharge-cont{width: 650px;} .f-recharge-popup .f-recharge-cont .f-title{font-size: 14px;text-align: center;color: #aaa;} .f-recharge-popup .f-recharge-cont .f-recharge-box{margin-top: 15px;} .f-recharge-popup .f-recharge-cont .f-recharge-box .f-box-title{font-size: 12px;color: #aaa;} .f-recharge-popup .f-recharge-cont .f-recharge-box .f-box-list{overflow: hidden;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item{float: left;width: 145px;padding: 10px;text-align: center;color: #333;box-sizing: border-box;position: relative;margin-right: 10px;cursor: pointer;margin-top: 10px;border: 2px solid #dedede;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item:nth-child(4n){margin-right: 0;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ma{margin-bottom: 6px;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ma span{font-size: 29px;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item .f-ms{font-size: 12px;} .f-recharge-popup .f-recharge-box .f-box-list .f-box-item.active{border: 2px solid #ff4b4b;color: #ff4b4b;} .f-recharge-popup .f-recharge-box .f-money .f-box-item.active:before{content: '';display: block;width: 0;height: 0;border-bottom: 24px solid #ff4b4b;border-left: 24px solid transparent;position: absolute;bottom: 0;right: 0;} .f-recharge-popup .f-recharge-box .f-money .f-box-item.active:after{position: absolute;content: '';width: 5px;height: 9px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;transform: rotate(45deg);right: 5px;bottom: 3px;z-index: 3;} /* .f-recharge-popup .f-recharge-box .f-fspay .f-box-item{background: #f3f3f3;border: 2px solid #e1e1e1;color: #333;line-height: 18px;} */ .f-recharge-popup .f-recharge-box .f-fspay .f-box-item.active{background: #fff;} .f-recharge-popup .f-recharge-box .f-fspay .f-box-item i{font-size: 18px;margin-right: 5px;vertical-align: middle;} .f-recharge-popup .f-recharge-box .f-fspay .f-box-item:nth-child(1) i{color: #349aea;} .f-recharge-popup .f-recharge-box .f-fspay .f-box-item:nth-child(2) i{color: #3cc62c;} .f-recharge-popup .f-coin{margin-top: 30px;color: #5e5d5d;font-size: 14px;} .f-recharge-popup .f-coin span{font-size: 22px;color: #ff4b4b;font-weight: 700;} .f-recharge-popup .f-rebtn{margin-top: 20px;} .f-recharge-popup .f-rebtn a{display: block;width: 22.62%;height: 35px;background: #ff4b4b;color: #fff;font-size: 14px;line-height: 35px;text-align: center;} .f-recharge-popup .f-rebtn a.disclick{opacity: .6;} /* 微信支付弹窗 */ .f-topup-wxpopup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,.6);display: none;} .f-topup-wxpopup .f-wxpopup-cont{width: 640px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 30px;position: relative;margin-top: -70px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top{background: #eee;height: 78px;line-height: 78px;padding: 0 30px;border-top-left-radius: 30px;border-top-right-radius: 30px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p{font-size: 16px;color: #aaa;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left{float: left;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right{float: right;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-left span{color: #ff0000;font-size: 25px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-top p.f-right span{color: #000;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom{padding: 30px;padding-bottom: 60px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p{font-size: 21px;color: #000;text-align: center;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom p i{font-size: 32px;color: #00c900;vertical-align: middle;margin-right: 8px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-bottom img{display: block;width: 195px;margin: 0 auto;margin-top: 15px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close{text-align: center;margin-top: 50px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -70px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a{display: inline-block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;color: #fff;line-height: 40px;} .f-topup-wxpopup .f-wxpopup-cont .f-wxpopup-close a i{font-size: 18px;} /* 浏览器兼容提示 */ .compatbox{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;background:rgba(0,0,0,.6);} .compatbox .compat-cont{position: absolute;top: 50%;left: 50%;margin-top: -164px;margin-left: -272px; width: 544px;border-radius:8px;overflow: hidden;background: #fff;} .compatbox .compat-cont .compat-close{position: absolute;top: 15px;right: 15px;color: #fff;font-weight: bold;cursor: pointer;z-index: 9;} .compatbox .compat-cont .compat-close i{font-size: 18px;} .compatbox .compat-cont .compat-title{width: 100%;height: 136px;background: url(../images/jianrongtishi.png) no-repeat;position: relative;} .compatbox .compat-cont .compat-title p{box-sizing: border-box;width: 100%;text-align: center;padding-top: 40px;font-size: 25px;color: #fff;} .compatbox .compat-cont .compat-contbox{width: 100%;height: 161px;} .compatbox .compat-cont .compat-contbox p:first-child{margin-top: 32px;} .compatbox .compat-cont .compat-contbox p{width: 100%;text-align: center;font-size: 16px;color: #5d5e5e;line-height: 1;margin-top: 14px;} .compatbox .compat-cont .compat-contbox .download{margin-top: 32px;width: 100%;text-align: center;} .compatbox .compat-cont .compat-contbox .download a{text-align: center;font-size: 17px;color: #0083e9;line-height: 1;} /* 台历日期选择 */ .desk-box{position: fixed;width: 100%;height: 100%;z-index: 99;top: 0;left: 0;background: rgba(255,255,255,0.5);display: none;} .desk-show .desk-box{display: block;} .desk-box .desk-cont{position: absolute;top: 15%;left: 50%;transform: translateX(-50%);width: 400px;padding: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,.16);background: #fff;border-radius: 8px;} .desk-box .desk-cont .desk-item.title{justify-content: center;font-size: 16px;color: #000;} .desk-box .desk-cont .desk-item{display: flex;font-size: 14px;color: #333;margin-bottom: 15px;align-items: center;} .desk-box .desk-cont .desk-item .desk-title{width: 60px;margin-right: 15px;} .desk-box .desk-cont .desk-item .desk-det{flex: 1;} .desk-box .desk-cont .desk-item .desk-det select,.desk-box .desk-cont .desk-item .desk-det input{width: 100%;height: 40px;line-height: 40px;border-radius: 6px;border: 1px solid #dedede;padding: 0 10px;cursor: pointer;outline:none;} .desk-box .desk-cont .desk-item .desk-det.desk-btn{background: #0083e9;color: #fff;text-align: center;height: 40px;border-radius: 8px;line-height: 40px;cursor: pointer;} .desk-box .desk-cont .desk-item .desk-det.desk-btn.disclick,.disclick{opacity: 0.6;} .calendar-change{position: fixed;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;background: rgba(0,0,0,0.6);display: none;} .calendar-change .calendar-cont{position: absolute;top: 35%;left: 50%;transform: translateX(-50%);width: 500px;padding: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,.16);background: #fff;border-radius: 8px;font-size: 16px;text-align: center;color: #333;} .calendar-change .calendar-cont .calendar-btn{display: flex;justify-content: center;margin-top: 30px;} .calendar-change .calendar-cont .calendar-btn .btn-cl{width: 100px;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;margin: 0 10px;font-size: 13px;background: #0083e9;transition: .3s;color: #fff;cursor: pointer;} .calendar-change .calendar-cont .calendar-btn .btn-cl:hover{opacity: 0.6;} .calendar-change .calendar-cont .calendar-btn .btn-cl:last-child{background: none;border: 1px solid #aaa;color: #aaa;} .se-page.calendar-change .calendar-cont .calendar-btn .btn-cl:last-child{background: #0083e9;color: #fff;border: 0;} /* 辅助线 */ .subline-box{position: absolute;width: 100%;height: 100%;z-index: 999;pointer-events: none;} .subline-box .subline-item{position: absolute;} /* 2020-05-13 新增 */ .upload-box-item .upload-material-my .file-btn{display: flex;} .upload-box-item .upload-material-my .file-btn-item{font-size: 14px;flex: 1;border-radius: 5px;color: #fff;cursor: pointer;background: #069eff;height: 35px;line-height: 35px;text-align: center;margin: 0 5px;margin-bottom: 10px;transition: .3s;} .upload-box-item .upload-material-my .file-btn-item.remove-file{background: red;} .upload-box-item .upload-material-my .file-seb{display: none;} .upload-box-item.edit-box .upload-material-my .file-btn .file-btn-item{display: none;} .upload-box-item.edit-box .upload-material-my .file-btn .file-btn-item.file-seb{display: block;} .upload-box-item .upload-material-my .file-btn-item:hover{opacity: .6;} .upload-box-item.edit-box .file-item{position: relative;} .upload-box-item.edit-box .file-item::after,.upload-box-item.edit-box .file-item::before{position: absolute;content: '';display: block;} .upload-box-item.edit-box .file-item:first-child::after,.upload-box-item.edit-box .file-item:first-child::before{display: none;} .upload-box-item.edit-box .file-item::before{width: 18px;height: 18px;border-radius: 50%;background: rgba(0,0,0,.6);top: 5px;right: 10px;} .upload-box-item.edit-box .file-item::after{width: 6px;height: 10px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;right: 16px;top: 8px;transform: rotate(45deg);display: none;} .upload-box-item.edit-box .file-item.active::after{display: block;} .upload-box-item.edit-box .file-item.active::before{background: red;} .upload-box-item.edit-box .file-item p,.upload-box-item .file-item input{display: none;} .upload-box-item.edit-box .file-item input{display: block;width: 100%;text-align: center;height: 30px;line-height:30px;padding: 0 8px;border: 1px solid #dedede;border-radius: 3px;margin: 8px 0;} .upload-box-item.edit-box .file-item:first-child input{border: 0;} .edit-box .upload-material-my .upload-material-recom .recom-item.file-item{height: auto;} .f-classif{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);z-index: 9999;display: none;} .f-classif.active{display: block;} .f-classif .f-classif-cont{background: #fff;border-radius: 12px;position: absolute;left: 50%;top: 25%;transform: translateX(-50%);padding: 30px;width: 510px;} .f-classif .f-classif-cont h3{font-size: 14px;color: #333;margin: 0;margin-bottom: 10px;} .f-classif .f-classif-cont .f-operate-box input{width: 330px;height: 40px;line-height: 40px;border: 1px solid #dedede;border-radius: 4px;color: #000;padding: 0 10px;display: inline-block;margin-right: 15px;} .f-classif .f-classif-cont .f-operate-box a{width: 95px;height: 40px;line-height: 40px;border-radius: 4px;background: #069eff;color: #fff;display: inline-block;text-align: center;} .f-classif .f-classif-cont .f-classif-close{position: absolute;top: 10px;right: 20px;color: #000;z-index: 9;cursor: pointer;} .f-classif .f-classif-cont .k_zynr,.f-classif .f-classif-cont .k_zy_list{width: 330px;} .f-classif .f-classif-cont .k_zynr{border: 1px solid #dedede;height: 40px;line-height: 40px;margin-right: 10px;} .f-classif .f-classif-cont .k_zy_select{display: inline-block;vertical-align: middle;} /* .f-temp-remove{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.6);z-index: 9999;} .f-temp-remove .f-remove-cont{width: 400px;background: #fff;position: absolute;border-radius: 12px;padding: 30px;top: 50%;left: 50%;transform: translate(-50%,-50%);} .f-temp-remove .f-remove-cont h3{font-size: 16px;color: #000;margin: 0;background: #f22c36;} .f-temp-remove .f-remove-cont p{color: #000;margin-bottom: 30px;text-align: center;margin-top: 20px;} .f-temp-remove .f-remove-cont .f-remove-btn{text-align: center;} .f-temp-remove .f-remove-cont .f-remove-btn a{display: inline-block;margin-left: 20px;width: 85px;height: 32px;text-align: center;line-height: 32px;border-radius: 5px;border: 1px solid #f22c36;color: #f22c36;} .f-temp-remove .f-remove-cont .f-remove-btn a:first-child{background: #f22c36;color: #fff;} .f-temp-remove .f-remove-cont .f-remove-btn a:hover{opacity: .6;} */ /* .file-remove-box.f-temp-remove .f-remove-cont .f-remove-btn a:last-child{background: none;color: #f22c36;} */ .batch-box{display: flex;} .batch-btn{text-align: center;height: 35px;line-height: 35px;border:1px solid #dedede;color: #069eff;border-radius: 6px;font-size: 12px;margin: 0 10px;transition: .3s;cursor: pointer;flex: 1;} .batch-btn:hover,.batch-btn:active,.batch-withdraw:hover,.batch-withdraw:active{opacity: .4;} .batch-withdraw{text-align: center;height: 35px;line-height: 35px;border:1px solid #dedede;color: #000;border-radius: 6px;font-size: 12px;margin: 0 10px;transition: .3s;cursor: pointer;flex: 1;} /* .filtter-box.f-temp-remove .f-remove-cont .f-remove-btn a:last-child,.batch-replace-box.f-temp-remove .f-remove-cont .f-remove-btn a:last-child{background: none;color:#f22c36;} */