h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}.ky-sms_online{min-height:calc(100vh - 118px);font-size:14px;font-family:SourceHanSansSC-regular;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 15px 60px;background-color:#fff}.ky-sms_online .var-contain{height:328px;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-y:scroll}.ky-sms_online .var-contain::-webkit-scrollbar{width:0!important}.ky-sms_online .online-tabs{width:100%;margin-bottom:20px}.ky-sms_online .tab-list-wrap ul{list-style:none;width:100%;padding:0;margin:0;border-bottom:1px solid #e4e7ed}.ky-sms_online .tab-list-wrap ul li{display:inline-block;margin-right:40px;font-weight:400;font-style:normal;font-size:16px;color:#606266;padding:10px 0;cursor:pointer}.ky-sms_online .tab-list-wrap ul li:hover{opacity:.7}.ky-sms_online .tab-list-wrap ul li.is-active{color:#409eff;position:relative}.ky-sms_online .tab-list-wrap ul li.is-active:after{clear:both;content:"";width:100%;height:2px;display:block;position:absolute;left:0;bottom:-1px;background-color:#409eff}.ky-sms_online .sms-online-main .input-wrap .el-textarea__inner{height:128px;border:none;padding:12px 16px}.ky-sms_online .sms-online-main .add-template{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:128px;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ky-sms_online .sms-online-main .online-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100vh - 118px)}.ky-sms_online .flex-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-sms_online .flex-box .step-label{margin-right:14px}.ky-sms_online .flex-box .add-sign{margin:0 20px 0 20px}.ky-sms_online .typebox{background:#fff8ea;max-width:680px;height:48px;line-height:48px;margin-bottom:10px}.ky-sms_online .red{color:#ff4d4f}.ky-sms_online .orgin{color:#ff8e25}.ky-sms_online .blue{color:#409eff}.ky-sms_online .title{margin:15px 0;margin-right:16px;color:#101010;font-size:16px}.ky-sms_online .label{color:#101010}.ky-sms_online .type-wrapper{margin:13px 0}.ky-sms_online .type-wrapper .step-label{margin-right:14px}.ky-sms_online .send-wrapper{margin:20px 0}.ky-sms_online .send-wrapper .item{padding:0 10px}.ky-sms_online .inputArea{position:relative;width:682px;height:200px;line-height:20px;border-radius:4px;color:#101010;font-size:14px;text-align:center;font-family:Roboto;border:1px solid #eee;border-top:none;border-left:none;background:#fafafa}.ky-sms_online .inputArea .inputContent{width:682px;height:155px;border:1px solid #eee;background:#fff}.ky-sms_online .inputArea .inputContent .uploadBox{display:inline-block;position:absolute;left:15px;top:10px}.ky-sms_online .inputArea .inputContent .phoneWrapper{height:155px}.ky-sms_online .inputArea .inputContent .phoneWrapper /deep/ .el-textarea__inner{height:155px;border:none;border-radius:0;border-bottom:1px solid #eee}.ky-sms_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-sms_online .inputArea .anaysis-wrapper .item{padding:0 10px}.ky-sms_online .inputArea .anaysis-wrapper .item .count{color:#333}.ky-sms_online .inputArea .anaysis-wrapper .right-border{border-right:1px solid #999}.ky-sms_online .contentBox{margin-top:10px;position:relative}.ky-sms_online .contentBox .messageBox{position:relative;margin-top:10px;width:682px;height:224px;line-height:20px;border:1px solid #eee}.ky-sms_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-sms_online .contentBox .messageBox .topBar .left{cursor:pointer;height:40px;line-height:40px;padding-right:20px;border-right:1px solid #eee}.ky-sms_online .contentBox .messageBox .topBar .right{cursor:pointer;height:40px;line-height:40px;padding-left:20px;border-left:1px solid #eee}.ky-sms_online .contentBox .messageBox .content /deep/ .el-textarea__inner{height:126px;border:none}.ky-sms_online .contentBox .messageBox .content-bottom{position:absolute;right:10px;bottom:10px}.ky-sms_online .contentBox .messageBox .content-bottom .check{margin-right:10px}.ky-sms_online .contentBox .remark{margin-top:16px;width:350px;position:absolute;bottom:16px;left:10px;text-align:left}.ky-sms_online .left-box{width:560px}.ky-sms_online .left-box .mt-30{margin-bottom:30px}.ky-sms_online .left-box .border-1{border:1px solid #e4e7ed;border-radius:3px}.ky-sms_online .left-box .sign .el-select{display:inline-block;position:relative;width:100%}.ky-sms_online .left-box .sign .dian-box{height:328px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ky-sms_online .left-box .sign .dian-box .mark p{font-size:12px;color:#333;text-align:center}.ky-sms_online .left-box .sign .dian-box .mark p:first-child{font-size:13px;padding-top:30px}.ky-sms_online .left-box .sign .dian-box .mark p:nth-child(2){color:#909399;padding-top:15px}.ky-sms_online .left-box .sign .dian-box .mark p:nth-child(3){color:#ff8e25;padding-top:10px}.ky-sms_online .left-box .sign .dian-box .mark .upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:15px 0 20px}.ky-sms_online .left-box .sign .dian-box .mark .upload .uploadBox{margin-left:15px}.ky-sms_online .left-box .sms-content .content-bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;background-color:#f5f6f9;padding:0 10px}.ky-sms_online .left-box .sms-content .content-bottom .remark{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#666;font-size:13px}.ky-sms_online .left-box .sms-content .content-bottom .content-end-t .check{display:inline-block;margin-right:5px}.ky-sms_online .left-box .sms-content .content-bottom .content-end-t .el-input--mini .el-input__inner{height:24px;line-height:24px}.ky-sms_online .left-box .add-box .content{width:100%;min-height:92px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px}.ky-sms_online .left-box .add-box .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-sms_online .left-box .add-box .content .content-item .content-cell{height:40px;line-height:40px;padding:0 15px;border-bottom:1px solid #e2e2e2;max-width:560px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ky-sms_online .left-box .add-box .content .content-item.last-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.ky-sms_online .left-box .add-box header{text-align:center}.ky-sms_online .left-box .add-box header .tab-list-wrap li{font-size:13px}.ky-sms_online .left-box .add-box .input-wrap p{font-size:12px;color:#909399;padding:12px 16px 0;font-weight:400}.ky-sms_online .left-box .add-box .input-wrap p span{color:#ff8e25}.ky-sms_online .left-box .add-box .mach-export{height:153px;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll}.ky-sms_online .left-box .add-box .mach-export ::-webkit-scrollbar{display:none}.ky-sms_online .left-box .add-box .mach-export .mark p{font-size:12px;color:#333;text-align:center}.ky-sms_online .left-box .add-box .mach-export .mark p:first-child{font-size:13px;padding-top:30px}.ky-sms_online .left-box .add-box .mach-export .mark p:nth-child(2){color:#909399;padding-top:15px}.ky-sms_online .left-box .add-box .mach-export .mark p:nth-child(3){color:#ff8e25;padding-top:10px}.ky-sms_online .left-box .add-box .mach-export .mark .upload{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:15px 0 20px}.ky-sms_online .left-box .add-box .mach-export .mark .upload .uploadBox{margin-left:15px}.ky-sms_online .left-box .add-box .mach-export .upload-preview-list{width:500px;margin:0 auto;padding:10px 0}.ky-sms_online .left-box .add-box .mach-export .upload-preview-list p{font-weight:400;font-style:normal;font-size:13px;letter-spacing:normal;color:#333;text-align:center;padding:10px 0;border-bottom:1px solid #e4e7ed}.ky-sms_online .left-box .add-box .mach-export .upload-preview-list p:last-child{border-bottom:0}.ky-sms_online .left-box .add-box .add-box-main{height:153px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ky-sms_online .left-box .add-box .add-bottom,.ky-sms_online .left-box .add-box .add-box-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-sms_online .left-box .add-box .add-bottom{height:32px;background-color:#f5f6f9;padding:0 10px}.ky-sms_online .left-box .add-box .add-bottom .remark{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#666;font-size:13px}.ky-sms_online .left-box .add-box .add-bottom .remark .uploadBox{display:inline-block}.ky-sms_online .left-box .add-box .add-bottom .remark .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-sms_online .left-box .add-box .add-bottom .remark .el-loading-spinner i{color:#409eff;font-size:16px}.ky-sms_online .left-box .add-box .add-bottom .remark .el-loading-spinner{top:50%;margin-top:-8px;width:100%;text-align:center;position:absolute}.ky-sms_online .left-box .add-box .add-bottom .right-check .check{display:inline-block;margin-right:5px}.ky-sms_online .left-box .add-box .add-bottom .right-check .el-button--small{padding:5px 10px;font-size:12px;border-radius:3px}.ky-sms_online .online-title{margin:0 0 15px}.ky-sms_online .online-title h6 span{font-size:14px;font-weight:400;font-style:normal}.ky-sms_online .online-title h6 span:nth-child(2){color:#606266}.ky-sms_online .online-title h6 span:nth-child(3){margin-left:10px}.ky-sms_online .send-time .time-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-sms_online .send-time .time-layout .el-radio{color:#606266;font-weight:500;position:relative;cursor:pointer;display:inline-block;margin-right:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.ky-sms_online .send-time .time-layout .send-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ky-sms_online .send-time .time-layout .send-wrap span{font-size:12px}.ky-sms_online .sms-preview-box{margin-left:60px;position:relative;width:265px;height:523px}.ky-sms_online .sms-preview-box h5{font-weight:400;font-style:normal;font-size:14px;color:#606266;text-align:center;padding-bottom:15px}.ky-sms_online .sms-preview-box .mobile-box{width:265px;height:523px;position:absolute;background:url(../img/mobile_bg.ce2a2c0a.png) no-repeat 50%;background-size:cover;z-index:100}.ky-sms_online .sms-preview-box .mobile-box .mobile-box-remark{position:absolute;width:100%;text-align:center;left:0;bottom:20px}.ky-sms_online .sms-preview-box .mobile-box .sms-preview-text{position:absolute;padding:0 30px;top:100px;bottom:30px;left:0;right:0;-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow-y:scroll}.ky-sms_online .sms-preview-box .mobile-box .sms-preview-text::-webkit-scrollbar{width:0!important}.ky-sms_online .sms-preview-box .mobile-box .sms-preview-text .preview-text{font-size:14px;background:#f5f6f9;padding:10px;border-radius:4px;border:1px solid #e4e7ed;position:relative;line-height:18px;text-align:justify;word-break:break-all;word-wrap:break-word}.ky-sms_online .sms-preview-box .mobile-box .sms-preview-text .preview-text:before{clear:both;content:"";display:block;width:10px;height:10px;position:absolute;top:10px;left:-5px;border:1px solid #e4e7ed;background-color:#f5f6f9;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right-color:transparent;border-top-color:transparent}.ky-sms_online .sms-preview-box .preview-right-desc{position:absolute;right:-282px;top:70px;width:285px;height:449px;background-color:#cde2fe;z-index:11}.ky-sms_online .sms-preview-box .preview-right-desc .desc-inner{padding:50px 30px}.ky-sms_online .sms-preview-box .preview-right-desc h6{font-weight:900;color:#48638a;font-size:15px;padding-bottom:20px}.ky-sms_online .sms-preview-box .preview-right-desc h5{font-weight:900;color:#5a7cae;font-size:18px;padding-bottom:20px}.ky-sms_online .sms-preview-box .preview-right-desc p{font-weight:400;font-style:normal;font-size:13px;line-height:18px;letter-spacing:normal;color:#333;padding-bottom:15px;text-align:justify}.ky-sms_online .sms-preview-box .preview-right-desc p span{color:#eb4343}.ky-sms_online .sms-preview-box .send{position:absolute;bottom:-120px;left:0;width:265px;text-align:center}.ky-sms_online .sms-preview-box .send p{font-size:12px;color:#909399;text-align:center;padding-top:30px;padding-bottom:15px}.ky-sms_online .sms-preview-box .send .send-btn{width:224px}.templateDrawer .el-drawer{overflow-y:scroll}.templateDrawer .el-tabs__item:focus.is-active.is-focus:not(:active){-webkit-box-shadow:0 0 0 0 #fff inset;box-shadow:inset 0 0 0 0 #fff;border-radius:3px}.templateDrawer .content{padding:0 20px}.templateDrawer .content .tplBox{margin-top:10px;border:1px solid #eee}.templateDrawer .content .tplBox .title{background:#eee;padding:12px;color:#333;font-size:12px}.templateDrawer .content .tplBox .item{background:#fff;color:#666;line-height:14px;padding:4px 12px}.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;word-break:break-word}.templateDrawer .content .tplBox1{margin-top:10px}.templateDrawer /deep/ .el-drawer .el-drawer__header{position:relative;margin-bottom:0}.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;max-width:560px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.templateBox .preview .content .content-item.last-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.totalCount{display:inline-block;margin-top:5px}.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}.el-icon-close{cursor:pointer}.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}@media only screen and (min-width:1700px){.ky-sms_online .sms-preview-box{margin-right:142px!important}.online-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.uploadContent{width:100%;height:155px;padding:10px}