.email-tabs .key-list .key-item .key-item-title,.email-tabs .tabs-set-time,.txt-c{text-align:center}.cursor-p,.email-tabs .email-template,.email-tabs .key-list .key-item .add-icon,.email-tabs .key-list .key-item .key-cont .key-show,.email-tabs .template-list-shadow .template-list-wrap .header-title .el-icon-close{cursor:pointer}.email-tabs .key-list .key-item .add-icon-wrap,.email-tabs .key-list .key-item .add-icon-wrap:after,.email-tabs .key-list .key-item .bottom-border,.email-tabs .tabs-set-time .bn-icon,.email-tabs .tabs-set-time:after,.email-tabs .tabs-set-time:before,.pos-center{position:absolute;left:0;right:0;margin:0 auto}.email-tabs{margin-bottom:70px;-webkit-animation:scaleout .3s;animation:scaleout .3s}.email-tabs .email-template{background-color:#fff;width:300px;min-height:130px;position:relative;padding:22px 24px 24px;margin:0 auto 70px;border:1px solid #d3d8db}.email-tabs .email-template:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16)}.email-tabs .email-template:hover .email-icon-edit{opacity:1;-webkit-transition:all .3s;transition:all .3s}.email-tabs .email-template .email-icon-edit{right:14px;top:14px;color:#90959e;opacity:0;position:absolute;-webkit-transition:all .3s;transition:all .3s}.email-tabs .email-template .workflow-top{margin-bottom:16px}.email-tabs .email-template .workflow-top .top-title{margin-right:16px}.email-tabs .email-template .workflow-content .workflow-list{margin-left:8px}.email-tabs .email-template .workflow-content .workflow-list .workflow-item{height:20px;font-size:14px;line-height:16px;color:#313d4b}.email-tabs .tabs-set-time{position:relative;padding-top:49px;width:310px;height:84px;border-radius:4px;margin-bottom:30px;z-index:0;border:1px solid #d3d8db;background-color:#fff}.email-tabs .tabs-set-time.email_not_opened{margin-left:calc((20% - 170px)/2)}.email-tabs .tabs-set-time.email_opened{margin-left:calc((20% - 170px)/2 + 20%)}.email-tabs .tabs-set-time.email_not_clicked,.email-tabs .tabs-set-time.email_not_reply,.email-tabs .tabs-set-time.email_send{margin-left:calc((20% - 310px)/2 + 40%)}.email-tabs .tabs-set-time.email_clicked{margin-left:calc((20% - 170px)/2 + 60%)}.email-tabs .tabs-set-time.email_failed{margin-left:calc((20% - 170px)/2 + 80%)}.email-tabs .tabs-set-time:after,.email-tabs .tabs-set-time:before{content:"";width:1px;background-color:#d3d8db}.email-tabs .tabs-set-time:after{top:-70px;height:70px}.email-tabs .tabs-set-time:before{bottom:-30px;height:30px}.email-tabs .tabs-set-time .bn-icon{width:64px;height:64px;top:-32px;background-color:#3f95d7;color:#fff;border-radius:50%;display:block;z-index:9}.email-tabs .tabs-set-time .bn-icon .iconfont{font-size:42px;line-height:64px}.email-tabs .tabs-set-time .set-txt{font-size:14px;font-weight:700;color:#313d4b}.email-tabs .tabs-set-time .close-btn{font-size:20px;color:#313d4b;opacity:0;position:absolute;right:8px;top:8px}.email-tabs .tabs-set-time:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16)}.email-tabs .tabs-set-time:hover .close-btn{opacity:1;-webkit-transition:all .3s;transition:all .3s}.email-tabs .key-list{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.email-tabs .key-list:after{content:"";position:absolute;margin:auto 0;top:15px;left:100px;right:100px;height:1px;z-index:0}.email-tabs .key-list .key-item{z-index:2;position:relative;width:40%;padding-bottom:70px}.email-tabs .key-list .key-item .key-item-title{position:relative;margin:0 auto 30px;background-color:#fff;border:1px dashed #d3d8db;width:135px;line-height:38px}.email-tabs .key-list .key-item .key-item-title:after{content:"";position:absolute;bottom:-40px;left:0;right:0;width:1px;height:40px;background-color:#d3d8db;margin:0 auto;z-index:0}.email-tabs .key-list .key-item .key-cont{z-index:3;position:relative}.email-tabs .key-list .key-item .key-cont .key-icon{text-align:center}.email-tabs .key-list .key-item .key-cont .key-show{background-color:#fff;padding:14px 16px 16px;position:relative;-webkit-animation:scaleout .3s;animation:scaleout .3s;margin:0 5px;word-break:break-all;border:1px solid #d3d8db}.email-tabs .key-list .key-item .key-cont .key-show .close-btn{font-size:20px;color:#313d4b;opacity:0;position:absolute;right:8px;top:8px}.email-tabs .key-list .key-item .key-cont .key-show .more-icon{font-size:20px;position:absolute;right:8px;bottom:8px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.email-tabs .key-list .key-item .key-cont .key-show .key-show-title{font-size:14px;font-weight:700;color:#313d4b;margin:0 0 7px}.email-tabs .key-list .key-item .key-cont .key-show:hover{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16)}.email-tabs .key-list .key-item .key-cont .key-show:hover .close-btn{opacity:1;-webkit-transition:all .3s;transition:all .3s}.email-tabs .key-list .key-item .add-icon{color:#223a84;font-size:42px;margin:0 auto}.email-tabs .key-list .key-item .add-icon-wrap{padding-top:30px;text-align:center;bottom:0}.email-tabs .key-list .key-item .add-icon-wrap:after{content:"";height:40px;width:1px;background-color:#d3d8db;top:0;z-index:-1}.email-tabs .key-list .key-item .bottom-border{top:0;bottom:0;width:1px;background-color:#d3d8db;z-index:-1}.email-tabs .key-list .key-item .bottom-border.add-icon-show{bottom:40px}.email-tabs .run-type-wrap{position:relative}.email-tabs .run-type-wrap .run-type-title{font-size:14px;font-weight:700;color:#313d4b;position:absolute;top:-23px;left:0}.email-tabs .run-type-wrap .el-radio{display:block;margin-left:0;margin-bottom:16px}.email-tabs .run-type-wrap .el-radio:first-child{margin-top:16px}.email-tabs .run-type-wrap .el-radio .title{font-size:14px;font-weight:700;color:#313d4b}.email-tabs .run-type-wrap .el-radio .el-icon-question{margin:0 16px 0 8px;color:#777}.email-tabs .run-type-wrap .el-radio .tips{color:#777}.email-tabs .template-list-shadow{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:999;overflow:auto}.email-tabs .template-list-shadow .template-list-wrap{position:absolute;left:0;right:0;margin:0 auto;width:800px;margin:100px auto;background-color:#fff;border-radius:3px;overflow:hidden;-webkit-animation:scaleout .3s;animation:scaleout .3s}.email-tabs .template-list-shadow .template-list-wrap .header-title{padding:12px;background-color:#f1f4f7;line-height:24px;color:#303133;font-size:16px;font-weight:700}.email-tabs .template-list-shadow .template-list-wrap .header-title .el-icon-close{float:right}@media (max-width:1400px){.email-tabs .email-template{padding:14px 16px 16px;min-height:auto}.email-tabs .template-list-shadow .template-list-wrap{margin:50px auto!important}}.input-num{width:200px}.txt-c{text-align:center}.cursor-p,.operate-log .operate-top .el-form .el-input__suffix-inner{cursor:pointer}.operate-log{margin:0 25px}.operate-log .operate-top{margin:13px 0;text-align:right}.operate-log .operate-top .el-form{margin-right:14px;width:300px;display:inline-block;vertical-align:top}.operate-log .operate-top .el-form .el-select__input{padding-left:15px}.operate-log .operate-top .el-form .is-focus .el-input__prefix{color:#223a84}.operate-log .operate-top .el-form .el-input__prefix{line-height:28px;vertical-align:middle}.operate-log .operate-top .el-form .el-input__suffix-inner{line-height:32px;vertical-align:middle;color:#90959e}.operate-log .operate-top .el-form .active{color:#223a84}.operate-log .pagination-wrap{padding-bottom:50px}.operate-log-option-wrap .txt{margin-left:16px}.f-scrollbar::-webkit-scrollbar{height:4px;width:4px}.f-scrollbar::-webkit-scrollbar-thumb{width:4px}.f-scrollbar::-moz-scrollbar{height:4px;width:4px}.f-scrollbar::-moz-scrollbar-thumb{width:4px}.h1,h1{font-size:20px}.h1,.h2,h1,h2{font-weight:700;color:#313d4b}.h2,h2{font-size:18px}.h3,h3{font-size:16px}.h3,.h4,h3,h4{font-weight:700;color:#313d4b}.h4,h4{font-size:14px}.h5,h5{font-size:13px}.h5,.h6,h5,h6{font-weight:700;color:#313d4b}.h6,h6{font-size:12px}.padding-xs{padding:8px}.padding-md{padding:16px}.padding-lg{padding:32px}.padding-page{padding:24px 16px}.title-color{color:#313d4b}.automate-common .automate-header,.automate-common .process-wrap,.automate-common .process-wrap .set-time .bn-icon,.txt-c{text-align:center}.txt-r{text-align:right}.automate-common .automate-header .left,.automate-common .automate-header .title .name,.automate-common .process-wrap .set-time,.automate-common .side-page .side-content .side-title .txt,.cursor-p{cursor:pointer}.inline-block{display:inline-block}.pos-center{position:absolute;left:0;right:0;margin:0 auto}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.dash-border{position:relative}.automate-common .process-wrap .process-item:after,.automate-common .process-wrap .set-time:after,.dash-border-after{content:"\200B";border:2px dashed #d3d8db;width:0;height:75px;position:absolute;bottom:-80px;left:0;right:0;margin:0 auto}.automate-common .process-wrap .process-item:hover,.automate-common .process-wrap .set-time:hover,.shadow-color{-webkit-box-shadow:0 3px 12px #abafb1;box-shadow:0 3px 12px #abafb1}.automate-common{min-width:1254px}.automate-common .automate-header{position:relative;line-height:50px;color:#61676e;padding:0 8px}.automate-common .automate-header .left{position:absolute;left:8px;top:0;bottom:0;margin:auto 0}.automate-common .automate-header .title{font-size:20px;font-weight:700;color:#313d4b}.automate-common .automate-header .title .el-input{width:300px}.automate-common .automate-header .title .name{margin-left:16px}.automate-common .automate-header .title .name .txt{margin-right:8px}.automate-common .automate-header .title .name .bn-icon{opacity:0}.automate-common .automate-header .title .name:hover .bn-icon{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.automate-common .automate-swipe{background-color:#fff;border-bottom:1px solid #d3d8db}.automate-common .automate-swipe .el-carousel{width:50%;margin:0 auto}.automate-common .automate-swipe .el-carousel .el-carousel__item{text-align:center;font-size:18px;color:#61676e;line-height:48px}.automate-common .automate-swipe .el-carousel .el-carousel__item.is-active{font-size:20px;font-weight:700;color:#313d4b}.automate-common .automate-content{padding:24px 0 8px;background-color:#fff;-webkit-box-shadow:0 2px 5px #e9eaea;box-shadow:0 2px 5px #e9eaea}.automate-common .automate-content .form-wrap{width:775px;margin:0 auto}.automate-common .automate-content .form-wrap .el-form .el-form-item{margin-bottom:18px}.automate-common .automate-content .form-wrap .el-form .el-input{width:300px}.automate-common .automate-content .form-wrap .el-form .el-select.el-select--small .el-input{width:80px}.automate-common .automate-content .form-wrap .el-form .immediately{display:inline-block}.automate-common .automate-content .form-wrap .el-form .immediately .label{width:105px;font-weight:700;margin-right:15px;text-align:right;display:inline-block}.automate-common .automate-content .form-wrap .el-form .line{text-align:center}.automate-common .process-wrap{width:444px;margin:35px auto}.automate-common .process-wrap .process-item{margin-bottom:80px;position:relative;border:1px solid #d3d8db}.automate-common .process-wrap .process-item:hover .workflow-property-event .workflow-icon-edit{opacity:1;-webkit-transition:all .3s;transition:all .3s}.automate-common .process-wrap .process-item .workflow-property-event{cursor:pointer;min-height:130px;padding:22px 24px 24px;background-color:#fff;text-align:left;position:relative}.automate-common .process-wrap .process-item .workflow-property-event .workflow-icon-edit{position:absolute;right:14px;top:14px;color:#90959e;opacity:0;-webkit-transition:all .3s;transition:all .3s}.automate-common .process-wrap .process-item .workflow-property-event .workflow-top{margin-bottom:16px}.automate-common .process-wrap .process-item .workflow-property-event .workflow-top .top-title{margin-right:16px}.automate-common .process-wrap .process-item .workflow-property-event .workflow-content .workflow-list{margin-left:8px}.automate-common .process-wrap .process-item .workflow-property-event .workflow-content .workflow-list .workflow-item{height:20px;font-size:14px;line-height:16px;color:#313d4b}.automate-common .process-wrap .set-time{border:1px solid #d3d8db;display:inline-block;position:relative;height:109px;min-width:169px;background:#fff;border-radius:4px;margin:0 auto 80px;padding:55px 42px 0}.automate-common .process-wrap .set-time.is-auto{height:0;width:0;padding:0;border:none}.automate-common .process-wrap .set-time .bn-icon{display:block;position:absolute;top:-32px;left:0;right:0;margin:0 auto;background-color:#3f95d7;width:48px;height:48px;color:#fff;border-radius:32px;z-index:3}.automate-common .process-wrap .set-time .bn-icon i{line-height:48px;font-size:32px}.automate-common .el-form .el-form-item__label,.automate-common .el-form .label,.automate-common .process-wrap .set-time .title{font-size:14px;font-weight:700;color:#313d4b}.automate-common .side-page .page-content{padding:0 16px;width:50%}.automate-common .side-page .page-content .close-dialog{display:none}.automate-common .side-page .side-content{background-color:#fff}.automate-common .side-page .side-content .side-title{background-color:#f1f4f7;padding:6px 0 6px}.automate-common .side-page .side-content .side-title .txt{margin-left:3px}.automate-common .side-page .side-content .content-list{padding:16px;height:calc(100vh - 60px);overflow:auto}.automate-common .side-page .side-content .content-list.email-content-list{height:calc(100vh - 115px)}.automate-common .side-page .side-content .content-list .content-item.tm .title{font-size:14px;font-weight:700;color:#313d4b;margin:16px 0}.automate-common .side-page .side-content .content-list .content-item.tm .cont .input-num{margin:0 16px}.automate-common .automate-content .form-wrap .el-form .el-input,.automate-common .automate-content .form-wrap .el-form .el-range-editor--small{width:300px}@media (max-width:1400px){.automate-common .process-wrap .process-item .workflow-property-event{padding:14px 16px 16px;min-height:auto}}.automate-email{padding-bottom:70px}.automate-email .automate-content-wrap .process-wrap{width:80%;text-align:left}.automate-email .automate-content-wrap .process-wrap .process-item{width:300px;margin:0 auto 70px}.automate-email .automate-content-wrap .process-wrap .process-item:after{display:none}.automate-email .btm-btn-group{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:10;text-align:center;-webkit-box-shadow:0 -2px 5px #d3d8db;box-shadow:0 -2px 5px #d3d8db;line-height:55px}.automate-email .btm-btn-group .btn-group{text-align:center}