.sort-rule{padding:10px 20px 10px 20px;width:100%;height:100%;background-color:#fff}.sort-rule .header .title{font-weight:700;font-size:16px}.sort-rule .add-rule{margin:20px 0 20px 0}.sort-rule .add-dialog .main{display:-webkit-box;display:-ms-flexbox;display:flex;width:90%}.sort-rule .add-dialog .main .left{width:60%}.sort-rule .add-dialog .main .left .title{font-size:16px;font-weight:700}.sort-rule .add-dialog .main .left .details{width:76%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sort-rule .add-dialog .main .left .detail-list{width:66%}.sort-rule .add-dialog .main .right{width:40%}.sort-rule .add-dialog .main .right .station-list{width:80%;overflow-y:scroll}.sort-rule .rule-box{width:500px;border:1px solid #ccc;border-radius:10px;margin:15px 0;padding:20px}.sort-rule .rule-box.isSelect{border:1px solid #3540a5}.sort-rule .rule-flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.sort-rule .rule-flex,.sort-rule .select-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sort-rule .select-flex{-ms-flex-wrap:wrap;flex-wrap:wrap}.sort-rule .select-data{position:relative;border:1px solid #ccc;border-radius:5px;padding:5px 20px;margin:0 10px 10px 0;white-space:normal}.sort-rule .close-icon{position:absolute;right:0;top:8px;color:red}.sort-rule .mt-20{margin-top:20px}.sort-rule .mb-20{margin-bottom:20px}.sort-rule .font-bold{font-weight:bolder}.sort-rule .confrim-add{text-align:right}