li {
  list-style: none;
}
.specific-1 {
  width: 100%;
  box-sizing: border-box;
  padding: 50px;
  text-align: justify;
  word-break: break-word;
  font-size: 28px;
  margin-bottom: 40px;
  background-size: cover;
  background-repeat: no-repeat;
}
.specific-2 {
  width: 100%;
  box-sizing: border-box;
  padding: 69px 30px 68px;
  text-align: justify;
  word-break: break-word;
  font-size: 28px;
  margin-bottom: 40px;
}
.specific-2 .container {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 30px 20px;
  background-color: rgba(0, 0, 0, 0.2);
  line-height: 45px;
}
.specific-3 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 66px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
}
.specific-3 .container ul li {
  display: flex;
  justify-content: space-between;
  height: 180px;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.specific-3 .container ul li:last-of-type {
  margin-bottom: 0;
}
.specific-3 .container ul li .box_info {
  width: calc(100% - 72px);
  box-sizing: border-box;
  padding-right: 56px;
}
.specific-3 .container ul li .box_info h3 {
  height: 80px;
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
  overflow: hidden;
  margin-bottom: 4px;
}
.specific-3 .container ul li .box_info p {
  display: flex;
  align-items: center;
}
.specific-3 .container ul li .box_info p span {
  display: inline-block;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #666666;
}
.specific-3 .container ul li .box_info p span img {
  width: 23px;
  height: 22px;
}
.specific-3 .container ul li .box_info p span:last-child {
  margin-left: 48px;
}
.specific-3 .container ul li .info_right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
}
.specific-3 .container ul li .info_right img {
  width: 72px;
  height: 72px;
}
.specific-4 {
  width: 100%;
}
.specific-4 .container img {
  width: 100%;
  height: auto;
  display: block;
}
.specific-4.show {
  display: block;
}
.specific-4.hidden {
  display: none;
}
.specific-5 {
  margin-bottom: 40px;
}
.specific-5 .container {
  padding: 0 67px;
  width: 100%;
  box-sizing: border-box;
}
.specific-5 .container .box_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 158px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.specific-5 .container .box_cont .box_info {
  display: flex;
  align-items: center;
  width: 488px;
  height: 64px;
  justify-content: space-between;
}
.specific-5 .container .box_cont .box_info li {
  flex: 1;
  list-style: none;
  text-align: center;
}
.specific-5 .container .box_cont .box_info li h3 {
  line-height: 40px;
  font-size: 36px;
  font-family: PingFang SC;
  font-weight: 600;
}
.specific-5 .container .box_cont .box_info li p {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
}
.specific-5 .container .box_cont .box_info li:last-of-type {
  border-left: 1px solid #ddd;
}
.specific-5 .container .box_cont .box_info li.on {
  border-left: 0 !important;
  margin-left: 90px;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.specific-5 .container .box_cont .box_info li.on p {
  font-size: 40px;
  margin-right: 20px;
}
.specific-5 .container .box_cont .box_info li.on h3 {
  font-size: 40px;
}
.specific-5 .container .box_cont .info_right {
  width: calc(100% - 488px);
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.specific-5 .container .box_cont .info_right .zan {
  margin-top: 16px;
  width: 64px;
  height: 64px;
}
.specific-5 .container .box_cont .info_right .zan i {
  font-size: 64px;
}
.specific-6 {
  margin-bottom: 40px;
}
.specific-6 .container {
  padding: 0 23px;
  width: 100%;
  box-sizing: border-box;
}
.specific-6 .container .box_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 158px;
  background-size: contain;
  background-repeat: no-repeat;
}
.specific-6 .container .box_cont .box_info {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  justify-content: space-between;
}
.specific-6 .container .box_cont .box_info .svgbox {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 80%;
}
.specific-6 .container .box_cont .box_info li {
  flex: 1;
  list-style: none;
  text-align: center;
  height: 106px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.specific-6 .container .box_cont .box_info li h3 {
  font-size: 34px;
  line-height: 40px;
  font-family: PingFang SC;
  font-weight: 600;
}
.specific-6 .container .box_cont .box_info li p {
  font-size: 28px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
}
.specific-6 .container .box_cont .box_info li img {
  width: 23px;
  height: 28px;
  display: inline-block;
}
.specific-6 .container .box_cont .box_info li:nth-of-type(1):after,
.specific-6 .container .box_cont .box_info li:nth-of-type(2):after {
  position: absolute;
  content: '';
  box-sizing: border-box;
  /* 尺寸要不能按照100%，貌似还是以content-size计算的 */
  width: 1px;
  height: 70px;
  background-color: #fff;
  right: 0;
  top: 24px;
}
.specific-6 .container .box_cont .box_info li:nth-of-type(2) img {
  margin-right: 10px;
}
.specific-6 .container .box_cont .box_info li:nth-of-type(3) img {
  margin-right: 10px;
}
.specific-6 .container .box_cont .info_right {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.specific-6 .container .box_cont .info_right .zan {
  margin-top: 16px;
  width: 64px;
  height: 64px;
  background: url(../../image/operation/dianzan.png) no-repeat;
}
.specific-7 {
  margin-bottom: 40px;
}
.specific-7 .inputBox {
  width: 100%;
  height: 104px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.specific-7 .inputBox .tig {
  display: block;
  margin-left: 30px;
}
.specific-7 .inputBox .inputbox {
  outline: none;
  width: 580px;
  height: 64px;
  background: #F7F7F8;
  border: 0px solid rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  padding-left: 80px;
  box-sizing: border-box;
}
.specific-7 .inputBox img {
  width: 28px;
  height: 28px;
  position: absolute;
  left: 110px;
  top: 52px;
  margin-top: -14px;
}
.specific-7-1 {
  padding: 20px 30px;
}
.specific-7-1 .container {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  border-radius: 10px;
}
.specific-7-1 .container .img-container {
  display: flex;
  align-items: center;
  padding: 30px 0 55px 31px;
}
.specific-7-1 .container .img-container span {
  color: #333333;
  font-size: 42px;
  font-weight: bold;
  margin-left: 18px;
}
.specific-7-1 .container .img-container.center {
  justify-content: center;
}
.specific-7-1 .container .box {
  display: flex;
}
.specific-7-1 .container .box .list {
  flex: 1;
  text-align: center;
}
.specific-7-1 .container .box .list .num {
  font-size: 42px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 22px;
}
.specific-7-1 .container .box .list .title {
  font-size: 28px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 60px;
}
.specific-09 {
  padding: 20px 20px;
  position: relative;
}
.specific-09 .common-section-title span {
  font-size: 36px;
}
.specific-09 .topTitle {
  margin-bottom: 37px;
  height: 36px;
  font-size: 36px;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
  padding-left: 12px;
}
.specific-09 .smBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.specific-09 .smBox .list {
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 20px;
  width: 345px;
  border-radius: 13px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
  position: relative;
  box-sizing: border-box;
}
.specific-09 .smBox .list .bgImg {
  width: 100%;
  height: 195px;
  border-radius: 13px;
}
.specific-09 .smBox .list .info {
  position: relative;
}
.specific-09 .smBox .list .paddingBox {
  padding: 22px;
}
.specific-09 .smBox .list .paddingBox .title {
  height: 80px;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
  white-space: break-spaces;
  overflow: hidden;
}
.specific-09 .smBox .list .paddingBox .price {
  float: right;
  height: 45px;
  font-size: 32px;
  font-weight: 600;
  color: #E9503A;
  line-height: 45px;
}
.specific-09 .smBox .list .paddingBox .after::after {
  content: '';
  display: block;
  border-top: 24px;
  position: absolute;
  left: 0;
  bottom: -3px;
  border-color: rgba(0, 0, 0, 0.3);
  border-style: solid;
  width: 100%;
}
.specific-09 .smBox .list .paddingBox .address {
  height: 34px;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specific-09 .smBox .list .paddingBox .address img {
  width: 18px;
  height: 29px;
  margin-right: 10px;
  vertical-align: bottom;
}
.specific-09 .smBox .list .paddingBox .live-profile {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specific-09 .smBox .list .paddingBox .live-profile img {
  width: 38px;
  height: 38px;
  margin-right: 10px;
  border-radius: 50%;
}
.specific-09 .refresh {
  width: 125px;
  float: right;
  margin-top: -4px;
}
.specific-09 .refreshAbsolute {
  position: absolute;
  right: 22px;
  top: 26px;
}
.specific-09 .type {
  width: 90px;
  height: 38px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 0 10px 0;
}
.specific-09 .time {
  padding: 0 7px;
  left: 22px;
  bottom: 22px;
  height: 40px;
  font-size: 28px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 40px;
  position: absolute;
}
.specific-09 .time::after {
  content: '';
  display: block;
  border-top: 16px;
  position: absolute;
  left: 0;
  bottom: 1px;
  border-color: rgba(0, 0, 0, 0.3);
  border-style: solid;
  width: 100%;
  border-radius: 6px;
}
.specific-10 {
  position: relative;
}
.specific-10 img {
  display: block;
}
.specific-10 .to-wx {
  position: absolute;
  top: 12px;
  right: 0;
}
.searchr {
  margin-top: 24px;
}
.searchr .container {
  padding: 0 40px;
}
.searchr .container .item {
  width: 324px;
  margin-bottom: 22px;
}
.searchr .container .item .pur {
  width: 320px;
  height: 180px;
  position: relative;
}
.searchr .container .item .pur img {
  display: block;
  width: 100%;
  height: 100%;
}
.searchr .container .item .pur span {
  display: block;
  position: absolute;
  right: 18px;
  bottom: 15px;
  width: 78px;
  text-align: center;
  height: 32px;
  background: #000000;
  opacity: 0.6;
  border-radius: 6px;
  font-size: 22px;
  font-family: PingFangSC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 37px;
}
.searchr .container .item .tit {
  font-size: 28px;
  font-family: PingFangSC;
  font-weight: 500;
  color: #333333;
  line-height: 38px;
}
.gohome {
  z-index: 21;
  width: 108px;
  height: 108px;
  border-radius: 100%;
}
.launch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  position: relative;
}
.launch img {
  display: block;
  width: 100%;
  height: 100%;
}
.launch .fbox {
  width: 100%;
  /* background-color: aqua; */
  height: 400px;
  position: absolute;
  z-index: 555555555;
  bottom: 0;
}
.launch .launbtn {
  width: 230px;
  height: 72px;
  font-size: 34px;
  font-family: PingFangSC;
  font-weight: 400;
  border-radius: 36px;
  line-height: 72px;
  text-align: center;
  position: absolute;
  bottom: 180px;
  left: 50%;
  margin-left: -115px;
}
.start-page {
  height: 100vh;
}
.start-page .launch {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  position: relative;
}
.start-page .launch .start-img {
  display: block;
  width: 100%;
  height: 100%;
}
@keyframes fade {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
.start-page .launch .animated-image {
  animation: fade 3s ease-in-out infinite;
  width: 60px;
  height: 60px;
  text-align: center;
}
.start-page .launch .redirect {
  position: absolute;
  bottom: 180px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.start-page .launch .detail {
  width: 190px;
  height: 72px;
  font-size: 40px;
  font-weight: 400;
  border-radius: 36px;
  line-height: 72px;
  text-align: center;
  color: #8a8a8a;
  border-color: #8a8a8a;
  border: 0;
}
.loader {
  position: absolute !important;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  right: 20px;
  top: 20px;
  text-align: center;
  color: #fff;
  line-height: 78px;
  position: relative;
  /* 尺寸大小按照外边框计算，包含外边框和内边距 */
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  /* background-color: #0984e3; */
  border: 4px solid var(--border-color);
  border-radius: 100%;
}
.loader::after {
  position: absolute;
  content: '';
  box-sizing: border-box;
  /* 尺寸要不能按照100%，貌似还是以content-size计算的 */
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid #fff;
  /* 透明背景 */
  background-color: transparent;
  /* background-color: var(--color4); */
  /* 以下三句让中心圆居中 */
  top: 50%;
  left: 50%;
  /* 需要旋转45度，从正中心顶部开始展示 */
  transform: translate(-50%, -50%) rotate(45deg);
  /* clip已经不建议使用了，建议clip-path */
  /* polygon绘制多边形，动态显示出整个圆形，稍后演示，默认为不显示 */
  clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 50% 50%);
}
.loader:after {
  animation: animate 7s linear 1 both;
}
/* 这一段就不格式化了，后期下代码可以方便看 */
@keyframes animate {
  0% {
    /* 不显示 */
    /* 裁切一条0宽的线 */
    clip-path: polygon(0% 0%, /* 右上角 */ 100% 0%, /* 右下角 */ 100% 100%, /* 左下角 */ 0% 100%, /* 左上角，形成闭环 调整成Y周10%可以看到世界上就是一个有0宽缺口的一个图形，并不是真正的闭合图形*/ 0% 0%, /* 中心点 */ 50% 50%);
  }
  25% {
    /* 到25，显示矩形顶部的四分之一 */
    clip-path: polygon(0% 0%, /* 右上角 */ 100% 0%, /* 右下角 */ 100% 100%, /* 左下角 X轴变化从100到0，后面的需要也跟着变化*/ 0% 100%, 0% 100%, /* 中心点 */ 50% 50%);
  }
  50% {
    clip-path: polygon(/* 左上角 */ 0% 0%, /* 右上角 */ 100% 0%, /* 右下角 后面的继续跟着一起变化 */ 100% 100%, /* y轴（纵向） 从0到100 */ 100% 100%, 100% 100%, /* 中心点 */ 50% 50%);
  }
  75% {
    clip-path: polygon(/* 左上角 */ /* 左上角 */ 0% 0%, /* 右上角 变化的其实是这个，后面的暂时跟着一起变化 */ 100% 0%, /* x轴（横向） 从0到100 */ /* 以下三个暂时用不到 */ 100% 0%, 100% 0%, 100% 0%, /* 中心点 */ 50% 50%);
  }
  /* 最后一个 */
  100% {
    clip-path: polygon(/* 左上角 */ 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 50% 50%);
  }
}
.launch .timebox {
  width: 470px;
  height: 130px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 65px;
  line-height: 72px;
  text-align: center;
  position: absolute;
  bottom: 306px;
  left: 50%;
  margin-left: -235px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  box-sizing: border-box;
  padding: 10px 0;
}
.launch .timebox div {
  font-size: 28px;
  font-family: PingFangSC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  text-shadow: 0px 3px 5px rgba(7, 0, 2, 0.5);
}
.launch .timebox div .tc {
  font-size: 32px;
}
.launch .timebox div .tt {
  font-size: 42px;
  font-style: italic;
}
.launch .timebox div .th {
  font-size: 30px;
  font-style: normal;
}
.launch .timebox p {
  font-size: 28px;
  font-family: PingFangSC;
  font-weight: 200;
  color: #FFFFFF;
  line-height: 48px;
  text-shadow: 0px 3px 5px rgba(7, 0, 2, 0.5);
}
.specific-08 .loading {
  width: 31px;
  height: 31px;
  margin-right: 10px;
}
.specific-08 .load-more {
  display: flex;
  align-items: center;
}
.specific-08 .container {
  padding: 25px 35px;
}
.specific-08 .common-section-list {
  display: flex;
  justify-content: space-between;
}
.specific-08 .specific-08-item {
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 0px rgba(6, 0, 1, 0.15);
  background: #fff;
}
.specific-08 .common-section-list .specific-08-item:nth-of-type(n+3) {
  margin-top: 30px;
}
.specific-08 .specific-08-top {
  position: relative;
}
.specific-08 .specific-08-top .item-time {
  font-size: 26px;
  color: #fff;
  position: absolute;
  bottom: 15px;
  left: 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 0 10px;
}
.specific-08 .specific-08-top .item-time span {
  position: relative;
  top: -10px;
}
.specific-08 .specific-08-top img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}
.specific-08 .specific-08-top .live-play {
  width: 66px;
  height: 66px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.8;
}
.specific-08 .specific-08-top .specific-08-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 33px;
}
.specific-08 .specific-08-top .specific-08-play {
  position: absolute;
  width: 66px;
  height: 66px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.specific-08 .specific-08-bottom {
  padding: 17px 28px 26px 18px;
}
.specific-08 .specific-08-bottom .specific-08-title {
  height: 74px;
  line-height: 37px;
  color: #333;
  font-size: 28px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.specific-08 .specific-08-bottom .specific-08-origin {
  margin-top: 25px;
  display: flex;
  align-items: center;
}
.specific-08 .specific-08-bottom .specific-08-origin .specific-08-avartar {
  background-image: url('../../image/given/circle.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 45px;
  height: 45px;
  padding: 3px;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
}
.specific-08 .specific-08-bottom .specific-08-origin img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 50%;
}
.specific-08 .specific-08-bottom .specific-08-origin .specific-08-origin-name {
  color: #999;
  font-size: 24px;
  margin-left: 11px;
  max-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specific-08 .specific-08-bottom .specific-08-origin .specific-08-origin-name.specific-08-price {
  color: #E1534C;
  margin-left: 0;
}
.specific-08 .specific-08-bottom .specific-08-origin .location-img {
  width: 17px;
  height: 21px;
}
.specific-9 {
  padding: 25px 35px;
}
.specific-9 .swiper-container {
  margin-top: 26px;
}
.specific-9 .first-item {
  background: #FDFDFD;
  box-shadow: 0px 0px 8px 0px rgba(6, 0, 1, 0.15);
  border-radius: 10px;
  padding: 0 0 19px 0;
  overflow: hidden;
}
.specific-9 .first-item .top {
  position: relative;
}
.specific-9 .first-item .top .order-num-container {
  position: absolute;
  right: 19px;
  bottom: 22px;
  display: inline-block;
  background: rgba(9, 10, 17, 0.5);
  border-radius: 5px;
  color: #fff;
  font-size: 24px;
  padding: 10px 13px;
}
.specific-9 .first-item .top .order-num-container i {
  font-size: 24px;
}
.specific-9 .first-item .top img {
  width: 670px;
  height: 380px;
}
.specific-9 .first-item .name {
  font-size: 30px;
  color: #202334;
  margin-top: 20px;
  margin-left: 34px;
}
.specific-9 .first-item .bottom {
  margin-top: 20px;
  margin-left: 34px;
  display: flex;
  align-items: center;
}
.specific-9 .first-item .bottom div {
  display: inline-block;
}
.specific-9 .first-item .bottom .avartar {
  width: 44px;
  height: 44px;
  border: 2px solid #D4D2D2;
  border-radius: 50%;
  overflow: hidden;
}
.specific-9 .first-item .bottom .avartar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.specific-9 .first-item .bottom .product-name {
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #999;
  margin-left: 13px;
}
.specific-9 .swiper-slide {
  width: 290px !important;
  margin-right: 25px;
  height: 330px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px 0px rgba(6, 0, 1, 0.15);
  border-radius: 10px;
  overflow: hidden;
}
.specific-9 .swiper-slide .top {
  position: relative;
}
.specific-9 .swiper-slide .top .order-num-container {
  position: absolute;
  right: 19px;
  bottom: 22px;
  display: inline-block;
  background: rgba(9, 10, 17, 0.5);
  border-radius: 5px;
  color: #fff;
  font-size: 24px;
  padding: 8px;
}
.specific-9 .swiper-slide .top .order-num-container i {
  font-size: 24px;
}
.specific-9 .swiper-slide .top img {
  width: 290px;
  height: 165px;
}
.specific-9 .swiper-slide .bottom {
  padding: 20px 20px 17px 18px;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.specific-9 .swiper-slide .bottom div {
  display: inline-block;
}
.specific-9 .swiper-slide .bottom .avartar {
  width: 38px;
  height: 38px;
  overflow: hidden;
}
.specific-9 .swiper-slide .bottom .avartar img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.specific-9 .swiper-slide .bottom .product-name {
  color: #999;
  font-size: 24px;
  margin-left: 7px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.specific-9 .swiper-slide .name {
  padding: 20px 40px 0 17px;
  font-size: 28px;
  color: #202334;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 94px;
  box-sizing: border-box;
}