// 图片默认样式
.el-image{
  width: 100%;
  height: 100%;
}

/*-----------------按钮样式start--------------*/

// 蓝色hover背景按钮（主题色按钮）
.el-button--purple {
  background: @orange;
  border-width: 1px;
  border-style: solid;
  border-color: @orange;
  color: #fff;
}
.el-button--purple:focus,
.el-button--purple:hover {
  color: #fff;
  background: @orange;
  border-color: @orange;
}
// 蓝色边框白色背景按钮
.el-button--purplePlain {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: @orange;
  color: @orange;
}
.el-button--purplePlain:focus,
.el-button--purplePlain:hover {
  color: #fff;
  background: @orange;
  border-color: @orange;
}
// 灰色hover背景按钮
.el-button--gray {
  background: #e2e2e2;
  border-width: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  color: #333333;
}
.el-button--gray:focus,
.el-button--gray:hover {
  color: #333333;
  background: #e2e2e2;
  border-color: #e2e2e2;
}
/*-----------------按钮样式end--------------*/
// 电商后台菜单
.shopmall-sidebar {
  &.el-menu {
    padding-top: 16px;
    position: relative;
    > .el-submenu {
      &.is-active > .el-submenu__title {
        color: #2a2b2d;
        padding: 0 10px 0 26px!important;
        background: rgba(255, 239, 234, 1);

        &:hover {
          color: @orange;
        }

        i {
          color: @orange;
        }
      }
      .el-menu-item {
        // padding: 0 16px !important;
        padding: 0 10px 0 26px!important;
        min-width: 125px !important;
        /*       &.is-active {
          color: @orange;
        }
        &:hover {
          color: @orange;
          background: none;
        }*/
      }
      > .el-submenu__title {
        background-color: #fff !important;
        padding: 0 10px 0 26px!important;
        span {
          font-weight: bold;
        }
        &:focus {
          background: none;
        }

        &:hover {
          color: @orange;
        }

        &:hover i {
          color: @orange;
        }
      }
    }
    & .el-submenu .el-menu--inline{
      background: #fff;
    }
    & .el-submenu .el-menu--inline .el-menu-item,
    & .el-submenu .el-menu--inline .el-submenu__title {
      &:before {
        width: 0;
        height: 0;
      }

      &:after {
        width: 0;
        height: 0;
      }
    }

    & .el-submenu .el-menu--inline .el-menu-item.is-active,
    & .el-submenu .el-menu--inline .is-active .el-submenu__title {
      &:after {
        background-color: #fff;
      }
    }
  }
}

/*----电商分页样式start---*/
.shopmall-pagination {
  .el-pagination.is-background .btn-prev:hover,
  .el-pagination.is-background .btn-next:hover {
    border: 1px solid @orange !important;
    color: @orange !important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    border: 1px solid @orange !important;
  }

  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    border: 1px solid @orange !important;
  }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: @orange !important;
    color: #fff;
  }
  .el-pagination__sizes {
    .el-select .el-input.is-focus .el-input__inner {
      border-color: @orange;
    }
  }
  .el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: @orange;
  }
  .el-select-dropdown__item.selected {
    color: @orange;
    font-weight: 700;
  }
}
/*---分页样式end---*/

// 参数管理-商品分类树样式
.tree-wrap {
  .tree-container-ul.tree-children {
    height: 75vh;
    overflow: scroll;
  }
}
/*-----首页样式-----*/
.shopmall_home {
  // 门户首页轮播图样式修改
  background-color: #fff;
  .banner {
    .el-carousel {
      .el-carousel__indicators--horizontal {
        .el-carousel__indicator--horizontal {
          &.is-active {
            .el-carousel__button {
              width: 17px;
              height: 6px;
              border-radius: 3px;
              opacity: 0.8;
            }
          }
          .el-carousel__button {
            padding: 0 !important;
            width: 6px;
            height: 6px;
            border-radius: 100%;
            background-color: #333333;
            opacity: 0.8;
          }
        }
      }
    }
  }
  .search_inline {
    width: 540px;
    background: rgba(255, 255, 255, 1);
    height: auto;
    border: 2px solid @orange;
    display: flex;
    justify-content: center;
    .el-input-group {
      input {
        border: none;
      }
      .el-input-group__append {
        padding: 0px 28px;
        background-color: @orange;
        color: #fff;
        border: 1px solid @orange;
        border-radius: inherit;
        text-align: center;
      }
    }
  }
}
.el-radio-button__inner {
  width: 100px;
}
/*//element-ui 滚动条
.el-scrollbar__wrap {
  overflow-x: hidden;
}*/
// 面包屑
.el-breadcrumb {
  .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #999;
  }
}
// 客服电话样式
.tel_icon {
  margin-right: 5px;
  vertical-align: middle;
}
// 商品详情卡片样式
.goods_tab {
  .goods_right {
    .el-tabs--border-card {
      box-shadow: 0 0 0 0;
      .el-tabs__nav-scroll {
        padding: 0;
        .el-tabs__nav {
          .el-tabs__item {
            &.is-active {
              border: none;
              background-color: @orange;
              color: @white;
            }
          }
        }
      }
    }
  }
}

// 购物车数量加减样式
.number_chage {
  .el-input-number {
    color: #999999;
    .el-input-number__decrease,
    .el-input-number__increase {
      border-radius: 0;
      background-color: #f7f7f7;
      border-color: #ebebeb;
      i {
        color: #999;
        font-weight: bold;
      }
    }
    .el-input-number__increase {
      border-left: 1px solid #ebebeb;
    }
    .el-input {
      .el-input__inner {
        border-radius: 0;
        border-color: #ebebeb;
      }
    }
  }
}

// 结算页样式
.scrollbar_wrap {
  overflow-y: hidden;
  // .el-scrollbar__wrap {
  //   overflow-y: hidden;
  // }
  &.scrollbar_all {
    height: 324px !important;
    .el-scrollbar__wrap {
      overflow-y: scroll;
      // height: 168px;
    }
  }
}

// 购物车步骤条
.cart_steps {
  width: 430px;
  .el-steps {
    .el-step {
      &:last-of-type {
        .el-step__line {
          display: block;
          right: 0;
        }
      }
      .el-step__head {
        .el-step__line {
          left: 0;
          height: 4px;
          .el-step__line-inner {
            display: none;
          }
        }
        &.is-finish {
          .el-step__line {
            background-color: #a5d886;
          }
          .el-step__icon {
            background-color: #a5d886;
            border-color: #a5d886;
            color: #fff;
            .el-step__icon-inner {
              font-weight: 400;
            }
          }
        }
        &.is-process {
          .el-step__line {
            background-color: #ff6600;
          }
          .el-step__icon {
            background-color: #ff6600;
            border-color: #ff6600;
            color: #fff;
            .el-step__icon-inner {
              font-weight: 400;
            }
          }
        }
        &.is-wait {
          .el-step__line {
            background-color: #cccccc;
            display: block;
            right: 0;
          }
          .el-step__icon {
            background-color: #cccccc;
            border-color: #cccccc;
            color: #fff;
            .el-step__icon-inner {
              font-weight: 400;
            }
          }
        }
      }
      .el-step__main {
        .el-step__title {
          display: inline-block;
          font-size: 12px;
          &.is-process {
            font-weight: 400;
            color: #ff6600;
          }
          &.is-finish {
            font-weight: 400;
            color: #67ab3d;
          }
          &.is-wait {
            font-weight: 400;
            color: #999999;
          }
        }
        .el-step__description {
          display: inline-block;
          padding: 0;
          &.is-process {
            font-weight: 400;
            color: #ff6600;
          }
          &.is-finish {
            font-weight: 400;
            color: #67ab3d;
          }
          &.is-wait {
            font-weight: 400;
            color: #999999;
          }
        }
      }
    }
  }
}
// 个人信息页面
.demo_form .el-form-item__error {
  left: 68px;
}
// 订单详情步骤条样式

  .stes{
    width: 100%;
    .el-step{
      flex-basis: 20% !important;
      .el-step__head{
        .el-step__line{
          margin-left: 20px;
          color:#8BD110;
          width: 50%;
          border: 1px dashed;
          position: relative;
          &:after{
            content: '>';
            position: absolute;
            font-size: 25px;
            right: -10px;
            top:-17.5px;
          }

        }
      }
    }
    .el-step__title{
      font-size: 12px;
    }
  }

  /*----------------- shopmall.rewrite.element。css的样式 --------------*/

  .cl-green {
    color: #33D677 !important;
  }
  .cl-orange {
    color: #4666DB !important;
  }
  .cl-blue {
    color: #6687ED !important;
  }
  .cursor {
    cursor: pointer;
  }
  /*----------------- dialog对话框样式Start--------------*/
  .shop_mall_dialog {
    .el-dialog__header {
      padding: 10px 20px;
      line-height: 21px;
      height: 41px;
      background-color: #fff;
      text-align: left;
      .el-dialog__title {
        color: #333;
        font-size: 16px;
      }
    }
    .el-dialog__headerbtn {
      font-size: 18px;
      position: static;
      float: right;
      line-height: 38px;
      .el-dialog__close {
        color: #909399;
      }
      &:hover .el-dialog__close {
        color: #007CCC;
      }
    }
    .el-dialog__body {
      padding: 10px 10px 0;
      box-sizing: border-box;
      width: 100%;
    }
    .el-dialog__footer {
      background-color: #fff;
      border-top: none;
      padding: 20px 10px;
    }
    .el-range-editor--small .el-range-separator {
      width: auto;
    }
    .el-dialog__body-p0 .el-dialog__body {
      height: 55vh;
      overflow: auto;
      padding: 0;
    }
    #no_scroll .el-scrollbar__wrap {
      overflow: hidden;
    }
  }
  //.shop_mall_dialog
  //.shop_mall_dialog
  //.shop_mall_dialog
  //.shop_mall_dialog .el-dialog__body-p10 {
  //  padding: 10px;
  //}
  //.shop_mall_dialog .el-dialog__body-p10 .el-scrollbar__wrap {
  //  overflow-x: hidden;
  //}

  //.shop_mall_dialog .el-dialog-p0 {
  //  padding: 10px;
  //}
  //.shop_mall_dialog .el-dialog-p0 .el-dialog__body {
  //  height: auto;
  //  padding: 0;
  //}
  //.shop_mall_dialog .el-dialog__body-height .el-dialog__body {
  //  height: 55vh;
  //  overflow: auto;
  //}
  .shop_mall .el-dialog__header {
    display: none !important;
  }
  /*----------------- dialog对话框样式End--------------*/
  /*-----------------按钮样式start--------------*/
  .el-button--purple {
    background: @hyacinthine;
    border-width: 1px;
    border-style: solid;
    border-color: @hyacinthine;
    color: #fff;
  }
  .el-button--purple:focus,
  .el-button--purple:hover {
    color: #fff;
    background: @hyacinthine;
    border-color: @hyacinthine;
  }
  .el-button--purplePlain {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: @hyacinthine;
    color: @hyacinthine;
  }
  .el-button--purplePlain:focus,
  .el-button--purplePlain:hover {
    color: #fff;
    background: @hyacinthine;
    border-color: @hyacinthine;
  }
  .el-button--gray {
    background: #e2e2e2;
    border-width: 1px;
    border-style: solid;
    border-color: #e2e2e2;
    color: #333333;
  }
  .el-button--gray:focus,
  .el-button--gray:hover {
    color: #333333;
    background: #e2e2e2;
    border-color: #e2e2e2;
  }
  /*-----------------按钮样式end--------------*/
  .shopmall-sidebar.el-menu {
    padding-top: 16px;
    position: relative;
    font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
  }
  .shopmall-sidebar.el-menu > .el-submenu.is-active > .el-submenu__title {
    color: #2a2b2d;
    // padding: 0 16px !important;
    padding: 0 10px 0 26px!important;
    background: #ffefea;
  }
  .shopmall-sidebar.el-menu > .el-submenu.is-active > .el-submenu__title:hover {
    color: @hyacinthine;
  }
  .shopmall-sidebar.el-menu > .el-submenu.is-active > .el-submenu__title i {
    color: @hyacinthine;
  }
  .shopmall-sidebar.el-menu .el-submenu .el-menu-item.is-active {
    background: #dff4f8!important;
    color: #7F7F7F!important;
    font-weight: 500;
  }
  .shopmall-sidebar > .el-menu-item {
    padding: 0 10px 0 26px!important;
  }
  .shopmall-sidebar.el-menu > .el-submenu .el-menu-item {
    // padding: 0 16px !important;
    padding: 0 10px 0 26px!important;
    min-width: 125px !important;
    color: #7F7F7F!important;
    /*       &.is-active {
            color: @orange;
          }
          &:hover {
            color: @orange;
            background: none;
          }*/
  }
  .shopmall-sidebar.el-menu > .el-submenu > .el-submenu__title {
    background-color: #fff !important;
    padding: 0 10px 0 26px!important;
  }
  .shopmall-sidebar.el-menu > .el-submenu > .el-submenu__title span {
    font-weight: bold;
  }
  .shopmall-sidebar.el-menu > .el-submenu > .el-submenu__title:focus {
    background: none;
  }
  .shopmall-sidebar.el-menu > .el-submenu > .el-submenu__title:hover {
    color: @hyacinthine;
  }
  .shopmall-sidebar.el-menu > .el-submenu > .el-submenu__title:hover i {
    color: @hyacinthine;
  }
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .el-menu-item:before,
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .el-submenu__title:before {
    width: 0;
    height: 0;
  }
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .el-menu-item:after,
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .el-submenu__title:after {
    width: 0;
    height: 0;
  }
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .el-menu-item.is-active:after,
  .shopmall-sidebar.el-menu .el-submenu .el-menu--inline .is-active .el-submenu__title:after {
    background-color: #fff;
  }
  /*----电商分页样式start---*/
  .shopmall-pagination .el-pagination.is-background .btn-prev:hover,
  .shopmall-pagination .el-pagination.is-background .btn-next:hover {
    border: 1px solid @hyacinthine !important;
    color: @hyacinthine !important;
  }
  .shopmall-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
    border: 1px solid @hyacinthine !important;
  }
  .shopmall-pagination .el-pagination.is-background .el-pager li:not(.disabled):hover {
    border: 1px solid @hyacinthine !important;
  }
  .shopmall-pagination .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: @hyacinthine !important;
    color: #fff;
  }
  .shopmall-pagination .el-pagination__sizes .el-select .el-input.is-focus .el-input__inner {
    border-color: @hyacinthine;
  }
  .shopmall-pagination .el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: @hyacinthine;
  }
  .shopmall-pagination .el-select-dropdown__item.selected {
    color: @hyacinthine;
    font-weight: 700;
  }
  .shopmall-pagination .first-pager,
  .shopmall-pagination .last-pager {
    color: @hyacinthine;
    &:hover {
      color: @hyacinthine;
    }
  }
  .shopmall-pagination .el-pagination__jump .el-input__inner:focus{
    border-color: @hyacinthine;
  }
  /*---分页样式end---*/
  .tree-wrap .tree-container-ul.tree-children {
    height: 75vh;
    overflow: scroll;
  }
  /*-----首页样式-----*/
  .shopmall_home .banner .el-carousel .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal.is-active .el-carousel__button {
    width: 17px;
    height: 6px;
    border-radius: 3px;
    opacity: 0.8;
  }
  .shopmall_home .banner .el-carousel .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal .el-carousel__button {
    padding: 0 !important;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #333333;
    opacity: 0.8;
  }
  .shopmall_home .search_inline .el-input-group input {
    border: none;
  }
  .el-radio-button__inner {
    width: 100px;
  }
  /*//element-ui 滚动条
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }*/
  .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #999;
  }
  .tel_icon {
    margin-right: 5px;
    vertical-align: middle;
  }
  .goods_tab .goods_right .el-tabs--border-card {
    box-shadow: 0 0 0 0;
  }
  .goods_tab .goods_right .el-tabs--border-card .el-tabs__nav-scroll {
    padding: 0;
  }
  .goods_tab .goods_right .el-tabs--border-card .el-tabs__nav-scroll .el-tabs__nav .el-tabs__item.is-active {
    border: none;
    background-color: @hyacinthine;
    color: #ffffff;
  }
  .number_chage .el-input-number {
    color: #999999;
  }
  .number_chage .el-input-number .el-input-number__decrease,
  .number_chage .el-input-number .el-input-number__increase {
    border-radius: 0;
    background-color: #f7f7f7;
    border-color: #ebebeb;
  }
  .number_chage .el-input-number .el-input-number__decrease i,
  .number_chage .el-input-number .el-input-number__increase i {
    color: #999;
    font-weight: bold;
  }
  .number_chage .el-input-number .el-input-number__increase {
    border-left: 1px solid #ebebeb;
  }
  .number_chage .el-input-number .el-input .el-input__inner {
    border-radius: 0;
    border-color: #ebebeb;
  }
  // .scrollbar_wrap {
  //   // overflow-y: hidden;
  // }
  // .scrollbar_wrap .el-scrollbar__wrap {
  //   overflow-y: hidden;
  // }
  .scrollbar_wrap.scrollbar_all {
    height: 324px !important;
  }
  .scrollbar_wrap.scrollbar_all .el-scrollbar__wrap {
    overflow-y: scroll;
    // height: 168px;
  }
  .cart_steps {
    width: 430px;
  }
  .cart_steps .el-steps .el-step:last-of-type .el-step__line {
    display: block;
    right: 0;
  }
  .cart_steps .el-steps .el-step .el-step__head .el-step__line {
    left: 0;
    height: 4px;
  }
  .cart_steps .el-steps .el-step .el-step__head .el-step__line .el-step__line-inner {
    display: none;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-finish .el-step__line {
    background-color: #a5d886;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-finish .el-step__icon {
    background-color: #a5d886;
    border-color: #a5d886;
    color: #fff;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-finish .el-step__icon .el-step__icon-inner {
    font-weight: 400;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-process .el-step__line {
    background-color: #ff6600;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-process .el-step__icon {
    background-color: #ff6600;
    border-color: #ff6600;
    color: #fff;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-process .el-step__icon .el-step__icon-inner {
    font-weight: 400;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-wait .el-step__line {
    background-color: #cccccc;
    display: block;
    right: 0;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-wait .el-step__icon {
    background-color: #cccccc;
    border-color: #cccccc;
    color: #fff;
  }
  .cart_steps .el-steps .el-step .el-step__head.is-wait .el-step__icon .el-step__icon-inner {
    font-weight: 400;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__title {
    display: inline-block;
    font-size: 12px;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__title.is-process {
    font-weight: 400;
    color: #ff6600;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__title.is-finish {
    font-weight: 400;
    color: #67ab3d;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__title.is-wait {
    font-weight: 400;
    color: #999999;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__description {
    display: inline-block;
    padding: 0;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__description.is-process {
    font-weight: 400;
    color: #ff6600;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__description.is-finish {
    font-weight: 400;
    color: #67ab3d;
  }
  .cart_steps .el-steps .el-step .el-step__main .el-step__description.is-wait {
    font-weight: 400;
    color: #999999;
  }
  .demo_form .el-form-item__error {
    left: 68px;
  }
  .stes {
    width: 100%;
  }
  .stes .el-step {
    flex-basis: 20% !important;
  }
  .stes .el-step .el-step__head .el-step__line {
    color: #8BD110;
    width: 70%;
    border: 1px dashed;
    position: relative;
  }
  .stes .el-step .el-step__head .el-step__line:after {
    content: '>';
    position: absolute;
    font-size: 25px;
    right: -10px;
    top: -17.5px;
  }
  // 弹框 表单样式
  //.shop_mall_form {
  //  padding: 10px 30px 0;
  //  .el-form-item__label {
  //    font-size: 12px;
  //  }
  //  .el-input--small {
  //    font-size: 12px;
  //  }
  //  .el-form-item--small.el-form-item {
  //    margin-bottom: 22px;
  //  }
  //  .el-checkbox__label {
  //    font-size: 12px;
  //  }
  //  .el-form-item__content {
  //    font-size: 12px;
  //  }
  //  .form_title {
  //    line-height: 32px;
  //    font-size: 14px;
  //    width: 133px;
  //    text-align: right;
  //    margin-bottom: 10px;
  //  }
  //}
