/*�𤩎����钅���諹底蝝圈���鞈潛�瘚�蝔讠㮾��𦣇ss*/
/*------------------------------------*\
RWD���𤩎��閰喟敦��--�鰵���𤩎��閰喟敦��銋��厩鍂��嚗峕糓�銁��牐�style銝𢠃𢒰�帋耨甇�
\*------------------------------------*/
/*----RWD���𤩎��閰喟敦��///start----*/
.sm-product-detail {
  padding-bottom: 10px;
}
.sm-product-detail h4 {
  color: var(--product-detail-title-color,#212529);
  font-weight: bold;
}
.sm-product-detail h4 .subtitle {
margin-top: 8px;
font-size: 70%;
line-height: 1.6;
}
.sm-product-detail .thumbnail {
  margin-top: 10px;
}
.sm-product-detail .thumbnail img {
  margin-right: 5px;
}
.sm-product-detail .memo {
  margin-top: 10px;
  float: left;
  width: 100%;
}
.sm-product-detail .dl-horizontal {
  display: flex;/*���𧋦�糓float�㺿flex*/
  border-bottom: 1px var(--sm-outline) dashed;
  padding-top: 1px;/*�踹�滩◤select foucs���⏛��厩���誯��*/
}
.sm-product-detail .dl-horizontal dt {
  width: 90px;
  text-align: left;
  margin-bottom: 10px;
}
/* .sm-product-detail .dl-horizontal dd {
  margin-left: 100px;
} */
.sm-product-detail .member-price dd {
  color: var(--sm-accent);
  font-weight: bold;
}
.sm-product-detail .member-price dd .product_detail_price {
  color: var(--sm-accent);
  font-size: 1.125rem;
  line-height: 1.4;
  padding-left: 5px;
  padding-right: 5px;
}
.sm-product-detail .add_product ul {
  list-style-type: none;
  padding: 0;
}
/*�𢰧�𠰴�寞聢銝滩���滩��*/
.product_detail_item_right{
  white-space: nowrap;
}
.product_detail_picture img {
  margin: 0 auto;
  display: block;
}

/*----�𤩎��閰喟敦��///end----*/
/*----------------------------*/
/*----�𤩎��閰喟敦������///start----*/
#product_tab ul {
  display:flex;
  gap: 4px;
  list-style-type: none;
  margin-bottom: 10px;
  padding: 0px;
  width: auto;
  height: 42px;
  border-bottom: 1px solid var(--tab-list-border-color,#ccc);
}
  #product_tab ul li {
    flex: 1;
    max-width:200px;
  }
    #product_tab ul li a {
      display: block;
      text-decoration: none;
      background:  var(--primary);
      color: var(--on-primary,#ffffff);
      height: 42px;
      line-height: 42px;
      text-align: center;
      font-weight:bold;
      padding: 0 16px;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid var(--tab-list-border-color,#ccc) 
    }
    #product_tab ul li a:hover, #product_tab ul li a.on {
      color: var(--primary);
      color: var(--on-primary,#ffffff);
      border-bottom: 1px solid var(--tab-list-border-color,#ccc) ;
      border-bottom: 0px; 
    }

@media (max-width: 767px) {
  #product_tab ul li a {
    font-size: 0.95rem;
    width: auto; 
    padding: 0 4px;
  } 
  }
/*----�𤩎��閰喟敦������///end----*/ 
/*------------------------------------*\
(�糓�炏閬������)撣嗆��.do_sm-product-detail�糓RWD���蒂銝娍�厰�躰�𤩺聢�����𧋦-憒�FZ
\*------------------------------------*/
/*----- RWD����躰�𤩺聢�𤩎���批捆��-���/productDetail/5/style.css��厰�滨�羓��𧑐�䲮 ///start----*/

/*��雿讐𤩎����諹���羓�憭扳�*/
.do_sm-product-detail {
  padding-bottom: 10px;
}
/*�𤩎��憭批��*/
.do_product_detail_picture {
  border: 0px solid #CCCCCC;
  padding: 0px;
}
.do_product_detail_picture img {
  margin: 0 auto;
  display: block;
}
/*�𤩎��撠誩��*/
.do_product_spec_picture {
  margin-top: 13px;
  margin-left: -3px;
  margin-right: -3px;
}
.do_product_spec_picture ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.do_product_spec_picture ul li {
  display: block;
  float: left;
  padding: 3px;
  margin: 0px;
  width: 16.6%;
}
.do_product_spec_picture ul li img {
  border: 1px solid #cccccc;
  display: block;
  max-width: 100%;
}
/*��雿𤩺�䠷�諹��牧���*/
.product_detail_content {
  border-bottom: 1px solid #cccccc;
  padding-left: 0px;
  padding-right: 0px;
}
/*�𤩎��憭扳��*/
.do_sm-product-detail h4 {
  color: #000000;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 0px;
  margin-bottom: 7px;
  line-height: 1.4;
}
/*����蝺刻��*/
.product_detail_item_number {
  color: #999999;
}
/*�䌊銵𣬚楊頛舐��批捆��憛�*/
.product_detail_main {
  margin-top: 10px;
  margin-bottom: 10px;
}
/*�𤩎��鞈���*/
.product_detail_info {
  background: #fff;
  padding: 1px 0px 20px 0px;
}
/*�𤩎��鞈��𦠜�雿�*/
.do_sm-product-detail .dl-horizontal {
  padding: 12px 0px;
  margin: 0;
  border-bottom: 0px #666666 dashed;
}
.do_sm-product-detail .dl-horizontal dt {
  width: 65px;
  text-align: left;
  float: left;
  margin-bottom: 0px;
}
.do_sm-product-detail .dl-horizontal dd {
  margin-left: 65px;
}
/*���摱��*/
.do_sm-product-detail .member-price dt {
  line-height: 20px;
}
/*蝝��𠧧�鸌��*/
.do_sm-product-detail .product_detail_price {
  color: var(--accent);
  font-size: 1.125rem;
  line-height: 20px;
  margin: 0 3px;
}
/*�����券尹瘣餃��*/
.all_product_activity {
  border-bottom: 0px #666666 dashed;
  padding: 0px 0px;
  margin: 0 0 10px 0;
}
.all_product_activity dd {
  width: 100%;
  background: url(../images/all_product_activity_icon.png) no-repeat left center;
  padding-left: 20px;
  line-height: 24px;
  color: var(--accent);
}

/*�����鸌�ê̌瘣餃��*/
.product_activity {
  border-bottom: 0px #666666 dashed;
  padding: 0px 0px;
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.product_activity dd {
  /* width: 100%; */
  flex: 1 0 auto;
  background: url(../images/product_activity_icon.png) no-repeat left center;
  padding-left: 20px;
  line-height: 24px;
}
.product_activity dd a {
  color: #990000;
}
.product_activity dd a:hover {
  color: #e75d9a;
}

/*20250721�鰵憓䂿𤩎��閰喟敦��-�漤�见���璅嗵惜(�𦆮�銁product_activity鋆⊿𢒰)-start*/
.fare-free-tag {
    border-radius: 4px;
    font-size: 0.875rem;
    white-space: nowrap;
    padding: 2px 4px;
    line-height: 1.4;
    color: #fff;
    background: var(--sm-accent-var, #ff6600);
}
/*20250721�鰵憓䂿𤩎��閰喟敦��-�漤�见���璅嗵惜(�𦆮�銁product_activity鋆⊿𢒰)-end*/

/*��躰�𤩺聢-憿讛𠧧(�∟�𡝗糓�炏�摧WD����𡝗鰵����屸�躰�𤩺聢�賣糓隞乩�钅�蹱挾)*/
.product_color,.product_size{
  padding: 0 0 8px 8px;
}
.product_color ul {
  margin: 0px;
  padding: 0;
}
.product_color ul li {
  display: inline-block;
  margin: 3px;
  line-height: initial;
  list-style-type: none;
}
.product_color ul li a {
  display: inline-block;
  border: 2px solid transparent;
}
.product_color li a:hover,
.product_color li a:active,
.product_color li a.current {
  border: 2px solid var(--primary);
}
.product_color ul li a img{
  vertical-align: top;
}
/*撠箏站*/
.product_size ul {
  margin: 0px;
  padding: 0px;
}
.product_size ul li {
  display: inline-block;
  margin: 2px;
  list-style-type: none;
}
.product_size ul li a {
  display: inline-block;
  line-height: 20px;
  color: #333333;
  background: #eeeeee;
  border: 2px solid #fff;
  padding: 2px 6px;
}
.product_size li a:hover,
.product_size li a.current {
  color: #333333;
  padding: 2px 6px;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 0 1px var(--primary);
}
/*瘝埝�匧偕撖豢�*/
.product_size_no {
  color: #999999;
  line-height: 20px;
  background: #cccccc;
  border: 2px solid #f5f5f5;
  padding: 2px 6px;
}
/*�彍���*/
.product_quantity {
  overflow: hidden;
}
.product_quantity_left {
  /* float: left; 皜��膄float �踹�滚���㰘頃��滨��*/
}
/*�彍��誩虾隞亙�墧�𤤿�甈�雿�--productDetail5��厰�滩����⏛�膄��productDetail6鋆⊿𢒰��css��厰�典���滩��*/
.product_quantity_left .input-group.bootstrap-touchspin {
  display: flex;
  flex-wrap: nowrap;
  width: 110px;
  font-weight: bold;
  margin-right: 5px;
}
/*��䭾�𤤿���厰�訫之撠�*/
.product_quantity_left .btn {
  font-size: 1.25rem;
  padding: 2px 8px;
  width: 32px;
  background-color: #eee;
  border-radius:4px;
}
  /*�彍��𤩺���擃睃漲*/
.product_quantity_left .form-control {
  height: 34px;
}
/*閰衣忽�𥼚��羓�㗇�雿�--productDetail5��productDetail6鋆⊿𢒰��css銋��厰�滩���.雿�銝滚���冽糓嚗峕糓�炏閬����枂�縧?**/
.product_try {
  float:right;
  /*float:left; �銁璅�踎鋆⊿𢒰�質◤��堒銁right鋆� */
}
.product_try ul {
  margin: 0px;
  padding: 0px;
}
.product_try li {
  display: inline-block;
  margin: 2px;
  list-style-type: none;
  border-right: 1px solid #333;
  padding: 0 3px;
  line-height: 15px;
}
.product_try li a {
  color: var(--on-surface);
  background: #fff;
}
.product_try li a:hover {
  color: var( --primary);
  background: #fff;
}
.product_try li:first-child {
  border-left: 1px solid #333;
}
/*RWD������躰�𤩺聢-鋆⊿𢒰����㰘頃����*/
.do_sm-product-detail .add_product ul {
  margin: 0px;
  padding: 0;
}
.do_sm-product-detail .add_product li {
  list-style-type: none;
  padding: 0;
}
.do_sm-product-detail .add_product .price {
  color: var( --accent);
}
.do_sm-product-detail .add_product .product_detail_price_unit {
  color: var(--surface);
  margin-right: 6px;
}

/*鞈潛�頠𦠜�厰��*/
.product_detail_cart_icon {
  padding-top: 15px;
  text-align: left;
}
.product_list_discount,.product_detail_discount,.product_list_event,.product_list_bonus,
.product_detail_bonus,.cart_bonus{
  background-position: left center;
  background-repeat: no-repeat;
  text-indent: 30px;
  display: inline-block;
}
/*������鞉��鸌��*/
.product_list_discount {
  background-image: url("../images/product_list_discount_icon.gif");
  color: var(--sm-accent);
}

/*��鞉��鸌�孵�𣇉內*/
.product_detail_discount {
  background-image: url("../images/product_list_discount_icon.gif");
  margin-left: 0px;
}

/*����蝯�����芣��*/
.product_list_event {
  background-image: url("../images/product_list_event_icon.gif");
  /* width: 60px;
  height: 20px; */
}
/*�𤩎����𡑒”����蝝��⏚*/
.product_list_bonus{
    background-image:url("../images/cart_bonus.gif");
    display:inline-block;
    color:var(--sm-accent);
}

/*RWD�𤩎��閰喟敦������蝝��⏚*/
.product_detail_bonus{
    background-image:url("../images/cart_bonus.gif");
    margin-left:10px;
}
/*�𤩎����䀹緍瘣餃�訫��*/
.cart_bonus {
  margin-top: 2px;
  margin-bottom: 5px;
  text-indent: 38px;
  background-image: url("../images/cart_bonus.gif");

}
/*蝝��滨�𨬭��韐��蝑栄con*/
.label_red_tag_product, .label_green_tag_product ,.label_add_tag_product{
  border-radius: 4px;
  padding: 0px 3px;
  margin-right: 4px;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
}

.label_red_tag_product {
  background-color: var(--sm-badge--red);
}

.label_green_tag_product {
  background-color: var(--sm-badge--green);
}
.label_add_tag_product{
  background-color: #ff4709;
}

/*�折�����鞉��鸌�寞彍摮�*/
.product_detail_price_other {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 2;
  font-weight: bold;
  color: var(--sm-accent);
  padding-left: 5px;
  padding-right: 5px;
}
/*�睸�枂隞嗆彍��閮剖��*/
.sold_number_block {
  padding: 0px 0px;
  margin: 0;
}
.sold_mumber {
  font-size: 1rem;
}
.stock_number {
  color: var(--sm-accent);
  font-size: 1rem;
}
/*�埝彍閮��*/
#product_countdown,
.product_countdown {
  display:table;
  width: 270px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: var(--accent) !important;
  color: #FFF;
  margin-bottom: 10px;
  font-size: 1.25rem;
  padding:0 4px;
  border-radius: 4px; 
}

/*----- �鰵����躰�𤩺聢�𤩎���批捆�� ///end----*/

/*----����閰喟敦-��讛���磰矽�㟲///start----*/
#guestbook_by_product td.poster_field {
  white-space: nowrap;
  width: 80px;
}

#guestbook_by_product td.q_content p{
margin: 0px;
}
#guestbook_by_product td.a_field {
color:var(--on-surface);
background-color:var(--surface);
}
#guestbook_by_product td.a_content {
color:var(--on-surface);
background-color:var(--surface);
}
#guestbook_by_product td.line hr {
  margin: 16px 0;
}
/*----����閰喟敦-��讛���磰矽�㟲///end----*/


.cart_block {
  border: 1px solid #ccc;
  padding: 14px;
}
/*----�𤩎����憿墧�厰��///start----*/
#product_content_button {
  float: right;
}
#product_content_button div {
  margin: 0 5px;
  float: left;
}
/*----�𤩎����憿墧�厰��///end----*/
/*------------------------------------*\
鞈潛�頠�.鞈潛�瘚�蝔�
\*------------------------------------*/


/*鞈潛���厰�𧢲絲憭硋𧑐������厰��*/
#abroad_area .btn {
  margin: 2px 0;
  padding: 2px 12px;
  border-radius: 2px;
}
/*鞈潛�甇∟�𤾸�堒蘂*/
#cart_welcome {
  margin: 15px;
}
/*---------------------*/
/*----鞈潛�瘚�蝔贝”�聢css///start----*/ 
 .cart_product_block {
      display: flex;
      flex-wrap: wrap;
    }

/*�𤩎����𣇉��之撠�*/
.cart_product_pic {
  width: 67px;
  margin-right: 5px;
  margin-top: 4px;
  margin-bottom: 4px;
}
 .cart_product_pic img {
  border: 1px solid #CCC;
 }
/*�𤩎���批捆鞈���*/
.cart_product_data {
	min-width: 130px;
	flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 0px;
  word-break: normal;
  line-height: 1.2;
  font-size: 0.9rem;
}
/*�𤩎����滨迂*/
.cart_product {
  margin-top: 2px;
  margin-bottom: 5px;
  text-indent: 0px;
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 1rem;
}
.cart_product a{
 	color: var(--on-surface,#333333);
  }  
.cart_product a:hover{
 	color: var(--primary);
  }  
/*��蝔格�嗵惜�梢�朞身摰�*/
.cart_preorder_product ,.cart_event,.cart_now_event ,.cart_add_product,.cart_price,.cart_size{
  margin-top: 2px;
  margin-bottom: 5px;
  text-indent: 38px;
  background-repeat: no-repeat;
  background-position: left top;
  line-height: 1.2;
}

/*�𤩎����滨迂*/
.cart_preorder_product {
  background-image: url(../images/cart_preorder.gif);
}

/*�𤩎����䀹緍瘣餃�訫��*/
.cart_event {
  background-image: url(../images/cart_event.gif);
}

/*�𤩎���券尹瘣餃�訫��*/
.cart_now_event {
  background-image: url(../images/cart_now_event.gif);
}

/*��㰘頃����*/
.cart_add_product {
  background-image: url(../images/cart_add_product.gif);
}
/*�𤩎���寞聢*/
.cart_price {
  background-image: url(../images/cart_price.gif);
}
/* 撠箏站*/
.cart_size{
   background-image: url(../images/cart_size.gif) ;
  }

/*�⏛�膄��icon-(��粆s3-icon撌脫嚉���)*/
.glyphicon-trash{
text-indent: 20px; 
width: 1rem;
height: 1rem;
display: inline-block;
background:url(../images/icon-delete.svg) no-repeat;
background-size: 100% auto;
}

/*�𤩎��閬𤩺聢*/
/*�𤩎��蝮賡�煾��*/
#total_price {
  color:  var(--primary);
}
/*雿誩�蝑㗇�雿滨���栞��*/
.form-control {
  margin-bottom: 5px;
}

#order_product_list {
  width: 99%;
}
/*----鞈潛�瘚�蝔贝”�聢css///end----*/

/*鞈潛���𡑒”��銵冽聢*/
#cart_list .table{
  margin-bottom:0px;
  }
/*隞䀹狡�䲮撘讐蔭撌�*/
.payment_block .control-label, .deliver_block .control-label {
   text-align: left !important;
   padding-top: 0px!important;
}
.product_detail_line {
  border: 0;
}
/*甇斤�箏�㰘頃������tag*/
.add_product_msg_show {
  color: var(--sm-badge--add);
  font-weight: bold;
  display: inline-block;
  font-size: 0.9rem;
  margin-left: 0.5rem;
}
/*----��㰘頃������𡑒”///strat----*/
.plus_list{
  background:#FDEFEF;
  }
.plus_list_icon{
  background:var(--sm-badge--add);
  color:#fff;
  padding:2px 3px;
  border-radius:5px;
  word-break: keep-all;
  display: inline-block;
  font-size: 90%;
  text-indent: 0px;
  }
/*---��㰘頃������憛�---*/
/*��㰘頃����璅䠷��*/
.plus_product_title{
  padding:3px 5px 3px 35px;
  margin-top:30px;
  margin-bottom:15px;
  display:block;
  border-bottom:1px solid #ccc;
  font-size:1.4rem;
  background: url(../images/plus_icon.gif) no-repeat  ;
  }
/*��㰘頃����*/
.plus_products{
  width: 16.666666%;
    padding-right: 10px;
    padding-left: 10px;
  margin-bottom: 25px;
  }
.plus_products .photo{
 }
.plus_products .title{
  font-weight: bold;
  height:56px;
  text-align:center;
  }
.plus_products  .price_title {
    margin-top: 5px;
    text-align:center;
}
.plus_products  .normal_price_number {
  text-decoration: line-through;
  color: #999;
}
.plus_size{
  display: block;
  width: 100%;
  margin-bottom: 3px;
  overflow:hidden;
    }
.plus_amount{
  float:left;
  } 
.plus-button{
  float:right;
  padding: 2px 4px!important;
  }

@media (max-width: 1200px) {
  .plus_products{
  width: 16.6%;
  }
}
@media (max-width: 991px) {
  .plus_products{
  width: 25%;
  }
 }
@media (max-width: 767px){ 
.plus_products{
  width: 25%;
  }

.plus_products  .normal_price_number::after{
 display: block;
 content: "";
}
}
@media (max-width: 480px){ 
.plus_products{
  width: 50%;
  }
}
/*----��㰘頃������𡑒”///end----*/
/*----�贝祥蝑㕑����///strat----*/
.cart_col_amount_all{
  min-width:500px;
  float:right;
  margin-bottom:25px;
background:#FFF;
  }
.cart_col_amount_all td{
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  }

.total_price{
  border-top: 1px #d5d5d5 dotted;
  }
.total_price_text {
  color:var(--accent);
  font-size:1.3rem;
  line-height: 24px;
  } 

.total_bonus{
  background:#eee;
  border-radius:5px;
  padding:3px;
  }
.total_bonus_text{
  color:var(--accent);
  font-size:1rem;
  }

/*撘瑁矽暺墧彍�彍摮櫘lass*/
.cart_remind{
    color: var(--accent);
    margin-right: 4px;
  }
 /*暺墧彍��匧�𡁶車憿墧�銵���*/
 .total_bonus_row{
  border-right: 1px solid var(--sm-on-surface-variant);
  padding-right:6px;
  display: inline-block
}
.total_bonus_row:last-child{
  padding-right:0px;
  border-right:0;
}
.total_bonus_row .cart_remind{
  margin: 0  4px;
}

@media (max-width: 767px){
  .cart_col_amount_all {
    min-width: 100px;
    margin-right: 0px;
}
  .total_bonus_row{
    display: block;
    margin: 4px 0;
    padding-right:0px;
  border-right:0;
  } 
 }

/*----�贝祥蝑㕑����///end----*/  
/*��峕�𤩺�脲狡*/
textarea#agreement {
  line-height: 1.6;
}


/*------------------------------------*\
�𤩎������刻氜�聢����𣳇�𡏭��
\*------------------------------------*/
/*====== �𤩎������blog�����-��𡝗���� ====== */
.related-article h4 {
    font-size: 1.5rem;
    border-left: 4px solid var(--primary);
    border-bottom: 1px solid #eeeeee;
    padding: 4px;
    margin-bottom: 0.5rem;
  }
  .related-article ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 1rem 0;
    padding: 0;
    list-style-type: none;
  }
  .related-article ul li {
    width: 33.33%;
    margin-bottom: 1rem;
  /*   padding: 8px; */
  }
  .related-article-item {
    display: flex;
    padding: 8px;
  /*   border-right: 1px solid #eeeeee; */
  }
  .related-article-item figure {
    padding: 4px;
    width: 30%;
    margin-right: 8px;
  }
  .related-article-item figure:hover {
    opacity: 0.8;
  }
  .related-article-info {
    flex: 1;
    margin-left: 8px;
  }
  .related-article-title {
    font-size: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  
  .related-article-title  a {
    color: var(--on-surface);
  }
  
  .related-article-title  a:hover {
    color: var(--primary);
  }
  .related-article-text {
    font-size: 0.875rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .related-article-btn {
    display: none;
  }
  
  @media (max-width: 767px) {
    .related-article ul li {
      width: 50%;
      margin-bottom: 0rem;
    }
    .related-article-item {
  /*     border-right: 0px solid #eeeeee; */
    }
  }
  @media (max-width: 577px) {
    .related-article ul li {
      width: 100%;
    }
  }
  /*====== �𤩎������blog�����-��𡑒”��� ====== */
  .related-article--list{
    margin-bottom: 2rem;
  }
  .related-article--list ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 0rem;
  }
  .related-article--list .related-article-item {
    padding: 0;
    margin: 0;
    border-right: 0;
    border-bottom: 1px solid #eeeeee;
  }
  .related-article--list .related-article-item figure {
       width: 60px;
      margin-top: 4px;
  }
  .related-article--list .related-article-info {
    display: grid;
    grid-template-columns: 40% 50% 80px;
    /*摰𡁶儔甈�撖�*/
  }
  .related-article--list .related-article-info > div {
    padding: 0px;
    margin: 8px;
    height: fit-content;
  }
  .related-article--list .related-article-btn {
    display: block;
  }
  
  @media (max-width: 577px) {
    .related-article--list .related-article-info {
      grid-template-columns: auto  70px
      /*摰𡁶儔甈�撖�*/
    }
    .related-article--list .related-article-text {
      display: none;
    }
  }