.ydd {
  display: none !important;
}
.pcd {
  display: block !important;
}
.commerce-box {
  margin-top: 0.9rem;
  width: 100%;
  min-height: 100vh;
  background: #ffffff;
}
.commerce-box .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
.commerce-box .title p:nth-child(1) {
  font-size: 0.42rem;
  font-weight: 400;
  color: #1d1d1d;
  margin-bottom: 0.2rem;
}
.commerce-box .title p:nth-child(2) {
  font-size: 0.25rem;
  font-weight: 300;
  color: #666666;
  line-height: 0.46rem;
}
.commerce-box .banner-box {
  width: 100%;
}
.commerce-box .banner-box img {
  width: 100%;
  height: 100%;
}
.commerce-box .banner-box .banner-inside {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 0.42rem;
  height: 0.66rem;
  margin-left: -0.21rem;
}
.commerce-box .banner-box .banner-inside img {
  width: 100%;
  height: 100%;
}
.commerce-box .banner-box .textWrap {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.commerce-box .banner-box .textWrap .bannerText {
  transform: translate(-6rem, -0.5rem);
  text-align: center;
}
.commerce-box .banner-box .textWrap .bannerText p:first-of-type {
  font-size: 0.9rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  padding-bottom: 0.5rem;
}
.commerce-box .banner-box .textWrap .bannerText p:last-of-type {
  text-align: center;
  font-size: 0.44rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #EF14C4;
  background: #FFFFFF;
  border-radius: 0.5rem;
  padding: 0.1rem 0.41rem 0.15rem 0.28rem;
  letter-spacing: 0.05rem;
}
.commerce-box .banner-box .banerT {
  top: 1.38rem;
  left: 0.38rem;
}
.commerce-box .banner-box .banerT p {
  color: #fff;
}
.commerce-box .banner-box .banerT p:first-of-type {
  font-size: 0.41rem;
  font-weight: bold;
}
.commerce-box .banner-box .banerT p:last-of-type {
  margin-top: 0.16rem;
  padding: 0.05rem 0rem 0.04rem;
  font-size: 0.23rem;
  font-weight: 300;
  color: #EF14C4;
  background: #fff;
  border-radius: 0.2rem;
  letter-spacing: 0.02rem;
  text-align: center;
}
.commerce-box .question {
  padding: 0.99rem 0 0.99rem 0;
  background: #f6f8fc;
}
.commerce-box .question .question-box {
  width: 16rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.commerce-box .question .l-box p:nth-child(1) {
  width: 3.91rem;
  height: 0.92rem;
  font-size: 0.42rem;
  font-weight: 400;
  color: #1c1c1c;
  line-height: 0.5rem;
  margin-bottom: 0.49rem;
}
.commerce-box .question .l-box p:nth-child(2) {
  width: 5.86rem;
  height: 1.66rem;
  font-size: 0.29rem;
  font-weight: 300;
  color: #666666;
  line-height: 0.46rem;
}
.commerce-box .question .r-box p:hover .img1 {
  display: none;
}
.commerce-box .question .r-box p:hover .img2 {
  display: block;
}
.commerce-box .question .r-box p:hover span {
  border-bottom: 0.02rem solid #5a0a87;
  padding-bottom: 0.12rem;
}
.commerce-box .question .r-box p {
  display: flex;
}
.commerce-box .question .r-box p img {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.36rem;
  margin-top: 0.08rem;
}
.commerce-box .question .r-box p .img2 {
  display: none;
}
.commerce-box .question .r-box p span {
  width: 6.59rem;
  font-size: 0.25rem;
  display: inline-block;
  font-weight: 300;
  color: #666666;
  line-height: 0.38rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.14rem;
  padding-left: 0.07rem;
}
.commerce-box .question .r-box p span.xlshj {
  margin-bottom: 0.9rem;
}
.commerce-box .solution {
  padding-top: 1.1rem;
}
.commerce-box .solution .banner-list {
  height: 3.66rem;
  background: url('../image/bannerlist.png') no-repeat top center / 100% 100%;
}
.commerce-box .solution .banner-list .w16 {
  width: 16rem;
  margin: 0 auto;
  justify-content: space-between;
  display: flex;
  height: 100%;
}
.commerce-box .solution .banner-list .w16 .list-box {
  display: flex;
  flex-direction: column;
}
.commerce-box .solution .banner-list .w16 .list-box:nth-of-type(1) img {
  width: 0.47rem;
  height: 0.52rem;
}
.commerce-box .solution .banner-list .w16 .list-box:nth-of-type(2) img {
  width: 0.49rem;
  height: 0.5rem;
}
.commerce-box .solution .banner-list .w16 .list-box:nth-of-type(3) img {
  width: 0.54rem;
  height: 0.54rem;
}
.commerce-box .solution .banner-list .w16 .list-box:nth-of-type(4) img {
  width: 0.63rem;
  height: 0.51rem;
}
.commerce-box .solution .banner-list .w16 .list-box:nth-of-type(5) img {
  width: 0.44rem;
  height: 0.5rem;
}
.commerce-box .solution .banner-list .w16 .logo {
  text-align: center;
  margin-top: 0.6rem;
}
.commerce-box .solution .banner-list .w16 .text {
  margin-top: 0.22rem;
  width: 2.2rem;
  font-size: 0.22rem;
  font-weight: 300;
  color: #FFFFFF;
  line-height: 0.31rem;
}
.commerce-box .data-box {
  padding: 1rem 0 0rem 0;
}
.commerce-box .data-box .data-content {
  width: 16rem;
  margin: 0 auto;
}
.commerce-box .data-box .data-item-yd {
  display: none;
}
.commerce-box .data-box .data-item {
  display: flex !important;
}
.commerce-box .data-box .data-item .item:hover .cover-box {
  display: block;
}
.commerce-box .data-box .data-item .item {
  width: 20%;
  height: 4.73rem;
  background: #f6f8fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.commerce-box .data-box .data-item .item img {
  width: 0.66rem;
  height: 0.66rem;
  margin-bottom: 0.25rem;
}
.commerce-box .data-box .data-item .item p {
  font-size: 0.29rem;
  font-weight: 400;
  color: #666666;
}
.commerce-box .data-box .data-item .item .cover-box {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  background: #721dba;
  display: none;
  padding-left: 0.28rem;
  padding-right: 0.22rem;
  box-sizing: border-box;
}
.commerce-box .data-box .data-item .item .cover-box p:nth-child(1) {
  width: 100%;
  font-size: 0.25rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 0.38rem;
  padding-top: 0.45rem;
  padding-bottom: 0.43rem;
}
.commerce-box .data-box .data-item .item .cover-box p:nth-child(2),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(3),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(4),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(5) {
  font-size: 0.25rem;
  font-weight: 300;
  color: #ffffff;
  line-height: 0.33rem;
  display: flex;
  margin-bottom: 0.2rem;
}
.commerce-box .data-box .data-item .item .cover-box p:nth-child(2) span,
.commerce-box .data-box .data-item .item .cover-box p:nth-child(3) span,
.commerce-box .data-box .data-item .item .cover-box p:nth-child(4) span,
.commerce-box .data-box .data-item .item .cover-box p:nth-child(5) span {
  display: inline-block;
}
.commerce-box .data-box .data-item .item .cover-box p:nth-child(2) span:nth-child(1),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(3) span:nth-child(1),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(4) span:nth-child(1),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(5) span:nth-child(1) {
  width: 0.11rem !important;
  height: 0.11rem !important;
  border-radius: 50%;
  margin-right: 0.13rem;
  background: #fff;
  transform: translateY(0.11rem);
}
.commerce-box .data-box .data-item .item .cover-box p:nth-child(2) span:nth-child(2),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(3) span:nth-child(2),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(4) span:nth-child(2),
.commerce-box .data-box .data-item .item .cover-box p:nth-child(5) span:nth-child(2) {
  width: 2.46rem;
  font-size: 0.25rem;
  font-weight: 300;
}
.commerce-box .generate {
  padding: 1rem 0 1rem 0;
}
.commerce-box .generate .generate-box {
  width: 16rem;
  margin: 0 auto;
}
.commerce-box .generate .generate-box img {
  width: 100%;
}
.commerce-box .label3 {
  padding-top: 0.93rem;
  background: #f5f7fa;
}
.commerce-box .label3 .title {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.42rem;
  font-family: Microsoft YaHei UI;
  font-weight: bold;
  color: #1d1d1d;
  margin-bottom: 0.96rem;
}
.commerce-box .label3 .item-label .tab-title:nth-child(5) {
  border-bottom: none !important;
}
.commerce-box .label3 .item-label .item-label-box {
  width: 16rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.commerce-box .label3 .item-label .item-label-boxs {
  width: 16rem;
  margin: 0 auto;
  padding: 0 0 0 0.3rem;
}
.commerce-box .label3 .item-label .tab-title {
  padding: 0.45rem 1.62rem 0.48rem 1.62rem;
  border-bottom: 0.02rem solid #dadcde;
}
.commerce-box .label3 .item-label .tab-title .l-box {
  display: flex;
  align-items: center;
}
.commerce-box .label3 .item-label .tab-title .l-box img {
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.22rem;
}
.commerce-box .label3 .item-label .tab-title .l-box .icon-box1 {
  display: none;
}
.commerce-box .label3 .item-label .tab-title .l-box span {
  font-size: 0.33rem;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #1d1d1d;
  display: inline-block;
}
.commerce-box .label3 .item-label .tab-title .r-box {
  cursor: pointer;
}
.commerce-box .label3 .item-label .tab-title .r-box img {
  width: 0.56rem;
  height: 0.56rem;
}
.commerce-box .label3 .item-label .tab-title .r-box .l {
  display: block;
}
.commerce-box .label3 .item-label .tab-title .r-box .ll {
  display: none;
}
.commerce-box .label3 .item-label .bg {
  background: #721dba !important;
}
.commerce-box .label3 .item-label .bg span {
  color: #fff !important;
}
.commerce-box .label3 .item-label .content {
  display: none;
  font-size: 0.25rem;
  font-family: Microsoft YaHei UI;
  font-weight: 300;
  color: #666666;
  line-height: 0.42rem;
  padding: 0.4rem 1.76rem 0.94rem 1.4rem;
  background: #fff;
}
.commerce-box .label3 .item-label .content h4 {
  font-size: 0.33rem;
  color: #1d1d1d;
  margin-bottom: 0.61rem;
  margin-top: 0.76rem;
}
.commerce-box .label3 .item-label .content p {
  margin-bottom: 0.4rem;
  display: flex;
}
.commerce-box .label3 .item-label .content p span {
  display: inline-block;
}
.commerce-box .label3 .item-label .content p span:nth-child(1) {
  color: #721dba;
  margin-right: 0.1rem;
}
.commerce-box .label3 .item-label .content p span:nth-child(2) {
  flex: 1;
}
.commerce-box .label3 .item-label:nth-child(5) .tab-title {
  border: 0;
}
.commerce-box .core-box {
  padding: 1rem 0 1rem 0;
}
.commerce-box .core-box .core-content {
  width: 16rem;
  margin: 0 auto;
}
.commerce-box .core-box .core-item {
  display: flex !important;
  margin-bottom: 0.92rem;
}
.commerce-box .core-box .core-item div {
  flex: 1;
}
.commerce-box .core-box .core-item div h4 {
  font-size: 0.33rem;
  color: #1d1d1d;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
}
.commerce-box .core-box .core-item div h4 img {
  width: 0.45rem;
  height: 0.45rem;
  margin-right: 0.15rem;
}
.commerce-box .core-box .core-item div p {
  font-size: 0.25rem;
  font-family: Microsoft YaHei UI;
  font-weight: 400;
  color: #666666;
  line-height: 0.42rem;
  margin-bottom: 0.15rem;
  display: flex;
  align-items: center;
}
.commerce-box .core-box .core-item div p span:nth-child(1) {
  color: #721dba;
  margin-right: 0.1rem;
}
.commerce-box .core-box .core-item.ydd {
  display: none !important;
}
@media screen and (max-width: 750px) {
  .ydd {
    display: block !important;
  }
  .pcd {
    display: none !important;
  }
  .commerce-box {
    margin: 0.73rem auto 0 auto;
    max-width: 7.5rem;
    min-width: auto;
  }
  .commerce-box .banner-box .banner-inside {
    display: none !important;
  }
  .commerce-box .banner-box .textWrap {
    display: none !important;
  }
  .commerce-box .question {
    padding: 0.93rem 0 0.3rem;
  }
  .commerce-box .question .question-box {
    width: auto;
    flex-direction: column;
    padding-bottom: 0.2rem;
  }
  .commerce-box .question .question-box .l-box {
    margin-bottom: 0.9rem;
  }
  .commerce-box .question .question-box .l-box p:first-of-type {
    width: 4.16rem;
    margin: 0 auto;
    text-align: center;
    font-size: 0.37rem;
  }
  .commerce-box .question .question-box .l-box p:last-of-type {
    display: none;
  }
  .commerce-box .question .question-box .r-box {
    padding: 0 0.27rem;
    align-items: center;
  }
  .commerce-box .question .question-box .r-box p .img2 {
    display: block;
    margin-right: 0.27rem;
  }
  .commerce-box .question .question-box .r-box p span {
    border-bottom: 0.02rem solid #5a0a87;
    padding-left: 0.02rem;
    width: auto;
  }
  .commerce-box .solution {
    padding-top: 0.96rem;
  }
  .commerce-box .solution .title {
    margin-bottom: 0.96rem;
  }
  .commerce-box .solution .title p:first-of-type {
    font-size: 0.37rem;
    font-weight: 400;
    margin-bottom: 0.25rem;
  }
  .commerce-box .solution .title p:last-of-type {
    font-size: 0.25rem;
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
    color: #666666;
    line-height: 0.38rem;
  }
  .commerce-box .solution .xls {
    background: url('../image/xlsydd.png') no-repeat top center / 100% 100%;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.57rem 0.39rem 0.06rem;
  }
  .commerce-box .solution .xls .cor {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3rem;
    padding-bottom: 0.67rem;
  }
  .commerce-box .solution .xls .cor img {
    margin: 0 0 0.29rem;
    width: 0.7rem;
    height: 0.7rem;
  }
  .commerce-box .solution .xls .cor span {
    font-size: 0.25rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.38rem;
  }
  .commerce-box .data-box {
    padding-top: 0.95rem;
  }
  .commerce-box .data-box .data-content {
    width: auto;
  }
  .commerce-box .data-box .data-content .title {
    margin-bottom: 0.95rem;
  }
  .commerce-box .data-box .data-content .title p:first-of-type {
    font-size: 0.37rem;
    margin-bottom: 0.2rem;
    font-weight: 400;
  }
  .commerce-box .data-box .data-content .title p:last-of-type {
    font-size: 0.25rem;
  }
  .commerce-box .data-box .data-content .data-item-pc {
    display: none !important;
  }
  .commerce-box .data-box .data-content .data-item-yd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 0.27rem;
    box-sizing: border-box;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item {
    width: 3.39rem;
    min-height: 5.15rem;
    padding: 0.35rem 0.22rem 0 0.22rem;
    background-color: #f6f8fc;
    box-sizing: border-box;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-top {
    font-size: 0.29rem;
    font-weight: 400;
    color: #1D1D1D;
    margin-bottom: 0.43rem;
    white-space: nowrap;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-top img {
    width: 0.56rem;
    height: 0.56rem;
    margin-right: 13px;
    vertical-align: middle;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-center {
    font-size: 0.25rem;
    font-weight: 400;
    color: #1D1D1D;
    line-height: 0.38rem;
    min-height: 1.37rem;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-bottom p {
    font-size: 0.25rem;
    font-weight: 400;
    color: #666666;
    padding-left: 0.32rem;
    position: relative;
    margin-bottom: 0.1rem;
    line-height: 0.38rem;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-bottom p::before {
    content: "";
    width: 0.09rem;
    height: 0.09rem;
    border-radius: 50%;
    background-color: #5a0a87;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.09rem;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item .data-item-yd-item-bottom p:last-child {
    margin-bottom: 0;
  }
  .commerce-box .data-box .data-content .data-item-yd .data-item-yd-item:nth-child(-n+2) {
    margin-bottom: 0.35rem;
  }
  .commerce-box .generate {
    padding: 0.76rem 0;
  }
  .commerce-box .generate .generate-box {
    width: auto;
    padding: 0 0.26rem;
  }
  .commerce-box .generate .generate-box .title {
    margin-bottom: 0.96rem;
  }
  .commerce-box .generate .generate-box .title p {
    text-align: center;
    width: 5.85rem;
  }
  .commerce-box .generate .generate-box .title p:first-of-type {
    font-size: 0.37rem;
    font-weight: 400;
    margin-bottom: 400;
  }
  .commerce-box .generate .generate-box .title p:last-of-type {
    font-size: 0.25rem;
    color: #666666;
    line-height: 0.38rem;
  }
  .commerce-box .generate .generate-box .ydd {
    margin-bottom: 0.23rem;
  }
  .commerce-box .label3 {
    padding-top: 0.96rem;
  }
  .commerce-box .label3 .title {
    font-size: 0.33rem;
    margin-bottom: 0.96rem;
  }
  .commerce-box .label3 .title p:nth-child(2) {
    width: 5.85rem;
    text-align: center;
    line-height: 0.38rem;
    font-size: 0.25rem;
  }
  .commerce-box .label3 .item-label .tab-title {
    padding: 0.2rem 0.28rem;
  }
  .commerce-box .label3 .item-label .tab-title .item-label-box {
    width: auto;
  }
  .commerce-box .label3 .item-label .tab-title .item-label-box .l-box img {
    width: 0.48rem;
    height: 0.48rem;
  }
  .commerce-box .label3 .item-label .tab-title .item-label-box .l-box span {
    font-size: 0.29rem;
  }
  .commerce-box .label3 .item-label .tab-title .item-label-box .r-box img {
    width: 0.48rem;
    height: 0.48rem;
  }
  .commerce-box .label3 .item-label .content {
    padding: 0.65rem 0.38rem 0.62rem 0.31rem;
  }
  .commerce-box .label3 .item-label .content .item-label-boxs {
    width: auto;
  }
  .commerce-box .label3 .item-label .content .item-label-boxs h4 {
    margin-top: 0;
    font-size: 0.25rem;
    font-weight: bold;
  }
  .commerce-box .label3 .item-label .content .item-label-boxs p {
    font-size: 0.25rem;
  }
  .commerce-box .core-box {
    padding: 0.96rem 0;
    padding-bottom: 0;
  }
  .commerce-box .core-box .core-content {
    width: auto;
  }
  .commerce-box .core-box .core-content .title {
    font-size: 0.33rem;
  }
  .commerce-box .core-box .core-content .title p:nth-child(2) {
    width: 5.84rem;
    margin: 0 auto;
    font-size: 0.25rem;
    font-weight: 300;
    color: #666666;
    line-height: 0.38rem;
    text-align: center;
  }
  .commerce-box .core-box .core-content .core-item {
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 0 0.36rem;
    margin-bottom: 0;
  }
  .commerce-box .core-box .core-content .core-item div {
    float: left;
    min-height: 4.3rem;
    width: 3.1rem;
    margin-bottom: 0.8rem;
  }
  .commerce-box .core-box .core-content .core-item div p {
    align-items: flex-start;
    word-break: break-all;
    display: flex !important;
  }
  .commerce-box .core-box .core-content .core-item div p span {
    display: inline-block;
  }
  .commerce-box .core-box .core-content .core-item div p.pcd {
    display: none !important;
  }
  .commerce-box .core-box .core-content .core-item div p:last-child {
    margin-bottom: 0;
  }
  .commerce-box .core-box .core-content .core-item div:nth-of-type(even) {
    padding-left: 0.55rem;
  }
  .commerce-box .core-box .core-content .core-item div:nth-child(5),
  .commerce-box .core-box .core-content .core-item div:nth-child(6) {
    margin-bottom: 0;
  }
  .commerce-box .core-box .core-content .core-item.pcd {
    display: none !important;
  }
  .commerce-box .core-box .core-content .core-item.ydd {
    display: block !important;
  }
  .ls {
    height: 0.64rem;
    background: #f6f8fc;
  }
}