.hylink {margin: 20px 0;text-align: right;display: block;width: 100%;color: var(--v-white);font-size: 18px;}
.hylink:hover {color: var(--v-orange);}
.home_wrap {}
.home_wrap .content {display: flex;justify-content: space-between; padding-bottom:40px; gap: 20px;}
.home_wrap .content .posts_container { width: 852px; max-width:65%; }

.home_wrap .content .posts_container .post_content h2{font-size: 19px; font-weight:400; margin-bottom:18px;}
.home_wrap .content .posts_container .post_content h2 a {text-decoration: none;color: #000;font-size: 20px;}
.home_wrap .content .posts_container .post_content .post_list {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home_wrap .content .posts_container .post_content .post_list article {max-width: 410px;width: 100%;margin-bottom: 18px;}
.home_wrap .content .posts_container .post_content .post_list article .thumbnail {width: 100%;max-height: 100%;height: 210px;margin-bottom: 26px;border-radius: 16px;overflow: hidden;}
.home_wrap .content .posts_container .post_content .post_list article .thumbnail img{height: 100%;width: 100%;}
.home_wrap .content .posts_container .post_content .post_list article h4 {margin-bottom: 10px; font-weight:400; font-size: 18px; line-height:1.5; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit;}
.home_wrap .content .posts_container .post_content .post_list article h4 a{color: var(--v-black);}
.home_wrap .content .posts_container .post_content .post_list article h4 a:hover {color: var(--v-orange);}
.home_wrap .content .posts_container .post_content .post_list article .post_meta {margin-bottom: 10px;}
.home_wrap .content .posts_container .post_content .post_list article .post_meta .post_date {display: inline-block;background: #89919b;color: #fff;padding: 4px 11px 3px 6px;border-radius: 4px;margin-right: 10px;font-size:13px; margin-bottom:5px;}
.home_wrap .content .posts_container .post_content .post_list article .post_meta .post_categories {font-weight: bold;}
.home_wrap .content .posts_container .post_content .post_list article .post_text p{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit; font-size:14px; color:#646464; line-height: 1.85;}

.home_wrap .content .posts_container .post_content .view_all {text-align: right;width: 100%;margin: 0px 0 20px;font-size: 17px;}
.home_wrap .content .posts_container .post_content .view_all a {color: var(--v-orange);text-decoration: none;}

.home_wrap .content .sidebar {width: 420px; max-width: 32%; position: relative;padding-bottom: 60px;}
.home_wrap .content .sidebar .area_background {padding:58px 50px 50px;background: var(--v-black); border-radius: 16px;overflow: hidden;position: sticky;top: 60px;}
.home_wrap .content .sidebar aside {margin-bottom: 28px;}
.home_wrap .content .sidebar aside li.title{margin-bottom: 20px;}
.home_wrap .content .sidebar aside li.title a{color: #9b9fa7;color: var(--v-white); font-size:14px; line-height:1.2; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: inherit;}
.home_wrap .content .sidebar aside li.title a:hover{color: var(--v-orange);}
.home_wrap .content .sidebar aside h5 {color: var(--v-white); font-size:17px; font-weight:500; margin-bottom:27px;}
.home_wrap .content .sidebar aside p {color: #9b9fa7;margin-bottom: 5px;}
.home_wrap .content .sidebar aside p strong {color: var(--v-white);font-weight: bold;}
.home_wrap .content .sidebar aside .focus_us p {color: var(--v-white); font-size: 15px;}
.home_wrap .content .sidebar aside .focus_us h5 {margin-bottom: 20px; font-weight:400;}
.home_wrap .content .sidebar aside .focus_us p {margin-bottom: 31px;}
.home_wrap .content .sidebar aside .focus_us .social_platforms span {display: inline-block;text-align: center; margin-right: 5px;border-radius: 3px;overflow: hidden;}
.home_wrap .content .sidebar aside .focus_us .social_platforms span:hover {/*background: #46484e;*/box-shadow: #bbb 0 2px 8px!important;}
.home_wrap .content .sidebar aside .focus_us .social_platforms span a{ display: flex; padding: 0; margin: 0; line-height: 1;justify-content: center; align-content: center;}
.home_wrap .content .sidebar aside .tags {padding-top: 5px;}
.home_wrap .content .sidebar aside .tags a {display: inline-block;border-radius: 17px;font-size:14px; margin: 0 5px 5px 0; background:var(--v-white); padding:6px 8px !important;color: var(--v-black);}
.home_wrap .content .sidebar aside .tips {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 10px;}
.home_wrap .content .sidebar aside .tips .post_thumb {width: 41px;height: 41px;}
.home_wrap .content .sidebar aside .tips .post_text {color: var(--v-white);}
.home_wrap .content .sidebar aside .tips:hover .post_text {color: #f00;}
@media (max-width:1440px){
  .home_wrap .content .posts_container{max-width: 65%;}
  .home_wrap .content .posts_container .post_content .post_list .post{width: 100%;max-width: 48%;}

  .home_wrap .content .sidebar{max-width: 32%;}
}
@media (max-width:980px){
  .home_wrap .content .posts_container{max-width: 100%;}

  .home_wrap .content .sidebar{display: none;}
}

@media (max-width:768px){
  .home_wrap .content .posts_container .post_content h2 {text-align: center;}
  .home_wrap .content .posts_container .post_content .post_list article{margin: 0 auto 30px;}
  /* .home_wrap .content .posts_container .post_content .post_list article .post_text{display: none;} */
  .home_wrap .content .posts_container .post_content .view_all{max-width: 420px;margin: 0px auto 20px; font-size:14px;}

  .home_wrap .content .posts_container .post_content .post_list article h4{height: auto !important;}
}
@media (max-width:580px){
  .home_wrap .content .posts_container .post_content .post_list .post{max-width: 100%;}
  .home_wrap .content .posts_container .post_content .post_list article{max-width: 100%;}
  .home_wrap .content .posts_container .post_content .post_list article .thumbnail{height: auto;}
}