/*reset css*/
html {
    background: none repeat scroll 0 0 #fff;
    -ms-touch-action: manipulation; /* IE10  */
    touch-action: manipulation;
}
html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
input,
button,
select,
textarea {
    outline: none;
    border: none;
}
textarea {
    resize: none;
}
body,
button,
input,
select,
textarea {
    color: #333;
    font: 12px/1.5 'PingFang-SC-Regular', 'Hiragino Sans GB', 'Microsoft Yahei', 'PingFang SC', 'Myriad Pro',
        'Microsoft Yahei', sans-serif;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
select {
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}
fieldset,
img {
    border: 0 none;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}
li {
    list-style: none outside none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before,
q:after {
    content: '';
}
abbr,
acronym {
    border: 0 none;
    font-variant: normal;
}
sup {
    vertical-align: text-top;
}
sub {
    vertical-align: text-bottom;
}
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/* table {
    font-size: inherit;
} */
pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    line-height: 100%;
}
a {
    text-decoration: none;
}
a:hover,
a:focus {
    text-decoration: blink;
}
strong {
    font-weight: bold;
}
input[type='submit'] {
    cursor: pointer;
}
button {
    cursor: pointer;
}
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
/* ::-webkit-scrollbar{
  display: none;
} */
/*媒体查询*/
html {
    font-size: 20px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
@media screen and (min-width: 320px) {
    html {
        font-size: 42.67px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 48px;
    }
}
@media screen and (min-width: 375px) {
    html {
        font-size: 50px;
    }
}
@media screen and (min-width: 414px) {
    html {
        font-size: 50px;
    }
}
@media screen and (min-width: 1080px) {
    html {
        font-size: 60px;
    }
}

#app {
    height: 100%;
    width: 100%;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.color4877dd {
    color: #4877dd;
    cursor: pointer;
}
.pos-relative {
    position: relative;
}
.mart20 {
    margin-top: 20px;
}
.oper-wrap {
}
.oper-wrap li {
    float: left;
    width: 45px;
    height: 80px;
    padding: 15px;
    border: 1px solid #e3e3e3;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}
.oper-wrap li p {
    line-height: 45px;
    color: #606266;
}
.oper-wrap li:last-child {
    margin-right: 0px;
}
.oper-wrap li:last-child p {
    line-height: 19px;
}
.el-table__header-wrapper .el-table__header th {
    text-align: center;
}
.el-table__body-wrapper {
    text-align: center;
}
.el-table thead th {
    background-color: #f4f5fa;
}
.item-right .el-input__suffix {
    top: 5px;
    right: 10px;
}
.chargeRuleTime .el-input__inner {
    width: 95px;
}
.chargeRuleTime .el-date-editor.el-input {
    float: left;
    width: 95px;
}
.chargeRuleTime .el-input__suffix {
    top: 0px;
    right: 5px;
}

.route-delete {
    height: 55px;
    line-height: 55px;
    color: #4877dd;
    padding-left: 10px;
    cursor: pointer;
}
.shift-nav {
    border-right: 1px solid #4877dd;
    padding-right: 10px;
    margin-right: 10px;
}

.input-item {
    width: 150px !important;
    display: inline-block;
}
.input-item-w160 {
    width: 160px !important;
    display: inline-block;
}
.box-shadow {
    width: 100%;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12), 0px 0px 6px 0px rgba(0, 0, 0, 0.04);
}
.el-input__edit {
    font-style: initial;
}

/*巴巴颜色*/
.baba-brand {
    color: #4877dd !important;
}
.baba-success {
    color: #5bbf4b !important;
}
.baba-warning {
    color: #f5a623 !important;
}
.baba-danger {
    color: #ff5555 !important;
}
.baba-gray {
    color: #909399 !important;
}