html, body, a, div {
    margin: 0;
    padding: 0;
  }
  body {
    background: #000;
    color: #cab497;
    font-size: 12px;
    font-family: microsoft yahei;
    min-width: 1000px;
  }
  body a {
    color: #cab497;
    font-size: 12px;
    text-decoration: none;
  }
  body a:hover {
    filter: brightness(130%);
  }
  div img {
    width: 100%;
    height: 100%;
  }
  .img-animation {
    overflow: hidden;
  }
  .img-animation:hover img {
    transform: scale(1.08);
    transition: all .15s linear;
  }
  .content {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
  }
  .content div {
    box-sizing: border-box;
  }
  .head-box,.box-1,.box-2 {
    width: 100%;
    zoom: 1;
    margin: 0 auto;
  }
  .head-box {
    /* background: url("../images/2024_09_09_02/bg-1.jpg") center top no-repeat; */
    height: 110px;
  }
  .box-1 {
    background: url("../images/bg1.png") center top no-repeat; 
    height: 536px;
  }
  .box-2 {
    background: url("../images/bg2.png") center top no-repeat;
    height: 654px;
  }
  .flex-box {
    display: flex;
  }
  .popular-img {
    width: 164px;
    height: 218px;
    margin-top: 11px;
    margin-left: 3px;
  }
  .popular-box {
  
  width: 320px;
  
  padding-left: 0px;
  
  padding-top: 0px;
  }
  .popular-box .list-box {
  
  }
  .popular-box .list-box .list-item {
  
  display: block;
  
  font-size: 14px;
  
  line-height: 30px;
  
  padding-left: 21px;
  
  width: 100px;
  }
  .popular-box .list-box .list-item:nth-child(1) {
    color: #ff0000;
  }
  .popular-box .list-box .list-item:nth-child(1) .t{
    background-color: #FF0000;
  }
  .popular-box .list-box .list-item:nth-child(2) {
    color: #ffa500;
  }
  .popular-box .list-box .list-item:nth-child(2) .t{
    background-color: #ffa500;
  }
  .popular-box .list-box .list-item:nth-child(3) {
    color: #00dc1a;
  }
  .popular-box .list-box .list-item:nth-child(3) .t{
    background-color: #00dc1a;
  }
  .popular-box .list-box .list-item .t{
    background-color: #a2805d;
  }
  .popular-box .popular-bottom {
  
  margin-top: 12px;
  
  line-height: 25px;
  }
  .top-box {
    padding-bottom: 20px;
    height: 401px;
  }
  .old-box {
  
  padding-left: 14px;
  
  padding-top: 66px;
  }
  .old-box .old-item {
  
  width: 146px;
  margin-bottom: 10px;
  
  margin-right: 20px;
  }
  .old-box .old-item .old-img {width: 146px;height: 194px;margin-bottom: 12px;}
  .old-box .old-item .old-item-btn {margin-top: 12px;}
  .middle-box {margin-top: 14px;padding-left: 10px;}
  .middle-box .middle-item {
  
  width: 246px;
  
  height: 96px;
  
  padding: 12px 0 0 12px;
  }
  .middle-box .middle-item:nth-child(3) {
    padding-left: 11px;
  }
  .middle-box .middle-item:nth-child(4) {
    padding-left: 10px;
  }
  .middle-box .middle-item .middle-img {
  
  width: 151px;
  
  height: 74px;
  
  margin-right: 12px;
  }
  .middle-box .middle-item .middle-content {
  
  font-size: 14px;
  
  padding-top: 10px;
  
  width: 71px;
  }
  .middle-box .middle-gw {
  
  width: 36px;
  
  margin-top: 10px;
  }
  .bottom-box {
    padding-top: 52px;
  }
  .kf-box {
      width: 320px;
      padding: 0 18px;
  }
  .kf-box .kf-title {
    font-size: 16px;
    line-height: 52px;
  
  }
  .kf-box .kf-title .kf-title-num {
    font-size: 14px;
    background-color: #ffa500;
    text-align: center;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
  }
  .kf-box .kf-content {
  }
  .kf-box .kf-item {
    height: 57px;
    border-style: solid;
    border-image: url(../images/2024_09_09_02/border-bg.png) 0 0 3 0 stretch;
    transition: height 0.15s linear;
    overflow: hidden;
  }
   .kf-box .kf-item.active {
    height: 153px;
  }
  .kf-box .kf-item .kf-img {width: 126px;height: 86px;margin-right: 20px;}
  .kf-box .kf-item .kf-info {}
  .kf-box .kf-item .kf-info .kf-info-title {font-size: 15px;color: #ff0000;line-height: 1.2;}
  .kf-box .kf-item .kf-info .kf-info-des {line-height: 25px;}
  .kf-box .kf-item .kf-info .kf-info-btn {width: 77px;}
  .classic-box {
    display: flex;
    flex-wrap: wrap;
    width: 680px;
    height: 434px;
    margin-left: 4px;
    margin-top: 4px;
  }
  .classic-box .classic-item {padding-top: 20px;padding-left: 22px;height: 217px;width: 214px;}
  .classic-box .classic-item .classic-img {width: 193px;height: 124px;}
  .classic-box .classic-item-title {font-size: 16px;color: #ffd33e;line-height: 46px;}
  .classic-box .classic-item-title .rate {
    color: #ffa500;
    float: right;
  }
  .classic-box .classic-item-bottom {justify-content: space-between;align-items: center;}
  .classic-box .classic-item-bottom .classic-btn {width: 96px;height: 30px;}