.ky-mms_online{font-size:14px;padding:20px 20px 60px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;min-height:100vh}.ky-mms_online,.ky-mms_online .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.ky-mms_online .flex-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-mms_online .flex-box .step-label{margin-right:14px}.ky-mms_online .flex-box .add-sign{margin:0 20px 0 20px}.ky-mms_online .typebox{background:#fff8ea;max-width:680px;height:48px;line-height:48px;margin-bottom:10px}.ky-mms_online .red{color:#ff4d4f}.ky-mms_online .title{color:#101010;font-size:16px}.ky-mms_online .label{color:#101010}.ky-mms_online .type-wrapper{margin:13px 0}.ky-mms_online .type-wrapper .step-label{margin-right:14px}.ky-mms_online .send-wrapper{margin:20px 0}.ky-mms_online .send-wrapper .item{padding:0 10px}.ky-mms_online .inputArea{position:relative;width:682px;min-height:200px;line-height:20px;border-radius:4px;color:#101010;font-size:14px;font-family:Roboto;border:1px solid #eee;border-top:none;border-left:none;background:#fafafa}.ky-mms_online .inputArea .el-loading-mask{position:absolute;z-index:2000;background-color:#f5f6f9;margin:0;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .3s;transition:opacity .3s}.ky-mms_online .inputArea .el-loading-spinner i{color:#409eff;font-size:16px}.ky-mms_online .inputArea .el-loading-spinner{top:50%;margin-top:-8px;width:100%;text-align:center;position:absolute}.ky-mms_online .inputArea .preview{position:relative;padding-left:10px}.ky-mms_online .inputArea .preview .inline{display:inline-block}.ky-mms_online .inputArea .preview .inline .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#969696;font-size:14px;min-width:140px;margin-bottom:30px}.ky-mms_online .inputArea .preview .inline .title .tplflex{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-mms_online .inputArea .preview .inline .title .tplflex .el-icon-close{cursor:pointer}.ky-mms_online .inputArea .preview .inline .title .tplflex:before{position:absolute;content:"";left:0;right:0;bottom:-7px;height:2px;background:#34c758}.ky-mms_online .inputArea .preview .content{background-color:#fff8ea;width:100%;min-height:92px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;overflow-x:scroll}.ky-mms_online .inputArea .preview .content .content-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ky-mms_online .inputArea .preview .content .content-item .content-cell{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #e2e2e2}.ky-mms_online .inputArea .preview .content .content-item.last-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.ky-mms_online .inputArea .inputContent{width:682px;height:155px;border:1px solid #eee;background:#fff}.ky-mms_online .inputArea .inputContent .uploadBox{display:inline-block;position:absolute;left:15px;top:10px}.ky-mms_online .inputArea .inputContent .phoneWrapper{height:155px}.ky-mms_online .inputArea .inputContent .phoneWrapper .el-textarea__inner{height:155px;border:none;border-radius:0;border-bottom:1px solid #eee}.ky-mms_online .inputArea .anaysis-wrapper{padding:0 20px;height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#999;font-size:14px}.ky-mms_online .inputArea .anaysis-wrapper .item{padding:0 10px}.ky-mms_online .inputArea .anaysis-wrapper .item .count{color:#333}.ky-mms_online .inputArea .anaysis-wrapper .right-border{border-right:1px solid #999}.ky-mms_online .contentBox{margin-top:10px}.ky-mms_online .contentBox .messageBox{position:relative;margin-top:10px;width:682px;height:224px;line-height:20px;border:1px solid #eee}.ky-mms_online .contentBox .messageBox .topBar{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;height:40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#409eff;font-weight:400;border-bottom:1px solid #eee}.ky-mms_online .contentBox .messageBox .topBar .left{cursor:pointer;height:40px;line-height:40px;padding-right:20px;border-right:1px solid #eee}.ky-mms_online .contentBox .messageBox .topBar .right{cursor:pointer;height:40px;line-height:40px;padding-left:20px;border-left:1px solid #eee}.ky-mms_online .contentBox .messageBox .content /deep/ .el-textarea__inner{height:182px;border:none}.ky-mms_online .contentBox .messageBox .content-bottom{position:absolute;right:10px;bottom:10px}.ky-mms_online .contentBox .messageBox .content-bottom .check{margin-right:10px}.ky-mms_online .contentBox .remark{margin-top:16px;width:682px;text-align:right}.templateDrawer .content{padding:0 20px}.templateDrawer .content .draw .el-form-item{margin-bottom:0}.templateDrawer .content .draw .el-form-item .el-date-editor--datetimerange.el-input,.templateDrawer .content .draw .el-form-item .el-date-editor--datetimerange.el-input__inner{width:250px}.templateDrawer .content .tplBox{margin-top:10px;border:1px solid #eee}.templateDrawer .content .tplBox .title{background:#eee;padding:12px;color:#333}.templateDrawer .content .tplBox .item{background:#fff;color:#666;padding:4px 12px;margin-right:16px}.templateDrawer .content .tplBox .jflex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.templateDrawer .content .tplBox .jflex span:first-child,.templateDrawer .content .tplBox .jflex span:nth-child(2){width:50px;text-align:center}.templateDrawer .content .tplBox .jflex .text-elips{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 10px 0 50px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.templateDrawer .content .tplBox1{margin-top:10px}.templateDrawer /deep/ .el-drawer .el-drawer__header{position:relative;margin-bottom:0!important}.templateDrawer .btn-add{position:absolute;right:20px;top:20px}.leftbox{display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1}.rightbox{width:400px}.templateBox{position:relative;width:682px;min-height:200px;line-height:20px;border-radius:4px;color:#101010;font-size:14px;font-family:Roboto;border:1px solid #eee}.templateBox .uploadBox{position:absolute;left:10px;top:10px}.templateBox .preview{position:relative;padding-left:10px}.templateBox .preview .inline{display:inline-block}.templateBox .preview .inline .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#969696;font-size:14px;min-width:140px;margin-bottom:30px}.templateBox .preview .inline .title .rightbtn{position:absolute;right:12px;top:12px;color:#409eff;cursor:pointer}.templateBox .preview .inline .title .tplflex{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:4px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.templateBox .preview .inline .title .tplflex:before{position:absolute;content:"";left:0;right:0;bottom:-7px;height:2px;background:#34c758}.templateBox .preview .content{background-color:#fff8ea;width:100%;min-height:92px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px}.templateBox .preview .content .content-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.templateBox .preview .content .content-item .content-cell{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #e2e2e2}.templateBox .preview .content .content-item.last-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.positionBox{padding:8px}.positionBox .position-label{position:relative;height:20px;color:#919191;font-size:14px;text-align:left;font-family:SourceHanSansSC-regular}.positionBox .position-label:before{position:absolute;left:-10px;bottom:0;top:0;margin:auto 0;content:"";width:4px;height:4px;border-radius:50%;background:#409eff}.positionBox .position-item{margin:20px 0 30px 0}.positionBox .position-item .inline-select{width:60px;margin:0 4px;display:inline-block}.positionBox .content-item{min-height:60px;padding:10px 0;background-color:#f2f3f5;border:1px solid #fff}.book-title{margin:0;text-align:center;font-size:16px}.book-content{min-height:300px;max-height:400px;overflow-x:scroll;overflow-y:scroll}.book-footer{text-align:center}.el-drawer .el-drawer__header{position:relative;margin-bottom:0!important}