/*关于页面*/
.main {background: #f2f2f2;}
.inner-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 30px;
    font-size: 14px;
}

/* 左导航 */
.inner-wrap .aside { padding-top: 30px; position: sticky; top: 0; height: fit-content; max-height: calc(100vh - 40px); overflow-y: auto; margin-bottom: 30px;}
.aside .aside_nav { background-color: #fff; padding: 10px 0; }
.aside_nav li { border-left: 4px solid #fff; cursor: pointer; display: flex ; height: 60px; line-height: 60px; }
.aside_nav li i.fa{padding: 0 0 0 20px; font-size: 18px; color: #666;}
.aside_nav li a{font-size:16px;color: #777;padding: 0 0 0 18px;}
.aside_nav li.thisbox { background-color: #f5f5f5; border-color: #00b0dd; }
.aside_nav li.thisbox i.fa {color: #00b0dd;}

/* 右侧内容 */
.inner-wrap .about-content {margin-top: 30px;margin-bottom: 30px;padding: 20px;background: #fff;}
.textbox{padding:20px 20px 10px; font-size: 16px;}
.about-img{padding-bottom:10px;display:none;}
.about-title { align-items: center; border-left: 4px solid #00b0dd; display: flex ; height: 26px; margin: 10px 0 30px; padding-left: 20px;}
.about-title h1 {color: #00b0dd; font-weight: normal; line-height: 26px;}
.title-us {color: #f5a801; font-size: 26px; line-height: 26px; padding-left: 20px;}
.textbox p{margin:6px 0; text-indent: 2em;  line-height: 30px; color: #777;}
.textbox p img{width:90%; }
@media (max-width: 768px) {
    .inner-wrap .aside { display: none; }
    .inner-wrap { width: 100%; padding: 0 0 10px; grid-template-columns: 1fr; margin: 0; }
    .inner-wrap .about-content { width: 100%; padding:10px; grid-template-columns: 1fr; margin: 0 auto; }
    .about-title { height: 22px; padding-left: 15px; margin: 10px 0 20px; }
    .about-title h1 {font-size: 22px; line-height: 22px;}
    .title-us {font-size: 1.6px; line-height: 22px;}
    .textbox{padding:10px}
    .about-img{display: block;}
    .textbox p{text-indent: 0em;line-height:24px;}
    .textbox p img{width:100%; }
  }


/*支付中心*/
.paybox{height: auto; font-size: 14px; overflow: hidden;}
.paybox table {
  background: #E5E5E5;
  padding: 0;
  margin: 0 auto;
  border: 0;
  border-collapse: inherit;
  table-layout: fixed;
  width: 100%;
}
.paybox th{ padding: 10px 15px; line-height: 24px; font-size: 16px; background: #FAFAFA; }
.paybox td { padding: 10px 15px; line-height: 30px; background: #FFF; }
.paybox td a.pay_btn{display: block; width: 90px; height: 35px; background: #F80; text-align: center; font-size 14px; color: #FFF; border-radius: 3px;}
.paybox td a.pay_btn:hover{text-decoration: none; background: #F60;}
@media (max-width: 768px) {
    .paybox th{ padding: 5px 15px; line-height: 24px;}
    .paybox .m-none { display: none; }
  }

/****************************帮助中心********************************/
.bangzhu{height: auto; margin: 0 auto; border: 0px solid #E5E5E5; background: #fff; overflow: hidden;}
.bangzhu h1{height: 30px; color:#e3393c; text-align: center;}
.bangzhu h3{height: 36px; font-size 16px; line-height:36px; background: #b5b5b5; text-indent: 15px; color: #FFF;}
.bangzhu .bzbox{height: auto; padding: 10px 15px; overflow: hidden;}
.bangzhu .bzbox h4{height: 30px; font-size 16px;}
.bangzhu .bzbox p{font-size 14px;}
.bangzhu .bgdan{background: #ededed;}
.bangzhu .bgdan h4{color: #000;}
.bangzhu .bgdan p{color: #555;}
.bangzhu .bghui{background: #F5F7FA;}
.bangzhu .bghui h4{color: #754;}
.bangzhu .bghui p{color: #777;}

/************预订规则**********/
  .grid-table {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 两列等宽 */
    gap: 0px;
    width: 80%;
    padding-left: 2em;
    font-size: 16px;
    border-collapse: collapse; /* 模拟表格边框合并效果 */
  }
  .table-header { background-color: #f4f4f4; }
  .table-header,.table-item { color: #555; padding: 12px 15px; border: 1px solid #ddd; text-align: left; }
@media (max-width: 768px) {
    .grid-table{ width: 90%;padding-left: 0;font-size: 14px;}
    .table-header,.table-item { padding: 6px 15px; }
  }