body{
  background: url('/assets/images/reference/bg400.png') 0 0 no-repeat;
  background-size:100% 100%;
}
main{
  padding-top:1px;
  padding-bottom:60px;
  background-color:#fff;
}
.mobileBreadcrumb{
  color:#00000099;
  height:36px;
  line-height: 36px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-align: center;
}
.downloadTopWrap .sectionTitle{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  color:#000000E5;
  text-align: center;
}
.mobileBreadcrumb a,.mobileBreadcrumb span{
  font-family: 'NunitoSans-Medium';
  font-size: 1rem;
  text-decoration: none;
  color:#00000099;
}
.mobileBreadcrumb span{
  color:#000000;
}
.downloadTopWrap{
  padding:60px 20px 110px 20px;
}

.tableSection{
  margin-top:80px;
}
.tableSection .title{
  color:#000000E5;
  font-size: 2rem;
  line-height: 2.8rem;
  font-family: 'NunitoSans-ExtraBold';
  margin-bottom:40px;
  text-align: center;
}
.mobileMain .contentWrap{
  border: 1px solid #D7D7D7;
  border-radius: 12px;
}
.contentWrap .tableHeader{
  background: #F9F9F9;
  border-bottom: 1px solid #D7D7D7;
  height: 52px;
  line-height: 52px;
  text-align: center;
  font-size: 1.25rem;
  color:#000000E5;
  font-family: 'NunitoSans-ExtraBold';
}
.contentWrap .tableHeader:first-child{
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.contentWrap .tableContent{
  padding: 20px;
  border-bottom: 1px solid #D7D7D7;
}
.contentWrap .tableContent:last-child{
  border-bottom:none;
}
.tableContent p{
  text-align: center;
  font-size: 1rem;
  line-height: 1.4rem;
  color:#000000E5;
  margin-bottom: 0px;
}
.tableContent p:nth-child(3){
  margin-top: 10px;
}
.tableContent .boldText{
  font-size: 1rem;
  font-weight: 700;
  color:#000000E5;
}

.blackBgWrap{
  background: url('/assets/images/reference/bottom-banner-bg400.png') 0 0 no-repeat;
  background-size: 100% 100%;
  padding:50px 32px 32px 32px;
  margin-top:120px;
}
.blackBgWrap .title{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  line-height: 2.8rem;
  color:#ffffff;
  text-align: center;
  margin-bottom:0px;
}
.blackBgWrap .text{
  font-size: 1.125rem;
  color:#FFFFFFB2;
  margin-top:12px;
  margin-bottom:43px;
  text-align: center;
}
.winBtn{
  display: flex;
}
.macBtn{
  display: none;
}
*[data-sys="win"] .macBtn, *[data-sys="mac"] .winBtn{
  display: none;
}
*[data-sys="win"] .winBtn, *[data-sys="mac"] .macBtn{
  display: flex;
}
.blackBgWrap .btnWrap{
  width:100%;
  flex-wrap: wrap;
}
.blackBgWrap .smallOrangeBtn,.blackBgWrap .smallOrangeBorderBtn{
  width:100%;
  height:100%;
}
.blackBgWrap  .smallOrangeBtn {
  border: none;
}
.blackBgWrap .smallOrangeBorderBtn{
  background: transparent;
  margin-top: 16px;
  display: flex;
}
.blackBgWrap .smallOrangeBorderBtn:hover{
  background:#E05149;
  border-color: #E05149;
}
.bottomFiveList{
  margin-top:20px;
}
.bottomFiveList .fiveListFlexWrap{
  flex-wrap: wrap;
  width:100%;
}
.fiveListItem{
  margin-top:40px;
  width:100%;
}
.fiveListItem h6{
  font-family: 'NunitoSans-ExtraBold';
  font-size: 2rem;
  color:#000000E5;
  text-align: center;
  margin:0px;
}
.fiveListItem p{
  font-size: 1.25rem;
  color:#00000099;
  font-weight: 500;
  text-align: center;
  margin:8px 0 0 0;
}

.table-rounded tbody .otherFormatTh {
  border-bottom-left-radius: 16px;
}

.smallOrangeBorderBtnIcon {
  background: url('/assets/images/icon/buy-orange.png') 0 0 no-repeat;
  background-size:100% 100%;
  width: 28px;
  height: 28px;
  margin-right: 5px;
}
.smallOrangeBorderBtn:hover .smallOrangeBorderBtnIcon {
  background: url('/assets/images/icon/buy-white.png') 0 0 no-repeat;
  background-size:100% 100%;
  width: 28px;
  height: 28px;
}

@media (min-width: 768px) {
  body{
    background: url('/assets/images/reference/bg768.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:50px 20px 88px 20px;
  }
  .tableSection{
    margin-top:100px;
  }
  .webMain .tableSection{
    padding:0 8px;
  }
  .table-rounded {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 0.75rem;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1rem;
  }

  .table-rounded th,
  .table-rounded td {
      border: 1px solid #D7D7D7;
      padding: 0.75rem;
      vertical-align: top;
  }

  /* 移除表格外边框 */
  .table-rounded thead tr:first-child th:first-child {
      border-top-left-radius: 0.75rem;
  }

  .table-rounded thead tr:first-child th:last-child {
      border-top-right-radius: 0.75rem;
  }

  .table-rounded tbody tr:last-child td:first-child {
      border-bottom-left-radius: 0.75rem;
  }

  .table-rounded tbody tr:last-child td:last-child {
      border-bottom-right-radius: 0.75rem;
  }

  /* 表头样式 */
  .table-rounded thead th,.table-rounded tbody th {
    font-family: 'NunitoSans-ExtraBold';
    font-size: 1.125rem;
    background-color: #F9F9F9;
    color: #000000E5;
    padding:26px 20px;
  }
  .table-rounded thead th:first-child{
    border-right:none;
    width:220px;
  }
  .systemTable .table-rounded thead th:nth-child(2){
    width:242px;
  }
  .table-rounded thead th:last-child{
    border-left:none;
  }
  .table-rounded tbody th,.table-rounded tbody td{
    border-top:none;
    border-right:none;
    vertical-align: middle;
    background-color: #ffffff;
  }
  .table-rounded tbody td{
    padding:18px 20px;
  }
  .table-rounded tbody tr td:last-child{
    border-right: 1px solid #D7D7D7;
  }
  .hardwareTable .table-rounded thead th:first-child{
    border-right:1px solid #D7D7D7;
  }
  .blackBgWrap{
    background: url('/assets/images/reference/bottom-banner-bg768.png') 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .blackBgWrap .title{
    font-size: 2rem;
    line-height: 3rem;
  }
  .blackBgWrap .smallOrangeBtn,.blackBgWrap .smallOrangeBorderBtn{
    width:160px;
    height:52px;
  }
  .blackBgWrap .smallOrangeBorderBtn{
    margin-left: 16px;
    margin-top: 0px;
  }
  .bottomFiveList .fiveListFlexWrap{
    gap:66px;
  }
  .fiveListItem:nth-child(1),.fiveListItem:nth-child(2),.fiveListItem:nth-child(3){
    width:calc(33% - 66px);
  }
  .fiveListItem:nth-child(4),.fiveListItem:nth-child(5){
    width:calc(40% - 66px);
    margin-top:0px;
  }
  .downloadTopWrap .sectionTitle{
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media (min-width: 1024px) {
  body{
    background: url('/assets/images/reference/bg1024.png') 0 0 no-repeat;
    background-size:100% auto;
  }
  .downloadTopWrap{
    padding:50px 20px 71px 20px;
  }
  .downloadTopWrap .sectionTitle{
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .table-rounded thead th{
    padding: 26px 40px
  }
  .table-rounded thead th:first-child{
    padding:26px 32px;
  }
  .table-rounded tbody th {
    padding:26px 32px;
  }
  .table-rounded tbody td{
    padding:17px 40px;
  }
  .table-rounded thead th:first-child{
    width:240px;
  }
  .systemTable .table-rounded thead th:nth-child(2){
    width:360px;
  }
  .blackBgWrap{
    background: url('/assets/images/reference/bottom-banner-bg1024.png') 0 0 no-repeat;
    background-size: 100% 100%;
  }
  .blackBgWrap .title{
    font-size: 2.5rem;
    line-height: 3rem;
}
@media (min-width: 1200px) {

}
@media (min-width: 1464px) {
  body{
    background: url('/assets/images/reference/bg1920.png') 0 0 no-repeat;
    background-size:100% 100%;
  }
  .downloadTopWrap{
    padding:50px 20px 30px 20px;
  }
  .systemTable .table-rounded thead th:nth-child(2){
    width:480px;
  }
  .blackBgWrap{
    background: url('/assets/images/reference/bottom-banner-bg1920.png') 0 0 no-repeat;
    background-size: 100% 100%;
    padding: 50px 210px 50px 210px;
  }
  .bottomFiveList .fiveListFlexWrap{
    gap:108px;
    margin-top:60px;
  }
  .fiveListFlexWrap .fiveListItem{
    width:auto;
    margin-top:0px;
  }
}