.banner {
  width: 100%;
  background: red;
  height: 460px;
}
#slideshow-wheel- {
  /*background: red !important;*/
  text-align: center !important;
}
.banner > img {
  width: 1400px;
  height: 100%;
  margin: 0 auto;
  display: block;
}
.arr-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.arr-1 > img:nth-child(1) {
  width: 526px;
  height: 340px;
}
.arr-1 > img:nth-child(2) {
  width: 256px;
  height: 340px;
}
.arr-1 .right-goods {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.arr-1 .right-goods > img {
  width: 259px;
  height: 161px;
}
.arr-1 .right-goods > img:nth-child(1) {
  margin-bottom: 18px;
}
.banner-1 {
  width: 100%;
  height: 340px;
  margin-top: 45px;
}
.hot-title {
  margin: 44px 0 21px 0;
  color: #e53439;
  font-weight: 600;
  font-size: 24px;
  position: relative;
}
.hot-title > span {
  position: absolute;
  font-size: 20px;
  color: #333;
  font-weight: 500;
  left: 142px;
  top: 11px;
}
.hot-title::after {
  position: absolute;
  bottom: -7px;
  left: 11px;
  content: '';
  width: 92px;
  height: 17px;
  border-radius: 9px;
  background: -webkit-gradient(linear, left top, right top, from(#f4646b33), color-stop(140%, #e53439));
  background: -webkit-linear-gradient(left, #f4646b33 0%, #e53439 140%);
  background: -moz-linear-gradient(left, #f4646b33 0%, #e53439 140%);
  background: linear-gradient(90deg, #f4646b33 0%, #e53439 140%);
}
.goods-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.goods-box .goods-item:nth-child(4n+4) {
  margin-right: 0;
}
.goods-box .goods-item {
  width: 261px;
  margin-right: 12px;
  background: #fff;
  margin-bottom: 12px;
  padding-bottom: 10px;
  position: relative;
}
.goods-box .goods-item .orange {
  background: #fa6400;
}
.goods-box .goods-item .red {
  background: #e53439;
}
.goods-box .goods-item .label {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  width: 52px;
  height: 30px;
  text-align: center;
  line-height: 25px;
}
.goods-box .goods-item .goods-img {
  width: 100%;
  /* height: 292px; */
}
.goods-box .goods-item .name,
.goods-box .goods-item .price {
  padding: 0 14px;
  margin-top: 5px;
}
.goods-box .goods-item .name {
  font-size: 14px;
}
.goods-box .goods-item .name > span {
  font-size: 10px;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  background: #e53439;
  padding: 1px 3px;
}
.goods-box .goods-item .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.goods-box .goods-item .price > div:nth-child(1) {
  color: #FF9000;
  font-size: 16px;
  font-weight: 600;
}
.goods-box .goods-item .price > div:nth-child(2) {
  color: #999;
  font-size: 12px;
}
.arr-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.arr-2 .goods-item:nth-child(5n+5) {
  margin-right: 0;
}
.arr-2 .goods-item {
  width: 200px;
  margin-right: 20px;
  background: #fff;
  margin-bottom: 12px;
  padding-bottom: 20px;
  position: relative;
  height: 312px;
}
.arr-2 .goods-item .goods-img {
  width: 200px;
  height: 224px;
}
.arr-2 .goods-item .name,
.arr-2 .goods-item .price {
  padding: 0 10px;
  margin-top: 8px;
}
.arr-2 .goods-item .name {
  font-size: 14px;
}
.arr-2 .goods-item .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.arr-2 .goods-item .price > div:nth-child(1) {
  color: #e53439;
  font-size: 16px;
  font-weight: 600;
}
.arr-2 .goods-item .price > div:nth-child(2) {
  color: #999;
  font-size: 12px;
}
.arr-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 44px;
}
.arr-3 .item {
  width: 346px;
  padding-bottom: 14px;
  background: #fff;
}
.arr-3 .item > img {
  width: 100%;
  height: 180px;
}
.arr-3 .item > div:nth-child(2) {
  font-size: 14px;
  font-weight: 600;
  margin-top: 3px;
  padding: 0 14px;
}
.arr-3 .item > div:nth-child(3) {
  font-size: 12px;
  color: #999;
  margin-top: 5px;
  padding: 0 14px;
}
.arr-3 .item > div:nth-child(4) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 12px;
  padding: 0 14px;
  color: #999;
}
.el-carousel__indicator--horizontal {
  padding: 0;
}
.el-carousel__indicator {
  padding: 0 5px;
}
.el-carousel__button {
  width: 50px;
  height: 6px;
  border-radius: 4px;
  background: #e53439;
}
