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

/**********************************手游列表**********************************/
.nxSylbBox{ width: 1200px; background: #ffffff; padding-bottom: 30px;}
.nxSylbIn{ width: 1152px; margin: auto; padding-top: 10px;}
.nxSylbIn dl{ width:1152px; border-bottom: 1px dashed #E6E7EB; padding-bottom:20px;}  
.nxSylbIn dl dt{ float: left; width: 70px; height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:18px;} 
.nxSylbIn dl dd{ float: right; width: 1082px;}
.nxSylbIn dl dd a{ display: block; float: left; width: 90px; height: 21px; line-height: 21px; overflow: hidden; color: #303133; text-decoration: none; margin: 18px 0px 0px 24px;}
.nxSylbIn dl dd a b{ display:block; width: 21px; height: 21px; background: #3199FE; border-radius: 50%; float: left; margin: 0px 5px 0px 0px;}
.nxSylbIn dl dd a.hover{ color: #3199FE; font-weight: bold;}
.nxSylbIn dl dd a.hover b{ background: #2980B9; border-radius: 50%;}
.nxSylbList{ width: 1152px; margin: auto;}
.nxSylbList li{ float:left; width: 172px; height: 293px; background: #F8F8FA; border-radius: 8px; margin: 25px 0px 0px 24px;}
.nxSylbList li a img{ display: block; width: 112px; height: 112px; border-radius: 15px; margin: 20px 0px 0px 30px;}
.nxSylbList li dl{ width: 130px; margin: auto; margin-top:15px;}
.nxSylbList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; text-align: center;} 
.nxSylbList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #7F7F7F; margin-top:10px; text-align: center;}
.nxSylbList li dl dd.cont2{ margin-top:10px; height: 18px; line-height: 18px; overflow: hidden; color: #7F7F7F; display: flex; align-items: center; justify-content: center;}  
.nxSylbList li dl dd.cont2 b{ display: block; float: left; width: 16px; height: 14px; background: #3199FE; border-radius: 2px; margin: 2px 5px 0px 0px;}
.nxSylbList li dl dd.cont3 a{ display: block; width: 112px; height: 36px; border-radius: 4px; border: 1px solid #C8CACC; line-height: 36px; overflow: hidden; color: #646566; text-decoration: none; text-align: center; margin:auto; margin-top:12px;}
.nxSylbList li:hover{ background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.08);} 
.nxSylbList li:hover dl dd.cont3 a{ background: #3199FE; color: #ffffff; border: 1px solid #3199FE;}
.nxSylbList li:nth-child(6n+1){ margin-left:0px;}





/**********************************攻略列表**********************************/
.nxGllbBox{ width: 1200px; text-align: center; padding-top: 10px;}   
.nxGllbBox a{ display:inline-block; border: 1px solid #E6E7EB; height: 35px; border-radius: 4px; color: #000000; text-decoration: none; line-height: 35px; margin:20px 0px 0px 25px; width: 80px; overflow: hidden; }
.nxGllbBox a.hover{ background: #3199FE; color: #ffffff; font-weight: bold; border: 1px solid #3199FE;}

/**左边**/
.nxGllbLeft{ float: left; width: 840px;}
.nxGllbIn{ width:840px; background: #ffffff; padding-bottom: 20px; margin-top:30px;} 
.nxGllbList{ width: 792px; margin: auto;}
.nxGllbList li{ width: 792px; border-bottom: 1px solid #E0E2E2; padding-bottom: 20px; padding-top:20px;}
.nxGllbList li span a{ display: block; float: left; width: 243px; height: 130px; border-radius: 6px; position: relative; overflow: hidden;} 
.nxGllbList li span a img{ width: 243px; height: 130px; transition: all 0.5s;}
.nxGllbList li span a:hover img{ transform: scale(1.2);}
.nxGllbList li dl{ float: right; width: 530px; margin-top:5px;}
.nxGllbList li dl dt a{ display: block; height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; font-weight: bold;}
.nxGllbList li dl dd.cont1{ margin-top:10px; height: 18px; line-height:18px; overflow: hidden;}
.nxGllbList li dl dd.cont1 a{ display: block; float: left; margin-right: 20px;}
.nxGllbList li dl dd.cont1 em{ display: block; float: left; color: #969799; }
.nxGllbList li dl dd.cont2{ height: 65px; line-height: 22px; overflow: hidden; color: #646566; margin-top:10px;} 


/**右边**/
.nxGllbRight{ float:right; width:336px;} 
.nxWpjsBox{ width: 336px; margin-top:30px;}
.nxWpjsSwiper{ width: 336px; position: relative; overflow: hidden; height:240px;}
.nxWpjsSwiper .swiper-wrapper{ width:336px;}
.nxWpjsSwiper .swiper-wrapper .swiper-slide{ width: 336px; height:235px;}
.fBzttImg1{ width: 336px; height: 201px;}
.fBzttImg1 a{ display: block; width: 336px; height: 201px; position: relative; overflow: hidden;}
.fBzttImg1 a img{ width: 336px; height:201px; transition: all 0.5s;}
.fBzttImg1 a:hover img{ transform: scale(1.2);}
.fBzttImg1 a span{ display: block; width: 336px; height: 40px; background: rgba(0, 0, 0,1); position:absolute; left: 0px; bottom: 0px; line-height: 40px; overflow: hidden; text-align: center; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none;}
.nxWpjsSwiper .swiper-pagination .swiper-pagination-bullet{ width:21px; height: 21px;  background: #C8CACC; border-radius: 50%; opacity: 1;}
.nxWpjsSwiper .swiper-pagination{ bottom:0px;}
.nxWpjsSwiper>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 0px 0px 8px;}
.nxWpjsSwiper>.swiper-pagination-bullets .swiper-pagination-bullet:first-child{ margin-left:0px;}
.nxWpjsSwiper .swiper-pagination .swiper-pagination-bullet-active{ width:21px; height: 21px;  background: #3199FE; border-radius: 50%; opacity: 1;}
.nxRmzxBox{ width: 336px; background: #ffffff; padding-bottom: 20px; margin-top:30px;}
.nxRmzxIn{ width: 296px; margin: auto; padding-top: 15px;}
.nxZxtjTitle2 b{ display: block; float: left; width: 19px; height: 19px; background: #3199FE; border-radius: 2px; margin: 8px 15px 0px 0px;}
.nxZxtjTitle2 b.icon1{ background: #2980B9; border-radius: 2px;}
.nxZxtjTitle2 h2{ float: left; font-size: 18px; font-weight: bold; color: #303133; margin-top:5px;}
.nxZxtjTitle2 em a{ display: block; float: right; margin-top:8px;}
.nxZxtjTitle2 em a h3{ float: left; font-size: 16px; font-weight: normal; color: inherit; margin: 0;}
.nxZxtjTitle2 em a i{ display: block; float: left; width: 14px; height: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -150px -50px; background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -150px -50px; background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -150px -50px; margin: 3px 0px 0px 5px;}
.nxZxtjTitle2 em a:hover i{ background-position: -180px -50px;}
.nxRmzxList{ width: 296px;}
.nxRmzxList li{ margin-top:20px;}
.nxRmzxList li span{ display: block; float: left; width: 20px; height: 20px; line-height: 20px; overflow: hidden; text-align: center; color: #ffffff; border-radius: 2px; font-weight: bold;} 
.nxRmzxList li span.bg1{ background: #FF2A00;}
.nxRmzxList li span.bg2{ background: #FF6200;}
.nxRmzxList li span.bg3{ background: #C8CACC;}
.nxRmzxList li a{ display: block; float: right; width: 265px; height: 20px; line-height: 20px; overflow: hidden;}
.nxRytjList{ width: 296px;}
.nxRytjList li{ margin-top:20px;}
.nxRytjList li a img{ display: block; float: left; width: 88px; height: 88px; border-radius: 18px;} 
.nxRytjList li dl{ float: right; width: 190px; margin: 6px 0px 0px 0px;}
.nxRytjList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxRytjList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #7F7F7F; margin-top:8px;}  
.nxRytjList li dl dd.cont2{ height: 22px; overflow: hidden; margin-top:10px;}
.nxRytjList li dl dd.cont2 a{ display: block; float: left; height: 22px; line-height: 22px; background: #F8F8FA; border-radius: 2px; color: #969799; text-decoration: none; font-size: 12px; padding: 0px 8px; margin: 0px 10px 0px 0px;}  
.nxRytjList li dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;}





/**********************************专题列表**********************************/
.nxCydlBox{ width: 1200px; background: #ffffff; padding-bottom: 30px;}
.nxCydlList{ width: 1152px; margin: auto;}
.nxCydlList li{ float: left; width: 270px; height: 240px; background: #F8F8FA; border-radius: 6px; margin: 25px 0px 0px 24px;}
.nxCydlList li span a{ display: block; width: 270px; height: 162px; overflow: hidden; border-radius: 6px 6px 0px 0px;}
.nxCydlList li span a img{ width: 270px; height: 162px; transition: all 0.5s;}
.nxCydlList li span a:hover img{transform: scale(1.2);}
.nxCydlList li dl{ width: 240px; margin: auto; margin-top:15px;}
.nxCydlList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold; }
.nxCydlList li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:10px;}
.nxCydlList li:hover{ background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.08);}
.nxCydlList li:nth-child(4n+1){ margin-left:0px;}






/**********************************软件更新**********************************/
.nxRjgxList{ width:1200px;} 
.nxRjgxList li{ width: 1200px; height: 169px;}
.nxRjgxImg a img{ display: block; float: left; width: 120px; height: 120px; border-radius: 15px; margin: 25px 0px 0px 25px;}
.nxRjgxList  li dl{ float: left; width: 780px; margin:30px 0px 0px 20px;} 
.nxRjgxList  li dl dt{ height: 28px; overflow: hidden;}
.nxRjgxList  li dl dt span a{ display: block; float: left; max-width: 480px; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold;} 
.nxRjgxList  li dl dt em{ display: block; float: left; max-width: 290px; margin: 0px 0px 0px 10px; height: 28px; overflow: hidden;}
.nxRjgxList  li dl dt em a{ display: block; float: left; height: 28px;  line-height: 28px; padding: 0px 8px; background: #F8F8FA; color: #969799; text-decoration: none; margin: 0px 10px 0px 0px; border-radius: 4px;}
.nxRjgxList  li dl dt em a:hover{ background: #3199FE; color: #ffffff;}
.nxRjgxList  li dl dd.cont1{ height:18px; line-height: 18px; overflow: hidden; color: #646566; margin-top:10px;}
.nxRjgxList  li dl dd.cont2{ height:42px; line-height: 22px; overflow: hidden; color: #969799; margin-top:10px;}
.nxRjgxXian{ float: left; width: 1px; height: 120px; background: linear-gradient(159deg, rgba(233,233,233,0) 0%, #E3E3E3 51%, rgba(234,234,234,0) 100%); margin: 30px 0px 0px 50px;}
.nxRjgxSubmit a{ display: block; float: right; width: 148px; height: 52px; background: #EAF4FE; border-radius: 4px; margin:55px 25px 0px 0px; line-height: 52px; text-align: center; overflow: hidden; font-size: 16px; font-weight: bold; color: #3199FE; text-decoration: none;}
.nxRjgxList  li:hover{background: #FFFFFF; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.08);}
.nxRjgxList  li:hover .nxRjgxSubmit a{ background: #3199FE; color: #ffffff;}






/**********************************文章最新**********************************/
.nxYsjtList{ width: 296px;}
.nxYsjtList li{ margin-top:20px;}
.nxYsjtList li span a{ display: block; float: left; width: 98px; height: 59px; border-radius: 4px; overflow: hidden;}
.nxYsjtList li span a img{ width: 98px; height: 59px; transition: all 0.5s;}
.nxYsjtList li span a:hover img{transform: scale(1.2);}
.nxYsjtList li dl{ float: right; width:186px; margin-top:-5px;}
.nxYsjtList li dl dt a{ height: 45px; line-height: 24px; font-size: 16px; overflow: hidden; display: block;}
.nxYxtjList{ width: 296px;}
.nxYxtjList li{ float: left; width: 88px; margin: 20px 0px 0px 16px;}
.nxYxtjList li a { display: block;}
.nxYxtjList li a img{ width: 88px; height: 88px; border-radius: 15px;}
.nxYxtjList li a p{ height: 18px; line-height: 18px; overflow: hidden; margin-top:10px; text-align: center;}
.nxYxtjList li:nth-child(3n+1){ margin-left:0px;}
.nxSyphList{ width: 296px;}
.nxSyphList li{ float:left; width:140px; margin: 20px 0px 0px 16px;}
.nxSyphList li a{ display: block;}
.nxSyphList li a span{ display: block; width: 140px; height: 75px; border-radius: 4px; overflow: hidden;}
.nxSyphList li a span img{ width: 140px; height: 75px; transition: all 0.5s;} 
.nxSyphList li a:hover span img{ transform: scale(1.2);}
.nxSyphList li:nth-child(2n+1){ margin-left:0px;}
.nxSyphList li a p{ height: 16px; line-height: 16px; overflow: hidden; text-align: center; font-size: 12px; margin-top:10px;}







/**********************************视频列表**********************************/
.nxSplbList{ width: 1152px; margin: auto;}
.nxSplbList li{ float: left; width:216px; margin:25px 0px 0px 18px;}
.nxSplbList li span{ display: block; width:216px; height: 128px; border-radius: 6px; overflow: hidden; position: relative;} 
.nxSplbList li span a img{ display: block; width:216px; height: 128px; overflow: hidden; transition: all 0.5s;}
.nxSplbList li:hover span a img{ transform: scale(1.2);}
.nxSplbList li span em{ display: block; width: 216px; height: 28px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); border-radius: 0px 0px 6px 6px; position:absolute; left: 0px; bottom: 0px; line-height: 28px; overflow: hidden;}
.nxSplbList li span em b{ display: block; float: left; width: 16px; height: 12px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat 0px -220px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat 0px -220px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat 0px -220px; margin: 8px 0px 0px 10px;}
.nxSplbList li span em i{ display: block; float: right; font-size: 10px; color: #ffffff; margin: 0px 0px 0px 10px; font-style: normal; margin: 0px 10px 0px 0px;}
.nxSplbList li span em p{ float: left; color: #ffffff; font-size: 12px; margin: 0px 0px 0px 5px;;}  
.nxSplbList li dl{ margin-top:15px;}
.nxSplbList li dl dt a{ display: block; height: 45px; line-height: 22px; overflow: hidden;}
.nxSplbList li:nth-child(5n+1){ margin-left:0px;}







/**********************************标签合集列表**********************************/
.nxJdxwRe{ width:1152px; margin: auto; padding-top: 10px;}
.nxJdxwRe dl{ width: 1152px; margin-top:18px;}
.nxJdxwRe dl dt{ float: left; width: 96px; height: 34px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat; font-size: 16px; font-weight: bold; line-height: 34px; overflow: hidden; text-align: center; color: #ffffff;}
.nxJdxwRe dl dt.bg1{ background-position: -50px 0px;}
.nxJdxwRe dl dt.bg2{ background-position: -155px 0px;}
.nxJdxwRe dl dt.bg3{ background-position: -260px 0px;}
.nxJdxwRe dl dd{ float: right; width: 1040px; height: 34px; line-height: 34px; overflow: hidden;} 
.nxJdxwRe dl dd a{ display: block; float: left;}
.nxJdxwRe dl dd span{ display: block; float:left; color: #E6E7EB; margin: 0px 10px;}
.nxJdxwRe dl.line{ border-bottom: 1px solid #E0E2E2; padding-bottom: 18px;}
.nxBqhjBox{ width: 1200px; background: #ffffff; padding-bottom: 30px; margin-top:10px;}
.nxBqhjTitle{ width: 1152px; margin: auto; border-bottom: 1px solid #E0E2E2; padding-bottom: 20px; padding-top: 20px;}
.nxBqhjTitle a{ display: block; float: left; width: 33px; height: 33px; background: #F8F8FA; border-radius: 4px; line-height: 33px; overflow: hidden; text-align: center; font-size: 18px; font-weight: bold; color: #969799; text-decoration: none; margin: 0px 0px 0px 11.5px;} 
.nxBqhjTitle a:nth-child(26n+1){ margin-left:0px;}
.nxBqhjTitle a:hover{ background: #3199FE; color: #ffffff;}
.nxBqhjIn{ width: 1152px; margin: auto;}
.nxBqhjIn dl{ width: 1152px; margin-top:30px;}
.nxBqhjIn dl dt b{ display: block; float: left; width: 19px; height: 19px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat 0px -190px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat 0px -190px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat 0px -190px; margin: 2px 10px 0px 0px;}
.nxBqhjIn dl dt h2{ float: left; color: #303133; font-size: 18px; font-weight: bold;}
.nxBqhjIn dl dd{ margin-top:10px;}
.nxBqhjIn dl dd a{ display: block; float: left; width: 207px; height: 50px; background: #F8F8FA; border-radius: 4px; line-height: 50px; overflow: hidden; text-align: center; color: #303133; text-decoration: none; margin: 20px 0px 0px 29px;}
.nxBqhjIn dl dd a:nth-child(5n+1){ margin-left:0px;}
.nxBqhjIn dl dd a:hover{background:rgba(49,153,254,0.1); color: #3199FE;}







/**********************************排行榜列表**********************************/
.nxRmbtList{ width: 1152px; margin: auto;}
.nxRmbtList li{ float: left; width: 212px; margin: 25px 0px 0px 23px;}
.nxRmbtList li a{ display: block; width: 212px; height: 114px; overflow: hidden; position: relative; border-radius: 4px;}
.nxRmbtList li a img{ width: 212px; height: 114px; transition: all 0.5s;}
.nxRmbtList li a:hover img{ transform: scale(1.2);}
.nxRmbtList li a span{ display: block; width: 213px; height: 32px;  background: rgba(0, 0, 0,0.8); line-height: 32px; overflow: hidden; position:absolute; left: 0px; bottom: 0px; text-align: center;}
.nxRmbtList li:nth-child(5n+1){ margin-left:0px;}

/**左边**/
.nxPhLeft{ float:left; width: 770px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.nxPhIn{ width: 730px; margin: auto; padding-top: 20px;} 
.nxPhList{ width: 730px;}
.nxPhList li{ float: left; width: 224px; height: 190px; background: #F7F7F7; border-radius: 6px; margin: 25px 0px 0px 29px;} 
.nxPhList li span a{ display: block; width: 224px; height: 120px; overflow: hidden; border-radius: 6px 6px 0px 0px;}
.nxPhList li span a img{ transition: all 0.5s; width: 224px; height: 120px; }
.nxPhList li span a:hover img{ transform: scale(1.2);}
.nxPhList li dl{ width: 190px; margin: auto; margin-top:15px;}
.nxPhList li dl dt a{ display: block; height: 18px; line-height: 18px; overflow: hidden; font-weight: bold;} 
.nxPhList li dl dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #969799; margin-top:7px;}
.nxPhList li:nth-child(3n+1){ margin-left:0px;}
.nxPhList li:hover{ background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.08);}

/**右边**/
.nxPhRight{ float: right; width: 407px;}
.nxPhbbBox{ width:407px; height: 850px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg5.png) no-repeat; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg5.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg5-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg5.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg5-2x.png) 2x) no-repeat; margin-top:17px;} 
.nxPhbbIn{ width:358px; margin: auto; padding-top: 90px;}
.nxYxbdList{ width: 358px; padding-top:5px;}
.nxYxbdList li{ width: 358px;}
.nxYxbdCont1{ width: 358px; border-bottom: 1px solid #F1F1F1; padding-bottom: 15px; margin-top: 15px;}
.nxYxbdImg{ float: left; width: 84px; height: 84px; position:relative;}
.nxYxbdImg a img{ display: block; width: 84px; height: 84px; border-radius: 15px;}
.nxYxbdImg span{ display: block; width: 20px; height: 20px; border-radius: 1px; line-height: 20px; text-align: center; font-weight: bold; color: #ffffff; position:absolute; left: 0px; top: 0px;}
.nxYxbdImg span.bg1{ background: #FF2A00; }
.nxYxbdImg span.bg2{ background: #FF6200; }
.nxYxbdImg span.bg3{ background: #FFAF0E; }
.nxYxbdCont1 dl{ float: left; width: 160px; margin:8px 0px 0px 15px;}
.nxYxbdCont1 dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxYxbdCont1 dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #7F7F7F; margin-top:6px;}
.nxYxbdCont1 dl dd.cont2{ height: 22px; overflow: hidden; margin-top:10px;}
.nxYxbdCont1 dl dd.cont2 a{ display: block; height: 22px; background: #F7F8FA; line-height: 22px; padding: 0px 5px; margin: 0px 10px 0px 0px; float: left; border-radius: 4px; color: #969799; font-size: 12px; text-decoration: none;}
.nxYxbdCont1 dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;} 
.nxYxbdSubmit{ float: right; width: 90px;}
.nxYxbdSubmit span{ display: block; font-size: 16px; font-weight: bold; color: #FF0000; width: 90px; height: 20px; line-height: 20px; overflow: hidden; display: flex; justify-content: flex-end; margin-top:10px;}
.nxYxbdSubmit span b{ display: block; float: left; width: 10px; height: 14px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -270px -50px;  
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -270px -50px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -270px -50px; margin: 2px 5px 0px 0px;}
.nxYxbdSubmit a{ display: block; width: 88px; height: 32px; border: 1px solid #C8CACC; border-radius: 4px; line-height: 32px; text-align: center; overflow: hidden; color: #646566; text-decoration: none; font-size: 12px; margin-top:20px;}
.nxYxbdSubmit a:hover{ border: 1px solid #3199FE; color:#3199FE;}
.nxYxbdCont2{ width: 358px; border-bottom: 1px solid #F1F1F1; padding-bottom: 16px; margin-top: 16px;}
.nxYxbdCont2 span{ display: block; width: 20px; height: 20px; border-radius: 1px; line-height: 20px; text-align: center; font-weight: bold; color: #ffffff;  background: #C8CACC; float: left;}
.nxYxbdCont2 a{ display: block; float: left; width: 220px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin:0px 0px 0px 15px;} 
.nxYxbdCont2 em{ display: block; float: right; width:70px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #969799; text-align: right;}







/**********************************排行榜详情**********************************/
.nxHhwrList{ width:1152px; margin: auto;}
.nxHhwrList li{ float: left; width: 98px; margin:25px 0px 0px 19px;}
.nxHhwrList li a{ display: block;}
.nxHhwrList li a img{ width: 85px; height: 85px; border-radius: 15px; display:block; margin: auto;}
.nxHhwrList li a p{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top:15px;}
.nxHhwrList li:nth-child(10n+1){ margin-left:0px;}

/**左边**/
.nxEleeBox{ width:840px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.nxEleeTitle{ width: 792px; margin: auto; border-bottom: 1px solid #E0E2E2; padding-bottom: 15px; padding-top:20px;}
.nxEleeTitle h1{ font-size: 24px; font-weight: bold; height: 28px; line-height: 28px; overflow: hidden; color: #303133; text-align: center;}
.nxEleeTitle p{ display: flex; justify-content: center; align-items: center; color: #646566; margin-top:15px;}
.nxEleeTitle p span{ display: block; float: left; margin: 0px 10px 0px 10px;}
.nxEleeTitle p span b{ display: block; float: left; width: 16px; height: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat;  
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat; margin: 0px 8px 0px 0px;}
.nxEleeTitle p span b.icon1{ background-position:-365px 0px;}
.nxEleeTitle p span b.icon2{ background-position:-380px -50px;}
.nxEleeList{ width:840px;}
.nxEleeList li{ width: 840px; height: 137px;}
.nxEleeBg{ float: left; width: 42px; height: 40px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat;  
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat; margin:50px 0px 0px 20px;}
.nxEleeBg1{ background-position: -35px -190px;}
.nxEleeBg2{ background-position: -85px -190px;}
.nxEleeBg3{ background-position: -135px -190px;}
.nxEleeImg a img{ display: block; float: left; width: 88px; height: 88px; border-radius: 15px; margin: 25px 0px 0px 30px;}
.nxEleeList li dl{ float: left; width: 460px; margin:30px 0px 0px 20px;}
.nxEleeList li dl dt{ height: 28px; overflow: hidden;}
.nxEleeList li dl dt span a{ display: block; float: left; max-width: 240px; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold;}
.nxEleeList li dl dt em{ display: block; float: left; max-width: 210px; margin: 0px 0px 0px 10px; overflow: hidden; height: 28px;}
.nxEleeList li dl dt em a{ display: block; height: 28px; line-height: 28px; background: #F8F8FA; padding: 0px 10px; border-radius: 4px; color: #969799; text-decoration: none; float:left; margin: 0px 10px 0px 0px;}
.nxEleeList li dl dt em a:hover{ background:#3199FE; color: #ffffff;}
.nxEleeList li dl dd{ height: 45px; line-height: 22px; overflow: hidden; color: #646566; margin-top:10px;}
.nxEleeLine{ float: left; width: 1px; height: 88px; background: linear-gradient(159deg, rgba(233,233,233,0) 0%, #E3E3E3 51%, rgba(234,234,234,0) 100%); margin:30px 0px 0px 20px;}
.nxEleeSubmit a{ display: block; float: right; width: 104px; height: 40px; background: #EAF4FE; border-radius: 4px; line-height: 40px; overflow: hidden; text-align: center; font-weight: bold; color: #3199FE; text-decoration:none; margin: 50px 20px 0px 0px;}
.nxEleeList li:hover{ background: #ffffff; box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.08);}
.nxEleeList li:hover .nxEleeSubmit a{ background: #3199FE; color: #FFFFFF;}
.nxEleeBg4{ float: left; width: 42px; height: 32px; line-height: 32px; overflow: hidden; font-size: 28px; font-weight: bold; color: #C8CACC; text-align: center; margin: 50px 0px 0px 20px;} 


/**右边**/
.nxDjdzsBox{ width: 296px; padding-top: 10px;}
.nxDjdzsBox a{ display: block; height: 34px; border-radius: 4px; border: 1px solid #E6E7EB; line-height: 34px; float: left; padding: 0px 15px; color: #303133; text-decoration: none; margin: 15px 10px 0px 0px;}
.nxDjdzsBox a:hover{ background: #3199FE; color: #ffffff; border: 1px solid #3199FE;}
 






/**********************************视频详情**********************************/
/**左边**/
.nxYsspBox{ width: 840px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.nxYsspTitle{ width: 792px; margin: auto; border-bottom: 1px solid #E0E2E2; padding-bottom: 15px; padding-top: 20px;}
.nxYsspTitle h1{ font-size: 24px; font-weight: bold; color: #303133; text-align: center;}
.nxYsspTitle p{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #646566; margin-top:15px; text-align: center;} 
.nxYsspVideo{ width:792px; margin: auto; margin-top:25px;}
.nxYsspVideo video{ width: 792px;}
.nxYsspMsg{ width: 792px; height: 42px; background: #FEF2E1; margin: auto; margin-top:25px; display: flex; align-items: center; justify-content: center; color: #FF6701; line-height: 42px; overflow: hidden;}
.nxYsspMsg b{ display: block; float: left; width: 16px; height: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -190px -195px;  
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -190px -195px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -190px -195px; margin: 0px 5px 0px 0px;}
.nxYsspIn{ width: 792px; margin: auto; padding-top: 20px;}
.nxSplbList2{ width: 792px; margin: auto;}
.nxSplbList2 li{ float: left; width:186px; margin:25px 0px 0px 16px;}
.nxSplbList2 li span{ display: block; width:186px; height: 110px; border-radius: 6px; overflow: hidden; position: relative;} 
.nxSplbList2 li span a img{ display: block; width:186px; height: 110px; overflow: hidden; transition: all 0.5s;}
.nxSplbList2 li:hover span a img{ transform: scale(1.2);}
.nxSplbList2 li span em{ display: block; width: 186px; height: 28px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); border-radius: 0px 0px 6px 6px; position:absolute; left: 0px; bottom: 0px; line-height: 28px; overflow: hidden;}
.nxSplbList2 li span em b{ display: block; float: left; width: 16px; height: 12px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat 0px -220px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat 0px -220px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat 0px -220px; margin: 8px 0px 0px 10px;}
.nxSplbList2 li span em i{ display: block; float: right; font-size: 10px; color: #ffffff; margin: 0px 0px 0px 10px; font-style: normal; margin: 0px 10px 0px 0px;}
.nxSplbList2 li span em p{ float: left; font-size:12px; color: #ffffff; margin: 0px 0px 0px 5px;}
.nxSplbList2 li dl{ margin-top:12px;}
.nxSplbList2 li dl dt a{ display: block; height: 45px; line-height: 22px; overflow: hidden;}
.nxSplbList2 li:nth-child(4n+1){ margin-left:0px;}
.nxCnxhMenu{ float: right; margin-top:7px;}
.nxCnxhMenu li{ float: left; font-size: 16px;  color: #303133; cursor: pointer;} 
.nxCnxhMenu span{ display: block; float: left; color: #E6E7EB; margin: 0px 10px; font-weight: bold;}
.nxCnxhMenu li.current{ color: #3199FE; font-weight: bold;}
.nxCnxhList{ width: 792px;}
.nxCnxhList li{ float: left; width: 98px; margin: 20px 0px 0px 40px;}
.nxCnxhList li a{ display: block;}
.nxCnxhList li a img{ width: 80px; height: 80px; border-radius: 15px; margin: auto; display: block;}
.nxCnxhList li a dl{ margin-top:8px;}
.nxCnxhList li a dl dt{ display: block; height:18px; line-height: 18px; overflow: hidden; font-weight: bold; text-align: center;} 
.nxCnxhList li a dl dd{ width: 66px; height: 30px; background: #F8F8FA; border-radius: 2px; line-height: 30px; overflow: hidden; text-align: center; font-size:13px; font-weight: bold; margin:auto; margin-top:16px;}
.nxCnxhList li a:hover{ text-decoration:none;}
.nxCnxhList li a:hover dl dd{ background: #3199FE; color: #ffffff;}
.nxCnxhList li:nth-child(6n+1){ margin-left:0px;}

  
/**右边**/
.nxMnjyBox{ width: 336px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.nxMnjyIn{ width: 296px; margin: auto; padding-top:30px;}
.nxMnjyImg a img{ display: block; width: 120px; height: 120px; border-radius:15px; margin: auto; }
.nxMnjyIn dl{ margin-top:15px;}
.nxMnjyIn dl dt a{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold; text-align: center;}
.nxMnjyIn dl dd.cont1{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; text-align: center; color: #969799; margin-top:12px;}
.nxMnjyIn dl dd.cont2{ margin-top:15px; text-align: center; height: 28px; overflow: hidden;}
.nxMnjyIn dl dd.cont2 a{ display:inline-block; height: 28px; line-height: 28px; padding: 0px 10px; background: #F8F8FA; color: #969799; text-decoration:none; border-radius: 4px; margin: 0px 5px 0px 5px;}
.nxMnjyIn dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;}
.nxMnjyPing a{ display: block; width: 296px; height: 58px; display: flex; align-items: center; justify-content: center; background: #000000; border-radius: 6px; font-size: 20px; font-weight: bold; color: #ffffff; text-decoration:none; line-height: 58px; overflow: hidden; margin-top:20px;}
.nxMnjyPing a b{ display: block; float: left; width: 16px; height: 18px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -220px -190px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -220px -190px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -220px -190px; margin: 0px 10px 0px 0px;}
.nxMnjyAn a{ display: block; width: 296px; height: 58px; display: flex; align-items: center; justify-content: center; background: #3EB774; border-radius: 6px; font-size: 20px; font-weight: bold; color: #ffffff; text-decoration:none; line-height: 58px; overflow: hidden; margin-top:20px;} 
.nxMnjyAn a b{ display: block; float: left; width: 20px; height: 22px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -250px -190px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -250px -190px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -250px -190px; margin: 0px 10px 0px 0px;}
.nxMnjyZan{ width: 296px; height: 58px; background: #E6E7EB; border-radius: 6px; font-size: 20px; font-weight: bold; color: #ffffff;  line-height: 58px; overflow: hidden; margin-top:20px; text-align: center;}
.nxYxjjBox{ width: 296px; margin: auto;}
.nxYxjjTitle{ margin-top:25px;}
.nxYxjjTitle span{ display: block; float: left; width:100px; height: 1px; background: #EDEDED; margin: 10px 0px 0px 0px;}  
.nxYxjjTitle h2{ float: left; color: #303133; margin: 0px 19px 0px 19px;}
.nxYxjjCont{ margin-top:15px; line-height: 23px; color: #646566; max-height: 250px; overflow: hidden;} 







/**********************************版本合集详情**********************************/
.nxCydmBox{ width:1152px; margin: auto; border-bottom: 1px solid #E0E2E2; padding-bottom: 30px; padding-top:30px;}
.nxCydmBox img{ float: left; width: 284px; height: 170px; border-radius: 8px;}
.nxCydmBox dl{ float: right; width: 845px;}
.nxCydmBox dl dt span{ display: block; float: left; width: 600px; height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; font-weight: bold; color: #303133;}
.nxCydmBox dl dt em{ display: block; float: right; color: #646566; width: 100px; height: 18px; line-height: 18px; overflow: hidden;}
.nxCydmBox dl dt em b{ display: block; float: left; width: 16px; height: 14px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -380px -50px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -380px -50px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -380px -50px; margin: 2px 5px 0px 0px;}
.nxCydmBox dl dd.cont1{ height: 70px; line-height: 23px; overflow: hidden; color: #646566; font-size: 16px; margin-top:15px;} 
.nxCydmBox dl dd.cont2{ height: 38px; overflow: hidden; margin-top:13px;}
.nxCydmBox dl dd.cont2 a{ display: block; float: left; height: 36px; border-radius: 4px; border: 1px solid #3199FE; padding: 0px 10px; line-height: 36px; color: #3199FE; text-decoration: none; margin: 0px 15px 0px 0px;}
.nxCydmBox dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;}
.nxCydmList{ width: 1152px; margin: auto;}
.nxCydmList li{ float: left; width: 364px; border-bottom: 1px solid #F1F1F1; padding-bottom:25px; margin: 30px 0px 0px 30px;}
.nxCydmList li:nth-child(3n+1){ margin-left:0px;}
.nxCydmList li a img{ display: block; float: left; width: 106px; height: 106px; border-radius: 25px;}
.nxCydmList li dl{ float: right; width: 240px; margin-top:5px;}
.nxCydmList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxCydmList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:10px;}
.nxCydmList li dl dd.cont2{ margin-top:10px;}
.nxCydmList li dl dd.cont2 a{ display: block; width: 136px; height: 42px; background: #F8F8FA; border-radius: 4px; line-height: 42px; background: #F8F8FA; line-height: 42px; overflow: hidden; text-align: center; color: #3199FE; text-decoration: none;}
.nxCydmList li:hover dl dd.cont2 a{ background: #3199FE; color: #ffffff;}
.nxZxztBox{ width: 1200px; background: #ffffff; padding-bottom:30px; margin-top:30px}
.nxZxztIn{ width:1152px; margin: auto; padding-top: 20px;}
.nxZxztList{ width: 1152px; }
.nxZxztList li{ float: left; margin: 25px 0px 0px 29px; width: 207px;}
.nxZxztList li:nth-child(5n+1){ margin-left:0px;}
.nxZxztList li a{ display: block; width:207px; height: 50px; background: #F8F8FA; border-radius: 4px; line-height: 50px; text-align: center; overflow: hidden; color: #303133; text-decoration: none;} 
.nxZxztList li a:hover{ background:rgba(49,153,254,0.1); color: #3199FE;}
 






/**********************************游戏合集详情**********************************/
.nxSszzList{ width: 1152px; margin: auto;}
.nxSszzList li{ float: left; width: 360px; height: 230px; border-radius: 8px;  border: 1px solid #E6E7EB; margin: 30px 0px 0px 33px; position: relative;}
.nxSszzList li:nth-child(3n+1){ margin-left:0px;}
.nxSszzCont{ width: 320px; margin: auto; margin-top:20px;}
.nxSszzCont a img{ display: block; float: left; width: 78px; height: 78px; border-radius:15px;}
.nxSszzCont dl{ float: left; width: 195px; margin: 0px 0px 0px 15px;}
.nxSszzCont dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxSszzCont dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #7F7F7F; margin-top:5px;}
.nxSszzCont dl dd.cont2{ height: 22px; overflow: hidden; margin-top:10px;}
.nxSszzCont dl dd.cont2 a{ display: block; float: left; height: 22px; line-height: 22px; padding: 0px 10px; background: #F7F8FA; color: #969799; text-decoration: none; font-size: 12px; border-radius: 2px; margin: 0px 10px 0px 0px;}
.nxSszzCont dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;}
.nxSszzMsg{ width: 320px; height: 40px; line-height: 20px; overflow: hidden; font-size: 12px; color: #7F7F7F; margin: auto; margin-top:15px;}
.nxSszzSubmit a{ display: block; width: 320px; height: 40px; background: #F8F8FA; border-radius: 4px; margin: auto; line-height: 40px; text-align: center; color: #646566; text-decoration: none; margin-top:15px; overflow: hidden;} 
.nxSszzList li:hover .nxSszzSubmit a{ background: #3199FE; color: #ffffff;}
.nxSszzIcon{ width: 39px; height: 118px; position:absolute; right: 10px; top: -12px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat;}
.nxSszzIcon1{ background-position: 0px -250px;}
.nxSszzIcon2{ background-position: -55px -250px;}
.nxSszzList li:hover{ background: #ffffff; box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.08);}







/**********************************攻略合集详情**********************************/
/**左边**/
.nxDzjpBox{ width: 792px; margin: auto; padding-top: 20px;}
.nxWtzyList{ width: 792px; padding-top: 5px;}
.nxWtzyList li{ border-bottom: 1px dashed #E0E2E2; padding-bottom: 20px; margin: 20px 0px 0px 20px; width: 384px; float: left;}
.nxWtzyList li:nth-child(2n+1){ margin-left:0px;}
.nxWtzyList li a{ display: block; float: left; width: 300px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg3.png) no-repeat 0px 5px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg3.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg3-2x.png) 2x)  no-repeat 0px 5px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg3.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg3-2x.png) 2x) no-repeat 0px 5px; padding-left: 20px;}
.nxWtzyList li span{ display: block; width: 40px; height: 18px; line-height: 18px; overflow: hidden; text-align: right; color: #969799; float: right;}
.nxXyhjList{ width: 792px;}
.nxXyhjList li{ float: left; width: 186px; margin:20px 0px 0px 16px;}
.nxXyhjList li a{ display: block; width: 186px; height: 110px; border-radius: 6px; position: relative; overflow: hidden;}
.nxXyhjList li a img{ width: 186px; height: 110px; transition: all 0.5s;}
.nxXyhjList li a:hover img{transform: scale(1.2);}
.nxXyhjList li a span{ display: block; width: 186px; height: 28px; background: rgba(0,0,0,1); border-radius: 0px 0px 6px 6px; position:absolute; left: 0px; bottom: 0px; line-height: 28px; overflow: hidden; text-align: center; font-size: 12px; font-weight: bold;}
.nxXyhjList li:nth-child(4n+1){ margin-left:0px;}
.nxXyhjList2{ width: 792px; padding-top: 10px;}
.nxXyhjList2 li{ float: left; width: 144px; margin: 20px 0px 0px 18px;}
.nxXyhjList2 li:nth-child(5n+1){ margin-left:0px;}
.nxXyhjList2 li a{ display: block; width: 144px; height: 36px; background: #F8F8FA; border-radius: 2px; line-height: 36px; overflow: hidden; text-align: center; color: #303133; text-decoration:none;}
.nxXyhjList2 li a:hover{ background:rgba(49,153,254,0.1); color: #3199FE;}
.nxXgxzList{ width: 296px;}
.nxXgxzList li{ border-bottom: 1px solid #E0E2E2; padding-bottom:20px; margin-top:20px;}
.nxXgxzList li a img{ float: left; width: 80px; height: 80px; border-radius: 15px;}
.nxXgxzList li dl{ float: right; width: 200px; margin-top:10px;}
.nxXgxzList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxXgxzList li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:15px;}







/**********************************文章详情**********************************/
/**左边**/
.nxDqzcBox{ width:840px; background: #ffffff; padding-bottom: 30px; margin-top:30px;}
.nxDqzcIn{ width: 792px; margin: auto; padding-top: 20px;}
.nxDqzcTitle{ border-bottom:1px solid #E0E2E2; padding-bottom: 20px;} 
.nxDqzcTitle h1{ font-size: 24px; font-weight: bold; color: #303133; font-weight: bold; text-align: center;} 
.nxDqzcTitle p{ text-align: center; margin-top:15px; color: #646566; font-size: 12px; } 
.nxDqzcTitle p span{ color: #C8CACC;}
.nxDqzcTitle p a{ color: #3199FE;}
.nxDqzcCont{ width: 792px; margin-top:25px;}
.nxDqzcBg{ width: 792px; height: 138px; background: #EFF7FF; position:relative; }
.nxDqzcImg{ width: 138px; height: 138px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg6.png) no-repeat; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg6.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg6-2x.png) 2x)  no-repeat; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg6.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg6-2x.png) 2x) no-repeat; position:absolute; right:0px; bottom: 0px;}
.nxDqzcBg p{ width: 750px; margin: auto; font-size: 18px; line-height:35px; padding-top: 18px; color: #303133; height: 100px; overflow: hidden;}
.nxDqzcContIn{ width: 792px; color: #303133; line-height: 30px; margin-top:20px;}
.nxDqzcContIn p{ font-size: 18px; color: #303133; line-height: 30px; margin-top:20px;}
.nxDqzcContIn img{ max-width: 792px; margin: 20px 0px;} 
.nxDqzcContImg{ text-align: center;}
.mngfCxjgIn{ width: 682px; margin: auto; margin-top:20px;}
.mngfCxjgIn table{ border-collapse: collapse;}
.mngfCxjgIn table tr{ height: 50px; border: 2px solid #ffffff;}
.mngfCxjgIn table tr td{ border: 2px solid #ffffff; }
.mngfCxjgIn table tr td a{ display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; overflow: hidden;}
.mngfCxjgIn table tr.bg1{ height: 50px; line-height: 50px; overflow: hidden; text-align: center; font-weight: bold; font-size: 16px; font-weight: bold; color: #303133;}
.nxHhwxBox{ width: 840px; background: #ffffff; padding-bottom: 30px; margin-top:30px;} 
.nxHhwxIn{ width: 792px; margin: auto; border-bottom: 1px solid #F1F1F1; padding-bottom: 20px;}
.nxHhwxLeft{ float: left; width: 555px; margin-top:20px;}
.nxHhwxCont{ width: 555px;}
.nxHhwxCont a img{ display: block; float: left; width: 108px; height: 108px; border-radius: 15px; border: 1px solid #E6E7EB;}
.nxHhwxCont dl{ float: right; width: 425px; margin-top:5px;}
.nxHhwxCont dl dt a{ display: block; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px; font-weight: bold;} 
.nxHhwxCont dl dd.cont1{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #646566; margin-top:15px;}
.nxHhwxCont dl dd.cont1 span{ color:#E6E7EB;}
.nxHhwxCont dl dd.cont1 a{ color:#3199FE; text-decoration: underline;}
.nxHhwxCont dl dd.cont2{ height: 28px; overflow: hidden; margin-top:15px;}
.nxHhwxCont dl dd.cont2 a{ display: block; float: left; height: 28px; background: #F8F8FA; border-radius: 4px; line-height: 28px; color: #969799; text-decoration: none; padding: 0px 10px; margin: 0px 10px 0px 0px;} 
.nxHhwxCont dl dd.cont2 a:hover{ background: #3199FE; color: #ffffff;}
.nxHhwxPing a{ display: block; float: left; width: 148px; height: 45px; background: #000000; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 45px; overflow: hidden; margin-top:25px;}
.nxHhwxPing a b{ display: block; float: left; width: 12px; height: 14px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -290px -190px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -290px -190px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -290px -190px; margin: 0px 5px 0px 0px;}
.nxHhwxAn a{ display: block; float: left; width: 148px; height: 45px; background: #3EB774; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 45px; overflow: hidden; margin: 25px 0px 0px 15px;}
.nxHhwxAn a b{ display: block; float: left; width: 16px; height: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -315px -190px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -315px -190px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -315px -190px; margin: 0px 5px 0px 0px;}
.nxHhwxShu a{ display: block; float: left; width: 148px; height: 45px; background: #3199FE; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 45px; overflow: hidden; margin: 25px 0px 0px 15px;}
.nxHhwxShu a b{ display: block; float: left; width: 16px; height: 16px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -340px -190px; 
        background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -340px -190px; 
        background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -340px -190px; margin: 0px 5px 0px 0px;}
.nxHhwxRight{ float: right; width: 170px; margin-top:25px;}
.nxHhwxRight img{ width: 120px; height: 120px; margin:0px 0px 0px 25px;}
.nxHhwxRight p{ font-size: 16px; text-align: center; color: #7F7F7F; margin-top:20px;}
.nxYxyyBox{ width: 792px; margin: auto; margin-top:20px;}
.nxYxyyBox dl{ float: left; width: 180px; margin: 0px 0px 0px 21px;}
.nxYxyyBox dl:first-child{ margin-left:0px;}
.nxYxyyBox dl dt{ color: #969799; height: 18px; line-height: 18px; overflow: hidden;}
.nxYxyyBox dl dd{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; color: #646566; margin-top:10px;}
.nxTlgxList{ width: 792px;}
.nxTlgxList li{ float: left; width: 254px; margin: 25px 0px 0px 15px;}
.nxTlgxList li a{ display: block; width: 254px; height:136px; border-radius: 6px; overflow: hidden; position:relative;}
.nxTlgxList li a img{ width: 254px; height: 136px; transition: all 0.5s;}
.nxTlgxList li a:hover img{transform: scale(1.2); }
.nxTlgxList li a span{ display: block; width: 254px; height:40px; background: rgba(0,0,0,0.8); position:absolute; left: 0px; bottom: 0px; line-height: 40px; overflow: hidden; text-align: center; font-size: 16px;}
.nxTlgxList li:nth-child(3n+1){ margin-left:0px;}


/**右边**/
.nxJcztList{ width: 296px;}
.nxJcztList li{ margin-top:25px;}
.nxJcztList li a{ display: block; width: 296px; height: 177px; position: relative; border-radius: 8px; overflow: hidden;}
.nxJcztList li a img{ width: 296px; height: 177px; transition: all 0.5s;}
.nxJcztList li a:hover img{ transform: scale(1.2);}
.nxJcztList li a span{ display: block; width: 296px; height: 40px; background: rgba(0,0,0,0.8); line-height: 40px; overflow: hidden; position:absolute; left: 0px; bottom: 0px; font-size: 12px; font-weight: bold; text-align: center; border-radius: 0px 0px 8px 8px;}  







/**********************************游戏详情**********************************/
/**左边**/
.nxHhwxYu a{ display: block; float: left; width: 360px; height: 45px; background: #3199FE; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 45px; overflow: hidden; margin: 25px 0px 0px 0px;}
.nxYxjsBox{ width: 840px; background: #ffffff; margin-top:30px; padding-bottom: 30px;}
.nxYxjsIn{ width: 792px; margin: auto; padding-top: 20px;}
.nxPttjTitle2{ width: 792px; height: 48px; overflow: hidden;}
.nxPttjMenu2{ width: 792px; height: 45px; border-bottom: 1px solid #E0E2E2; }
.nxPttjMenu2 li{ float: left; margin: 0px 0px 0px 44px; }
.nxPttjMenu2 li a{ float: left; font-size: 18px; color: #303133;  display: block; text-decoration:none;}
.nxPttjMenu2 li:first-child{ margin-left:0px;}
.nxPttjMenu2 li a.hover{ font-weight: bold; color: #3199FE;}
.nxPttjMenu2 li a.hover::after{ content: ''; display: block; width:72px; height: 8px; margin: auto; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat 0px -50px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat 0px -50px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat 0px -50px; margin-top:16px;}
.nxYxjsTitle{ margin-top:20px;}
.nxYxjsCont{ width: 792px; line-height: 30px; color: #646566; margin-top:20px; font-size: 16px;} 
.nxYxjsCont p{ line-height: 30px; color: #646566; font-size: 16px; margin-top:20px;}
.nxYxjsCont h2{ color: #303133; font-weight: bold; margin-top:20px;}
.nxYxjtBox{ width: 792px; margin-top:40px;}
.game_pic_swiper{ height: 400px; margin-top: 25px; }
.game_pic_swiper .swiper-slide{ width: auto !important; height: 384px; margin-left:8px; }
.game_pic_swiper .swiper-slide:first-child{ margin-left: 0;}
.game_pic_swiper img{ height: 100%; border-radius: 10px;}
.game_pic_swiper .swiper-scrollbar{ bottom: 0; }
.nxQtbbList{ width: 792px; padding-top: 5px;}
.nxQtbbList li{ float: left; width: 384px; margin: 20px 0px 0px 24px; border-bottom: 1px solid #E0E2E2; padding-bottom: 20px;}
.nxQtbbList li:nth-child(2n+1){ margin-left:0px;}
.nxQtbbList li a img{ display: block; float: left; width: 80px; height: 80px; border-radius: 16px;}
.nxQtbbList li dl{ float: left; width: 200px; margin: 15px 0px 0px 12px;}
.nxQtbbList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.nxQtbbList li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #969799; margin-top:15px;}
.nxQtbbList li em a{ display: block; float:right; width: 66px; height: 30px; background: #F8F8FA; border-radius: 2px; line-height: 30px; overflow: hidden; text-align: center; color: #3199FE; text-decoration: none; font-size: 13px; margin-top:20px;}
.nxQtbbList li:hover em a{ background: #3199FE; color: #ffffff;}


/**弹出框**/
.dXxkYuIn{ width: 421px; height: 263px;  background: #FFFFFF; box-shadow: 0px 2px 32px 0px rgba(0,0,0,0.08); position:absolute; left:50%; top:50%; z-index: 100; margin-left:-210px; margin-top:-130px; border-radius: 8px;}
.dXxkYuTitle{ width:380px; margin: auto; margin-top:20px;}
.dXxkYuTitle h2{ float: left; font-size: 20px; font-weight: bold; color: #303133;}
.dXxkYuTitle em{ display: block; float: left; color: #969799; margin: 5px 0px 0px 10px;}
.dXxkYuTitle span{ display: block; float: right; width: 14px; height: 14px; background:url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) no-repeat -210px -150px; 
    background: image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x)  no-repeat -210px -150px; 
    background: -webkit-image-set(url(https://www.xiayx.com/style/style2022/pc/images/2022bg1.png) 1x, url(https://www.xiayx.com/style/style2022/pc/images/2022bg1-2x.png) 2x) no-repeat -210px -150px; cursor: pointer; margin-top:5px;} 
.dXxkYuCont{ width:380px; margin: auto; margin-top:20px; margin-left:20px;}
.dXxkYuCont input.text1{ width:380px; height: 64px; border:none; background: none; border: 1px solid #C8CACC; outline: none; padding-left: 15px; box-sizing: border-box; font-size: 18px;}
.dXxkYuCont input::placeholder{ color: #C8CACC;}
.dXxkYuSubmit{ width:380px; margin: auto; margin-top:30px;}
.dXxkYuSubmit input.submit1{ width:181px; height: 64px; border: none; background: none; background: #3199FE; font-size: 16px; color: #ffffff; outline: none; cursor: pointer; float: left; border-radius: 4px;}
.dXxkYuSubmit a{ display: block; width: 181px; height: 64px; border: 1px solid #C8CACC; float: right; line-height: 64px; text-align: center; overflow: hidden; font-size: 16px; color: #969799; text-decoration: none; box-sizing: border-box; border-radius: 4px;}


/***********************gg*********************************/
.leftadbox {
	box-sizing: border-box;
	width: 840px;
	height: 124px;
	margin: auto;
	margin-top: 30px;
	display: flex;
	align-items: center;
	padding: 24px;
	position: relative;
}

.leftadbox::before {

	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 124px;
	background: url(https://www.xiayx.com/images/leftadbg.png) no-repeat center center;
	background-size: cover;
	z-index: -1;

}

.leftadbox .logobox {
	width: 76px;
	height: 76px;
	border-radius: 16px;
	overflow: hidden;
}


.leftadbox .logobox img {

	width: 76px;
	height: 76px;

}

.leftadbox .contentbox {
	flex: 1;
	width: 0;
	text-decoration: none;
	margin-left: 24px;
	margin-right: 24px;
}

.leftadbox .contentbox .title {
	font-size: 24px;
	line-height: 32px;
	color: #Fff;
	font-weight: 600;
}

.leftadbox .contentbox .text {
	font-size: 15px;
	line-height: 22px;
	color: #Fff;
	margin-top: 8px;
}

.leftadbox .dwbtn {
	height: 48px;
	padding: 0 24px 0 24px;
	font-size: 16px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	background: #0574FF;
	border-radius: 24px;

}

.leftadbox .dwbtn:hover {
	background: #056eee;
}



/**********************************404**********************************/
.nxSllsBox{ width: 1200px; margin-bottom: 100px;}
.nxSllsBox span{ display: block; width: 545px; height:408px; margin: auto; margin-top:100px; background: url(https://www.xiayx.com/style/style2022/pc/images/2022bg7-2x.png) no-repeat;} 
    .nxSllsBox  h2{ text-align: center; font-size: 20px; color:#3199FE; margin-top:10px;}