@charset "gb2312";
*{ margin:0px; padding:0px; border:0; }
body { -webkit-text-size-adjust: 100%;}
html,body {width:100%; height:100%; margin:0px; padding:0;  font:16px/1.5 'syst', 'Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  background:url(../images/bg.jpg) center top repeat #e9e1d6; background-attachment:fixed;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; } 
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,p,em,i,b,span { margin:0; padding:0; font-weight:normal; font-style:normal;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color:#46372b; text-decoration:none; }
a:hover{ color:#b12530; text-decoration:none;}
.cl { clear:both;}
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,font { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


@font-face { font-family: 'syst';   src: url('SourceHanSerifTC-Regular.otf');  font-style: normal;}
@font-face { font-family: 'roboto'; src: url('Roboto.ttf') format('truetype');}

.header { width:100%; margin:0 auto; height:690px; overflow:hidden; position:relative; background: url(../images/header.jpg) center top no-repeat;    }

.donghua { width:100%; position:absolute; top:85px;   }
.tit { width:100%; float: left;  text-align: center; -webkit-animation:tit 1.2s ease .5s backwards; animation:tit 1.2s ease .5s backwards;  }
/*@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(.2);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}*/
.tit img { max-width: 1070px;}

.mobtit { display: none; }

.sub {  width:100%; float: left; margin-top: 35px; text-align: center; -webkit-animation:sub .6s ease 1.3s backwards; animation:sub .6s ease 1.3s backwards;  font-size:24px; line-height:1.4em; color: #482629; }
/*@keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}
@-webkit-keyframes sub
{
0%   {opacity:0; -webkit-transform:translateY(100px); }
100% { opacity:1;}
}*/
.sub img { max-width: 100%;}
.sub strong {  font-family:'syst2'; margin-left: 11px; }


/*摘要*/
.dy { width:100%; float: left;   background: url(../images/bg2.jpg) center center repeat;   padding:35px 0 17px 0;   }
.dy p { width: 100%;  float: left; margin-bottom:20px;  font-size:  18px; color: #500b0f;  line-height: 1.8em;  text-indent: 2em;   } 





.warp { width: 1200px; margin: 0 auto; overflow: hidden; }
.warp2 { width: 1200px; margin: 0 auto; overflow: hidden; }
.warp3 { width: 1200px; margin: 0 auto; overflow: hidden; }

/*焦点图*/
.focus { width:55%; float: left; margin-top: 70px;}
.focus .swiper-container { width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:1; height:394px; }
.focus .swiper-wrapper { position: relative; width:100%;  height:100%;  z-index:1; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.focus .swiper-slide { width:100%; height:100%; position:relative; -webkit-flex-shrink:0; -ms-flex-negative:0; flex-shrink:0; }
.focus .swiper-slide li { width:100%; height:100%;  position: absolute; overflow:hidden; background-repeat:no-repeat; background-position:center center;  background-size: cover; }
.focus .swiper-slide li img { width:100%; height:100%; }
.focus .swiper-slide li span { width: 100%;  position:absolute; bottom:0; float:left; padding:20px 4% 50px 4%; font-size:24px; line-height:1.4em; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); background:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));position:absolute;  text-align:center;  font-family:'Microsoft YaHei'; }

.focus .swiper-pagination { position:absolute; text-align:center;  z-index:10; bottom:0; padding:18px;  left:0; width:100%; }
.focus .swiper-pagination-bullet { width:12px; height:12px; display:inline-block; border-radius:100%; opacity:1;  border:2px solid #fff; border-radius:50px; cursor:pointer; margin:0 5px;  border:2px solid #fff;  transition:all ease-out .5s 0s; background:none; }
.focus .swiper-pagination-bullet-active{  width: 32px;  background:#b12530; border:2px solid #b12530;}

.focus .swiper-button-prev,.focus .swiper-button-next { width:46px; height:46px; top:50%; margin-top:-30px; cursor:pointer; position:absolute; z-index:99; text-align:center; line-height:46px; color:#fff;  text-shadow:2px 2px 5px rgba(0,0,0,.5);  }
.focus .swiper-button-prev::after,.focus .swiper-button-next::after {font-size:30px; font-weight: 600; /* 增大箭头图标 */ }
.focus .swiper-button-next,.focus .swiper-button-next { right:5px; }
.focus .swiper-button-prev { left:5px; }

/*新闻资讯*/
.news { width:42%; float:right; margin-top: 56px; }
.news ul li { width:100%; float: left;  padding:10px 0 10px 0;  border-bottom: 1px dashed rgba(80,11,15,.1); }
.news ul li span { width:100%; float: left; color: #333; font-size: 18px; line-height:1.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news ul li span b { padding-right:8px; display: inline-block; font-size: 18px; font-weight: 600; font-family:'Microsoft YaHei';   }
.news ul li:nth-child(1) { margin-bottom:10px;  border-bottom: 2px solid #b12530; font-family:'Microsoft YaHei';  }
.news ul li:nth-child(1) span { font-size:22px; line-height:1.5em; font-weight: 600; color: #b12530; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.news ul li:nth-child(1) span b {display: none; }
.news ul li:nth-child(1) a { color: #b12530; }
.news ul li a span { color: #333; }
.news ul li:hover a span { color: #b12530; }


.lm { width:100%; float: left;  padding:50px 0; text-align: center;  }




/*梅城梅地 十二域联动*/
.mapcon { width:100%;  overflow: hidden; position: relative;  }
.map { width: 100%; float: left; background: url("../images/map.png") top right  no-repeat ; background-size:auto 100%; height:850px;  overflow: hidden;  }
.mapclick { width: 100%; height: 100%; position: absolute;}
.dtpic { display: none;}

.clickdot { width:36px; display: block; overflow: hidden; cursor: pointer; position: absolute; }
.clickdot small { width:36px; height: 36px; display: block; background: url("../images/yangmei.png") center center no-repeat ; background-size:cover; }
.clickdot_act small { background: url("../images/yangmei_write.png") center center no-repeat ; background-size:cover;  }

.clickdot_lc { top: 29.3%; right: 30.5%; }
.clickdot_yj { top: 13%; right: 23.5%; }
.clickdot_yq { top: 19.5%; right: 9.2%; }
.clickdot_oh { top: 39%; right: 27%; }
.clickdot_lw { top: 43%; right: 17%; }
.clickdot_dt { top: 41%; right: 7.5%; }
.clickdot_ra { top: 47.5%; right: 33.2%; }
.clickdot_wc { top: 49.3%; right: 51.4%; }
.clickdot_ts { top: 69.1%; right: 58.2%; }
.clickdot_py { top: 60.6%; right: 39.1%; }
.clickdot_lg { top: 66.1%; right: 28%; }
.clickdot_cn { top: 75.3%; right: 33.2%; }


.showup { width: 40%; position: absolute; top:0px; left:0;  z-index: 8;  }
.showup li { display: none; float: left; }
.showup li:first-child { display: list-item; } /*控制模认显示*/
.showup h2 { background:linear-gradient(120deg, #6d1a25, #a62935); padding:7px 12px; position: absolute; top:0px; left:0; font-size: 18px; line-height: 1.5em; color:#fff; }
.showup h3 { width: 100%; float: left; }
.showup h3 img { width: 100%; max-height:290px;}
.showup h4 { width: 100%; float: left; background: url(../images/bg34.jpg) center center repeat #fff;  padding:12px 30px 30px 30px; }
.showup h4 p { width: 100%; float: left; font-size: 18px; line-height: 1.5em; color:#333; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 2; overflow:hidden; padding:14px 0 0 0; }
.showup h4 p b { padding-right:8px; display: inline-block; font-size: 18px; font-weight: 600; font-family:'Microsoft YaHei'; color:#333; }
.showup h4 p a { color:#333; }
.showup h4 p:hover a { color:#b12530; }
.showup h4 p:hover b { color:#b12530;  }

.closeshow { background: url("../images/close.png") no-repeat center center; background-size: cover; opacity: .7; position: absolute; right: 0px; top: 0px; width: 35px; height: 35px; transition: all 0.3s ease;}
.closeshow:hover { opacity: 1; cursor: pointer;}



/*梅鲜梅真 全链路通关*/
.game { width: 100%; float: left; position: relative; margin-bottom: 10px; }
.game ul li { width: 230px; height: 240px; display: inline-block; background: rgba(0,0,0,0);  position: absolute; }
.game ul li a { width: 100%; height:100%; display:inline-block;  cursor: pointer;}
.game ul li.link01 { top: 0%; left: 11%; }
.game ul li.link02 { top: 0%; left: 33.5%; }
.game ul li.link03 { top: 0%; left: 55%; }
.game ul li.link04 { top: 0%; left: 78%; }
.game ul li.link05 { top: 54%; left: 11.5%; }
.game ul li.link06 { top: 54%; left: 33.5%; }
.game ul li.link07 { top: 54%; left: 56%; }
.game ul li.link08 { top: 54%; left: 77%; }

.game_mob { display: none; }




/*梅趣梅料 小知识合集*/
.grid { max-width:1200px; list-style:none; margin:0 auto; padding:0}
.grid li { display:block; float:left; padding:20px; width:calc(25% - 4px); opacity:0; background:rgba(255,255,255,.7); border-radius:5px; margin: 2px;}
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}
.grid li h3 {  width: 100%; float: left; margin-bottom:16px;border-radius:5px; overflow: hidden; }
.grid li h3 img { width:100%; height:auto; }
.grid li h4 { width: 100%; float: left; font-size:18px; color:#333;  line-height: 1.5em; margin:0 0 12px 0; }
.grid li h4 a { color:#333; }
.grid li h4 a:hover { color:#b12530; }
.grid li h5 { width: 100%; float: left;   display: flex; align-items:flex-end; justify-content: space-between; /*font-family: 'roboto';*/ }
.grid li h5 font { float: left; font-size:15px; color:#999; line-height:1.5em; } 
.grid li h5 span { float: right; font-size:15px; color:#999; line-height:1.5em; } 
.grid li h5 span b { width: 14px; height: 14px; float: left; background: url("../images/zan.png") center center no-repeat; background-size: cover;  opacity: .3; margin-top:5px; margin-right: 4px;  } 

.grid.effect-1 li.animate { -webkit-animation:fadeIn .65s ease forwards; animation:fadeIn .65s ease forwards; }
@-webkit-keyframes fadeIn { 0%{}100%{opacity:1;} }
@keyframes fadeIn { 0%{}100%{opacity:1;} }

.grid.effect-2 li.animate { -webkit-transform:translateY(200px); transform:translateY(200px); -webkit-animation:moveUp .65s ease forwards; animation:moveUp .65s ease forwards; }
@-webkit-keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0);opacity:1;} }
@keyframes moveUp { 0%{}100%{-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} }

.grid.effect-3 li.animate { -webkit-transform:scale(.6); transform:scale(.6); -webkit-animation:scaleUp .65s ease-in-out forwards; animation:scaleUp .65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes scaleUp { 0%{}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }

.grid.effect-4 { -webkit-perspective:1200px; perspective:1200px;}
.grid.effect-4 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg); transform:translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation:fallPerspective .8s ease-in-out forwards; animation:fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }
@keyframes fallPerspective { 0%{}100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity:1;} }

.grid.effect-5 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-5 li.animate { -webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards}
@-webkit-keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);opacity:1}}
@keyframes fly{0%{}100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}

.grid.effect-6 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-6 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:rotateX(-80deg); transform:rotateX(-80deg); -webkit-animation:flip .8s ease-in-out forwards; animation:flip .8s ease-in-out forwards}
@-webkit-keyframes flip { 0%{}100%{ -webkit-transform:rotateX(0deg); opacity:1;} }
@keyframes flip { 0%{}100%{-webkit-transform:rotateX(0deg); transform:rotateX(0deg); opacity:1;} }

.grid.effect-7 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-7 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-animation:helix .8s ease-in-out forwards; animation:helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); opacity:1;} }
@keyframes helix { 0%{}100%{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); opacity:1;} }

.grid.effect-8 { -webkit-perspective:1200px; perspective:1200px; }
.grid.effect-8 li.animate { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform:scale(.4); transform:scale(.4); -webkit-animation:popUp .8s ease-in forwards; animation:popUp .8s ease-in forwards}
@-webkit-keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out}100%{-webkit-transform:scale(1); opacity:1;} }
@keyframes popUp { 0%{}70%{ -webkit-transform:scale(1.1); transform:scale(1.1); opacity:.8; -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}100%{-webkit-transform:scale(1); transform:scale(1); opacity:1;} }







/* 轮播容器核心样式 */
.video { padding: 10px 0;  position: relative; }
.video .container { width: 100%;  margin: 0 auto; padding: 0 0px; /* PC端增加左右内边距，避免箭头超出视口 */}
.video .video-replay-swiper {  position: relative; height: auto;  padding:0 10px 70px 10px; /* 增加上下内边距，提升3D效果空间 */ }


/* 轮播卡片样式 */
.video-card { width: 100%; height: 100%;  border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); background-color: #fff; display: flex; flex-direction: column; transition: transform 0.3s ease;}
.video-card span { width: 100%; height: 600px;  object-fit: cover;  display: block;  background:linear-gradient(120deg, #6d1a25, #a62935); padding:20px;}
.video-card span img { width: 100%; height: 100%;  }
.video-card p { padding: 15px 5%; font-size: 18px; color: #333; line-height: 1.5em; text-align: center;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.video-card:hover { transform: translateY(-5px);  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);}
.video-card:hover p { color: #b12530; }


/* 轮播箭头样式 */
.video-nav-btn { width: 48px;  height: 48px; background-color: rgba(255, 255, 255, 0.9); color: #333;  border-radius: 50%; top: 50%; z-index: 10; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  
 transform: translateY(-50%); transition: all 0.3s ease; }
.video-nav-btn:hover { background-color: #b12530; color: #fff; }
.video-nav-btn::after { font-size: 20px; /* 增大箭头图标 */font-weight: 700; }
.swiper-button-prev.video-nav-btn { left: 0;  }
.swiper-button-next.video-nav-btn { right: 0; }


.footer { width: 100%; float: left; background:linear-gradient(120deg, #6d1a25, #a62935); padding:15px 0;  font-size: 16px; line-height: 1.5em; color:rgba(255,255,255,.9); text-align: center; }
.footer span { padding:0 10px; }


/* 移动端适配 */
@media (max-width: 820px) {
html,body { font:16px/1.5 'Microsoft YaHei', arial, \5FAE\8F6F\96C5\9ED1,  'Hiragino Sans GB', sans-serif;  }
	
.header { width:100%; margin:0 auto; height:58vw; overflow:hidden; position:relative; background: url(../images/mobheader.jpg) center top no-repeat; background-size: cover; }

.donghua { width:100%; position:absolute; top:8vw;   }
.tit { width:100%; float: left;  text-align: center; }
.tit img { max-width: 78%;}

.sub { margin-top: 5vw; font-size:4vw; line-height:1.4em;  }
.sub img {  max-width: 30%; }


.yangmei { width: 100%; position:absolute; left:0; bottom:0; }
.yangmei img { width: 100%;}	
	
	

/*摘要*/
.dy { padding:4vw 0 1vw 0;  }
.dy p {  margin-bottom:3vw;  font-size:3.75vw; line-height: 1.8em; text-align: justify;  } 

.warp { width: 100%; margin: 0 auto; overflow: hidden; padding:0 5%; }	
.warp2 { width: 100%; margin: 0 auto; overflow: hidden; padding:0 2%; }	
.warp3 { width: 100%; margin: 0 auto; overflow: hidden; padding:0 3%; }	
	
/*焦点图*/
.focus { width:100%; margin-top: 5%;}
.focus .swiper-container {  height:60vw; }
.focus .swiper-slide li span { width: 100%;  position:absolute; bottom:0; float:left; padding:4vw 5% 9vw 5%; font-size:4vw; line-height:1.3em;}
.focus .swiper-pagination { padding:2.5vw; }
.focus .swiper-button-prev,.focus .swiper-button-next { width:10vw; height:10vw; margin-top:-7vw; line-height:10vw;  }
.focus .swiper-button-prev::after,.focus .swiper-button-next::after { font-size:6vw;/* 增大箭头图标 */ }


/*新闻资讯*/
.news { width:100%; float:left; margin-top: 2vw; }
.news ul li { padding:2vw 0; }
.news ul li span { font-size: 3.75vw; line-height:1.5em;  -webkit-line-clamp:3; }
.news ul li span b { font-size: 3.5vw;   }
.news ul li:nth-child(1) { margin-bottom:10px;  border-bottom: 2px solid rgba(165,44,55,1);  }
.news ul li:nth-child(1) span { font-size:4.5vw; line-height:1.5em;  -webkit-line-clamp:3;  }
.news ul li:nth-child(1) a { color: #a52c37; }
.news ul li a span { color: #333; }
.news ul li:hover a span { color: #333; }
.news ul li:hover:nth-child(1) a span { color: #a52c37; }

	
	


.lm { padding:5% 0;  }
.lm img { width:75%; }	
	
	

/*梅城梅地 十二域联动*/
.mapcon { width:100%;  overflow: hidden; position: relative;  }
.map { width: 100%; float: left; background:none; background-size:contain;  overflow: hidden; height:198vw; }
.mapclick { width: 100%; height:95vw; display: block; position: absolute;}
	
.map { width: 100%; float: left; background: url("../images/map.png") top right  no-repeat ; background-size:contain; display: inline-block;  overflow: hidden;  }

.dtpic { width: 100%; float: left; display: block;}
.dtpic img {  width: 100%; }
		
.clickdot { width:4vw; }
.clickdot small { width:4vw; height: 4vw; }
.clickdot_lc { top: 27.8%; right: 43.5%; }
.clickdot_yj { top: 12%; right: 33%; }
.clickdot_yq { top: 18.2%; right:13%; }
.clickdot_oh { top: 37%; right: 38%; }
.clickdot_lw { top: 40.5%; right: 24%; }
.clickdot_dt { top: 39.2%; right: 10.5%; }
.clickdot_ra { top: 45.2%; right: 47.3%; }
.clickdot_wc { top: 47.2%; right: 73%; }
.clickdot_ts { top: 66%; right: 82.8%; }
.clickdot_py { top: 58%; right: 56%; }
.clickdot_lg { top: 63.5%; right: 39.5%; }
.clickdot_cn { top: 72%; right: 47.2%; }


.showup { width: 100%;top:95vw;  }
.showup h2 {padding:1.5vw 3vw; font-size: 3.75vw; line-height: 1.4em;}
.showup h3 { width: 100%; float: left; }
.showup h3 img { width: 100%; max-height:55vw; height:55vw;}
.showup h4 { padding:2vw 5vw 5vw 5vw; }
.showup h4 p {font-size: 3.75vw; line-height: 1.5em;  -webkit-line-clamp: 1;  padding:2.5vw 0 0 0; }
.showup h4 p b { padding-right:8px;  font-size: 4vw; }
.showup h4 p:hover a { color:#333; }

.closeshow { width: 7vw; height: 7vw;}


	

/*梅鲜梅真 全链路通关*/
.game_mob { width: 100%; float: left; position: relative; display: block; margin-bottom: 1vw; }
.game_mob img { width: 100%; }
.game_mob ul li { width: 33vw; height: 37vw; display: inline-block; background: rgba(0,0,0,.0);  position: absolute; }
.game_mob ul li a { width: 100%; height:100%; display:inline-block;  cursor: pointer;}
.game_mob ul li.link01 { top: 10vw; left: 7%; }
.game_mob ul li.link02 { top: 10vw; left: 52%; }
.game_mob ul li.link03 { top: 51vw; left: 7%; }
.game_mob ul li.link04 { top: 51vw; left: 52%; }
	
.game_mob ul li.link05 { top: 91vw; left: 7%; }
.game_mob ul li.link06 { top: 91vw; left: 52%; }
.game_mob ul li.link07 { top: 132vw; left: 7%; }
.game_mob ul li.link08 { top: 132vw; left: 52%; }
	

.game { display: none; }	
	
	
		
	
/*梅趣梅料小知识合集*/
.grid { max-width:100%; list-style:none; margin:0 auto; padding:0}
.grid li { display:block; float:left; padding:4vw; width:calc(50% - 6px); opacity:0; background:rgba(255,255,255,.7); border-radius:5px; margin: 3px;   }
.grid li.shown,.no-js .grid li,.no-cssanimations .grid li { opacity:1;}
.grid li h3 {  width: 100%; float: left; margin-bottom:2.5vw;border-radius:5px; overflow: hidden; }

.grid li h4 {  font-size:3.75vw; line-height: 1.5em; margin:0 0 2.5vw 0; text-align: justify; }
.grid li h4 a:hover { color:#333; }
.grid li h5 font { font-size:3vw;  line-height:1.5em;} 
.grid li h5 span {  font-size:3vw; ine-height:1.5em; } 
.grid li h5 span b { width: 3vw; height: 3vw;  margin-top:4px; margin-right: 4px; } 		
	
	
	
/* 轮播容器核心样式 */
.video { padding: 0 0; overflow: hidden; }
.video .container { padding:0;  /* PC端增加左右内边距，避免箭头超出视口 */}
.video .video-replay-swiper {  padding:0 0 7vw 0;  /* 增加上下内边距，提升3D效果空间 */ }

/* 轮播卡片样式 */
.video-card { border-radius: 5px;}
.video-card span { height: 50vw; padding:1.5vw;}
.video-card p { padding:2.5vw 2.5vw; font-size: 3.5vw; line-height: 1.5em;  -webkit-line-clamp: 5;}
.video-card:hover { transform: translateY(0px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.video-card:hover p { color: #333; }

/* 轮播箭头样式 */
.video-nav-btn {width:10vw; height:10vw; color: #333;  }
.video-nav-btn:hover { background-color: #883221; color: #fff; }
.video-nav-btn::after { font-size: 4.5vw;  }
.swiper-button-prev.video-nav-btn { left: 0;  }
.swiper-button-next.video-nav-btn { right: 0; }

	


	
	
	
	
.footer { padding:2.5vw 0;  font-size: 3.25vw; line-height: 1.5em;  }
.footer span { padding:0 1.5vw; }

	
}