/* 引入其他css */
@import "/css/reset.css?v=2025052002";
@import "/fonts/iconfont.css?v=20221120";
@import "/css/libs/ele-ui.css?v=20210226";
@import "/css/libs/titanmatrix-cpq.css?v=20210226";
@import "/css/component/windowLogin.css?v=2023914";
@import "/css/component/zButton.css?v=20220822";
@import "/css/component/newFooter.css?v=20230602-1";
@import "/css/component/warmPop.css?v=20230401";
@import "/css/component/headMiddleCenter.css?v=20260306";
@import "/css/component/contentBox.css?v=20240124";
@import "/css/component/productNumBtn.css?v=20230717";
@import "/css/component/cartShareList.css?v=20220614";
/* @import "/css/component/null.css"; */



/* 全局css */
#container {
  margin-top: 30px;
  min-height: 344px;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

.nav-box {
  width: 100%;
  height: 46px;
  background: #57c8cb;
}

.flex1 {
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* 底部start */

.m-footer {
  min-width: 1200px;
  margin-top: 72px
}

.m-footer .slogan {
  padding-bottom: 9px;
  text-align: center;
  color: #02b4b6;
  font-size: 16px
}

.m-footer .slogan .en {
  margin-bottom: 3px;
  font-size: 36px;
  color: #02b4b6;
  opacity: .4;
  font-weight: lighter
}

.m-footer .serviceInfo {
  padding: 10px 0 10px;
  text-align: center;
  color: #02b4b6;
  font-size: 16px;
  background: #ceebeb;
  background: rgba(148, 219, 220, .4)
}

.m-footer .serviceInfo .content {
  display: flex;
  width: 550px;
  margin: 0 auto;
  align-items: center;
}

.m-footer .serviceInfo .content .item {
  flex: 1;
}

.m-footer .serviceInfo ul li i {
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 32px;
  margin-right: 12px;
  box-sizing: border-box;
  border: 2px solid #02b4b6;
  border-radius: 12px;
  font-size: 24px;
  text-align: center;
  vertical-align: middle
}

.m-footer .footer-bd {
  position: relative;
  height: 208px;
  padding: 52px 0 0;
  box-sizing: border-box;
  background: #94dbdc;
  background: rgba(2, 180, 182, .4)
}

.m-footer .container {
  position: relative;
  z-index: 1
}

.m-footer .footer-bd .wrap {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 18px;
  box-sizing: border-box;
  text-align: center;
  align-items: stretch;
}

.m-footer .footer-bd .wrap .col {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
}

.m-footer .footer-bd .wrap .col:nth-child(2) {
  z-index: 6
}

.m-footer .footer-bd .wrap .col:nth-child(3) {
  z-index: 5
}

.m-footer .footer-bd .wrap .col:nth-child(4) {
  z-index: 4
}

.m-footer .footer-bd .wrap .col:nth-child(5) {
  z-index: 3
}

.m-footer .footer-bd .wrap .col:nth-child(6) {
  z-index: 2
}

.m-footer .footer-bd .wrap .col:nth-child(7) {
  z-index: 1
}

.m-footer .footer-bd .wrap .col:hover {
  z-index: 7;
}

.m-footer .footer-bd .wrap .col.wx-Qrcode {
  flex: none;
  width: 160px;
  padding-right: 38px;
  box-sizing: border-box;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s;
}

.m-footer .footer-bd .col.wx-Qrcode .item-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.m-footer .footer-bd .col.wx-Qrcode:hover {
  padding-right: 0;
}

.m-footer .footer-bd .col.main {
  flex: none;
  width: 343px;
  margin: 0;
  padding: 0 18px 0 14px;
  color: #fff;
  font-size: 20px;
}

.m-footer .footer-bd .col.main .item-wrap .logo {
  flex: none;
  width: 136px;
  padding: 0 10px;
}

.m-footer .footer-bd .col.main .item-wrap .logo img {
  width: 100%;
}

.m-footer .footer-bd .col.main .col-right {
  padding: 0 10px;
}

.m-footer .footer-bd .col.main .col-right .linkWrap .link {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 9px;
  text-align: center;
  line-height: 30px;
  font-size: 17px;
  border-radius: 100%;
  color: #3cc4c5;
  background: #fff;
}

.m-footer .footer-bd .col.main .col-right .tel {
  margin: 12px 0 0;
}

.m-footer .footer-bd .col.main .col-right .tel i {
  margin-right: 5px;
  font-size: 21px;
  vertical-align: baseline;
}

.m-footer .footer-bd .col.main .col-right .txt {
  margin-top: 6px;
  font-size: 14px;
}

.m-footer .footer-bd .col.main .item-wrap {
  display: flex;
  align-items: center;
  height: auto;
}

.m-footer .footer-bd .col.main.active:before {
  height: 138px !important;
  padding: 8px 18px;
  margin-top: -77px;
  box-shadow: 0 0 14px rgba(255, 255, 255, .6);
}

.m-footer .footer-bd .col:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 138px;
  left: -18px;
  top: 50%;
  margin-top: -69px;
  padding: 0 18px;
  border-radius: 20px;
  background: #4ccccd;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.m-footer .footer-bd .col:nth-child(even):before {
  background: #3cc4c5;
}

.m-footer .footer-bd .col.main:hover:before {
  box-shadow: 0 0 20px rgba(255, 255, 255, .8)
}

.m-footer .footer-bd .col:hover:before {
  height: 153px;
  margin-top: -78px;
  box-shadow: 0 0 14px rgba(255, 255, 255, .6)
}

.m-footer .footer-bd .col .item-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.m-footer .footer-bd .col.link-extraMod .item-wrap {
  -webkit-transform: translate3d(10px, 0, 0);
  -ms-transform: translate3d(10px, 0, 0);
  -o-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  -webkit-transition: ease-in-out .2s;
  -o-transition: ease-in-out .2s;
  transition: ease-in-out .2s
}

.m-footer .footer-bd .col.link-extraMod:hover .item-wrap {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  text-align: left
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dt {
  position: relative;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dt:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  left: -12px;
  top: 50%;
  margin-top: -4px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dd {
  position: relative
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dd:before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  left: -9px;
  top: 0;
  background: #76d8d9
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dd a {
  display: block;
  padding: 6px 0
}

.m-footer .footer-bd .col.link-extraMod .item-wrap dl dd a:hover {
  color: inherit;
  text-decoration: underline
}

.m-footer .m-copyright {
  padding: 12px 0 12px;
  color: #fff;
  text-align: center;
  background: #02b4b6
}

.m-footer .m-copyright a:hover {
  color: inherit
}

/* 底部end */


/* 侧边栏start */

.side-bar .mod .item span,
.side-bar .mod-side-bar-bottom a span,
.side-bar .mod-side-bar-bottom a.mobile span img {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s
}

.side-bar {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 7;
  height: 100%
}

.side-bar .mod {
  position: fixed;
  top: 158px;
  /* bottom: 250px; */
  right: 20px;
  /* width: 46px */
}

.side-bar .mod.index {
  position: fixed;
  left: 50%;
  right: auto;
  transform: translateX(calc(-50% + 648px));
}

.side-bar .mod .item {
  position: relative;
  margin: 8px auto;
  width: 56px;
  height: 56px;
  /* line-height: 38px; */
  display: block;
  box-sizing: border-box;
  text-align: center;
  /* box-shadow: 0 0 1px 1px #f1f1f1; */
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  color: #999;
  overflow: hidden;
  border-radius: 2px;
}

.side-bar .mod .item .item-count {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  background-image: linear-gradient(-40deg, #ffd000 0%, #ffdc41 100%);
  color: #e48b00;
  min-width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 18px;
  font-size: 12px;
  padding: 0 5px;
  box-sizing: border-box;
  z-index: 3;
}

.side-bar .slide-btn:hover::before {
  width: 150% !important;
  padding-top: 150% !important;
}

.side-bar .mod .item .side-txt {
  line-height: 12px;
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
  z-index: 10;
}

.side-bar .mod .item .side-txt2 {
  padding: 0 15px;
  line-height: 18px;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
}

.side-bar .mod .item .side-txt3 {
  line-height: 51px;
}

.side-bar .mod .item.active {
  background: linear-gradient(-22deg, #28CCCC 0%, #74E2E2 100%);
}

.side-bar .mod .item.active i,
.side-bar .mod .item.active .side-txt {
  color: #fff;
  background: none;
  -webkit-text-fill-color: unset;
  pointer-events: none;
}

.side-bar .mod .item:hover i,
.side-bar .mod .item.addSuc i {
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
}
.side-bar .mod .side-item-top {
  width: 85px;
}
.side-bar .mod .side-item-top .side-top-pic {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-bottom: -14.5px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/sider/bg.png);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.side-bar .mod .side-item-top .side-top-pic .side-top-pic1 {
  width: 76px;
  height: 92px;
  position: absolute;
  left: -15px;
  top: -15px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/sider/3.png);
  background-size: 100% 100%;
  transform: translate(-7px, -7px);
  animation: side-top-ani1 4s linear infinite;
}
.side-bar .mod .side-item-top .side-top-pic .side-top-pic2 {
  width: 85px;
  height: 82px;
  position: absolute;
  right: -4px;
  bottom: -8px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/sider/2.png);
  background-size: 100% 100%;
  transform: translate(30px, 44px);
  animation: side-top-ani2 4s linear infinite;
}
.side-bar .mod .side-item-top .side-top-pic .side-top-pic3 {
  width: 60px;
  height: 53px;
  position: absolute;
  right: -17px;
  bottom: 0;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/sider/1.png);
  background-size: 100% 100%;
}
@keyframes side-top-ani1 {
  0% {transform: translate(-7px, -7px);}
  10% {transform: translate(0px, 0px);}
  65% {transform: translate(0px, 0px);}
  75% {transform: translate(-7px, -7px);}
  100% {transform: translate(-7px, -7px);}
}
@keyframes side-top-ani2 {
  0% {transform: translate(30px, 44px);}
  10% {transform: translate(0px, 0px);}
  65% {transform: translate(0px, 0px);}
  75% {transform: translate(30px, 44px);}
  100% {transform: translate(30px, 44px);}
}
.side-bar .mod .item i {
  position: relative;
  display: block;
  /* line-height: 38px; */
  margin: 0 auto;
  font-size: 17px;
  color: #d5dce0;
  z-index: 2;
  /* width: 100%; */
  background: linear-gradient(-22deg, #28CCCC 0%, #73E2E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 8px 0 4px 0;
}
.side-bar .mod .item i.new {
  -webkit-text-fill-color: unset;
  background: unset;
  font-size:12px; 
  color: #999;
  transform: scale(0.74);
}
.side-bar .mod .item:hover i.new {
  color: #fff;
}
.side-bar .mod .item:hover,
.side-bar .mod .item.addSuc {
  border-radius: 0 3px 3px 0;
  background: linear-gradient(-22deg, #28CCCC 0%, #74E2E2 100%);
  border-left: 0;
  color: #fff;
  border: 0;
  box-shadow: none;
}

.side-bar .mod .item.my i {
  width: 16px;
  height: 17px;
  display: block;
  margin: 0 auto;
  background-position: 0 -116px;
  position: relative;
  z-index: 2
}

.side-bar .mod .item.mobile i {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 auto;
  background-position: 0 -186px;
  position: relative;
  z-index: 2
}

.side-bar .mod .item.cart b {
  min-width: 19px;
  height: 19px;
  line-height: 19px;
  display: inline-block;
  border-radius: 15px;
  background: #FFD000;
  color: #E48B00;
  margin-left: 4px;
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
  padding: 0 5px;
  vertical-align: 1px;
}

.side-bar .mod .item.cart:hover p {
  display: none;
}

.side-bar .mod .item.qsxd:hover {
  background: #02b4b6
}

/*
.side-bar .mod .item p,
.side-bar .mod .item span {
    height: 38px;
    line-height: 38px;
    background: #fff;
    right: 0px;
    top: 0;
    position: absolute;
    padding: 0 3px 0 14px;
    width: 0;
    border-radius: 3px 0 0 3px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
    white-space: nowrap;
    z-index: -1;
} */
/*
.side-bar .mod .item:hover span,
.side-bar .mod .item:hover p,
.side-bar .mod .item.addSuc p {
    right: 100%;
    width: auto;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(-22deg, #28CCCC 0%, #74E2E2 100%);
    border-color: #fff !important;
    border: 0 !important;
    overflow: hidden;
} */

.side-bar .mod .item p {
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s;
  font-size: 12px;
}

.side-bar .mod .item p em {
  height: auto;
  margin: 0 2px;
  font-weight: bold;
  display: inline-block
}

.side-bar .mod .item.wx,
.side-bar .mod .item.wx:hover .icon,
.side-bar .mod .item.wx .icon {
  background: #09bb07
}

.side-bar .mod .item.wx:hover {
  border-radius: unset
}

.side-bar .mod .item.wx .toggle {
  width: 136px;
  height: 38px;
  line-height: 38px;
  left: 0px;
  top: 0;
  position: absolute;
  padding: 0;
  border-radius: 3px 0 0 3px;
  text-align: center;
  color: #fff;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s;
  z-index: 0;
  box-sizing: border-box;
  visibility: hidden
}

.side-bar .mod .item.wx:hover .toggle {
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  visibility: visible
}

.side-bar .mod .item.wx .toggle {
  width: 220px
}

.side-bar .mod .item.wx:hover .toggle {
  background: none
}

.side-bar .mod .item.wx .toggle .toggleWxWrap {
  position: relative;
  height: 36px;
  visibility: hidden
}

.side-bar .mod .item.wx:hover .toggle .toggleWxWrap {
  visibility: visible
}

.side-bar .mod .item.wx:hover .toggle .toggleWxWrap p {
  width: 100%;
  border-radius: 3px 0 0 3px;
  background: #09bb07
}

.side-bar .mod .item.wx .toggle .toggleWxWrap .picWrap {
  height: 0;
  position: absolute;
  top: 100%;
  left: 14px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #c6e9c5;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden
}

.side-bar .mod .item.wx:hover .toggle .toggleWxWrap .picWrap {
  height: 200px;
  -webkit-transition: ease-in-out .25s .15s;
  -o-transition: ease-in-out .25s .15s;
  transition: ease-in-out .25s .15s
}

.side-bar .mod .item.wx .toggle .toggleWxWrap .picWrap img {
  margin-top: 4px
}

.side-bar .mod-side-bar-bottom {
  position: absolute;
  right: 0px;
  bottom: -168px;
  width: 56px
}

.side-bar .mod-side-bar-bottom a {
  width: 56px;
  height: 56px;
  /* line-height: 55px; */
  padding-top: 16px;
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 2;
  /* background: url(/images/gotop.png) no-repeat; */
  color: #d5dce0;
  text-align: center;
  background-size: contain;
  background: #fff;
  border-radius: 2px;
  font-size: 12px;
  color: #999;
}

.side-bar .mod-side-bar-bottom a i {
  display: block;
  font-size: 9px;
  margin-bottom: 9px;
  color: #28CCCC;
  transform: scale(0.8);
}

.side-bar .mod-side-bar-bottom a:hover {
  color: #28CCCC
}

.side-bar .mod-side-bar-bottom a.service {
  padding-top: 12px;
  height: 28px
}

.side-bar .mod-side-bar-bottom a.service i {
  width: 16px;
  height: 15px;
  display: block;
  margin: 0 auto;
  background-position: 0 -170px;
  position: relative;
  z-index: 2
}

.side-bar .mod-side-bar-bottom a.service span,
.side-bar .mod-side-bar-bottom a.backtop span {
  height: 38px;
  line-height: 38px;
  left: 0px;
  top: 0;
  position: absolute;
  padding: 0;
  width: 0;
  overflow: hidden;
  color: #fff
}

.side-bar .mod-side-bar-bottom a.service:hover span,
.side-bar .mod-s ide-bar-bottom a.backtop:hover span {
  left: -97px;
  width: 100px;
  border-radius: 3px 0 0 3px;
  text-align: center
}

.side-bar .mod-side-bar-bottom a.mobile {
  padding-top: 12px;
  height: 28px
}

.side-bar .mod-side-bar-bottom a.mobile i {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 auto;
  background-position: 0 -186px;
  position: relative;
  z-index: 2
}

.side_ewm {
  width: 159px;
  height: 165px;
  background: #fff;
  padding-top: 13px;
  display: block;
  text-align: center;
  bottom: 44%;
  position: fixed;
  right: -160px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-right: none;
  z-index: 999;
  -webkit-transition: linear .3s;
  -o-transition: linear .3s;
  transition: linear .3s
}

.side_ewm.hover {
  right: 42px
}

.side_ewm img {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto 10px
}

.side_ewm b {
  color: #333;
  height: 20px;
  display: block;
  overflow: hidden
}

.loading-box {
  width: 19px;
  height: 19px;
  margin-left: 4px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  transform: translateY(5px);
}

.loading-box .loadEffect {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  margin: 0 auto;
  transform: translate(-50%, -50%) scale(0.2);
  left: 50%;
  top: 50%;
}

.loading-box .loadEffect div {
  display: inline-block;
  width: 30px;
  height: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #28cccc;
  position: absolute;
  -webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

.loading-box .loadEffect div:nth-child(1) {
  left: 0;
  top: 50%;
  margin-top: -5px;
  -webkit-animation-delay: 0.13s;
}

.loading-box .loadEffect div:nth-child(2) {
  left: 10px;
  top: 20px;
  -webkit-transform: rotate(45deg);
  -webkit-animation-delay: 0.26s;
}

.loading-box .loadEffect div:nth-child(3) {
  left: 50%;
  top: 10px;
  margin-left: -15px;
  -webkit-transform: rotate(90deg);
  -webkit-animation-delay: 0.39s;
}

.loading-box .loadEffect div:nth-child(4) {
  top: 20px;
  right: 10px;
  -webkit-transform: rotate(135deg);
  -webkit-animation-delay: 0.52s;
}

.loading-box .loadEffect div:nth-child(5) {
  right: 0;
  top: 50%;
  margin-top: -5px;
  -webkit-transform: rotate(180deg);
  -webkit-animation-delay: 0.65s;
}

.loading-box .loadEffect div:nth-child(6) {
  right: 10px;
  bottom: 20px;
  -webkit-transform: rotate(225deg);
  -webkit-animation-delay: 0.78s;
}

.loading-box .loadEffect div:nth-child(7) {
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  -webkit-transform: rotate(270deg);
  -webkit-animation-delay: 0.91s;
}

.loading-box .loadEffect div:nth-child(8) {
  bottom: 20px;
  left: 10px;
  -webkit-transform: rotate(315deg);
  -webkit-animation-delay: 1.04s;
}

/* 侧边栏end */

/* 新侧边栏*/

/* 新侧边栏end */


/* 头部start */

.nav_400 i,
.m-nav-search .nav_sbt i,
.m-nav-search span i,
#jy_list .nav_jyc li h2 em,
.service_info p i,
.bg_ico {
  background: url(../images/bg_ico.png?t=170726) no-repeat 0 0
}

#header_top .container_head {
  position: relative;
  min-width: 1200px;
  height: 30px;
  line-height: 29px;
  /* border-bottom: 1px solid #e6e6e6; */
  color: #666666;
  box-sizing: border-box;
  background: #F4F4F4;
  z-index: 13;
  font-size: 12px;
}

#header_top .welcome {
  float: left
}

#header_top .welcome .item {
  margin-right: 20px
}

#header_top .welcome .username,
#header_top .welcome .txt-login {
  color: #00abb1
}

#header_top .userEnter {
  float: right;
  display: flex;
}

#header_top .userEnter .item {
  position: relative;
  float: left;
  padding: 0 8px;
  margin: 0 4px;
  color: #19B0B0;
  box-sizing: border-box;
  z-index: 9
}

#header_top .userEnter .item:hover {
  cursor: pointer;
}

#header_top .userEnter .item-cart:hover {
  color: #02b4b6
}

#header_top .userEnter .item:last-child {
  padding-right: 0;
  margin-right: 0
}

#header_top .userEnter .item:first-child:after {
  display: none
}

#header_top .userEnter .item i {
  display: inline-block;
  font-size: 16px;
  margin-right: 3px;
  vertical-align: -1px;
  background: none;
}

#header_top .userEnter i.icon-arrow {
  font-size: 12px;
  margin-left: 8px;
  -webkit-transform: rotate(90deg) scale(.66);
  -ms-transform: rotate(90deg) scale(.66);
  -o-transform: rotate(90deg) scale(.66);
  transform: rotate(90deg) scale(.66);
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

#header_top .userEnter .item-my:hover i.icon-arrow,
#header_top .userEnter .item-wechat:hover i.icon-arrow {
  -webkit-transform: rotate(270deg) scale(.66);
  -ms-transform: rotate(270deg) scale(.66);
  -o-transform: rotate(270deg) scale(.66);
  transform: rotate(270deg) scale(.66)
}

#header_top .userEnter .item-server em {
  /* color: #19B0B0; */
  font-weight: bold;
  margin-left: 5px;
}

.site-nav-menu {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: transparent
}

.site-nav-menu:hover {
  border-color: #e6e6e6;
  background: #fff
}

.site-nav-menu-bd {
  display: none;
  position: absolute;
  left: -1px;
  min-width: 125%;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: linear .2s;
  -o-transition: linear .2s;
  transition: linear .2s
}

.site-nav-menu-bd:before {
  position: absolute;
  content: '';
  width: 1px;
  background: red
}

#header_top .userEnter .item-my .site-nav-menu-bd {
  padding-top: 6px
}

.toDesktop-box {
  color: #ccc;
  font-size: 12px;
  line-height: 25px;
  /* margin-left: 34px; */
}

.toDesktop-box i {
  margin-right: 4px;
  color: #ccc;
  font-size: 14px;
  background: none !important;
}

.toDesktop-box a {
  color: #19B0B0;
  font-size: 12px;
}

.site-nav-menu:hover .site-nav-menu-bd {
  display: block;
  line-height: 1em !important;
  background: #fff;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #e6e6e6
}

.site-nav-menu-bd a {
  display: block;
  height: 26px;
  line-height: 26px
}

#header_top .userEnter .item .mod a {
  display: block;
  line-height: 28px;
  height: 28px;
  padding-left: 10px;
  position: relative
}

.u-logo-header {
  position: absolute;
  width: 194px;
  left: 15px;
  top: 30px;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}

.u-logo-header img {
  width: 100%
}

.u-logo-header .logo-tag {
  width: 44px;
  height: 18px;
  border: 1px solid #28CCCC;
  box-sizing: border-box;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  color: #19B0B0;
  position: absolute;
  top: -4px;
  right: -48px;
  border-radius: 2px;
}

.m-headerLayout {
  position: relative;
  min-width: 1200px;
  height: 114px;
  z-index: 10;
  box-sizing: border-box;
  background: #fff
}

.m-headerLayout .container {
  position: relative;
  height: 114px;
}
.m-headerLayout .container .f-search-top {
  height: 114px;
  width: 100%;
  padding-top: 30px;
  box-sizing: border-box;
}
.m-nav-search {
  /* float: left; */
  margin: 0px 0 0 320px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: relative;
}


/*头部搜索*/

/* 搜索框搜索列表start */

.s-realut-box {
  position: absolute;
  width: 560px;
  /* width: 510px; */
  /* max-height: 352px; */
  max-height: 500px;
  background: #fff;
  border: 1px solid #e6e6e6;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 9999;
  top: 46px;
  left: 0;
  padding: 0 20px;
}
.s-realut-box::-webkit-scrollbar {
  width: 4px;
}
.s-realut-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px #E5E5E5;
  background: #E5E5E5;
}
.s-realut-box::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 5px #fff;
  border-radius: 10px;
  background: #fff;
}

.s-realut-box ul {
  z-index: 999;
}

.s-realut-box ul li {
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  color: #666666;
}

.s-realut-box ul li.active,
#historyList li:hover {
  color: #19b0b0;
  background: rgba(40, 204, 204, 0.1)
}

.s-realut-box ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.search-feedback {
  position: sticky;
  padding: 6px 0;
  /* display: flex; */
  /* justify-content: flex-end; */
  bottom: 0;
  text-align: center;
  background: #fff;

  .btn-feedback {
    background: #fff !important;
  }
  .tips {
    flex: 1;
    display: none;
  }

  &.no-result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .tips {
      display: inline-block;
      color: #999;
      font-size: 14px;
    }
  }
  &.is-hidden {
    opacity: 0;
  }
}
.dialog-search-feedback {
  .el-input__inner {
    border-color: #28cccc !important;
  }
  .btn-fill {
    color:#797979;cursor: pointer;
  }
  .btn-fill:hover {
    text-decoration: underline;

  }
}
.s-brand {
  height: 88px !important;
  position: relative;
}

.s-brand::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(229, 229, 229, 1), rgba(255, 255, 255, 1)) 10 10;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 51%, rgba(255, 255, 255, 1) 100%);
}

.s-brand>a>span {
  display: inline-block;
  margin-left: 40px;
  margin-top: 28px;
  font-size: 14px;
  vertical-align: middle;
}

.s-brand img {
  height: 40px;
  margin-top: 30px;
  display: inline-block;
  margin-left: 11px;
}

.m-nav-search .search-top-logo {
  display: none
}

.f-search-fix {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 0 !important;
  height: 68px !important;
  background: #fff;
  z-index: 999;
  box-shadow: 0 6px 10px rgba(84, 84, 84, .05);
  border-bottom: 2px solid #00abb0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: searchTop .5s ease-in-out;
  -moz-animation: searchTop .5s ease-in-out;
  animation: searchTop .5s ease-in-out
}

.f-search-fix .m-nav-search {
  float: none;
  width: 1200px;
  height: 60px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.f-search-fix .m-nav-search .search-top-logo {
  display: block;
  float: left;
  margin-top: 12px;
  width: 180px
}

.f-search-fix .m-nav-search .mod {
  float: left;
  margin: 12px 0 0 62px;
  position: relative;
}

.f-search-fix .m-nav-search .mod .u-searchMod {
  border-radius: 5px;
  overflow: hidden
}

.f-search-fix .m-nav-search .mod .u-searchMod input {
  width: 461px;
  height: 34px;
  border-width: 1px 0 0 1px;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box
}

.f-search-fix .m-nav-search .btn {
  overflow: hidden;
  height: 34px;
}

.f-search-fix .m-nav-search .u-searchHotWord {
  display: none
}

.f-search-fix .m-nav-search .batch-btn-box {
  margin-top: -8px;
}

@-webkit-keyframes searchTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0, );
    -ms-transform: translate3d(0, 0, 0, );
    -o-transform: translate3d(0, 0, 0, );
    transform: translate3d(0, 0, 0, )
  }
}

@-moz-keyframes searchTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0, );
    -ms-transform: translate3d(0, 0, 0, );
    -o-transform: translate3d(0, 0, 0, );
    transform: translate3d(0, 0, 0, )
  }
}

@keyframes searchTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0, );
    -ms-transform: translate3d(0, 0, 0, );
    -o-transform: translate3d(0, 0, 0, );
    transform: translate3d(0, 0, 0, )
  }
}

.m-nav-search .mod {
  -webkit-transition: none;
  -o-transition: none;
  transition: none
}

.m-nav-search .mod .search-top-logo {
  display: none
}

.m-nav-search .batch-btn-box {
  position: absolute;
  /* float: right; */
  /* width: 230px; */
  /* width: 346px;
  right: -102px; */
  margin-top: 5px;
  width: 220px;
  right: 0;
}

.header-cart-count {
  position: absolute;
  right: 0;
  top: 5px;
  transform: translate(50%, -50%);
  background-image: linear-gradient(-40deg, #ffd000 0%, #ffdc41 100%);
  color: #e48b00;
  min-width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  border-radius: 18px;
  font-size: 12px;
  padding: 0 5px;
  box-sizing: border-box;
  z-index: 3;
}

.m-nav-search .btn-extra {
  float: left;
  /* margin-left: 34px; */
}
.m-nav-search .btn-mro {
  margin-right: 16px;
}

.m-nav-search .btn-cart {
  float: left;
  margin-left: 16px;
}

.m-nav-search .btn-cart i {
  font-size: 16px;
}

.m-nav-search .toDesktop-box {
  float: right;
  line-height: 20px;
  margin-top: 7px;
}

.m-nav-search .btn-extra i {
  font-size: 24px;
  background: none;
  margin-right: 0px;
}

.m-nav-search .btn-extra i.i-addDesktop {
  display: inline-block;
  width: 25px;
  height: 19px;
  background: url(../images/bg_ico.png?t=190603) no-repeat -162px -422px;
  vertical-align: -3px
}

.u-searchMod {
  float: left;
  border: solid 1px #19b0b0;
  border-radius: 4px;
  overflow: visible;
  margin-right: 90px;
  position: relative;
  display: flex;
  align-items: center;
}

.u-searchMod  .iconsousuoicon {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 16px !important;
  color: #999;
  cursor: pointer;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .u-searchMod.on {
    border-color: #28cccc;
} */

/* .u-searchMod.on #btnKeySearch i {
    color: #28cccc;
} */

.u-searchMod input {
  float: left;
  width: 450px;
  height: 38px;
  line-height: 38px;
  padding-left: 17px;
  box-sizing: border-box;
  background: #fff;
  caret-color: #28cccc;
  font-size: 14px;
  padding-right: 17px;
  border-radius: 5px;
}

.u-searchMod input::-webkit-input-placeholder {
  color: #999999 !important;
}

.m-nav-search .btn {
  float: left;
  width: 96px;
  height: 38px;
  text-align: center;
  color: #fff;
  display: flex;
  background: #28cccc;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border-radius: 0;
}

.u-searchHotWord {
  margin-top: 4px;
  color: #474e56;
  /* overflow: hidden; */
  float: left;
  width: 560px;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 40px;
  display: block;
  text-align: center;
  white-space: nowrap;
}

.u-searchHotWord a {
  /* float: left; */
  position: relative;
  padding: 0px 12px;
  color: #999999
}

.u-searchHotWord a:hover,
.u-searchHotWord a.active {
  color: #27CBCB
}

/* .u-searchHotWord em {
  display: inline-block;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9)
} */

.u-searchHotWord a:first-child {
  padding-left: 0
}

.u-searchHotWord a:first-child:after {
  display: none
}
.u-searchHotWord .nav-icon {
  position: relative;
  transform: translateY(-3px);
  margin-right: 4px;
}

.u-contactQQ {
  position: absolute;
  width: 80px;
  height: 80px;
  right: 39px;
  bottom: 0;
  overflow: hidden
}

.u-contactQQ .mod {
  display: block;
  height: 100%;
  padding: 0 27px;
  text-align: center;
  box-sizing: border-box;
  color: #14b6ba;
  -webkit-transition: ease-in-out .4s;
  -o-transition: ease-in-out .4s;
  transition: ease-in-out .4s
}

.u-contactQQ:hover .mod {
  -webkit-transform: translate3d(0, -22%, 0);
  -ms-transform: translate3d(0, -22%, 0);
  -o-transform: translate3d(0, -22%, 0);
  transform: translate3d(0, -22%, 0)
}

.u-contactQQ em {
  display: inline-block;
  position: relative;
  margin: 50px 0 0;
  z-index: 1
}

.u-contactQQ i {
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin: 0 -32px;
  font-size: 64px;
  color: #fff;
  color: #14b6ba;
  z-index: -1
}

/* 搜索框搜索列表end */

/* 头部导航栏start */
#header_nav {
  position: relative;
  min-width: 1200px;
  height: 40px;
  background: #fff;
  z-index: 7;
}

#header_nav .main-nav-list {
  position: absolute;
  top: 0;
  left: 123px
}

#header_nav .main-nav-list a {
  float: left;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  font-size: 16px;
  color: #333333;
  -webkit-transition: background linear .3s;
  -o-transition: background linear .3s;
  transition: background linear .3s
}

#header_nav .main-nav-list a span {
  position: relative
}

#header_nav .main-nav-list a span .nav-icon {
  position: absolute;
  width: 14px;
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 4px), -50%);
}

#header_nav .main-nav-list a span .i-new {
  position: absolute;
  width: 43px;
  height: 24px;
  top: -10px;
  right: -40px;
  background: url(../images/icon-new.png?t=190617) no-repeat center center
}

#header_nav .main-nav-list a.active {
  color: #19B0B0
}

#header_nav .main-nav-list a:hover {
  color: #12b6b9
}

.btn-batu {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 8px;
  margin-left: 454px;
  z-index: 11;
}

.btn-batu .text-batu {
  display: inline-flex;
  align-items: center;
  width: 64px;
  height: 24px;
  transition: ease-in-out .2s;
  transform: translate3d(0, 0, 0);
}

.btn-batu .text-batu img {
  display: inline-block;
  vertical-align: middle;
}

.btn-batu:hover .text-batu {
  transform: translate3d(0, -2px, 0);
}

.btn-batu:hover .text-batu img {
  animation: none;
}

.btn-batu .icon-new {
  position: absolute;
  display: inline-flex;
  align-items: center;
  bottom: 17px;
  padding-right: 2px;
  left: 100%;
  margin-left: -5px;
  margin-bottom: -6px;
  transition: ease-in-out .2s;
}

.btn-batu:hover .icon-new {
  transform: translate3d(3px, 0, 0) scale(1);
}

@keyframes ani-ai-bounce {
  0% {
    transform: translateY(0) scale(1);
  }

  22.5% {
    transform: translateY(1.5px) scale(1.05, 0.95);
  }

  25% {
    transform: translateY(3px) scale(1.15, 0.85);
  }

  35% {
    transform: translateY(-5px) scale(0.95, 1.05);
  }

  42.5% {
    transform: translateY(1.5px) scale(1.03, 0.97);
  }

  46% {
    transform: translateY(-1.5px) scale(0.97, 1.03);
  }

  50%,
  100% {
    transform: translateY(0) scale(1);
  }
}


.btn-desktop-plus {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 4px;
  margin-left: 444px;
  z-index: 11;
}

.btn-desktop-plus .btn-inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  // width: 64px;
  height: 24px;
  transition: ease-in-out .2s;
  transform: translate3d(0, 0, 0);
  background: linear-gradient(to right, #2FCED0 0%, #23C3D1 42.48046875%, #1174C6 100%) right center / 150%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 14px;
  font-weight: 900;
}

.btn-desktop-plus .btn-inner .pic-logo {
  position: absolute;
  top: 7px;
  left: 44px;
  z-index: 2;
  animation: ani-ai-bounce 2s cubic-bezier(0.2, 0.8, 0.2, 1) 0s infinite;
}

.btn-desktop-plus .btn-inner .pic-logo-text {
  position: relative;
  z-index: 1;
}

.btn-desktop-plus .btn-inner .bg-fireworks {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, -26%, 0);
  z-index: 0;
}

.btn-desktop-plus:hover .btn-inner {
  transform: translate3d(0, -2px, 0);
}
.m-category-all {
  position: absolute;
  float: left;
  width: 123px;
  z-index: 2
}

.m-category-all .menu-title {
  position: relative;
  display: block;
  height: 42px;
  line-height: 42px;
  padding-left: 30px;
  box-sizing: border-box;
  color: #333333;
  font-size: 16px;
}

.m-category-all:hover .menu-title {
  color: #19b0b0;
}

.m-category-all .menu-title i {
  position: absolute;
  left: 0px;
  top: 15px;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  color: #cccccc;
}

.m-category-all:hover i {
  color: #28cccc;
}

.m-category-all .category-list {
  display: none;
  position: relative;
  padding: 5px 0 6px;
  background: rgba(34, 34, 34, .98);
  box-shadow: 7px 0 7px rgba(102, 102, 102, .15);
  width: 268px;
  border-top: 2px solid #28CCCC;
}

.m-category-all:hover .category-list {
  display: block
}

.m-category-all .category-list .nav-item .nav-item-wrap {
  position: relative;
  height: 38px;
  padding: 14px 0;
  margin: 0 30px;
  color: #fff;
  font-size: 12px;
  transition: all 0.2s;
}

/* .m-category-all .category-list .nav-item:hover .icons,
.m-category-all .category-list .nav-item:hover .title,
.m-category-all .category-list .nav-item:hover .subCate {
  transform: translateX(10px);
} */

/* .m-category-all .category-list .nav-item .nav-item-wrap::before {
  content: "";
  height: 2px;
  background: linear-gradient(81deg, rgba(40, 204, 204, 1) 0%, rgba(115, 226, 226, 1) 100%);
  width: 0;
  position: absolute;
  left: 42px;
  bottom: 4px;
  z-index: 3;
  transition: all 0.2s;
} */

/* .m-category-all .category-list .nav-item:hover .nav-item-wrap::before {
  width: 166px;
} */

/* .m-category-all .category-list .nav-item .nav-item-wrap::after {
  content: "";
  background: rgba(255, 255, 255, 1);
  opacity: 0.06;
  height: 1px;
  width: 166px;
  position: absolute;
  left: 42px;
  bottom: 0;
  z-index: 2;
} */

.m-category-all .category-list .nav-item .title {
  position: relative;
  display: block;
  padding-left: 48px;
  font-size: 14px;
  transition: all 0.2s;
}

.m-category-all .category-list .nav-item .nav-item-wrap .title:before {
  position: absolute;
  content: '';
  width: 0;
  height: 46px;
  left: 186px;
  top: 50px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/line-menu.png) no-repeat left top
}

.m-category-all .category-list .nav-item .title:hover {
  color: #fff
}

.m-category-all .category-list .nav-item .title .icon {
  font-size: 20px;
  margin-right: 16px;
  color: #fff;
  vertical-align: middle;
  position: absolute;
  left: 0
}

.m-category-all .category-list .nav-item i.arrow {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -5px 25px 0 0;
  -webkit-transform: scale(.75);
  -ms-transform: scale(.75);
  -o-transform: scale(.75);
  transform: scale(.75);
  color: #fff;
  font-size: 12px
}

/* .m-category-all .category-list .nav-item .subCate {
  position: relative;
  height: 29px;
  padding: 0 6px 0 48px;
  color: rgba(255, 255, 255, .6);
  overflow: hidden;
  transition: all 0.2s;
} */

/* .m-category-all .category-list .nav-item .subCate a {
  display: inline-block;
  padding: 8px 0;
  margin-right: 0px;
}

.m-category-all .category-list .nav-item .subCate span {
  font-size: 12px;
  color: rgba(102, 102, 102, 0.8);
}

.m-category-all .category-list .nav-item .subCate a:hover {
  color: #fff;
} */

.m-category-all .category-list .nav-item .category-menu {
  display: none;
  position: absolute;
  max-height: 100%;
  left: 268px;
  top: 0px;
  z-index: 0;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  /* border-top: 2px solid #28CCCC; */
  height: 100%;
  /* padding-left: 4px; */
}

.m-category-all .category-list .nav-item .category-menu .wrap {
  position: relative;
  padding: 25px 30px 20px 18px;
  background: #fff;
  box-sizing: border-box;
  background: url(/images/bg1.png) repeat-y;
  z-index: 1;
  height: 100%;
  /* overflow-y: scroll; */
}

.m-category-all .category-list .nav-item .category-menu .wrap .container {
  width: 873px;
  height: 100%;
  padding: 0 45px 0 11px;
  box-sizing: border-box;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con {
  overflow-y: scroll;
  /* height: calc(100% - 114px); */
  height: calc(100% - 135px);
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-scroll {
 height: 100%;
 width: calc(100% - 148px);
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand {
  width: 978px;
  height: 114px;
  transform: translateX(-148px);
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/brand_bg.png);
  background-size: 100% 100%;
  padding-top: 10px;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-con-brand-title {
  display: block;
  width: 92px;
  margin: auto;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box {
  position: relative;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-arrow {
  width: 14px;
  height: 30px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-arrow.new {
  right: auto;
  left: 0px;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-arrow i {
  font-size: 12px;
  color: #fff;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-arrow.new i {
  transform: rotate(180deg);
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-scroll {
  display: flex;
  width: 950px;
  margin: auto;
  overflow: hidden;
  padding: 10px;
  box-sizing: border-box;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-scroll .pannel-brand-content {
  display: flex;
  transition: transform 0.3s;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item {
  width: 106px;
  height: 54px;
  border-radius: 2px;
  background-color: #fff;
  margin-right: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: box-shadow 0.3s linear;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item:last-child {
  margin-right: 0;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item:hover {
  box-shadow: 0px 0px 10px 0px rgba(40, 204, 204, 0.5);
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item:hover img.brand-img {
  transform: scale(0.45) translateY(-20px);
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item:hover a {
  opacity: 1;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item img.crown {
  position: absolute;
  width: 16px;
  height: 16px;
  right: -4px;
  top: -3px;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item img.brand-img {
  max-width: 66px;
  max-height: 34px;
  transition: transform 0.3s linear;
  transform-origin: center top;
}
.m-category-all .category-list .nav-item .category-menu .wrap .container .pannel-con-brand .pannel-brand-box .pannel-brand-item a {
  position: absolute;
  left: 19px;
  bottom: 8px;
  min-width: unset;
  padding: 0 10px;
  font-size: 12px;
  height: 24px;
  transition: opacity 0.3s linear;
  opacity: 0;
}
.m-category-all .category-list .nav-item:hover .category-menu {
  display: block
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod {
  overflow: hidden;
  border-bottom: 1px solid #eaeaea;
  color: #333;
  align-items: stretch;
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod:last-child {
  border-bottom: 0
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .tt {
  position: relative;
  width: 115px;
  margin-right: 32px;
  padding: 10px 10px 10px 14px;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .tt em {
  display: inline-block;
  width: 82px;
  font-weight: bold;
  line-height: 14px;
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cell {
  float: left\0
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt {
  width: 800px\0;
  padding: 10px 0;
  overflow: hidden
}

.m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li {
  display: inline-block;
  /* min-width: 188px; */
  /* height: 28px; */
  /* line-height: 28px; */
  /* color: #ffffff */
}

/* .m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .attachment {
  display: inline-block;
  line-height: 1em;
  padding: 4px 4px 3px 5px;
  vertical-align: middle;
  font-size: 10px;
  color: #09B0B0;
  margin: 0 0 0 4px;
  border: 1px solid #09B0B0;
  border-radius: 2px
} */

/* .m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .attachment:hover {
  color: #fff;
  background: #19B0B0;
  border-color: #19B0B0
} */

/* .m-category-all .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li a:hover {
  color: #19B0B0;
} */

.m-category-all .category-list .nav-item .category-menu .pannel-sub-logo {
  float: right
}

/* 全部分类首页新样式 */
.m-category-all.new_style .menu-title {
  height: 40px;
  line-height: 40px;
}

.m-category-all.new_style .menu-title {
  background: #28cccc;
}

.m-category-all.new_style:hover .menu-title {
  color: #fff;
}

.m-category-all.new .category-list {
  /* display: none; */
  position: relative;
  background: #fff;
  width: 222px;
  border-top: none;
  border-radius: 0px 0px 2px 2px;
  padding: 18px 0px 24px 0px;
  height: 525px;
  box-sizing: border-box;
}

.m-category-all.new .category-list .nav-item {
  height: 101px;
  overflow: hidden;
  padding-bottom: 17px;
  padding: 0 18px;
}
.m-category-all.new .category-list .nav-item:last-child {
  height: 104px;
  padding-bottom: 0;
}

.m-category-all.new .category-list .nav-item .nav-item-wrap {
  height: 84px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  padding-left: 22px;
  color: #333;
  position: relative;
}

/* .m-category-all.new .category-list .nav-item .nav-item-wrap::before {
  left: -28px;
}

.m-category-all.new .category-list .nav-item:hover .nav-item-wrap::before {
  width: 184px;
} */

/* .m-category-all.new .category-list .nav-item .nav-item-wrap::after {
  content: "";
  background: #58c5c5;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: none;
} */

.m-category-all.new .category-list .nav-item .icons .iconfont {
  color: #000;
  font-size: 16px;
}

.m-category-all.new .category-list .nav-item .title {
  padding-left: 0px;
  font-weight: bold;
  line-height: 22px;
  font-size: 14px;
}

/* .m-category-all.new .category-list .nav-item:hover .icons {
  transform: translateX(-100%);
} */

.m-category-all.new .category-list .nav-item:hover .title,
.m-category-all.new .category-list .nav-item:hover .subCate {
  transform: translateX(0px);
}

.m-category-all.new .category-list .nav-item:hover .icons i,
.m-category-all.new .category-list .nav-item:hover .title,
.m-category-all.new .category-list .nav-item .title:hover,
.m-category-all.new .category-list .nav-item .subCate a:hover {
  color: #19b0b0;
}

.m-category-all.new .category-list .nav-item .subCate {
  margin-top: 2px;
  color: #666;
  line-height: 20px;
  word-break: keep-all;
}

/* .m-category-all.new .category-list .nav-item .subCate a {
  padding: 0px 0;
  color: rgba(102, 102, 102, 0.8);
} */

.m-category-all.new .category-list .nav-item .category-menu {
  left: 222px;
  /* background: url(/images/bg2.png) repeat-y; */
  background: #fff;
  padding-right: 0px;
  padding-left: 0;
  width: 978px;
}

.m-category-all.new .category-list .nav-item .category-menu::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.06) inset, 0px -4px 6px 0px rgba(0, 0, 0, 0.04) inset;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
}

.m-category-all.new .category-list .nav-item .category-menu .wrap {
  padding: 0px;
  background: unset;
}

.m-category-all.new .category-list .nav-item .category-menu .wrap .container {
  width: 978px;
  padding: 0;
  display: flex;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav {
  width: 148px;
  height: 410px;
  overflow-y: auto;
  scrollbar-width: none;
  background-color: #f8f8f8;
  padding: 25px 0;
  box-sizing: border-box;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-con::-webkit-scrollbar {
  width: 4px;
  height: 9px;
  /* background: rgba(34, 34, 34, 0.98); */
}

.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav::-webkit-scrollbar-track,
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-con::-webkit-scrollbar-track {
  display: block;
  background-color: transparent;
  border-radius: 10px
}

.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav::-webkit-scrollbar-thumb,
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e5e5e5
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item {
  height: auto;
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #666;
  padding: 0 20px;
  margin-bottom: 50px;
  position: relative;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item .pannel-nav-cover {
  width: 100%;
  height: 70px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item:last-child {
  margin-bottom: 0;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item a {
  line-height: 20px;
  position: relative;
  z-index: 2;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-con {
  flex: 1;
  padding-top: 10px;
  padding-left: 23px;
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item.active::after {
  content: '';
  display: block;
  width: 100%;
  height: 70px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.m-category-all.new .category-list .nav-item .category-menu .wrap .container .pannel-nav .pannel-nav-item:hover::after {
  content: '';
  display: block;
  width: 100%;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/* .m-category-all.new_style .category-list .nav-item .category-menu .pannel-con .cate-scd-mod {
    border-bottom: 1px solid #e5e5e5;
} */
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .tt {
  width: 112px;
  padding: 10px 10px 10px 0px;
  margin-right: 32px;
  color: #666;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .tt em {
  width: 102px;
}

.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .tt em:hover {
  color: #19b0b0;
}

/* .m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li {
  color: #666;
  margin-bottom: 24px;
} */

.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
/* .m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li p:hover {
  color: #09b0b0;
} */
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li p span {
  line-height: 14px;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt {
  width: 794px;
  padding: 15px 0;
  padding-bottom: 5px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  /* border-bottom: 1px solid rgba(234, 234, 234, 0.5); */
  /* padding-bottom: 0; */
}

.m-category-all.new .category-list .nav-item .icons {
  position: absolute;
  left: 0px;
  top: 3px;
}

.m-category-all.new .category-list .nav-item .icons .iconfont {
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}

.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li {
  margin-right: 15px;
  width: 86px;
  margin-bottom: 10px;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li:hover .pannel-img{
  background: url(../images/border.png) center center / 100% 100%;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .pannel-img::after,
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .pannel-img::before {
  position: absolute;
  width: 70px;
  height: 70px;
  left: -2px;
  bottom: 2px;
  content: '';
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .pannel-img::after {
  left: auto;
  top: 0;
  right: 0;
  bottom: auto;
  border-width: 0 2px 2px 0;
  background:#fff;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li:hover .pannel-img::after{
  -webkit-animation: aniProductBorder2 .5s linear 1 forwards;
  -o-animation: aniProductBorder2 .5s linear 1 forwards;
  animation: aniProductBorder2 .5s linear 1 forwards;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li:hover .pannel-img::before {
  -webkit-animation: aniProductBorderLeft2 .5s linear 1 forwards;
  -o-animation: aniProductBorderLeft2 .5s linear 1 forwards;
  animation: aniProductBorderLeft2 .5s linear 1 forwards;
  animation-delay: .5s;
}
@keyframes aniProductBorder2 {
  0% {
    width: 70px;
    height: 70px;
  }
  50% {
    width: 4px;
    height: 70px;
  }
  100% {
    width: 4px;
    height: 0px;
  }
}

@keyframes aniProductBorderLeft2 {
  0% {
    width: 70px;
    height: 70px;
  }
  50% {
    width: 4px;
    height: 70px;
  }
  100% {
    width: 4px;
    height: 0px;
  }
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li:nth-child(8n) {
  margin-right: 0;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .pannel-img {
  width: 70px;
  height: 70px;
  margin: auto;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .pannel-img .pannel-pic {
  width: 66px;
  height: 66px;
  position: absolute;
  left: 2px;
  top: 2px;
  z-index: 2;
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .attachment {
  line-height: 14px;
  font-size: 12px;
  padding: 0;
  display: inline-block;
  text-decoration: underline;
  /* width: 32px;
  height: 16px; */
  /* text-align: center; */
  box-sizing: border-box;
  /* border-color: #19b0b0; */
  color: #09b0b0;
  /* transform: translateY(-1px); */
}
.m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .attachment:hover {
  animation: shake 0.3s linear;
}
@keyframes shake
{
    0% {transform: translateX(0);}
    25% {transform: translateX(2px);}
    50% {transform: translateX(0);}
    75% {transform: translateX(-2px);}
    100% {transform: translateX(0);}
}

/* .m-category-all.new .category-list .nav-item .category-menu .pannel-con .cate-scd-mod .cnt li .attachment:hover {
  color: #fff;
  background-image: linear-gradient(-22deg,
    #28cccc 0%,
    #73e2e2 100%);
  border: none;
  line-height: 16px;
} */

/* 全部分类首页新样式 end */

.u-searchHotWord em {
  display: inline-block;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}


/* 头部导航栏end */

/* 购物车组件start */
#eleMergeList .borline {
  border-bottom: 1px solid #02b4b6;
  line-height: 40px;
}

#eleMergeList .borline:last-child {
  border-bottom: 0;
}

#eleMergeList .borline .tr {
  display: flex;
  align-items: center;
}

#eleMergeList .borline .tr>div:nth-child(1) {
  width: 60px;
}

#eleMergeList .borline .tr>div:nth-child(2) {
  width: 100px;
}

#eleMergeList .borline .tr>div:nth-child(3) {
  width: 150px;
  word-break: break-all;
  line-height: 16px;
  padding: 5px;
  box-sizing: border-box;
}

#eleMergeList .borline .tr>div:nth-child(4) {
  width: 214px;
  word-break: break-all;
  line-height: 16px;
  padding: 5px;
  box-sizing: border-box;
}

#eleMergeList .borline .tr>div:nth-child(5) {
  width: 100px;
}

#eleMergeList .borline .tr>div:nth-child(6) {
  width: 80px;
}

#eleMergeList .borline .tr>div:nth-child(7) {
  width: 60px;
  padding-right: 20px;
  text-align: right;
}

#eleCartList .err-sku-code {
  display: inline-block;
  max-width: 100px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  vertical-align: middle
}

#eleCartList .btn-err {
  border-radius: 2px;
  width: 63px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  color: #fff;
  background-color: #eb6161;
  text-align: center;
  position: relative;
  z-index: 2;
}

#eleCartList .btn-err:hover {
  text-decoration: none;
  background: #dc4c4c;
}

#eleMenuList .close {
  cursor: default;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 12px;
  background: url(../images/error.png) no-repeat 0px -19px;
  width: 16px;
  height: 17px;
}

#eleMenuList .close:hover {
  background: url(../images/error.png) no-repeat 0px 0px;
  cursor: pointer;
}

#eleMenuList .icon-draft {
  width: 12px;
  height: 15px;
  background: url(../images/i-orderDraft.png) no-repeat -12px 0;
  vertical-align: middle;
  margin-bottom: 3px;
}

#eleMenuList .current .icon-draft {
  background: url(../images/i-orderDraft.png) no-repeat 0 0;
}

#eleCustomerList tr:hover {
  background: #f3f3f3;
}

#eleCustomerList tr.on {
  background-color: rgb(217, 244, 244)
}

.dialog-merge ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: none;
}

.dialog-merge ::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;*/
  background-color: none;
}


/*定义滚动条轨道 内阴影+圆角*/

.dialog-merge ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #e5e5e5;
}


/*定义滑块 内阴影+圆角*/

.ui-mask-merge {
  z-index: 999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.60);
}

.dialog-merge {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -261px;
  margin-left: -424px;
  z-index: 999 !important;
  width: 848px;
  height: 472px;
  background: #fff;
  border-radius: 5px;
  padding-bottom: 50px;
}

.dialog-merge .logo {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/pop_logo.png) no-repeat;
  width: 120px;
  height: 25px;
  position: absolute;
  top: 20px;
  left: 20px;
}

.dialog-merge .close {
  background: url(../images/close.png) no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 12px;
  right: 13px;
  cursor: pointer;
  background-size: contain;
}

.dialog-merge .merge-content {
  text-align: center;
  margin: 0 32px;
  position: relative;
  padding-bottom: 2px;
}

.dialog-merge .merge-content .info {
  font-size: 16px;
  color: #666666;
  line-height: 50px;
  font-weight: bold;
}

.dialog-merge .merge-content .tbl-merge tr {
  height: 34px;
  line-height: 34px;
}

.dialog-merge .merge-content .tbl-merge .tbl-head {
  background: #e8f7f7;
  color: #999999;
}

.dialog-merge .merge-content .tbl-merge .tbl-head tr th:last-child {
  text-align: right;
  padding-right: 20px;
}

.dialog-merge .merge-content .tbl-merge .tbl-head th {
  text-align: center;
  font-weight: normal;
}

.dialog-merge .merge-content .tbl-merge .merge-list {
  height: 320px;
  overflow-y: auto;
}

.dialog-merge .merge-content .tbl-merge .merge-list tr td:last-child {
  text-align: right;
  padding-right: 20px;
}

.dialog-merge .merge-content .tbl-merge .exists-num {
  color: #eb6161;
}

.dialog-merge .merge-content .btn-box {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dialog-merge .merge-content .btn-box .z-btn:after {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
  top: 1px !important;
  left: 1px !important;
}

.dialog-merge .merge-content .btn-box button {
  margin: 0 20px;
}

.dialog-merge .merge-content .btn-box button.yes-disabled {
  cursor: not-allowed;
}

.dialog-merge .merge-content .tbl-merge .merge-list .from-cart {
  color: #eb6161;
}

.dialog-merge .merge-content .tbl-merge .merge-list .line {
  border-bottom: 1px solid #02b4b6;
}

.dialog-merge .merge-content .err-info {
  color: #eb6161;
  position: absolute;
  left: 0px;
  bottom: -25px;
  width: 100%;
}

input[type='checkbox'] {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/checkbox.png) no-repeat;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
}

input[type='checkbox']:checked {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/checkbox_on.png) no-repeat;
}

#mergeWin.hidden {
  display: none !important;
}

#mergeWin .ui-mask-merge {
  z-index: 104;
}

#mergeWin #eleMergeDialog {
  z-index: 103;
}

.tips-text {
  text-align: center;
  font-size: 16px;
}

.btn-row {
  text-align: center;
  margin-top: 50px;
}

.btn-row button {
  cursor: pointer;
  padding: 12px 30px;
  color: #fff;
  font-size: 14px;
  border: none;
  outline: none;
}

.btn-ok {
  background-color: #02b4b6;
}

.btn-giveup {
  background-color: #bbbbbb;
}

.font-eb6161 {
  color: #eb6161;
}

.font-19b0b0 {
  color: #19b0b0;
}

.font-19CBCB {
  color: #19CBCB;
}

.font-979797 {
  color: #979797;
}

/* 购物车组件end */

/* 客户弹窗start */
#udesk_container #udesk_btn>a {
  width: 0 !important;
  height: 0 !important;
  bottom: 47% !important;
  right: 22px !important;
  margin: 0 !important;
  border: 0 !important;
}

#udesk_container #udesk_btn>a>span:nth-child(1) {
  display: none !important;
}

#udesk_btn_circle {
  width: 20px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-size: 12px !important;
}

/* 客户弹窗end */

/* 首页头部改版start */

#header_top .userEnter .myMessage {
  cursor: pointer;
}

#header_top .userEnter .myMessage .iconxiaoxitongzhi {
  margin-right: 6px;
  font-size: 14px;
  vertical-align: 0;
  transform: none;
}

#header_top .userEnter .myMessage .icondinglanxialakuangjiaobiao {
  transform: scale(0.5) translateZ(0px);
  display: inline-block;
  width: 8px;
  height: 4px;
  font-size: 12px;
  vertical-align: -6px;
}

#header_top a:hover,
#header_top .hover:hover {
  color: #19B0B0;
}

#header_top .welcome em {
  display: flex;
  align-items: center;
}

#header_top .welcome a:nth-child(1) {
  color: #19B0B0;
}

#header_top .welcome .register {
  color: #19B0B0;
}

#header_top .welcome .login-line {
  height: 20px;
  border-left: 1px solid #EAEAEA;
  display: inline-block;
  margin: 0 8px;
}

#header_top .welcome .register {
  cursor: pointer;
}

#header_top .welcome a:hover {
  color: #19B0B0;
}

#header_top .userEnter .hover {
  padding: 0 20px;
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0);
  height: 30px;
  box-sizing: border-box;
}

#header_top .userEnter .hover:hover .second {
  display: block;
}

#header_top .userEnter .second {
  padding: 8px 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  position: absolute;
  left: -1px;
  top: 29px;
  border-top: none;
  display: none;
  width: 124px;
  box-sizing: border-box;
}

.userEnter .second.afterhover::after {
  width: 19%;
  height: 1px;
  background: #e5e5e5;
  position: absolute;
  content: '';
  top: -1px;
  right: -1px;
}

#header_top .userEnter .second .items {
  font-size: 12px;
  color: #666666;
  line-height: 24px;
  white-space: nowrap;
  cursor: pointer;
}


#header_top .userEnter .focusMe:hover::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: #fff;
}

#header_top .userEnter .focusMe .second {
  width: auto;
  left: -102px;
  /*padding:21px;*/
  /*border: 1px solid rgba(0,0,0,0);*/
  border-top: 1px solid #e5e5e5;
  padding: 20px 20px 18px 20px;
  box-sizing: border-box;
}

#header_top .userEnter .second .pic {
  flex: 1;
}

#header_top .userEnter .second .pic img {
  width: 114px;
  height: auto;
}

#header_top .userEnter .focusMe .second p {
  line-height: 12px;
  margin-top: 4px;
}

#header_top .userEnter .second .itemse {
  font-size: 12px;
  color: #666666;
  display: flex;
  /*width: 252px;*/
  line-height: 28px;
  text-align: center;
}

.m-nav-search .btn i {
  font-size: 16px !important;
  height: 23px;
  margin-right: 4px;
  padding-top: 4px;
}

#header_top .userEnter .myOrder:hover,
#header_top .userEnter .focusMe:hover,
#header_top .userEnter .myMessage:hover {
  background: #fff;
  color: #19b0b0;
  /*height: 29px;*/
  /*border-top:1px solid red;*/
  border: 1px solid #E5E5E5;
  border-bottom: none;
}

#header_top .userEnter .second .items:hover {
  color: #19b0b0;
}

.f-search-fix #toDesktop {
  overflow: hidden;
}

.f-search-fix .s-realut-box {
  width: 550px;
  top: 42px;
}

#header_middle {
  position: relative;
}

.m-category-all .category-list .nav-item .icons {
  position: absolute;
  left: 0px;
  top: 3px;
  width: 16px;
  height: 16px;
  /* background: url(/images/icons.png) no-repeat; */
  /* background-size: 266px 38px; */
  cursor: pointer;
  z-index: 2;
  transition: all 0.2s;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  /* text-align: center; */
  /* line-height: 38px; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-category-all .category-list .nav-item .icons .iconfont {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
}

/* .m-category-all .category-list .nav-item:nth-child(1) .icons {
    background-position: 0 0;
}

.m-category-all .category-list .nav-item:nth-child(2) .icons {
    background-position: -38px 0;
}

.m-category-all .category-list .nav-item:nth-child(3) .icons {
    background-position: -76px 0;
}

.m-category-all .category-list .nav-item:nth-child(4) .icons {
    background-position: -114px 0;
}

.m-category-all .category-list .nav-item:nth-child(5) .icons {
    background-position: -152px 0;
}

.m-category-all .category-list .nav-item:nth-child(6) .icons {
    background-position: -190px 0;
}

.m-category-all .category-list .nav-item:nth-child(8) .icons {
    background-position: -228px 0;
} */

.m-category-all .category-list .nav-item .category-menu .wrap::-webkit-scrollbar {
  width: 4px;
  height: 9px;
  /* background: rgba(34, 34, 34, 0.98); */
}

.m-category-all .category-list .nav-item .category-menu .wrap::-webkit-scrollbar-track {
  display: block;
  background-color: transparent;
  border-radius: 10px
}

.m-category-all .category-list .nav-item .category-menu .wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e5e5e5
}

#header_top .userEnter .myOrder i {
  transform: scale(0.5) translateZ(0px);
  display: inline-block;
  width: 8px;
  height: 4px;
  font-size: 12px;
  vertical-align: -6px;
}

#header_top .userEnter .myOrder .first {
  width: 60px;
}

/* 首页头部改版end */

/* s弹窗公共的样式*/
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.popMain {
  z-index: 100;
  background-color: #ffffff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding-right: 58px;
  padding-left: 58px;
  padding-bottom: 50px;
  min-width: 280px;
}

.popClose {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 99;
  cursor: pointer;
}

.popTitlBox {
  width: 100%;
  text-align: center;
  margin-top: 29px;
}

.popWarn {
  width: 63px;
  height: 63px;
}

.popTitl {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  margin-top: 12px;
}

.popBtn {
  width: 100%;
  text-align: center;
  margin-top: 38px;
}

.popBtn div {
  width: 94px;
  height: 32px;
  display: inline-block;
  border-radius: 4px;
  border: solid 1px #19b0b0;
  font-size: 14px;
  color: #19b0b0;
  margin: 0 20px;
  line-height: 32px;
  cursor: pointer;
}

.popBtn div:hover {
  background-image: linear-gradient(-22deg, #28cccc 0%, #73e2e2 100%);
  color: #fff;
  border: solid 1px #fff;
}

.popBtn div a:hover {
  color: #fff;
}

.xl_cancle_btn {
  border: 1px solid rgba(229, 229, 229, 1) !important;
  color: rgba(153, 153, 153, 1) !important;
}

.xl_cancle_btn:hover {
  border: 1px solid rgba(229, 229, 229, 1) !important;
  color: rgba(153, 153, 153, 1) !important;
  background-image: none !important;
  background-color: none !important;
}

#udesk_panel {
  bottom: 10px !important;
}


/* e弹窗公共的样式*/


/* s强制修改密码弹窗,部分样式用了warmPop样式 */

.force .x_new {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}

.force .x_new b {
  width: 150px;
  text-align: right;
}

.force .x_new b i {
  color: #e94637;
}

.force .x_new input {
  width: 238px;
  height: 31px;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
  line-height: 31px;
  margin-left: 18px;
}

.force .x_new input:focus {
  border-color: #19b0b0;
}


/* e强制修改密码弹窗 */

/* 购物车顶部start */
#header-middle-cart {
  position: relative;
  min-width: 1200px;
  height: 90px;
  z-index: 9;
  box-sizing: border-box;
  background: #fff;
  margin-bottom: 28px;
}

#header-middle-cart .container {
  display: flex;
  align-items: center;
  height: 90px;
  overflow: hidden;
}

#header-middle-cart .container .u-logo-header {
  position: relative;
  top: 0;
}


#header-middle-cart .container .xl_toIndex {
  color: #666;
  border-left: 1px solid rgba(229, 229, 229, 1);
  padding-left: 16px;
  /* margin-left: 16px; */
  margin-left: 76px;
}

#header-middle-cart .container .xl_toIndex .xl_my {
  font-size: 20px;
}

#header-middle-cart .container .xl_toIndex .xl_toMall {
  font-size: 12px;
  padding: 5px 15px;
  border-radius: 11px;
  border: 1px solid rgba(229, 229, 229, 1);
  margin-top: 9px;
  cursor: pointer;
}

/* 购物车顶部end */

/* 批量下单样式start*/
.example-box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 103;
}

.example-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  left: 0;
}

.example-position {
  width: 600px;
  height: 630px;
  border-radius: 4px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.example-header {
  width: calc(100% - 24px);
  height: 37px;
  background-color: #F7FBFC;
  border-radius: 4px 4px 0 0;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.example-header p {
  font-size: 16px;
  color: #666;
}

.example-header a {
  color: #ccc;
  font-size: 13.9px;
}

.example-header a:hover {
  color: #28cccc;
}

.example-body {
  height: calc(100% - 100px);
  padding: 14px 32px 50px;
}

.example p {
  line-height: 22px;
  margin: 0;
  font-size: 12px;
  color: #666;
  /* 禁止选中文本 */
  -moz-user-select: text;
  /*火狐*/
  -webkit-user-select: text;
  /*webkit浏览器*/
  -ms-user-select: text;
  /*IE10*/
  -khtml-user-select: text;
  /*早期浏览器*/
  -webkit-touch-callout: text;
  user-select: text;
}

.example-body .txtImportTextBox {
  border: #e5e5e5 solid 1px;
  padding: 13px 2px 13px 12px;
  border-radius: 4px;
  margin-top: 13px;
  width: calc(100% - 24px);
}

.example-body .txtImportTextBox.active {
  border-color: #28cccc !important;
}

.example-body textarea {
  width: 100%;
  height: 256px;
  font-size: 14px;
}

.example-body textarea::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}

.example-body textarea::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  background: #E5E5E5;
}

.example-body textarea::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #fff;
}

.example-body .example-tips {
  margin-top: 8px;
}

.example-body .example-tips p {
  color: #999;
  font-size: 12px;
  margin: 0;
  line-height: 18px;
}

.example-body .example-tips p span {
  color: #E94637;
}

.example-body .example-btn {
  margin-top: 23px;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
}

.example-body .example-btn .example-down {
  position: absolute;
  right: 96px;
  bottom: 3px;
  font-size: 12px;
  color: #19B0B0;
  text-decoration: underline;
}

.example-body .example-btn .z-btn:nth-of-type(1) {
  margin-right: 40px;
}

.example-body #btnAddLost .iconbutton_zcgm {
  margin-right: 8px;
}

.example-body #excelInp {
  position: fixed;
  z-index: -10;
  opacity: 0;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}

.u-flyer {
  z-index: 99;
}

/* 批量下单样式end */

/* 批量下单筛选重复项 */
.example-select-box {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 103;
  box-sizing: border-box;
}

.example-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  left: 0;
}

.example-select-box .example-selet-content {
  width: 960px;
  background: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 0px 50px 0px;
  box-sizing: border-box;
}

.example-select-box .example-selet-content .example-select-close {
  width: 14px;
  position: absolute;
  right: 12px;
  top: 12px;
  cursor: pointer;
  font-size: 14px;
  color: #ccc;
}

.example-select-box .example-selet-content .example-select-close:hover {
  color: #28cccc;
}

.example-select-box .example-selet-content .example-select-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
  margin-bottom: 30px;
}

.example-select-box .example-selet-content .example-select-title span {
  color: #E94637;
}

.example-select-box .example-selet-content .example-select-card {
  overflow-y: auto;
  width: 960px;
  padding: 0 46px;
  box-sizing: border-box;
}

.example-select-box .example-selet-content .example-select-card::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.example-select-box .example-selet-content .example-select-card::-webkit-scrollbar-thumb {
  background: #ebebeb;
}

.example-select-box .example-selet-content .example-select-card .card-item {
  background: rgba(25, 176, 176, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  padding: 17px 27px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.example-select-box .example-selet-content .example-select-card .card-item:last-child {
  margin-bottom: 0;
}

.example-select-box .example-selet-content .example-select-card .card-item .card-item-top {
  width: 100%;
  display: flex;
  font-size: 14px;
  color: #999;
  line-height: 14px;
}

.example-select-box .example-selet-content .example-select-card .card-item .card-item-top>div span {
  color: #19B0B0;
}

.example-select-box .example-selet-content .example-select-card .card-item .card-item-top>div {
  flex: 1;
}

.example-select-box .example-selet-content .example-select-card .card-item .card-item-top>div:first-child {
  width: 130px;
  flex: unset;
}

.example-select-box .example-selet-content .card-item-table {
  border: 1px solid #EDEDED;
  text-align: center;
  margin-top: 14px;
}

.example-select-box .example-selet-content .card-item-table tr {
  border-bottom: 1px solid #EDEDED;
  cursor: pointer;
}

.example-select-box .example-selet-content .card-item-table tr:first-child {
  cursor: auto;
}

.example-select-box .example-selet-content .card-item-table tr:hover td {
  color: #19B0B0 !important;
}

.example-select-box .example-selet-content .card-item-table tr:hover .card-item-select {
  border-color: #28CCCC;
}

/* .example-select-box .example-selet-content .card-item-table tr.gray:hover .card-item-select{
    border-color: #E5E5E5;
} */
.example-select-box .example-selet-content .card-item-table tr.gray td .card-item-select {
  background: #FBFBFB;
}

.example-select-box .example-selet-content .card-item-table tr.gray td {
  color: #999;
}

.example-select-box .example-selet-content .card-item-table tr:last-child {
  border-bottom: none;
}

.example-select-box .example-selet-content .card-item-table tr th {
  background: #F7F7F7;
  font-size: 14px;
  color: #999999;
  padding: 15px 0;
}

.example-select-box .example-selet-content .card-item-table tr td {
  background: #fff;
  font-size: 12px;
  color: #333;
  padding: 20px 0;
  border-right: 1px solid #EDEDED;
  position: relative;
  word-break: break-all;
}

.example-select-box .example-selet-content .card-item-table tr td .card-item-cell {
  padding: 0 5px;
  text-align: left;
  line-height: 18px;
}

.example-select-box .example-selet-content .card-item-table tr td:last-child {
  border-right: none
}

.example-select-box .example-selet-content .card-item-table .card-item-select {
  width: 14px;
  height: 14px;
  background: #FBFBFB;
  border: 1px solid #E5E5E5;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.example-select-box .example-selet-content .card-item-table .card-item-select.active {
  border: 3px solid #28CCCC;
}

.example-select-box .example-selet-content .example-select-btn {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 42px;
  position: relative;
}

.example-select-box .example-selet-content .example-select-btn .ask-tip {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  bottom: -17px;
  transform: translateX(-50%);
  font-size: 12px;
  color: #E94637;
}

/* 批量下单筛选重复项end */


/* myLoading 加载层，适用于接口对接请求数据时使用 start*/
.ui_loading_mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}

.ui_loading {
  position: fixed;
  left: 0px;
  top: 0px;
  border-radius: 5px;
  padding: 8px 20px;
  text-align: center;
  z-index: 99999;
}

.ui_loading>i {
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  background-color: #9ee2e3;
  -webkit-animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out 1s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

.ui_loading>i:nth-child(2),
.ui_loading>i:nth-child(4) {
  -webkit-transform: scaley(.65);
  -ms-transform: scaley(.65);
  -o-transform: scaley(.65);
  transform: scaley(.65);
  -webkit-animation: line-scale-pulse-out2 1.1s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out2 1s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

.ui_loading>i:nth-child(1),
.ui_loading>i:nth-child(5) {
  -webkit-transform: scaley(.35);
  -ms-transform: scaley(.35);
  -o-transform: scaley(.35);
  transform: scaley(.35);
  -webkit-animation: line-scale-pulse-out3 .9s 0s infinite cubic-bezier(.85, .25, .37, .85);
  animation: line-scale-pulse-out3 .9s 0s infinite cubic-bezier(.85, .25, .37, .85)
}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}

@-webkit-keyframes line-scale-pulse-out2 {
  0% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }

  40% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  60% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }
}

@keyframes line-scale-pulse-out2 {
  0% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }

  40% {
    -webkit-transform: scaley(0.35);
    transform: scaley(0.35)
  }

  60% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.65);
    transform: scaley(.65)
  }
}

@-webkit-keyframes line-scale-pulse-out3 {
  0% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }

  50% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }
}

@keyframes line-scale-pulse-out3 {
  0% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }

  50% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  100% {
    -webkit-transform: scaley(.35);
    transform: scaley(.35)
  }
}

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(0.4);
    transform: scaley(0.4)
  }

  100% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }
}


/* myLoading 加载层，适用于接口对接请求数据时使用 end*/


/* 请求不成功弹窗 start */

.ui_alertBar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999999;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

.ui_alertBar>div {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
}

.ui_alertBar label[data-type='alertMsg'] {
  display: block;
  padding: 12px 20px;
  color: #fff;
  font-size: 16px;
}

.ui_select_dialog {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  background-color: #fff;
  border: 1px solid #bcbcbc;
}

.ui_select_dialog_bgframe {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 103;
}

.ui_select_dialog>.close {
  position: absolute;
  top: 15px;
  right: 10px;
  cursor: pointer;
  display: inline-block;
  background: url(../images/bg_ico.png) no-repeat -145px -19px;
  height: 18px;
  width: 28px;
}

.ui_select_dialog>.title {
  position: absolute;
  top: 20px;
  left: 15px;
}

.ui_select_dialog>.content {
  margin-top: 80px;
}

.ui_confirm_dialog {
  width: 420px;
  height: 230px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 999;
  background: #fff;
}

.ui_confirm_dialog>div {
  margin: 15px 20px;
}

.ui_confirm_bgframe {
  z-index: 999;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.ui_confirm_dialog .close {
  display: inline-block;
  background: url(../images/bg_ico.png) no-repeat -143px -19px;
  height: 18px;
  width: 28px;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 12px;
}

.ui_confirm_dialog .title {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}

/* 请求不成功弹窗 end */

/* 提示弹窗start */
.el-message {
  top: 48% !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation-name: animation;
  animation-name: animation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  padding: 14px 20px 14px 20px !important;
  pointer-events: none !important;
  z-index: 4000 !important;
}

.el-message__content {
  max-width: 80vw !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  height: 18px;
  line-height: 18px;
}

.el-message--error {
  border: solid 1px #e94637 !important;
  background: rgba(255, 220, 220, 0.9) !important;
}

.el-message--error .el-message__content {
  color: #e94637 !important;
}

.el-message--warning {
  border: solid 1px #ff911b !important;
  background: rgba(255, 240, 211, 0.9) !important;
}

.el-message--warning .el-message__content {
  color: #FF911B !important;
}

.el-message--success {
  border: solid 1px #67c23a !important;
  background: rgba(216, 246, 199, 0.9) !important;
}

.el-message--success .el-message__content {
  color: #55b028 !important;
}

.el-message--info {
  border: none !important;
  background: rgba(85, 85, 85, 0.9) !important;
  padding: 17px !important;
}

.el-message--info .el-message__content {
  color: #fff !important;
}

.el-message>.el-message__icon {
  margin-right: 7px;
  font-size: 18px;
}

.el-icon-warning:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlWarn.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-icon-error:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlEorr.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-icon-success:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlSucc.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-message>.el-message__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.el-message .el-icon-info {
  display: none;
}

@-webkit-keyframes animation {
  0% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes animation {
  0% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

/* 提示弹窗end */




/* start 中心部分模板 */
body,
html {
  background: #f7f7f7;
}

[v-cloak] {
  display: none !important;
}

/* input 警告 */
.redBorder {
  border: 1px solid #e94637 !important;
}

/* 按钮禁用样式 */
.btnDisable {
  background: #999 !important;
  color: #fff !important;
}

.c999 {
  color: #999;
}

/* s分页器自定义样式 */

.el-pagination {
  margin: 30px auto;
  text-align: center;
  color: #666;
  font-size: 12px;
  font-weight: normal;
}

.el-pagination .el-pager li:not(.disabled):hover {
  color: #28cccc;
}

.el-pagination .el-pager li:not(.disabled):hover {
  color: #28cccc;
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  padding: 0;
  min-width: 30px !important;
  font-size: 12px;
}

.el-pagination .el-pager li:not(.disabled).active {
  background-color: #28cccc !important;
  color: #FFF !important;
}

.el-pagination .el-pager li {
  border-radius: 50% !important;
}

.el-pagination__sizes .el-input .el-input__inner {
  font-size: 12px;
  border: solid 1px #eaeaea !important;
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  border-color: #28cccc;
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
  margin: 0 6px 0 0;
  background-color: rgba(236, 236, 236, 0.5);
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li:last-child {
  margin: 0;
}

.el-pagination__sizes .el-select .el-input .el-select__caret.is-reverse {
  color: #28cccc;
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
  background: rgba(236, 236, 236, 0.5) !important;
}

.el-pagination__sizes .el-select .el-input.is-focus .el-input__inner {
  border: solid 1px #eaeaea !important;
}

.el-pager {
  background: #ECECEC;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  margin: 0 6px
}

.el-pager li {
  height: 30px !important;
  line-height: 30px !important;
}

.el-pagination .el-pager li:not(.disabled).active,
.btn-prev,
.btn-next {
  border-radius: 50% !important;
}

.el-pagination .btn-next:hover {
  background-color: #28cccc !important;
  color: #FFF !important;
}

.el-pagination .btn-prev:hover {
  background-color: #28cccc !important;
  color: #FFF !important;
}

.el-pagination .el-pager li:hover {
  background-color: none !important;
  color: #19b0b0 !important;
}

.el-pagination__sizes .el-input__inner {
  border-color: #eaeaea !important;
}

.el-pagination .el-select .el-input {
  width: 115px;
}

.el-pagination .el-select .el-input .el-input__inner {
  height: 30px;
  line-height: 28px;
  padding-bottom: 1px;
  border-radius: 15px;
  /* width: 107px; */
}

.el-pagination .el-pagination__editor .el-input__inner {
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 15px !important;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
  margin-left: 7px;
  font-size: 12px;
}

.el-pagination__sizes {
  margin: 0 1px 0 0;
}

.paginationComCls .el-select-dropdown__item {
  font-size: 12px;
}

.paginationComCls .el-select-dropdown__item.selected {
  font-weight: normal;
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
  color: #666;
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
  color: #666;
}

.el-pagination .btn-prev[disabled]:hover {
  background-color: rgba(236, 236, 236, 0.5) !important;
}

.el-pagination .btn-next[disabled]:hover {
  background-color: rgba(236, 236, 236, 0.5) !important;
}

.paginationComCls.el-select-dropdown {
  min-width: 117px !important;
}

/* 浅色背景样式 */
.undertintBG .el-pager li {
  background-color: #f5f5f5;
}

.undertintBG .el-pager li {
  background: #f5f5f5 !important;
}

.undertintBG .el-pager {
  background: #f5f5f5;
}

.undertintBG .btn-next,
.undertintBG .btn-prev,
.undertintBG .el-pager li {
  background-color: #f5f5f5 !important;
}

/* e分页器自定义样式 */


/* s弹窗公共的样式*/

* {
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
}

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: red;
  z-index: 996;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.popMain {
  z-index: 997;
  background-color: #ffffff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding-right: 58px;
  padding-left: 58px;
  padding-bottom: 50px;
}

.popClose {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 997;
  cursor: pointer;
}

.popTitlBox {
  width: 100%;
  text-align: center;
  margin-top: 28px;
}

.popWarn {
  width: 62px;
  height: 62px;
  margin-bottom: 4px;
}

.popBtn {
  width: 100%;
  text-align: center;
}

/* .popTitl {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    line-height: 27px;

    word-break: break-all;
    text-align: center;
}
.xl_leftAlign{
    max-width: 400px;
    text-align: left !important;
}
.popBtn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.popBtn div {
    width: 94px;
    height: 32px;
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #19b0b0;
    font-size: 14px;
    color: #19b0b0;
    margin: 0 6px;
    line-height: 32px;
    cursor: pointer;
}

.popBtn div:hover {
    background-image: linear-gradient(-22deg, #28cccc 0%, #73e2e2 100%);
    color: #fff;
    border: solid 1px #fff;
}
.popBtn div a:hover{
    color: #fff;
}
.xl_cancle_btn{
    border:1px solid rgba(229,229,229,1) !important;
    color:rgba(153,153,153,1) !important;
}
.xl_cancle_btn:hover{
    border:1px solid rgba(229,229,229,1) !important;
    color:rgba(153,153,153,1) !important;
    background-image: none !important;
    background-color: none !important;
} */

/* e弹窗公共的样式*/

input:not([readonly='readonly']):focus {
  border-color: #28cccc !important;
}


.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

/* s 电子签章协议 */
#propcolPdf {
  /* width: 913px; */
  width: 913px;
  height: 200px;
  overflow-y: hidden;
  margin-top: 20px;
}

.propcolTit {
  padding-top: 8px;
}

/* e 电子签章协议 */


/* s验证发送之后按钮变灰 */
.gotCode {
  background: #d9d9d9 !important;
  color: #fff !important;
}

.gotCode:hover {
  background: #d9d9d9 !important;
  color: #fff !important;
  pointer-events: none !important;
}

/*  e验证发送之后按钮变灰*/


/* s 全局消息弹窗 */
.x_info1 {
  width: 400px;
  max-height: 354px;
  background: #fff;
  border-radius: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #e0e0e0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.x_info2 {
  height: 20px;
  line-height: 20px;
  background: #19b0b0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: #fff;
  padding: 10px;
}

.x_info3 {
  /* height: 20px;
    line-height: 20px; */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px;

}

.x_info4 {
  border-top: 1px solid #e0e0e0;
  width: 95%;
  padding: 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.x_info5 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.x_info5 img {
  width: 20px;
  height: auto;
  margin-right: 10px;
}

.x_info5 i {
  display: inline-block;
  width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.x_red {
  color: red;
}

/* s开关按钮样式 */
.switch-btn {
  position: relative;
  display: block;
  vertical-align: top;
  width: 68px;
  height: 28px;
  border-radius: 18px;
  cursor: pointer;
}

.checked-switch {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.text-switch {
  background-color: #ed5b49;
  border: 1px solid #d2402e;
  border-radius: inherit;
  color: #fff;
  display: block;
  font-size: 15px;
  height: inherit;
  position: relative;
  text-transform: uppercase;
}

.text-switch:before,
.text-switch:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.text-switch:before {
  content: attr(data-no);
  right: 11px;
}

.text-switch:after {
  content: attr(data-yes);
  left: 11px;
  color: #FFFFFF;
  opacity: 0;
}

.checked-switch:checked~.text-switch {
  background-color: #00af2c;
  border: 1px solid #068506;
}

.checked-switch:checked~.text-switch:before {
  opacity: 0;
}

.checked-switch:checked~.text-switch:after {
  opacity: 1;
}

.toggle-btn {
  background: linear-gradient(#eee, #fafafa);
  border-radius: 100%;
  height: 28px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 28px;
}

.toggle-btn::before {
  color: #aaaaaa;
  display: inline-block;
  font-size: 10px;
  letter-spacing: -2px;
  padding: 4px 0;
  vertical-align: middle;
}

.checked-switch:checked~.toggle-btn {
  left: 38px;
}

.text-switch,
.toggle-btn {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

/* e开关按钮样式 */
/* e 全局消息弹窗 */

/*s null box数据为空组件样式 */
.null-box {
  width: 100%;
  height: 100%;
  background: #fff;
  /* padding-top: 20px; */
}

.null-box1 {
  width: 100%;
  text-align: center;
  position: relative;
}

.xl_null2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.null-box1 img {
  width: 182px;
  height: auto;
}

.null-box2 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #999;
  background: #fff;
  padding: 14px 0;
}

/* .null-box2 a{
    color: #19b0b0;
    text-decoration: underline;
    cursor: pointer;
} */
/*e null box数据为空组件样式 */

/* s强制修改密码弹窗,部分样式用了warmPop样式 */
.force .x_new {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
}

.force .x_new b {
  width: 150px;
  text-align: right;
}

.force .x_new b i {
  color: #e94637;
}

.force .x_new input {
  width: 238px;
  height: 31px;
  background-color: #ffffff;
  border-radius: 4px;
  border: solid 1px #e5e5e5;
  line-height: 31px;
  margin-left: 18px;
}

.force .x_new input:focus {
  border-color: #19b0b0;
}

/* e强制修改密码弹窗 */

/* s 列表弹窗组件 */
.leadContent {
  z-index: 999 !important;
  background-color: #ffffff;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 49px 20px 50px;
  overflow: hidden;
}

.leadContent .leadPopTit {
  width: 100%;
  text-align: left;
  color: #666666;
  font-size: 16px;
  margin-bottom: 16px;
  background-color: #f7fbfc;
  height: 38px;
  line-height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 12px;

}

/* e 列表弹窗组件 */

/* s 浏览器自带input补全bug */
.tmp_buggix_class {
  width: 1px;
  height: 1px;
  opacity: 0;
  position: fixed;
  bottom: 0;
  left: 0;
}

/* e 浏览器自带input补全bug  */

/* s el-tooltips样式 */

.el-tooltip__popper {
  max-width: 332px;
  /*max-height: 70px;*/
  /*overflow-y: auto;*/
  line-height: 1.5em;
  border-radius: 2px;
  padding: 6px 16px;
  font-size: 12px;
  box-sizing: border-box;
  text-align: justify;
  word-break: break-all;
  box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.6);
}

.el-tooltip__popper.is-dark {
  background: rgba(85, 85, 85, .9);
}

.el-tooltip__popper .content {
  position: relative;
  max-height: 58px;
  margin-right: -8px;
  padding-right: 8px;
  overflow-y: auto;
  vertical-align: middle;
}

.el-tooltip__popper .content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.el-tooltip__popper .content::-webkit-scrollbar-track {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.05)
}

.el-tooltip__popper .content::-webkit-scrollbar-thumb {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #19b0b0
}

.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow {
  border-top-color: rgba(85, 85, 85, .9);
}

.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow {
  border-bottom-color: rgba(85, 85, 85, .9)
}

.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow {
  border-left-color: rgba(85, 85, 85, .9)
}

.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow {
  border-right-color: rgba(85, 85, 85, .9);
}

.el-tooltip__popper.is-dark[x-placement^=left] .popper__arrow:after,
.el-tooltip__popper.is-dark[x-placement^=right] .popper__arrow:after,
.el-tooltip__popper.is-dark[x-placement^=top] .popper__arrow:after,
.el-tooltip__popper.is-dark[x-placement^=bottom] .popper__arrow::after {
  /*border-bottom-color: transparent;*/
  opacity: 0;
}

/* e el-tooltips样式 */

/* checkbox 复选框样式 */
.el-checkbox__inner::after {
  border: 2px solid #FFF;
  height: 8px;
  border-left: 0;
  border-top: 0;
  left: 2px;
  top: -2px;
  width: 6px;
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #28CCCC;
  background: #28CCCC;
}

/* checkbox 复选框样式 end */


#udesk_btn {
  display: none;
}

/* s toast */
.yg-toast {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  top: 51%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 60%;
  text-align: center;
  transition: all .1s;
  min-width: 380px;
  box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.6);
  border-radius: 4px;
  padding: 0 4px;
  box-sizing: border-box;
  border: solid 1px rgba(85, 85, 85, 0.9);
  font-size: 14px;
  background: rgba(85, 85, 85, 0.9);
  z-index: 999;
  -webkit-animation-name: animation;
  animation-name: animation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.yg-toast-text {
  color: #fff;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* e toast */

/* s ele toast style */
.el-message {
  top: 48% !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation-name: animation;
  animation-name: animation;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  padding: 14px 20px 14px 20px !important;
  pointer-events: none !important;
}

.el-message__content {
  max-width: 80vw !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  height: 18px;
  line-height: 18px;
}

.el-message--error {
  border: solid 1px #e94637 !important;
  background: rgba(255, 220, 220, 0.9) !important;
}

.el-message--error .el-message__content {
  color: #e94637 !important;
}

.el-message--warning {
  border: solid 1px #ff911b !important;
  background: rgba(255, 240, 211, 0.9) !important;
}

.el-message--warning .el-message__content {
  color: #FF911B !important;
}

.el-message--success {
  border: solid 1px #67c23a !important;
  background: rgba(216, 246, 199, 0.9) !important;
}

.el-message--success .el-message__content {
  color: #55b028 !important;
  /* line-height: normal; */
}

.el-message--info {
  border: none !important;
  background: rgba(85, 85, 85, 0.9) !important;
  padding: 17px !important;
}

.el-message--info .el-message__content {
  color: #fff !important;
}

.el-message>.el-message__icon {
  margin-right: 7px;
  font-size: 18px;
}

.el-icon-warning:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlWarn.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-icon-error:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlEorr.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-icon-success:before {
  content: "";
  background-image: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/xlSucc.png');
  background-size: 100%;
  display: inline-block;
  margin-right: 2px;
  height: 18px;
  width: 18px;
  content: "";
}

.el-message>.el-message__icon {
  display: inline-block;
  width: 18px;
  height: 18px;
}

.el-message .el-icon-info {
  display: none;
}








@-webkit-keyframes animation {
  0% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

@keyframes animation {
  0% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.8, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  4.7% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.89, 0, 0, 0, 0, 0.89, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  9.41% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.977, 0, 0, 0, 0, 0.977, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  14.11% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.028, 0, 0, 0, 0, 1.028, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  18.72% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.042, 0, 0, 0, 0, 1.042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  24.32% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.03, 0, 0, 0, 0, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  29.93% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  35.54% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.996, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  41.04% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.992, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  52.15% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(0.998, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  63.26% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  85.49% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }

  100% {
    left: 50%;
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}




/* e ele toast style */
input {
  caret-color: #28cccc;
}

/* 反爬虫行为验证按钮 */
.xl_geetest_btn {
  margin: 42px 2px 0 0;
}

/* s 日期控件 */
.el-picker-panel {
  box-shadow: 0px 2px 16px 0px rgba(222, 222, 222, 0.77);
  border-radius: 4px;
  border: solid 1px #28cccc;
  overflow: hidden;
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
  width: 265px;
}

.el-date-editor .el-range__icon {
  color: #28cccc;
  font-size: 15px;
}

.el-date-editor .el-range-input {
  color: #333;
  margin-left: 10px;
}

.el-range-editor--mini .el-range-input {
  font-size: 14px;
}

.el-date-range-picker.has-sidebar {
  width: 748px;
}

.el-date-table__row {
  /* background-color: #f7f7f7; */
  overflow: hidden;
}

.el-date-table__row td {
  background-color: #f7f7f7;
}

.el-date-table tr:nth-child(2) td:first-child {
  border-radius: 4px 0 0 0;
}

.el-date-table tr:nth-child(2) td:last-child {
  border-radius: 0 4px 0 0;
}

.el-date-table tr:last-child td:first-child {
  border-radius: 0 0 0 4px;
}

.el-date-table tr:last-child td:last-child {
  border-radius: 0 0 4px 0;
}

.el-date-table th {
  border-bottom: none;
}

.el-picker-panel__icon-btn:hover {
  color: #28cccc;
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
  background-color: #28cccc;
}

.el-date-table td span {
  width: 22px;
  height: 19px;
  border-radius: 10px;
  line-height: 19px;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover,
.el-date-table.is-week-mode .el-date-table__row.current div,
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: #ececec;
  color: #19b0b0;
}

.start-date>div>span,
.end-date>div>span {
  color: #fff !important;
}

.el-date-table td,
.el-date-table td div {
  height: 24px;
}

.el-date-table th {
  padding: 0;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: #28cccc !important;
}

.el-icon-date {
  background: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/rili.png') center center no-repeat;
  background-size: 15px;
}

.el-icon-date:before {
  content: "替";
  font-size: 16px;
  visibility: hidden;
}

.el-range-editor--mini .el-range__close-icon {
  background: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/center/riliclose.png') center center no-repeat;
  background-size: 15px;
  opacity: 0 !important;
}

.el-range-editor--mini:hover .el-range__close-icon {
  opacity: 1 !important;
}

.el-range__close-icon::before {
  content: "替";
  font-size: 16px;
  visibility: hidden;
}

.el-picker-panel__shortcut {
  color: #666;
}

.el-date-range-picker__header div {
  color: #666;
}

.el-picker-panel__shortcut {
  padding-left: 16px;
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
  width: 98px;
}

.el-date-range-picker__content {
  padding-bottom: 20px;
}

.el-picker-panel__body {
  margin-left: 98px !important;
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
  padding-top: 4px;
}

.el-picker-panel {
  color: #333;
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
  color: #999;
}

/* e 日期控件 */

/*s input 修改默认样式 */
::-webkit-input-placeholder {
  color: #999 !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #999 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #999 !important;
}

:-ms-input-placeholder {
  color: #999 !important;
}

.el-input__inner {
  border: 1px solid #eaeaea;
}


/*e input 修改默认样式 */

/* s ele 下拉框样式 */
.el-select-dropdown {
  border: 1px solid #28cccc !important;
}

.el-select-dropdown .el-scrollbar__bar.is-vertical {
  width: 2px;
  right: 1px;
  border-radius: 1px;
}

.el-select-dropdown .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
  background-color: #ccc;
}

.el-select-dropdown__list {
  padding: 0 4px;
}

.el-select-dropdown__item {
  height: 28px;
  line-height: 28px;
  margin: 3px 0;
  padding: 0 14px;
  color: #666;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: rgba(234, 234, 234, 0.5);
  border-radius: 4px;
}

.el-select-dropdown__item.selected {
  color: #19b0b0;
  background: rgba(40, 204, 204, .1);
}

.el-select-dropdown[x-placement^=top] .popper__arrow {
  opacity: 0;
}

.el-select-dropdown[x-placement^=top] {
  margin-bottom: 6px;
}

.el-select-dropdown[x-placement^=bottom] {
  margin-top: 6px !important;
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: #28cccc;
}

.el-select .el-input .is-reverse {
  color: #28cccc;
}

.el-select .el-input__inner:focus {
  border-color: #19b0b0;
}

.el-select>.el-input>input {
  border-radius: 4px;
}

.el-select-dropdown[x-placement^=bottom] .popper__arrow {
  opacity: 0;
}

/* e ele 下拉框样式 */


/* end 中心部分模板 */
/*产品最小起订量提示样式*/
.product-right-tip {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(calc(100% + 18px));
  background: rgba(85, 85, 85, 0.9);
  font-size: 12px;
  color: #fff;
  z-index: 2;
  height: 32px;
  padding: 0 17px;
  line-height: 32px;
  white-space: nowrap;
  box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.6);
  border-radius: 2px;
  display: none;
}

.product-right-tip span {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: rgba(85, 85, 85, 0.9);
}

/*end 产品最小起订量提示样式*/

.iconfont.iconchakanyuanyin {
  font-size: 14px;
  color: transparent;
  -webkit-background-clip: text;
  background-image: linear-gradient(to right bottom, #f2a09b, #e94637);
}

/*订单合同状态*/
.contract-state {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  min-width: 52px;
  height: 24px;
  box-sizing: border-box;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #ee887f;
  border-radius: 2px;
  border: 1px solid #f1877d;
  transform: rotate(-40deg) translate3d(-4%, -72%, 0);
  transform-origin: 100% 50%;
}

.el-input__inner {
  color: #333;
}

.el-dialog {
  border-radius: 6px;
}

.el-dialog .el-dialog__headerbtn {
  width: 38px;
  height: 38px;
  line-height: 38px;
  top: 0;
  right: 0;
  font-size: 22px;

}

.el-dialog .el-dialog__close {
  color: #ccc;
}

/* 登录底部组件样式 */
.login-bottom {
  display: flex;
  height: 64px;
  padding: 0 16px;
  border-radius: 0px 0px 8px 8px;
  background: #F7F7F7;
}

.login-bottom .col {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  padding-left: 24px;
  font-size: 14px;
  line-height: 1em;
  color: #19B0B0;
}

.login-bottom .col:not(:first-child)::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 24px;
  left: -1px;
  top: 50%;
  margin-top: -12px;
  background: #ECECEC;
}

.login-bottom .col:first-child {
  cursor: pointer;
}

.login-bottom .col .iconfont {
  width: 20px;
  height: 22px;
  line-height: 22px;
  margin-right: 6px;
  font-size: 20px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(-22deg, #28CCCC 0%, #73E2E2 100%);
}

/* 登录底部组件样式 end */

/* 获取验证码表单组件 */
.form-item-get-code {
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

.form-item-get-code .el-input__inner,
.form-item-get-code .el-input-group__append {
  border: none !important;
  background: none;
}
.form-item-get-code .el-input-group__append {
  padding: 0;
}

.form-item-get-code .el-input-group__append button {
  position: relative;
  display: block;
  width: 110px;
  height: 100%;
  color: #19b0b0;
  font-size: 14px;
  background: none;
}
.form-item-get-code .el-input-group__append button::before {
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    top: 50%;
    left: -1px;
    margin-top: -8px;
    background: #e5e5e5;
}
.form-item-get-code .el-input-group__append button:disabled {
  color: rgba(25, 176, 176, 0.4);
}

/* 获取验证码表单组件 end */

/* 会员中心公用标题样式 */
.centerPage-title {
    border-bottom: 2px solid #eaeaea
}

.centerPage-title h2 {
    position: relative;
    display: inline-block;
    height: 100%;
    padding: 4px 0 20px;
    line-height: 1em;
    box-sizing: content-box;
    font-size: 14px;
    color: #19b0b0
}

.centerPage-title h2::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    top: 100%;
    left: 0;
    background: #19b0b0
}

.centerPage-subTitle {
    display: flex;
    align-items: center;
    line-height: 1em;
    color: #666;
    font-size: 14px
}

.centerPage-subTitle::before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    background: linear-gradient(154.89deg, #73E2E2 13.83%, #28CCCC 88.3%)
}
/* 会员中心公用标题样式 end */
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
  color: #e94637;
}
.el-form .el-form-item.is-error .el-input__inner {
  border-color: #e94637;
}
.el-form-item__error {
  color: #e94637;
}

.ding-icon {
  border-radius: 50%;
  height: 20px !important;
  width: 20px !important;
  line-height: 19px;
  text-align: center;
  padding: 0 3px;
  color: #e94637 !important;
  border-color: #e94637 !important;
  margin-right: 1px;
  cursor: pointer;
}
.remark-textarea{
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  padding-bottom: 20px !important;
}

.remark-textarea .el-textarea__inner{
  border: 0 !important;
}
.remark-textarea .el-input__count{
  background: transparent !important;
  bottom: -16px;
  line-height: 14px;
}
.el-textarea__inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.el-textarea__inner::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px #E5E5E5;
  background: #E5E5E5;
}
.el-textarea__inner::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px #fff;
  border-radius: 10px;
  background: #fff;
}

/* 促销公共样式 start */
.card-bg {
  display: inline-flex;
  overflow: hidden;
  position: relative;
  height: 20px;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  margin-top: 8px;
}
.card-bg::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(233, 70, 55, 0.5);
  position: absolute;
  left: -7px;
  top: 4px;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
  box-sizing: border-box;
}
.card-bg::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(233, 70, 55, 0.5);
  position: absolute;
  right: -7px;
  top: 4px;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
  box-sizing: border-box;
}
.card-bg .card-bg-bor {
  border: 1px solid #E94637;
  border-radius: 4px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  background: #FEEAEE;
  opacity: 0.5;
}
.card-bg span {
  position: relative;
  z-index: 2;
  font-size: 12px;
  color: #E94637;
}
.quota-box {
  position: absolute;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  background: #FBE8E4;
  border-radius: 2px;
  font-size: 12px;
  color: #E94637;
  white-space: nowrap;
}
.quota-box.new {
  display: inline-flex;
  position: static;
  transform: translateX(0);
  margin-top: 3px;
}
.dis-del-price {
  font-size: 12px;
  color: #666 !important;
  text-decoration: line-through;
}
.promotion-tag {
  display: flex;
  align-items: center;
  height: 28px;
  /* background: url('../d');
  background-size: 100% 100%; */
  margin-bottom: 2px;
  font-weight: 600;
  font-family: PingFang SC;
}
.promotion-tag.title1 {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/detail/label1.png?v=1);
  background-size: 100% 100%;
}
.promotion-tag.title2 {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/detail/label2.png);
  background-size: 100% 100%;
}
.promotion-tag.title3 {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/detail/label3.png);
  background-size: 100% 100%;
}
.promotion-tag.title4 {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/detail/label4.png);
  background-size: 100% 100%;
}
.promotion-tag .promotion-left {
  flex: 1;
  font-size: 18px;
  color: #fff;
  padding-left: 10px;
}
.promotion-tag .promotion-left span {
  font-size: 14px;
}
.promotion-tag .promotion-right {
   width: 35px;
   text-align: center;
   font-size: 20px;
   color: #E94637;
   margin-right: 18px;
}
.promotion-tag .promotion-center {
  flex: 1;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.promotion-tag .promotion-center span {
  font-size: 12px;
}
/* 促销公共样式 end */
/* 导出excel样式 */
.xl_export {
  position: absolute;
  width: 100%;
  padding: 3px;
  top: 33px;
  left: 0;
  color: #666;
  border: #28CCCC 1px solid;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
  cursor: pointer;
  line-height: normal;
}

.xl_export .item {
  display: block;
  margin: 2px 0 1px;
  text-align: center;
  color: #666;
  font-size: 14px;
  border-radius: 2px;
  padding: 7px 12px;
}

.xl_export .item:hover {
  color: #19B0B0;
  background: rgba(40, 204, 204, 0.10);
}

.xl_export div:hover {
  background: #DFF7F7;
  color: #19B0B0;
  font-weight: 600;
  border-radius: 6px;
}

#J-search-mod .u-searchHotWord {
  text-align: left;
}
.textCenter {
  text-align: center;
}

/* 分类悬浮框边界样式 */
#header_nav .category-list {
  width: 223px;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding: 0 0 24px 0;
}
#header_nav .category-list .nav-item:first-of-type {
  padding-top: 18px;
}
#header_nav .category-list:hover {
  border: 1px solid #28CCCC;
  border-right: 0;
  border-radius: 2px 0 0 2px;
}
#header_nav .category-list .category-menu {
  left: 222px;
}
#header_nav .category-list:hover .category-menu::after {
  content: '';
  position: absolute;
  z-index: 0;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid #28CCCC;
  border-left: 0;
  border-radius: 0 2px 2px 0;
}

/*导航栏*/
#container{
  margin-top: 10px;
}
.m-category-all .category-list{
  box-shadow: unset;
}
.m-category-all{
  width: 222px;
}
#header_nav .main-nav-list{
  left: 222px;
}
.m-category-all .menu-title{
  background: #19b0b0;
  color: #fff;
  padding-left: 44px;
}
.m-category-all .menu-title i{
  color: #fff;
  left: 14px
}
.main-nav-list{
  padding-left: 13px;
}
#header_nav .main-nav-list a {
  padding: 0 20px;
}
#header_nav .main-nav-list a:first-child {
padding-left: 11px;
}

/* 首页置顶搜索框 */
#header_middle_home .m-headerLayout {
  height: 60px;
}
#header_middle_home .m-headerLayout .container {
  height: 100%;
}
#header_middle_home .m-headerLayout .container .u-logo-header {
  top: 11px;
}
#header_middle_home .m-headerLayout .container .f-search-top {
  height: 100%;
  padding-top: 11px;
}


/* 极速询价、采购清单按钮 */
.h-swiper-btn {
  width: 102px;
	height: 33px;
	/* background-color: rgb(253, 225, 192); */
  border: 1px solid #ffdcca;
  background: url('https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/mro/bg-btn-files.png'),linear-gradient(95.41deg, #FFCD62 0.49%, #FF6846 99.19%);
	border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 16px;
  top: -1px;
  cursor: pointer;
  overflow: hidden;
}
.h-swiper-btn::before {
  box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, 0.5);
  position: absolute;
  content: "";
  border-radius: 100%;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  background-size: 100% 100%;
  transition: width 0.3s ease 0s, padding 0.3s ease 0s, transform 0.3s ease 0s, opacity 0.3s ease 0s;
  z-index: 1;
}
.h-swiper-btn:hover::before {
  width: 120%;
  padding-top: 120%;
}
.h-swiper-btn img {
  width: 20px;
  height: 18px;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-right: 4px;
}
.h-swiper-btn .swiper-box {
  width: 56px;
  height: 32px;
  overflow: hidden;
}
.h-swiper-btn .swiper-box .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
	font-family: MicrosoftYaHei;
	font-size: 14px;
  line-height: 22px;
	font-weight: 700;
	font-stretch: normal;
	color: #fff;
  position: relative;
  top: -1px;
  background-color: transparent;
  text-shadow: 0px 2px 4px #B92B00B5;

}
/* .h-swiper-btn .swiper-box .swiper-slide:nth-child(2n) {
  color: #E94637;
} */

/* 搜索联想框 极速采购 */
.s-realut-box .s-mro-box {
  position: sticky;
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 11px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s-realut-box .s-mro-box .img {
  width: 49%;
  height: 83px;
  cursor: pointer;
  overflow: hidden;
}
.s-realut-box .s-mro-box img {
  width: 100%;
  height: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  transform: scale(1);
  transition: all 0.4s ease;
}
.s-realut-box .s-mro-box .img:hover img {
  transform: scale(1.1);
  transition: all 0.4s ease;
}

/* 2025首页右侧导航改版样式 */
.side-bar .mod {
  left: auto !important;
  right: 0 !important;
  background: rgba(34, 34, 34, 0.9);
  border-radius: 10px 0 0 10px;
}
.side-bar .mod .item {
  width: 68px;
  height: 68px;
  margin: 0;
  box-sizing: border-box;
  padding-top: 14px;
  background: transparent;
  position: relative;
  overflow: initial;
}
.side-bar .mod .item::before {
  content: '';
  width: 20px;
  height: 1px;
  background-color: #666;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.side-bar .mod .item:last-of-type::before {
  display: none;
}
.side-bar .mod .item:first-of-type {
  border-radius: 8px 0 0 0;
}
.side-bar .mod .item:last-of-type {
  border-radius: 0 0 0 8px;
}
.side-bar .mod .item img {
  width: 24px;
  height: 24px;
  display: block;
  line-height: 0;
  font-size: 0;
  margin: 0 auto 6px;
}
.side-bar .mod .item img.def {
  display: block;
}
.side-bar .mod .item img.act {
  display: none;
}
.side-bar .mod .item .side-txt {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  color: #fff;
  position: relative;
  bottom: 0;
}
.side-bar .mod .item:hover {
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
}
.side-bar .mod .item:hover .side-txt {
  color: #333;
}
.side-bar .mod .item:hover img.def {
  display: none;
}
.side-bar .mod .item:hover img.act {
  display: block;
}
.side-bar .mod .item .item-count {
  top: 10px;
  left: -15px;
  right: auto;
  height: 20px;
  border-radius: 8px 8px 0 8px;
  background: #E94637;
  display: inline-block;
  align-items: center;
  justify-content: center;
  font-family: PingFang SC;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0px;
  text-align: center;
  color: #fff;
  padding: 4px 6px;
}
.side-bar .mod .item .qrcode-box {
  position: absolute;
  width: 114px;
  left: -136px;
  top: -135px;
  flex-direction: column;
  display: none;
  padding: 10px;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: content-box;
}
.side-bar .mod .item:hover .qrcode-box {
  display: flex;
}
.side-bar .mod .item .qrcode-box .q-box {
  width: 114px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.side-bar .mod .item .qrcode-box img {
  width: 114px;
  height: auto;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  margin-bottom: 4px;
}
.side-bar .mod .item .qrcode-box span {
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  line-height: 28px;
  text-align: center;
}

.s-realut-box ul li a * {
  pointer-events: none;
}

#header_nav {
  border-bottom: 2px solid #28CCCC;
  box-sizing: border-box;
}
.m-category-all .menu-title {
  border-radius: 6px 6px 0 0;
}


/* 提示框样式 */
.tooltip-box {
  position: relative;
  z-index: 1;
}
.tooltip-box .tooltip {
  height: 30px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(85, 85, 85, .9);
  box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.6);
  border-radius: 2px;
  padding: 6px 16px;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translate(-50%, -100%);
}
.tooltip-box .tooltip span {
  font-size: 12px;
  white-space: nowrap;
  color: #fff;
}
.tooltip-box .tooltip img {
  width: 10px;
  height: 10px;
  overflow: hidden;
  margin-left: 10px;
  cursor: pointer;
}
.tooltip-box .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  border-top-color: rgba(85, 85, 85, .9);
  border-bottom-width: 0;
  bottom: -5px;
}

/* 右侧导航采购助理 */
.side-bar-assistant-box {
  position: relative;
}
.side-bar-assistant-box .ip-text {
  width: 68px;
  height: 53px;
  box-sizing: border-box;
  padding: 4px 10px;
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
  border-radius: 10px 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0%;
  color: #fff;
  box-shadow: 0px 1px 2px 0px #007C7C70;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.side-bar-assistant-box .ip-img {
  width: 110px;
  height: 148px;
  position: absolute;
  top: -89px;
  right: -26px;
  z-index: 0;
}
.side-bar-assistant-box .ip-img img {
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  display: block;
}
.side-bar-assistant-box .ip-context {
  width: 226px;
  /* height: 91px; */
  box-sizing: border-box;
  padding: 10px 14px 10px 14px;
  position: absolute;
  right: 58px;
  top: -100%;
  transform: translateY(calc(-100% + 5px));
  border-radius: 10px 10px 2px 10px;
  background: linear-gradient(151.11deg, #31BEC2 3.98%, #1174C6 83.83%);
  backdrop-filter: blur(4px);
  /* border: 1px solid #19B0B080; */
}
.side-bar-assistant-box .ip-context .text {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #fff;
}
.side-bar-assistant-box .ip-context .purchase-text {
  margin-top: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
.side-bar-assistant-box .ip-context .purchase-text .btn {
  min-width: 57px;
  height: 22px;
  box-sizing: border-box;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #19B0B080;
  border-radius: 11px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF);
  position: relative;
  overflow: hidden;
  margin-right: 6px;
  cursor: pointer;
}
.side-bar-assistant-box .ip-context .purchase-text .btn::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  background: linear-gradient(135deg, rgba(115, 226, 226, 0.1) 0%, rgba(40, 204, 204, 0.1) 100%);
}
.side-bar-assistant-box .ip-context .purchase-text .btn:last-of-type {
  margin-right: 0;
}
.side-bar-assistant-box .ip-context .purchase-text .btn span {
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  letter-spacing: 0%;
  color: #19B0B0;
}
.side-bar-assistant-box .ip-context .purchase-text .btn .purchase-btn-icon {
  font-size: 12px;
  color: #19B0B0;
}


.loading-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-color: rgba(255,255,255,0.8);
}
.loading-box img {
  width: 40px;
  height: 40px;
  animation: loading-ani linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
@keyframes loading-ani {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.custname-div .el-input__inner{
  cursor: auto !important;
}


#header_middle .search-btn, #header_middle_home .search-btn{
width: 60px;
height: 32px;
min-width: auto;
margin-right: 6px;
}
.ai-btn{
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.ai-btn .ai-logo{
  width: 34px;
  animation: jump 1.2s infinite;
}
@keyframes jump {
  0%,
  100% {
    transform: translateY(2px);
  }
  50% {
    transform: translateY(-1px);
  }
}
.ai-btn .ai-logo-bottom{
  width: 19px;
  height: 6px;
}
.ai-btn .ai-tips{
    position: absolute;
    width: 85px;
    top: -13px;
    left: -63px;
    z-index: 1;
}
#mergeWin #eleMergeDialog .nindex-th {
  box-sizing: border-box;
  padding-left: 74px;
}
#mergeWin #eleMergeDialog .nindex {
  position: relative;
  display: flex;
  align-items: center;
}
#mergeWin #eleMergeDialog .nindex .match {
  width: 74px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(233, 70, 55, 0.2);
  font-size: 12px;
  line-height: 12px;
  color: #e94637;
  position: absolute;
  left: 0;
}
.newMergeList .borline .tr>div:nth-child(1) {
  width: 120px !important;
  box-sizing: border-box;
  padding-left: 74px;
}
.newMergeList .borline .tr .index {
  width: 46px;
  display: inline-block;
  text-align: center;
}
.newMergeList .borline .tr>div:nth-child(5) {
  width: 60px !important;
}

.newMergeList .borline .tr>div:nth-child(6) {
  width: 60px !important;
}

.beautify-scroller::-webkit-scrollbar {
  width: 15px !important;
  cursor: pointer;
}