.tc_1{width:100%; position: fixed; z-index: 99999; left:0px; right:0px; top:0px; bottom:0px; background: rgb(0, 0,0,0.3);}
.tc_2{width:400px; height:400px; margin: auto; margin-top: calc(50vh - 200px); background: #fff; position: relative;}
.tc_3{width:400px; height:400px; margin: 100px auto; display:block;}
.tc_4{z-index: 999; font-size: 46px; color: rgb(221, 51, 51); background: rgb(0, 209, 178); width:30px; height: 30px; line-height:30px; top:0px; right:-30px}
.tc_5{width: 1170px; height: auto; position: fixed; z-index: 999; left:calc(50% - 585px); bottom: 0px; }
.tc_6{width:50%; height: auto; }
.tc_7{width:100%; position: fixed; z-index: 99999; left:0px; right:0px; bottom:0px; background: rgb(0, 0,0,0.3);}

.list_1{
  width: 1170px;
  height: auto;
  margin: auto;
  margin-bottom: 10px;
}

.list_2{
  width: 1170px;
  height: auto;
  margin: auto;
  margin-bottom: 10px;
}
.list_2::after{
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.list_3{
  width:850px;
  float: left;
}
.list_4{
  width: 270px;
  float: right;
}
.list_5{
  width: 100%;
  height: 200px;
  float: left;
  margin-top: 10px;
}
.list_6{
  width: 300px;
  height: 200px;
  float:left;
}
.list_6 img{
  width: 100%;
  height: 100%;
}
.list_7{
  width: 530px;
  height: 200px;
  float: right;
}
.list_8{
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fb0d1c;
}
.list_9{
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #747373;
}
.list_10{
  width: 100%;
  height: 125px;
  line-height: 25px;
  font-size: 14px;
  color: #222;
  overflow: hidden;
}

.pages_1{
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  color: #222;
  float: left;
  margin-top: 20px;
}
.pages_2{
  width:350px;
  height: 80px;
  line-height: 80px;
  font-size: 14px;
  font-weight: 600;
  float: left;
}
.pages_3{
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  float: left;
  background-color: #cc780a;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  margin-top: 20px;
}
.list_11{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #fb0d1c;
  border-bottom: #fb0d1c 3px solid;
  padding-left: 10px;
  font-weight: 600;
}
.list_12{
  width:250px;
  height:180px;
  margin: auto;
  margin-top: 10px;  
  position: relative;
}
.list_12 img{
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.list_13{
  width: 80%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  bottom: 10px;
  left: 10%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
}

.list_14{
  width: 100%;
  height: 100px;
  font-size: 24px;
  color: #fb0d1c;
  border-bottom: #f7d6d8 2px solid;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list_15{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #fb0d1c;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list_16{
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #858080;
  float: left;
}

.list_17{
  padding-left: 10px;
  padding-right: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #858080;
  float: left;
}

.list_18{
  width: 100%;
  height: auto;
  padding: 10px;
  background: #fff;
}
.list_19{
  width: 100%;
  height:550px;
  float: left;
}
.list_20{
  width:30%;
  height:250px;
  float: left;
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.list_21{
  width: 100%;
  height: 200px;
}
.list_21 img{
  width: 100%;
  height: 100%;
}
.list_22{
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #fb0d1c;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toptddditle{
  width: 100%;
  height: auto;
  padding-top: 5px;
  padding-bottom:5px;
  background-color: #f3d240;
  font-size: 16px;
  cursor: pointer;
  font-weight: 600;
}


/* ...existing code... */
.favorite-popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
}

.favorite-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
}

.favorite-content {
  text-align: left;
}

.favorite-content img {
  max-width: 200px;
  margin-bottom: 15px;
}

.favorite-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 20px;
  color: #666;
}

/* 屏幕宽度小于 580 */

@media screen and (max-width: 580px) {
  .tc_2 {
    width: 300px;
    height: 300px;
  }
  .tc_3 {
    width: 300px;
    height: 300px;
  }
  .tc_5{width:96%; left:2%; right:2%; bottom: 0px; }
  .tc_6{width:100%}
  .list_1 {
    width: 96%;
    left: 2%;
    right: 2%;
    margin: auto;
  }
  .list_2{
    width: 90%;
    margin: auto;
  }
  .list_3 {
    width: 100%;
    float: none;
  }
  .list_5 {
    height:420px;
    background: #f7f7f7;
    margin-top: 20px;
  }
  .list_6 {
    width: 100%;
  }
  .list_6 img{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 10px;
  }
  .list_7 {
    width: 100%;
  }
  .list_8{
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .list_9{
    padding-left: 10px;
    padding-right: 10px;
  }
  .list_10{
    padding-left: 10px;
    padding-right: 10px;
  }
  .list_4{display: none;}
  .pages_2{display: none;}
  .pages_1{width: 260px; margin-left: calc(50% - 130px);}
  .list_20{width: 47%; height: 160px;}
  .list_21{height: 120px;}
  .list_22{font-size: 13px; height: 30px; line-height: 30px;}
}