.serviceOrder-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f7fd;padding:0 16px}.serviceOrder-container .cancelOrderDialog{background-color:rgba(245,247,253,.94);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.serviceOrder-container .cancelOrderDialog .el-dialog{margin-top:0!important;margin-bottom:0!important;padding:0 40px;-webkit-box-shadow:none;box-shadow:none}.serviceOrder-container .cancelOrderDialog .el-dialog .el-dialog__header{padding:30px 0 0 0}.serviceOrder-container .cancelOrderDialog .el-dialog .el-dialog__header .el-dialog__title{font-size:20px;font-weight:700}.serviceOrder-container .cancelOrderDialog .el-dialog .el-dialog__header .el-dialog__headerbtn{font-size:24px;right:20px;display:none}.serviceOrder-container .cancelOrderDialog .el-dialog .el-dialog__body{padding:0}.serviceOrder-container .cancelOrderDialog .el-dialog .el-dialog__footer{padding:23px 0 30px 0}.serviceOrder-container .cancelOrderDialog .cancel-radio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .dialog-line{width:100%;height:1px;background-color:#eaedf7;margin:20px 0}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .title{font-size:14px;font-weight:700;color:#2a2a2a;text-align:center}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .order-img{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .order-img .order-img-body,.serviceOrder-container .cancelOrderDialog .cancel-radio-list .order-img .order-img-body img{width:330px;height:186px}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .order-cancel-reson{font-size:14px;font-weight:700;color:#2a2a2a;text-align:center}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .radio-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:16px;font-weight:600;color:#636e95;line-height:26px;padding:10px 40px}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .radio-list .el-radio{margin:5px 0}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .radio-list .el-radio .el-radio__label{color:#636e95;font-size:12px}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .radio-list .el-radio .el-radio__inner{border-color:#636e95;background-color:#fff}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .radio-list .el-radio .el-radio__inner:after{width:8px;height:8px;background-color:#636e95}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .icon-warn{font-size:10px;color:red;padding-top:5px}@-webkit-keyframes sliderDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sliderDown{0%{-webkit-transform:scaleY(0);transform:scaleY(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sliderUp{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes sliderUp{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .icon-warn.is-down{-webkit-animation:sliderDown .1s linear;animation:sliderDown .1s linear;-webkit-transform-origin:50% 0;transform-origin:50% 0}.serviceOrder-container .cancelOrderDialog .cancel-radio-list .icon-warn.is-up{-webkit-animation:sliderUp .2s linear;animation:sliderUp .2s linear;-webkit-transform-origin:50% 0;transform-origin:50% 0}.serviceOrder-container .cancelOrderDialog .dialog-footer-body,.serviceOrder-container .cancelOrderDialog .dialog-footer-body .submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.serviceOrder-container .cancelOrderDialog .dialog-footer-body .submit{width:124px;height:30px;background:#f05;border-radius:8px;margin-right:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;border:1px solid #edeff5}.serviceOrder-container .cancelOrderDialog .dialog-footer-body .submit:hover{background-color:#ff1e69;color:#fff}.serviceOrder-container .cancelOrderDialog .dialog-footer-body .cancel{width:124px;height:30px;background:#fafcfe;border-radius:8px;border:1px solid #d2d5e1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#707a9e}.serviceOrder-container .cancelOrderDialog .dialog-footer-body .cancel:hover{background-color:#ff1e69;color:#fff}.serviceOrder-container .serviceOrder-main{background-color:#fff;padding:20px 40px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceOrder-container .serviceOrder-main .serviceOrder-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.serviceOrder-container .serviceOrder-main .serviceOrder-header .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceOrder-container .serviceOrder-main .serviceOrder-header .left .title{font-size:20px;font-weight:700;color:#2a2a2a;padding-bottom:10px}.serviceOrder-container .serviceOrder-main .serviceOrder-header .left .des{font-size:12px;color:#737da0}.serviceOrder-container .serviceOrder-main .serviceOrder-header .left .des span{color:#537eff;cursor:pointer}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .contract{font-weight:700;font-size:14px;color:#f05;padding-right:20px;cursor:pointer}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .cancel-btn{width:180px;height:30px;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:14px;border:1px solid #edeff5;color:#636e95}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .cancel-btn:hover{background-color:#ff1e69;color:#fff}.serviceOrder-container .serviceOrder-main .serviceOrder-body{background:#fff;-webkit-box-shadow:0 0 8px 0 rgba(222,222,232,.2);box-shadow:0 0 8px 0 rgba(222,222,232,.2);border-radius:8px;border:1px solid #edeff5;padding:18px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-left .img{width:180px;height:102px}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-left .img img{width:100%;height:100%}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line:nth-of-type(2){padding-top:20px}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line .item{width:33.3%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:20px;min-width:200px}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line .item .item-name{font-size:12px;font-weight:600;color:#838bab;padding-bottom:10px}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line .item .item-des{font-size:16px;font-weight:700;color:#27284a}.serviceOrder-container .serviceOrder-main .serviceOrder-body .serviceOrder-body-right .serviceOrder-line .item .item-des.status{color:#ff7875}