.customer-crumbs {
  color: #262626;
  padding: .24rem .16rem .16rem .16rem;
  background-color: #F4F6FB;
}

.common-crumbs {
  display: flex;
  align-items: center;
  overflow: hidden;
  font-weight: 400;
  font-size:0.12rem ;
  line-height: 1.5;
  color: #666666;
}

.common-crumbs span {
  display: inline-block;
  color: #666666;
}

.common-crumbs span.crumbs-arrow {
  margin: 0 5px;
}

.common-crumbs span.active {
  color: #4385FF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.common-crumbs span.active a{
  color: #4385FF;
}
.common-crumbs span a {
  color: #666666;
}
.common-crumbs span a:hover {
  color: rgba(67, 133, 255, 1);
}
.common-crumbs span .m10 {
  right: 0.1rem;
}

.customer {
  background-color: #F5F8FF;
}

.customer .customer-top img {
  width: 100%;
  height: 1.91rem;
  display: block;
}

.customer .case-list {
  padding: .88rem .20rem .40rem .20rem;
}

.customer .case-list .h2 {
  font-size: .18rem;
  line-height: .27rem;
  color: #262626;
  margin-bottom: .16rem;
}

.customer .case-list .tags {
  overflow: hidden;
  padding-left: .07rem;
  margin-bottom: .24rem;
}

.customer .case-list .tags span {
  float: left;
  font-size: .12rem;
  color: #262626;
  margin-right: .24rem;
  margin-bottom: .08rem;
  width: .64rem;
  height: .39rem;
  border-radius: .04rem;
  background-color: #fff;
  text-align: center;
  line-height: .39rem;
}

.customer .case-list .tags span:nth-child(4n) {
  margin-right: 0;
}

.customer .case-list .tags span.active {
  color: #fff;
  background-color: #4385FF;
}

.customer .case-list .list {
  display: flex;
  flex-wrap: wrap;
}

.customer .case-list .list .list-item {
  margin-right: .16rem;
  background-color: #fff;
  width: 1.59rem;
  padding: .16rem .16rem .14rem;
  box-shadow: 0px 6px 10px -8px rgba(0, 0, 0, .02), 0px 9px 10px rgba(0, 0, 0, .04);
  margin-bottom: .16rem;
}

.customer .case-list .list .list-item:nth-child(2n) {
  margin-right: 0;
}

.customer .case-list .list .list-item:last-child {
  margin-bottom: 0;
}

.customer .case-list .list .list-item:nth-last-child(2):nth-child(2n+1) {
  margin-bottom: 0;
}

.customer .case-list .list .list-item a.img img {
  height: .25rem;
  display: block;
  max-width: 100%;
  object-fit: cover;
}

.customer .case-list .list .list-item a.intro {
  font-size: .12rem;
  height: .9rem;
  line-height: .18rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #595959;
  padding-top: .20rem;
  padding-bottom: .15rem;
  position: relative;
}

.customer .case-list .list .list-item a.intro:after {
  content: "";
  width: 100%;
  height: .15rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 1;
}
.customer .case-list .list .list-item .list-tags {
  overflow: hidden;
}

.customer .case-list .list .list-item .list-tags a {
  float: left;
  padding: .01rem .05rem;
  border: 1px solid rgba(151, 151, 151, .5);
  border-radius: 2px;
  margin-right: .04rem;
  color: #979797;
  margin-bottom: .04rem;
  font-size: .1rem;
}

.customer .case-list .list .list-item .list-tags a.s1 {
  color: #4385FF;
  border-color: rgba(67, 133, 255, .5);
}

.customer .case-list .list .list-item .list-tags a.s2 {
  color: #a46eff;
  border-color: rgba(164, 110, 255, .5);
}

.customer .case-list .list .list-item .list-tags a.s3 {
  color: #faad14;
  border-color: rgba(250, 173, 20, .5);
}

.customer .case-list .list .list-item .list-tags a.s4 {
  color: #ec6a34;
  border-color: rgba(236, 106, 52, .5);
}

.customer .case-list .loading {
  text-align: center;
  font-size: .16rem;
  line-height: .24rem;
  color: #8C8C8C;
  padding-top: .30rem;
}

.customer .customer-swiper {
  position: relative;
}

.customer .customer-swiper .swiper-button-prev, .customer .customer-swiper .swiper-button-next {
  top: auto;
  bottom: .48rem;
}

.customer .customer-swiper .swiper-button-prev img, .customer .customer-swiper .swiper-button-next img {
  width: .1531rem;
}

.customer .customer-swiper .swiper-button-prev:after,
.customer .customer-swiper .swiper-button-next:after {
  font-size: .36rem;
  font-weight: bold;
  color: #D9D9D9;
  content: '';
}

.customer .customer-swiper .slide-box {
  width: 3.75rem;
  padding: 0 .49rem;
  position: absolute;
  bottom: 0;
}

.customer .customer-swiper .swiper-slide {
  position: relative;
  padding-bottom: .48rem;
}

.customer .customer-swiper .slide-img {
  width: 100%;
  display: block;
}

.customer .customer-swiper .slide-item {
  color: #fff;
  background-color: rgba(13, 22, 50, .85);
  /*padding: .14rem .18rem;*/
  border-radius: 3px;
}

.customer .customer-swiper .slide-item a.title {
  font-size: .16rem;
  line-height: .27rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: .14rem .18rem 0;
  color: inherit;
}

.customer .customer-swiper .slide-item a.intro {
  color: rgba(255, 255, 255, .8);
  font-size: .14rem;
  line-height: .21rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: .04rem .18rem 0;
}

.customer .customer-swiper .slide-item .look {
  display: flex;
  align-items: center;
  padding: .16rem .18rem 0.18rem;
  color: #fff;
  font-size: .12rem;
  line-height: .18rem;
}

.customer .customer-swiper .slide-item .look img {
  width: .1095rem;
  height: .0845rem;
  padding-left: .06rem;
}

.customer-detail {
  position: relative;
}

.customer-detail .broadside {
  position: fixed;
  right: 0;
  top: 50vh;
  transform: translateY(-50%);
  padding: .10rem 0;
  font-size: .14rem;
  line-height: .20rem;
  overflow: hidden;
  z-index: 96;
}

.customer-detail .broadside span {
  width: .36rem;
  border-radius: 26px 0px 0px 26px;
  background: #4385FF;
  height: .40rem;
  margin-right: -.16rem;
  float: left;
}

.customer-detail .broadside a {
  background: #4385FF;
  color: #fff;
  padding-right: .05rem;
  line-height: .40rem;
  border-radius: 26px 0px 0px 26px;
  font-size: .14rem;
  padding-left: .2rem;
  display: block;
}

.customer-detail .broadside a.active {
  transform: translateX(.62rem);
}

.customer-detail .detail-top {
  padding: 0 .18rem .18rem;
  background-color: #F5F8FF;
}

.customer-detail .detail-top .h2 {
  font-size: .18rem;
  line-height: .25rem;
  color: #262626;
  margin-bottom: .16rem;
}

.customer-detail .detail-top .case-more {
  font-size: .16rem;
  padding: .09rem .19rem;
  text-align: center;
  margin-top: .30rem;
  margin-bottom: .22rem;
}

.customer-detail .detail-top .case-more a {
  font-size: .16rem;
  padding: .09rem .19rem;
  border-radius: 4px;
  color: #fff;
  background-color: #4385FF;
}

.customer-detail .detail-top .rich-text {
  font-size: .14rem;
  line-height: .21rem;
  color: #595959;
}
.customer-detail .detail-top .rich-text *{
  font-size: .14rem;
}
.customer-detail .detail-top .rich-text img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  margin-bottom: .16rem;
  object-fit: cover;
}

.customer-detail .content {
  background-color: #fff;
  padding: .40rem .16rem 0 .16rem;
}

.customer-detail .content .product-box {
  background-color: #4385FF;
  border-radius: 4px;
  margin-bottom: .40rem;
}

.customer-detail .content .product-box .product-list {
  white-space: nowrap;
  overflow-x: auto;
  padding: .17rem .16rem;
}

.customer-detail .content .product-box .product-list .item {
  display: inline-block;
  position: relative;
}

.customer-detail .content .product-box .product-list .item .item-box {
  display: flex;
  align-items: center;
  position: relative;
}

.customer-detail .content .product-box .product-list .item .item-box .line {
  display: block;
  width: 0.28rem;
  height: 0.01rem;
  margin: 0 .02rem;
  background-color: #FFFFFF;
}

.customer-detail .content .product-box .product-list .item img {
  width: .16rem;
  height: .16rem;
  margin-right: .05rem;
  vertical-align: middle;
}

.customer-detail .content .product-box .product-list .item:not(:first-child) {
  padding-left: .18rem;
}

.customer-detail .content .product-box .product-list .item:not(:first-child)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: .16rem;
  background-color: #FFFFFF;
  margin-left: .08rem;
}

.customer-detail .content .product-box .product-list .item a {
  font-size: .14rem;
  line-height: 21px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.customer-detail .content .product {
  padding: .18rem .17rem;
  position: relative;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 6px 40px rgba(0, 16, 71, .03), 0px 6px 16px rgba(0, 0, 0, .08), 0px 9px 28px rgba(0, 0, 0, .05);
  margin-bottom: .40rem;
}

.customer-detail .content .product .h2 {
  font-size: .16rem;
  line-height: .24rem;
  margin-bottom: .16rem;
  color: #262626;
  font-weight: 400;
  position: relative;
  padding-left: .14rem;
}

.customer-detail .content .product .h2::after {
  position: absolute;
  content: '';
  width: .04rem;
  height: .20rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #4385FF;
}

.customer-detail .content .product .product-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.customer-detail .content .product .product-box .item {
  background-color: #fff;
  border-radius: 4px;
}

.customer-detail .content .product .product-box .item .h3 {
  display: flex;
  align-items: center;
  font-size: .14rem;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #17181B;
}
.customer-detail .content .product .product-box .item .h3 a.title{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: .08rem;
  color: inherit;
  font-size: inherit;
  line-height: .24rem;
}
.customer-detail .content .product .product-box .item .h3 img {
  width: .24rem;
  height: .24rem;
  display: block;
}

.customer-detail .content .product .product-box .item a.intro {
  font-size: .14rem;
  line-height: .21rem;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-top: .08rem;
}

.customer-detail .content .product .product-box .item:first-child:nth-last-child(2),
.customer-detail .content .product .product-box .item:first-child:nth-last-child(2) ~ .item {
  width: 45%;
}

.customer-detail .content .product .product-box .item:first-child:nth-last-child(2) a.intro,
.customer-detail .content .product .product-box .item:first-child:nth-last-child(2) ~ .item a.intro {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.customer-detail .content .h2 {
  font-size: .22rem;
  line-height: .32rem;
  font-weight: 400;
}

.customer-detail .content .list {
  margin: 0 -.16rem;
  padding: .24rem .16rem .40rem .16rem;
  display: flex;
  overflow-x: auto;
}

.customer-detail .content .list .list-item {
  background: #FFFFFF;
  box-shadow: 0px 12px 48px 16px rgba(0, 16, 71, .03), 0px 6px 16px -8px rgba(0, 0, 0, .08), 0px 9px 28px rgba(0, 0, 0, .05);
  width: 2.98rem;
  margin-right: .24rem;
  flex: 0 0 2.98rem;
}

.customer-detail .content .list .list-item a.title {
  font-size: .14rem;
  line-height: .21rem;
  font-weight: 400;
  color: #17181B;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .16rem .16rem 0;
  display: block;
}

.customer-detail .content .list .list-item a.intro {
  font-size: .12rem;
  line-height: .18rem;
  color: #595959;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding: .10rem .16rem 0;
}

.customer-detail .content .list .list-item .look {
  display: flex;
  align-items: center;
  color: #4385FF;
  font-size: .14rem;
  padding: .24rem .16rem .16rem;
}

.customer-detail .content .list .list-item .look img {
  height: .085rem;
  margin-left: .05rem;
  margin-top: .02rem;
}