.serviceOrder-container{width:100%;background:#f5f7fd;padding:0 16px}.serviceOrder-container,.serviceOrder-container .serviceOrder-main{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{background-color:#fff;padding:40px;border-radius:8px}.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:20px}.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{position:relative;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 .hide{cursor:not-allowed;position:absolute;left:0;top:0;background-color:hsla(0,0%,100%,.4);height:100%;width:100%;z-index:1900}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .contract{font-weight:700;font-size:14px;color:#f05;padding-right:20px}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .cancel{width:180px;height:30px;background:#f05;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}.serviceOrder-container .serviceOrder-main .serviceOrder-header .right .cancel: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;width:50%}.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{-webkit-box-flex:1;-ms-flex:1;flex:1;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}.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;white-space:nowrap}.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}