.customerreact .m-fixedbar{position:fixed;_position:absolute;top:0;right:0;height:100%;width:35px;font-family:'Microsoft Yahei';background:#f6f7fa;z-index:5}
.customerreact .fixedbar-bd{position:absolute;left:0;top:50%;width:35px;margin-top:-54px}
.customerreact .fixedbar-ft{position:absolute;left:0;bottom:0;width:35px}
.customerreact .fixedbar-item{text-align:center;position:relative;-webkit-transition:all .25s ease;transition:all .25s ease}
.customerreact .fixedbar-item a{display:block;padding:15px 0  }
.customerreact .fixedbar-item i{font-size:20px;color:#e43636}
.customerreact .fixedbar-item .fixedbar-text{display:block;width:19px;margin:5px auto 0}
.customerreact .fixedbar-item:hover{background:#e43636}
.customerreact .fixedbar-item:hover a,.fixedbar-item:hover i{color:#fff}
.customerreact .fixedbar-gotop{border-top:1px solid #e6e6e6}
.customerreact .fixedbar-gotop a{padding:9px 0}
.customerreact .fixedbar-gotop i{font-size:16px;color:#a7a7a7}

.customerreact .table-goods .tg-txt .tg-attr{height: 18px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.customerreact .table>thead>tr>th{font-weight: bold;}
.customerreact .table>tbody>tr.promotion-item,
.customerreact .table>tbody>tr.promotion-item:hover{background-color:#f4f5f9}
.customerreact .table>tbody>tr.goods-item-selected,
.customerreact .table>tbody>tr.goods-item-selected:hover{background-color:#fff8f7}
.customerreact .control-item a{ background-color: #f4f5f9 }
.customerreact .table-goods .tg-img .cover{background-color: rgba(0,0,0,.3);}
.customerreact .table-goods .tg-img .cover span{margin: 72px 5px 0; }
.customerreact .tag-discount-white{width: auto;padding: 0 4px; white-space: nowrap;}
.customerreact a.tag-pro-red:hover, a.tag-pro-white:hover{cursor: pointer;color: #fff;opacity: .9; -webkit-opacity: .9;filter: Alpha(opacity=90);}
.customerreact a.tag-pro-white:hover{color:#e43636;}

.customerreact .m-notice{border: 1px solid #eee; padding: 20px; overflow: hidden;}
.customerreact .notice-hd{border-bottom:1px dotted #ccc;text-align:center;margin-top:10px;padding-bottom:20px;}
.customerreact .notice-hd h3{font-size:18px;font-weight:normal;}
.customerreact .notice-bd{padding:10px;}
.customerreact .notice-info{text-align:center;color:#999;}
.customerreact .notice-ct{margin-top:30px;font-size:14px;line-height:2em;}
.customerreact .notice-ct img{max-width:100%;}

.customerreact .table{table-layout:fixed}
.customerreact .ipt-calendar{background-color: #fff;}
.customerreact .ipt-calendar i{z-index: 1;}

/* fixedbar 样式修改 by：gaoqingli date:20180111*/
.customerreact .m-fixedbar{ width: 44px; background: #f4f5f9; top: 30%; height: auto;}
.customerreact .fixedbar-bd{ width: auto; position: static; background: #f4f5f9; margin-top: 0; padding-bottom: 4px;}
.customerreact .fixedbar-ft{ width: auto; position: static; background: #eceef4;}
.customerreact .fixedbar-gotop{ border-top: 3px solid #fff;}
.customerreact .fixedbar-gotop a{ padding: 11px 0;}
.customerreact .fixedbar-show{display: none; position: static; width: auto}
.customerreact .fixedbar-item a{ padding: 14px 0 10px;}
.customerreact .fixedbar-item i{ color: #666;}
.customerreact .fixedbar-item .fixedbar-text{ width: 28px; visibility: hidden; line-height: 14px; height: 28px; overflow: hidden;}
.customerreact .fixedbar-item .sidecart{ position:relative; z-index: 1; padding-top: 20px;}
.customerreact .fixedbar-item .sidecart .fixedbar-text{ width: auto;}
.customerreact .fixedbar-item .sidecart .goods-num{
  display: inline;
  position: absolute;
  z-index: 10;
  min-width: 16px;
  height: 15px;
  top: 12px;
  right: 3px;
  font-size: 12px;
  line-height: 15px;
  color: #fff;
  background: #ff4728;
  text-align: center;
  border-radius: 15px;
  padding: 0 3px;
  box-sizing: content-box;
}
.customerreact .fixedbar-item:hover{ background-color: transparent; }
.customerreact .fixedbar-item:hover i{ color: #e43636; }
.customerreact .fixedbar-item:hover .fixedbar-text{ visibility: visible; color: #333;}
/* 针对侧边栏出现滚动条时,调整页面宽度,以确保右侧栏不遮盖内容*/
@media screen and (max-width: 1300px) {
  body{min-width: 1300px;}
}

.customerreact .hnc-mobile-pop {
  display: none;
  width: 190px;
  position: absolute;
  top: 38px;
  right: -10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.customerreact .hnc-mobile-pop .arrow {
  width: 0;
  height: 0;
  border-width: 0 5px 5px;
  border-style: solid;
  border-color: transparent transparent #e5e5e5;
  position: absolute;
  top: -6px;
  right: 29px
}

.customerreact .hnc-mobile-pop .arrow i {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 5px 5px;
  border-style: solid;
  border-color: transparent transparent #fff;
  position: absolute;
  top: 1px;
  left: -5px
}

.customerreact .hnc-mobile-pop .mobile-pop-item {
  padding: 10px;
  border-bottom: 1px dashed #ddd;
  margin-bottom: -1px;
}

.customerreact .hnc-mobile-pop .mobile_pop_qrcode {
  float: left;
  padding-right: 10px;
  line-height: 0
}

.customerreact .hnc-mobile-pop .mobile_pop_qrcode img {
  border: 1px solid #ddd
}

.customerreact .hnc-mobile-pop .mobile_pop_info {
  line-height: 20px;
  color: #666;
  text-align: left;
  font-size: 12px
}

.customerreact .hnc-mobile-pop-right{
  right: 54px!important;
  top: -43px!important;
  background-color: #fff!important;
}
.customerreact .hnc-mobile-pop-right .arrow-rig{
  position:absolute;
  right: -1px;
  top: 60px;
}
.customerreact .hnc-mobile-pop-right .arrow-rig .right {
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-left-color:#fff;
}
.customerreact .hnc-mobile-pop-right .arrow-rig .right:after,
.customerreact .hnc-mobile-pop-right .arrow-rig .right:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.customerreact .hnc-mobile-pop-right .arrow-rig .right:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}
.customerreact .hnc-mobile-pop-right .arrow-rig .right:before {
  border-color: rgba(229, 229, 229, 0);
  border-left-color: #e5e5e5;
  border-width: 7px;
  margin-top: -7px;
}

.customerreact .rightbar{
  position: fixed;
  right: 0;
  top: 0;
}
.customerreact .js-qrcode:hover .hnc-mobile-pop{
  display: block;
}