/* body { background:#f5f5f5;} */


.w {
  width: 100%;
}

#header {
  margin-top: 10px;
}

#header .fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  padding: 10px 0;
  border-bottom: 1px solid #28cccc;
  background: #fff;
  box-shadow: 0px 0px 24px rgba(225, 225, 225, 0.4);
}

#header .fixed .filterBox {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
}

#header .filterBox {
  background: #F6F6F6;
  margin-bottom: 16px;
  height: 25px;
  position: relative;
}

/*#header .filterBox i { color: #adadad; margin: 0 10px; }*/
#header .filterBox .bg {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_filter_icon.png);
  background-repeat: no-repeat;
  display: inline-block;
}

#header .filterBox .right_icon {
  width: 5px;
  height: 10px;
  background-position: -47px 0px;
  margin: 0 10px;
}

/* #header .filterBox > li:first-child { width: 130px; text-align: center; } */
/* #header .filterBox > li:first-child >b{display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} */
#header .filterBox .content {
  background: #eb6161;
  color: #fff;
  padding: 5px 10px 4px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1000;
}

#header .filterBox .content b {
  display: inline-block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
  margin-bottom: 2px;
}

#header .filterBox .down {
  width: 10px;
  height: 12px;
  background-position: -90px 2px;
  margin: 0 0 0 5px;
}

#header .filterBox .del {
  width: 10px;
  height: 12px;
  background-position: 0px 2px;
  margin: 0 0 0 5px;
  cursor: pointer;
  position: relative;
  z-index: 9999;
}

#header .filterBox .clear {
  font-size: 12px;
  color: #19B0B0;
  cursor: pointer;
  position: absolute;
  right: 0;
}

#header .layerBox {
  width: 1042px;
  position: absolute;
  top: 0px;
  left: 132px;
  z-index: 999;
}

#header .layerBox .outBox {
  border: 1px solid #ec7070;
  background: #fff;
  padding: 15px 30px;
  box-sizing: border-box;
  margin-top: 31px;
}

#header .filterBox .content .top {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_layer_icon.png);
  background-repeat: no-repeat;
  background-color: #fff;
  display: none;
  width: 12px;
  height: 6px;
  background-size: 100% auto;
  position: absolute;
  bottom: -7px;
  left: 50%;
  border-bottom: 1px solid #fff;
  z-index: 9999;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#header .layerBox .item li {
  margin-right: 20px;
  padding: 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}

#header .layerBox .categoryBox {
  border: 0px;
  border-top: 1px solid #dcdcdc;
}

#header .layerBox .item .active {
  border-bottom: 2px solid #25c3c7;
  color: #00abb0;
}

#header .chooseBox {
  border: 1px solid #eaeaea;
  background: #f9f9f9;
  border-bottom: none;
}
#header .chooseBox:last-child{
  border-bottom: 1px solid #eaeaea;
}

#header .chooseBox:nth-last-of-type(1) {
  border-bottom: 1px solid #eaeaea;
}

#header .chooseBox .left {
  text-align: center;
  margin: 19px 0;
  width: 88px;
}

#header .chooseBox .cate-item-box {
  border-left: 1px solid #eaeaea;
  background: #fff;
  padding: 16px 20px;
  padding-right: 86px;
  position: relative;
  padding-bottom: 8px;
  flex: 1;
}

#header .chooseBox .right .item li {
  padding: 5px 20px;
  border: 1px solid transparent;
  cursor: pointer;
}

#header .chooseBox .right .active {
  border: 1px solid #25c3c7 !important;
  border-bottom: 1px solid #fff !important;
  position: relative;
  z-index: 0;
  color: #00abb0;
}

#header .icon {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
}

#header .icon_id_26 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 14px;
  height: 10px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_26.png);
}

#header .icon_id_26_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_26_s.png);
}

#header .icon_id_32 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 12px;
  height: 16px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_32.png);
}

#header .icon_id_32_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_32_s.png);
}

#header .icon_id_127 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 16px;
  height: 16px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_127.png);
}

#header .icon_id_127_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_127_s.png);
}

#header .icon_id_154 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 13px;
  height: 16px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_154.png);
}

#header .icon_id_154_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_154_s.png);
}

#header .icon_id_370 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 14px;
  height: 14px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_370.png);
  background-size: 100% auto;
}

#header .icon_id_370_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_370_s.png);
}

#header .icon_id_183 {
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  background-position: left center;
  width: 10px;
  height: 16px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_183.png);
}

#header .icon_id_183_s {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/icon_id_183_s.png);
}

#header .categoryBox {
  border: 1px solid #25c3c7;
  margin-top: -1px;
  padding: 10px 10px 0px 10px;
  box-sizing: border-box;
}

#header .categoryBox .contents {
  min-width: 40%;
  margin: 0 50px 15px 0;
}

/*#header .categoryBox .contents:nth-of-type(2n) { margin-right: 0px; }*/
#header .categoryBox .contents:nth-last-of-type(1) dd {
  border-bottom: 0px;
}

#header .categoryBox .contents dt {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_category_opt.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 101px;
  padding: 7px 5px 5px 0;
  text-align: center;
  margin-right: 5px;
  box-sizing: border-box;
}

#header .categoryBox .contents .check {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_category_opts.png);
  color: #fff;
}

/*#header .categoryBox .contents dd { border-bottom: 1px solid #dedede; }*/
#header .categoryBox .contents span {
  /*border-right: 1px solid #dedede;*/
  margin-bottom: 22px;
  box-sizing: border-box;
  padding: 0 5px;
  position: relative;
}

#header .categoryBox .contents span:nth-last-of-type(1) {
  border-right: 0px;
}

#header .categoryBox .contents span b {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

#header .categoryBox .contents span:not(:nth-last-of-type(1)):after {
  content: '';
  border-right: 1px solid #dedede;
  height: 14px;
  margin-left: 10px;
}

#header .categoryBox .contents span i {
  display: block;
  color: #969696;
  margin-left: 10px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_category_right.png) no-repeat;
  background-size: 5px auto;
  background-position: left center;
  padding: 3px 7px;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  position: absolute;
}

#header .categoryBox .contents span i.bottom {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_category_bottom.png) no-repeat;
  background-position: -1px center;
}

#header .checkBox {
  padding-bottom: 0px;
}

#header .chooseBox .an {
  width: 25px;
  color: #fff;
  background: #0fbcbe;
  cursor: pointer;
}

#header .chooseBox .an i {
  display: block;
  width: 10px;
  height: 10px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_bottom.png) no-repeat;
  background-size: 100% auto;
  margin-top: 5px;
}

/* #header .checkBox li {
  margin: 7px 0 7px 15px;
  width: 110px;
  cursor: pointer;
  text-align: left !important;
} */

#header .checkBox li b,
.parameterBox .checkBox li b {
  word-break: break-all;
}

#header .checkBox li>span,
.parameterBox .checkBox li>span {
  display: block;
  float: left;
  width: 88px;
}

/* #header .checkBox li i,
.parameterBox .checkBox li i {
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_checked.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  background-position: 0 0;
  margin-right: 10px;
  vertical-align: text-top;
  margin-top: 1px;
} */

#header .checkBox .check,
.parameterBox .checkBox .check {
  background-position: -121px 0px;
}

#header .tick,
.parameterBox .tick {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_icon_tick.png) no-repeat !important;
  background-position: right bottom !important;
  border: 1px solid #25c3c7 !important;
  color: #000 !important;
}

.parameterBox {
  width: 265px;
  border: 1px solid #dedede;
}

.parameterBox h3 {
  height: 35px;
  color: #fff;
  background: #5acccf;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
}

.parameterBox h3 b {
  font-size: 14px;
  text-align: center;
  display: block;
}

.parameterBox .notParameterBox {
  border-top: 1px solid #dedede;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/no_search_parameter.png) no-repeat;
  background-position: center 15px;
  overflow: hidden;
  height: 325px;
}

.parameterBox .notParameterBox p {
  text-align: center;
  color: #000;
  font-size: 16px;
  margin: 185px 0 0;
  line-height: 180%;
}

.parameterBox .notParameterBox p b {
  color: #eb6161;
  font-size: 25px;
}

.parameterBox .icon {
  display: block;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_parameter.png);
  background-repeat: no-repeat;
  margin-right: 10px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.parameterBox .icon1 {
  width: 19px;
  height: 15px;
  background-image: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/search_bottom.png);
  background-size: 100% auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.parameterBox .icon2 {
  width: 22px;
  height: 22px;
  background-position: -144px -38px;
  transform: rotate(-90deg);
}

.parameterBox .icon3 {
  width: 11px;
  height: 9px;
  background-position: 0px -7px;
  transition: all .3s;
}

.parameterBox .icon4 {
  width: 21px;
  height: 21px;
  background-position: -145px 0px;
  display: none;
}

.parameterBox .rotate {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.parameterBox .titleBox {
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  padding: 5px 0 5px 20px;
  box-sizing: border-box;
  font-size: 14px;
  background: #fff;
  cursor: pointer;
}

.parameterBox .checkBox {
  padding: 15px 15px 0;
  background: #F8F8F8;
  cursor: pointer;
}

.parameterBox .checkBox:nth-last-of-type(1) {
  border-bottom: 0px;
}

.parameterBox .checkBox li {
  width: 50%;
  margin-bottom: 15px;
  padding-bottom: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.parameterBox .allBox {
  padding: 3px 0 10px;
  cursor: pointer;
  background: #F8F8F8;
  height: 40px;
  box-sizing: border-box;
}

.parameterBox .allBox .retract {
  padding-left: 31px;
  box-sizing: border-box;
}

.parameterBox .allBox b {
  color: #777777;
}

#header .packUp,
.parameterBox .packUp {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#header .chooseBox .right .item li:hover,
#header .categoryBox .contents span b:hover,
#header .categoryBox .contents span i:hover,
#header .checkBox li:hover,
.parameterBox .checkBox li:hover {
  color: #62d3d7;
}

/*选型*/
#header .position>li {
  position: relative;
}

#header .select_outBox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: none;
}
#header .select_outBox.child-box{
  display: block;
}
#header .select_outBox.child-box .left {
  width: auto;
  text-align: left;
  margin: 0;
}
#header .select_outBox.child-box .select_box{
  margin-top: 0;
  padding: 10px 0;
}
#header .select_outBox.child-box .select_box li {
  display: flex;
  align-items: center;
  position: relative;
}

#header .select_outBox * {
  margin: 0;
  padding: 0;
}

#header .triangle_icon {
  height: 0px;
  width: 0px;
  border-left: 5px solid transparent;
  border-bottom: 5px solid #555;
  border-right: 5px solid transparent;
  opacity: 0.9;
  position: absolute;
  left: 30%;
  top: 30px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: none;
  z-index: 2;
}

#header .select_box {
  background-color: rgba(85, 85, 85, .9);
  padding: 16px 0;
  margin: 35px 0 0 0px;
  color: #fff;
  font-size: 12px;
  max-height: 500px;
  overflow: auto;
  border-radius: 2px;
  box-shadow: 0px 0px 10px rgba(153, 153, 153, 0.6);
}

#header .select_box .left {
  border-right: 1px dashed rgba(255, 255, 255, 0.2);
  height: 100%;
}

#header .select_box .left,
#header .select_box .right {
  padding: 0 16px;
  white-space: nowrap;
}

#header .select_box .left:nth-last-of-type(1) {
  border-right: 1px solid transparent;
}
#header .select_box .left>li:first-child{
  margin-top: 0px;
}
#header .select_box .left>li:last-child{
  margin-bottom: 0px;
}
#header .select_box .left>li,
#header .select_box .right>li {
  margin: 16px 0;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  position: relative;
}
#header .select_box .left>li b {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
#header .filterBox li .copy-box{
  padding: 8px;
  background: rgba(75, 75, 75, .91);
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  white-space: nowrap;
  transform: translateY(22px);
  border-radius: 4px;
  box-sizing: border-box;
}
#header .filterBox li .copy-box.normal {
  white-space: normal;
}
/* #header .select_box .left>li:nth-last-of-type(1),#header .select_box .right>li:nth-last-of-type(1){margin-bottom: 8px;} */
#header .select_box .left>li:hover {
  color: #19B0B0;
}

#header .select_box .active {
  color: #19B0B0;
  text-decoration: underline;
}

#header .select_box .active2 {
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%) !important;
  border-radius: 2px;
}

#header .select_box .accessory1,
#header .select_box .accessory2 {
  display: inline-block;
  color: #fff;
  padding: 0px 6px;
  border-radius: 2px;
  box-sizing: border-box;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-left: 4px;
}

#header .select_box .accessory1 {
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
}

#header .select_box .accessory2 {
  border: 1px solid #fff;
}

#header .select_nocheck {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/search/select_check_icon.png) no-repeat;
  margin-right: 10px;
  background-position: -1px 0;
  margin-top: 2px;
  vertical-align: text-top;
}

#header .select_check {
  background-position: -1px -26px;
}

/*搜索状态栏*/
.status-menu {
  position: relative;
  height: 36px;
  background: #ffffff;
  border: 1px solid #dedede;
}

.status-menu ul {
  display: inline-block;
}

.status-menu ul li {
  display: inline-block;
  cursor: pointer;
  color: #000;
  float: left;
  width: 65px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-right: 1px solid #dedede;
}

.status-menu ul li:hover {
  background: #d8f8f8;
}

.status-menu ul li.current {
  background: #0fbcbe;
  color: #fff;
}

.status-menu ul li i {
  margin-left: 3px;
  display: inline-block;
}

.status-menu ul li .sort {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_sort.png) no-repeat;
  width: 7px;
  height: 13px;
}

.status-menu ul li .sort-down {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_down_sort.png) no-repeat;
  width: 7px;
  height: 13px;
}

.status-menu ul li .sort-up {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_up_sort.png) no-repeat;
  width: 7px;
  height: 13px;
}

.status-menu ul li .list-type-a {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_list_type.png) 0 0px no-repeat;
  width: 12px;
  height: 10px;
}

.status-menu ul li .list-type-b {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_list_type.png) 0 -20px no-repeat;
  width: 12px;
  height: 10px;
}

.status-menu ul li .list-sm-a {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_list_sm.png) 0 0px no-repeat;
  width: 12px;
  height: 12px;
}

.status-menu ul li .list-sm-b {
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_list_sm.png) 0 -22px no-repeat;
  width: 12px;
  height: 12px;
}

.status-menu .right-box {
  position: absolute;
  right: 10px;
  top: 6px;
}

.status-menu .right-box>div {
  display: inline-block;
  margin-right: 20px;
}

.status-menu .right-box .num {
  font-size: 16px;
  margin: 0 2px;
}

.status-menu .right-box .page {
  display: inline-block;
}

.status-menu .right-box .button {
  display: inline-block;
  border: 1px solid #dedede;
}

.status-menu .right-box .button a:first-child {
  border-right: 1px solid #dedede;
  box-sizing: border-box;
}

.status-menu .right-box .button a:hover {
  background: #d8f8f8;
}

.status-menu .right-box .button .disable {
  background: #f1f1f1;
  cursor: default;
}

.status-menu .right-box .button .disable:hover {
  background: #f1f1f1;
  color: #000;
}

.status-menu .right-box .page a {
  display: inline-block;
  padding: 2px 12px;
  text-align: center;
  font-size: 16px;
  font-family: "宋体"
}

/*中间关键词*/
.more-box {
  margin-top: 12px;
  margin-bottom: 12px;
}

.more-box .nav_sanme {
  display: inline-block;
}

.more-box .key {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.more-box .key li {
  display: inline-block;
  margin-left: 8px;
}

.more-box .key li a {
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: block;
  padding: 0px 15px;
  background: #eb6161;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.more-box .key li a:hover {
  background-color: #cf4c4c;
}

.more-box .right {
  float: right;
}

.more-box .right label {
  font-size: 14px;
}

.more-box .right .page-size {
  display: inline-block;
  margin-right: 20px;
}

.more-box .right .page-size li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

.more-box .right .page-size li:hover {
  background: #d8f8f8;
}

.more-box .right .page-size li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #dedede;
  text-align: center;
  line-height: 24px;
}

.more-box .right .page-size li .current {
  background: #0fbcbe;
  color: #fff;
  border: none;
}

.icon-cart {
  display: inline-block;
  cursor: pointer;
  background-color: #eb6161;
  width: 130px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  border-radius: 3px;
}

.cart_empty {
  background-color: #979797;
  cursor: default !important;
}

.cart_empty:hover {
  background-color: #979797 !important;
}

.cart_empty>label {
  cursor: default !important;
}

.icon-cart>label {
  color: #fff;
  margin-left: 8px;
  cursor: pointer;
}

.icon-cart>i {
  display: inline-block;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon-cart-white.png);
  width: 13px;
  height: 13px;
}

.icon-cart:hover {
  background-color: #cf4c4c;
}

.icon-parts {
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_pj.png) no-repeat;
  vertical-align: middle;
}

/*产品列表*/
.product-table {
  width: 100%;
  background: #fff;
  border-collapse: collapse;
}

.product-table tr th {
  text-align: center;
  height: 40px;
  background-color: #28CCCC;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.product-table tr td:first-child {
  position: relative;
}

.product-table tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.product-table tr:nth-child(even) {
  background-color: #fff;
}

.product-table tr td {
  text-align: center;
  height: 40px;
  border: 1px solid #eaeaea;
  height: 112px;
  padding: 0 3px;
}

.pic-box {
  float: left;
  display: inline-block;
  height: 105px;
  width: 105px;
}

.pic-box img {
  height: 85px;
  width: 85px;
  margin-top: 10px;
}

.detail-box {
  float: left;
  display: inline-block;
  margin-top: 10px;
  margin-left: 5px;
}

.detail-box ul {
  text-align: left;
  width: 250px;
}

.detail-box ul li {
  margin-top: 6px;
}

.detail-box ul li:first-child {
  margin-top: 2px;
}

.detail-box ul li label {
  display: inline-block;
  vertical-align: middle;
}

.detail-box ul li .stext {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.w-140 {
  max-width: 140px !important;
}

.brand {
  display: inline-block;
  vertical-align: middle;
  padding: 1px 4px;
  border-radius: 2px;
  border: 1px solid #0fbcbe;
  color: #0fbcbe;
  line-height: initial;
}

.detail-box ul li .spec {
  vertical-align: middle;
  display: inline-block;
  width: 210px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-box ul li .name {
  color: #666;
  vertical-align: middle;
  line-height: 18px;
  margin-left: 3px;
  display: inline-block;
  width: 175px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.detail-box span {
  color: #979797;
}

.hq-box>div {
  margin-bottom: 5px;
  text-align: left;
  margin-left: 12px;
}

.hq-box>div label {
  margin-left: 5px;
}

.dishq-box>div {
  margin-bottom: 5px;
}

.clear-text {
  display: none;
  cursor: pointer;
  text-align: center;
  color: #9d9d9d;
  margin-top: 3px;
}

.num-box {}

.num-box a {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}

.num-box input {
  border: 1px solid #e6e6e6 !important;
  height: 26px;
  width: 50px;
  text-align: center;
}

.xh-status {
  display: inline-block;
  border: 1px solid rgba(2,180,182,0.5);
  padding: 1px 7px;
  color: #02b4b6;
  border-radius: 2px;
  height: 20px;
  box-sizing: border-box;
  line-height: 17px;
  white-space: nowrap;
}

.dc-status {
  display: inline-block;
  border: 1px solid rgba(254,206,0,0.5);
  padding: 1px 7px;
  color: #fece00;
  border-radius: 2px;
  height: 20px;
  box-sizing: border-box;
  line-height: 17px;
  white-space: nowrap;
}

.dh-status {
  display: inline-block;
  border: 1px solid rgba(235,98,98,0.5);
  padding: 1px 7px;
  color: #eb6262;
  border-radius: 2px;
  height: 20px;
  box-sizing: border-box;
  line-height: 17px;
  white-space: nowrap;
}

/*大图列表*/
/*.b-wrap-list { margin-top:15px; margin-left:-12px;}
.b-wrap-list .pro-box { position:relative; float:left; margin-left:12px; border-radius:3px; margin-bottom:15px;  border:1px solid #dedede;width:220px; background:#fff; height:380px; box-sizing:border-box;}*/
/*.b-wrap-list { margin-top:20px; display:flex;flex-direction:row; flex-wrap:wrap;justify-content:space-between;}*/
.b-wrap-list {
  /* margin-top: 20px; */
  margin-left: -16px;
}

.b-wrap-list .no-record {
  width: calc(100% - 13px);
  margin-left: 13px;
}

/*.b-wrap-list:after { content:""; width:220px;}*/
.b-wrap-list .pro-box {
  float: left;
  margin-left: 16px;
  position: relative;
  /* border-radius: 3px; */
  margin-bottom: 15px;
  border: 1px solid #eaeaea;
  width: 218px;
  background: #fff;
  height: 388px;
  box-sizing: border-box;
}
.b-wrap-list .pro-box.new-style {
  height: 412px;
}
/* .b-wrap-list .pro-box:nth-last-child(-n + 5) {
  margin-bottom: 0;
} */

.b-wrap-list .no-cout {}

.b-wrap-list .has-count::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  border: 2px solid #eb6161;
  box-shadow: #ccc 0 0 8px;
  box-sizing: border-box;
}

.b-wrap-list .pro-box .pic {
  width: 220px;
  height: 177px;
  overflow: hidden;
  text-align: center;
}

.b-wrap-list .pro-box .pic img {
  margin-top: 15px;
  max-width: 140px;
  max-height: 140px;
}

.b-wrap-list .pro-box .detail {
  margin-left: 8px;
}

.b-wrap-list .pro-box .detail>li {
  display: block;
  margin-top: 0px;
  line-height: 20px;
}

.b-wrap-list .pro-box .detail>li>span {
  color: #999;
}

.b-wrap-list .pro-box .detail>li .name {
  color: #666;
  margin-left: 3px;
  line-height: 18px;
  display: inline-block;
  vertical-align: middle;
  width: 135px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b-wrap-list .pro-box .detail>li .spec {
  display: inline-block;
  width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b-wrap-list .pro-box .detail>li .dis-price {
  font-size: 18px;
  color: #E94637;
  font-family: Arial, Helvetica, sans-serif;
}

.b-wrap-list .pro-box .detail>li .price {
  margin-left: 8px;
  text-decoration: line-through;
  font-family: Arial, Helvetica, sans-serif;
}

.b-wrap-list .pro-box .detail>li .stext {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.b-wrap-list .pro-box .botom {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #f9f9f9;
  height: 38px;
  border-top: 1px solid #eaeaea;
}

.b-wrap-list .pro-box .botom>div {
  /* margin-left: 15px; */
  margin-top: 4px;
  justify-content: center;
}

.b-wrap-list .pro-box .botom .clear-text {
  display: none;
  color: #9d9d9d;
  margin-left: 5px;
}

.b-wrap-list .pro-box .botom .cart {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_cart_red.png) no-repeat;
}

.b-wrap-list .pro-box .botom .cart .num {
  position: absolute;
  right: -10px;
  top: -10px;
  display: inline-block;
  height: 20px;
  min-width: 20px;
  border-radius: 50%;
  background: #e44040;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.cart-num-edit {
  display: inline-block;
  margin-left: 15px;
  position: relative;
}

.cart-num-edit input[type=text] {
  height: 28px;
  width: 50px;
  text-align: center;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 0.5px;
}

.cart-num-edit input[type=button] {
  color: #fff;
  width: 28px;
  height: 30px;
  border: 1px solid #e6e6e6;
  text-align: center;
  font-size: 22px;
  font-family: "宋体";
  cursor: pointer;
  margin-top: 0.5px;
}

.has {
  background-color: #0fbcbe;
}

.no-has {
  background-color: #dddddd;
}

.no-record {
  text-align: center;
  padding-top: 20px;
  width: 100%;
  font-size: 16px;
  height: 80px;
  color: #fff;
  border: 10px solid #dbecec;
  background: #02b4b6;
  box-sizing: border-box;
}

.no-record:hover {
  background-color: #0d9b9d;
}

/*查看货期*/
.good-wrap {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
  transform: translateY(-100%);
}

/*.good-wrap>label { color:#2fc1c2; }*/
.sbhq {
  color: #2fc1c2;
  cursor: pointer;
  line-height: initial;
  display: flex;
  align-items: center;
}
.sbhq>div{
  margin-right: 10px;
}
.sbhq>div:last-child{
  margin-right: 0;
}
.good-wrap .show-box {
  position: absolute;
  top: 0;
  left: -18px;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* width: 168px; */
  /* height: 90px; */
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  border-radius: 3px;
  padding: 8px 11px;
    transform: translateY(calc(-100% - 4px));
    box-sizing: border-box;
}
/* 
.good-wrap .show-box ul {
  margin: 8px 14px;
} */

.good-wrap .show-box ul li:first-child {
  margin-top: 0;
}

.good-wrap .show-box ul li {
  margin-top: 8px;
  white-space: nowrap;
}

.good-wrap .show-box ul li label {
  color: #fff !important;
  margin-left: 3px;
}

.good-wrap .arrow {
  position: absolute;
  top: 0px;
  left: 12px;
  display: inline-block;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_down_arrow.png) no-repeat;
  background-size: 100% 100%;
  width: 8px;
    height: 4px;
    transform: translateY(-100%);
}

/*分页*/
.page-wrap {
  text-align: center;
  margin-top: 30px;
}

.page-wrap a {
  display: inline-block;
  background: #fff;
  padding: 13px 15px;
  color: #666666;
}

.page-wrap a.disable {
  color: #ccc;
  cursor: default;
}

.page-wrap a.cur {
  background: #02b4b6;
  color: #fff;
}

.page-wrap a:first-child {
  margin-right: 10px;
}

.page-wrap a:last-child {
  margin-left: 10px;
}

.page-wrap>div {
  display: inline-block;
}

.go-page {
  margin-left: 10px;
}

.go-page label {
  margin: 0 5px;
  vertical-align: middle;
}

.go-page input {
  width: 40px;
  height: 32px;
  border: 1px solid #ccc !important;
  text-align: center;
  vertical-align: middle;
}

.go-page button {
  border: 1px solid #ccc;
  height: 36px;
  width: 45px;
  background: #fff;
}


/*附件蒙层*/
.f-btn-box {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 46px;
  height: 22px;
  line-height: 22px;
  background: #28CCCC;
  color: #fff;
  font-size: 12px;
}
.f-btn-box.new {
  position: static;
}
.f-btn-box.new.pic{
  width: 64px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
  border-radius: 4px;
  margin-left: 16px;
}

.f-btn-box2 {
  position: absolute;
  bottom: 48px;
  right: 6px;
}

.f-btn-span {
  display: inline-block;
  cursor: pointer;
  /* padding: 6px 8px; */
  /* border-radius: 3px; */
  /* border: 1px solid rgba(25, 176, 176, .5); */
  ;
  /* color: #19B0B0; */
}

/* .f-btn-span:hover {
  background: linear-gradient(-22deg, #28cccc 0%, #73e2e2 100%);
  border: 0;
  color: #fff;
} */

.f-table-box-bg {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.f-table-box {
  display: none;
  position: absolute;
  z-index: 100;
  /*left: 735px; top:800px;*/
  width: 542px;
  background: rgba(42, 42, 42, 0.85);
}

.f-table-box>.wrap {
  position: relative;
}

.f-table-box>.wrap>.close {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
  height: 26px;
  width: 26px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/icon_close_f.png) no-repeat;
}

.f-table-box>.wrap>.arrow_left {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 45px;
  left: -9px;
  height: 14px;
  width: 9px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon_arrow_f.png) no-repeat;
}

.f-table-box>.wrap>.arrow_top {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: -9px;
  /* left:50px;*/
  height: 9px;
  width: 14px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/icon_arrow_f2.png) no-repeat;
}


.f-table-box .title ul {
  width: 100%;
  display: table;
  color: #fff;
  height: 28px;
  background: rgba(15, 188, 190, 0.8);
}

.f-table-box .title ul li {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.f-table-box .body {
  max-height: 360px;
  overflow-y: auto;
  border-bottom: none;
  border-left: 1px solid #42c2c4;
  border-right: 1px solid #42c2c4;
}

.f-table-box .body ul {
  width: 100%;
  display: table;
  color: #fff;
  height: 60px;
  border-bottom: 1px solid #b2b2b2;
}

.f-table-box .body ul li {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.f-table-box .body::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  cursor: pointer;
}

.f-table-box .body::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #c1c1c1;
}

.f-table-box .body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 5px;
  background: #dfdfdf;
}

.f-table-box .page {
  height: 34px;
  padding-top: 12px;
  color: #fff;
  border-left: 1px solid #42c2c4;
  border-right: 1px solid #42c2c4;
  text-align: right;
  padding-right: 15px;
}

.f-table-box .page label {
  color: #eb6161;
  display: inline-block;
  margin: 0 3px;
}

.f-table-box .page a {
  display: inline-block;
  padding: 4px 12px;
  margin: 0 5px;
  text-decoration: none;
  border: 1px solid #fff;
  border-radius: 3px;
}

.f-table-box .page a:hover {
  text-decoration: none;
  background: #02b4b6;
  color: #fff;
}

.f-table-box .page .disable {
  color: #979797;
  border-color: #979797;
  cursor: default;
}

.f-table-box .page .disable:hover {
  background: none;
  color: #979797;
}

.f-table-box .td-1 {
  position: relative;
}

.f-table-box .td-1>span {
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 15px;
  width: 14px;
  border: 1px solid #fed100;
  color: #fed100;
  padding: 2px;
}

.f-table-box .td-1 .detail {
  text-align: left;
  position: absolute;
  left: 35px;
  top: 8px;
}

.f-table-box .td-1 .detail .text-0 {
  display: block;
  color: #e05a5a;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.f-table-box .td-1 .detail .text-1 {
  display: block;
  max-width: 180px;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.f-table-box .td-1 .detail .text-2 {
  display: block;
  color: #b4b4b4;
  margin-top: 4px;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.f-table-box .td-5 {
  position: relative;
}

.f-table-box .num-tip-box {
  color: #f6ee08;
  position: absolute;
  bottom: 3px;
  text-align: center;
  width: 100%
}

.cart-num-box {}

.cart-num-box input[type=text] {
  height: 20px;
  width: 35px;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
}

.cart-num-box input[type=button] {
  color: #fff;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  font-size: 18px;
  font-family: "宋体";
  cursor: pointer;
}

.no-has-1 {
  background: #999;
}

.has-1 {
  background: #02b4b6;
}

.text-through {
  text-decoration: line-through;
}

.f-table-box .bottom {
  cursor: pointer;
  height: 30px;
  background: #eb6161;
  text-align: center;
  color: #fff;
}

.f-table-box .bottom:active {
  background: #e97878;
}

.f-table-box .bottom .cart {
  display: inline-block;
  margin-right: 6px;
  vertical-align: central;
  margin-top: 5px;
  background: url(https://zydmall-tinyapp.oss-cn-shenzhen.aliyuncs.com/web/images/product/icon-cart-white.png) no-repeat center;
  width: 13px;
  height: 13px;
}

.f-table-box .bottom span {
  display: inline-block;
  line-height: 30px;
}

.f-table-box .col_1 {
  width: 230px;
}

.f-table-box .col_2 {
  width: 80px;
}

.f-table-box .col_3 {
  width: 80px;
}

.f-table-box .col_4 {
  width: 50px;
}

.f-table-box .col_5 {
  width: 102px;
}

a:hover,
a.hover,
.nav_jyc dl.submenu dt b a:hover {
  color: #02b4b6
}

/* 20200407 新附件样式 start*/
.titanmatrixmarkBox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 101;
}

.titanmatrixmark {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 101;
}

.titanmatrixBox {
  width: 407px;
  height: 548px;
  border-radius: 6px;
  border: #28cccc solid 1px;
  padding: 0;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: #fff;
  z-index: 102;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.titanmatrixBox::after {
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgb(220, 224, 228);
  position: absolute;
  left: 383px;
}
.titanmatrixBox.no-bor::after{
  background-color: unset;
}

.titanmatrixClose {
  position: absolute;
  right: 12px;
  top: 12px;
  color: #ccc;
  font-size: 13px;
}

.titanmatrixBox .Combloading {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 6px;
  z-index: 10;
}

.Combloading .ui_loading {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
}

.titanmatrix {
  width: 100%;
  height: 528px;
  overflow-y: auto;
  border-radius: 6px;
}

/* .cpq-bottom::-webkit-scrollbar {
    width: 4px;
  }
  .cpq-bottom::-webkit-scrollbar-thumb:hover {
    background: #000;
    padding: 4px;
    width: 20px!important;
  }
  .cpq-bottom::-webkit-scrollbar-thumb {
      border-radius: 15px;
      background: #e5e5e5;
  }
  .cpq-bottom::-webkit-scrollbar-track {
      border-radius: 15px;
      background: #fff;
  } */
.titanmatrix ::-webkit-scrollbar {
  width: 6px;
}

.titanmatrix ::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #ebebeb;
}

.titanmatrix ::-webkit-scrollbar-track {
  border-radius: 100px;
  background: transparent;
}

.cpq-top-comb-header,
.cpq-top-main-header {
  padding: 17px 20px 5px;
}

.cpq-comb-check,
.cpq-itself {
  padding: 0 9px !important;
}

.cpq-comb-wrap:nth-of-type(1) .cpq-comb-hd,
.cpq-props-wrap:nth-of-type(1) .cpq-prop-hd {
  padding-top: 0;
}

.cpq-comb-info {
  background: #f7fbfc !important;
  padding: 13px 20px 24px !important;
  position: relative;
  overflow: hidden;
}

.cpq-comb-item>div:hover .cpq-checkbox-inner {
  border: #19B0B0 solid 1px;
}

.cpq-comb-item>div:hover .cpq-comb-item-label {
  color: #19B0B0;
  /* font-weight: bold; */
}

.cpq-comb-item .cpq-comb-item-label.active {
  color: #19B0B0 !important;
  /* font-weight: bold; */
}

.cpq-prop .cpq-prop-bd .cpq-prop-item.active,
.cpq-prop .cpq-prop-bd .cpq-prop-item:hover {
  color: #19B0B0 !important;
  /* font-weight: bold; */
}

.EnclosureMsg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EnclosureMsg .EnclosureImg {
  width: 52px;
  height: 52px;
  border: #eeeeee solid 1px;
}

.EnclosureImg img {
  width: 100%;
  height: 100%;
}

.EnclosureMsg .EnclosureTitle {
  flex: 1;
  margin-left: 10px;
}

.EnclosureTitle .EnclosureName {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}

.EnclosureTitle .EnclosureName:hover a {
  color: #333;
}

.EnclosureTitle .EnclosureSku:hover a {
  color: #666;
}

.noShelves .EnclosureName:hover a,
.noShelves .EnclosureSku:hover,
.noShelves .EnclosureSku:hover .EnclosureLabel,
.noShelves .EnclosureSku:hover a {
  color: #19B0B0;
}

.EnclosureTitle .EnclosureText {
  line-height: 20px;
  color: #666;
}

.EnclosureTitle .EnclosureSku {
  cursor: pointer;
}

.EnclosureText .EnclosureLabel {
  color: #999;
  font-size: 12px;
  cursor: pointer;
}

.EnclosureText .EnclosurePrice {
  color: #e94637;
  font-weight: bold;
  font-size: 12px;
}

.EnclosureText .EnclosureRebate {
  color: #999;
  margin-left: 12px;
}

.cpq-checkbox.checked .cpq-checkbox-inner {
  background-color: #28cccc !important;
}

.cpq-comb-check .cpq-comb-hd {
  margin: 0 11px;
}

/* 数量选择，加入购物车按钮 */
.cpq-comb-check .cpq-comb-hd,
.cpq-prop-hd {
  color: #999 !important;
}

/* .comb-btn-active {
  background: linear-gradient(-22deg, #28cccc 0%, #73e2e2 100%);
  border: 0;
  color: #fff;
} */

.operationBox {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.operationBox .operation {
  position: relative;
  margin-right: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.operationBox.disabled {
  opacity: 0.5;
}

.operation .operationBtn {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #28cccc;
  position: relative;
  z-index: 2;
}

.operationBtn i {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.operation .operationBtn.disabled {
  background: #999;
  cursor: default;
}

.operation .operationInput {
  width: 70px;
  border-radius: 20px !important;
  background: #eaeaea;
  text-align: center;
  color: #333;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  margin-left: -7px;
  margin-right: -7px;
  -moz-appearance: textfield;
}

.operation .operationInput::-webkit-inner-spin-button,
.operation .operationInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.operationBox .operationAdd {
  width: 95px;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 12px;
  background-color: #28cccc;
}

.operationAdd i {
  color: #fff;
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
}

.operationBox .operationAdd.disabled {
  opacity: 0.5;
  cursor: default;
}

.shelves {
  padding: 2px 5px;
  font-size: 12px;
  color: #ee8c83;
  border: #ee8c83 solid 1px;
  border-radius: 3px;
  position: absolute;
  left: -9px;
  top: 3px;
  transform: rotate(-45deg);
}

.cpq-checkbox {
  position: relative;
}

.cpq-checkbox input[type='checkbox'] {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.cpq-itself::-webkit-scrollbar,
.cpq-comb-check::-webkit-scrollbar,
.cpq-bottom::-webkit-scrollbar {
  width: 7px !important;

}

.cpq-itself::-webkit-scrollbar-thumb,
.cpq-comb-check::-webkit-scrollbar-thumb,
.cpq-bottom::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border-style: dashed;
  background-color: #e5e5e5;
  border-color: transparent;
  border-width: 2px;
  background-clip: padding-box;
}

.cpq-itself::-webkit-scrollbar-thumb:hover,
.cpq-comb-check::-webkit-scrollbar-thumb:hover,
.cpq-bottom::-webkit-scrollbar-thumb:hover {
  background: #e5e5e5
}

.cpq-top-main-header,
.cpq-tabs-content.cpq-wide-width>.cpq-itself {
  flex-basis: 384px;
}

.cpq-top-comb-header,
.cpq-tabs-content.cpq-wide-width>.cpq-comb-check,
.cpq-tabs-content.cpq-wide-width>.cpq-no-res {
  flex-basis: 405px;
}

/* 20200407 新附件样式 end*/

.slide-cover {
  width: 46px;
  height: 330px;
  position: fixed;
  z-index: 103;
  bottom: 40px;
  right: 20px;
}

/* .z-btn.z-btn-warning{
    color:#666;
    background: none;
  } */

/* 20210128 start */
#container {
  min-height: 650px !important;
}

.addPlaceBtn,
.page-wrap {
  display: none;
}

/* 20210128 end */
.min-tips {
  font-size: 12px;
  color: #666;
  line-height: 12px;
  margin-top: 6px;
  text-align: center;
}

/* .min-tips span {
  color: #E94637;
} */

.cart-num-edit .num-btn:hover~.product-right-tip,
.cart-num-edit .num-btn:hover~.product-right-tip {
  display: block;
}

.product-table tr td.top {
  vertical-align: top;
  position: relative;
}

.product-table tr td.top .num-box {
  margin-top: 39px;
}

/*顶部条件筛选新样式*/
.filterBox {
  width: 100%;
  display: flex;
}

.filterBox .cate-nav-txt {
  font-size: 12px;
  color: #333;
}

.filterBox li {
  display: flex;
  align-items: center;
  margin-right: 11.4px;
  position: relative;
}

.filterBox li:last-child {
  margin-right: 0;
}

.filterBox li .cate-nav-arrow {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
}

.filterBox li .cate-nav-box {
  height: 24px;
  display: flex;
  align-items: center;
  padding: 0 8px;
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  position: relative;
  z-index: 1;
}

.filterBox li .cate-nav-box p {
  max-width: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.filterBox li .cate-nav-box .cate-nav-arrow2 {
  margin-left: 6px;
  display: inline-block;
  font-size: 12px;
  transform: rotate(90deg);
}
.filterBox li .cate-nav-box .cate-nav-arrow2.new {
  display: none;
  cursor: pointer;
  transform: scale(0.7);
}
.filterBox li.cate-nav-key {
  margin-left: 4.5px;
  font-size: 12px;
  color: #333;
}

.filterBox li.cate-nav-key span {
  color: rgb(233, 70, 55);
  display: inline-block;
  max-width: 119px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.filterBox li:nth-last-child(3) .cate-nav-arrow{
  display: none;
}
.cate-item-box .checkBox.max{
  max-height: 140px;
  overflow: auto;
  height: auto;
}
.cate-item-box .checkBox {
  height: 28px;
  overflow: hidden;
}
.cate-item-box .checkBox::-webkit-scrollbar{
  width: 4px;
}
.cate-item-box .checkBox::-webkit-scrollbar-thumb{
  background: rgba(153, 153, 153, 0.4);
  border-radius: 4px;
}
.checkBox .cate-item{
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 12px;
  color: #666;
  margin-right: 40px;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
}
.cate-item-box .more-btn{
  position: absolute;
  width: 56px;
  height: 24px;
  right: 12px;
  top: 14px;
  border: 1px solid rgba(153, 153, 153, 0.5);
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
.cate-item-box .more-btn i {
  font-size: 12px;
  color: #999;
  transform: rotate(90deg);
  display: block;
  margin-left: 6px;
}
.cate-item-box .more-btn:hover{
  border-color: rgba(25, 176, 176, 0.5);
  color: #19B0B0;
}
.cate-item-box .more-btn:hover i {
  color: #19B0B0;
}
.cate-item-box .more-btn i.active{
  transform: rotate(-90deg);
}
.cate-checkbox{
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  margin-right: 4px !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cate-checkbox i{
  font-size: 12px;
  color: #fff;
  display: none;
}
.cate-checkbox.new {
  background-color: #fff;
}
.cate-checkbox.new i {
  transform: scale(0.7) translateY(0.5px) !important;
}
.cate-checkbox.cate-check{
  border-color: #28CCCC;
  background-color: #28CCCC;
}
.cate-checkbox.cate-check i{
  display: block;
  transform: scale(0.7) translateY(-1px);
}
.cate-nav-item:hover .cate-nav-arrow2 {
  display: none !important;
}
.cate-nav-item:hover .select_outBox,
.cate-nav-item:hover .triangle_icon,
.cate-nav-item:hover .cate-nav-arrow2.new{
  display: block !important;
}

.status-menu-new {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  margin: 16px 0;
}
.status-menu-new .status-menu-left{
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
}
.status-menu-new .status-menu-left .status-menu-btn {
  width: 88px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.status-menu-new .status-menu-left .status-menu-btn.bor::after{
  content: '';
  display: block;
  height: 15px;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-right: 1px solid #eaeaea;
}
.status-menu-new .status-menu-left .status-menu-btn .iconpaixuicon{
  font-size: 12px;
  display: inline-block;
  margin-left: 2px;
}
.status-menu-new .status-menu-left .status-menu-btn .iconpaixuicon.asc{
  transform: rotate(180deg);
}
.status-menu-new .status-menu-left .status-menu-btn .status-menu-arrow{
  width: 6px;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
.status-menu-new .status-menu-left .status-menu-btn .status-menu-arrow .icondinglanxialakuangjiaobiao{
  font-size: 12px;
  width: auto;
  transform: scale(0.5) translateZ(0) translateY(-5px);
}
.status-menu-new .status-menu-left .status-menu-btn .status-menu-arrow .icondinglanxialakuangjiaobiao:first-child{
  transform: scale(0.5) translateZ(0) rotate(180deg) translateY(-10px);
}
.status-menu-new .status-menu-left .status-menu-btn.active{
  color: #fff;
  background: linear-gradient(135deg, #73E2E2 0%, #28CCCC 100%);
}
.status-menu-new .status-menu-left .status-menu-btn.active .status-menu-arrow .icondinglanxialakuangjiaobiao{
  color: rgba(255, 255, 255, 0.5);
}
.status-menu-new .status-menu-left .status-menu-btn.active .status-menu-arrow .icondinglanxialakuangjiaobiao.active{
  color: rgba(255, 255, 255, 1);
}
.status-menu-new .status-menu-left .status-menu-check{
  display: flex;
  margin-left: 24px;
  cursor: pointer;
}
.status-menu-right{
  display: flex;
  align-items: center;
}
.status-menu-right .status-menu-count{
  font-size: 12px;
  color: #333;
}
.status-menu-right .status-menu-count span{
  font-size: 14px;
  font-weight: bold;
  color: #E94637;
}
.status-menu-right .status-menu-type{
  display: flex;
  align-items: center;
  margin-left: 24px;
}
.status-menu-right .status-menu-type div{
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
  cursor: pointer;
}
.status-menu-right .status-menu-type div .iconfont{
  font-size: 14px;
  padding-left: 4px; 
}
.status-menu-right .status-menu-type div.active{
  color: #19B0B0;
}
.status-menu-right .status-menu-page{
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #666;
  margin-left: 26px;
}
.status-menu-right .status-menu-page .el-select{
  width: 56px;
  height: 24px;
  margin-left: 4px;
  margin-right: 12px;
}
.status-menu-right .status-menu-page .el-select .el-input{
  font-size: 12px;
  color: #666;
}
.status-menu-right .status-menu-page .el-select .el-input input{
  height: 24px;
  padding: 0 13px;
}
.status-menu-right .status-menu-page .el-select .el-input__icon {
  line-height: 24px;
}
.status-menu-right .status-menu-page .el-select .el-input__inner{
  border: 1px solid rgba(153, 153, 153, .5) !important;
}
.status-menu-right .status-menu-page .el-select .el-input .el-select__caret {
  font-size: 12px;
  color: #999;
}
.status-menu-right .status-menu-page .el-select .el-input__suffix{
  right: 2px;
}
.el-select-dropdown__item {
  font-size: 12px;
  color: #666;
}
.add-cart-block {
  height: 46px;
}
.add-cart-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 0px 24px rgba(225, 225, 225, 0.4);
  height: 46px;
}
.add-cart-box.float{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 920px;
  z-index: 103;
}
.add-cart-box .cart-text{
  margin-right: 24px;
  font-size: 14px;
  color: #999;
}
.add-cart-box .cart-text span{ 
  color: rgba(233, 70, 55, 1);
  font-weight: bold;
  font-size: 18px;
}
.add-cart-box .cart-btn {
  width: 120px;
  height: 46px;
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(111.34deg, #F2A09B 0%, #E94637 100%);
  cursor: pointer;
}
#elePicData label{
  color: #999;
}
.el-pagination {
  margin: 16px 0;
}
.el-pagination.new {
  margin-top: 0;
}
.params-box {
  width: 264px;
  background-color: #fff;
  height: calc(100vh - 47px);
  overflow-y: auto;
}
.params-box.float {
  position: fixed;
  left: 0;
  top: 47px;
  z-index: 2;
  /* transition: top 0.3s; */
}
.params-box div {
  box-sizing: border-box;
}
.params-box .params-title {
  width: 100%;
  height: 40px;
  background-color: #28CCCC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.params-box .params-title span{
  font-weight: normal;
  cursor: pointer;
}
.params-box .params-title span i{
  padding-right: 5px;
}
.params-box .params-content {
  height: calc(100% - 40px);
  /* overflow-y: auto; */
  padding: 24px 0;
}
.params-box .params-content .el-scrollbar__wrap {
  overflow-x: hidden;
}
.params-box .params-content .el-scrollbar__bar.is-vertical{
  width: 4px;
}
.params-box .params-content .el-scrollbar__thumb{
  background-color: rgba(153, 153, 153, .4);
}
.params-box .params-content::-webkit-scrollbar{
  width: 4px;
}
.params-box .params-content .params-item{
  margin-bottom: 16px;
  padding: 0 16px;
}
.params-box .params-content .params-item .params-item-title{
  font-size: 14px;
  color: #999;
  line-height: 22px;
  padding-bottom: 4px;
  position: relative;
}
.params-box .params-content .params-item .params-item-title::after{
  content: '';
  display: block;
  width: 232px;
  border-bottom: 1px dashed #eaeaea;
  position: absolute;
  left: 0;
  bottom: 0;
}
.params-box .params-content .params-item .params-item-text-box {
  width: 240px;
  margin-left: -8px;
  max-height: 90px;
  overflow: hidden;
}
.params-box .params-content .params-item .params-item-text-box.more{
  max-height: unset;
}
.params-box .params-content .params-item .params-item-text-box .params-item-content-box{
  display: flex;
  width: 240px;
  flex-wrap: wrap;
  padding-top: 8px;
}
.params-box .params-content .params-item .params-item-more{
  text-align: center;
  font-size: 12px;
  color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
  line-height: 20px;
  margin-top: 10px;
}
.params-box .params-content .params-item .params-item-more i{
  transform: rotate(90deg);
  font-size: 12px;
  color: #999;
  margin-left: 4px;
  display: block;
}
.params-box .params-content .params-item .params-item-more i.active{
  transform: rotate(-90deg);
}
.params-box .params-content .params-item .params-item-text {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  cursor: pointer;
  margin: 0 8px;
  margin-bottom: 8px;
  max-width: 100%;
  word-break: break-all;
}
.params-box .params-content .params-item .params-item-text:hover{
  color: #19B0B0;
}
.params-box .params-content .params-item .params-item-text.active{
  font-weight: bold;
  color: #19B0B0;
}
.float-table-top{
  position: fixed;
  width: 100%;
  z-index: 103;
  left: 0;
  top: 46px;
  height: 40px;
  background-color: #28CCCC;
  display: flex;
}
.float-table-top div{
  display: flex;
  height: 40px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}
.hq-box>div label div.col{
  color: #19B0B0;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
}
.hq-box>div label div.col:hover .detail_delivery_modal{
  display: block;
}
.detail_delivery_modal {
  padding: 6px 15px;
  background-color: rgba(85,85,85,.9);
  box-shadow: 0px 2px 10px 0px rgba(153,153,153,0.6);
  border-radius: 2px;
  position: absolute;
  color: #fff;
  left: 50%;
  top: 0;
  transform: translate(-50%, -114%);
  z-index: 2;
  display: none;
}
.detail_delivery_modal p{
  line-height: 20px;
    color: #fff;
    white-space: nowrap;
}
.detail_delivery_modal::after {
  content: "";
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -5px;
  left: 50%;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid rgba(85,85,85,.9);
}
#header .select_box .accessory1.active2.active {
  background: #19B0B0 !important;
  text-decoration: none;
}
.side-bar {
  z-index: 100;
}
.el-loading-spinner .circular {
  width: 34px;
  height: 34px;
}
.el-loading-mask {
  z-index: 101;
}
tr.active .card-bg::before,
tr.active .card-bg::after {
  background: #d8f8f8;
}
.del-disprice {
  margin:auto;
  line-height: 20px;
  text-align:right;
  text-decoration: line-through;
  color:#999;
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 100%);
}
.card-bg {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, calc(-100% - 8px));
  white-space: nowrap;
  margin-top: 0;
}
.zoom {
  zoom: 0.8;
}

.price-tag {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, calc(-100% - 8px));
  height: 18px;
}
.price-tag.new {
  transform: unset;
  left: 8px;
  top: 12px;
}
.price-tag-box {
  position: relative;
}
/* 代客分享按钮 */
#header .filterBox .share-page-btn {
  margin-left: auto;
  width: 82px;
  height: 32px;
  background-image: url('https://zydmall-files.oss-cn-shenzhen.aliyuncs.com/zydmall/images/20260514/pcShareBtn-3.png');
  background-size: 82px 32px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
  transition: ease .3s;
}

#header .filterBox .share-page-btn::before {
  position: absolute;
  content: '';
  border-radius: 100%;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  box-shadow: inset 0 0 60px 0 hsla(0, 0%, 100%, .5);
  transition: width .3s ease 0s, padding .3s ease 0s, transform .3s ease 0s, opacity .3s ease 0s;
}

#header .filterBox .share-page-btn:hover::before {
  width: 120%;
  padding-top: 120%;
}