@charset "utf-8";
/* CSS Document */


/********************************手游列表页********************************/
.ylyYxptBox{ width: 1200px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; padding: 0px  0px 25px 0px; margin-top:30px;}
.ylyYxptBox dl{ width: 1150px; margin: auto; padding-top:10px;}
.ylyYxptBox dl dt{ float: left; width: 70px; height: 18px; line-height: 18px; overflow: hidden; color: #333333; font-weight: bold; margin-top:30px;}
.ylyYxptBox dl dd{ float: left; width: 1080px;} 
.ylyYxptBox dl dd a{ display: block; height: 34px; background: #f6f6f6; border-radius: 100px; line-height: 34px; padding: 0px 15px; float: left; color: #666666; text-decoration: none; margin:20px 0px 0px 20px; transition: all 0.2s;}
.ylyYxptBox dl dd a:hover{ background: #dc191b; color: #ffffff;}  
.ylyYxptBox dl dd a.hover{ background: #dc191b; color: #ffffff;}  
.ylyYxptList{ width: 1200px;}
.ylyYxptList li{ float: left; width: 380px; height: 204px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin: 30px 0px 0px 30px;} 
.ylyYxptList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyYxptList li em a img{ display: block; width: 88px; height: 88px; border-radius: 15px; float: left; margin:30px 0px 0px 20px;}  
.ylyYxptList li dl{ float: left; width: 240px; margin: 30px 0px 0px 20px;}
.ylyYxptList li dl dt a.ylyYxptNei{ display: block; float: left; width: 135px; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold; margin-top:5px;}
.ylyYxptList li dl dt i a{ display: block; float: right; width: 76px; height:32px; line-height: 32px; text-align: center; text-decoration: none; text-align: center; border: 1px solid #dc191b; color: #dc191b; font-weight: bold; font-style: normal; border-radius: 100px; transition: all 0.2s; overflow: hidden;} 
.ylyYxptList li:hover dl dt i a{ background:#dc191b; color: #ffffff;}
.ylyYxptList li dl dd span{ display: block; float: left; width: 120px; height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top:10px; }
.ylyYxptList li p{ width: 345px; margin: 0px 0px 0px 20px; height: 26px; line-height: 26px; overflow: hidden; margin-top:30px;}
.ylyYxptList li p i a{ display: block; float: left; height: 26px; line-height: 26px; padding: 0px 10px; border-radius: 5px; background: #f5f7f8; color: #868c92; font-size: 12px; margin: 0px 10px 0px 0px; font-style: normal; text-decoration: none;}
.ylyYxptList li p i a:hover{ background: #dc191b; color: #ffffff;}
.ylyYxptList li:nth-child(3n+1){ margin-left:0px;}
.ylyYxptList li dl dd span.width{ width: 240px;}





/********************************端游列表页********************************/
.ylyLlmnqList{ width: 1200px;}
.ylyLlmnqList li{ float: left; width: 380px; height: 380px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.0.04);  border-radius: 5px; margin: 30px 0px 0px 30px;} 
.ylyLlmnqList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);} 
.ylyLlmnqList li em a{ display: block; width: 380px; height: 215px; border-radius: 5px 5px 0px 0px; overflow: hidden;}   
.ylyLlmnqList li em a img{ width: 380px; height:215px; transition: transform 0.5s;}
.ylyLlmnqList li em a:hover img{ transform:scale(1.1);}
.ylyLlmnqList li dl{ width: 340px; margin: auto; margin-top:25px;}
.ylyLlmnqList li dl dt a.ylyLlmnqTitle{ display: block; float: left; width: 230px; height: 22px; line-height: 22px; overflow: hidden;  font-size: 18px; margin-top:10px;}
.ylyLlmnqList li dl dt a:hover.ylyLlmnqTitle{ font-weight: bold;}
.ylyLlmnqList li dl dt a.xiazai{ float: right; width: 76px; height: 32px; line-height:32px; border: 1px solid #dc191b; color: #dc191b; text-align: center; text-decoration: none; border-radius: 100px; font-weight: bold; transition: all 0.2s;}  
.ylyLlmnqList li:hover dl dt a.xiazai{ background: #dc191b; color: #ffffff;}
.ylyLlmnqList li dl dd.cont1{ margin-top:20px;}
.ylyLlmnqList li dl dd.cont1 span{ display: block; float: left; width:110px; color: #999999; height: 18px; line-height: 18px; overflow: hidden;}
.ylyLlmnqList li dl dd.cont2{ height:26px ; line-height: 26px; overflow: hidden; margin-top:20px;}
.ylyLlmnqList li dl dd.cont2 i a{ display: block; height: 26px; border-radius: 5px; background: #f5f7f8;  color: #868c92; float: left; font-size: 12px; padding: 0px 10px; margin: 0px 10px 0px 0px; font-style: normal; text-decoration: none;}
.ylyLlmnqList li dl dd.cont2 i a:hover{ background:#dc191b; color: #FFFFFF;}
.ylyLlmnqList li:nth-child(3n+1){ margin-left:0px;}




/********************************攻略列表页********************************/
.ylyLeft{ float: left; width: 870px;}
.ylyHpjyBox{ width: 870px; height: 285px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px;} 
.ylyHpjySwiper{ width: 870px !important; height: 285px !important;  position:relative !important; overflow: hidden;}
.ylyHpjySwiper .swiper-wrapper{ width:870px !important; height: 285px !important; }
.ylyHpjySwiper .swiper-slide{ float: left;}
.ylyHpjySwiper .swiper-slide .slideIn{ width: 870px;}
.ylyHpjySwiper .swiper-slide .slideIn em a{ display: block; width: 460px; height: 285px; float: left; overflow: hidden; border-radius: 5px;}
.ylyHpjySwiper .swiper-slide .slideIn em a img{ width: 460px; height: 285px;  transition: transform 0.5s;} 
.ylyHpjySwiper .swiper-slide .slideIn em a:hover img{ transform:scale(1.1);}
.ylyHpjySwiper .swiper-slide .slideIn dl{ float: left; width: 350px; margin:20px 0px 0px 30px;}
.ylyHpjySwiper .swiper-slide .slideIn dl dt a{ display: block; height: 60px;  line-height: 30px; overflow: hidden; font-size:22px; font-weight: bold;} 
.ylyHpjySwiper .swiper-slide .slideIn dl dd.cont1{ height: 75px; line-height: 25px; overflow: hidden; color: #999999; margin-top:15px;}
.ylyHpjySwiper .swiper-slide .slideIn dl dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:15px;} 
.ylyHpjySwiper .swiper-button-prev{ width: 12px; height: 20px; background: url("../images/2022_bg1.png") no-repeat -80px -210px; position:absolute; left:490px; top:255px; z-index: 999; cursor: pointer;}
.ylyHpjySwiper .swiper-button-next{ width: 12px; height: 20px; background: url("../images/2022_bg1.png") no-repeat -130px -210px; position:absolute; right:30px; top: 255px; z-index: 999; cursor: pointer;}
.ylyHpjySwiper .swiper-button-prev:hover{ background-position:  -105px -210px;}
.ylyHpjySwiper .swiper-button-next:hover{ background-position:  -150px -210px;}
.ylyHpjySwiper .swiper-pagination{ position:absolute;left:230px; top:230px; font-size: 18px; font-weight: bold; color: #333333;}
.ylyHpjySwiper .swiper-pagination span.swiper-pagination-current{ font-size: 24px;}
.ylyNdddBox{width: 870px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 30px;}
.ylyNdddList{ width: 815px; margin: auto;}
.ylyNdddList li{ width: 815px; margin-top:30px; float: left;}
.ylyNdddList li em a{ display: block; width: 260px; height: 160px; border-radius: 5px; overflow: hidden; float: left;}
.ylyNdddList li em a img{ width: 260px; height: 160px; transition: transform 0.5s;}
.ylyNdddList li em a:hover img{transform:scale(1.1);}
.ylyNdddList li dl{ display: block; float: right; width: 525px; margin-top:20px;}
.ylyNdddList li dl dt a{ display:block; height: 22px; line-height: 22px; overflow: hidden; font-size:18px; font-weight: bold;}
.ylyNdddList li dl dd.cont1{ height: 50px; line-height: 25px; overflow: hidden; color: #999999; margin-top:15px;}
.ylyNdddList li dl dd.cont2{ margin-top:30px;}
.ylyNdddList li dl dd.cont2 p{ float:left; height: 16px; line-height: 16px; overflow: hidden; color: #b2b2b2; margin-top:5px;} 
.ylyNdddList li dl dd.cont2 p span{ display: block; float: left; margin-right:20px;}
.ylyNdddList li dl dd.cont2 p span b{ display: block; float: left; width: 15px; height: 15px; background: url("../images/2022_bg1.png") no-repeat; margin: 0px 10px 0px 0px;}
.ylyNdddList li dl dd.cont2 p span b.icon1{ background-position: -170px -210px;} 
.ylyNdddList li dl dd.cont2 p span b.icon2{ background-position: -190px -210px;}
.ylyNdddList li dl dd.cont2 a{ display: block; width: 86px; height: 32px; background: #eeeeee; float: right; border-radius: 100px; line-height: 32px; overflow: hidden; text-align: center; text-decoration: none; color: #999999;}
.ylyNdddList li:hover dl dd.cont2 a{ background: #dc191b; color: #ffffff;}
.ylyRight{ float: right; width: 300px;}
.ylyRmyxtjBox{ width: 300px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom:5px;}
.ylyXbtjTitle b{ display: block; width: 4px; height: 17px; background: linear-gradient(to bottom, rgb(255, 133, 21), rgba(223, 31, 43)); border-radius: 100px; float: left; margin: 4px 10px 0px 0px;}
.ylyXbtjTitle h2{ font-weight:bold; font-size: 18px; color: #333333;}
.ylyXbtjTitle a{ display: block; float: right; width: 68px; height: 21px; border: 1px solid #f0f0f0; text-decoration: none; line-height: 21px; transition: all 0.2s; margin-top:7px;}
.ylyXbtjTitle a h3{ font-size: 12px; color: #999999; float: left; margin-left:5px;}
.ylyXbtjTitle a em{ display: block; float: right; width: 21px; height: 21px; background: #333333; color: #ffffff; text-align: center;} 
.ylyXbtjTitle a:hover em{ background:#dc191b ; color: #ffffff;} 
.ylyXbtjTitle a:hover{ border:1px solid #dc191b; }
.ylyXbtjTitle a:hover h3{ color: #dc191b;}
.ylyXbtjTitle1{ width: 260px; margin: auto; padding-top:15px;}
.ylyXbtjTitle1 b{ margin-top:10px;}
.ylyXbtjTitle1 h2{ float: left; margin-top:5px;}
.ylyRmyxtList{ width: 260px; margin: auto;} 
.ylyRmyxtList li{ width: 260px;}
.ylyRmyxtList li .ylyRmyxtHover1{ width: 260px; border-top: 1px solid #eeeeee;padding-bottom: 15px;}
.ylyRmyxtList li.one .ylyRmyxtHover1{ border-top: none;}
.ylyRmyxtList li.one .ylyRmyxtHover2{ border-top: none;}
.ylyRmyxtList li .ylyRmyxtHover1 span{  display: block; float:left; width: 35px; height: 26px; line-height: 26px; overflow: hidden; font-size: 22px; font-weight: bold; text-align: center; font-style: italic; margin-top:15px;}
.ylyRmyxtList li .ylyRmyxtHover1 span.bg1{ color: #e62021;} 
.ylyRmyxtList li .ylyRmyxtHover1 span.bg2{ color: #f09324;} 
.ylyRmyxtList li .ylyRmyxtHover1 span.bg3{ color: #fbd978;} 
.ylyRmyxtList li .ylyRmyxtHover1 span.bg4{ color: #d7d9e1;} 
.ylyRmyxtList li .ylyRmyxtHover1 a{ display: block; float: left; width: 145px; height: 18px; line-height: 18px; overflow: hidden; margin-left:15px; margin-top:20px;}
.ylyRmyxtList li .ylyRmyxtHover1 em{ display: block; float: right; width: 60px; height: 16px; line-height: 16px; overflow: hidden; color: #b2b2b2; margin-top:20px; font-size: 12px; text-align: right;}
.ylyRmyxtList li .ylyRmyxtHover2{ width: 260px; border-top: 1px solid #eeeeee; margin-bottom:15px;}
.ylyRmyxtList li .ylyRmyxtHover2 span{ display: block; float:left; width: 35px; height: 26px; line-height: 26px; overflow: hidden; font-size: 22px; font-weight: bold; text-align: center; font-style: italic; margin-top:35px;}
.ylyRmyxtList li .ylyRmyxtHover2 span.bg1{ color: #e62021;} 
.ylyRmyxtList li .ylyRmyxtHover2 span.bg2{ color: #f09324;}
.ylyRmyxtList li .ylyRmyxtHover2 span.bg3{ color: #fbd978;}
.ylyRmyxtList li .ylyRmyxtHover2 span.bg4{ color: #d7d9e1;}
.ylyRmyxtList li .ylyRmyxtHover2 em a img{ display: block; float: left; width: 64px; height: 64px;  margin: 20px 0px 0px 15px; border-radius: 15px;}
.ylyRmyxtList li .ylyRmyxtHover2 dl{ float: right; width: 140px; margin-top:28px;} 
.ylyRmyxtList li .ylyRmyxtHover2 dl dt a{  display: block; height: 18px; line-height: 18px; overflow:hidden; font-weight: bold;}
.ylyRmyxtList li .ylyRmyxtHover2 dl dd{ margin-top:10px;}
.ylyRmyxtList li .ylyRmyxtHover2 dl dd p{ float: left; width: 70px;  height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b2b2b2; margin-top:5px;}
.ylyRmyxtList li .ylyRmyxtHover2 dl dd a{ display: block; float: right; width: 56px; height: 24px; border-radius: 100px; background: #dc191b; line-height: 24px; text-align: center; color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold;}
.ylyRmyxtjBox1{ width: 300px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.0.04);  border-radius: 5px; margin-top:30px; padding-bottom:20px;}
.ylyZxztbList{ width: 260px; margin: auto;} 
.ylyZxztbList li{ width: 260px; height: 140px; margin-top:20px;}
.ylyZxztbList li a{ display: block; width: 260px; height: 140px; position: relative;}
.ylyZxztbList li a span{ display: block; width: 260px; height: 140px; overflow: hidden; border-radius: 5px; }
.ylyZxztbList li a span img{ width: 260px; height: 140px; transition: all 0.2s;}
.ylyZxztbList li a:hover span img{ transform:scale(1.1);}
.ylyZxztbList li a p{ position:absolute; left:0px; bottom:0px;  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); width: 260px; height: 40px; line-height:40px; overflow: hidden; color: #ffffff; text-align: center; border-radius: 0px 0px 5px 5px;}
.ylyRmwzbList{ width: 260px; margin: auto;}
.ylyRmwzbList li{ width: 260px; margin-top:20px;}
.ylyRmwzbList li em a{ display: block; width: 120px; height: 80px; border-radius: 5px; overflow: hidden; float: left; position: relative;}
.ylyRmwzbList li em a img{ display:block; width: 120px; height: 80px; transition: all 0.2s;}
.ylyRmwzbList li em a:hover img{ transform:scale(1.1);}
.ylyRmwzbList li dl{ float: right; width: 125px; margin-top:5px;}
.ylyRmwzbList li dl dt a{ display: block; height: 45px; line-height: 22px; overflow: hidden;}
.ylyRmwzbList li dl dt a:hover{ font-weight: bold;}
.ylyRmwzbList li dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b2b2b2; margin-top:10px;} 
.ylyZxyxbList{ width: 260px; margin: auto;}
.ylyZxyxbList li{ float: left; width: 64px; margin: 20px 0px 0px 30px;}
.ylyZxyxbList li a img{ display: block; width: 64px; height: 64px; border-radius: 15px;}
.ylyZxyxbList li a p{ height: 16px; line-height: 16px; overflow: hidden; text-align: center; margin-top:15px;}
.ylyZxyxbList li:nth-child(3n+1){ margin-left:0px;}



/********************************404页面********************************/
.ylsSlsymBox{ width: 1200px; margin-bottom: 170px;}
.ylsSlsyLeft{ float: left; width: 336px; height: 336px; background: url("../images/2022_bg2.png") no-repeat; margin: 200px 0px 0px 174px;}
.ylsSlsyRight{ float: left; width: 520px; margin:260px 0px 0px 40px;} 
.ylsSlsyRight dl dt{ height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; font-weight: bold; color: #333333; padding-bottom: 15px;}
.ylsSlsyRight dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #666666; margin-top:15px;}
.ylsSlsySerch{ width: 298px; height: 46px; border: 1px solid #dc191b; background: #ffffff; border-radius:100px; margin-top:30px;}
.ylsSlsySerch input.text1{ border:none; background: none; width:230px; height: 46px; line-height: 46px; overflow: hidden; color: #999999; margin-left: 15px; outline: none; float: left;}
.ylsSlsySerch input.submit1{ border:none; background:none; width: 18px; height: 18px; background:url("../images/2022_bg1.png") no-repeat -215px -210px; float: right; margin: 13px 20px 0px 0px; outline: none; cursor: pointer;}

.ylyYxphbBox{ width: 1200px; margin-top:60px;}
.ylyYxphbIn{ float: left; width: 277px; height:714px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:20px; margin-left:30px;}
.ylyYxphbIn:first-child{ margin-left:0px;}
.ylyYxphbTitle{ width: 277px; height: 60px; line-height: 60px; overflow: hidden; color: #ffffff; font-size:16px; font-weight: bold; text-align:center; border-radius: 5px 5px 0px 0px;} 
.ylyYxphbTitle1{ background: linear-gradient(to bottom, rgba(255, 135, 123),rgb(255, 99, 87));}
.ylyYxphbTitle2{ background: linear-gradient(to bottom, rgba(255, 198, 68),rgb(255, 160, 24));}
.ylyYxphbTitle3{ background: linear-gradient(to bottom, rgba(134, 219, 135),rgb(88, 205, 88));}
.ylyYxphbTitle4{ background: linear-gradient(to bottom, rgba(118, 181, 255),rgb(81, 160, 255));}
.ylyYxphbList{ width: 277px;}
.ylyYxphbList li{ width: 277px;}
.ylyYxphbList li .ylyYxphbHover2{ width: 277px; border-bottom: 1px solid #eeeeee; padding-bottom: 19px;}
.ylyYxphbList li .ylyYxphbHover2 em{ display: block; width: 88px; height: 88px; position:relative; float: left; margin: 28px 0px 0px 19px;}
.ylyYxphbList li .ylyYxphbHover2 em  a img{ display: block; width: 88px; height: 88px; border-radius: 15px; }
.ylyYxphbList li .ylyYxphbHover2 em b{ display: block; width: 40px; height: 40px; background: url("../images/2022_bg1.png") no-repeat; position:absolute; left: -5px; top: -5px; font-size: 22px; color: #ffffff; font-weight: bold; text-align: center;}
.ylyYxphbList li .ylyYxphbHover2 em b.icon1{ background-position: 0px -270px;}
.ylyYxphbList li .ylyYxphbHover2 em b.icon2{ background-position: -50px -270px;}
.ylyYxphbList li .ylyYxphbHover2 em b.icon3{ background-position: -100px -270px;}
.ylyYxphbList li .ylyYxphbHover2 em b.icon4{ background-position: -150px -270px;}
.ylyYxphbList li .ylyYxphbHover2 dl{ float: left; width: 148px; margin:30px 0px 0px 15px;}
.ylyYxphbList li .ylyYxphbHover2 dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyYxphbList li .ylyYxphbHover2 dl dt a:hover{ font-weight: bold;}
.ylyYxphbList li .ylyYxphbHover2 dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyYxphbList li .ylyYxphbHover2 dl dd.cont2 a{ display: block; width: 56px; height: 24px; border: 1px solid #dc191b; color: #dc191b; line-height: 24px; text-align: center; text-decoration: none; border-radius: 100px; margin-top:10px;}
.ylyYxphbList li .ylyYxphbHover2 dl dd.cont2 a:hover{ background: #dc191b; color: #ffffff;}
.ylyYxphbList li .ylyYxphbHover1{ width: 277px; border-bottom: 1px solid #eeeeee; padding-bottom:12.5px;}  
.ylyYxphbList li .ylyYxphbHover1 em{ float: left; width: 30px; text-align: center; font-size: 24px; display: block; color: #b2b2b2; margin: 13px 0px 0px 10px;}
.ylyYxphbList li .ylyYxphbHover1 a{ display: block; float: left; width: 120px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin: 18px 0px 0px 10px;}
.ylyYxphbList li .ylyYxphbHover1 span{ display: block; float: right; width: 75px; height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin: 18px 10px 0px 0px;} 

.ylyHjtjbBox{ width: 870px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; height: 780px; margin-top:30px;}
.ylyHjtjbIn{ width: 810px; margin: auto; padding-top:25px;}
.ylyXbtjTitle2 b{ display: block; width: 4px; height: 17px; background: linear-gradient(to bottom, rgb(255, 133, 21), rgba(223, 31, 43)); border-radius: 100px; float: left; margin: 4px 10px 0px 0px;}
.ylyXbtjTitle2 h2{ font-weight:bold; font-size: 18px; color: #333333; float: left;}
.ylyXbtjTitle2 a{ display: block; float: right; width: 68px; height: 21px; border: 1px solid #f0f0f0; text-decoration: none; line-height: 21px; transition: all 0.2s; margin-top:7px;}
.ylyXbtjTitle2 a h3{ font-size: 12px; color: #999999; float: left; margin-left:5px;}
.ylyXbtjTitle2 a em{ display: block; float: right; width: 21px; height: 21px; background: #333333; color: #ffffff; text-align: center;} 
.ylyXbtjTitle2 a:hover em{ background:#dc191b ; color: #ffffff;} 
.ylyXbtjTitle2 a:hover{ border:1px solid #dc191b; }
.ylyXbtjTitle2 a:hover h3{ color: #dc191b;}
.ylyHjtjbTu{ width: 810px; height: 240px; margin: auto; margin-top:20px;}
.ylyHjtjbSwiper{ width: 810px; height: 240px !important; position: relative; overflow: hidden;}
.ylyHjtjbSwiper .swiper-wrapper{ width: 810px !important;}
.ylyHjtjbSwiper .swiper-slide{ float: left; height: 230px; width: 258px !important; position:relative; border-bottom: 1px solid #eeeeee; padding: 0px 9px 0px 9px;}
.ylyHjtjbSwiper .swiper-slide em a{ display: block; width: 258px; height: 155px; border-radius: 5px; overflow: hidden;}
.ylyHjtjbSwiper .swiper-slide em a img{ width: 258px; height: 155px; transition: all 0.2s;}
.ylyHjtjbSwiper .swiper-slide em a:hover img{ transform:scale(1.1);}
.ylyHjtjbSwiper .swiper-slide p a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size:16px; text-align: center;  margin-top:10px;}
.ylyHjtjbSwiper .swiper-slide i{ text-align: center; display: block; height: 18px; line-height: 18px; overflow: hidden; color: #cccccc; font-style: normal; margin-top:10px;}
.ylyHjtjbSwiper .swiper-slide span{ display: block; width: 15px; height: 15px; background:url("../images/2022_bg1.png") no-repeat -240px -210px; position:absolute; left: 120px; bottom:-10px;} 
.ylyHjtjbSwiper .swiper-slide:hover span{ background: url("../images/2022_bg1.png") no-repeat -260px -210px;}
.ylyHjtjbSwiper .swiper-slide:first-child{ padding-left:0px;}
.ylyHjtjbSwiper .swiper-button-prev{ width: 25px; height: 48px; background: url("../images/2022_bg1.png") no-repeat 0px -320px; z-index: 999; position: absolute; left: 0px; top: 80px; opacity: 1;}
.ylyHjtjbSwiper .swiper-button-next{ width: 25px; height: 48px; background: url("../images/2022_bg1.png") no-repeat -35px -320px; z-index: 999; position: absolute; right: 0px; top: 80px; opacity: 1;}
.ylyHjtjbSwiper .swiper-button-prev:hover{ background-position: -70px -320px;}
.ylyHjtjbSwiper .swiper-button-next:hover{ background-position: -105px -320px;}
.ylyHjtjbList{ width: 810px;}
.ylyHjtjbList li{ width: 810px; border-top: 1px solid #eeeeee; padding-top: 20px; margin-top:14px;}
.ylyHjtjbList li:first-child{ border-top:none;}
.ylyHjtjbList li a{ display: block; float: left; width: 240px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin: 0px 0px 0px 45px;}
.ylyHjtjbList li a:nth-child(3n+1){ margin-left:0px;}
.ylyHjtjbList li a::before{ content: ''; display: block;float: left; width: 8px; height: 8px; background: #e6e7e8; border-radius: 2px; margin:6px 20px 0px 0px;}
.ylyRmzxbBox{ width: 300px; background: #ffffff;  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; height: 780px; margin-top:30px;}
.ylyRmzxbIn{ width: 260px; margin: auto; padding-top:25px;}
.ylyRmzxbList{ width: 260px;}
.ylyRmzxbList li{ width: 260px; margin-top:21px;}
.ylyRmzxbList li span{ display: block; float:left; width: 35px; height: 26px; line-height: 26px; overflow: hidden; font-size: 22px; font-weight: bold; text-align: center; font-style: italic;}
.ylyRmzxbList li span.bg1{ color: #e62021;} 
.ylyRmzxbList li span.bg2{ color: #f09324;}
.ylyRmzxbList li span.bg3{ color: #fbd978;}
.ylyRmzxbList li span.bg4{ color: #d7d9e1;}
.ylyRmzxbList li a{ display: block; float: left; width: 210px; height: 18px; line-height: 18px; overflow: hidden; margin-top:3px; margin-left:15px;}



/********************************最近更新页********************************/
.ylyQbgxMenu{ width: 1200px; margin-top: 40px;}
.ylyQbgxMenu::after{ content: ''; display: block; width: 1200px; height: 4px; background:#000000; border-radius: 100px; margin-top:-4px;}
.ylyQbgxMenu li{ float: left; margin-right:60px; }
.ylyQbgxMenu li a{ display: block; font-size: 18px; color: #333333; text-decoration: none; }
.ylyQbgxMenu li a.hover{ font-weight: bold; color:#dc191b ;}
.ylyQbgxMenu li a.hover::after{content: ''; display: block; height: 8px; background: #dc191b; border-radius: 100px; margin-top:20px;}
.ylyQbgxList{ width: 1200px;}
.ylyQbgxList li{ width: 1200px; border-bottom: 1px solid #eeeeee; padding-bottom: 25px; margin-top:25px;} 
.ylyQbgxList li p{ float: left; font-size: 16px; width: 1035px; height: 20px; line-height: 20px; overflow: hidden;}
.ylyQbgxList li span{ display: block; float: right; width: 60px; height: 20px; line-height: 20px; overflow: hidden; color: #b2b2b2; text-align: right;}



/********************************搜索专题合集页********************************/
.ylyQbgxBox{ width: 1200px; position: relative;}
.ylyQbgxBox p{ position:absolute; right: 0px; top: 5px; width: 305px; height: 18px; line-height: 18px; overflow: hidden; text-align:right; color: #333333;}
.ylyQbgxBox span{ color: #dc191b;}
.ylyZhlbList{ width: 870px;}
.ylyZhlbList li{ width: 870px; margin-top:30px;}
.ylyZhlbCont1{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; padding-bottom: 30px;}
.ylyZhlbCont1:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZhlbCont1In{ width: 810px; margin: auto;}
.ylyZhlbCont1In em a{ display: block; float: left; width: 120px; height: 120px; margin: 30px 0px 0px 0px; } 
.ylyZhlbCont1In em a img{ width: 120px; height: 120px; border-radius: 20px;}
.ylyZhlbCont1In dl{ float: left; width: 502px; margin: 30px 0px 0px 30px;}
.ylyZhlbCont1In dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold;}
.ylyZhlbCont1In dl dd.cont1{margin-top:10px;}
.ylyZhlbCont1In dl dd.cont1 p{ float: left; width: 160px; height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2;}
.ylyZhlbCont1In dl dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyZhlbCont1In dl dd.cont3{ height: 26px; line-height: 26px; overflow: hidden; margin-top:10px;}
.ylyZhlbCont1In dl dd.cont3 i a{ display: block; float: left; font-style: normal; height: 26px; padding: 0px 10px; border-radius: 5px; background: #f5f7f8; color: #868c92; margin-right: 15px; font-size: 12px; text-decoration: none;}
.ylyZhlbCont1In dl dd.cont3 i a:hover{ background: #dc191b; color: #ffffff;}
.ylyZhlbCont1In b a{ display: block; float: right; width: 118px; height: 46px; border: 1px solid #dc191b; font-weight: normal; line-height: 46px; text-align: center; color: #dc191b; text-decoration: none; border-radius: 100px; margin: 60px 0px 0px 0px;}
.ylyZhlbCont1In:hover b a{ background:#dc191b; color: #ffffff;}
 
.ylyZhlbCont2{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.0.04);  border-radius: 5px; padding-bottom: 30px;}
.ylyZhlbCont2:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZhlbCont2In{ width: 810px; margin: auto;}
.ylyZhlbCont2In em a{ display: block; float: left; width: 250px; height: 150px; transition:transform 0.5s; margin: 30px 0px 0px 0px;  overflow: hidden; border-radius: 5px;} 
.ylyZhlbCont2In em a img{ width: 250px; height: 150px; transition: all 0.2s;}
.ylyZhlbCont2In em a:hover img{transform:scale(1.1);}
.ylyZhlbCont2In dl{ float: left; width: 400px; margin: 40px 0px 0px 30px;}
.ylyZhlbCont2In dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold;}
.ylyZhlbCont2In dl dd.cont1{margin-top:15px;}
.ylyZhlbCont2In dl dd.cont1 p{ float: left; width: 133px; height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2;}
.ylyZhlbCont2In dl dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:15px;}
.ylyZhlbCont2In dl dd.cont3{ height: 26px; line-height: 26px; overflow: hidden; margin-top:15px;}
.ylyZhlbCont2In dl dd.cont3 i a{ display: block; float: left; font-style: normal; height: 26px; padding: 0px 10px; border-radius: 5px; background: #f5f7f8; color: #868c92; margin-right: 15px; font-size: 12px; text-decoration: none;}
.ylyZhlbCont2In dl dd.cont3 i a:hover{ background:#dc191b; color: #ffffff;}
.ylyZhlbCont2In b a{ display: block; float: right; width: 118px; height: 46px; border: 1px solid #dc191b; font-weight: normal; line-height: 46px; text-align: center; color: #dc191b; text-decoration: none; border-radius: 100px; margin: 70px 0px 0px 0px;}
.ylyZhlbCont2In:hover b a{ background:#dc191b; color: #ffffff;}

.ylyZhlbCont3{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; padding-bottom: 30px;}
.ylyZhlbCont3:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZhlbCont3In{ width: 810px; margin: auto;}
.ylyZhlbCont3In em a{ display: block; float: left; width: 250px; height: 150px; transition:transform 0.5s; margin: 30px 0px 0px 0px;  overflow: hidden; border-radius: 5px; position: relative;} 
.ylyZhlbCont3In em a img{ width: 250px; height: 150px; transition: all 0.2s;}
.ylyZhlbCont3In em a:hover img{transform:scale(1.1);}
.ylyZhlbCont3In dl{ width: 530px; float:right; margin: 45px 0px 0px 0px;}
.ylyZhlbCont3In dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-weight: bold; font-size: 18px;} 
.ylyZhlbCont3In dl dd.cont1{ height: 45px; line-height: 23px; color: #999999; margin-top:15px; overflow: hidden;}
.ylyZhlbCont3In dl dd.cont2{ margin-top:20px;}
.ylyZhlbCont3In dl dd.cont2 p{ float: left; width: 370px;line-height: 15px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyZhlbCont3In dl dd.cont2 p span{ display: block; float: left; overflow: hidden; height: 15px; width: 150px;}
.ylyZhlbCont3In dl dd.cont2 p span b{ display: block; float: left; width: 15px; height: 15px; background: url("../images/2022_bg1.png") no-repeat; margin: 0px 10px 0px 0px;}
.ylyZhlbCont3In dl dd.cont2 p span b.icon1{ background-position: -170px -210px;}
.ylyZhlbCont3In dl dd.cont2 p span b.icon2{ background-position: -190px -210px;}
.ylyZhlbCont3In dl dd.cont2 i a{ display: block; float: right; width: 86px; height: 32px;line-height: 32px; text-align: center; background: #eeeeee; border-radius: 100px; color: #999999; font-style: normal; overflow: hidden; text-decoration: none;}
.ylyZhlbCont3In:hover dl dd.cont2 i a{ background: #dc191b; color: #ffffff;}
.ylyZhlbCont3In em a b{ display: block; width: 60px; height: 60px; background: url("../images/2022_bg1.png") no-repeat 0px -200px; position: absolute; left: 95px; top:45px;}

.ylyZhlbCont4{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; padding-bottom: 30px;}
.ylyZhlbCont4:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZhlbCont4In{ width: 810px; margin: auto;}
.ylyZhlbCont4In em a{ display: block; float: left; width: 292px; height: 180px; border-radius: 5px; overflow: hidden; margin: 30px 0px 0px 0px;}
.ylyZhlbCont4In em a img{ width: 292px; height: 180px; transition: all 0.2s;}
.ylyZhlbCont4In em a:hover img{ transform:scale(1.1);}
.ylyZhlbCont4In dl{ float: right; width: 490px; margin: 30px 0px 0px 0px;}
.ylyZhlbCont4In dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold;}
.ylyZhlbCont4In dl dd.cont1{ height: 45px; line-height: 23px; overflow: hidden; color: #999999; margin-top:10px;}
.ylyZhlbCont4In dl dd.cont2{ margin-top:10px;}
.ylyZhlbCont4In dl dd.cont2 a { display: block; float: left; width: 64px; margin: 0px 0px 0px 21px;}
.ylyZhlbCont4In dl dd.cont2 a img{ width: 64px; height: 64px; border-radius: 15px;}
.ylyZhlbCont4In dl dd.cont2 a p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; margin-top:12px; text-align: center;}
.ylyZhlbCont4In dl dd.cont2 a:nth-child(6n+1){ margin-left:0px;}
.ylyZhlbCont4In dl dd.cont3{ margin-top:10px;}
.ylyZhlbCont4In dl dd.cont3 a{ display: block; float: left; width: 107px; margin: 0px 0px 0px 20px;}
.ylyZhlbCont4In dl dd.cont3 a img{ width: 107px; height: 66px; border-radius: 5px;} 
.ylyZhlbCont4In dl dd.cont3 a:nth-child(6n+1){ margin-left:0px;}
.ylyZhlbCont4In dl dd.cont3 a p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; margin-top:12px; text-align: center;}
.ylyZhlbCont4In dl dd.cont4 a{ display: block; float: left; width: 235px; height: 16px; line-height: 16px; overflow: hidden; margin-top:18px; margin-left:20px;}
.ylyZhlbCont4In dl dd.cont4 a::before{content: ''; display: block;  width: 6px; height: 6px; background: #ffffff; border: 2px solid #e6e6e6; float: left; border-radius: 100px; margin: 3px 15px 0px 0px;}
.ylyZhlbCont4In dl dd.cont4 a:nth-child(2n+1){ margin-left:0px;}
.ylxTjyyBox{ width: 300px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; padding-bottom: 30px; margin-top:30px;}
.ylxTjyyBoxIn{ width: 260px; margin:auto; padding-top:20px;}
.ylyZhlbCont{ margin-top:30px;}
.ylyZhlbCont .ylyZhlbCont4In{ border-top: 1px solid #eeeeee; margin-top:30px;}
.ylyZhlbCont .ylyZhlbCont4In:first-child{ border-top:none; padding-top: 0px;}
.ylyZhlbCont .ylyZhlbCont3In{ border-top: 1px solid #eeeeee; margin-top:30px;}
.ylyZhlbCont .ylyZhlbCont3In:first-child{ border-top:none; padding-top: 0px;}
.ylyZhlbCont .ylyZhlbCont2In{ border-top: 1px solid #eeeeee; margin-top:30px;}
.ylyZhlbCont .ylyZhlbCont2In:first-child{ border-top:none; padding-top: 0px;}
.ylyZhlbCont .ylyZhlbCont1In{ border-top: 1px solid #eeeeee; margin-top:30px;}
.ylyZhlbCont .ylyZhlbCont1In:first-child{ border-top:none; padding-top: 0px;}



/********************************排行榜列表页********************************/
.ylyPhblbyBox{ width: 1200px; margin-top:10px;}
.ylyPhblbyIn{ width: 380px; height: 708px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin: 30px 0px 0px 30px; float: left;}
.ylyPhblbyIn:nth-child(3n+1){ margin-left:0px;}
.ylyPhblbyTitle{ width: 380px; height: 64px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px 5px 0px 0px;}
.ylyPhblbyTitle b{ display: block; float: left; width: 30px; height: 30px; background: url("../images/2022_bg1.png") no-repeat; margin: 17px 10px 0px 30px; }
.ylyPhblbyTitle b.icon1{ background-position: 0px -380px;}
.ylyPhblbyTitle b.icon2{ background-position: -35px -380px;}
.ylyPhblbyTitle b.icon3{ background-position: -70px -380px;}
.ylyPhblbyTitle b.icon4{ background-position: -105px -380px;}
.ylyPhblbyTitle b.icon5{ background-position: -140px -380px;}
.ylyPhblbyTitle b.icon6{ background-position: -175px -380px;}
.ylyPhblbyTitle h2{ float: left; font-size: 18px; font-weight: bold; color: #333333; line-height: 64px; overflow: hidden; height: 64px;}
.ylyPhblbyTitle a{ display: block; float:right; line-height: 64px; margin: 0px 20px 0px 0px;}
.ylyPhblbyList1{ width: 330px; margin: 0px 0px 0px 30px;} 
.ylyPhblbyList1 li{ width: 330px; margin-top:35px;}
.ylyPhblbyList1 li em a{ display: block; float: left; width: 88px; height: 88px; position: relative;}
.ylyPhblbyList1 li em a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylyPhblbyList1 li em a span{ display: block; width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; background: url("../images/2022_bg1.png") no-repeat; left: -5px; top: -5px; font-size: 22px; font-weight: bold; color: #ffffff; line-height: 40px; text-align: center; overflow: hidden;} 
.ylyPhblbyList1 li em a span.bg1{ background-position: 0px -270px;}
.ylyPhblbyList1 li em a span.bg2{ background-position: -50px -270px;}
.ylyPhblbyList1 li em a span.bg3{ background-position: -100px -270px;}
.ylyPhblbyList1 li em a span.bg4{ background-position: -150px -270px;}
.ylyPhblbyList1 li dl{ float: right; width: 220px; margin-top:20px;}
.ylyPhblbyList1 li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyPhblbyList1 li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:15px;} 
.ylyPhblbyList2{ width: 330px; margin: 0px 0px 0px 30px;} 
.ylyPhblbyList2 li{ width: 330px; margin-top:35px;}
.ylyPhblbyList2 li em a{ display: block; float: left; width: 120px; height: 88px; position: relative;}
.ylyPhblbyList2 li em a img{ width: 120px; height: 88px; border-radius: 5px;}
.ylyPhblbyList2 li em a span{ display: block; width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; background: url("../images/2022_bg1.png") no-repeat; left: -5px; top: -5px; font-size: 22px; font-weight: bold; color: #ffffff; line-height: 40px; text-align: center; overflow: hidden;} 
.ylyPhblbyList2 li em a span.bg1{ background-position: 0px -270px;}
.ylyPhblbyList2 li em a span.bg2{ background-position: -50px -270px;}
.ylyPhblbyList2 li em a span.bg3{ background-position: -100px -270px;}
.ylyPhblbyList2 li em a span.bg4{ background-position: -150px -270px;}
.ylyPhblbyList2 li dl{ float: right; width: 185px; margin-top:20px;}
.ylyPhblbyList2 li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyPhblbyList2 li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:15px;}



/********************************排行榜无分类详情页********************************/
.ylyYyphbTitle{ width: 1200px; margin-top:30px;}
.ylyYyphbBox{ width: 1200px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin: 30px 0px 0px 0px;}
.ylyYyphList{ width: 1200px;}
.ylyYyphList li{ width: 1200px; border-bottom: 1px solid #f3f4f8; padding-bottom: 30px;}
.ylyYyphList li em a{ display: block; float: left; width: 120px; position: relative; margin: 35px 0px 0px 35px;}
.ylyYyphList li em a img{ width: 120px; height: 120px; border-radius: 20px;}
.ylyYyphList li em a span{display: block; width: 40px; height: 40px; position: absolute; left: 0px; top: 0px; background: url("../images/2022_bg1.png") no-repeat; left: -5px; top: -5px; font-size: 22px; font-weight: bold; color: #ffffff; line-height: 40px;  overflow: hidden;}
.ylyYyphList li em a span.bg1{ background-position: 0px -270px;}
.ylyYyphList li em a span.bg2{ background-position: -50px -270px;}
.ylyYyphList li em a span.bg3{ background-position: -100px -270px;}
.ylyYyphList li em a span.bg4{ background-position: -150px -270px;}
.ylyYyphList li em a span b{ display: block; width: 35px; margin-left:0px; text-align: center;}
.ylyYyphList li dl{ float: left; width: 815px; margin: 35px 0px 0px 30px;} 
.ylyYyphList li dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 22px; font-weight: bold;}
.ylyYyphList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:12px;}
.ylyYyphList li dl dd.cont2{ height: 26px; line-height: 26px; overflow: hidden;margin-top:15px; }
.ylyYyphList li dl dd.cont2 b a{ display: block; float: left; background: #f5f7f8; height: 26px; border-radius: 5px; padding:0px 10px; color: #868c92; margin-right:10px; font-weight: normal; text-decoration: none;}
.ylyYyphList li dl dd.cont2 b a:hover{ background:#dc191b; color: #ffffff;} 
.ylyYyphList li i a{ display: block; float:right; border: 1px solid #dc191b; color: #dc191b; width: 118px; height: 46px; line-height: 46px; overflow: hidden; border-radius: 100px; font-style:normal; text-decoration: none; font-size: 16px; font-weight: bold; font-weight: normal; text-align: center; margin: 70px 35px 0px 0px;}
.ylyYyphList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyYyphList li:hover i a{ background: #dc191b; color: #ffffff; font-weight: bold;}



/********************************排行榜手游详情页********************************/
.ylyPhLeft{ float:left; width: 220px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:40px; padding-bottom: 25px;}
.ylySyphbBox{ width: 165px; margin: auto; margin-top:25px;}
.ylySyphbList{ width: 165px; padding-top:10px;}
.ylySyphbList li{ margin: 15px 0px 0px 0px;}
.ylySyphbList li a{ display: block; width: 165px; height: 40px; background: #F5F7F8; border-radius: 100px; line-height: 40px; overflow: hidden; text-align: center; color: #333333; text-decoration: none;}
.ylySyphbList li a.hover{ background: #DC191B; color: #ffffff;}
.ylySyphbList li a:hover{ background: #DC191B; color: #ffffff;}
.ylyPhRight{ float: right; width: 950px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:40px; }
.ylySyphbTitle{ color: #999999; margin:25px 0px 0px 35px;}
.ylySyphbCont{ width: 950px; margin-top:10px;}
.ylySyphbCont li{ width: 950px;}
.ylySyphbCont li dl{ width: 550px;}
.ylySyphbCont1{ width: 950px; margin-top:10px;}
.ylySyphbCont1 li{ width: 950px;}
.ylySyphbCont1 li em a{ width: 245px; height: 150px; }
.ylySyphbCont1 li em a img{ width: 245px; height: 150px; border-radius: 5px;}
.ylySyphbCont1 li dl{ width: 450px; margin-top:50px;}
.ylySyphbCont1 li i a{ margin-top:80px;}
.phb_fl{ width: 878px; margin:auto; margin-top:10px; border-bottom: 1px solid #ECEDF1; padding-bottom: 30px;} 
.phb_fl a{ text-decoration: none; color: #333333; display: block; float: left; text-align: center; width: 165px; height: 38px; line-height: 38px; border-radius: 20px; background: #F5F7F8; margin: 20px 0px 0px 10px; }
.phb_fl a:hover{ background:#DC191B; color:#FFFFFF;}
.phb_fl a.hover{ background:#DC191B; color:#FFFFFF;}
.phb_fl a:nth-child(5n+1){margin-left:0px;}



/********************************手游专题列表页********************************/
.ylyJiaotuBox{ width: 1200px;}
.box{margin-top: 40px; width: 100%; height: 390px; position: relative;}
.box .list{width: 1200px; height: 350px; overflow: hidden; position: absolute; left: 50%; margin-left: -600px;}
.box .btn{width: 25px; height: 48px; cursor: pointer; background: url("../images/2022_bg1.png") no-repeat;}
.box .prev{ position:absolute; left: 0px; top: 150px;  background-position: 0px -320px; z-index: 99;}
.box .next{ position:absolute; right: 0px; top: 150px;  background-position: -35px -320px; z-index: 99;}
.box .prev:hover{ background-position: -70px -320px;}
.box .next:hover{ background-position: -105px -320px;}
.box .list ul li{position: absolute; top: 0; left: 0; list-style: none; opacity: 0; transition: all 0.3s ease-out;}
.box .list ul li a img{width: 751px; height: 350px; border:none; float: left; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px;}
.box .list ul li.p1{transform:translate3d(-224px,0,0) scale(0.81);}
.box .list ul li.p2{transform:translate3d(0px,0,0) scale(0.81); transform-origin:0 50%; opacity: 0.8; z-index: 2;}
.box .list ul li.p3{transform:translate3d(224px,0,0) scale(1); z-index: 3; opacity: 1;}
.box .list ul li.p4{transform:translate3d(449px,0,0) scale(0.81); transform-origin:100% 50%; opacity: 0.8; z-index: 2;}
.box .list ul li.p5{transform:translate3d(672px,0,0) scale(0.81);}
.box .buttons{position: absolute; width: 1200px; height: 30px; bottom: -20px; left: 50%; margin-left: -600px;	text-align: center;	padding-top: 10px;}
.box .buttons a{display: inline-block; width: 10px; height: 10px; padding-top: 4px; cursor: pointer; margin: 0px 8px 0px 8px;}
.box .buttons a span{display: block; width: 10px; height: 10px; background: #e1e1e1; border-radius: 100px;}
.box .buttons a span.blue{background: #dc191b;}
.ylyZxzthjBox{ width: 1200px; margin-top:50px;}
.ylyZxzthjTitle{ width: 1200px;}
.ylyZxzthjMenu{ float: right; margin-top:-10px;}
.ylyZxzthjMenu li{ float: left; margin-left: 30px;}
.ylyZxzthjMenu li a{ display: block; border: none; width: 84px; height: 28px; line-height: 28px; text-align: center; background: #eeeeee; border-radius: 100px; color: #999999;} 
.ylyZxzthjMenu li a.hover{ border: none; background: #dc191b; color: #ffffff;}
.ylyZxzthjMenu li a:hover{ border:none;}
.ylyZxzthjList{ width: 1200px;}
.ylyZxzthjList li{ width: 1200px; height: 295px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px;}
.ylyZxzthjList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZxzthjList li em a{ display: block; float: left; width: 380px; height: 234px; border-radius: 5px; overflow: hidden; margin: 30px 0px 0px 30px;}
.ylyZxzthjList li em a img{ width: 380px; height: 234px; transition: all 0.2s;}
.ylyZxzthjList li em a:hover img{ transform:scale(1.1);}
.ylyZxzthjList li dl{ float:right; width: 730px; margin:40px 30px 0px 0px;} 
.ylyZxzthjList li dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight:bold;}
.ylyZxzthjList li dl dd.cont1{ height: 45px; line-height: 23px; overflow: hidden; color: #999999; margin-top:15px;}
.ylyZxzthjList li dl dd.cont2{ margin-top:15px;}
.ylyZxzthjList li dl dd.cont2 a{ display: block; float:left; width: 88px; margin: 0px 0px 0px 40px;}  
.ylyZxzthjList li dl dd.cont2 a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylyZxzthjList li dl dd.cont2 a p{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top:15px;}
.ylyZxzthjList li dl dd.cont2 a:nth-child(6n+1){ margin-left:0px;}
.ylyZxzthjList li dl dd.cont3{ margin-top:15px;}
.ylyZxzthjList li dl dd.cont3 a{ display: block; float:left; width:160px; margin: 0px 0px 0px 30px;}
.ylyZxzthjList li dl dd.cont3 a img{ width: 160px; height: 100px; border-radius: 5px;}
.ylyZxzthjList li dl dd.cont3 a:nth-child(4n+1){ margin-left:0px;}
.ylyZxzthjList li dl dd.cont3 a p{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top:15px;}
.ylyZxzthjList li dl dd.cont4 a{ display: block; float: left; width: 330px; height: 18px; line-height: 18px; overflow: hidden; margin-top:17px; margin-left:60px;}
.ylyZxzthjList li dl dd.cont4 a:nth-child(2n+1){ margin-left:0px;}
.ylyZxzthjList li dl dd.cont4 a::before{ content: ''; display: block;  width: 6px; height: 6px; background: #ffffff; border: 2px solid #e6e6e6; float: left; border-radius: 100px; margin: 3px 15px 0px 0px;}



/********************************专题列表手游详情页********************************/
.ylyYxlmBox{ width: 1200px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 25px;}
.ylyYxlmList{ width: 1162px; margin: auto;}
.ylyYxlmList li{ float: left; width: 88px; margin: 30px 0px 0px 31px;}
.ylyYxlmList li a{ display:block; width: 88px;}
.ylyYxlmList li a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylyYxlmList li a p{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top:15px;}
.ylyYxlmList li:nth-child(10n+1){ margin-left:0px;}
.ylyNgzjksBox{  width: 1200px; height: 320px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:35px;} 
.ylyNgzjksBox em img{ display: block; float: left; width: 520px; height: 320px; border-radius: 5px;} 
.ylyNgzjksBox dl{ float: left; width: 615px; margin:35px 0px 0px 30px;}
.ylyNgzjksBox dl dt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 28px; font-weight: bold; color: #333333;}
.ylyNgzjksBox dl dd.cont1{ height: 85px; line-height: 30px; overflow: hidden; font-size: 16px; color: #999999; margin:20px 0px 0px 0px;}
.ylyNgzjksBox dl dd.cont2{ margin-top:25px; height: 18px; line-height: 18px; overflow: hidden;}
.ylyNgzjksBox dl dd.cont2 span{ display: block; float: left; color: #b2b2b2; margin: 0px 35px 0px 0px;} 
.ylyNgzjksBox dl dd.cont2 span b{ display: block; float: left; width: 15px; height: 15px; background: url("../images/2022_bg1.png") no-repeat; margin: 0px 5px 0px 0px;}
.ylyNgzjksBox dl dd.cont2 span b.icon1{ background-position: -205px -270px;}
.ylyNgzjksBox dl dd.cont2 span b.icon2{ background-position: -170px -210px;}
.ylyNgzjksBox dl dd.cont2 span b.icon3{ background-position: -190px -210px;}
.ylyNgzjksBox dl dd.cont2 span i{ font-style: normal; color: #dc191b;}
.ylyNgzjksBox dl dd.cont3{ height: 26px; line-height: 26px; overflow: hidden; margin-top:35px; font-size: 12px;}
.ylyNgzjksBox dl dd.cont3 i a{ display: block; float: left; height: 26px; padding: 0px 10px; background: #f5f7f8; color: #868c92; border-radius: 5px; margin: 0px 10px 0px 0px; font-style: normal; text-decoration: none;}
.ylyNgzjksBox dl dd.cont3 i a:hover{ background:#dc191b; color: #ffffff;}
.ylyXgwzbBox{ width: 1200px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; }
.ylyXgwzbIn{ width: 1140px; margin: auto; padding-top: 30px;}
.ylyXgwzbList{ width: 1140px;}
.ylyXgwzbList li{ border-top:1px solid #eeeeee; width: 1140px; float: left; padding-bottom: 20px; padding-top: 20px;}  
.ylyXgwzbList li:first-child{ border-top:none;}
.ylyXgwzbList li em{ display: block; width: 545px; float: left; margin-left:50px;}
.ylyXgwzbList li em:nth-child(2n+1){ margin-left:0px;}
.ylyXgwzbList li em a{ display: block; float: left; width: 400px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;} 
.ylyXgwzbList li em a::before{ content: ''; display: block;  width: 8px; height: 8px; background: #e6e7e8;  float: left; border-radius:2px; margin: 6px 15px 0px 0px;}
.ylyXgwzbList li em span{ display: block; float: right; width: 90px;  height: 20px; line-height: 20px; overflow: hidden; color: #b2b2b2; text-align: right;}
.ylyHjtjbTu1{ width: 1140px; margin-top:30px;}
.ylyHjtjbTu1 .ylyHjtjbSwiper{ width: 1140px;}
.ylyHjtjbTu1 .ylyHjtjbSwiper .swiper-wrapper{ width: 1140px !important;}
.ylyHjtjbTu1 .ylyHjtjbSwiper .swiper-slide{ padding: 0px 18px 0px 18px;}
.ylyHjtjbTu1 .ylyHjtjbSwiper .swiper-slide:first-child{ padding-left:0px;}
.ylyZjtjbList{ width: 1140px;}
.ylyZjtjbList li{ border-top:1px solid #eeeeee; width: 1140px; float: left; padding-bottom: 20px; padding-top: 20px;}
.ylyZjtjbList li:first-child{ border-top:none;}
.ylyZjtjbList li a{ display: block; float: left; width: 260px; height: 20px; line-height: 20px; overflow:hidden; font-size: 16px; margin-left:30px;}
.ylyZjtjbList li a::before{ content: ''; display: block;  width: 8px; height: 8px; background: #e6e7e8;  float: left; border-radius:2px; margin: 6px 15px 0px 0px;}
.ylyZjtjbList li a:nth-child(4n+1){ margin-left:0px;}
.ylyGmdlbList{ width: 1200px;}
.ylyGmdlbList li{ float: left; width: 585px; height: 182px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin: 30px 0px 0px 30px;}
.ylyGmdlbList li:nth-child(2n+1){ margin-left:0px;}
.ylyGmdlbList li em a{ display: block; float: left; width: 220px; height: 122px; border-radius: 5px; overflow:hidden; margin: 30px 0px 0px 30px;}  
.ylyGmdlbList li em a img{ width: 220px; height: 122px; border-radius: 5px;  transition: all 0.2s;}
.ylyGmdlbList li em a:hover img{ transform:scale(1.1);}
.ylyGmdlbList li dl{ float: left; width: 280px; margin:40px 0px 0px 30px;}
.ylyGmdlbList li dl dt a{ display: block; height: 20px; line-height: 20px; font-weight: bold; font-size: 16px; overflow: hidden;}
.ylyGmdlbList li dl dd.cont1{ height: 45px; overflow: hidden; color: #999999; margin-top:10px; line-height: 23px;} 
.ylyGmdlbList li dl dd.cont2{ height: 16px; line-height: 16px; overflow: hidden; color: #999999; font-size: 12px; margin-top:15px;}
.ylyGmdlbList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}




/********************************电竞视频页********************************/
.ylyDjspLeft{ float: left; width: 600px; height: 400px; margin-top:20px;}
.sjyx_banSwiper1{ width: 600px;height: 400px; border-radius:8px;}
.sjyx_banSwiper1 img{ width:600px; min-height: 400px; transition: transform 0.5s; }
.sjyx_banSwiper1 li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.sjyx_banSwiper1 h3{ height: 70px; line-height: 70px; overflow: hidden; padding: 97px 140px 0 20px; font-size: 20px; font-weight: bold; position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); }
.sjyx_banSwiper1 h3 span{ display: block; width: 415px; overflow: hidden; }
.sjyx_banSwiper1 .swiper-pagination{ width: auto; left: initial; right: 18px; bottom: 27px; }
.sjyx_banSwiper1 .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fafafa; opacity: 0.3; border-radius: 100px;}
.sjyx_banSwiper1 .swiper-pagination-bullet-active{ background: #dc191b; width: 26px; height: 12px; opacity: 1;}
.ylyDjspRight{ float: right; width: 570px; height: 400px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:20px;}
.ylyDjspTitle{ width: 570px; height: 39px; border-bottom:1px solid #eeeeee; margin-top:20px;}
.ylyDjspMenu{ float: left;}
.ylyDjspMenu li{ float:left; height: 39px; font-size: 18px; color: #333333; cursor: pointer; margin: 0px 30px 0px 30px;}  
.ylyDjspMenu li.current{ font-weight: bold;}
.ylyDjspMenu li.current::after{ content: ''; display: block;  width: 28px; height: 6px; background: #dc191b;  border-radius:100px; margin: auto; margin-top:10px;}
.ylyDjspTitle a{ display: block; float: right; color: #b2b2b2; font-size: 16px; text-decoration: none; margin-right:30px;}
.ylyDjspTitle a:hover{ color: #dc191b; text-decoration: underline;}
.ylyDjspCont{ width: 510px; margin: auto;}
.ylyDjspIn{ width: 510px;}
.ylyDjspIn li{ float: left; width: 240px; margin: 20px 0px 0px 30px;}
.ylyDjspIn li a{ display: block; width: 240px; height: 152px; position: relative; border-radius: 5px; overflow: hidden;} 
.ylyDjspIn li a img{ width:240px; height: 152px; transition: all 0.2s;}
.ylyDjspIn li a:hover img{ transform:scale(1.1);}
.ylyDjspIn li a p{ height: 45px; line-height: 45px; overflow: hidden; font-size: 16px; position: absolute; left: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); color: #ffffff; text-align: center; width: 240px;}
.ylyDjspIn li a em{ display: block; width: 60px; height: 60px; background: url("../images/2022_bg1.png") no-repeat 0px -200px; position:absolute; left: 90px; top: 40px;}
.ylyDjspIn li:nth-child(2n+1){ margin-left:0px;}
.ylyDjspList{ width: 510px;}
.ylyDjspList li{ width: 510px; margin-top:17px;}
.ylyDjspList li p{ float: left; width: 430px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyDjspList li span{ display: block; width: 45px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #b2b2b2; float: right;}
.ylyUzlMenu{ width: 870px; height: 60px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; overflow: hidden;} 
.ylyUzlMenu li{ float: left; font-size: 18px; color: #333333; margin: 22px 30px 0px 30px; display: block; text-decoration: none; cursor:pointer;}
.ylyUzlMenu li.current{font-weight: bold; color: #dc191b; display: block; }
.ylyUzlMenu li.current::after{ content: ''; display: block; width: 28px; height: 4px; background: #dc191b;  border-radius:100px; margin: auto; margin-top:10px;}
.ylyUzlList{ width: 870px;}
.ylyUzlList li{ float: left; width: 275px; height: 230px; margin: 30px 0px 0px 22px;} 
.ylyUzlList li:nth-child(3n+1){ margin-left:0px;}
.ylyUzlList li a{ display: block;  width: 275px; height: 230px; position: relative;  background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px;}
.ylyUzlList li a em{ display: block; width: 275px; height: 180px; border-radius: 5px 5px 0px 0px; overflow: hidden;}
.ylyUzlList li a em img{ width: 275px; height: 180px; transition: all 0.2s;}
.ylyUzlList li a:hover em img{ transform:scale(1.1);}
.ylyUzlList li a:hover{ text-decoration: none;}
.ylyUzlList li a span{ display: block; width: 60px; height: 60px; background: url("../images/2022_bg1.png") no-repeat 0px -200px; position:absolute; left: 110px; top: 55px; display: none;}
.ylyUzlList li a:hover span{ display: block;}
.ylyUzlList li a b { display: block; width: 275px; height: 2px; background: #dc191b; position:absolute; left: 0px; top: 180px; display: none;}
.ylyUzlList li a:hover b{ display: block;} 
.ylyUzlList li a p{ width: 250px; margin: auto; height:18px; line-height: 18px; overflow: hidden; margin-top:15px;}
.ylyUzlList li a:hover p{ font-weight: bold;}  
.ylyUzlList li a:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyQgzbBox{ width: 300px; height: 256px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px;}
.sjyx_banSwiper2{ width: 300px; height: 180px; position: relative; overflow: hidden;}
.sjyx_banSwiper2 .swiper-wrapper{ width:300px; height: 180px;}
.sjyx_banSwiper2 .swiper-wrapper .swiper-slide{ width:300px; height: 180px; }
.sjyx_banSwiper2 .swiper-wrapper .swiper-slide a{ display: block; width: 300px; height: 180px; border-radius: 5px 5px 0px 0px; overflow: hidden;}
.sjyx_banSwiper2 .swiper-wrapper .swiper-slide a img{ width:300px; height: 180px; border-radius: 5px 5px 0px 0px; transition: all 0.2s; }
.sjyx_banSwiper2 .swiper-wrapper .swiper-slide a:hover img{ transform:scale(1.1);}
.sjyx_banSwiper3{ width: 270px !important; height:45px; margin: auto; overflow: hidden; margin-top:15px;}
.sjyx_banSwiper3 .swiper-wrapper{ width: 270px; height:45px;}
.sjyx_banSwiper3 .swiper-wrapper .swiper-slide{ width: 60px !important; height: 40px !important;}
.sjyx_banSwiper3 .swiper-wrapper .swiper-slide a{ display: block; width: 60px; height: 40px;} 
.sjyx_banSwiper3 .swiper-wrapper .swiper-slide a img{ width: 60px; height: 40px; border-radius:5px;}
.sjyx_banSwiper3 .swiper-wrapper .swiper-slide-thumb-active{border:1px solid #dc191b; width: 60px; height: 40px; border-radius: 5px;}



/********************************电竞资讯页********************************/
.ylyMouzList{ width: 870px;}
.ylyMouzList li{ width: 870px; height: 180px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px;}
.ylyMouzList li em a{ display: block; float: left; width: 275px; height: 180px; border-radius: 5px; overflow: hidden;} 
.ylyMouzList li em a img{ width: 275px; height: 180px; transition: all 0.2s;}
.ylyMouzList li em a:hover img{ transform:scale(1.1);}
.ylyMouzList li dl{ float: left; width: 530px; margin:30px 0px 0px 30px;}
.ylyMouzList li dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold;}
.ylyMouzList li dl dd.cont1{ height: 45px; line-height:23px; overflow: hidden; color: #999999; margin-top:15px;}
.ylyMouzList li dl dd.cont2{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top:25px;}
.ylyMouzList li:hover{box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}



/********************************电竞视频详情页********************************/
.ylyCsjsBox{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 30px;}
.ylyCsjsIn{ width: 810px; margin: auto;}
.ylyCsjsTitle{ width: 810px; padding-top:30px;}
.ylyCsjsTitle h1{ font-size: 28px; font-weight: bold; color: #333333;}
.ylyCsjsShiping{ width: 870px; margin-top:30px;}
.ylyCsjsCont{ width: 808px; height: 146px; background: #fafafa; border: 1px solid #f5f5f5; border-radius: 5px; margin-top:25px;}
.ylyCsjsCont em a{ display: block; float: left; width: 88px; height: 88px; margin: 30px 0px 0px 30px;}
.ylyCsjsCont em a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylyCsjsCont dl{ float: left; width: 360px; margin: 30px 0px 0px 20px;}
.ylyCsjsCont dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold; } 
.ylyCsjsCont dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #999999; margin-top: 12px;}
.ylyCsjsCont dl dd.cont2{ height: 26px; line-height: 26px; overflow: hidden; margin-top:12px;}
.ylyCsjsCont dl dd.cont2 i a{ display: block; float: left; height: 26px; background: #eeeeee; border-radius: 5px; padding: 0px 10px; font-style: normal; color: #868c92; margin-right: 10px; font-size: 12px; text-decoration: none;}
.ylyCsjsCont dl dd.cont2 i a:hover{ background:#cf0c0e; color: #ffffff;}
.ylyCsjsCont p a{ display: block; float: left; width: 114px; height: 40px; line-height: 40px; overflow: hidden; text-align: center; background: #dc191b; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; border-radius: 100px;  box-shadow: 0px 4px 10px 0px rgb(247 69 83 / 30%); margin:50px 0px 0px 40px;}
.ylyCsjsCont p a:hover{ background: #cf0c0e;}
.ylyCsjsCont b img{ display: block; width:106px; height: 106px;  padding: 7px; background: #ffffff;  float: right; margin: 15px 15px 0px 0px;}
.ylyCnxhBox{ width:870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 30px;}
.ylyCnxhIn{ width: 810px; margin: auto; padding-top: 27px;}
.ylyCnxhList{ width: 810px; margin: auto; }
.ylyCnxhList li{ float: left; width: 390px; margin: 30px 0px 0px 30px;}
.ylyCnxhList li:nth-child(2n+1){ margin-left:0px;}
.ylyCnxhList li em a{ display: block; float: left; width: 180px; height: 120px; border-radius: 5px; overflow: hidden;} 
.ylyCnxhList li em a img{ width: 180px; height: 120px; transition: all 0.2s;}
.ylyCnxhList li em a:hover img{ transform:scale(1.1);}
.ylyCnxhList li dl{ float: right; width: 190px; margin-top:15px;}
.ylyCnxhList li dl dt a{ display: block; height: 55px; line-height: 30px; overflow: hidden; font-size: 16px;}
.ylyCnxhList li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:20px;}
.ylyGtjlList{ width: 810px;}
.ylyGtjlList li{ width: 810px; border-top: 1px solid #eeeeee; margin-top:15px;}
.ylyGtjlList li:first-child{ border-top:none; margin-top:0px;}
.ylyGtjlList li b{ float: left; width: 390px; display: block; margin: 20px 0px 0px 30px;}
.ylyGtjlList li b a{ display: block; width: 300px; height: 20px; line-height: 20px; overflow: hidden; font-size:16px; float: left; font-weight: normal;}
.ylyGtjlList li b a::before{ content: ''; display: block; width: 6px; height: 6px; background: #ffffff; border: 2px solid #e6e6e6; float: left; border-radius: 100px; margin: 5px 15px 0px 0px;}
.ylyGtjlList li b em{ display: block; float: right; width: 50px; height: 20px; line-height: 20px; overflow: hidden; text-align:right; color: #b2b2b2;}
.ylyGtjlList li b:nth-child(2n+1){ margin-left:0px;}
.ylyRmwzbList li em a b{ display: block; font-style: normal; position:absolute; right: 5px; bottom: 5px; background: rgba(0, 0, 0, 0.3); padding: 0px 5px; color: #ffffff; border-radius: 5px;}



/********************************攻略详情页********************************/
.ylyWztyfBox{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 30px;}
.ylyWztyfTitle{ width: 870px; border-bottom: 1px solid #eeeeee; padding-bottom: 25px; padding-top:40px;} 
.ylyWztyfTitle h1{ font-size: 28px; font-weight: bold; color: #333333; line-height: 40px; width: 810px; margin-left:30px;}
.ylyWztyfTitle p{ width: 810px; margin:0px 0px 0px 30px; color: #b2b2b2; margin-top:15px;}
.ylyWztyfCont{ width: 810px; margin: auto; line-height: 40px; font-size: 16px; color: #333333; margin-top:20px;}
.ylyWztyfCont p{ line-height:40px; width: 810px; font-size: 16px; color: #333333; margin-top:10px;}
.ylyWztyfCont h2{ font-size: 20px; font-weight: bold; margin: 20px 0px;}
.ylyWztyfCont img{ max-width: 810px; margin: 20px 0px;}
.ylyWztyfImg{ width: 810px; text-align: center;} 
.ylyWztyfBox .ylyCsjsCont{ margin-left:30px;}
.ylyXhcnList{ width: 810px;}
.ylyXhcnList li{ width: 248px; height: 104px; border: 1px solid #eeeeee; border-radius:5px; float: left; margin: 30px 0px 0px 30px;}
.ylyXhcnList li a img{ display: block; float: left; width: 64px; height: 64px; border-radius: 15px; margin: 20px 0px 0px 20px;}
.ylyXhcnList li dl{ float: left; width: 135px; margin: 20px 0px 0px 20px;}
.ylyXhcnList li dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden; font-weight: bold;}
.ylyXhcnList li dl dd.cont1{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top:5px;}
.ylyXhcnList li:nth-child(3n+1){ margin-left:0px;}
.ylyXhcnList li:hover{ border: 1px solid #dc191b;}
.ylyYxxgbMenu{ float: left;}
.ylyYxxgbMenu li{ float: left; cursor: pointer; font-size: 18px; color: #333333; margin-right: 35px;}
.ylyYxxgbMenu li em{ display: block; float: left; width: 4px; height: 16px; background: #e6e6e6; margin: 5px 15px 0px 0px; border-radius: 100px;}
.ylyYxxgbMenu li.current{ font-weight: bold;}
.ylyYxxgbMenu li.current em{ background: linear-gradient(to bottom, rgb(255, 133, 21), rgba(223, 31, 43));}
.ylyXhcnList li dl dd.cont2 a{ display: block; width: 54px; height: 22px; border: 1px solid #dc191b; border-radius: 100px; line-height: 22px; text-align: center; color: #dc191b; text-decoration:none; margin-top:5px;}
.ylyXhcnList li:hover dl dd.cont2 a{ background: #dc191b; color: #ffffff;}
.ylyWzzxbList{ width: 260px; margin: auto;}
.ylyWzzxbList li{ float: left; width: 120px; height: 40px; margin: 20px 0px 0px 20px;}
.ylyWzzxbList li a{ display: block; width: 120px; height: 40px; background: #f6f6f6; line-height: 40px; overflow: hidden; text-align: center; color: #999999; border-radius: 100px; text-decoration: none;} 
.ylyWzzxbList li:nth-child(2n+1){ margin-left:0px;} 
.ylyWzzxbList li a:hover{ background: #dc191b; color: #ffffff;}



/********************************手游详情页********************************/
.ylySyxqbBox{ width: 1200px; height: 275px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px;}
.ylySyxqbLeft{ float: left; width: 120px; margin: 30px 0px 0px 30px;} 
.ylySyxqbLeft img{ width: 120px; height: 120px; border-radius: 20px;}
.ylySyxqbLeft a{ display: block; width: 120px; height: 40px; background: #dc191b; border-radius: 100px; line-height: 40px; overflow: hidden; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; margin-top:30px; text-decoration: none; box-shadow: 0px 4px 10px 0px rgb(247 69 83 / 30%);}
.ylySyxqbLeft a:hover{ background: #cf0c0e;}
.ylySyxqbMiddle{ float: left; width: 790px; margin: 30px 0px 0px 30px;}
.ylySyxqbMiddle dl{ width: 790px;} 
.ylySyxqbMiddle dl dt{ height: 32px; line-height: 32px; overflow: hidden; font-size: 28px; font-weight: bold; color: #333333;}
.ylySyxqbMiddle dl dd.cont1{ margin-top:20px;}
.ylySyxqbMiddle dl dd.cont1 span{ display: block; float: left; width: 158px; height: 18px; line-height: 18px; overflow: hidden; color: #666666;}
.ylySyxqbMiddle dl dd.cont2{ height: 26px; line-height: 26px; overflow: hidden; margin-top:20px;}
.ylySyxqbMiddle dl dd.cont2 span{ display: block; float: left; color: #999999;}
.ylySyxqbMiddle dl dd.cont2 em{ display: block; height: 26px; padding: 0px 10px; color: #ffffff; float: left; border-radius: 5px; margin-left:10px;}
.ylySyxqbMiddle dl dd.cont2 em a{ color: #ffffff; text-decoration: none;}
.ylySyxqbMiddle dl dd.cont2 em.bg1{ background: #f84155;}
.ylySyxqbMiddle dl dd.cont2 em.bg2{ background: #449bff;}
.ylySyxqbMiddle dl dd.cont2 em.bg3{ background: #fe7040;}
.ylySyxqbMiddle dl dd.cont2 em.bg4{ background: #ffa246;}
.ylySyxqbMiddle dl dd.cont2 em.bg5{ background: #40a822;}
.ylySyxqbMiddle dl dd.cont3{height: 90px; overflow: hidden; margin-top:10px;}
.ylySyxqbMiddle dl dd.cont3 span{ display: block; float: left; color: #999999; margin-top:15px;}
.ylySyxqbMiddle dl dd.cont3 p{ float: right; width: 745px; height: 90px; overflow: hidden;}
.ylySyxqbMiddle dl dd.cont3 p a{ display: block; float: left; height: 32px; line-height: 32px; background: #f6f6f6; padding: 0px 10px; border-radius: 100px; margin-left:10px; margin-top:13px; color: #999999; text-decoration: none;}
.ylySyxqbMiddle dl dd.cont3 p a:hover{ background: #dc191b; color: #ffffff;}
.ylySyxqbRight{ float: right; width:150px; margin: 45px 40px 0px 0px;}
.ylySyxqbRight img{ width: 150px; height: 150px;}
.ylySyxqbRight p{ height: 18px; line-height: 18px; overflow: hidden; color: #666666; margin-top:20px;}
.ylyYxjsbBox{ width: 870px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);  border-radius: 5px; margin-top:30px; padding-bottom: 30px;}
.ylyYxjsbTitle{ width: 870px; height: 60px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px 5px 0px 0px;}
.ylyYxjsbMenu{ width: 870px;}
.ylyYxjsbMenu li{ float: left;  margin-top:20px; margin-left:60px;}
.ylyYxjsbMenu li a{ display: block; float: left; font-size: 16px; color: #333333; text-decoration: none;}
.ylyYxjsbMenu li a:hover{ font-weight: bold; color: #dc191b;}
.ylyYxjsbMenu li a.hover{  font-weight: bold; color: #dc191b;}
.ylyYxjsbMenu li a.hover::after{ content: ''; display: block; width: 28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto; margin-top:15px;}
.ylyYxjsbMenu li a:hover::after{ content: ''; display: block; width: 28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto; margin-top:15px;}
.ylyYxjsbMenu li:first-child{ margin-left:30px;}
.xxy_yxjt_cont{width: 810px; margin-top:40px ;}
.snapShotWrap{width:810px;overflow:hidden;position:relative; margin:23px 0px 0px 30px;}
#shotNext{top:0;right:0;}
#shotPrev{top:0;left:0;}
.snap-shot-btn{position:absolute;width:50%;height:100%;opacity:0.7;z-index:3;}
#shotNext i{background-position:-35px -320px; right:0px;}
#shotPrev i{background-position:0 -320px; left:0px;}
#shotNext i:hover{background-position:-105px -320px;}
#shotPrev i:hover{background-position:-70px -320px;}
.snap-shot-btn i{background:url("../images/2022_bg1.png") no-repeat;position:absolute;width:25px;height:48px;top:50%;margin:-16px 0 0 0;}
.snapShotCont{width:840px;position:relative;overflow:hidden;}
.snopshot{position:absolute;overflow:hidden;zoom:1;text-align:center;}
.snapShotCont img{position:relative;width:100%; height:100%;}
.ylyYxjjbBox{ width: 810px; margin: auto; margin-top:40px;}
.ylyYxjjbIn{ width: 810px; color: #666666; line-height: 30px; font-size: 16px;} 
.ylyYxjjbIn p{  width: 810px; color: #666666; line-height: 30px; font-size: 16px; margin-top:15px;}
.ylyYxjjbIn h2{ font-weight: bold; font-size: 16px; color: #333333; margin-top:15px;}
.ylyYxjjbCont{ width: 810px; margin-top:50px;} 
.ylyYxjjbVideo{ width: 810px; margin-top:30px;}
.ylyZcsskBox{ width: 808px; height: 478px; border: 1px solid #f5f5f5; background: #fafafa; border-radius: 5px; margin-top:30px;}
.ylyZcsskLeft1{ float: left; width: 385px; margin:25px 0px 0px 30px;}
.ylyZcsskTitle{ width: 385px;}
.ylyZcsskTitle dl{ width: 385px;}
.ylyZcsskTitle dl dt{ font-size: 18px; font-weight: bold; color: #333333; height: 22px; line-height: 22px; overflow: hidden;}
.ylyZcsskTitle dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #dc191b; margin-top:10px;}
.ylyZcsskIn{ width: 385px; margin-top:25px;}
.ylyZcsskIn h2{ font-weight: bold; color: #333333; font-size:14px;}
.ylyZcsskInList1{ width: 385px; margin-top:10px;}
.ylyZcsskInList1 li{ float: left; width: 136px; margin: 12px 0px 0px 30px;}
.ylyZcsskInList1 li a{ display: block; width: 136px; height: 42px; background: #dc191b; border-radius: 5px;}
.ylyZcsskInList1 li a b{ display: block; float: left; width: 21px; height: 16px; background: url("../images/2022_bg1.png") no-repeat -140px -320px; margin: 12px 0px 0px 13px;}
.ylyZcsskInList1 li a span{ display: block; float: left; width: 88px; height: 42px; line-height: 42px; overflow: hidden; margin-left:5px; color: #ffffff; text-decoration: none; font-weight: bold;}
.ylyZcsskInList1 li:nth-child(2n+1){ margin-left:0px;}
.ylyZcsskInList1 li a:hover{ background: #cf0c0e;}
.ylyZcsskInList2{ width: 385px;}
.ylyZcsskInList2 li{ float: left; width: 136px; margin: 18px 0px 0px 30px;}
.ylyZcsskInList2 li a{ display: block;  width: 136px; height: 18px;}
.ylyZcsskInList2 li a b{ display: block; float: left;  width: 15px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; border-radius: 100px; background: #40a822; font-size: 10px; color: #ffffff; font-weight: normal; margin-top:3px;}
.ylyZcsskInList2 li a span{ display: block; float: left; width: 105px; height: 18px; line-height: 18px; overflow: hidden; margin-left:10px; color: #999999; text-decoration: none;}
.ylyZcsskInList2 li:nth-child(2n+1){ margin-left:0px;}
.ylyZcsskInList2 li a:hover span{ color: #dc191b;} 
.ylyMzsmBox{width: 808px; border: 1px solid #ffdada; background: #fff7f7; margin: auto; margin-top:30px; padding-bottom: 10px;}
.ylyMzsmBox p{ width: 770px; margin: auto; line-height: 30px; margin-top:10px; color: #999999; font-size: 12px;} 
.ylyZcsskRight{ float: right; width: 360px;}
.sjyx_banSwiper4{ width: 360px;height: 478px; border-radius:5px 5px 5px 0px;}
.sjyx_banSwiper4 img{ width:360px; height:429px; transition: transform 0.5s; }
.sjyx_banSwiper4 li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.sjyx_banSwiper4 h3{ height: 49px; line-height: 49px; overflow: hidden; font-size: 16px; position: absolute; left: 0; bottom: 0; background:#f0f0f0; width: 360px;}
.sjyx_banSwiper4 h3 span{ display: block; width:190px; overflow: hidden; margin-left:15px; color: #333333;}
.sjyx_banSwiper4 .swiper-pagination{ width: auto; left: initial; right: 18px; bottom:18px; }
.sjyx_banSwiper4 .swiper-pagination-bullet{ width: 12px; height: 12px; background: #d4d4d4; opacity: 1; border-radius: 100px;}
.sjyx_banSwiper4 .swiper-pagination-bullet-active{ background: #dc191b; width: 26px; height: 12px; opacity: 1;}
.ylyBtyxList{ width: 260px; margin: auto;}
.ylyBtyxList li{ width:260px; border-top:1px solid #eeeeee; padding-top:20px; margin-top:20px;}
.ylyBtyxList li:first-child{ border-top:none; margin-top:0px;}
.ylyBtyxList li a img{ display:block; width: 64px; height: 64px; border-radius: 15px; float:left;} 
.ylyBtyxList li dl{ float: right; width: 180px; margin-top:8px;}
.ylyBtyxList li dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden;}  
.ylyBtyxList li dl dt a:hover{ font-weight: bold;}
.ylyBtyxList li dl dd{ width: 180px;}
.ylyBtyxList li dl dd span{ display: block; float: left; width: 110px; height: 16px; line-height: 16px; overflow: hidden; color: #b2b2b2; font-size: 12px; margin-top:15px;}
.ylyBtyxList li dl dd a{ display: block; width: 56px; height: 24px; background: #eeeeee; line-height: 24px; overflow: hidden; text-align: center; font-size: 12px; border-radius: 100px; color: #999999; text-decoration: none; font-weight: bold; float: right; margin-top:10px;} 
.ylyBtyxList li dl dd a:hover{ background: #dc191b; color: #ffffff;}
.ylyTankuang{position: fixed;width: 100%;;height:100%;left:0;top:0;background:rgba(0, 0, 0, 0.4);z-index: 99;}
.ylyTanIn{ width: 525px; height: 250px; background: #ffffff; left: 50%; top: 50%; position:absolute; margin-left:-262.5px; margin-top: -125px; border-radius: 5px; z-index: 100;}  
.ylyTanIn h2{ font-size: 16px; font-weight: bold; color: #333333; text-align: center; margin-top:55px;}
.ylyTanTitle{ width:525px; margin-top:30px;}
.ylyTanTitle span{ display: block; width: 50px; height:18px; line-height: 18px; overflow: hidden; color: #666666; float: left; margin-top:13px; margin-left:94px;}
.ylyTanTitle input.text1{ float: left; width: 240px; height: 42px; outline: none; border:none; background: none; border: 1px solid #EEEEEE; padding-left: 10px; color: #CCCCCC; margin-left:10px;} 
.ylyTanSumbmit{ width: 525px; margin-top:30px;}
.ylyTanSumbmit input.submit1{ float: left; width: 120px; height: 38px; border-radius: 100px; border:none; background:none; background: #DC191B; color: #ffffff; margin-left:120px; cursor: pointer; outline: none;}
.ylyTanSumbmit span{ display: block; width: 120px; height: 38px; border-radius: 100px; border: 1px solid #E6E6E6; float: left; line-height: 38px; text-align: center; margin-left:20px; cursor: pointer;}
.ylyTanSumbmit input.submit1:hover{ background: #CF0C0E;}
.ylyTanSumbmit span:hover{ border: 1px solid #DC191B; color: #DC191B;}
.ylyZcsskImg img{ width: 306px; height: 187px; margin-top:130px; margin-left:30px;}
 


/********************************端游详情页********************************/
.ylySyxqbLeft1{ float: left; width: 380px; height: 215px; margin: 30px 0px 0px 30px;}
.ylySyxqbLeft1 img{ width: 380px; height: 215px; border-radius: 5px;}
.ylySyxqbMiddle1{ float: right; width: 760px;}
.ylySyxqbMiddle1 dl{ width: 760px;} 
.ylySyxqbMiddle1 dl dd.cont1 span{width: 152px;}
.ylySyxqbMiddle1 dl dd.cont3 p{  width:715px; }
.ylyWinxia{ width: 385px; margin-top:25px;}
.ylyWinxia a{ display: block; width: 140px; height: 46px; line-height: 46px; overflow: hidden; font-size: 16px; font-weight: bold; float: left; text-align: center; text-decoration: none; color: #ffffff; border-radius: 100px;} 
.ylyWinxia a.bg1{ background: #dc191b; box-shadow: 0px 4px 10px 0px rgb(247 69 83 / 30%);} 
.ylyWinxia a:hover.bg1{ background:#cf0c0e ;}
.ylyWinxia a.bg2{ background: #40a822; box-shadow: 0px 4px 10px 0px rgb(64 168 34 / 30%); margin-left:30px;} 
.ylyWinxia a:hover.bg2{ background: #399b1d;}
.navfloat{position:fixed; top:0; margin-top:20px !important;}