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

/**********************************新首页**********************************/
/**游戏列表**/
.njdRmdjBox{ width: 1200px; height: 380px; background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px; margin-top:30px;}
.njdRmdjIn{ width:1160px; margin: auto;}
.njdRmdjIn dl{ width:1160px; padding-top:23px;}
.njdRmdjIn dl dt{ float:left; width:76px; height:28px; line-height:28px; text-align: center; color:#FFFFFF; font-weight: bold; border-radius: 100px;}
.njdRmdjIn dl dt.bg1{ background: linear-gradient(to right, rgb(246, 65, 83), rgba(247, 95, 83));box-shadow: 0px 4px 10px 0px rgba(247, 69, 83, 0.3);}
.njdRmdjIn dl dt.bg2{ background: linear-gradient(to right, rgb(66, 154, 255), rgba(82, 190, 254)); box-shadow: 0px 4px 10px 0px rgba(65, 153, 255, 0.3);}
.njdRmdjIn dl dt.bg3{ background: linear-gradient(to right, rgb(255, 112, 63), rgba(255, 146, 88)); box-shadow: 0px 4px 10px 0px rgba(255, 112, 63, 0.3); }
.njdRmdjIn dl dt.bg4{ background: linear-gradient(to right, rgb(255, 158, 63), rgba(254, 177, 80)); box-shadow: 0px 4px 10px 0px rgba(255, 158, 63, 0.3);  }
.njdRmdjIn dl dd{ float:right; width:1065px; height:30px; line-height:30px; overflow:hidden;}
.njdRmdjIn dl dd a{ display:block; float:left; }
.njdRmdjIn dl dd span{ display:block; float:left; padding:0px 13px; color:#DEDEDE;}
.njdRmdjList{ width:1160px; margin: auto;}
.njdRmdjList li{ float:left; width:90px; margin:24px 0px 0px 28px; }
.njdRmdjList li.one{ margin-left:0px;}
.njdRmdjList li a{ display:block; width:90px;}
.njdRmdjList li a img{ width:90px; height:90px; border-radius:15px;} 
.njdRmdjList li a p{ height:18px; line-height:18px; overflow:hidden; text-align:center; margin-top:12px;}

/**焦点图**/
.ndjSjyxBox{ width:1200px; margin-top:30px;}
.ndjSjyxLeft{ float:left; width:580px;}
.sjyx_banSwiper{ width: 580px;height: 366px; border-radius:8px;overflow: hidden;}
.sjyx_banSwiper img{ width: 580px; min-height: 366px; transition: transform 0.5s; }
.sjyx_banSwiper li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.sjyx_banSwiper 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_banSwiper h3 span{ display: block; width: 415px; overflow: hidden; }
.sjyx_banSwiper .swiper-pagination{width: auto;left: initial;right: 18px;bottom: 27px;position: relative;}
.sjyx_banSwiper .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fafafa; opacity: 0.3; border-radius: 100px;}
.sjyx_banSwiper .swiper-pagination-bullet-active{ background: #dc191b; width: 26px; height: 12px; opacity: 1;}
.ylyXbtjBox{ width: 580px; height: 460px; background: #ffffff; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04); margin-top:30px; border-radius: 5px;}
.ylyXbtjLeft{ width: 275px; float: left; height:460px;  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);}
.ylyXbtjLeftIn{ width: 243px; margin:22px 0px 0px 20px;}
.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;}
.ylyXbtjCont{ width: 243px;}
.ylyXbtjCont li{ float: left; width: 243px; margin-top:19px;}
.ylyXbtjCont li a img{ display: block; float: left; width: 60px; height: 60px; border-radius: 15px; }
.ylyXbtjCont li dl{ float: left; width: 168px; margin: 10px 0px 0px 15px;}
.ylyXbtjCont li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyXbtjCont li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyXbtjRight{ float: left; margin:22px 0px 0px 30px; width: 255px;}
.ylyRmjxList{ width:255px;}
.ylyRmjxList li{ width: 255px; height: 110px; margin-top:20px;}
.ylyRmjxList li a{ display: block; width: 255px; height: 110px; position: relative; }
.ylyRmjxList li a span{display: block; width: 255px; height: 110px; overflow: hidden; border-radius: 5px;}
.ylyRmjxList li a span img{transition: transform 0.5s;  width: 255px; height: 110px; }
.ylyRmjxList li a:hover span img{transform:scale(1.1);}
.ylyRmjxList li a p{background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); width: 255px; height: 40px; position:absolute; left: 0px; bottom:0px; border-radius: 0px 0px 5px 5px; line-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; text-align: center; display: none;}
.ylyRmjxList li a:hover p{ display: block; }

.ndjSjyxRight{ float:right; width:590px; height: 856px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px;}
.ndjYyfzTitle{ width:590px; height: 60px; border-bottom: 1px solid #eeeeee;}
.ndjYyfzMenu{ float:left;}
.ndjYyfzMenu li{ float:left; height:55px; line-height: 55px; font-size:18px; color:#333333; text-align:center; margin-left: 30px; cursor:pointer; margin-top:2px;} 
.ndjYyfzMenu li.current{font-weight: bold;}
.ndjYyfzMenu li.current:after{ content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.ndjYyfzMore a{ display:block; float:right; color: #b2b2b2; margin: 20px 20px 0px 0px;}
.ndjYyfzMore a:hover{ color: #dc191b;}
.ndjSjyxList{ width:530px; margin:auto;}
.ndjSjyxList li{ float:left; width:530px; margin-top:29px;}
.ndjSjyxList li:before{ content: ''; display: block; width: 5px;height: 5px;border-radius: 100px; float: left; margin:7px 20px 0 0; border:2px solid #e6e6e6; }
.ndjSjyxList li:hover:before{ background: #dc191b; border:2px solid #dc191b; }
.ndjSjyxList li p{ float:left; width:410px; height:20px; line-height:20px; overflow:hidden; color:#E7E7E7;}
.ndjSjyxList li p a.aGreen{ font-size: 16px; }
.ndjSjyxList li p a.aBlack{ font-size: 16px; }
.ndjSjyxList li p a.aBlack img{ width:20px; height:20px; border-radius: 4px; margin-right: 10px; }
.ndjSjyxList li span{ display:block; float:right; width:50px; height:20px; text-align: center; line-height:20px; font-size: 16px; overflow:hidden; color:#999999; }
.ndjSjyxList li:nth-child(5n){ border-bottom:1px solid #E5E5E5; padding-bottom:16px;}
.ndjSjyxList li:last-child{ padding-bottom: 0; border-bottom: 0; }


/**广告位**/
.ndjBanner{width:1200px;height:150px;margin-top:30px;overflow: hidden;}
.ndjBanner img{ width: 100%; min-height: 150px; }


/**手机游戏**/
.ylySjyxBox{ width: 1200px; margin-top:40px;}
.ylySjyxTitle b{ display: block; float: left; width: 40px; height: 40px; background: url("../images/2022_bg1.png") no-repeat;} 
.ylySjyxTitle b.icon1{ background-position: 0px -100px;}
.ylySjyxTitle h2{ float: left; font-size: 22px; font-weight: bold; color: #333333; margin-top:5px;}
.ylySjyxTitle 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;}
.ylySjyxTitle a h3{ font-size: 12px; color: #999999; float: left; margin-left:5px;}
.ylySjyxTitle a em{ display: block; float: right; width: 21px; height: 21px; background: #333333; color: #ffffff; text-align: center;} 
.ylySjyxTitle a:hover em{ background:#dc191b ; color: #ffffff;} 
.ylySjyxTitle a:hover{ border:1px solid #dc191b; }
.ylySjyxTitle a:hover h3{ color: #dc191b;}
.ylySjyxCont{ width: 1200px; height: 525px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); border-radius: 5px; margin-top:20px;}
.ylySjyxLeft{ float: left; width: 880px;}
.ylySjyxMenu{ width: 880px; height: 60px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);}
.ylySjyxMenu li{ float: left; font-size: 16px; color: #333333; line-height: 56px; margin: 0px 0px 0px 61px; cursor: pointer;} 
.ylySjyxMenu li:first-child{ margin-left:32px;}
.ylySjyxMenu li.current{ font-weight: bold; color: #dc191b;}
.ylySjyxMenu li.current::after{ content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}
.ylySjyxList{ width: 820px; margin: 0px 0px 0px 30px;}
.ylySjyxList li{ float: left; width: 88px; margin:28px 0px 0px 34px;}
.ylySjyxList li:nth-child(7n+1){ margin-left:0px;}
.ylySjyxList li a{ display: block; width: 88px;}
.ylySjyxList li a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylySjyxList li a p{ height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top:15px;}
.ylySjyxRight{ float: right; width: 320px; height: 525px; background: #f0f0f0;}
.ylyRmtjTitle{ margin:20px 0px 0px 30px;}
.ylyRmtjTitle h2{ font-size: 16px; font-weight: bold; color: #333333;}
.ylyRmtjTitle h2::after{content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin-top: 15px;}
.ylyRmtjList{ width: 260px; margin: 5px 0px 0px 30px;}
.ylyRmtjList li{ float: left; width: 115px; height: 45px; margin: 18px 0px 0px 30px;}
.ylyRmtjList li:nth-child(2n+1){ margin-left:0px;}
.ylyRmtjList li a{ display: block; width: 113px; height: 43px; border:1px solid #e6e6e6; background: #ffffff; border-radius: 5px; line-height: 43px; text-align: center; font-size: 16px; color: #333333; text-decoration: none; transition: all 0.2s; overflow: hidden;}
.ylyRmtjList li a:hover{ background: #dc191b; border: 1px solid #dc191b; color: #ffffff;}


/**正版软件**/
.ylySjyxTitle b.icon2{ background-position: -45px -100px;}
.ylyZbrjList{ width: 1200px;}
.ylyZbrjList li{ float: left; width: 380px; height: 200px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); position: relative; margin:30px 0px 0px 30px;}
.ylyZbrjList li:hover{ box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);}
.ylyZbrjList li:nth-child(3n+1){ margin-left:0px;}
.ylyZbrjList li p{ display: block; float: left; width: 140px; height: 140px;  margin: 30px 0px 0px 15px;}
.ylyZbrjList li p a{ display: block; width: 140px; height: 140px; overflow: hidden;  display: flex; justify-content: center; align-items: center;} 
.ylyZbrjList li p a img{ max-width: 140px; transition: transform 0.5s;}
.ylyZbrjList li p a:hover img{ transform:scale(1.1);}
.ylyZbrjList li dl{ float: left; width: 185px; margin-top:30px; margin-left:10px;}
.ylyZbrjList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden;  font-size: 16px; font-weight: bold;}
.ylyZbrjList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:15px;} 
.ylyZbrjList li dl dd.cont2{ height: 26px; line-height: 26px; overflow: hidden; margin-top:15px;} 
.ylyZbrjList li dl dd.cont2 em { display: block; padding: 0px 10px; background: #f5f7f8; float: left; border-radius: 5px; font-size: 12px; color: #868c92; margin-right: 10px;}
.ylyZbrjList li dl dd.cont3{ margin-top:15px;}
.ylyZbrjList li dl dd.cont3 span{ display: block; float: left; font-size: 20px; font-weight: bold; color: #dc191b;}
.ylyZbrjList li dl dd.cont3 em{ display: block; color: #b2b2b2; text-decoration: line-through; margin:5px 0px 0px 20px; float: left;}
.ylyZbrjList li b{ display: block; width: 60px; height: 25px; background: linear-gradient(rgba(255,118,18),rgba(255,173,113)); position:absolute; right: 0px; top: 0px; border-radius: 0px 5px 5px 5px; color: #ffffff; line-height: 25px;}
.ylyZbrjList li b i{ display: block; float: left; width: 12px; height: 12px; background: url("../images/2022_bg1.png") no-repeat -100px 0px; margin: 8px 5px 0px 5px;} 



/**最新资讯**/
.ylyZxzxBox{ width: 1200px; margin-top:40px;}
.ylyZxzxLeft{ float: left; width: 880px;}
.ylySjyxTitle b.icon3{ background-position: -90px -100px;}
.ylyZxzxIn{ width: 880px; height: 668px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:20px;}
.ylyZxzxList{ width: 820px; margin: auto;}
.ylyZxzxList li{  width: 820px; margin-top:32px;}
.ylyZxzxList li em a{ display: block; width: 260px; height: 160px; overflow: hidden; float: left; border-radius: 5px;}
.ylyZxzxList li em a img{  width: 260px; height: 160px;  transition: transform 0.5s;}
.ylyZxzxList li em a:hover img{ transform:scale(1.1);}
.ylyZxzxList li dl{ float:right; width:535px; margin-top:20px;}
.ylyZxzxList li dl dt a{ display: block; float: left; width: 420px; font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;}
.ylyZxzxList li dl dt span{ display: block; float: right; width: 90px; height: 20px; line-height: 20px; overflow: hidden; color: #b2b2b2;}
.ylyZxzxList li dl dd.cont1{ height: 45px; line-height: 22px; overflow: hidden; color: #999999; margin-top:20px;}
.ylyZxzxList li dl dd.cont2{ height: 26px; line-height: 26px; overflow: hidden; margin-top:20px;}
.ylyZxzxList li dl dd.cont2 span{ display: block; float: left; padding: 0px 10px; background: #f5f7f8; border-radius: 5px; height: 26px; color: #868c92; margin-right: 15px;}
.ylyZxzxRight{ float: right; width: 290px;}
.ylySjyxTitle b.icon4{ background-position: -135px -100px;}
.ylyDjdzwBox{ width: 290px; height: 668px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:20px;}
.ylyDjdzwList{ width: 250px; margin: auto;}
.ylyDjdzwList li{ width: 250px; float: left; margin-top:20px;}
.ylyDjdzwList li em a{ display: block; float: left; width: 88px; height: 88px; }
.ylyDjdzwList li em a img{ width: 88px; height: 88px; border-radius: 15px;}
.ylyDjdzwList li dl{ float:right; width: 145px;}
.ylyDjdzwList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyDjdzwList li dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyDjdzwList li dl dd.cont2 a{ display: block; width: 64px; height: 24px; border-radius: 100px; background: #eeeeee; line-height: 24px; text-align: center; color: #999999; text-decoration: none; margin-top:15px; transition: all 0.2s; font-size: 12px;} 
.ylyDjdzwList li dl dd.cont2 a:hover{ background: #dc191b; color: #ffffff;}



/**精彩视频**/
.ylySjyxTitle b.icon5{ background-position: -180px -100px;}
.ylyJcspBox{  width: 1200px;}
.ylyJcspLeft{ float: left; width: 600px; margin-top:20px;}
.sjyx_banSwiper1{ width: 600px;height: 400px; border-radius:8px;}
.sjyx_banSwiper1 img{ width:600px; min-height: 400px; transition: transform 0.5s; }
.ylyJcspRight{ float: left; width: 600px;}
.ylyJcspList{ width: 600px;}
.ylyJcspList li a{ display: block; width: 275px; height: 190px; position: relative; overflow: hidden; border-radius: 5px; float: left; margin: 20px 0px 0px 25px;}
.ylyJcspList li a img{ width: 275px; height: 190px; transition: transform 0.5s;}
.ylyJcspList li a:hover img{ transform:scale(1.1);}
.ylyJcspList li a p{ height: 50px; line-height: 50px; 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)); width: 275px; color: #ffffff; text-align: center;}
.ylyJcspList li a em{ display: block; width: 60px; height: 60px; background: url("../images/2022_bg1.png") no-repeat 0px -200px; position:absolute; left: 100px; top: 60px; transition: all 0.2s; display: none;} 
.ylyJcspList li a:hover em{ display: block;}



/**端游游戏**/
.ylySjyxTitle b.icon6{ background-position: -225px -100px;}
.ylyZxzxIn1{ height: 703px;}
.ylyDyyxList{ width: 820px; margin: auto;}
.ylyDyyxList li{ float: left; width: 250px; margin: 22px 0px 0px 35px;}
.ylyDyyxList li:nth-child(3n+1){ margin-left:0px;}
.ylyDyyxList li a{ display: block; width: 250px;}
.ylyDyyxList li a span{ display: block; width: 250px; height: 150px; overflow: hidden;  border-radius: 5px;}
.ylyDyyxList li a span img{ width: 250px; height: 150px; transition: all 0.2s;}
.ylyDyyxList li a:hover span img{ transform:scale(1.1);}
.ylyDyyxList li a p{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; margin-top:15px;}
.ylyDyyxList li a:hover p{ font-weight: bold;}
.ylyDyyxList li a:hover{ text-decoration: none;}
.ylyDyyxphBox{ height: 703px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:25px;}
.ylyDyyxphList{ width: 290px;}
.ylyDyyxphList li{ width: 290px; float: left; }
.ylyDyyxphList li .ylyDyyxphHover1{ width: 255px; margin: auto; padding-top:15.8px; padding-bottom: 15.8px;}
.ylyDyyxphList li .ylyDyyxphHover1 span{ display: block; float: left; width: 18px; height: 18px; border-radius: 100px; color: #ffffff; line-height: 18px; text-align: center; font-size: 12px; margin-right: 10px;} 
.ylyDyyxphList li .ylyDyyxphHover1 span.bg1{ background: #ff2c2e;}
.ylyDyyxphList li .ylyDyyxphHover1 span.bg2{ background: #fe6811;}
.ylyDyyxphList li .ylyDyyxphHover1 span.bg3{ background: #2d80ff;}
.ylyDyyxphList li .ylyDyyxphHover1 span.bg4{ background: #cccccc;}
.ylyDyyxphList li .ylyDyyxphHover1 a{ display: block; float: left; width: 110px; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}
.ylyDyyxphList li .ylyDyyxphHover1 p{ float: right; width: 105px; height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2;} 
.ylyDyyxphList li .ylyDyyxphHover2{ width: 290px; height: 135px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); background: #ffffff;}
.ylyDyyxphList li .ylyDyyxphHover2 em a{ display: block; float: left; width: 118px; height: 95px; overflow: hidden;  border-radius: 5px; margin:20px 0px 0px 20px;}
.ylyDyyxphList li .ylyDyyxphHover2 em a img{ width: 118px; height: 95px; transition: all 0.2s;}
.ylyDyyxphList li .ylyDyyxphHover2 em a:hover img{transform:scale(1.1);}
.ylyDyyxphList li .ylyDyyxphHover2 dl{ float: left; width: 120px; margin:25px 0px 0px 15px;}
.ylyDyyxphList li .ylyDyyxphHover2 dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: bold;}
.ylyDyyxphList li .ylyDyyxphHover2 dl dd.cont1{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:6px;}
.ylyDyyxphList li .ylyDyyxphHover2 dl dd.cont2 a{ display: block; width: 83px; height: 30px; border: 1px solid #dc191b; border-radius: 100px; line-height: 30px; text-align: center; color: #dc191b; text-decoration: none; margin-top:6px; transition: all 0.2s;}
.ylyDyyxphList li .ylyDyyxphHover2 dl dd.cont2 a:hover{ background: #dc191b; color:#ffffff;}



/**专题合集**/
.ylyZthjBox{ width: 1200px; margin-top:40px;}
.ylySjyxTitle b.icon7{ background-position: 0px -150px;}
.ylyZthjMenu{ float: left; margin-top:7px;}
.ylyZthjMenu li{ float: left; height: 28px; width: 58px; background: #eeeeee; border-radius: 100px; line-height: 28px; text-align: center; color: #999999; margin: 0px 0px 0px 25px; cursor: pointer;}
.ylyZthjMenu li.current{ background:#dc191b; color: #ffffff;}
.ylyZthjList{ width: 1200px;}
.ylyZthjList li{ float: left; width: 220px; height: 192px; background: #eeeeee; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin: 20px 0px 0px 25px;}
.ylyZthjList li:nth-child(5n+1){ margin-left:0px;}
.ylyZthjList li em a{ display: block; width: 220px; height: 122px; overflow:hidden; border-radius: 5px 5px 0px 0px; }
.ylyZthjList li em a img{ width: 220px; height: 122px; transition: all 0.2s;}
.ylyZthjList li em a:hover img{ transform:scale(1.1);}
.ylyZthjList li dl{ width: 192px; margin: auto; margin-top:10px;}
.ylyZthjList li dl dt a{ display: block; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}   
.ylyZthjList li dl dt a:hover{ font-weight: bold;}
.ylyZthjList li dl dd{ height: 18px; line-height: 18px; overflow: hidden; color: #b2b2b2; margin-top:10px;}
.ylyZthjList li:hover{ background: #ffffff;}



/**游戏排行榜**/
.ylySjyxTitle b.icon8{ background-position: -45px -150px;}
.ylyYxphbBox{ width: 1200px;}
.ylyYxphbIn{ float: left; width: 277px; height:713px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:20px; margin-left:30px; overflow: hidden;}
.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;} 



/**友情链接**/
.ylySjyxTitle b.icon9{ background-position: -90px -150px;}
.ylyYqnjBox{ width: 1200px; background: #ffffff; padding-bottom: 20px; border-radius: 5px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); margin-top:20px;}
.ylyYqnjIn{ width: 1150px; margin: auto;}
.ylyYqnjIn a{display: flex;float: left;margin: 20px 0px 0px 0px;}
.ylyYqnjIn span{ display: block; float: left; color: #b2b2b2; margin-top:15px; margin: 20px 20px 0px 20px;}