.layui-layer-btn .layui-layer-btn0 {
  border-color: #ff6a00 !important;
  background-color: #ff6a00 !important;
  color: #fff;
}
.textEellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearF:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.userSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.totalIconCss {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
[v-cloak] {
  opacity: 0 !important;
}
.goods-category {
  display: block;
  width: 235px;
  box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.1);
}
.goods-category .goods-head {
  height: 40px;
  background: linear-gradient(to right, #ff974c, #ff6a00);
  border-radius: 2px 2px 0 0;
  position: relative;
  line-height: 40px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  padding-left: 24px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}
.goods-category .goods-head:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAQAAAAuLJ40AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRcQNAUbcftgAAAAhklEQVQY063QPwtBYRzF8c+9HmUQJRklL8ZLNRuMymiQ2aIs/oRSJoP4eQH30V1813P6djpiG/tI0Y515FklFy3h4+oqx60IdZS1DUkPd3SMvDP5rogDhkpHg6xkncy1wNTEs1JoW/5rbhcPdPR9MvlJ7OMUZTTi/OPdTbLQRGFm7FWxNG2/SZlXGL5mbQ8AAAAASUVORK5CYII=") no-repeat center;
  width: 17px;
  height: 12px;
}
.goods-category .goods-body {
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 0 16px;
}
.goods-category .goods-body dd .jump {
  display: block;
  padding: 9px 34px 9px 24px;
  position: relative;
  font-size: 14px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAQAAAAZmV8jAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRcQIxBzL5sdAAAAeklEQVQI1zXNsQpBYQAF4M/fnWTQzQMw3DIog5LFxmzkBZQyegsp253Mogwy6a7K5vJEMvzX+HU659Q2fRN7XyDI7Bz582JtrlCPJLc0dZdGcrAwVsiSqnTGyTVUbFphG9OGh56ZW4KOp5aBkmDkIzVUxqO2l653nPgB5LgVL60BMjcAAAAASUVORK5CYII=") no-repeat 90% center;
}
.goods-category .goods-body dd .jump.collect:after {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAQAAACMJlQBAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRoPJSmfYIgDAAAA+ElEQVQY023RPyjEARjG8c/97jKZTRabBbs6l9SVc+qKSGczKHIZLEopk9Elg4ySUgx3oZzhznCLlJJSBoNJMVj8S8dw/7p4pqf3+/S+9byhEjBoRIeCXUyI+3DsFEIlyMpUcwo+JWt+37RKRNiWWbf2PEtI4Uxe2LgpgXSoFFP0qMcrONIuXttwIWomIoWdGibtR11ZUbGITjw0hu+aukcocIde/6kflcA5jautGkUxcOlan4U/eEDCk3zgzTw2DLfgLtvIeAlQtiRwYrGBJ13ptuag3iQZWZRt+jJnCMvWm1VXv7EqVvM3VuSqthmApDFtcg5910e/LEA+YEqx9YUAAAAASUVORK5CYII=") no-repeat center;
  width: 16px;
  height: 14px;
  vertical-align: middle;
}
.goods-category .goods-body dd .jump.collect.like:after {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABd1BMVEX/mQD/kgD/kQD/jQD/hAD/cQD/gAD/fwD/bwD/fQD/ewD/egD/bgD/bQD/bAD/eQD/eAD/dwD/dQD/awD/agD/dgD/dAD/cwD/cgD/mQD/mQD/mQD/mQD/mAD/mAD/lwD/lgD/lgD/lQD/lAD/kwD/mQD/mQD/lgD/lQD/kAD/jwD/mQD/mAD/iwD/igD/lwD/lQD/iQD/hgD/lAD/gwD/kgD/fwD/jwD/ewD/iwD/eAD/iAD/hgD/dgD/dAD/gwD/fwD/cgD/fgD/egD/cAD/eQD/bwD/dAD/cwD/bgD/bQD/cAD/bwD/bgD/bQD/bQD/bAD/mQD/mAD/lwD/lgD/lAD/kwD/kgD/kQD/lQD/kAD/jwD/jgD/jAD/jQD/iwD/igD/iAD/iQD/hwD/hQD/hAD/hgD/gwD/ggD/gAD/gQD/fwD/fgD/fQD/fAD/egD/eQD/ewD/eAD/dwD/dgD/dQD/cwD/dAD/cgD/cQD/cAD/bwAAAADyp1VGAAAAUXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHm6foXIUFHKinm4eLNTFxdQsGdjYGG3+/nGnrLKxlZVhYRvj4xtU/lR//n92dknGyUgRWpqbYBNGd7EWAAAAAWJLR0R80bYgXwAAAAd0SU1FB+YJGg8lGbm5uK8AAADVSURBVAjXY2BgkJSSlpGVk1dQVFJWYWRiYFBVCwwKDlHXCA0Lj9DUYmbQ1gkODokE8aKiY2J19Rj0QwygvLj4BMNEIwbj0DAwLzYhKTE5JdWEwTQiCsiLB/LSUtMzMs0YzIG8BCAvJT0jKzsn14LBMiEJwsvMyc3LL7BisLZJSYXwCguKim3tGFjsszIdgLz8ouKS0jJHVgY2dqe8QucCIK+8rMKFg4OBk4vbtQjMq6xy4+HlY+AXEBRy9wDyqj29+PiERRhExcQlWL19fP38A4RFgAAA76pBaIKn75UAAAAASUVORK5CYII=") no-repeat center;
  width: 16px;
  height: 14px;
}
.goods-category .goods-body dd .hot-icon {
  vertical-align: sub;
}
.goods-category .goods-body dd:hover a.jump {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NTdCQUU1NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NTdCQUU2NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg1N0JBRTM1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg1N0JBRTQ1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TjnFcAAAAlElEQVR42mL8n8Wgz8DA4ALE/UD8jwEJMAGxKhD3APEyBjQAklwDxNlAHA7Eu4CYC1kSBKYBcSoQuwLxDiAWQpYEgTlAHAHEtlATVFnQrFkJpVcA8QYmNEkBIM6AsruQdfIA8WEg1gFifyDeBJNUBOJjQCwCxMZAfA7mIAsgvgB1oRlMAiapAMRngVgDiM8jOwAgwAB6oBYlrMCNSwAAAABJRU5ErkJggg==") no-repeat 92% center #fff;
}
.goods-category .goods-body dd.active .jump {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NTdCQUU1NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NTdCQUU2NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg1N0JBRTM1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg1N0JBRTQ1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TjnFcAAAAlElEQVR42mL8n8Wgz8DA4ALE/UD8jwEJMAGxKhD3APEyBjQAklwDxNlAHA7Eu4CYC1kSBKYBcSoQuwLxDiAWQpYEgTlAHAHEtlATVFnQrFkJpVcA8QYmNEkBIM6AsruQdfIA8WEg1gFifyDeBJNUBOJjQCwCxMZAfA7mIAsgvgB1oRlMAiapAMRngVgDiM8jOwAgwAB6oBYlrMCNSwAAAABJRU5ErkJggg==") no-repeat 90% center #fff;
}
.mall-banner {
  height: 540px;
  overflow: hidden;
  position: relative;
}
.mall-banner .swiper-banner {
  position: absolute;
  z-index: 1;
  height: 540px;
  width: 100%;
}
.mall-banner .swiper-banner .jump-link {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 540px;
  background-size: cover;
}
.mall-banner .swiper-banner:first-child {
  z-index: 2;
}
.mall-banner .swiper-banner .w1280 {
  z-index: 3;
}
.mall-banner .w1280 {
  position: relative;
  z-index: 3;
}
.mall-banner .goods-category {
  margin-top: 24px;
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 1;
}
.mall-banner .control-box {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 6px 0;
  line-height: 0;
  right: 0;
  width: 100px;
  margin: auto;
  position: absolute;
  top: 495px;
  left: 0;
  z-index: 3;
}
.mall-banner .control-box li {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  margin: 0 3px;
  transition: all 0.3s;
}
.mall-banner .control-box li.active {
  border-radius: 4px;
  width: 22px;
  background: #fff;
  opacity: 1;
}
.mall-section {
  background: #f5f5f5;
  overflow: hidden;
  padding-bottom: 50px;
}
.mall-section a {
  color: inherit;
}
.mall-section .earn-module {
  border-radius: 3px;
  height: 160px;
  overflow: hidden;
  margin-top: 30px;
}
.mall-section .earn-module:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .earn-module .the-login {
  background: url(../images/mall/integral-number@bg.png);
  height: inherit;
  width: 236px;
  position: relative;
  float: left;
}
.mall-section .earn-module .the-login:before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: #f5f5f5;
  border-radius: 100%;
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 1;
}
.mall-section .earn-module .the-login:after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: #f5f5f5;
  border-radius: 100%;
  position: absolute;
  right: -5px;
  bottom: -5px;
  z-index: 1;
}
.mall-section .earn-module .no-login .to-login {
  display: block;
  border: 1px solid #fff;
  height: 38px;
  line-height: 38px;
  width: 130px;
  text-align: center;
  margin: 40px auto 0;
  color: #fff;
  font-size: 16px;
  position: relative;
}
.mall-section .earn-module .no-login .to-login:hover {
  background-color: #d7b291;
}
.mall-section .earn-module .no-login .to-login:before {
  display: inline-block;
  content: '';
  background: url("../images/mall/persion-icon.png") no-repeat center;
  width: 16px;
  height: 19px;
  vertical-align: middle;
  margin-right: 4px;
}
.mall-section .earn-module .no-login .score {
  color: #fff;
  font-size: 58px;
  margin-top: 30px;
  line-height: 50px;
  text-align: center;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px;
  box-sizing: border-box;
}
.mall-section .earn-module .no-login .surplus {
  margin-top: 14px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
.mall-section .earn-module .the-earn {
  float: left;
  width: 1044px;
  height: inherit;
  background: #f0e6dd;
  padding: 18px 22px;
  box-sizing: border-box;
  position: relative;
}
.mall-section .earn-module .earn-rules-row {
  position: absolute;
  top: 15px;
  right: 30px;
  z-index: 1;
  color: #b0906e;
}
.mall-section .earn-module .earn-rules-row dd {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.mall-section .earn-module .earn-rules-row dd:hover {
  text-decoration: underline;
}
.mall-section .earn-module .earn-rules-row dd.split {
  margin: 4px 10px 0;
  border-left: 1px solid #b0906e;
  height: 10px;
}
.mall-section .earn-module .earn-title {
  font-size: 16px;
  color: #5a3820;
}
.mall-section .earn-module .earn-task {
  margin-top: 30px;
  padding: 0 16px;
}
.mall-section .earn-module .earn-task:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .earn-module .task-item {
  margin-left: 108px;
  float: left;
}
.mall-section .earn-module .task-item:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .earn-module .task-item:first-child {
  margin-left: 0;
}
.mall-section .earn-module .task-item .jump-link {
  float: left;
  margin-left: 60px;
  padding: 0 12px;
  min-width: 54px;
  font-size: 14px;
  text-align: center;
  border-radius: 3px;
  height: 32px;
  line-height: 32px;
  border: solid 1px #5a3820;
  color: #5a3820;
  margin-top: 10px;
}
.mall-section .earn-module .task-item .jump-link.finish {
  border-color: #cdcdcd;
  color: #bfbfbf;
}
.mall-section .earn-module .task-item .jump-link.finish:hover {
  cursor: not-allowed;
  color: #bfbfbf;
}
.mall-section .earn-module .task-item .jump-link:hover {
  color: #be7656;
  border-color: #be7656;
}
.mall-section .earn-module .t-des {
  float: left;
}
.mall-section .earn-module .t-img {
  float: left;
  margin-right: 10px;
}
.mall-section .earn-module .t-info {
  float: left;
}
.mall-section .earn-module .t-name {
  color: #5a3820;
  font-size: 15px;
  position: relative;
}
.mall-section .earn-module .t-name .task {
  height: 20px;
  background: #be7656;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: -6px;
  right: -32px;
  z-index: 1;
  border-radius: 10px;
  padding: 0 5px;
  height: 18px;
  line-height: 18px;
}
.mall-section .earn-module .t-count {
  color: #be7656;
}
.mall-section .detonation-module {
  margin-top: 25px;
}
.mall-section .detonation-module .product-row {
  margin-top: 25px;
}
.mall-section .detonation-module .row-head {
  font-size: 14px;
}
.mall-section .detonation-module .row-head:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .detonation-module .row-head .name {
  float: left;
  font-size: 20px;
}
.mall-section .detonation-module .row-head .row-r {
  float: right;
  color: #666666;
  margin-top: 4px;
}
.mall-section .detonation-module .row-head .row-r:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .detonation-module .row-head .row-r .view-more {
  color: #666666;
  font-size: 16px;
  position: relative;
}
.mall-section .detonation-module .row-head .row-r .view-more:after {
  display: inline-block;
  content: '';
  vertical-align: sub;
  background: url("../images/mall/arrow-icon.png") no-repeat center;
  width: 20px;
  height: 20px;
  margin-left: 4px;
}
.mall-section .detonation-module .row-head .row-r .view-more:hover {
  text-decoration: underline;
}
.mall-section .detonation-module .row-head .horn {
  float: left;
  margin: 4px 4px 0 0;
}
.mall-section .detonation-module .row-head .location {
  color: #999999;
}
.mall-section .detonation-module .row-head .msg-swiper {
  float: left;
  height: 21px;
  overflow: hidden;
}
.mall-section .detonation-module .row-head dd {
  max-width: 400px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mall-section .product-sample {
  margin-left: -15px;
  top: -2px;
  position: relative;
}
.mall-section .product-sample .empty-data-el {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px 0;
}
.mall-section .product-sample .empty-data-el .empty-tips {
  font-size: 16px;
  color: #b3b3b3;
  margin-top: 12px;
}
.mall-section .product-sample .empty-data-el .jump-link {
  font-size: 16px;
  background: #fff;
  color: #ff6a00;
  width: 168px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 21px;
  margin-top: 30px;
  border: solid 1px #ff6a00;
}
.mall-section .product-sample .empty-data-el .jump-link:hover {
  box-shadow: 0 2px 6px rgba(255, 106, 0, 0.26);
}
.mall-section .product-sample:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .product-sample .loading-el {
  color: #409eff;
  box-sizing: border-box;
  width: 1060px !important;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  right: 0;
  height: 98.8%;
  margin: auto;
  text-align: center;
  font-size: 14px;
  background: rgba(255, 255, 255, 0);
}
.mall-section .product-sample .loading-el .el-icon-loading {
  color: #fff;
}
.mall-section .product-sample .loading-el .loadTxt {
  color: #fff;
}
.mall-section .product-sample .loading-el .loading-mask {
  width: 110px;
  height: 110px;
  border-radius: 6px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.4);
  margin-top: 20%;
}
.mall-section .product-sample .loading-el:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .product-sample .loading-el .el-icon-loading {
  margin-top: 30%;
}
.mall-section .product-sample .the-item {
  width: 308px;
  height: 460px;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
  margin: 15px 0 0 15px;
  float: left;
  transition: all 0.3s linear;
  position: relative;
}
.mall-section .product-sample .the-item.top1:before {
  display: block;
  content: '';
  background: url("../images/mall/top1-icon.png") no-repeat center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -8px;
  left: 18px;
  z-index: 2;
}
.mall-section .product-sample .the-item.top2:before {
  display: block;
  content: '';
  background: url("../images/mall/top2-icon.png") no-repeat center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -8px;
  left: 18px;
  z-index: 2;
}
.mall-section .product-sample .the-item.top3:before {
  display: block;
  content: '';
  background: url("../images/mall/top3-icon.png") no-repeat center;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -8px;
  left: 18px;
  z-index: 2;
}
.mall-section .product-sample .the-item:hover {
  transform: translateY(-5px);
}
.mall-section .product-sample .the-item .the-img {
  width: 279px;
  height: 279px;
  margin-bottom: 10px;
  position: relative;
}
.mall-section .product-sample .the-item .the-img a {
  display: block;
  width: 279px;
  height: 279px;
  position: relative;
}
.mall-section .product-sample .the-item .the-img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .product-sample .the-item .the-head {
  font-size: 14px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mall-section .product-sample .the-item .the-head .tag {
  padding: 2px 4px 1px;
  color: #fff;
  font-size: 12px;
  margin-right: 2px;
  border-radius: 3px;
  background-image: linear-gradient(to right, #999999, #bfbfbf);
}
.mall-section .product-sample .the-item .pro-des {
  height: 36px;
  font-size: 12px;
  line-height: 18px;
  margin-top: 6px;
  color: #b0b0b0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-section .product-sample .the-item .rate-el {
  margin-top: 16px;
  color: #afafaf;
  height: 18px;
}
.mall-section .product-sample .the-item .rate-el .rate {
  text-decoration: line-through;
}
.mall-section .product-sample .the-item .snap-tool {
  margin-top: 2px;
}
.mall-section .product-sample .the-item .snap-tool:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .product-sample .the-item .cash {
  color: #333333;
  font-size: 12px;
  margin-top: 5px;
  float: left;
}
.mall-section .product-sample .the-item .cash .tg {
  font-size: 18px;
  font-weight: bold;
}
.mall-section .product-sample .the-item .jump-link {
  border-radius: 15px;
  height: 28px;
  line-height: 28px;
  display: block;
  float: right;
  font-size: 14px;
  padding: 0 14px 0 18px;
  color: #ff6a00;
  border: 1px solid #ff6a00;
  text-align: center;
  position: relative;
}
.mall-section .product-sample .the-item .jump-link:hover {
  box-shadow: 0 2px 6px rgba(255, 106, 0, 0.26);
}
.mall-section .product-sample .the-item .jump-link:after {
  display: inline-block;
  content: '';
  background: url("../images/mall/twist-icon.png") no-repeat center;
  width: 9px;
  height: 16px;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: -2px;
}
.mall-section .mall-body {
  margin-top: 35px;
}
.mall-section .mall-body:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .mall-body .quick-section {
  float: left;
  width: 200px;
  margin-right: 20px;
  background: #fff;
  padding-bottom: 40px;
}
.mall-section .mall-body .quick-section .goods-category {
  width: 200px;
  box-shadow: none;
}
.mall-section .mall-body .quick-section .goods-category .goods-body dd.active {
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.1);
  color: #ff6a00;
}
.mall-section .mall-body .quick-section .goods-category .goods-body dd:hover {
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.1);
}
.mall-section .mall-body .quick-section .goods-category .goods-body dd:hover .jump {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NTdCQUU1NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NTdCQUU2NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg1N0JBRTM1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg1N0JBRTQ1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TjnFcAAAAlElEQVR42mL8n8Wgz8DA4ALE/UD8jwEJMAGxKhD3APEyBjQAklwDxNlAHA7Eu4CYC1kSBKYBcSoQuwLxDiAWQpYEgTlAHAHEtlATVFnQrFkJpVcA8QYmNEkBIM6AsruQdfIA8WEg1gFifyDeBJNUBOJjQCwCxMZAfA7mIAsgvgB1oRlMAiapAMRngVgDiM8jOwAgwAB6oBYlrMCNSwAAAABJRU5ErkJggg==") no-repeat 90% center;
}
.mall-section .mall-body .quick-section .goods-category .goods-body dd.active .jump {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NTdCQUU1NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NTdCQUU2NTk4RTExRUQ5Rjc0QTdEMUFDRTBGQzAwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg1N0JBRTM1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg1N0JBRTQ1OThFMTFFRDlGNzRBN0QxQUNFMEZDMDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TjnFcAAAAlElEQVR42mL8n8Wgz8DA4ALE/UD8jwEJMAGxKhD3APEyBjQAklwDxNlAHA7Eu4CYC1kSBKYBcSoQuwLxDiAWQpYEgTlAHAHEtlATVFnQrFkJpVcA8QYmNEkBIM6AsruQdfIA8WEg1gFifyDeBJNUBOJjQCwCxMZAfA7mIAsgvgB1oRlMAiapAMRngVgDiM8jOwAgwAB6oBYlrMCNSwAAAABJRU5ErkJggg==") no-repeat 90% center;
}
.mall-section .mall-body .quick-section .outside-product {
  margin-top: 30px;
  padding: 0 0 0 24px;
  box-sizing: border-box;
}
.mall-section .mall-body .quick-section .outside-product:nth-of-type(2) {
  margin-top: 10px;
}
.mall-section .mall-body .quick-section .outside-product .outside-head {
  font-size: 14px;
  color: #333333;
  box-sizing: border-box;
  position: relative;
  padding-left: 10px;
}
.mall-section .mall-body .quick-section .outside-product .outside-head:before {
  display: block;
  content: '';
  width: 3px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin-top: -7px;
  background: #ff9a00;
}
.mall-section .mall-body .quick-section .outside-product .side-product {
  display: block;
  margin-top: 10px;
  border: 1px solid #eaeaea;
  padding: 5px;
  width: 152px;
  box-sizing: border-box;
  text-align: center;
}
.mall-section .mall-body .quick-section .outside-product .side-img {
  width: 142px;
  height: 142px;
  position: relative;
}
.mall-section .mall-body .quick-section .outside-product .side-img img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .mall-body .quick-section .outside-product .side-name {
  margin-top: 4px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-section .mall-body .quick-section .outside-product .side-val {
  color: #ff6a00;
  margin-bottom: 5px;
}
.mall-section .mall-body .product-section {
  float: left;
  width: 1060px;
}
.mall-section .mall-body .product-section .product-filter-row {
  background: #fff;
  padding: 16px 24px 16px 14px;
}
.mall-section .mall-body .product-section .product-filter-row:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .mall-body .product-section .product-filter-row .el-form-item {
  float: left;
}
.mall-section .mall-body .product-section .product-filter-row .el-input__suffix {
  line-height: 30px;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve {
  float: left;
  margin-left: 10px;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve dd {
  background: #F3F3F3;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 14px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  float: left;
  width: 100px;
  /*margin-top: 6px;*/
  cursor: pointer;
  font-size: 14px;
  border: 1px solid #F3F3F3;
  position: relative;
  box-sizing: border-box;
  color: #353535;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve dd:after {
  display: none;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA01pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKDIwMjAwODE4Lm0uMTAxMiAyMDIwLzA4LzE4OiBmODJmNDMzNzYxKSAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFODNFMkUzM0Q4MTExRUQ5NkQ0RjVDMjI4NjAyNTZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFODNFMkU0M0Q4MTExRUQ5NkQ0RjVDMjI4NjAyNTZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkU4M0UyRTEzRDgxMTFFRDk2RDRGNUMyMjg2MDI1NkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkU4M0UyRTIzRDgxMTFFRDk2RDRGNUMyMjg2MDI1NkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Qs67aAAAA+ElEQVR42mKUjLrIQAVQzEIFQyYBcS4ThYY0gAwB4i9MFBpSD2V/JdegeiRDQICJiUxDGtAFSTWoDpshIEBKrDVCDcIKmEgI2Do88v+YyAhYGPgBxMugNDsTuWECBKFAHA3EF4BYgIXMMAEZsAWIS4DYCIg/MBEIk09AvAKI/yPJpUC9VAvE3UDMBsQ/mQik2H1AHAnEyVB+NhDPhVrShBxpLAQC1g2IK4C4A4jPATGoqKiGehtnOsKWYrmAuB2IvwPxRCDOAuIWLL74zwJNS/1AnIcn4CdAY8kah7wQyKACqCFvQQkLh0JWqCGgwP+JJgcK7JcAAQYAfHUzpV7702oAAAAASUVORK5CYII=") no-repeat center;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve dd.active {
  border: solid 1px #195ad1;
  color: #195ad1;
  background-color: #fff;
}
.mall-section .mall-body .product-section .product-filter-row .retrieve dd.active:after {
  display: block;
}
.mall-section .mall-body .product-section .product-filter-row .meet {
  float: right;
  /*margin-top: 8px;*/
  font-size: 14px;
  margin-left: 24px;
}
.mall-section .mall-body .product-section .product-filter-row .meet .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #195ad1;
}
.mall-section .mall-body .product-section .product-filter-row .meet .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #195ad1;
  background: #195ad1;
}
.mall-section .mall-body .product-section .product-filter-row .meet .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #195ad1;
}
.mall-section .mall-body .product-section .product-filter-row .el-form-item__content {
  float: left;
  width: 140px;
  margin-left: -10px;
}
.mall-section .mall-body .product-section .product-filter-row .filter-form .el-form-item {
  margin-bottom: 0;
  float: left;
}
.mall-section .mall-body .product-section .product-sample {
  margin-left: -20px;
  min-height: 600px;
}
.mall-section .mall-body .product-section .product-sample .the-item {
  width: 250px;
  height: 389px;
  margin: 20px 0 0 20px;
}
.mall-section .mall-body .product-section .product-sample .the-item .the-img {
  width: 220px;
  height: 220px;
}
.mall-section .mall-body .product-section .product-sample .the-item .the-img a {
  display: block;
  position: relative;
  width: 220px;
  height: 220px;
}
.mall-section .mall-body .product-section .the-paging {
  margin-top: 50px;
  background: #fff;
  text-align: center;
}
.mall-section .mall-body .product-section .the-paging .el-pagination {
  padding: 15px 0;
}
.mall-section .mall-body .product-section .the-paging .el-pagination .number:hover {
  color: #ff6a00;
}
.mall-section .mall-body .product-section .the-paging .el-pagination .number.active {
  background: #ff6a00;
}
.mall-section .mall-body .product-section .the-paging .el-pagination .number.active:hover {
  color: #fff;
}
.mall-section .mall-bread {
  color: #666666;
}
.mall-section .mall-bread:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .mall-bread dd {
  float: left;
}
.mall-section .mall-bread dd:last-child a:after {
  display: none;
}
.mall-section .mall-bread dd a {
  display: block;
  padding: 20px 10px;
  position: relative;
}
.mall-section .mall-bread dd a:hover {
  color: #ff6a00;
}
.mall-section .mall-bread dd a:after {
  display: block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIBAAAAAA+qOzYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAnRSTlMAD+Ys0KkAAAACYktHRAAAqo0jMgAAAAd0SU1FB+YJGwkQJYjWHUkAAAAbSURBVAjXY9j/n+H3f4b/+xn+/waj/SDu/v8AspgO4dtbg5wAAAAASUVORK5CYII=") no-repeat center;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: -3px;
  z-index: 1;
  margin-top: -4px;
}
.mall-section .elaborate-module {
  background: #fff;
  min-height: 620px;
}
.mall-section .elaborate-graphic:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .elaborate-graphic .elaborate-l {
  float: left;
  width: 640px;
}
.mall-section .elaborate-graphic .elaborate-l:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .elaborate-graphic .big-product {
  width: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
  float: left;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPcAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAAACwAAAAAIAAgAAAI+gABCBxIkOCCAwsKKlzIcOCBhwUJFGiocICBgg8PEBzAkSLBAg8DEMw4sADHAR5HPkQpkKTAkwRSDjTwkIFDiAAInJRJkMHDiwBcwuQ5cMABnxMfOsi5c6DOATFfMmCQcGCAnwp1ljwJdeCCqVNZGq3akGvHnmCnRvVodu3GtDZTPnW78CsDlnJ5EgBKtC9RsxxNLjBAuHBfwBwLK+Yr8+QCmAMGL/ZLWSZdipcZzvW4OaXZiQpNcuUJuGBpzHifclyruuvLy6oJdmbq+uVqAE1PgiYqWuzZ2Idv4z47vLbcpsWdIvcsPHlR4szxOneamWEBussrZzVOMSAAIfkEBQoAAAAsAAAAABgAEgAACIAAAQgcSLAggAEGEypkAIAhQQMLFEZUOJDBgQMJGWgs6FDggosYDWrsmBCkgYQLNhLsaAAkxYYMJhIkAFJmxoYEBFps6FIgAQMGEFZUWbBlToEDgAI9SoCB0JdIlUIsADXhT6lVFSY9mVVhgaddw3odQLYs2KpmzYolUHZBWbEBAQAh+QQFCgAAACwBAAAAHQAOAAAIiQABCBxIcOAABgUTKlwoEGHCAQwHEoBIkIFFggEiEjRggGJDAA4BUAzJkKMBAgMthiSpcYDJlApZMlzAceTFAiBFFsSpkIBJnAgRGvg40MCBA0MHDEA5kGYAj00JLjh69KRSpTwLDI14kOpRg1cJMNXo9QBUkVfPLjR6IGNPpWM1MoibUKxGjQEBACH5BAUKAAAALAcAAAAZABEAAAiBAAEIHAiAgAGCCBMqBLDAwAKEDxcWIIDQgEWCDDIuHDCg4sWBGjdyLDDQ4kGQDCImJMCxo0CTAheEXAigJUUAMAkwALCTpkCbOD/OROjyJ8ebBAf0rLk04QCkCpHuDOCTZs+mVSHGzOrTAEmuYMMmPEC27AGVYM2aFQuArAOzCwICACH5BAUKAAAALA4AAAASABgAAAiCAAEsIACgoMGDCAcsQAhgAEGGAhcsNLjAgAGIEScCIGDxIkSJGjsOwAiy4ICOGDMCKNDx4UeJDQMY0CiQAYOUBgoctMmAJkabAICmDBr05tCdRo8edKm0adOkKW9KdXrAIIORTpsaYHrUwIEDAah+/eoT4gAGYw9AxZnWo9IAZAEEBAAh+QQFCgAAACwOAAAAEgAeAAAImQABDCgAoKDBgwgFDkjIsOCAhwcHLFjQ8OFCgxMvJrRoUCLFihALTvzIkCOAkQ0dhswY0YABAgwJaCTg0qXGhgtqGiDZUOfLlB1tAkU4cKhRowySKhUIlAEAp1Cdplya9KjVgwStfjRw1SCDmw0JBDg4lqGBAzAFVm3I4IDbgwacggVAwO0BnkDPvrVql+vRAXav2s161CXDgAAh+QQFCgAAACwPAAEAEQAfAAAIjAABCBwIgEABgggTDhiQsGGBhQ0jLiQQkSCBhQwrCrwIUePGjgM5ehSIcQDFihwxaiyZUSPHkyMJwBxJE6GBmzgXaMTJ00DFngZ01hxKcwADBkI9Hj1ac+nShjpbCjyaVKBPpgN1MhB4oCuAgyQjdj1AEGvCsQO3VkRLk+1UtWcPOFDY0K3HBQeqagwIACH5BAUKAAAALAgADgAYABIAAAh9AAEIHEiwIIABCBMOKGCw4UCFCh06TLggIQGJGDNiHKAxowEDHDsa/EjyosiBBRaQNLBA5AAGJgmsDHnwgIGGDAwO+GgSAIMDB3ISJMCgKMYFQA+YFApgAVOHSW86LNpyZFKCT30aNZi0KsasAq9iPVDQa1mpA3OCPUmzY0AAIfkEBQoAAAAsAgASAB0ADgAACIkAAQgcSLCgQQAEDhIkwEChQQIDBiQ8aODAAQMOCUbcWECjxY8ZNW6MKJDBxwMMBmQkgHHgSJYnWyZcYHCAAQM0B0JUWfFAAII/AWBkQBRAgZsGJj4sqBJAQ6dQAdi8GXLgU4JFBS642bRqVKhXWVINWbQr0asAtrasihatS6UOu2IN6pXt2owBAQAh+QQFCgAAACwAAA8AGQARAAAIgAAXHBhI8ACAgwgTKjxYsODChwkFEnQwEKLFixgxFjCQseOCjg8ZgIQYIGEAAhgHQGTAQOXBlgsJDJiZ0CVHhCxFAjDAE4DMmQUSBlXIEiHPmz9dWmT5cWfPgzMHoHy4oKjRp1BpLk14tKbWhVav3kQ4FWJThAsMnB2p0EDZhAEBACH5BAUKAAAALAEACAARABgAAAh3AAccOGAAgMGDCA8aGDhwQcKHABgOZDAAIsIFEg9YTBhgYMGNHEGKHEmypMmTKDcuYMCgJEuWIF++BLmyJcICHx+ydHhwgQEDFQcINUggIYGfBgoAEFoRItKmTCEOQHow6kOkRQ1aTfizqdahDwl4/ToWpFgAAQEAIfkEBQoAAAAsAAACAA4AHQAACIoAAQgcCGCBAYIIBx44wCAhwoUHBjgcGADiRIULD15cYJFgQ4IQP3qUCIDAgQAEUYokMHHAR5ETFwiUeRFAAY01WzLYyROmwJ49E7rcCYBnzqMISV4cYMCAUoQEmkp1aFDqggJCrQ4kMACrwKhOCQ4Yy1Kg14EFxg4o61At24Rcx9ZUm1NuzgJvAwIAOw==") no-repeat center;
}
.mall-section .elaborate-graphic .big-product img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .elaborate-graphic .product-nav {
  float: right;
  overflow-y: auto;
  height: 500px;
  padding-right: 6px;
  /* 设置滚动条的样式 */
  /* 滚动槽 */
}
.mall-section .elaborate-graphic .product-nav::-webkit-scrollbar {
  width: 6px;
}
.mall-section .elaborate-graphic .product-nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 6px;
  background: #efefef;
}
.mall-section .elaborate-graphic .product-nav::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.1);
  width: 6px;
}
.mall-section .elaborate-graphic .product-nav .cell {
  width: 118px;
  height: 118px;
  border: 1px solid #f0f0f0;
  position: relative;
  margin-bottom: 7px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
}
.mall-section .elaborate-graphic .product-nav .cell.active {
  border-color: #ff6a00;
}
.mall-section .elaborate-graphic .product-nav .cell img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .elaborate-graphic .elaborate-r {
  float: right;
  width: 594px;
}
.mall-section .elaborate-graphic .elaborate-name {
  font-size: 21px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mall-section .elaborate-graphic .exchange-tips {
  font-size: 14px;
  margin-top: 6px;
  color: #b0b0b0;
}
.mall-section .elaborate-graphic .interact-tool {
  margin-top: 26px;
  color: #666666;
  font-size: 14px;
  display: flex;
}
.mall-section .elaborate-graphic .interact-tool .collect {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mall-section .elaborate-graphic .interact-tool .collect.like:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABd1BMVEX/mQD/kgD/kQD/jQD/hAD/cQD/gAD/fwD/bwD/fQD/ewD/egD/bgD/bQD/bAD/eQD/eAD/dwD/dQD/awD/agD/dgD/dAD/cwD/cgD/mQD/mQD/mQD/mQD/mAD/mAD/lwD/lgD/lgD/lQD/lAD/kwD/mQD/mQD/lgD/lQD/kAD/jwD/mQD/mAD/iwD/igD/lwD/lQD/iQD/hgD/lAD/gwD/kgD/fwD/jwD/ewD/iwD/eAD/iAD/hgD/dgD/dAD/gwD/fwD/cgD/fgD/egD/cAD/eQD/bwD/dAD/cwD/bgD/bQD/cAD/bwD/bgD/bQD/bQD/bAD/mQD/mAD/lwD/lgD/lAD/kwD/kgD/kQD/lQD/kAD/jwD/jgD/jAD/jQD/iwD/igD/iAD/iQD/hwD/hQD/hAD/hgD/gwD/ggD/gAD/gQD/fwD/fgD/fQD/fAD/egD/eQD/ewD/eAD/dwD/dgD/dQD/cwD/dAD/cgD/cQD/cAD/bwAAAADyp1VGAAAAUXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHm6foXIUFHKinm4eLNTFxdQsGdjYGG3+/nGnrLKxlZVhYRvj4xtU/lR//n92dknGyUgRWpqbYBNGd7EWAAAAAWJLR0R80bYgXwAAAAd0SU1FB+YJGg8lGbm5uK8AAADVSURBVAjXY2BgkJSSlpGVk1dQVFJWYWRiYFBVCwwKDlHXCA0Lj9DUYmbQ1gkODokE8aKiY2J19Rj0QwygvLj4BMNEIwbj0DAwLzYhKTE5JdWEwTQiCsiLB/LSUtMzMs0YzIG8BCAvJT0jKzsn14LBMiEJwsvMyc3LL7BisLZJSYXwCguKim3tGFjsszIdgLz8ouKS0jJHVgY2dqe8QucCIK+8rMKFg4OBk4vbtQjMq6xy4+HlY+AXEBRy9wDyqj29+PiERRhExcQlWL19fP38A4RFgAAA76pBaIKn75UAAAAASUVORK5CYII=") no-repeat center;
  width: 16px;
}
.mall-section .elaborate-graphic .interact-tool .collect:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRsKOC83GOSkAAABA0lEQVQY03XNvSvEARjA8Y/f/ZSujLJZFDLpjCiDl8mGhbLfZKDcZJKLQQklA8rb3aWEBSuzt8nLH+DURUknhIFDXj7j8316nqIk9EgoFXEj4d6UMmSNWCNA0pKMZo1WZOzZ1KrdhlWTFCXb7Ig5RLEnVUqceFflTHekJWXdvBoZD07lZBXkPBsMRM0JjZuw4qdFj4En14qlbPrtVj4Q1SBvyV/qlQd2jfnPjJ3AgAqzf+YJleKhvFoXrgz/yEP6VXsIcanOkZzJbzluVMw5ITjWaN+d+Y/cZ1qTQwoLHOiw5V4aXRZ02H8P4efRbb1SXrxK67VdGIff/i7LWxDotP41fANiXUuSHdGC4AAAAABJRU5ErkJggg==") no-repeat center;
  width: 16px;
  height: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.mall-section .elaborate-graphic .interact-tool .remark {
  position: relative;
  margin-left: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mall-section .elaborate-graphic .interact-tool .remark:before {
  display: inline-block;
  content: '';
  vertical-align: middle;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRsQKSGSyMwVAAABFklEQVQY03XQzyvkcRzH8cf3Y1AmmS0jjcsqZU5SDsoethwQNyc3F7VT/gAnF6c5OPkVZduorbntycSBg9OIOFLYnWhc0JSk5MBhZndT43l8v9693u/XK8qqMuGbz5Ii94o2fK+MA+h0akPZomGD5pUsKeqFGPoV/NLvoep1YEGjZSdG7MTEFazJeM+zKde2tUfZn4Yk1ebMXTBuzkfMGAjq7SKnLIXfbhFXto+CcvAkhU8SYkhqRSShDU2i4EYGwxpcoVnAozppZIQoO2pLl8uaP7yaDvI2XeiuIZ/7YyVg0pozP94t9SiJ6/5bdcaYPnvVwL1yjhxLealUDXl5q2Z1+KrFiS8OK0Lsn2lCSkHaupzi/1tv98ZDLi4lJKEAAAAASUVORK5CYII=") no-repeat center;
  width: 16px;
  height: 15px;
  margin-right: 6px;
}
.mall-section .elaborate-graphic .price-info-row {
  margin-top: 38px;
  height: 64px;
  background: #f3f3f3;
  padding: 14px 24px;
  font-size: 14px;
  color: #666666;
  box-sizing: border-box;
  position: relative;
}
.mall-section .elaborate-graphic .price-info-row .to-earn {
  display: block;
  background: url("../images/mall/profit-icon.png") no-repeat center;
  width: 100px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 24px;
  z-index: 1;
  margin-top: -15px;
}
.mall-section .elaborate-graphic .price-info-row .to-earn:hover {
  opacity: 0.8;
}
.mall-section .elaborate-graphic .price-info-row .cash {
  color: #ff6a00;
  margin-left: 6px;
}
.mall-section .elaborate-graphic .price-info-row .cash .tg {
  font-weight: bold;
  font-size: 24px;
}
.mall-section .elaborate-graphic .price-info-row .cash .tg:nth-child(2) {
  font-size: 16px;
}
.mall-section .elaborate-graphic .price-info-row .rate-el {
  font-size: 14px;
  color: #b0b0b0;
  margin-left: 20px;
}
.mall-section .elaborate-graphic .price-info-row .rate-el .rate {
  text-decoration: line-through;
}
.mall-section .elaborate-graphic .verify-affirm {
  margin-top: 50px;
  height: 54px;
}
.mall-section .elaborate-graphic .verify-affirm:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box {
  float: left;
  border: 1px solid #d6d6d6;
  height: inherit;
  box-sizing: border-box;
  background: #fafafa;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box .get-amount {
  width: 48px;
  height: 52px;
  border: 0;
  text-align: center;
  font-size: 18px;
  color: #333333;
  background: #fafafa;
  float: left;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box .get-amount:focus {
  box-shadow: none;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box .amount-tool {
  float: left;
  border-left: 1px solid #d6d6d6;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box i {
  width: 28px;
  display: block;
  height: 26px;
  line-height: 26px;
  color: #c4c4c4;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.mall-section .elaborate-graphic .verify-affirm .affirm-box .el-icon-plus {
  border-bottom: 1px solid #d6d6d6;
}
.mall-section .elaborate-graphic .verify-affirm .inventory {
  line-height: 54px;
  float: left;
  margin-left: 20px;
  font-size: 14px;
  color: #b0b0b0;
}
.mall-section .elaborate-graphic .affirm-tool {
  margin-top: 50px;
}
.mall-section .elaborate-graphic .affirm-tool .change-btn {
  font-size: 18px;
  color: #fff;
  width: 300px;
  height: 54px;
  text-align: center;
  border-color: #ff6a00;
  background: #ff6a00;
}
.mall-section .elaborate-graphic .affirm-tool .change-btn:hover {
  background: #ff8833;
  border-color: #ff8833;
}
.mall-section .elaborate-graphic .affirm-tool .fond-btn {
  height: 54px;
  background: #b0b0b0;
  color: #fff;
  font-size: 18px;
  width: 143px;
  border-color: #b0b0b0;
  position: relative;
  vertical-align: top;
}
.mall-section .elaborate-graphic .affirm-tool .fond-btn:hover {
  background: #c0c0c0;
  border-color: #c0c0c0;
}
.mall-section .elaborate-graphic .affirm-tool .fond-btn:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAQAAAAjdQW7AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCRwRJAj5wXi6AAABd0lEQVQoz33Sv2vTcRDG8afF31hFkEyCiiBUcFPp4GChqBTa2Ulx8V8QNyfBSQdHEUdXQSoVREVBLUgoCCJawUXQJd+YxsYm9eWQH02qzd3w4e7efO457kakZ0cyk72Zz5tOfCyzGc3jlHuEtpd8UNNAxXdHlXxS1dRS+OZUm+qiDdCyAn5aBc1OvnBaZERSytfsSJH3mUs9UzmTsSRFypnP70xmMmMpMpNXEc9Rc1FX0pSKmsu9eFwVPyQOqeFFrxRxw+2B+CZqLsVVTS3XBoob/awKro9mZ7ZkOYsZZs+yJ0lGkyRbc2AofDj1NryYanZlfCg8k+3dpayhPFTzXRRORDxCYXZTtGQFS+0NnlTgnX2bwPdRd6W77jtY88Du/6AXVPGy/zY+Y9VDpQFwm1sqaLbz67rq4IuJHnrQWw2sdL/oH+OjP6h4bdo5TyyDX+vd+pvud0+1c5KVzvu0X9jGcY5b6IFLpgerI/7d10TOJ1nI3MbCX/wUvd5GE9SkAAAAAElFTkSuQmCC") no-repeat center;
  width: 22px;
  height: 20px;
  vertical-align: inherit;
}
.mall-section .elaborate-graphic .affirm-tool .fond-btn.like:before {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACYVBMVEX/mQD/kgD/kQD/kAD/jwD/jAD/gwD/cQD/gQD/gAD/cAD/bwD/fgD/fQD/bgD/ewD/egD/bQD/bAD/eQD/eAD/dwD/dgD/awD/dQD/dAD/cwD/agD/cgD/mQD/mQD/mQD/mQD/mQD/mAD/mAD/lwD/lwD/lgD/lgD/lQD/lAD/lAD/kwD/kgD/mQD/mQD/mQD/mQD/mAD/lwD/lwD/lgD/lQD/lQD/lAD/kwD/kwD/kgD/kQD/kAD/mQD/mAD/lQD/lAD/jwD/jgD/jQD/mAD/mAD/lwD/jAD/iwD/igD/lwD/lwD/lQD/iAD/iAD/lQD/lQD/hgD/hQD/lAD/kwD/gwD/ggD/kgD/kQD/gQD/gAD/kAD/jwD/fgD/fQD/jQD/jAD/ewD/ewD/iwD/igD/eQD/eAD/iAD/iAD/dwD/dgD/hgD/hQD/hAD/dQD/dAD/cwD/ggD/gQD/gQD/dAD/cwD/cgD/fwD/fgD/fQD/cgD/cQD/cQD/fAD/ewD/egD/egD/cAD/bwD/bwD/eQD/eAD/bwD/bgD/bgD/dQD/dAD/cwD/bgD/bgD/bQD/cgD/cQD/cAD/cAD/bwD/bgD/bgD/bQD/bQD/bAD/bwD/bgD/bgD/bQD/bAD/bAD/awD/mAD/lwD/lgD/lQD/kwD/kgD/kQD/kAD/lAD/jwD/jgD/jQD/jAD/iwD/igD/iQD/iAD/hwD/hgD/hQD/hAD/gwD/ggD/gQD/gAD/fwD/fgD/fQD/fAD/ewD/egD/eQD/eAD/dwD/dgD/dQD/dAD/cwD/cgD/cQD/cAD/bwAAAADVQGTKAAAAoHRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABtQfJZ5PwgIP3mWlnxQGwEnic3g69+0bLTf6+vgzYooj+3d3e6PJhKC6umBEULM/sxEeOXnfZ3w8aCp9fSpnvHwnYPm5oNc19ddKry8Kglz5uZzCSKg/f2gIkrB/f3BSgdJw/7DSQcFRb1GBUOa3uCaQx9ttNrp6dy5cB8ILm+RczMJKJ8AEgAAAAFiS0dEyvO0NuYAAAAHdElNRQfmCgsQMzvIPuL7AAABaElEQVQY00XLZVNCURRA0WMrdmFgdyd2d3d3B3Z3d3e3oIJiByYqiqL/yvseMO6Pa2YDAOjq6RsYGBoZm5iamVtYWlnbiIgitbWzd3B0dHImk11c3dw9PL28xcSR+vju7e9TqTQ//4ODwyM6PSAwSAKCQ0IxozEwO6IfnzCZYeEREBlFjaYxGAI7YZ6enV/ExEJcPGaH/3ZxeZWQCEnJuB3jdo7s+uY2JRXS0gV2JrA7FisjE7KykZ0KDeH9w2NOLuTlC+2Gb0/PLwWFUFSMjD/z7YX9WlIKZeX/hpD9+vbOoVRAZVU1bo9C43zU1NaBZH1D44PQ3jkfn9ym5hYpkJZpbWvH7A037ldHZxdBFuTku3t6+3D75H5983j9A4MKCqCoqDQ0TOHbN+/nd2R0TFlFBVTV1InE8YlJzH5+p6ZnEGpogDpRU0tbe3ZufmFxaXlldQ0ZiUQCZDpSBML6xubW1vbOLmaoP8ez3lEnVFomAAAAAElFTkSuQmCC") no-repeat center;
  width: 22px;
  height: 20px;
}
.mall-section .elaborate-graphic .merit-row {
  margin-top: 30px;
}
.mall-section .elaborate-graphic .merit-row:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .elaborate-graphic .merit-row li {
  float: left;
  font-size: 14px;
  color: #b3b3b3;
  position: relative;
  margin-right: 20px;
}
.mall-section .elaborate-graphic .merit-row li:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAA+VBMVEW/wL////+wsLC/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+wsLCwsLCwsLC/wL+/wL+/wL+wsLCwsLCwsLC/wL+/wL+/wL+/wL+wsLCwsLCwsLCwsLC/wL+/wL+wsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLCwsLC/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+/wL+wsLAAAADb1OyLAAAAUHRSTlMAAAAfd8Hl+cIlkSZliD4aBj1fjQgHjIGSkI8eIIB/DbZTfsQ7F8ynOcbmGSDZvQYS7RBoDi3myw/xlu7bFR7V4yQRxfALsT8nBYc8KHjD+iFxjJQAAAABYktHRFINYC2QAAAAB3RJTUUH5gkcETUOQ3v+nwAAAPpJREFUGNNtkXlTwjAUxF8CAlKQipZWrYqoqK234n3f5XLf9/8ypknTjjPsX8lv3mw2+4i0SuW5SrVSK5eElmbzdVjVHUsb6tZcaLmtxaY6NQxtA0vLxoi8DtBOqQP4lEv4gKNogJUCkpSrCAStAd4/6gEhrWOjYJvdLSl6ynEbOznc7fOeFPs4oAixhYdHfHwixSnOqApXgfOLSxpc8fWNlEIA2WyXb+/u+eFRvaZnje/TMzO/vKYZtK+PXur59s4fA51MZ7B5P7++TV43zTv7bzN6+Mk66yQZTGxnpt/hKE7i0bDol2gc5LsIxvmGiMLJNPqNppPQ7O0PFz4t1DywVwcAAAAASUVORK5CYII=") no-repeat center;
  width: 21px;
  height: 21px;
  vertical-align: top;
  margin-right: 4px;
}
.mall-section .information-graphic {
  background: #f5f5f5;
}
.mall-section .information-graphic .information-nav-parent {
  height: 70px;
}
.mall-section .information-graphic .fixed-el.is-fly {
  background: #f5f5f5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  right: 0;
  margin: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.mall-section .information-graphic .information-nav {
  font-size: 18px;
  color: #a4a4a4;
}
.mall-section .information-graphic .information-nav:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .information-graphic .information-nav dd {
  float: left;
  padding: 20px 14px;
  cursor: pointer;
  margin-right: 60px;
  border-bottom: 2px solid transparent;
}
.mall-section .information-graphic .information-nav dd.active {
  color: #ff7111;
  border-bottom: 2px solid #ff7111;
}
.mall-section .information-graphic .detail-graphic:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .information-graphic .detail-graphic-l {
  float: left;
  width: 875px;
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
}
.mall-section .information-graphic .detail-graphic-r {
  float: right;
  width: 388px;
  background: #fff;
  padding: 24px;
  box-sizing: border-box;
}
.mall-section .information-graphic .standard {
  font-size: 14px;
}
.mall-section .information-graphic .standard:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .information-graphic .standard li {
  width: 34.33%;
  float: left;
  line-height: 30px;
  color: #666666;
}
.mall-section .information-graphic .illustrated {
  margin-top: 30px;
}
.mall-section .information-graphic .illustrated img {
  max-width: 100%;
}
.mall-section .information-graphic .maybe-title {
  font-size: 18px;
  line-height: 32px;
  color: #666666;
}
.mall-section .information-graphic .maybe-box {
  margin: 20px 0 0 -14px;
}
.mall-section .information-graphic .maybe-box:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .information-graphic .maybe-box .item {
  margin: 0 0 20px 14px;
  width: 162px;
  height: 234px;
  border: 1px solid #eaeaea;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.mall-section .information-graphic .maybe-box .maybe-img {
  width: 140px;
  height: 150px;
  position: relative;
  margin: 0 auto;
}
.mall-section .information-graphic .maybe-box .maybe-img a {
  display: block;
  height: 100%;
  position: relative;
}
.mall-section .information-graphic .maybe-box .maybe-img img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .information-graphic .maybe-box .maybe-name {
  color: #666666;
  line-height: 18px;
  box-sizing: border-box;
}
.mall-section .information-graphic .maybe-box .maybe-name a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 16px;
  color: #666666;
  box-sizing: border-box;
}
.mall-section .information-graphic .maybe-box .maybe-name a:hover {
  color: #ff7111;
}
.mall-section .information-graphic .maybe-box .maybe-score {
  color: #333333;
  text-align: center;
}
.mall-section .information-graphic .maybe-box .jump-link {
  border-radius: 15px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  font-size: 14px;
  padding: 0 16px;
  color: #ff6a00;
  border: 1px solid #ff6a00;
  text-align: center;
  position: relative;
  margin-top: 5px;
  min-width: 60px;
}
.mall-section .information-graphic .maybe-box .jump-link:hover {
  box-shadow: 0 2px 6px rgba(255, 106, 0, 0.26);
}
.mall-section .information-graphic .maybe-box .jump-link:after {
  display: inline-block;
  content: '';
  background: url("../images/mall/twist-icon.png") no-repeat center;
  width: 9px;
  height: 16px;
  vertical-align: middle;
  margin-top: -2px;
}
.mall-section .the-replay-box {
  box-sizing: border-box;
  background: #fff;
  margin-top: 40px;
}
.mall-section .the-replay-box .rating-row {
  font-size: 14px;
  color: #333333;
  border-bottom: 1px dashed #eaeaea;
}
.mall-section .the-replay-box .rating-row .val {
  font-size: 54px;
  color: #ff6a00;
}
.mall-section .the-replay-box .rating-row .flag {
  color: #ff6a00;
}
.mall-section .the-replay-box .rating-filter {
  border-bottom: 1px solid #eaeaea;
}
.mall-section .the-replay-box .rating-filter:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-replay-box .rating-filter dd {
  float: left;
  font-size: 14px;
  color: #999999;
  padding: 20px 14px;
  cursor: pointer;
}
.mall-section .the-replay-box .rating-filter dd:first-child {
  margin-left: -14px;
}
.mall-section .the-replay-box .rating-filter dd.active {
  color: #ff6a00;
}
.mall-section .the-replay-box .region-area-box {
  margin-top: 30px;
  box-sizing: border-box;
}
.mall-section .the-replay-box .region-area-box.is-write {
  margin-top: 0;
}
.mall-section .the-replay-box .region-area-box:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-replay-box .region-area-box .the-area {
  width: 100%;
  min-height: 118px;
  position: relative;
}
.mall-section .the-replay-box .region-area-box .jump-login {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  line-height: 118px;
  width: 100%;
  text-align: center;
  border: 1px solid #ff7111;
  background-color: #f8f8f8;
  border-radius: 3px;
}
.mall-section .the-replay-box .region-area-box .jump-login .jump {
  color: #ff7111;
}
.mall-section .the-replay-box .region-area-box .jump-login:hover .jump {
  text-decoration: underline;
}
.mall-section .the-replay-box .region-area-box .published-notes .el-textarea__inner {
  border-radius: 3px;
  border-color: #dcdcdc;
  background: #fff;
}
.mall-section .the-replay-box .region-area-box .published-notes .el-textarea__inner:focus {
  border-color: #ff6a00;
  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.mall-section .the-replay-box .region-area-box .el-upload--picture-card {
  width: 118px;
  height: 118px;
}
.diy-upload-area {
  position: relative;
  cursor: pointer;
}
.diy-upload-area:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 118px;
  height: 118px;
  z-index: 6;
}
.mall-section .the-replay-box .region-area-box .el-upload-list--picture-card .el-upload-list__item {
  width: 118px;
  height: 118px;
}
.mall-section .the-replay-box .region-area-box .el-upload-list--picture-card .el-upload-list__item > div {
  display: flex;
  height: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.mall-section .the-replay-box .region-area-box .el-upload--picture-card i {
  vertical-align: unset;
  transform: translateY(-14px);
}
.mall-section .the-replay-box .region-area-box .el-upload--picture-card {
  border-style: solid;
  border-radius: 3px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABJCAQAAADC8S3xAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCgYKOSayDJjTAAAFCklEQVRo3u3Yb4xcVRnH8c9sW9naLtCqRIlxa1EC3AjaqYVWaUqcJg0lTSMWAqENSdOEKPgnVndfmFACga4VwUJTiGha/tptbKFGCukS/iWkhC1ByRFpygZeCFq0i1jYhS4dX8yd6Z2ZO3dmdom+2d8mm3PPc+7zPc9zzzlzzskVndAb8B2XOcd0H5mIpnhfsNsOuqsMuRrg7X4wIVCtbvejLOBa94CioxNGzZQDa7t/2xh4yBl40jqHJww8zd2+hde6v9QYOKITF9s7YRwssxej3dOTlR1VTUoDZUbdq11OGwdwZsJnA+BxMLWq7vN+Y8gbnra6TeDUhM+aysY6w4tOBostNtcN44g0I8J63eNkjHkLbHBuG75H2wd+zhK8KTLHVrCmDeAn2weWhsprDvrQNjC7Zdz5fpFWnf0ND/rQJyx0nUM2gD+1iFthlyntRzhiE6ba7FELcNj2lnDXeSQd13zQ/CyBOGy5d1rA3WhzXBqrNzabFlxtl4tNE9zrny3gtroGPOIJt40HyB57WmgF0/RbCZ6y0oK0tDZLaTv6jP0xbpeLcGZao48POMfz5oHNLkXqF2ye0pOss0inQx72XEa7hf7gU+CHfpXlMBt4oe2+GJd/4im/tiN163G538WlqzyQHUFWSld5poKDJR7wivU+XdPuuzFuxLJmuHTglDiifnDM933bfY6BL9vkoDt9pdL6elvA6/Ieb4ZLB76FX/o5OGKhO+y2xtlu8Q8wy/f8Wb+Cr9kWL3kv+bpXmuNqtxjv6lK03Dw3gb9abijR4BRXWee8Oi9PWOH9utorPIij3V3ZEX7grhj3mHwVjn/b4qtWeqyqdotCAjfTzdaC6fFzkwjL2u7qjMxcYIVz8ap+z1dZNlmPBV4wzwH8pTtKmhtNi1utz/wU++1vYPkCOB0vWmyRh6rNacDjro1/38ej0ha6tL141rO15rRRun4CuLKKjQxpwJaGd0O9A95sZE5L6altQz7rx051TNGoZeAWB03XocPvq5eDVn4Pm+tWV9bUXFIprYsPNanAkum4drXHUl3GcEyXqRg1YpoOHXZnpXQaeLdt4A5/NMMYRm21Gqvt1akDb2cB/+V0XFGzkrSio5UT5X/A37znvbSG1cD7/RRrRN5utM1L0Un+7iYvx0+dEJ9HmgI3+KZFyLcd4XnOiktTEv9TVD0PR3xDn9fbxo25u1Kekd00V3eLQac5bSQUjpZfxRIPGXKJ4XJFxqXC/0If5750EjgJnAROAieBk8BJ4CTw/wWsUiiGnpTawdAfl44k7WEwFFP/eireCpW2lTdbOT3l9YYjZoGNYSM4EM1Hb9RHGCSaf6Ib2c6aAkOPA9GA2YR+ostS7HlCebe5tJm/5hH2GIhLBfW4gh7D0exybNFASJr3JZ7i3NQCyylDlCP0m0UYjE8bSQelWPZFuVAIxSgXimVwQkujgZqaOmBv1FfV/1V2lr5QGLQzaSPEnYJU3DhSmtdbOUnl5U9EH3dsVdiI4ShHKIQihqvurpIZiTuUCYz6SkOlnOA4mkFz41h3lmIPRQei+aUDe3KUJt4pxHeTrU78UCjPqjBobnXyovlRzlAolrtWQQyneWr5FiPKhWIYNlSNCwX7qmOpaKOBND8tRhgNEOX01d4vRgNRLspZGq8xlRhDj3z9nIVcuY/pUdVP9xPrSmWy1Ko36gtH9NWM9/7WRnGGwmCDlbcn663/AjHDjGm9iXWWAAAAAElFTkSuQmCC") no-repeat center;
  border-color: #dcdcdc;
}
.mall-section .the-replay-box .region-area-box .el-upload--picture-card:hover,
.mall-section .the-replay-box .region-area-box .el-upload--picture-card:focus {
  border-color: #ff6a00;
}
.mall-section .the-replay-box .region-area-box .el-upload--picture-card .el-icon-plus {
  display: none;
}
.mall-section .the-replay-box .region-area-box .hint-order {
  font-weight: 500;
  font-size: 16px;
  color: #333333;
}
.mall-section .the-replay-box .region-area-box .hint-edit-row {
  display: flex;
  margin-bottom: 12px;
}
.mall-section .the-replay-box .region-area-box .hint-edit-row .hint-label {
  flex-shrink: 0;
  min-width: 54px;
  margin-right: 14px;
  line-height: 36px;
}
.mall-section .the-replay-box .region-area-box .hint-edit-row .tips-el {
  display: inline-block;
  background: url("../images/mall/tips-icon.png") no-repeat center;
  width: 24px;
  height: 34px;
  vertical-align: middle;
  margin-left: 12px;
  cursor: pointer;
}
.mall-section .the-replay-box .region-area-box .hint-edit-row .tips-el:hover {
  background: url("../images/mall/tipsed-icon.png") no-repeat center;
}
.mall-section .the-replay-box .region-area-box .hint-label {
  font-weight: 500;
  font-size: 13px;
  color: #999999;
}
.mall-section .the-replay-box .region-area-box .hint-box input.get-hint-order {
  height: 34px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #DCDCDC;
  width: 350px;
  text-indent: 15px;
}
.mall-section .the-replay-box .region-area-box .hint-box input.get-hint-order:focus {
  border: 1px solid #FF5E0D;
  box-shadow: none;
}
.mall-section .the-replay-box .retrospective-box {
  margin-top: 20px;
}
.mall-section .the-replay-box .retrospective-box .retros-tips {
  font-weight: 500;
  font-size: 13px;
  color: #FF5E0D;
}
.mall-section .the-replay-box .retrospective-box .retros-des {
  font-size: 14px;
  color: #333333;
  margin-top: 8px;
}
.mall-section .the-replay-box .prompt-tips {
  margin-top: 15px;
  color: #666666;
}
.mall-section .the-replay-box .prompt-tips .text {
  color: #b3b3b3;
}
.mall-section .the-replay-box .btn-comment {
  color: #fff;
  border-color: #ff7111;
  background: #ff7111;
  font-size: 14px;
  margin: 20px 0 0 0;
  border-radius: 4px;
}
.mall-section .the-replay-box .the-paging {
  margin-top: 60px;
  background: #fff;
  padding: 30px 0 0;
  text-align: center;
  border-top: 1px dashed #e0e0e0;
}
.mall-section .the-replay-box .the-paging .el-pagination {
  padding: 12px 0;
}
.mall-section .the-replay-box .the-paging .el-pagination .number {
  font-family: 'arial';
}
.mall-section .the-replay-box .the-paging .el-pagination .number:hover {
  color: #ff6a00;
}
.mall-section .the-replay-box .the-paging .el-pagination .number.active {
  background: #ff6a00;
}
.mall-section .the-replay-box .the-paging .el-pagination .number.active:hover {
  color: #fff;
}
.mall-section .the-leave-words {
  margin-top: 35px;
  box-sizing: border-box;
}
.mall-section .the-leave-words .leave-row {
  border-top: 1px solid #eeeeee;
  padding-top: 28px;
  margin-bottom: 28px;
}
.mall-section .the-leave-words .leave-row:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-leave-words .head-info {
  display: inline-block;
  vertical-align: top;
}
.mall-section .the-leave-words .leave-head {
  background: #d4d4d4;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}
.mall-section .the-leave-words .leave-head .head-img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .the-leave-words .head-name {
  font-size: 14px;
  color: #333333;
  text-align: center;
}
.mall-section .the-leave-words .words-des {
  display: inline-block;
  width: 689px;
  vertical-align: top;
  margin-left: 30px;
}
.mall-section .the-leave-words .words-des:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-leave-words .vip-head:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-leave-words .vip-info:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-leave-words .tool-timestamp {
  float: right;
  color: #999999;
}
.mall-section .the-leave-words .tool-timestamp .applaud {
  margin-left: 12px;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.mall-section .the-leave-words .tool-timestamp .applaud.active:before {
  background: url("../images/mall/give-like@icon.png") no-repeat -21px 0;
}
.mall-section .the-leave-words .tool-timestamp .applaud:before {
  display: inline-block;
  content: '';
  background: url("../images/mall/give-like@icon.png") no-repeat 0 0;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  vertical-align: text-top;
}
.mall-section .the-leave-words .vip-flag {
  display: inline-block;
  position: relative;
  height: 24px;
  background-image: url("../images/mall/membership-grade@icon.png");
  width: 78px;
  background-repeat: no-repeat;
  float: left;
}
.mall-section .the-leave-words .vip-flag.vip1 {
  background-position: 0 0;
}
.mall-section .the-leave-words .vip-flag.vip2 {
  background-position: 0 -31px;
}
.mall-section .the-leave-words .vip-flag.vip3 {
  background-position: 0 -63px;
}
.mall-section .the-leave-words .vip-flag.vip4 {
  background-position: 0 -94px;
}
.mall-section .the-leave-words .vip-flag.vip5 {
  background-position: 0 -125px;
}
.mall-section .the-leave-words .vip-tips {
  margin-top: 10px;
  font-size: 14px;
  color: #333333;
}
.mall-section .the-leave-words .sample-graph {
  margin-top: 20px;
}
.mall-section .the-leave-words .sample-graph:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.mall-section .the-leave-words .sample-graph .graph {
  width: 82px;
  height: 82px;
  background: #f0f0f0;
  margin-right: 15px;
  float: left;
  position: relative;
  cursor: pointer;
  border: 2px solid #fff;
  overflow: hidden;
}
.mall-section .the-leave-words .sample-graph .graph.active {
  border-color: #ff7111;
}
.mall-section .the-leave-words .sample-graph .graph img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.mall-section .the-leave-words .view-big-box {
  margin-top: 12px;
  text-align: left;
}
.mall-section .the-leave-words .view-big-box img {
  max-width: 100%;
}
.mall-section .the-leave-words .convert-box {
  margin-top: 18px;
  color: #999999;
  margin-bottom: 10px;
  position: relative;
  z-index: 4;
}
.mall-section .the-leave-words .convert-box .revert {
  margin-left: 15px;
}
.mall-section .the-leave-words .convert-box .revert:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAmVBMVEX/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agAAAAA3R2P9AAAAMXRSTlMANsnn4uHmwCvPvdrI0O2gq7Tfoe+/sI97uPCu6bn11cXMYvlUIz08ROpzGSL0Qy8wfczJkQAAAAFiS0dEMkDSTMgAAAAHdElNRQfmCgYKFwEcASSUAAAAZklEQVQI103LzRpCUBhF4S2niCiSkr8IlUL7/m/OeUx8a/YOFoyNqbZLamfZ2FPkwJU8wKN/VDwFDM8RL5oxrgR4Q7LwnmbMLaq40Czl+0AoWaEWejZA2710xvvD/ou13zBCNv2BGRfCE2/3r5hrAAAAAElFTkSuQmCC") no-repeat center;
  width: 15px;
  height: 14px;
  vertical-align: middle;
  margin-right: 2px;
}
.mall-section .the-leave-words .convert-box .revert .amount {
  color: #ff6a00;
}
.mall-section .the-leave-words .convert-box .revert .arrow-el {
  position: relative;
}
.mall-section .the-leave-words .convert-box .revert .arrow-el:before {
  display: block;
  content: '';
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #f8f8f8;
  position: absolute;
  top: 18px;
  left: -2px;
  z-index: 2;
}
.mall-section .the-leave-words .convert-box .revert .arrow-el:after {
  display: block;
  content: '';
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #c8c8c8;
  position: absolute;
  top: 17px;
  left: -2px;
  z-index: 1;
}
.mall-section .the-leave-words .convert-box .revert .write-btn {
  cursor: pointer;
  margin-left: 6px;
}
.mall-section .the-leave-words .convert-box .revert .write-btn:hover {
  color: #ff6a00;
}
.mall-section .the-leave-words .the-mutual-box {
  background: #f8f8f8;
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  padding: 8px 20px 8px 20px;
  box-sizing: border-box;
  margin-top: 15px;
  position: relative;
  z-index: 3;
}
.mall-section .the-leave-words .the-mutual-box.first-write {
  margin-top: -2px;
  z-index: 1;
}
.mall-section .the-leave-words .the-mutual-box.first-write:before {
  display: none;
}
.mall-section .the-leave-words .the-mutual-box.first-write:after {
  display: none;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .el-textarea__inner:focus {
  border-color: #ff7111;
  box-shadow: none;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row:last-child .info-text {
  border-bottom: 0;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .info-text {
  padding: 12px 0;
  position: relative;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .msg-person {
  color: #999999;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .msg-tips {
  padding-right: 120px;
  box-sizing: border-box;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .mutual-tool {
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 1;
  color: #999999;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .mutual-tool .btn {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  vertical-align: top;
}
.mall-section .the-leave-words .the-mutual-box .mutual-row .mutual-tool .btn:hover {
  color: #ff6a00;
}
.mall-section .the-leave-words .the-mutual-box .set-message {
  margin-top: 0px;
}
.mall-section .the-leave-words .the-mutual-box .set-message textarea {
  min-height: 84px;
}
.mall-section .the-leave-words .the-mutual-box .verify-tool {
  text-align: right;
  margin-top: 15px;
  margin-bottom: 12px;
}
.mall-section .the-leave-words .the-mutual-box .verify-tool .el-button {
  margin-left: 5px;
  border-radius: 0;
}
.mall-section .the-leave-words .the-mutual-box .verify-tool .el-button.announce {
  background: #ff7111;
  color: #fff;
  border-color: #ff7111;
}
.mall-section .the-leave-words .vip-info .handpick {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-weight: 500;
  font-size: 12px;
  color: #FF6517;
  margin-right: 10px;
}
.mall-section .the-leave-words .vip-info .handpick:before {
  display: inline-block;
  content: '';
  background: url("../images/mall/pick-icon.png?v=2024115") no-repeat center;
  width: 12px;
  height: 14px;
  vertical-align: sub;
  margin-right: 5px;
}
.integral-address {
  background-color: #f5f5f5;
  min-height: 500px;
  padding: 40px 0 60px;
}
.integral-address .current-location {
  height: 48px;
  border-bottom: 1px solid #ddddde;
}
.integral-address .current-location h3 {
  font-size: 24px;
  line-height: 24px;
  color: #ff6a00;
  height: 46px;
  display: inline-block;
  border-bottom: 3px solid #ff6a00;
  float: left;
}
.integral-address .current-location .location-box {
  float: right;
  margin-top: 14px;
  color: #666666;
}
.integral-address .current-location .location-box a {
  color: inherit;
  padding: 0 10px;
  position: relative;
}
.integral-address .current-location .location-box a:last-child {
  padding-right: 0;
  cursor: default;
}
.integral-address .current-location .location-box a:last-child:hover {
  color: #666666;
  text-decoration: none;
}
.integral-address .current-location .location-box a:last-child:before {
  display: none;
}
.integral-address .current-location .location-box a:before {
  display: block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAIBAAAAAA+qOzYAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAnRSTlMAD+Ys0KkAAAACYktHRAAAqo0jMgAAAAd0SU1FB+YKBw4zACVbOh0AAAAbSURBVAjXY9j/n+H3f4b/+xn+/waj/SDu/v8AspgO4dtbg5wAAAAASUVORK5CYII=") no-repeat center;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: -5px;
  z-index: 1;
  margin-top: -4px;
}
.integral-address .current-location .location-box a:hover {
  color: #ff6a00;
  text-decoration: underline;
}
.integral-address .specific-box {
  margin-top: 20px;
  min-height: 580px;
  background-color: #fff;
  border-radius: 6px;
  padding-bottom: 50px;
}
.integral-address .specific-content {
  width: 1200px;
  margin: 0 auto;
}
.integral-address .specific-content .specific-title {
  font-size: 14px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  padding-top: 30px;
}
.integral-address .specific-content .specific-title:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.integral-address .specific-content .specific-title .return-link {
  color: #ff6a00;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: 115px;
  position: relative;
}
.integral-address .specific-content .specific-title .return-link:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAMAAACuAq9NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAe1BMVEX/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agD/agAAAADE3MtWAAAAJ3RSTlMAR54VLUT7ahj3eOVcKubuf5aanJLeRfmuSEtML/xBLmJDTkZfvCF9ic4kAAAAAWJLR0QovbC1sgAAAAd0SU1FB+YKBw8GFet1dncAAABZSURBVAjXVc1HDoAwDERR02voEHqHuf8NEWER81d+0kgmejNMi3Q24DC58LT8ACFThFhLJEizvFCVFdXgUSPRiq5XDQbRKKeZPaUFWLk3YOc+gN/+vO7veAC20wgHdpimWwAAAABJRU5ErkJggg==") no-repeat center;
  width: 14px;
  height: 13px;
  vertical-align: revert;
  margin-right: 6px;
}
.integral-address .specific-content .specific-title .buy-cash {
  float: right;
  color: #333333;
}
.integral-address .specific-content .specific-title .buy-cash .cash {
  color: #ff6a00;
}
.integral-address .specific-content .specific-title .buy-cash .cash .b {
  font-size: 24px;
}
.integral-address .specific-content .specific-title .buy-cash .cash .flag {
  font-size: 20px;
  margin: 0 4px;
  font-weight: bold;
}
.integral-address .specific-content .info-convert-row {
  padding: 70px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #efefef;
}
.integral-address .specific-content .info-convert-row:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.integral-address .specific-content .convert-img {
  width: 80px;
  height: 80px;
  position: relative;
  margin-left: 30px;
  float: left;
}
.integral-address .specific-content .convert-img img {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.integral-address .specific-content .img-name {
  float: left;
  margin-left: 30px;
  font-size: 18px;
  color: #333333;
  height: 64px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 510px;
  margin-top: 8px;
}
.integral-address .specific-content .img-count {
  float: left;
  font-size: 18px;
  margin-left: 70px;
  margin-top: 12px;
}
.integral-address .specific-content .convert-btn {
  float: right;
  width: 194px;
  height: 50px;
  background-color: #ff6a00;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  border: solid 1px #de5500;
  color: #fff;
  font-size: 18px;
}
.integral-address .address-box {
  margin-top: 20px;
}
.integral-address .address-box .address-title:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.integral-address .address-box .address-title .set-title {
  float: left;
  font-size: 18px;
  margin-top: 5px;
  color: #333333;
}
.integral-address .address-box .address-title .add-btn {
  font-size: 14px;
  display: inline-block;
  width: 140px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #195ad1;
  color: #195ad1;
  text-align: center;
  border-radius: 100px;
  float: right;
  transition: all 0.3s;
}
.integral-address .address-box .no-address {
  font-size: 24px;
  color: #9fa0a0;
  text-align: center;
  margin-top: 80px;
}
.integral-address .each-address-box {
  margin-top: 20px;
  min-height: 230px;
  margin-left: -20px;
}
.integral-address .each-address-box:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.integral-address .each-address-box .item {
  float: left;
  width: 386px;
  height: 182px;
  margin: 0 0 20px 20px;
  padding: 26px 24px;
  box-sizing: border-box;
  border: 1px solid #d6d6d6;
  position: relative;
  cursor: pointer;
}
.integral-address .each-address-box .item:before {
  display: block;
  content: '';
  background: url("../images/mall/courier-lines@bg.png") no-repeat 0 -11px;
  width: 384px;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.integral-address .each-address-box .item.active {
  background: #f5f5f5;
}
.integral-address .each-address-box .item.active:before {
  background: url("../images/mall/courier-lines@bg.png") no-repeat 0 0;
}
.integral-address .each-address-box .item .address-tool {
  width: 100%;
  padding: 0 20px 14px 20px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.integral-address .each-address-box .item .address-tool .el-radio__input.is-checked + .el-radio__label {
  color: #195ad1;
}
.integral-address .each-address-box .item .address-tool .el-radio__input.is-checked + .el-radio__label,
.el-radio__label {
  padding-left: 4px !important;
}
.integral-address .each-address-box .item .address-tool .el-radio__input.is-checked .el-radio__inner {
  border-color: #195ad1;
  background: #195ad1;
}
.integral-address .each-address-box .item .address-tool .el-radio__input.is-checked .el-radio__inner:after {
  -webkit-transform: rotate(45deg) scaleY(1);
  transform: rotate(45deg) scaleY(1);
  border-radius: unset;
  background: none;
}
.integral-address .each-address-box .item .address-tool .el-radio__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #FFF;
  z-index: 1;
  -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.integral-address .each-address-box .item .address-tool .el-radio__inner:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  border: 1px solid #FFF;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  -webkit-transform: rotate(45deg) scaleY(0);
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  -webkit-transition: -webkit-transform 0.15s ease-in 0.05s;
  transition: -webkit-transform 0.15s ease-in 0.05s;
  transition: transform 0.15s ease-in 0.05s;
  transition: transform 0.15s ease-in 0.05s, -webkit-transform 0.15s ease-in 0.05s;
  -webkit-transform-origin: center;
  transform-origin: center;
}
.integral-address .each-address-box .item .update-box {
  float: right;
  color: #999999;
  font-size: 14px;
}
.integral-address .each-address-box .item .update-box .text {
  vertical-align: text-bottom;
}
.integral-address .each-address-box .item .update-box .edit-btn {
  position: relative;
  cursor: pointer;
}
.integral-address .each-address-box .item .update-box .edit-btn:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCgcRBAM7Ly/eAAAA6ElEQVQY02XPvy6DARiF8V+bjwsQm2i1GovFIBGJwSg29yEGIqL/KG1jkJgMFldh01A2DI1ZWmm7ILqxIGUo+olnfXLe95zIUcqUqB5dz6pYsefYcqCi4+1bB85U5a1Zsukw8GhGmKKMCXc6bgKvf1RBRlxLTNVqVOT3I0V5KS0JTfsOglCqJC2mLaFhxzZ9uSttXFtcQ9mWguqPzMsa05RUV5TDgocoumatS2oaVVeWA09eemXmnLg3qaUk0y/Rk5fmXajYkA3vCnRxZdG0a7ch8yEaGDboXU3t906PEQOBT6e6/jPk/AsCUEEGTCkrWQAAAABJRU5ErkJggg==") no-repeat center;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.integral-address .each-address-box .item .update-box .edit-btn:hover {
  color: #ff6a00;
}
.integral-address .each-address-box .item .update-box .delete-btn {
  position: relative;
  margin-left: 15px;
  cursor: pointer;
}
.integral-address .each-address-box .item .update-box .delete-btn:before {
  display: inline-block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAHdElNRQfmCgcRBhn0e7QmAAAAzklEQVQY023MO0oDARRG4W/GS4KKaJrJKNFGbN2HVRAsLAxiY29jYZfGB1mBC8gGLBQbV5BOBBcQsRI7HxlFiwlkgv7V4ZzLTS6Brj1PJcr1dSHGYsOVozGfWC8h9Iy82Pbq0wy+7cg8WlILi7a09NSsCInCjXfnnl2HQ7s6jk0vd6ufIjMLzmxadQHmZaSV67aWhvZEVOPQm5Hh//HP0ilOJFVTjU11oTkRgdQXOPDgwz4opGUMuQVhoG7OQENhWZTxXu5OSMbffhTWnPILxx0n1MxNJa4AAAAASUVORK5CYII=") no-repeat center;
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.integral-address .each-address-box .item .update-box .delete-btn:hover {
  color: #ff6a00;
}
.integral-address .each-address-box .person {
  font-size: 14px;
}
.integral-address .each-address-box .person .name {
  font-weight: bold;
  margin-right: 10px;
}
.integral-address .each-address-box .person .tacitly {
  display: inline-block;
  width: 40px;
  text-align: center;
  border: 1px solid #195ad1;
  height: 20px;
  line-height: 18px;
  border-radius: 3px;
  color: #195ad1;
  margin-left: 10px;
  box-sizing: border-box;
}
.integral-address .each-address-box .address-text {
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.el-dialog {
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.12);
}
.el-dialog .el-dialog__title {
  font-size: 16px;
}
.el-dialog .el-dialog__body {
  max-height: 100%;
  flex: 1;
  -ms-flex: 1 1 auto;
  /* 兼容IE */
  overflow-y: auto;
  overflow-x: hidden;
}
.el-dialog .el-dialog__wrapper {
  /*隐藏ie和edge中遮罩的滚动条*/
  overflow: hidden;
}
.set-info-box .set-area-row:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.set-info-box .set-area-row .set-province {
  float: left;
}
.set-info-box .set-area-row .set-city {
  float: left;
}
.set-info-box .set-area-row .set-city .el-form-item__content {
  margin-left: 6px !important;
}
.set-info-box .set-area-row .set-area {
  float: left;
}
.set-info-box .set-area-row .set-area .el-form-item__content {
  margin-left: 6px !important;
}
.set-info-box .set-detail {
  margin-bottom: 10px;
}
.set-info-box .set-default {
  margin-bottom: 6px;
}
.set-info-box .set-default .el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #195ad1;
}
.set-info-box .set-default .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: #195ad1;
  background: #195ad1;
}
.set-info-box .set-default .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #195ad1;
}
.set-info-box .set-submit-btn {
  background: #ff6a00;
  color: #fff;
  border-color: #ff6a00;
}
.set-info-box .set-submit-btn:hover,
.set-info-box .set-submit-btn:focus {
  background: #ff6a00;
  color: #fff;
  border-color: #ff6a00;
}
.set-info-box .btns-tool {
  text-align: right;
  padding-right: 20px;
  margin-bottom: 0;
}
/*# sourceMappingURL=integral-mall.css.map */
/* 加载层 */
.loading-el .el-icon-loading {
  font-size: 32px;
  /*color: #ff6a00;*/
}
.loading-el .loadTxt {
  /*color: #ff6A00;*/
  font-size: 14px;
}
/*2024-6-13*/
.new-product-filter .search-goods {
  display: inline-block;
}
.new-product-filter .filter-form {
  height: 32px;
  display: flex;
  align-items: center;
}
.new-product-filter .search-goods input {
  width: 160px;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #DCDFE6;
  color: #606266;
  display: inline-block;
  font-size: 13px;
  /*margin-top: 5px;*/
  margin-left: 16px;
  padding-left: 10px;
}
.new-product-filter .search-goods input::placeholder {
  color: #C0C4CC;
}
.new-product-filter .btn-gather {
  display: inline-block;
  height: 32px;
  vertical-align: bottom;
}
.new-product-filter .btn-gather .btn-item {
  width: 80px;
  height: 32px;
  min-height: 32px;
  line-height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}
.new-product-filter .btn-gather .reset-btn {
  background: #0F53CB;
  color: #FFFFFF;
  border: 1px solid transparent;
  margin-left: 10px;
}
.new-product-filter .btn-gather .reset-btn:hover {
  background: #417CE4;
}
.new-product-filter .btn-gather .search-btn {
  background: #FFFFFF;
  color: #353535;
  border: 1px solid #D7DAE2;
  margin-left: 4px;
}
.new-product-filter .btn-gather .search-btn:hover {
  background: #dcd9d9;
}
.new-info-convert {
  margin-bottom: 42px;
}
.new-info-convert .remark-box .remark-title {
  font-size: 18px;
  color: #353535;
}
.new-info-convert .remark-box .remark-des {
  margin-top: 14px;
  width: 100%;
  border-radius: 10px;
  height: 100px;
  border: 1px solid #EFEFEF;
  padding: 16px 14px;
  box-sizing: border-box;
  resize: none;
  font-size: 14px;
}
.new-info-convert .remark-box .remark-des::placeholder {
  color: #999999;
}
.new-info-convert .info-convert-row {
  border-bottom: 0 !important;
}
.red-reminder-pop::after {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.red-reminder-pop .warn-module {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 440px;
  height: 260px;
  background: #FFFFFF;
  border-radius: 20px;
  z-index: 1000;
  overflow: hidden;
}
.red-reminder-pop .warn-module .warn-top {
  height: 45px;
  background: #F8F8F8;
  border-bottom: 1px solid #EFEFEF;
  padding: 0 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.red-reminder-pop .warn-module .warn-top .warn-title {
  font-size: 16px;
  color: #353535;
}
.red-reminder-pop .warn-module .warn-top .close-btn {
  background: url("../images/mall/warn-close-icon.png") no-repeat center;
  width: 14px;
  height: 14px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.red-reminder-pop .warn-module .warn-top .close-btn:hover {
  transform: rotate(90deg);
}
.red-reminder-pop .warn-module .warn-com {
  padding: 20px 30px;
}
.red-reminder-pop .warn-module .warn-com .warn-des {
  font-size: 14px;
  color: #353535;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman {
  margin-top: 20px;
  height: 120px;
  background: #FFF5EE;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 30px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .photo-pic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #FE6A00;
  box-sizing: border-box;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l {
  display: flex;
  align-items: center;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l .info-des {
  margin-left: 10px;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l .info-des .name {
  font-size: 15px;
  color: #FE6A00;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l .info-des .name > span {
  margin-left: 4px;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l .info-des .tel {
  font-size: 14px;
  color: #353535;
  margin-top: 4px;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .warn-l .info-des .tel::before {
  background: url("../images/mall/iphone-icon.png") no-repeat center;
  width: 12px;
  height: 17px;
  content: '';
  display: inline-block;
  vertical-align: sub;
  margin-right: 4px;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .qq-btn {
  font-size: 13px;
  color: #000000;
  width: 98px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 19px;
  border: 1px solid #FFD5B7;
  box-sizing: border-box;
}
.red-reminder-pop .warn-module .warn-com .warn-salesman .qq-btn::before {
  background: url("../images/mall/QQ.png") no-repeat center;
  width: 18px;
  height: 21px;
  content: '';
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle;
  margin-bottom: 2px;
}
/*# sourceMappingURL=mall.css.map */