.content-public-page{
  max-width:1036px;
  margin-left:auto;
  margin-right:auto;
  margin-top:36px;
}
.content-index .main-box{
  padding-left:40px;
  padding-right:40px;
}
.content-public-page .trending{
  margin-top:0;
}
.content-public-page .flex-between-left{
  width:calc( 710 / 1036 * 100% );
}
.content-public-page .flex-between-right{
  width:calc( 299 / 1036 * 100% );
}

.content-public-page .head-top-2-right-left{
  margin-top:20px;
}
.content-public-page .head-top-2-right-left-unit{
  cursor:pointer;
}
@media (max-width:1360px){
  .content-public-page .flex-between-right .da-box-list-4-unit-h-305{
    height: 305px;
  }
}
@media (max-width:1130px){
  .content-public-page .flex-between-right .da-box-list-4-unit-h-305{
    height: calc(305 / 299* 91vw* 299 / 1036);
  }
  .content-index .main-box{
    padding-left:4.5vw;
    padding-right:4.5vw;
  }
}
@media (max-width:767px){
  .content-public-page .flex-between-left,.content-public-page .flex-between-right{
    width:100%;
  }
  .content-index .main-box{
    padding-left:1.87vw;
    padding-right:1.87vw;
  }
  .content-public-page .flex-between-right .da-box-list-4-unit-h-305{
    height: calc(305 / 299 * ( 100vw - 1.87vw - 1.87vw ) );
  }
  .content-public-page{
    margin-top:7vw;
  }
}