/*.firstgroup_box,*/
/*.secondgroup_box {*/
/*  min-height: 30px;*/
/*  padding: 10px 20px;*/
/*  background-color: #fff;*/
/*  -webkit-box-shadow: 0px 0px 40px rgb(29 58 83 / 10%) !important;*/
/*  box-shadow: 0px 0px 40px rgb(29 58 83 / 10%) !important;*/
/*  border-radius: var(--bs-btn-border-radius);*/
/*}*/

/*.firstgroup_box .firstgroup_box_prov,*/
/*.secondgroup_box .secondgroup_box_area {*/
/*  color: #b074d1;*/
/*  display: inline-block;*/
/*  min-width: 60px;*/
/*}*/

/*.firstgroup_box .firstgroup_box_group,*/
/*.secondgroup_box .secondgroup_box_group {*/
/*  width: 100%;*/
  /* display: grid;
    grid-template-columns: repeat(auto-fit, 110px);
    gap: 10px 0; */
/*}*/

/*.firstgroup_box .firstgroup_item,*/
/*.secondgroup_box .secondgroup_item,*/
/*.pro_box .pro_item {*/
/*  height: 70px;*/
/*  box-shadow: 0px 4px 15px 1px rgba(6, 75, 179, 0.06);*/
/*  border-radius: 1px;*/
/*  border: solid 2px var(--bs-global-o-2);*/
/*  margin-left: -1px;*/
/*  float: left;*/
/*  margin-bottom: 3px;*/
/*}*/

/*.firstgroup_box .firstgroup_item.active,*/
/*.firstgroup_box .firstgroup_item:hover,*/
/*.secondgroup_box .secondgroup_item.active,*/
/*.secondgroup_box .secondgroup_item:hover,*/
/*.pro_box .pro_item.active,*/
/*.pro_box .pro_item:hover {*/
/*  background-color: #b074d121;*/
/*  border-color: var(--white);*/
/*  box-shadow: 0 4px 15px 1px rgba(6, 75, 179, 0.06);*/
/*  border-radius: 1px;*/
/*  color: var(--primary);*/
/*}*/
/*.firstgroup_box a,*/
/*.secondgroup_box a,*/
/*.pro_box a,*/
/*.firstgroup_box .firstgroup_item,*/
/*.secondgroup_box .secondgroup_item,*/
/*.pro_box .pro_item {*/
/*  color: #495057;*/
  /*min-width: 120px;*/
/*  padding: 0 12px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
  /*overflow: hidden;*/
/*  white-space: nowrap;*/
/*  text-overflow: ellipsis;*/
/*  font-size: 12px;*/
/*}*/
/*.firstgroup_box a:hover,*/
/*.secondgroup_box a:hover,*/
/*.pro_box a:hover,*/
/*.firstgroup_box .firstgroup_item:hover a,*/
/*.secondgroup_box .secondgroup_item:hover a,*/
/*.pro_box .pro_item:hover a {*/
/*  color: var(--primary);*/
/*}*/


.firstgroup_box a, .secondgroup_box a, .pro_box a, .firstgroup_box .firstgroup_item, .secondgroup_box .secondgroup_item, .pro_box .pro_item {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: var(--bs-btn-border-radius);
    margin: 0.2em 0.3em;
    /*color: inherit;*/
    /*font-size: 14px;*/
    /*width: 100%;*/
}

.firstgroup_box .firstgroup_item.active, .firstgroup_box .firstgroup_item:hover, .secondgroup_box .secondgroup_item.active, .secondgroup_box .secondgroup_item:hover, .pro_box .pro_item.active, .pro_box .pro_item:hover {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: var(--bs-btn-border-radius);
    margin: 0.2em 0.3em;
}

.yy-stellar{
    right: 4px;
    top: -18px;
    width: 0;
    height: 0;
    color: var(--yellow);
    position: relative;
    transform-origin: 6px 6px;
} 

.yy-img-w{
    height: 48px;
}
.yy-img-w-2{
    height: 72px;
}

.yy-border-l-2{
    border-left:solid 2px;
}

.yy-bth-text-a{
}

.yy-bth-text-b{
    margin: -6px 0 6px 0 !important;
}

.yy-bth-text{
    font-family: 'DingTalk JinBuTi';
}

.yy-bth{
    width: 306px;
}

.yy-bl{
    background-color: var(--primary);
    border-radius: 1em;
    margin-right: 0.5rem;
    padding-left: 0.25rem;
}

.unfold {
    color: #999 !important;
    font-size: 90% !important;
}

.unfold:hover {
    color: var(--bs-btn-active-border-color) !important;
}

.cart-num {
    font-family: DINCondensed-Bold;
    font-size: 22px;
}

@media (max-width: 576px) {
.firstgroup_item,.secondgroup_item{
    min-width:auto!important;
    padding:0;
    }
}

.w-0 {
    width: 0 !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-32 {
    font-size: 32px !important;
}

@media (min-width: 1600px) {
  .col-xxl {
      
  }
}

@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}