platform-customsdeclaration-ssr/assets/scss/_reset.scss

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  color: $text;
  font-family: $font-family;
  font-size: $font-size;
  line-height: $line-height;
  -webkit-font-smoothing: antialiased;
}

input, .el-input, .el-select{
  font-family: $font-family;
}

article,aside,dialog,footer,header,section,footer,nav,figure,menu {
  display: block
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: inherit;
  line-height: inherit;
}
a:focus,a:hover{
  text-decoration: none !important;
}

dl {
  margin-bottom: $md-pad;
}

dd {
  margin-left: $xlg-pad;
}

ul,
ol {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  list-style: none;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}

main,
header,
footer,
article,
section,
aside,
details,
summary {
  margin: 0 auto;
  width: 100%;
}

a, a.nuxt-link-active {
  cursor: pointer;
  text-decoration: none;
  color: $text;
  transition: color .2s ease;
  outline: 0;
  &:hover,&:active {
    text-decoration: none;
    color: $skin-bg;
  }
}
a.header-link {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  transition: color .2s ease;
  outline: 0;
  &:hover {
    text-decoration: underline;
  }
}

p{
  margin:0;
  margin-bottom:10px;
}

img {
  outline: 0;
  border: none;
}

.text-right{
  text-align: right;
}

.el-button--blur{
  background: #64c9bb!important;
  color:#fff!important;
  &:hover{
    background: #afddd7!important;
    border:1px solid #afddd7!important;
  }
  &:disabled{
    cursor:not-allowed;
    background: #9dccfc;
    border-color: #9dccfc;
  }
}
.el-button--yellow{
  background: #f97f25!important;
  color:#fff!important;
  &:hover{
    background: #f8b584!important;
    border:1px solid #f8b584!important;
  }
  &:disabled{
    cursor:not-allowed;
    background: #f3a164;
    border-color: #f3a164;
  }
}
.el-button--yellow_plain{
  background: #fff!important;
  color:#f97f25!important;
  border:1px solid #f97f25!important;
  &:hover{
    color: #ffffff !important;
    background: #f8b584!important;
    border:1px solid #f8b584!important;
  }
  &:disabled{
    cursor:not-allowed;
    background: #f3a164;
    border-color: #f3a164;
  }
}

input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  &.blur_checkbox + label::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align:middle;
    margin-right:3px;
    background: url(../../static/spirit.png)no-repeat -20px -20px;
  }
  &.blur_checkbox:checked + label::before {
    background: url(../../static/spirit.png)no-repeat 0px -20px;
  }
  &.yellow_checkbox + label::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align:middle;
    margin-right:3px;
    background: url(../../static/spirit.png)no-repeat -20px 0px;
  }
  &.yellow_checkbox:checked + label::before {
    background: url(../../static/spirit.png)no-repeat;
  }
}

.icon-left-arrow{
  display:inline-block;
  position:relative;
  top:0;
  width:10px;
  height:10px;
  background: url(../../static/icon/left-arrow.png)no-repeat;
}

//.icon-business{
//  width:20px;
//  height:20px;
//  background: url(../../static/icon.png)no-repeat -21px 0px;
//}
//.icon-order{
//  width:20px;
//  height:20px;
//  background: url(../../static/icon.png)no-repeat -42px 0px;
//}
//.icon-client{
//  width:20px;
//  height:20px;
//  background: url(../../static/icon.png)no-repeat -63px 0px;
//}

.m-snav{
  color:#666;
  font-size: 20px;
  margin-left:-15px;
  margin-bottom:12px;
  span{
    position:relative;
    margin: 0 15px;
    &.active,&:hover{
      cursor:pointer;
      color:#000;
      border-bottom:1px solid #000;
    }
  }
}

// 标题部分
.headline{
  padding:0 10px;
  line-height: 34px;
  height:34px;
  margin-bottom:10px;
  > span{
    font-size: 18px;
    color:#333;
    font-weight: bold;
    &:before{
      content: '';
      display:inline-block;
      width:3px;
      height:15px;
      margin-right:10px;
      background: #0d5ffe;
      position:relative;
      top:2px;
    }
  }
  .search_time{
    float:right;
    .el-date-editor.el-input, .el-date-editor.el-input__inner{
      width: 350px;
    }
    .el-input .el-input-group__append{
      width:auto;
      cursor:pointer;
    }
    .el-input{
      margin:0 10px;
      width:285px;
    }
    a{
      display:inline-block;
      margin: 0 10px;
      color:#64c9bb;
      background: #fff;
      padding: 0 10px;
      line-height: 32px;
      font-size: 14px;
      text-align: center;
      border: 1px solid #64c9bb;
      i{
        display:inline-block;
        margin-right:5px;
        width:14px;
        height:14px;
        color:#64c9bb;
        text-align: center;
        line-height: 14px;
        font-weight: bold;
        &.border_radius{
          border-radius: 50%;
          font-style:normal;
          background: #64c9bb;
          color:#fff;
        }
      }
    }
  }
}
// 表格样式
.table{
  table-layout:fixed;
  border-collapse: unset;
  border-spacing: 0;
  width:100%;
  color:#666;
  padding:0;
  margin: 0;
  thead{
    line-height:45px;
    tr{
      background: #deeffe;
      th{
        color:#333;
        text-align:center;
        vertical-align: middle;
      }
    }
  }
  tbody{
    tr{
      &:nth-child(even){
        background: #f0f7fe;
      }
      &:hover{
        cursor:pointer;
        background: #DDEBF9;
        td{
          color:#0d5ffe;
        }
      }
      td{
        padding: 15px 5px;
        word-break: break-all;
        word-wrap: break-word;
        text-align: center;
        vertical-align: middle;
        border:1px solid #f0f7fe;
        &.check_td{
          background: #dcdfe6;
        }
        span{
          margin-right:24px;
          &:hover{
            i{
              color:#2f95dd;
            }
          }
          i{
            position:relative;
            top:6px;
            font-size: 26px;
            font-weight: bold;
          }
        }
        input{
          margin: -15px -5px;
        }
      }
    }
  }
}

// 单证管理部分
.documentation{
  .list_event{
    background: #f2f7fb;
    height:46px;
    line-height: 46px;
    margin-bottom:20px;
    a{
      position:relative;
      display:inline-block;
      height:30px;
      line-height: 28px;
      padding: 0 15px;
      margin: 0 10px;
      border: 1px solid #64c9bb;
      color:#64c9bb;
      background: #fff;
      border-radius: 2px;
      &:hover{
        ul{
          display:block;
        }
      }
      ul{
        display:none;
        position:absolute;
        top:100%;
        left:-1px;
        z-index:10000;
        border: 1px solid #64c9bb;
        background: #fff;
        li{
          line-height:25px;
          height:25px;
          color:#666;
          padding: 0 15px;
          &:hover{
            cursor:pointer;
            background: #64c9bb;
            color:#fff;
          }
        }
      }
    }
  }
  .dialog_info{
    .step{
      p{
        color:#333;
        .serial{
          display:inline-block;
          font-size: 12px;
          width:15px;
          height:15px;
          text-align: center;
          line-height: 15px;
          background: #f97f25;
          color:#fff;
          margin-right:10px;
        }
        .link_color{
          color:#2b73fe;
        }
        a{
          display:inline-block;
          vertical-align:middle;
          width:25px;
          height:28px;
          background: url(/spirit.png)no-repeat -67px -38px;
        }
      }
    }
  }
}

// 头部
header{
  background: #474443;
  height:72px;
  .w-logo{
    line-height:72px;
    img{
      vertical-align: middle;
    }
    .w-nav{
      margin-left:30px;
      display:inline-block;
      ul{
        li{
          a{
            color:#b4b4b4;
            padding:0 5px;
            &:hover{
              color:#fff;
            }
          }
        }
      }
    }
  }
  .w-login{
    line-height: 72px;
    a{
      color:#b4b4b4;
      padding:0 15px;
      &:hover{
        color:#fff;
      }
    }
  }
}
// 尾部
footer {
  height:200px;
  background: #ffffff;
}


// 弹窗默认样式
.default-alert {
  .form-list {
    border-bottom: 1px solid #f4f1f1;
    li {
      line-height: 40px;
      margin-bottom: 20px;
      .name {
        color: #333;
        font-size: 14px;
        width: 96px;
        span {
          color: #e50808;
        }
      }
      .input-text {
        width: 312px;
      }
      .input-text2 {
        width: 472px;
      }
      .text {
        font-size: 14px;
        width: 482px;
      }
      .select {
        width: 149px;
        margin-right: 12px;
        &:nth-last-of-type(1) {
          margin-right: 0px;
        }
      }
      .otherText {
        margin-left: 96px;
        color: #333;
        font-size: 14px;
        margin-top: -20px;
        i {
          cursor: pointer;
          color: #333;
          margin-right: 5px;
          &.active {
            color: #f97f25
          }
        }
      }
    }
  }
  .control-btn {
    text-align: center;
    div {
      width: 70px;
      height: 34px;
      line-height: 34px;
      text-align: center;
      border-radius: 3px;
      cursor: pointer;
      display: inline-block;
      margin-right: 12px;
      margin-top: 12px;
      &:nth-last-of-type(1) {
        margin-right: 0px;
      }
    }
    .save {
      background: #f97f25;
      border: 1px solid #f97f25;
      color: #fff;
      &:hover {
        background: #fd964a;
      }
    }
    .cancel {
      background: #fff;
      color: #f97f25;
      border: 1px solid #f97f25;
      &:hover {
        background: #fd964a;
        color: #fff;
      }
    }
  }
}
.el-input__inner{
  -moz-appearance:textfield;
}

input.el-input__inner::-webkit-inner-spin-button,
input.el-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}