*{margin:0px;padding:0px;font-family:PingFangSC-Light;font-weight:normal}body{min-width:1180px;color:#333;height:100%;position:relative;font:14px/1.2 -apple-system,"PingFang SC","Lantinghei SC","Hiragino Sans GB","Open Sans","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei","微软雅黑",Arial,"Helvetica Neue",SimSun,sans-serif}input,button{outline:none}button{cursor:pointer;border:none}ul li{list-style:none}a{text-decoration:none}header{position:fixed;top:0px;left:0;z-index:400;width:100%;background:#fff;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.07)}[v-cloak]{display:none !important}.btn-purple{border-radius:4px;color:#fff;background:#7966FF;transition:background .28s;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.btn-purple:hover{background:#9485FF}.btn-purple:active{background:#6451E6}.btn-purple.disabled{background:#BCB3FF;cursor:not-allowed}.left{float:left}.right{float:right}.search{position:relative;margin:0 auto;max-width:544px;height:50px;display:flex;align-items:center;padding-top:60px}.search-input{width:411px;height:50px;border:2px solid #7966ff;border-right:none;border-radius:30px 0 0 30px;box-sizing:border-box;padding:11px 17px;color:#999;font-size:18px;background:transparent}.search-button{display:flex;align-items:center;justify-content:center;width:133px;height:50px;text-align:center;line-height:56px;background:#7966ff;border-radius:0px 30px 30px 0px;font-size:18px;color:#fff;cursor:pointer}.continer{width:1200px;position:relative;margin:0 auto}.content-module{display:flex;display:-webkit-flex;flex-direction:row;flex-flow:wrap row;align-items:center;margin-top:30px;align-items:flex-start;position:relative;top:0}.masonry{width:100%;margin-top:20px;position:relative}.item{width:212px;z-index:10;transition:0.25s;overflow:hidden;position:absolute}.item img{width:100%;height:100%;transition:0.25s;border-radius:4px;box-sizing:border-box;border-radius:8px}@keyframes bounceIn{100%{transform:scale(1.07)}}.item:hover{cursor:pointer;background:#F3F3F3;border-radius:8px}.item:hover .img-sign{opacity:1}.item:hover .coll{display:block}.waterfall_column{margin-left:20px}.waterfall_column:first-child{margin-left:0px !important}.item-shadow{box-shadow:0px 0px 8px 0px rgba(0,0,0,0.06)}.item a:first-of-type{display:block;position:relative}.img-sign{font-size:14px;margin-bottom:12px;padding:0 10px;text-align:center;opacity:0}.img-sign a{display:block;font-size:14px;font-weight:400;color:#333;justify-content:space-between;align-items:flex-start;max-width:90% !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto}.img-sign a span:first-child,.img-sign p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95% !important;display:block;margin:0 auto;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#3B3946;line-height:20px}.img-sign p span{max-width:50% !important}.img-sign p{font-size:12px;font-weight:400;color:#999;display:flex;justify-content:space-between;align-items:flex-start}.modal{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);box-sizing:border-box;width:500px;height:600px;background:#fff;padding:30px 40px;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.2);border-radius:6px;font-family:PingFangSC-Light;z-index:999}.more-button{width:142px;height:40px;background:#7966ff;border-radius:4px;border:none;font-size:14px;color:#FFFFFF;font-weight:400;cursor:pointer;margin-top:70px}a.more-button{display:block;line-height:40px;text-align:center;margin:0 auto}.design-page-wrap{display:flex;justify-content:center;align-items:flex-start}.design-page{display:flex;justify-content:space-around}.design-page span{box-sizing:border-box;width:32px;height:32px;border-radius:2px;font-size:16px;line-height:32px;color:#3e4750;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid rgba(121,102,255,0.6)}.design-page span.current,.design-page span.active{width:32px;height:32px;background:rgba(121,102,255,0.6);border-radius:2px;color:#fff}.design-page span a{height:32px;font-size:16px;font-weight:400;color:#3e4750;line-height:22px}.modal_mask{position:fixed;z-index:998;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5)}.modal_head{position:absolute;left:0px;top:0px;width:100%;text-align:center;height:68px;line-height:68px;background:#7966FF;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.1);border-radius:4px 4px 0px 0px;color:#fff;font-size:26px}.modal-content-top{margin-top:66px}.submit-button{display:block;width:172px;text-align:center;color:#fff;margin:0 auto;height:32px;line-height:32px;cursor:pointer;background:#7966ff;border-radius:4px}.close{width:33px;height:33px;line-height:33px;text-align:center;position:absolute;top:-18px;right:-44px;cursor:pointer}.close img{width:36px;height:36px}.coll{width:19px;height:19px;position:absolute;right:10px;top:10px;display:none}.coll.unactive{background:url(/new/image/template/coll.png)}.coll.scactive{background:url(/new/image/template/coll2.png)}.small-modal{width:400px !important;height:300px}.return-top{text-align:right;padding-right:30px}.return-top img{width:44px;margin-bottom:30px;cursor:pointer}#kkpager span.disabled{box-sizing:border-box;padding-top:0px;background:rgba(121,102,255,0.6);border-radius:2px;color:#fff;line-height:26px}#kkpager span.curr{box-sizing:border-box;background:rgba(121,102,255,0.6) !important;border-radius:2px;color:#fff !important;padding:0px;line-height:26px;border:1px solid rgba(121,102,255,0.6) !important}#kkpager a{box-sizing:border-box;border-radius:2px;font-size:16px;line-height:26px;color:#3e4750 !important;background:none !important;display:inline-block;cursor:pointer;border:1px solid rgba(121,102,255,0.6) !important}#kkpager .infoTextAndGoPageBtnWrap{display:block;clear:both}#kkpager img{vertical-align:middle}.count-button{background:#666 !important}.scstauts{background:#7966ff;position:fixed;width:100px;height:30px;line-height:30px;text-align:center;color:#fff;left:50%;top:10%;display:none;transform:translate(-50%);z-index:1000}.backtop{width:44px;height:40px;position:fixed;bottom:30px;right:30px;z-index:999;display:none;cursor:pointer}.backtop img{width:44px}.clearfix:after,.clearfix:before{content:"";display:block;height:0;clear:both;visibility:hidden}.clearfix::after{content:".";clear:both;display:block;visibility:hidden;height:0}#suspension-nav{position:fixed;right:0;bottom:60%;width:50px;background:#fff;z-index:100;cursor:pointer;transform:translateY(50%)}.suspension-list{box-shadow:0px 0px 6px 0px rgba(222,222,222,0.75)}.suspension-list li{width:50px;height:50px;display:flex;font-size:12px;line-height:17px;color:#333;position:relative;justify-content:flex-start;align-items:center;flex-direction:column;box-sizing:border-box}.suspension-list li span.iconfont{font-size:18px;margin-top:8px}.suspension-list li span:nth-last-of-type(1){margin-top:2px}.icon-jiaoliuqun-moren{color:#8075ff}.icon-xiaochengxu-moren{color:#44C81E}.icon-fankui-moren{color:#F0B130}.icon-zhiding-moren{color:#499CFD}.icon-serviceselection{color:#F47777}.suspension-list li:hover{color:#fff;background-color:#000}.icon-xiaochengxu-xuanzhong,.icon-jiaoliuqun-xuanzhong,.icon-zhiding-xuanzhong,.icon-zhiding-xuanzhong{color:#fff !important}.suspension-list li:hover .iconfont{color:#fff}.suspension-list li:hover .suspension-item-content{color:#333}.suspension-item-content{width:114px;height:128px;background:#fff;box-shadow:0px 0px 6px 0px rgba(222,222,222,0.75);display:none;justify-content:center;align-items:center;flex-direction:column;position:absolute;right:50px;top:0px;box-sizing:border-box}.suspension-item-content p{width:84px;height:17px;font-size:12px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#333;line-height:17px;margin-top:2px}.suspension-item-content-miniprogram{width:160px;height:190px;padding:20px;background:#fff;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.07);box-sizing:border-box}.suspension-item-content-miniprogram img,.nav-aside-sprite{width:120px;height:120px;background:url(/new/image/common/sprite2.png) no-repeat}.nav-aside-sprite-mini{background:url(/new/image/common/minicodenew.jpg) no-repeat;background-size:100% 100%}.nav-aside-sprite-qq{background-position:0 -130px}.nav-aside-sprite-wx{background-position:0 -260px}.suspension-item-content-miniprogram p{font-size:14px;font-weight:400;color:#333;line-height:20px;margin-top:10px;text-align:center;width:100%}.suspension-item-content-group{top:-6px;width:320px;height:190px;box-sizing:border-box;padding:20px;padding-right:23px;flex-direction:row;display:flex;align-items:flex-start;justify-content:space-between;display:none}.group-qrcode{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.group-qrocde-wxbox{width:120px;height:120px;display:flex;justify-content:center;align-items:center}.group-qrcode p{margin-top:10px;font-size:14px;font-weight:400;color:#333333;line-height:20px;width:100%;text-align:center}.group-qrcode-qq img{width:120px;height:120px}.group-qrcode-wx img{width:114px;height:114px}.group-qrcode-splitline{width:0px;height:120px;background:#dedede;margin:2px 20px 0 20px;border-left:1px solid #dedede}.content-module-item-top{position:relative}.item-preview{left:10px;top:10px;width:52px;height:26px;position:absolute;box-sizing:border-box;line-height:26px;text-align:center;color:#333;font-size:14px;border-radius:14px;background:#fff;display:none}.item-isnew{position:absolute;top:10px;left:10px;width:34px;height:34px;overflow:hidden;border-top-left-radius:4px}.item-isnew .isnew-text{color:#fff;z-index:1;position:absolute;left:4px;top:1px}.item-isnew::after{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:34px solid red;border-right:34px solid transparent}.item-vipfree{bottom:10px;right:10px;width:46px;height:22px;position:absolute;line-height:26px;color:#3A3635;font-size:14px;background:url("/new/image/homepage/free_tips.png") no-repeat;background-size:100%;font-family:PingFang-SC-Regular;font-weight:400;display:flex;justify-content:center;align-items:center}.item-vipfree .iconfont{padding-right:5px}.item-collect,.item-delete{width:28px;height:28px;background-color:#fff;right:10px;top:10px;border-radius:15px;display:none;justify-content:center;align-items:center;position:absolute;cursor:pointer}.item-collect .iconfont{color:#F0A728}.item-delete .iconfont{color:#999}.modal-mask-offline{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.5)}.offlinetip-main{width:400px;height:300px;position:relative}.offlinetip-content{width:100%;height:100%;position:absolute;top:23px;left:0;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.offlinetip-content p{margin-bottom:30px;width:300px;line-height:22px}.offlinetip-main .close{right:0;top:0;position:absolute}.offlinetip-main .close img{width:36px}.tip-state-image{margin-bottom:30px}.close-confirm{width:200px;height:32px;line-height:32px;color:#fff;background:#7966FF;text-align:center}#packets-mask{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0;left:0;z-index:9999;display:none}.red-packets,.freevip-mask{width:600px;height:500px;position:fixed;top:50%;left:50%;box-sizing:border-box;transform:translateX(-50%) translateY(-50%) scale(1);z-index:99999}.freevip-mask{width:430px;display:none}.freevip-mask .closeBtn{top:20px;right:0;position:absolute;cursor:pointer}.freevip-mask .qrcode-inner{position:absolute;left:84px;top:209px;width:240px;height:240px;background:#fff}.freevip-mask.has-timer{height:544px}.freevip-mask.has-timer .qrcode-inner{left:82px !important;top:195px !important}.freevip-mask .freevip-timer{position:absolute;bottom:25px;width:400px}.freevip-mask .freevip-timer .title{color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.freevip-mask .freevip-timer .title span{font-size:18px;margin:0 14px;letter-spacing:2px;font-family:PingFangSC-Bold}.freevip-mask .freevip-timer .title:before,.freevip-mask .freevip-timer .title:after{content:"";width:60px;border-top:1px dashed #fff}.freevip-mask .freevip-timer .timer{display:flex;align-items:center;justify-content:center;margin-top:12px}.freevip-mask .freevip-timer .timer span{width:36px;height:28px;border-radius:6px;box-shadow:0 0 6px 0px rgba(233,0,48,0.5) inset;display:flex;align-items:center;justify-content:center;color:#e90030;font-family:PingFangSC-Bold;font-size:18px;background:#fff;font-weight:bold}.freevip-mask .freevip-timer .timer em{color:#fff;font-family:PingFangSC-Bold;font-style:normal;margin:0px 6px}.red-packets div:nth-of-type(1){position:absolute;top:10px;left:54px}.red-packets div:nth-of-type(1) img{width:480px}.red-packets div:nth-of-type(2){position:absolute;top:0;right:0}.red-packets-rightbottom{position:fixed;width:280px;height:218px;right:6px;bottom:18px;z-index:999999999999}.red-packets-rightbottom div:nth-of-type(1){position:absolute;top:10px;left:10px}.red-packets-rightbottom div:nth-of-type(2){position:absolute;top:17px;right:16px}.red-packets-rightbottom div:nth-of-type(2) img{width:30px;height:30px}.attendinfo-modal{position:absolute;top:248px;left:185px}.attendinfo-small{position:absolute;top:130px;left:62px;font-size:10px}.attendinfo-modal .attendNumber-modal,.attendNumber-small{color:#FF3C1F}.attendWrap-modal,.attendWrap-small{position:relative}.qrcode_box{width:400 !important;height:500 !important}.animation_move{position:fixed;box-sizing:border-box;z-index:99999;transform:translateX(50%) translateY(-500%);animation:mymove 1s 1;-webkit-animation:mymove 1s 1}@keyframes mymove{from{top:50%;left:50%;transform:scale(1)}to{top:-230px;left:85%;transform:scale(0)}}@-webkit-keyframes mymove{from{top:50%;left:50%;transform:scale(1)}to{top:-230px;left:85%;transform:scale(0)}}@keyframes joggle{0%{transform:translate(0px, 2px);-webkit-transform:translate(0px, 2px);-moz-transform:translate(0px, 2px);-ms-transform:translate(0px, 2px);-o-transform:translate(0px, 2px)}25%{transform:translate(0px, -2px);-webkit-transform:translate(0px, -2px);-moz-transform:translate(0px, -2px);-ms-transform:translate(0px, -2px);-o-transform:translate(0px, -2px)}50%{transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);-moz-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);-o-transform:translate(0px, 0px)}75%{transform:translate(0px, -2px);-webkit-transform:translate(0px, -2px);-moz-transform:translate(0px, -2px);-ms-transform:translate(0px, -2px);-o-transform:translate(0px, -2px)}100%{transform:translate(0px, 2px);-webkit-transform:translate(0px, 2px);-moz-transform:translate(0px, 2px);-ms-transform:translate(0px, 2px);-o-transform:translate(0px, 2px)}}.draw_entrence{background:transparent;display:none;width:70px;height:70px;margin-bottom:20px;animation:joggle 1.5s infinite;-webkit-animation:joggle 1.5s infinite;-moz-animation:joggle 1.5s infinite;-ms-animation:joggle 1.5s infinite;position:fixed;right:0;bottom:70%;z-index:100}.draw_entrence img{width:100%}.close_animation{animation:close_animation 1s 1}@keyframes close_animation{from{left:50%;transform:scale(1)}to{transform:scale(0);right:0}}.dialog-findsimilar{-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s;transition:all 0s;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.dialog-findsimilar .el-dialog{margin:0 !important;border-radius:4px}.dialog-findsimilar.similar-large .el-dialog{width:1004px}.dialog-findsimilar.similar-small .el-dialog{width:785px}.dialog-findsimilar .el-dialog__header{padding:22px 24px 0}.dialog-findsimilar .el-dialog__header .el-dialog__title{font-size:16px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#000000;line-height:22px}.dialog-findsimilar .el-dialog__header .el-dialog__close{padding-top:4px;color:#3B3946;font-size:20px;font-weight:bold}.dialog-findsimilar .el-dialog__body{padding:32px 24px 20px}.dialog-findsimilar .el-dialog__body .dialog-inner{position:relative}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template{-ms-flex-negative:0;flex-shrink:0;width:146px;min-height:100px;margin:0 16px 26px 0;align-items:center}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template:last-child{margin-right:0}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template.small,.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template.large{width:146px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template.medium{width:235px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template.medium:nth-child(3n){margin-right:0}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card{width:100%;height:100%;overflow:hidden}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview{height:100%;position:relative;border-radius:4px;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;cursor:pointer}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template__img{position:relative;width:100%;overflow:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template__img .el-image{width:100%}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template__img img{width:100%;object-fit:cover}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template__mask{opacity:0;position:absolute;top:0;left:0;right:0;width:100%;height:100%;border-radius:4px;background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, transparent 100%);cursor:pointer;pointer-events:none}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools{display:none}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-item{position:absolute;text-align:center}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-op{cursor:pointer;line-height:28px;color:#333;font-size:14px;background:#ffffff;border-radius:4px;width:30px;height:30px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-op .iconfont{color:#333333;height:30px;font-size:24px;line-height:30px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-op:hover{background:#e1dfea}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-preview{top:10px;right:46px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-collect{top:10px;right:10px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-collect .iconfont{font-size:15px}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-card__tools .similar-tools-collect .icon-collection{color:#e54b4b}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template-tags .similar-template-tag{position:absolute}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template-tags .similar-template-tag__isnew{position:absolute;top:0px;left:0px;width:34px;height:34px;overflow:hidden}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template-tags .similar-template-tag__isnew .isnew-text{position:absolute;color:#fff;left:4px;top:1px;z-index:1}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template-tags .similar-template-tag__isnew:after{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:34px solid red;border-right:34px solid transparent}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview .similar-template-tags .similar-template-tag__isfree{width:45px;height:22px;bottom:9px;right:9px;background:url(/new/image/homepage/free_tips.png) no-repeat;background-size:100%}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card .template-card-preview:hover .similar-template__mask{opacity:1;transition:all 0.28s}.dialog-findsimilar .el-dialog__body .dialog-inner .similar__templates .similar__template .similar-template-card:hover .similar-card__tools{display:block}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton{width:100%;margin-top:4px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton button{width:100px;height:36px;margin-left:8px;border-radius:4px;color:#fff;transition:all 0.28s;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;font-size:14px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton button:hover{opacity:0.95}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton button img{width:17px;height:14px;margin-right:3px}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton button.primary{color:#FFFFFF;background:#5a2df5}.dialog-findsimilar .el-dialog__body .dialog-inner .actbutton button.normal{color:#3B3946;background:#F6F7F9}.card-findsimilar{position:absolute;height:28px;line-height:28px;left:10px;bottom:10px;padding:0 12px;font-size:12px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#000000;background:rgba(255,255,255,0.84);border-radius:4px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;display:none}.card-findsimilar img.card-search-icon{min-width:13px !important;min-height:13px !important;width:13px !important;height:13px !important;margin-right:4px !important}html,body{width:100%;height:100%}*{margin:0;padding:0}a{text-decoration:none}ul{list-style:none}input{outline:none}input::-webkit-input-placeholder{color:#c6c6c6;line-height:1}form{font-size:16px}#find_password,#find_password_two,#password_modify_success,#register-content,#register-success,.setpwd,.changepwd,#bindPhoneBox{width:400px;height:462px;background:#fff;border-radius:8px;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);padding:40px 30px 0;box-sizing:border-box}#bindPhoneBox{height:440px}#bindPhoneBox padding{top:40px;right:0;bottom:0;left:0}#bindPhoneBox h1{margin-top:0;margin-bottom:20px}#bindPhoneBox form .error-prompt{margin-bottom:9px}#phone-login,#phone-mes-login,#wechat-login{width:700px;height:450px;border-radius:8px;position:absolute;top:50%;left:50%;background:#fff;transform:translateX(-50%) translateY(-50%);display:flex;align-items:center;justify-content:center}#phone-login .login-left,#phone-mes-login .login-left,#wechat-login .login-left{width:300px;height:100%}#phone-login .login-left img,#phone-mes-login .login-left img,#wechat-login .login-left img{width:100%;height:450px;display:block}#phone-login .login-right,#phone-mes-login .login-right,#wechat-login .login-right{width:400px;height:100%;position:relative;box-sizing:border-box}.login-modal input{line-height:normal}.login-modal input::-webkit-input-placeholder{line-height:1}.login-modal .icon-no{position:absolute;font-size:24px;color:#999;top:8px;right:10px;cursor:pointer}.login-modal h1{font-size:22px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#3b3946;margin-top:26px;margin-bottom:6px;text-align:center}.login-modal .tab-box{height:38px;border-bottom:1px solid #E8E7EC;margin-bottom:16px}.login-modal .tab-box span{display:block;float:left;height:20px;font-size:14px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#3B3946;line-height:20px;padding:8px 0;margin-right:32px;cursor:pointer}.login-modal .tab-box .active{color:#5A2DF5;border-bottom:2px solid #5A2DF5}.login-modal form input{width:340px;height:42px;border-radius:4px;border:1px solid #dedede;box-sizing:border-box;font-size:14px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;line-height:normal;padding-left:12px;margin-bottom:2px;color:#333333}.login-modal form input:hover{border-color:#c6c6c6}.login-modal form input:focus{border-color:#5a2df5}.login-modal form .error-prompt{display:block;width:100%;height:14px;font-size:12px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#e54b4b;line-height:14px;margin-bottom:6px}.login-modal form .changeImg{font-size:12px;position:absolute;top:44px;right:0;color:#7966ff;cursor:pointer}.login-modal .purple-btn{cursor:pointer;width:340px;height:42px;background:#5a2df5;border-radius:4px;font-size:16px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#fff;line-height:42px;text-align:center}.login-modal .purple-btn:hover{background:#6a42f6}.login-modal .operation-list a{font-size:14px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#7966ff;line-height:20px}.login-modal .operation-list{margin-top:5px;display:flex;justify-content:space-between;box-sizing:border-box;align-items:flex-start}.login-modal .phonemesbox{width:340px;height:42px;border-radius:4px;box-sizing:border-box;font-size:16px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;line-height:42px;margin-bottom:2px;display:flex;justify-content:flex-start}.login-modal .phonemesbox .mescode{width:234px;padding-left:12px;padding-right:12px;margin-bottom:0;box-sizing:border-box;border-radius:4px 0px 0px 4px;border:1px solid #c6c6c6;border-right:0}.login-modal .phonemesbox .mescodebtn{width:106px;height:42px;background:#7966ff;border-radius:0px 4px 4px 0px;font-size:16px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#fff}.login-modal .phonemesbox .mescodebtn.count-button{background:#eaeaea;font-size:16px}.login-modal .bottom-tip{height:60px;background:#f7f7f7;border-radius:0px 0px 8px 8px;display:flex;flex-direction:column;padding:13px;text-align:left;font-size:12px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#9da3ac;line-height:17px;margin-top:17px;padding-left:27px}.login-modal .bottom-tip section{width:353px;color:#9da3ac}.login-modal .bottom-tip span a{color:#636c78;text-decoration:underline}.login-modal .login-way{width:338px;height:66px;margin:11px auto 0;display:flex;justify-content:space-between;padding:0}.login-modal .login-way li{cursor:pointer;height:66px;width:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.login-modal .login-way li div{width:40px;height:40px;background:#f2f4fd;background-size:100%;border-radius:50%;background-position:center;background-repeat:no-repeat}.login-modal .login-way li .wechat-img{background:url("/new/image/login/weixin.png") no-repeat;background-size:100%}.login-modal .login-way li .wechat-img:hover{background:url("/new/image/login/weixinh.png") no-repeat;background-size:100%}.login-modal .login-way li .qq-img{background:url("/new/image/login/qq.png") no-repeat;background-size:100%}.login-modal .login-way li .qq-img:hover{background:url("/new/image/login/qqh.png") no-repeat;background-size:100%}.login-modal .login-way li .weibo-img{background:url("/new/image/login/weibo.png") no-repeat;background-size:100%}.login-modal .login-way li .weibo-img:hover{background:url("/new/image/login/weiboh.png") no-repeat;background-size:100%}.login-modal .login-way li .qyweChat-img{background:url("/new/image/login/qyweChat.png") no-repeat;background-size:100%}.login-modal .login-way li .qyweChat-img:hover{background:url("/new/image/login/qyweChath.png") no-repeat;background-size:100%}.login-modal .login-way li .baidu-img{background:url("/new/image/login/baidu.png") no-repeat;background-size:100%}.login-modal .login-way li .baidu-img:hover{background:url("/new/image/login/baiduh.png") no-repeat;background-size:100%}.login-modal .login-way li p{font-size:12px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#3b3946;line-height:17px;width:110%;text-align:center}.login-modal .bottom-text{width:400px;height:37px;background:#f7f7f7;border-radius:0px 0px 8px 8px;position:absolute;bottom:-62px;right:0;text-align:center;line-height:37px;font-size:12px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#999}.login-modal .bottom-text a{color:#7966ff}#wechat-login .wechat-qrcode{width:177px;height:175px;background:#ffffff;box-shadow:0px 0px 10px 0px rgba(183,183,183,0.5);margin:0 auto;position:relative;padding:25px 24px 20px 24px;box-sizing:border-box}#wechat-login .wechat-qrcode .decoration{box-sizing:border-box;position:absolute;top:11px;right:6px;cursor:pointer}#wechat-login .wechat-qrcode .decoration img{width:33px}#wechat-login .wechat-qrcode .decoration::before{content:"";width:0;height:0;border:26px solid transparent;border-bottom:31px solid #fff;border-left:0;position:absolute;top:-29px}#wechat-login .wechat-qrcode .wechat-qrcode-img{width:129px;height:130px;display:block;z-index:10000;position:absolute}#wechat-login .wechat-qrcode .warning_mask{width:100%;height:100%;background:rgba(255,255,255,0.9);border:1px solid #e7e7e6;box-sizing:border-box;position:absolute;top:0;left:0;text-align:center}#wechat-login .wechat-qrcode .warning_mask img{width:36px;height:36px;display:block;margin:50px auto 10px}#wechat-login .wechat-qrcode .warning_mask p{font-size:14px;font-family:PingFang-SC-Medium, PingFang-SC;font-weight:500;color:#000;line-height:20px}#wechat-login .wechat-qrcode .warning_mask a{font-size:14px;font-family:PingFang-SC-Medium, PingFang-SC;font-weight:500;color:#7966ff;line-height:20px;cursor:pointer}#wechat-login .graytext{font-size:12px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#3b3946;line-height:17px;margin-top:18px;text-align:center}#wechat-login .login-way{width:335px}#wechat-login .login-way .phone-img{background:url("/new/image/login/phone.png") no-repeat;background-size:100%}#wechat-login .login-way .phone-img:hover{background:url("/new/image/login/phoneh.png") no-repeat;background-size:100%}#register-content{height:630px}#register-content h1{margin-bottom:20px}.get-img-code{width:106px;height:42px;border-radius:0px 4px 4px 0px;position:absolute;top:0;right:0;cursor:pointer;display:block;border:1px solid #c6c6c6;box-sizing:border-box}.get-auth-code{width:106px;height:42px;background:#5a2df5;border-radius:0px 4px 4px 0px;font-size:14px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#fff;line-height:42px;text-align:center;position:absolute;top:0;right:0;cursor:pointer}.count-button{background:#eaeaea;color:#666;font-size:14px}.get-auth-code,.get-auth-code:hover,.get-auth-code:active,.get-auth-code:visited,.get-auth-code:link,.get-auth-code:focus{color:#fff}#find_password,#find_password_two{height:520px;padding-top:50px}#find_password h1,#find_password_two h1{margin-bottom:20px}.return-login{cursor:pointer;width:100px;height:28px;border-radius:4px;border:1px solid #7966ff;box-sizing:border-box;position:absolute;top:20px;left:20px;font-size:14px;font-family:PingFang-SC-Regular, PingFang-SC;font-weight:400;color:#666;line-height:28px;text-align:center}.return-login span{font-size:12px;color:#7966ff;position:relative;top:-1px}.page_success{height:426px;text-align:center}.page_success img{width:52px;height:52px;display:block;margin:79px auto 0}.page_success p{font-size:22px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#333;line-height:30px;margin-top:34px;margin-bottom:22px}[v-cloak]{display:none !important}.btn-purple{border-radius:4px;color:#fff;background:#7966FF;transition:background .28s;cursor:pointer;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}.btn-purple:hover{background:#9485FF}.btn-purple:active{background:#6451E6}.btn-purple.disabled{background:#BCB3FF;cursor:not-allowed}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */.animated{animation-duration:2s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,
    20%,
    53%,
    80%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}40%,
    43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0)}90%{transform:translate3d(0, -4px, 0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,
    50%,
    to{opacity:1}25%,
    75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1, 1, 1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scale3d(1, 1, 1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,
    to{transform:translate3d(0, 0, 0)}10%,
    30%,
    50%,
    70%,
    90%{transform:translate3d(-10px, 0, 0)}20%,
    40%,
    60%,
    80%{transform:translate3d(10px, 0, 0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}to{transform:rotate3d(0, 0, 1, 0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1, 1, 1)}10%,
    20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,
    50%,
    70%,
    90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,
    60%,
    80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}to{transform:scale3d(1, 1, 1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)}30%{transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)}45%{transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)}60%{transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)}75%{transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,
    11.1%,
    to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,
    20%,
    40%,
    60%,
    80%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,
    60%,
    75%,
    90%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,
    60%,
    75%,
    90%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,
    60%,
    75%,
    90%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,
    60%,
    75%,
    90%,
    to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,
    55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,
    45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,
    45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0, 1, 0, -360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0, 1, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}to{transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0, 0, 1, -200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0, 0, 1, 200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, 45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0, 0, 1, -45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0, 0, 1, 90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,
    60%{transform:rotate3d(0, 0, 1, 80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,
    80%{transform:rotate3d(0, 0, 1, 60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.slideOutUp{animation-name:slideOutUp}.workbench-topnav{display:flex;align-items:center;position:relative;width:100%;height:60px;box-sizing:border-box;padding:0 24px 0 50px;background:#FFFFFF;box-shadow:0px 2px 10px 0px rgba(0,0,0,0.03)}.workbench-topnav .head-logo{margin-right:41px}.workbench-topnav .head-logo .logo{width:100px}.workbench-topnav .workbench-topnav-right{flex:1;height:100%;display:flex;justify-content:space-between;align-items:center}.workbench-topnav .workbench-topnav-right .cutout-type{height:100%}.workbench-topnav .workbench-topnav-right .cutout-type .cutout-type-item{display:flex;justify-content:center;align-items:center;height:100%;position:relative;font-size:16px;font-weight:500;color:#999999;line-height:22px;cursor:pointer;margin-right:36px}.workbench-topnav .workbench-topnav-right .cutout-type .cutout-type-item.active{color:#5A2DF5}.workbench-topnav .workbench-topnav-right .cutout-type .cutout-type-item.active::after{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);content:'';width:32px;height:4px;background:#5A2DF5;border-radius:3px}.workbench-topnav .workbench-topnav-right .cutout-type .cutout-type-item:last-child{margin-right:0}.workbench-topnav .workbench-topnav-right .cutout-history{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;display:flex;align-items:center}.workbench-topnav .workbench-topnav-right .cutout-history .back,.workbench-topnav .workbench-topnav-right .cutout-history .go,.workbench-topnav .workbench-topnav-right .cutout-history .reset{display:flex;align-items:center;height:100%;font-size:14px;color:#999999;line-height:20px;margin-right:18px;cursor:pointer}.workbench-topnav .workbench-topnav-right .cutout-history .back.active,.workbench-topnav .workbench-topnav-right .cutout-history .go.active,.workbench-topnav .workbench-topnav-right .cutout-history .reset.active{color:#333333}.workbench-topnav .workbench-topnav-right .cutout-history .back.active:hover,.workbench-topnav .workbench-topnav-right .cutout-history .go.active:hover,.workbench-topnav .workbench-topnav-right .cutout-history .reset.active:hover{color:#333333}.workbench-topnav .workbench-topnav-right .cutout-history .back .iconfont,.workbench-topnav .workbench-topnav-right .cutout-history .go .iconfont,.workbench-topnav .workbench-topnav-right .cutout-history .reset .iconfont{font-size:18px;margin-right:6px}.workbench-topnav .workbench-topnav-right .cutout-history .back .iconfont.icon-Restore-the-original-image,.workbench-topnav .workbench-topnav-right .cutout-history .go .iconfont.icon-Restore-the-original-image,.workbench-topnav .workbench-topnav-right .cutout-history .reset .iconfont.icon-Restore-the-original-image{transform:rotateY(180deg)}.workbench-topnav .workbench-topnav-right .assets-operate{display:flex;align-items:center}.workbench-topnav .workbench-topnav-right .assets-operate .el-button{width:128px;height:40px;border-radius:5px}.workbench-topnav .workbench-topnav-right .assets-operate .el-button.el-button--default{border:1px solid #DEDEDE;background:#ffffff;color:#333333}.workbench-topnav .workbench-topnav-right .assets-operate .el-button.el-button--default:hover{background:#EAEAEA;color:#333333}.workbench-topnav .workbench-topnav-right .assets-operate .el-button.el-button--default:active{background:rgba(0,0,0,0.1);color:#333333}.workbench-topnav .workbench-topnav-right .assets-operate .el-button.el-button--primary{background:#5A2DF5;border-radius:5px;border:1px solid #5A2DF5}.workbench-topnav .workbench-topnav-right .assets-operate .upload-operate{margin-right:8px}.workbench-topnav .workbench-topnav-right .assets-operate .upload-operate .el-button.el-button--default{font-size:16px}.workbench-topnav .workbench-topnav-right .assets-operate .upload-operate .el-button.el-button--default .iconfont{margin-right:4px}.workbench-topnav .workbench-topnav-right .assets-operate .download-operate .el-button.el-button--primary.el-dropdown-selfdefine{font-size:16px}.download-dropdown{padding:0;margin-top:5px !important;box-shadow:0px 2px 4px 0px #E6E8F1;border-radius:8px}.download-dropdown .popper__arrow{display:none}.download-dropdown .el-dropdown-menu__item{font-size:12px;line-height:30px;padding:0 22px;color:#333333}.download-dropdown .el-dropdown-menu__item:focus,.download-dropdown .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#F3F3F3;color:#333333}.workbench-controlbar{width:100%;height:76px;display:flex;justify-content:space-between;position:relative;background:#FFFFFF}.workbench-controlbar .workbench-controlbar-left .control-btn,.workbench-controlbar .workbench-controlbar-right .control-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:76px;background:#ffffff;cursor:pointer;font-size:14px;color:#333333;line-height:20px}.workbench-controlbar .workbench-controlbar-left .control-btn:hover,.workbench-controlbar .workbench-controlbar-right .control-btn:hover{background:#FBFBFB}.workbench-controlbar .workbench-controlbar-left .control-btn.active,.workbench-controlbar .workbench-controlbar-right .control-btn.active{background:#F7F7F7}.workbench-controlbar .workbench-controlbar-left{display:flex;align-items:center;height:100%;padding-left:30px}.workbench-controlbar .workbench-controlbar-left .iconfont{font-size:20px;margin-bottom:6px}.workbench-controlbar .workbench-controlbar-left .el-button--default{width:128px;height:40px;font-size:14px;border-radius:5px;border:1px solid #DEDEDE;color:#333333;background:#ffffff}.workbench-controlbar .workbench-controlbar-left .el-button--default:hover{background:#FBFAFF;color:#5A2DF5;border:1px solid #E8E5FF}.workbench-controlbar .workbench-controlbar-left .el-button--default:active{border:1px solid #DEDEDE;color:#333333;background:#ffffff}.workbench-controlbar .workbench-controlbar-right{padding-right:24px;height:100%}.workbench-controlbar .workbench-controlbar-right .control-btn img{width:29px}.workbench-controlbar .range-brush{width:188px;height:42px;position:absolute;left:38px;top:80px;background:#fff;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.1);border-radius:4px;border:1px solid #EAEAEA;z-index:500;padding:10px 16px;box-sizing:border-box}.workbench-controlbar .range-brush .rb-box{display:flex;align-items:center;justify-content:space-between}.workbench-controlbar .range-brush .rb-box span{width:56px;height:20px;font-size:14px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;color:#000000;line-height:20px}.workbench-controlbar .range-brush .rb-box #brush-range{width:81px;height:3px;background:#D8D8D8;border-radius:3px;outline:none;padding:0}.workbench-controlbar .range-brush .rb-box #brush-range.el-slider .el-slider__runway{margin:0;height:3px}.workbench-controlbar .range-brush .rb-box #brush-range.el-slider .el-slider__runway .el-slider__bar{height:3px;background-color:#7966FF}.workbench-controlbar .range-brush .rb-box #brush-range.el-slider .el-slider__button{width:10px;height:10px;margin-top:-3px;border:1px solid #DEDEDE;box-sizing:border-box}.clip-action-bottom{position:absolute;display:flex;align-items:center;left:50%;bottom:17px;transform:translateX(-50%);height:40px;padding:0 12px;background:rgba(0,0,0,0.8);border-radius:4px;z-index:205}.clip-action-bottom span{display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;height:100%;padding:0 12px;cursor:pointer}.clip-action-bottom span#add,.clip-action-bottom span#sub{font-size:20px}.clip-action-bottom span#drag{font-size:20px}.clip-action-bottom span:hover,.clip-action-bottom span.active{background:#484848}.clip-action-bottom p{display:flex;align-items:center;justify-content:center;width:44px;height:100%;color:#fff;font-size:14px}.container-cutout{width:100%;height:100%}.container-cutout .canvas-box{width:100%;height:calc(100% - 136px);min-height:614px;position:relative}.container-cutout .canvas-box .old-can,.container-cutout .canvas-box .new-can{width:50%;height:100%;box-sizing:border-box;border-right:1px solid #D8D8D8;position:relative;z-index:202;overflow:hidden;float:left}.container-cutout .canvas-box .old-can .oc-box,.container-cutout .canvas-box .old-can .nc-box,.container-cutout .canvas-box .new-can .oc-box,.container-cutout .canvas-box .new-can .nc-box{width:100%;height:100%;position:relative}.container-cutout .canvas-box .old-can .oc-box #old-canvas,.container-cutout .canvas-box .old-can .oc-box #new-canvas,.container-cutout .canvas-box .old-can .oc-box #bg-canvas-bottom,.container-cutout .canvas-box .old-can .oc-box #download-canvas,.container-cutout .canvas-box .old-can .nc-box #old-canvas,.container-cutout .canvas-box .old-can .nc-box #new-canvas,.container-cutout .canvas-box .old-can .nc-box #bg-canvas-bottom,.container-cutout .canvas-box .old-can .nc-box #download-canvas,.container-cutout .canvas-box .new-can .oc-box #old-canvas,.container-cutout .canvas-box .new-can .oc-box #new-canvas,.container-cutout .canvas-box .new-can .oc-box #bg-canvas-bottom,.container-cutout .canvas-box .new-can .oc-box #download-canvas,.container-cutout .canvas-box .new-can .nc-box #old-canvas,.container-cutout .canvas-box .new-can .nc-box #new-canvas,.container-cutout .canvas-box .new-can .nc-box #bg-canvas-bottom,.container-cutout .canvas-box .new-can .nc-box #download-canvas{position:absolute}.container-cutout .canvas-box .old-can .oc-box #download-canvas,.container-cutout .canvas-box .old-can .nc-box #download-canvas,.container-cutout .canvas-box .new-can .oc-box #download-canvas,.container-cutout .canvas-box .new-can .nc-box #download-canvas{visibility:hidden}.container-cutout .canvas-box .new-can{cursor:pointer}.container-cutout .canvas-box .cutout-warning{position:fixed;left:50%;top:50px;background:#FFF9F1;border-radius:4px;border:1px solid #F59606;transform:translate(-50%, -50%);padding:8px 35px;line-height:20px;font-size:14px;color:#333;z-index:300;font-family:PingFangSC-Regular, PingFang SC;display:none}.container-cutout .canvas-box .cei-icon{margin-right:8px;width:20px;height:20px}.container-cutout .canvas-box .round-box{position:absolute;top:0;left:0;display:none}.container-cutout .canvas-box .cutout-help{width:108px;height:40px;background:#FFFFFF;border-radius:4px;border:1px solid #C6C6C6;box-sizing:border-box;display:flex;align-items:center;position:absolute;right:16px;bottom:16px;color:#333;font-size:13px}.container-cutout .canvas-box .cutout-help .iconfont{position:relative;margin-left:16px;margin-right:4px}.container-bg{width:100%;height:100%}.container-bg .container-bg-inner{display:flex;width:100%;height:calc(100% - 136px)}.container-bg .container-bg-inner .canvas-box{flex:1;display:flex;justify-content:center;box-sizing:border-box;height:100%;overflow:hidden;position:relative;padding:100px}.container-bg .container-bg-inner .canvas-box .bg-box{width:100%;height:100%;position:relative}.container-bg .container-bg-inner .canvas-box .bg-box #bg-canvas,.container-bg .container-bg-inner .canvas-box .bg-box #bg-canvas-bottom,.container-bg .container-bg-inner .canvas-box .bg-box #download-canvas{position:absolute}.container-bg .container-bg-inner .canvas-box .bg-box #download-canvas{visibility:hidden}.container-bg .container-bg-inner .bg-aside{width:290px;height:100%;background:#fff;box-sizing:border-box;padding:24px 0}.container-bg .container-bg-inner .bg-aside .bg-aside-color .title,.container-bg .container-bg-inner .bg-aside .bg-aside-img .title{font-size:16px;font-weight:600;color:#333333;line-height:22px;margin-bottom:13px;padding-left:28px}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag{cursor:pointer}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .color-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .color-tag{width:35px;height:35px;margin-right:5px;margin-bottom:5px;box-sizing:border-box;border-radius:2px;border:1px solid #DEDEDE}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .color-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .color-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .color-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .color-tag:first-child{background:url("/new/image/cutout/workbench/transparent-s.png");background-size:100% 100%;background-repeat:no-repeat}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .color-tag:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .color-tag:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .color-tag:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .color-tag:last-child{background:url("/new/image/cutout/workbench/custom-s.png");background-size:100% 100%;background-repeat:no-repeat}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag{width:74px;height:74px;box-sizing:border-box;margin-right:7px;margin-bottom:7px;background-position:center center;background-repeat:no-repeat;background-size:100%}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child{border-radius:2px;border:1px solid #5A2DF5;padding-top:10px}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child .upload-demo,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child .upload-demo,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child .upload-demo,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child .upload-demo{width:100%;height:100%}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child .upload-demo .el-upload,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child .upload-demo .el-upload,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child .upload-demo .el-upload,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child .upload-demo .el-upload{width:100%;height:100%}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child p,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child p,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child p,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child p{text-align:center;color:#666666;font-weight:500;margin-bottom:8px}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child p:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child p:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child p:first-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child p:first-child{font-size:24px;line-height:24px}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list .img-tag:first-child p:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list .img-tag:first-child p:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list .img-tag:first-child p:last-child,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list .img-tag:first-child p:last-child{line-height:20px;font-size:14px;margin-bottom:0}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-color-list,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-color-list{padding:0 22px 0 28px}.container-bg .container-bg-inner .bg-aside .bg-aside-color .bg-aside-img-list,.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list{padding:0 18px 0 28px}.container-bg .container-bg-inner .bg-aside .bg-aside-color{position:relative;margin-bottom:20px}.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list-scroll{height:calc(100vh - 400px)}.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list-scroll._overflow{overflow-y:auto}.container-bg .container-bg-inner .bg-aside .bg-aside-img .bg-aside-img-list-scroll._overflow .bg-aside-img-list{padding:0 0 0 28px}.container-bg .container-bg-inner .bg-aside .color-picker{width:240px;height:351px;background:#fff;box-shadow:0px 0px 20px 0px rgba(175,175,175,0.44);border-radius:8px;position:absolute;z-index:99;left:50%;transform:translateX(-50%)}.container-bg .container-bg-inner .bg-aside .color-picker .color-pallette{height:239px;padding-top:16px;padding-left:34px;box-sizing:border-box}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices{width:100%;height:56px;padding:0 16px 16px;box-sizing:border-box;display:flex;position:relative}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-choices-name{width:79px;height:40px;background:#FFFFFF;border-radius:8px;padding:0 0 0 8px;border:1px solid #DEDEDE;box-sizing:border-box;font-size:14px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#2D2D32;display:flex;justify-content:space-between;align-items:center}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-choices-name .icon-Expand-down{font-size:18px;color:#333333;width:20px;height:20px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-style{width:129px;height:40px;padding-left:8px;display:flex;box-sizing:border-box}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-style .el-input{margin:0}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-style .el-input .el-input__inner{font-weight:500;font-family:PingFangSC-Medium, PingFang SC;font-size:12px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-hex .hex-mark{font-size:14px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#2D2D32;line-height:40px;height:40px;width:13px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-hex .el-input{width:108px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-hex .el-input .el-input__inner{padding:0 0 0 8px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-rgb{justify-content:space-between}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-rgb .el-input{width:37px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-rgb .el-input .el-input__inner{padding:0;text-align:center}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-cmyk{justify-content:space-between}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-cmyk .el-input{width:27px}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-mode-cmyk .el-input .el-input__inner{padding:0;text-align:center}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-selector{width:79px;height:69px;background:#FFFFFF;box-shadow:0px 2px 12px 0px rgba(0,0,0,0.1);border-radius:8px;border:1px solid #DEDEDE;padding:5px 4px 5px 8px;box-sizing:border-box;position:absolute;top:39px;left:16px;display:flex;flex-direction:column;justify-content:space-between}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-selector .color-option{width:100%;height:17px;margin:0;font-size:12px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#2D2D32;line-height:17px;display:flex;align-items:center;justify-content:space-between}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-selector .color-option .icon-success{display:none}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-selector .color-selected{color:#7966FF}.container-bg .container-bg-inner .bg-aside .color-picker .color-choices .color-selector .color-selected .icon-success{display:block}.container-bg .container-bg-inner .bg-aside .color-picker .color-line{display:flex;padding-left:24px;margin-bottom:8px}.container-bg .container-bg-inner .bg-aside .color-picker .el-input{margin-right:8px}.container-bg .container-bg-inner .bg-aside .color-picker .el-input .el-input__inner{border:1px solid #dedede;color:#2d2d32}.container-bg .container-bg-inner .bg-aside .color-picker .color-name{font-size:12px;font-family:PingFangSC-Medium, PingFang SC;font-weight:500;color:#2d2d32;line-height:30px;height:30px;width:40px;text-align:center}.container-bg .container-bg-inner .bg-aside .color-picker .color-input .color-input-el{width:144px}.container-bg .container-bg-inner .bg-aside .color-picker .color-input .color-input-el .el-input__inner{font-family:PingFangSC-Medium, PingFang SC;font-weight:500}.container-bg .container-bg-inner .bg-aside .color-picker .color-input .color-block{width:40px;height:40px;border-radius:8px}.container-bg .container-bg-inner .bg-aside .color-picker .color-rgb .color-rgb-el{width:43px;height:30px}.container-bg .container-bg-inner .bg-aside .color-picker .color-rgb .color-rgb-el .el-input__inner{font-size:13px;line-height:28px;padding:0;text-align:center;height:30px}.container-bg .container-bg-inner .bg-aside .color-picker .color-cmyk{margin-bottom:16px}.container-bg .container-bg-inner .bg-aside .color-picker .color-cmyk .color-cmyk-el{width:30px;height:30px}.container-bg .container-bg-inner .bg-aside .color-picker .color-cmyk .color-cmyk-el .el-input__inner{font-size:13px;line-height:28px;padding:0;text-align:center;height:30px}.container-bg .container-bg-inner .bg-aside .color-picker .color-btn-wrap{width:100%;display:flex;padding:0 16px;box-sizing:border-box;justify-content:space-between}.container-bg .container-bg-inner .bg-aside .color-picker .color-btn-wrap button{width:100px;height:40px;border-radius:6px;text-align:center;line-height:40px;font-size:14px;font-family:PingFangSC-Regular, PingFang SC;font-weight:400;line-height:22px}.container-bg .container-bg-inner .bg-aside .color-picker .color-btn-wrap .cancel-btn{background:#f3f3f3;color:#3c3c43}.container-bg .container-bg-inner .bg-aside .color-picker .color-btn-wrap .confirm-btn{background:#4696ff;color:#fff}.check-upload-dialog .el-button{width:128px;height:40px;border-radius:5px}.check-upload-dialog .el-button.el-button--default{border:1px solid #DEDEDE;background:#ffffff;color:#333333}.check-upload-dialog .el-button.el-button--default:hover{background:#EAEAEA;color:#333333}.check-upload-dialog .el-button.el-button--default:active{background:rgba(0,0,0,0.1);color:#333333}.check-upload-dialog .el-button.el-button--primary{background:#5A2DF5;border-radius:5px;border:1px solid #5A2DF5}.check-upload-dialog .get-img-code{width:106px;height:40px;cursor:pointer}[v-cloak]{display:none}html{overflow-y:hidden}.iconfont.icon-jia{color:#66C23A}.iconfont.icon-quchuicon{color:#F56C6C}.el-message-box{padding-bottom:16px}.el-message-box .el-message-box__header .el-message-box__title{color:#333333;font-weight:500;line-height:25px}.el-message-box .el-message-box__btns .el-button.el-button--default:hover,.el-message-box .el-message-box__btns .el-button.el-button--default:focus{background:#EAEAEA;color:#333333;border:1px solid #DCDFE6}.el-message-box .el-message-box__btns .el-button.el-button--default:active{background:rgba(0,0,0,0.1);color:#333333;border:1px solid #DCDFE6}.el-message-box .el-message-box__btns .el-button.el-button--primary{color:#FFFFFF;background:#5A2DF5;border-radius:5px;border:1px solid #5A2DF5}.el-message-box .el-message-box__btns .el-button.el-button--primary:hover,.el-message-box .el-message-box__btns .el-button.el-button--primary:focus{background:#5A2DF5;color:#FFFFFF}.el-message-box .el-message-box__btns .el-button.el-button--primary:active{background:#5A2DF5;color:#FFFFFF}.el-popup-parent--hidden{padding-right:0 !important}.box{z-index:500;display:flex;width:100px;height:108px;color:#fff;position:absolute;top:50%;left:50%;margin-left:-50px;margin-top:-54px;justify-content:center;align-items:center;border-radius:4px}.box .el-loading-mask{border-radius:4px}.box .el-loading-mask .el-loading-spinner{top:50%;margin-top:-21px;width:100%;text-align:center;position:absolute}.box .el-loading-mask .el-loading-spinner i{color:#fff;font-size:50px}.box .el-loading-mask .el-loading-spinner .el-icon-loading{position:relative;top:-16px}.box .el-loading-mask .el-loading-spinner .el-loading-text{position:relative;top:-10px;color:#fff;font-size:14px}.container{position:relative;width:100%;height:100%;min-width:1200px;background:#F2F4FD}