@charset "utf-8";
/* 字号 */
.content .event_content .event_title h3,
.content .event_content .event_dolar h2,
.product_container .event_title h3,
.product_container .event_dolar h2,
.product_content h1,
.product_container .buy_button{
	font-size: 24px;
}
.content .event_content .event_desc_content p,
.content .event_content .event_dolar .red-btn,
.content .event_content .desc_gg,
.product_Right .desc_gg,
.event_dolar em,
.product_container .event_desc_content p{
	font-size: 16px;	
}

/* 按钮 */
.red-btn {
	display: inline-block;
    /*background-color: #ed2633;*/
    color: #ed2633;
    padding: 2px 0px;
    border-radius: 4px;
    font-size: clamp(12px, 14px, 16px);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}


.content {
    padding: 4vw 5vw;
}
.content .slide3_box {
  	display: grid;
	grid-gap: 0.5vw;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	align-items: center;
	justify-content: space-between;
	padding-bottom: 2.604vw;
}
.content .slide3_li {
  margin: 0.5vw;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.5vw;
  cursor: pointer;
}
.content .slide3_li:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(237, 38, 51, 0.25);
    cursor: pointer;
}


.content .single_event_box{
	position: relative;
	display: flex;
	padding: 20px;
	align-items: center;
}
.content .event_thumb{
	width: 20vw;
	overflow: hidden;
	border-radius: 6px;
}
.content .event_thumb img{
	width: 100%;
}
.content .event_content {
	width: 30vw;
    padding-left: 1.5vw;
}
.content .event_content .event_title h3{
	line-height: 1.6;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
.content .event_content .event_desc_content p{
	color: #707070;
	line-height: 1.6;
	max-width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.flex_center {
	display: flex;
    align-items: flex-start;
    margin: 1vw 0;
}
.desc_gg{
    font-weight: bold;
    color: #333333;
	width: 40%;
}
.desc_gg:last-child{
	width: 70%;
}
.unit {
    color: #707070;
    font-weight: normal;
    word-break: break-all;
}
.event_dolar em{
    color: #333333;
	display: block;
}
.content .event_content .event_dolar h2{
	font-weight: bold;
	color: #F2221D;
}
.content .event_content .event_dolar .red-btn{
	position: absolute;
    right: 20px;
    bottom: 8%;	
}

.swiper_nav{
	width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 2vw;
}
.swiper_prve,.swiper_next{
	margin: 1vw;
}
.swiper_prve i img,.swiper_next i img{
	width: 5vw;
	height: 5vw;
}


/*分页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination li {
    display: inline;
}
.pagination li:first-child a,
.pagination li:first-child span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination .disabled span, 
.pagination .disabled span:hover, 
.pagination .disabled span:focus, 
.pagination .disabled a, 
.pagination .disabled a:hover, 
.pagination .disabled a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination li a,
.pagination li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination li a {
  color: #333 !important;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
  background-color: #F2221DFF !important;
  border-color: #F2221DFF !important;
  color: #fff !important;
}
.categoryactive {
  font-weight: bold;
  color: #F2221D;
  border-bottom: 4px solid #F2221D !important;
}

/*detail*/
.detail_content {
	margin: 1vw 5vw;
}
.product_view{
	display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.product_Left{
	width: 40vw;
    margin: 1vw 4vw;
    margin-left: 0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    --swiper-pagination-color: #F2221D;
}
.product_Left img{
	width: 100%;
}
.product_Right{
	width: 60vw;
	margin-right: 4vw;
}


.product_container .detail_nav {
	margin: 1vw 4vw;
	height: 1vw;
	line-height: 1vw;
}
.product_container .slide_title {
	color: #333333;
}
.product_container .single_event_box{
	display: flex;
    align-items: center;
    background-color: #f5f5f5;
    padding: 1vw;
	margin-top: 1vw
}
.product_container .event_thumb{
	width: 20vw;
}
.product_container .event_thumb img{
	width: 100%;
}


.product_container .detail_content .event_title h3{
    font-weight: bold;
	color: #333333;
	margin-bottom: 0.5vw;
	font-size: 36px;
}
.product_container .event_desc_content p{
	line-height: 1.6;
    color: #707070;
    max-width: 100%;
	/*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}
.desc_gg{
	line-height: 1.6;
	font-weight: bold;
	color: #333333;
	width: 40%;
}
.desc_gg:last-child{
	width: 70%;
}
.unit {
    color: #707070;
    font-weight: normal;
    word-break: break-all;
}
.event_dolar em{
	line-height: 1.6;
	color: #333333;
	display: block;
}
.product_container .event_dolar h2{
    font-weight: bold;
	color: #F2221D;
}

.product_container .golf_button{
	margin: 1.2vw 0 0;
}
.product_container .buy_button {
	cursor: pointer;
	border-radius: 0.5vw;
    color: #fff;
	background: #F2221D;
    border: 1px solid #F2221D;
    padding: 0.5vw 1.5vw;
    display: inline-block;
}
.product_content h1{
	font-weight: bold;
    margin: 1vw 0;
	border-bottom: 2px solid #ddd;
	padding-bottom: 1vw;
}
.product_detail {
	overflow: hidden;
	width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.product_detail img{
	/*width: 55vw;*/
	max-width: 100%;
}
.product_detail img:first-child{
	border-radius: 6px 6px 0 0;
}
.product_detail img:last-child{
	border-radius: 0 0 6px 6px;
}
.product_detail img:hover{
	transform: scale(1)!important;
}


/*弹层*/
.Masklayer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
}
.Masklayer .Masklayer_box {
	width: 23vw;
	height: 25vw;
	border-radius: 1vw;
	background-color: #fff;
}
.Masklayer .Masklayer_box img {
	width: 16vw;
	height: 16vw;
}
.Masklayer .Masklayer_box .Masklayer_title {
	font-size: 1.5vw;
}
.Masklayer .Masklayer_box .Masklayer_text {
	font-size: 1.2vw;
}

@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
    /* 向下移动20px */
  }
}
@keyframes zoomInOut {
  0% {
    transform: scale(1);
    /* 初始大小 */
  }
  50% {
    transform: scale(1.05);
    /* 放大到1.2倍 */
  }
  100% {
    transform: scale(1);
    /* 缩回原始大小 */
  }
}
.swiper_animation {
  animation: zoomInOut 2s ease-in-out;
  /* 动画持续1.5秒 */
  transform-origin: center;
  /* 从中心缩放 */
}
.animation_icon {
  animation: bounce 1.5s infinite;
}
/*.pox-5 {
  transform: translate3d(0px, -395px, 0px) !important;
}*/



/* 1800px - 1920px 大屏适配 */
@media (min-width: 1800px) and (max-width: 1920px) {
	.content .event_content .event_title h3,
	.content .event_content .event_dolar h2,
	.product_container .event_title h3,
	.product_container .event_dolar h2,
	.product_content h1,
	.product_container .buy_button{
		font-size: 26px;
	}
	.content .event_content .event_desc_content p,
	.content .event_content .event_dolar .red-btn,
	.content .event_content .desc_gg,
	.product_Right .desc_gg,
	.event_dolar em,
	.product_container .event_desc_content p{
		font-size: 18px;	
	}
	.content .event_content .event_title h3 {
		margin-bottom:10px;
	}
}

/* 大于 1920px 超大屏适配 */
@media (min-width: 1921px) {
	.content .event_content .event_title h3,
	.content .event_content .event_dolar h2,
	.product_container .event_title h3,
	.product_container .event_dolar h2,
	.product_content h1,
	.product_container .buy_button{
		font-size: 28px;
	}
	.content .event_content .event_desc_content p,
	.content .event_content .event_dolar .red-btn,
	.content .event_content .desc_gg,
	.product_Right .desc_gg,
	.event_dolar em,
	.product_container .event_desc_content p{
		font-size: 20px;	
	}	
	.content .event_content .event_title h3 {
		margin-bottom:10px;
	}
	
}


/* 移动端 */
@media screen and (max-width: 960px) {
	/*list*/
	.content {
		padding: 0.8rem 0.2rem 0.2rem;
	}
	.content .slide3_box {
		display: grid;
		grid-gap: 0.2rem;
		grid-template-columns: repeat(1, 1fr);
		padding-bottom: 0.2rem;
	}
	.red-btn {
		position: absolute!important;
		right: 20px!important;
		bottom: 8px!important;
	}
	.content .event_thumb {
		width: 3.5rem;
	}
	.content .event_content {
		width: 7rem;
		padding: 0rem 0.3rem;
		padding-right: 0;
	}
	.content .event_content .event_title h3 {
		font-size: 0.5rem!important;
		line-height: 1.2;
	}
	.content .event_content .event_desc_content p {
    	font-size: 0.4rem!important;
		line-height: 0.6rem;
		margin-top: 0.2rem;
 	}
	.content .event_content .event_dolar h2{
		font-size: 0.6rem;
		line-height: 0.6rem;
	}
	/*detail*/
	.product_container .detail_nav{
		font-size: 0.45rem;
        height: auto;
        line-height: initial;
        display: none;
	}
	.detail_content {
		margin: 0;
	}
	.flex_center {
		margin: 0.3rem 0;
	}
	.product_view {
		display: flex;
		flex-direction: column;
	}
	.product_content h1{
		font-size: 0.65rem;
		padding: 0.3rem 0.5rem;
        margin: 0;
        border: 0;
	}
	.product_Left,.product_Right{
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.product_Right{
		margin: 0.3rem auto;
        width: 90%;
	}
	.content .single_event_box{
		padding: 15px 15px 30px;
		align-items: flex-start;
	}
	.product_container .detail_content .event_title h3 {
        font-size: 0.65rem;
        margin-bottom: 0.2rem;
	}
	.product_container .event_desc_content p {
    	font-size: 0.45rem;
		-webkit-line-clamp: 10;
	}
	.desc_gg {
    	font-size: 0.4rem!important;
		line-height: 0.5rem!important;
        width: 50%;
 	}
	.unit {
    	font-size: 0.45rem;
    	color: #707070;
    	font-weight: normal;
    	word-break: break-all;
		margin-top: 0.15rem;
 	}
	.product_container .event_dolar h2 {
		font-size: 0.5rem;
	}
	.event_dolar em{
    	font-size: 0.45rem;
 	}
	.product_container .buy_button {
		font-size: 0.55rem;
        padding: 0.35rem 1.5rem;
        margin: 0.45rem 0;
        border-radius: 0.2rem;
        width: 100%;
        text-align: center;
	}
	/* 弹层 */
	.Masklayer .Masklayer_box .Masklayer_title,
	.Masklayer .Masklayer_box .Masklayer_text{
		font-size: 0.45rem;
	}
	.Masklayer .Masklayer_box {
    	width: auto;
		height: auto;		
		padding: 0.5rem 0;
        margin: 1rem;
        border-radius: 0.2rem;
	}
	.Masklayer .Masklayer_box img{
		width: 70%;
		height: auto;
	}
}


/*暂无数据*/
.tabs_content .nodata {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tabs_content .nodata img {
  width: 20.833vw;
  height: auto;
  transform: scale(1) !important;
}
.tabs_content .nodata div {
  font-size: 1.25vw;
}