@charset "UTF-8";

#page {padding-bottom: 250px;}

#page .main_post {margin-top: 60px;display: flex;}

#page .main_video{position:relative; width: 788px; aspect-ratio: 788/444; margin-right: 30px; background-color:#000000; border: 1px solid #535353; border-radius: 20px; overflow: hidden;}
#page .main_video:before{content:"";display:block;padding-bottom:56.25%;}
#page .main_video video,
#page .main_video iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;}

#page .main_post .xe-widget-wrapper {width: 520px; height: 446px; border: 1px solid #535353; border-radius: 20px; overflow: hidden; box-sizing: border-box;}
#page .main_post .xe-widget-wrapper > div {width: 100%;height: 100%;}

#page .main_cont {width: 100%;height: 100%;}
#page .main_cont a {position: relative;display: block;width: 100%;height: 100%; text-decoration: none;}
#page .main_cont a::after {content: '';display: block;position: absolute;width: 60px;height: 60px; bottom: 35px; right: 30px; background:url(../img/go_btn.png)no-repeat center/cover;z-index: 1;}
#page .main_cont .text {padding: 30px; box-sizing: border-box}
#page .main_cont .text .category {font-size: 20px;color: #e25d19;}
#page .main_cont .text .title {margin-top: 10px;font-size: 28px;color: #ffffff;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#page .main_cont .text .desc {margin-top: 10px;font-size: 16px;color: #ffffff;}
#page .main_cont .thumbnail {position: absolute;bottom: 0;left: 0;width: 100%; aspect-ratio:600/315; /* aspect-ratio: 522/267; */ background-repeat: no-repeat; background-position: center; background-size:cover;border-top: 1px solid #535353;}
#page .main_cont .thumbnail::after {content: '';display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;pointer-events: none; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%,rgba(27,28,30,0.9) 100%);}

#page .post_recent{margin-bottom:60px;}
#page .post_hot{margin-top:160px;}

@media all and (max-width:1350px){
	#page {padding-bottom: 18.5185vw;}

	#page .main_video{width: 58.3704vw; margin-right: 2.2222vw;}

	#page .main_post .xe-widget-wrapper {width: 38.5185vw; height: 33.0370vw;}

	#page .main_cont a::after {width: 4.4444vw;height: 4.4444vw; bottom: 2.5926vw; right: 2.2222vw;}

	#page .main_cont .text {padding: 2.2222vw;;}
	#page .main_cont .text .title {font-size: 2.0741vw;}
	#page .main_cont .text .category {font-size: 1.4815vw;}
	#page .main_cont .text .desc {font-size: 1.1852vw;}

	#page .post_hot{margin-top:23.7037vw;}

}

@media all and (max-width:750px){
	#page {padding-bottom: 105px;}

	/* #page .main_video{margin:0 -10px;} */
	#page .post_recent{margin-bottom:25px;}
	#page .post_hot{margin-top: 105px;}

	#page .main_post {margin-top: 25px; display: block;}
	#page .main_video{width: 100%; aspect-ratio: 623/348;margin-right: 0;margin-bottom: 25px;}
	
	#page .main_post .xe-widget-wrapper {width: 100%; height: auto; aspect-ratio: 623/348;}

	#page .main_cont a::after {width: 35px;height: 35px; bottom: 15px; right: 15px;}
	/* #page .main_cont .text {padding: 15px;}
	#page .main_cont .text .title {font-size: 14px;}
	#page .main_cont .text .category {font-size: 12px;}
	#page .main_cont .text .desc {font-size: 11px;}
	#page .main_cont .thumbnail {position: static; aspect-ratio: 623/267;} */

	#page .main_cont .text {position: relative;width: 100%;height: auto; background-color: rgba(0, 0, 0, 0.65); padding: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;z-index: 1;}
	#page .main_cont .text .title {font-size: 14px;}
	#page .main_cont .text .category {font-size: 12px;}
	#page .main_cont .text .desc {display: none;}
	#page .main_cont .thumbnail {bottom: auto;top: 0;}

	#page .post_hot{margin-top: 80px;}

}


#page .product_search .xe-widget-wrapper{overflow:visible !important;}