body,h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd{margin: 0; padding: 0;}
body{font-family: arial;}
li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:hover,a:focus,input:focus,button:focus{outline: none; text-decoration: none; color: inherit;}
i,em{font-style: normal;}
img{border: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.w1200{max-width: 1196px; margin: 0 auto;}
a:hover{color: #008DED;}

/* 头部 */
.top1bj{background: #F5F5F5;}
.top1bj .w1200{height: 36px; display: flex; justify-content: space-between; align-items: center; line-height: 36px; font-size: 12px;}
.top1bj .w1200 .fl{color: #333;}
.top1bj .w1200 .fr{color: #666; display: flex;}
.top1bj .w1200 .fr .m{padding-left: 18px; background: url(../images/pjh_01.png) left center no-repeat; margin-right: 28px; cursor: default; position: relative;}
.top1bj .w1200 .fr .m img{position: absolute; top: 36px; right: 0; width: 120px; display: none;}
.top1bj .w1200 .fr .m:hover img{display: block;}
.top1bj .w1200 .fr .sc{cursor: default;}
.top2bj .w1200{height: 100px; display: flex; justify-content: space-between; align-items: center;}
.top2bj .w1200 form{height: 40px; display: flex; padding: 5px; border: 1px solid #008DED; border-radius: 20px;}
.top2bj .w1200 form input{width: 338px; border: none; text-indent: 24px;}
.top2bj .w1200 form button{width: 70px; border: none; background: #008DED; color: #fff; border-radius: 30px;}
.top3bj{background: #008DED;}
.top3bj .w1200 ul{height: 56px; line-height: 56px; display: flex; text-align: center;}
.top3bj .w1200 ul li{flex-grow: 1; color: #fff;}
.top3bj .w1200 ul li a{display: block;}
.top3bj .w1200 ul li a:hover,.top3bj .w1200 ul li a.active{color: #008DED; background: #fff; margin: 10px 0; height: 36px; line-height: 36px; border-radius: 36px;}

/* 首页 */
.index_tit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #E6E6E6;}
.index_tit dt{position: relative; padding-left: 15px; font-size: 18px;}
.index_tit dt:before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 5px; height: 18px; margin: auto; background: #008DED;}
.index_tit dd{color: #999; font-size: 14px;}

.box1bj .w1200{display: flex; justify-content: space-between; padding: 30px 0;}
.box1bj .w1200 dl{width: 224px; height: 130px; border-radius: 6px; overflow: hidden; position: relative;}
.box1bj .w1200 dl dt{height: 100%;}
.box1bj .w1200 dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box1bj .w1200 dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.box1bj .w1200 dl dd{position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; line-height: 30px; background: rgba(0,0,0,0.7); padding: 0 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box2bj .w1200 dl{display: flex; align-items: center; margin-top: 20px; overflow: hidden;}
.box2bj .w1200 dl dt{width: 78px; height: 28px; text-align: center; line-height: 28px; font-weight: normal; border-radius: 28px; flex-shrink: 0; color: #fff; background: #008DED;}
.box2bj .w1200 dl:nth-of-type(3) dt{background: #FD8258; font-weight: normal;}
.box2bj .w1200 dl:nth-of-type(4) dt{background: #FDBB19; font-weight: normal;}
.box2bj .w1200 dl dd{flex-grow: 1; overflow: hidden; display: flex; align-items: center; color: #666;}
.box2bj .w1200 dl dd a{flex: 1; text-align: center; border-right: 1px solid #E1E1E1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box2bj .w1200 dl dd a:nth-last-of-type(1){border-right: none;}

.index_img{margin-top: 30px;}
.index_img .w1200 img{width: 100%;}

.box3bj{margin: 40px 0 0;}
.box3bj .w1200{display: flex; justify-content: space-between;}
.box3bj .w1200 .fl{width: 410px;}
.box3bj .w1200 .fl .swiper1 .swiper-slide{position: relative;}
.box3bj .w1200 .fl .swiper1 .swiper-slide img{width: 100%; height: 270px;}
.box3bj .w1200 .fl .swiper1 .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 100px 0 20px; background: rgba(0,0,0,0.7); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box3bj .w1200 .fl .swiper1 .swiper-pagination-bullets{width: auto; right: 16px; left: auto;}
.box3bj .w1200 .fl .swiper1 .swiper-pagination-bullet{opacity: 1; background: #fff;}
.box3bj .w1200 .fl .swiper1 .swiper-pagination-bullet-active{background: #008DED;}
.box3bj .w1200 .fl .swiper1-1bj{background: #EFEFEF; padding: 6px 10px 10px; border-radius: 0 0 12px 12px; overflow: hidden; margin-bottom: 30px;}
.box3bj .w1200 .fl .swiper1-1bj .swiper-container{overflow: visible;}
.box3bj .w1200 .fl .swiper1-1bj .swiper-slide{height: 46px; border-radius: 3px; overflow: hidden;}
.box3bj .w1200 .fl .swiper1-1bj .swiper-slide img{width: 100%; height: 100%;}
.box3bj .w1200 .fl .swiper1-1bj .swiper-slide-thumb-active{background: #fff; padding: 4px; transform: scale(1.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);}
.box3bj .w1200 .fl .bod .item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E6E6E6; display: flex; align-items: center;}
.box3bj .w1200 .fl .bod .item .img{width: 98px; height: 98px; border-radius: 20px; overflow: hidden; flex-shrink: 0;}
.box3bj .w1200 .fl .bod .item .img img{width: 100%; height: 100%;}
.box3bj .w1200 .fl .bod .item .img img:hover{opacity: 0.8;}
.box3bj .w1200 .fl .bod .item .dl1{margin: 0 16px; overflow: hidden;}
.box3bj .w1200 .fl .bod .item .dl1 dt{font-size: 16px; font-weight: normal; margin-bottom: 6px;}
.box3bj .w1200 .fl .bod .item .dl1 dd{font-size: 12px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.box3bj .w1200 .fl .bod .item .dl2{border-left: 1px solid #E6E6E6; width: 78px; text-align: center; flex-shrink: 0; color: #008DED;}
.box3bj .w1200 .fl .bod .item .dl2 dt{font-size: 30px;}
.box3bj .w1200 .fl .bod .item .dl2 dd{font-size: 12px;}
.box3bj .w1200 .ce{width: 430px;}
.box3bj .w1200 .ce .tit{border-bottom: 1px dashed #E6E6E6;}
.box3bj .w1200 .ce .tit dl{margin-bottom: 20px; text-align: center;}
.box3bj .w1200 .ce .tit dl dt{font-size: 20px; color: #008DED; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box3bj .w1200 .ce .tit dl dd{color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box3bj .w1200 .ce .ul1{margin-top: 20px;}
.box3bj .w1200 .ce .ul1 li{display: flex; align-items: center; margin-bottom: 15px;}
.box3bj .w1200 .ce .ul1 li em{width: 40px; height: 22px; text-align: center; line-height: 22px; flex-shrink: 0; position: relative;}
.box3bj .w1200 .ce .ul1 li em:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; color: #fff; font-size: 12px;}
.box3bj .w1200 .ce .ul1 li:nth-of-type(1) em:before{content: "最新"; background: #FD8258;}
.box3bj .w1200 .ce .ul1 li:nth-of-type(2) em:before{content: "焦点"; background: #008DED;}
.box3bj .w1200 .ce .ul1 li:nth-of-type(3) em:before{content: "精选"; background: #FD6958;}
.box3bj .w1200 .ce .ul1 li:nth-of-type(4) em:before{content: "热点"; background: #FDBB19;}
.box3bj .w1200 .ce .ul1 li a{margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box3bj .w1200 .ce .ul1 li span{margin-left: auto; white-space: nowrap; color: #999;}
.box3bj .w1200 .ce .ul2 li{display: flex; align-items: center; margin: 16px 0;}
.box3bj .w1200 .ce .ul2 li em{width: 8px; height: 8px; background: #E1E1E1; border-radius: 2px; flex-shrink: 0;}
.box3bj .w1200 .ce .ul2 li:nth-of-type(1),.box3bj .w1200 .ce .ul2 li:nth-of-type(6),.box3bj .w1200 .ce .ul2 li:nth-of-type(11){background: #EEF8FF; height: 40px; margin: 32px 0 0;}
.box3bj .w1200 .ce .ul2 li:nth-of-type(1) em,.box3bj .w1200 .ce .ul2 li:nth-of-type(6) em,.box3bj .w1200 .ce .ul2 li:nth-of-type(11) em{background: #008DED;}
.box3bj .w1200 .ce .ul2 li:nth-of-type(1) span,.box3bj .w1200 .ce .ul2 li:nth-of-type(6) span,.box3bj .w1200 .ce .ul2 li:nth-of-type(11) span{display: none;}
.box3bj .w1200 .ce .ul2 li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 10px;}
.box3bj .w1200 .ce .ul2 li span{white-space: nowrap; color: #999; margin-left: auto;}
.box3bj .w1200 .fr{width: 300px;}
.box3bj .w1200 .fr .tui{margin-bottom: 30px;}
.box3bj .w1200 .fr .tui img{width: 100%;}
.box3bj .w1200 .fr .bod .item{margin-bottom: 31px; display: flex; align-items: center;}
.box3bj .w1200 .fr .bod .item .img{width: 70px; height: 70px; border-radius: 20px; overflow: hidden; flex-shrink: 0;}
.box3bj .w1200 .fr .bod .item .img img{width: 100%; height: 100%;}
.box3bj .w1200 .fr .bod .item .img img:hover{opacity: 0.8;}
.box3bj .w1200 .fr .bod .item .dl1{margin: 0 10px; overflow: hidden;}
.box3bj .w1200 .fr .bod .item .dl1 dt{font-size: 14px; font-weight: normal;}
.box3bj .w1200 .fr .bod .item .dl1 p{font-size: 12px; color: #FF5D26; margin: 6px 0;}
.box3bj .w1200 .fr .bod .item .dl1 dd{font-size: 12px; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box3bj .w1200 .fr .bod .item .more{width: 58px; height: 28px; background: #008DED; margin-left: auto; text-align: center; line-height: 28px; border-radius: 28px; flex-shrink: 0; font-size: 12px; color: #fff;}

.box4bj{margin-top: 50px;}
.box4bj .w1200{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box4bj .fl{width: 410px;}
.box4bj .fl .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box4bj .fl .bod dl{width: 196px;}
.box4bj .fl .bod dl dt{height: 100px; border-radius: 6px; overflow: hidden; position: relative;}
.box4bj .fl .bod dl dt img{width: 100%; height: 100%;}
.box4bj .fl .bod dl dt:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/pjh_04.png) center center no-repeat;}
.box4bj .fl .bod dl dt:hover:before{display: none;}
.box4bj .fl .bod dl dd{margin-top: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box4bj .fl .bod dl:nth-of-type(1){width: 100%; margin-bottom: 20px;}
.box4bj .fl .bod dl:nth-of-type(1) dt{height: 182px;}
.box4bj .fr{width: 760px;}
.box4bj .fr .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box4bj .fr .bod dl{width: 240px;}
.box4bj .fr .bod dl dt{height: 140px; border-radius: 6px; overflow: hidden;}
.box4bj .fr .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box4bj .fr .bod dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.box4bj .fr .bod dl dd{margin: 16px 0 20px;}

.box5bj{margin: 40px 0;}
.box5bj .w1200 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box5bj .w1200 .bod dl{width: 100px; margin-right: 50px; margin-bottom: 30px;}
.box5bj .w1200 .bod dl:nth-of-type(8n){margin-right: 0;}
.box5bj .w1200 .bod dl dt{height: 100px; border-radius: 20px; overflow: hidden;}
.box5bj .w1200 .bod dl dt img{width: 100%; height: 100%;}
.box5bj .w1200 .bod dl dt img:hover{opacity: 0.8;}
.box5bj .w1200 .bod dl dd{margin-top: 10px; text-align: center;}

.box6bj .w1200{display: flex; justify-content: space-between;}
.box6bj .w1200 .left{width: 870px;}
.box6bj .w1200 .left .bod{display: flex; justify-content: space-between;}
.box6bj .w1200 .left .bod .fl{width: 410px;}
.box6bj .w1200 .left .bod .fl .tui{display: flex; justify-content: space-between; margin-bottom: 30px;}
.box6bj .w1200 .left .bod .fl .tui dl{width: 196px;}
.box6bj .w1200 .left .bod .fl .tui dl dt{height: 124px; border-radius: 6px; overflow: hidden;}
.box6bj .w1200 .left .bod .fl .tui dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box6bj .w1200 .left .bod .fl .tui dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.box6bj .w1200 .left .bod .fl .tui dl dd{margin-top: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box6bj .w1200 .left .bod .fl ul li{display: flex; align-items: center; margin-bottom: 20px;}
.box6bj .w1200 .left .bod .fl ul li:before{content: ""; width: 8px; height: 8px; border-radius: 2px; background: #008DED; flex-shrink: 0;}
.box6bj .w1200 .left .bod .fl ul li a{margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box6bj .w1200 .left .bod .fl ul li span{white-space: nowrap; color: #999; margin-left: auto;}
.box6bj .w1200 .left .bod .fr{width: 430px;}
.box6bj .w1200 .left .bod .fr .item{display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #E6E6E6;}
.box6bj .w1200 .left .bod .fr .item:nth-last-of-type(1){margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.box6bj .w1200 .left .bod .fr .item .img{width: 80px; height: 50px; flex-shrink: 0; margin-right: 12px; border-radius: 6px; overflow: hidden;}
.box6bj .w1200 .left .bod .fr .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.box6bj .w1200 .left .bod .fr .item .img img:hover{transform: scale(1.2);}
.box6bj .w1200 .left .bod .fr .item dl{overflow: hidden;}
.box6bj .w1200 .left .bod .fr .item dl dt{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; font-weight: normal;}
.box6bj .w1200 .left .bod .fr .item dl dd{font-size: 12px; color: #999;}
.box6bj .w1200 .right{width: 300px;}
.box6bj .w1200 .right .bod dl{height: 190px; border-radius: 6px; overflow: hidden; position: relative; margin-bottom: 30px;}
.box6bj .w1200 .right .bod dl:nth-last-of-type(1){margin-bottom: 0;}
.box6bj .w1200 .right .bod dl dt{height: 100%;}
.box6bj .w1200 .right .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.box6bj .w1200 .right .bod dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.box6bj .w1200 .right .bod dl dd{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: rgba(0,0,0,0.7); padding: 0 20px; line-height: 40px; color: #fff;}

.box7bj{margin: 50px 0;}
.box7bj .w1200{display: flex; justify-content: space-between;}
.box7bj .left{width: 410px;}
.box7bj .left .tit{display: flex; border: 1px solid #008DED; border-radius: 6px; line-height: 46px; text-align: center; font-weight: bold; overflow: hidden; margin-bottom: 15px;}
.box7bj .left .tit li{flex: 1; font-size: 18px; color: #008DED; cursor: default;}
.box7bj .left .tit li.active{background: #008DED; color: #fff;}
.box7bj .left .bod ul{display: none;}
.box7bj .left .bod ul li a{height: 48px; display: flex; align-items: center; transition: 0.5s;}
.box7bj .left .bod ul li span{flex: 1;}
.box7bj .left .bod ul li span em{display: block; width: 72px; height: 28px; border: 1px solid #008DED; border-radius: 28px; line-height: 28px; text-align: center; margin-left: auto; font-size: 12px; color: #008DED; transition: 0.5s;}
.box7bj .left .bod ul li a:hover{background: #EEF8FF;}
.box7bj .left .bod ul li a:hover span em{background: #008DED; color: #fff;}
.box7bj .right{width: 760px;}
.box7bj .right .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.box7bj .right .bod dl{width: 100px; margin-right: 32px;}
.box7bj .right .bod dl:nth-of-type(6n){margin-right: 0;}
.box7bj .right .bod dl dt{height: 100px; border-radius: 20px; overflow: hidden;}
.box7bj .right .bod dl dt img{width: 100%; height: 100%;}
.box7bj .right .bod dl dt img:hover{opacity: 0.8;}
.box7bj .right .bod dl dd{margin: 10px 0 24px; text-align: center;}

.box8bj .index_tit dt{display: flex; align-items: center;}
.box8bj .index_tit dt ul{display: flex; margin-left: 50px;}
.box8bj .index_tit dt ul li{margin-right: 30px; position: relative; font-size: 14px; font-weight: normal; cursor: default;}
.box8bj .index_tit dt ul li.active{color: #008DED;}
.box8bj .index_tit dt ul li.active:before{content: ""; position: absolute; width: 32px; height: 4px; background: #008DED; border-radius: 4px; bottom: -15px; left: 0; right: 0; margin: auto;}

.box8bj .bodbj .bod{display: none; justify-content: space-between;}
.box8bj .bodbj .bod .fl{width: 360px;}
.box8bj .bodbj .bod .fl h3{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 24px;}
.box8bj .bodbj .bod .fl h3 span{position: relative;}
.box8bj .bodbj .bod .fl h3 span:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #67C1FF; border-radius: 10px; z-index: -1;}
.box8bj .bodbj .bod .item{margin-bottom: 24px;}
.box8bj .bodbj .bod .item .p1{display: flex; align-items: center;}
.box8bj .bodbj .bod .item .p1 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 50%;}
.box8bj .bodbj .bod .item:nth-of-type(1) .p1 i{background: #FF5B5B; color: #fff;}
.box8bj .bodbj .bod .item:nth-of-type(2) .p1 i{background: #F88641; color: #fff;}
.box8bj .bodbj .bod .item:nth-of-type(3) .p1 i{background: #F6C85B; color: #fff;}
.box8bj .bodbj .bod .item .p1 a{margin: 0 20px;}
.box8bj .bodbj .bod .item .p1 span{font-size: 12px; color: #999; white-space: nowrap; margin-left: auto;}
.box8bj .bodbj .bod .item .p2{display: none; align-items: center;}
.box8bj .bodbj .bod .item .p2 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 50%;}
.box8bj .bodbj .bod .item:nth-of-type(1) .p2 i{background: #FF5B5B; color: #fff;}
.box8bj .bodbj .bod .item:nth-of-type(2) .p2 i{background: #F88641; color: #fff;}
.box8bj .bodbj .bod .item:nth-of-type(3) .p2 i{background: #F6C85B; color: #fff;}
.box8bj .bodbj .bod .item .p2 .img{width: 64px; height: 64px; border-radius: 20px; overflow: hidden; flex-shrink: 0; margin: 0 16px 0 20px;}
.box8bj .bodbj .bod .item .p2 .img img{width: 100%; height: 100%;}
.box8bj .bodbj .bod .item .p2 .img img:hover{opacity: 0.8;}
.box8bj .bodbj .bod .item .p2 dl{margin-right: 16px; overflow: hidden;}
.box8bj .bodbj .bod .item .p2 dl dt{font-size: 18px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box8bj .bodbj .bod .item .p2 dl dd{font-size: 12px; color: #999;}
.box8bj .bodbj .bod .item .p2 .xz{width: 72px; height: 28px; background: #008DED; line-height: 28px; text-align: center; font-size: 12px; color: #fff; margin-left: auto; flex-shrink: 0; border-radius: 28px;}
.box8bj .bodbj .bod .item.active .p1{display: none;}
.box8bj .bodbj .bod .item.active .p2{display: flex;}

.yqlj{margin: 30px 0;}
.yqlj .bod a{display: inline-block; white-space: nowrap; margin: 0 20px 8px 0;}

/* 底部 */
.bottombj{background: #292929; padding: 40px 0;}
.bottom1{padding-bottom: 40px; border-bottom: 1px solid #404040; display: flex; align-items: center;}
.bottom1 .fl,.bottom1 .fr{flex: 1;}
.bottom1 .fl{text-align: center;}
.bottom1 .fl img{width: 200px;}
.bottom1 .fr{border-left: 1px solid #3D3D3D; color: #ccc; padding: 0 50px;}
.bottom1 .fr dl dt{font-size: 18px; color: #808080; margin-bottom: 12px;}
.bottom1 .fr dl dd{display: flex; flex-wrap: wrap;}
.bottom1 .fr dl dd a{width: 50%; color: #ccc; margin-bottom: 6px;}
.bottom2{margin-top: 40px; color: #999; text-align: center;}
.bottom2 ul{display: flex; justify-content: center;}
.bottom2 ul li{padding: 0 10px; position: relative;}
.bottom2 ul li:before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; width: 1px; height: 12px; background: #646465;}
.bottom2 ul li:nth-last-of-type(1):before{display: none;}
.bottom2 p{font-size: 12px; margin-top: 12px;}

/* 游戏列表 */
.position{margin: 16px 0 30px; color: #888;}
.yx_list .fenlei{display: flex; margin-bottom: 20px;}
.yx_list .fenlei dl{width: 90px; flex-shrink: 0;}
.yx_list .fenlei dl dt{font-weight: normal; line-height: 32px;}
.yx_list .fenlei ul{display: flex; flex-wrap: wrap;}
.yx_list .fenlei ul li{margin: 0 14px 14px 0; height: 32px; line-height: 32px;}
.yx_list .fenlei ul li{padding: 0 14px; display: block; transition: 0.5s;}
.yx_list .fenlei ul li.flstyle,.yx_list .fenlei ul li:hover{background: #008DED; border-radius: 32px; color: #fff;}
.yx_list .fenlei ul li a:hover{color: #fff;}

.yx_list .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yx_list .bod .item{width: 380px; background: #F6F6F6; padding: 20px; border-radius: 12px; display: flex; align-items: center; margin-bottom: 25px; transition: 0.5s;}
.yx_list .bod .item:hover{box-shadow: 5px 5px 5px rgba(0,0,0,0.2); transform: translate(-5px,-5px);}
.yx_list .bod .item .img{width: 92px; height: 92px; border-radius: 20px; overflow: hidden; flex-shrink: 0;}
.yx_list .bod .item .img img{width: 100%; height: 100%;}
.yx_list .bod .item .img img:hover{opacity: 0.8;}
.yx_list .bod .item dl{margin: 0 20px; overflow: hidden;}
.yx_list .bod .item dl dt{font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_list .bod .item dl p{color: #666; margin: 10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_list .bod .item dl dd{font-size: 12px; color: #888;}
.yx_list .bod .item .more{margin-left: auto; width: 88px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #008DED; color: #008DED; border-radius: 32px; transition: 0.5s;}
.yx_list .bod .item .more:hover{background: #008DED; color: #fff;}

.yema ul{display: flex; justify-content: center; margin-bottom: 50px;}
.yema ul a{border: 1px solid #ddd; padding: 4px 8px; color: #666; margin: 0 4px; border-radius: 4px;}
.yema ul a.activP{background: #008DED; color: #fff;}

/* 游戏详情 */
.yx_article .flex{display: flex; justify-content: space-between;}
.yx_article .flex .left{width: 860px;}
.yx_article1 .item{display: flex; align-items: center;}
.yx_article1 .item .img{width: 130px; height: 130px; flex-shrink: 0; border-radius: 30px; overflow: hidden;}
.yx_article1 .item .img img{width: 100%; height: 100%;}
.yx_article1 .item dl{margin: 0 30px; overflow: hidden;}
.yx_article1 .item dl dt{font-size: 30px; margin-bottom: 30px;}
.yx_article1 .item dl dd{color: #999; margin-top: 10px;}
.yx_article1 .item dl dd span{margin-right: 48px; display: inline-block; width: 100px; white-space: nowrap;}
.yx_article1 .item .xz{width: 215px; margin-left: auto;}
.yx_article1 .item .xz .az{height: 50px; background: #FF7546; position: relative; display: flex; align-items: center; color: #fff; border-radius: 50px; padding: 0 20px 0 28px; margin: 10px 0; font-size: 16px;}
.yx_article1 .item .xz .az i{width: 18px; height: 19px; background: url(../images/pjh_07.png); flex-shrink: 0; margin-right: 10px;}
.yx_article1 .item .xz .az span{width: 1px; height: 22px; background: #FFFFFF; margin: 0 12px 0 auto;}
.yx_article1 .item .xz .az em{width: 24px; height: 24px; background: url(../images/pjh_09.png); background-size: 100% 100%; flex-shrink: 0;}
.yx_article1 .item .xz .az img{display: none; position: absolute; top: 50px; right: 0; width: 100%; z-index: 1;}
.yx_article1 .item .xz .az:hover img{display: block;}
.yx_article1 .item .xz .pg{height: 50px; background: #FF7546; position: relative; display: flex; align-items: center; color: #fff; border-radius: 50px; padding: 0 20px 0 28px; margin: 10px 0; font-size: 16px;}
.yx_article1 .item .xz .pg i{width: 18px; height: 19px; background: url(../images/pjh_08.png); flex-shrink: 0; margin-right: 10px;}
.yx_article1 .item .xz .pg span{width: 1px; height: 22px; background: #FFFFFF; margin: 0 12px 0 auto;}
.yx_article1 .item .xz .pg em{width: 24px; height: 24px; background: url(../images/pjh_09.png); background-size: 100% 100%; flex-shrink: 0;}
.yx_article1 .item .xz .pg img{display: none; position: absolute; top: 50px; right: 0; width: 100%; z-index: 1;}
.yx_article1 .item .xz .pg:hover img{display: block;}
.yx_article1 .item .xz span{height: 50px; background: #F2F2F2; border-radius: 50px; margin: 10px 0; text-align: center; line-height: 50px; display: block; font-size: 16px;}
.yx_article1 .item .xz .zq{height: 50px; background: #FF7546; color: #fff; border-radius: 50px; margin: 10px 0; text-align: center; line-height: 50px; display: block; font-size: 16px;}
.yx_article2{margin: 50px 0;}
.yx_article2 .bod{line-height: 2em;}
.yx_article2 .bod h3{font-size: 16px; color: #589cf6; font-weight: bold; margin: 10px 0;}
.yx_article3 .bod{padding: 0 70px; position: relative;}
.yx_article3 .bod .swiper-slide{transform: scale(0.8); z-index: 1;}
.yx_article3 .bod .swiper-slide-active{transform: scale(1); z-index: 2;}
.yx_article3 .bod .swiper-button-prev{width: 39px; height: 39px; background: url(../images/pjh_10.png) center center no-repeat; border-radius: 50%; left: 0;}
.yx_article3 .bod .swiper-button-prev:hover{background: url(../images/pjh_10_ac.png) center center no-repeat;}
.yx_article3 .bod .swiper-button-prev:after{display: none;}
.yx_article3 .bod .swiper-button-next{width: 39px; height: 39px; background: url(../images/pjh_11.png) center center no-repeat; border-radius: 50%; right: 0;}
.yx_article3 .bod .swiper-button-next:hover{background: url(../images/pjh_11_ac.png) center center no-repeat;}
.yx_article3 .bod .swiper-button-next:after{display: none;}
.yx_article4{margin: 50px 0;}
.yx_article4 .tit{border-top: 5px solid #E1E1E1; padding-top: 14px; display: flex; align-items: center; justify-content: space-between; position: relative;}
.yx_article4 .tit:before{content: ""; position: absolute; top: -5px; left: 0; width: 108px; height: 5px; background: #008DED;}
.yx_article4 .tit h3{font-size: 18px; font-weight: bold;}
.yx_article4 .tit ul{display: flex; font-size: 12px;}
.yx_article4 .tit ul li{background: #E8E8E8; padding: 0 14px; height: 28px; line-height: 28px; margin-left: 12px; border-radius: 28px; color: #666; cursor: default;}
.yx_article4 .tit ul li.active{background: #008DED; color: #fff;}
.yx_article4 .bod{display: none;}
.yx_article4 .bod .tui{display: flex; align-items: center; margin: 40px 0 30px;}
.yx_article4 .bod .tui .img{width: 216px; height: 110px; flex-shrink: 0; margin-right: 30px; overflow: hidden;}
.yx_article4 .bod .tui .img img{width: 100%; height: 100%; transition: 0.5s;}
.yx_article4 .bod .tui .img img:hover{transform: scale(1.2);}
.yx_article4 .bod .tui dl{text-align: center; overflow: hidden;}
.yx_article4 .bod .tui dl dt{font-size: 20px; margin-bottom: 15px;}
.yx_article4 .bod .tui dl dd{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.yx_article4 .bod .info{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yx_article4 .bod .info .item{width: 250px; margin-bottom: 20px; display: flex; align-items: center;}
.yx_article4 .bod .info .item .img{width: 92px; height: 92px; border-radius: 20px; overflow: hidden;}
.yx_article4 .bod .info .item .img img{width: 100%; height: 100%;}
.yx_article4 .bod .info .item .img img:hover{opacity: 0.8;}
.yx_article4 .bod .info .item dl{overflow: hidden; margin-left: 20px;}
.yx_article4 .bod .info .item dl dt{font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_article4 .bod .info .item dl p{font-size: 12px; color: #999; margin: 12px 0;}
.yx_article4 .bod .info .item dl dd{font-size: 12px; color: #888;}
.yx_article5 .bod ul li{display: flex; align-items: center; align-items: center; height: 52px; border-bottom: 1px dashed #E3E0E0;}
.yx_article5 .bod ul li:before{content: ""; width: 5px; height: 5px; background: #008DED; border-radius: 50%; border: 2px solid rgba(0, 194, 154, 0.25)}
.yx_article5 .bod ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 16px 0 8px;}
.yx_article5 .bod ul li span{margin-left: auto; white-space: nowrap; color: #999;}
.yx_article6{margin: 50px 0 30px;}
.yx_article6 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yx_article6 .bod .item{width: 410px; display: flex; align-items: center; margin-bottom: 20px;}
.yx_article6 .bod .item .img{width: 124px; height: 74px; flex-shrink: 0; margin-right: 12px; overflow: hidden;}
.yx_article6 .bod .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.yx_article6 .bod .item .img img:hover{transform: scale(1.2) rotate(8deg);}
.yx_article6 .bod .item dl dt{font-weight: normal; margin-bottom: 12px; height: 40px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.yx_article6 .bod .item dl dd{color: #999;}
.yx_article .flex .right{width: 300px;}
.yx_article7 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yx_article7 .bod dl{width: 80px; margin-bottom: 20px;}
.yx_article7 .bod dl dt{height: 80px; border-radius: 20px; overflow: hidden;}
.yx_article7 .bod dl dt img{width: 100%; height: 100%;}
.yx_article7 .bod dl dt img:hover{opacity: 0.8;}
.yx_article7 .bod dl dd{text-align: center; margin-top: 10px;}
.yx_article8{margin: 20px 0 40px;}
.yx_article8 .bod .item{margin-bottom: 16px;}
.yx_article8 .bod .item .p1{display: flex; align-items: center;}
.yx_article8 .bod .item .p1 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 50%;}
.yx_article8 .bod .item:nth-of-type(1) .p1 i{background: #FF5B5B; color: #fff;}
.yx_article8 .bod .item:nth-of-type(2) .p1 i{background: #F88641; color: #fff;}
.yx_article8 .bod .item:nth-of-type(3) .p1 i{background: #F6C85B; color: #fff;}
.yx_article8 .bod .item .p1 a{margin: 0 20px;}
.yx_article8 .bod .item .p1 span{font-size: 12px; color: #999; white-space: nowrap; margin-left: auto;}
.yx_article8 .bod .item .p2{display: none; align-items: center;}
.yx_article8 .bod .item .p2 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 50%;}
.yx_article8 .bod .item:nth-of-type(1) .p2 i{background: #FF5B5B; color: #fff;}
.yx_article8 .bod .item:nth-of-type(2) .p2 i{background: #F88641; color: #fff;}
.yx_article8 .bod .item:nth-of-type(3) .p2 i{background: #F6C85B; color: #fff;}
.yx_article8 .bod .item .p2 .img{width: 64px; height: 64px; border-radius: 20px; overflow: hidden; flex-shrink: 0; margin: 0 20px;}
.yx_article8 .bod .item .p2 .img img{width: 100%; height: 100%;}
.yx_article8 .bod .item .p2 .img img:hover{opacity: 0.8;}
.yx_article8 .bod .item .p2 dl{margin-right: 16px; overflow: hidden;}
.yx_article8 .bod .item .p2 dl dt{font-size: 16px; margin-bottom: 10px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_article8 .bod .item .p2 dl dd{font-size: 12px; color: #999;}
.yx_article8 .bod .item .p2 .xz{width: 72px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #fff; background: #008DED; margin-left: auto; flex-shrink: 0; border-radius: 28px;}
.yx_article8 .bod .item.active .p1{display: none;}
.yx_article8 .bod .item.active .p2{display: flex;}
.yx_article9 ul li{margin-bottom: 20px;}
.yx_article9 ul li a{margin-bottom: 20px; display: flex; align-items: center;}
.yx_article9 ul li a:before{content: ""; width: 6px; height: 6px; border-radius: 2px; background: #BCDFF6; flex-shrink: 0;}
.yx_article9 ul li a span{white-space: nowrap; margin: 0 20px 0 6px;}
.yx_article9 ul li a dl{display: flex; align-items: center; overflow: hidden;}
.yx_article9 ul li a dl dt{width: 50px; height: 50px; border-radius: 10px; overflow: hidden; flex-shrink: 0;}
.yx_article9 ul li a dl dt img{width: 100%; height: 100%;}
.yx_article9 ul li a dl dd{margin: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yx_article9 ul li a em{width: 72px; height: 28px; background: #F2F2F2; border-radius: 28px; flex-shrink: 0; line-height: 28px; text-align: center; margin-left: auto;}
.yx_article9 ul li a i{width: 72px; height: 28px; background: #008DED; border-radius: 28px; flex-shrink: 0; line-height: 28px; text-align: center; color: #fff; margin-left: auto; display: none;}
.yx_article9 ul li a:hover em{display: none;}
.yx_article9 ul li a:hover i{display: block;}
.yx_article9 ul li a:hover before{background: #008DED;}
.yx_article10{margin-top: 40px;}
.yx_article10 .bod .item{margin-bottom: 30px; display: flex; align-items: center;}
.yx_article10 .bod .item .img{width: 70px; height: 70px; flex-shrink: 0; border-radius: 16px; overflow: hidden;}
.yx_article10 .bod .item .img img{width: 100%; height: 100%;}
.yx_article10 .bod .item .img img:hover{opacity: 0.8;}
.yx_article10 .bod .item dl{margin: 0 12px; overflow: hidden;}
.yx_article10 .bod .item dl dt{font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_article10 .bod .item dl p{font-size: 12px; color: #FF5D26; margin: 8px 0;}
.yx_article10 .bod .item dl dd{font-size: 12px; color: #777777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.yx_article10 .bod .item .more{width: 58px; height: 28px; text-align: center; line-height: 28px; background: #008DED; border-radius: 28px; font-size: 12px; color: #fff; flex-shrink: 0; margin-left: auto;}

/* 资讯列表页 */
.zx_list .flex{display: flex; justify-content: space-between;}
.zx_list .flex .left{width: 860px;}
.zx_list .flex .left .tit{border-bottom: 1px solid #E1E1E1; display: flex; align-items: center; margin-bottom: 30px; padding-bottom: 10px;}
.zx_list .flex .left .tit dt{font-size: 18px; margin-right: 80px;}
.zx_list .flex .left .tit dd a{position: relative; font-size: 14px; display: inline-block; margin-right: 30px;}
.zx_list .flex .left .tit dd a.active,.zx_list .flex .left .tit dd a:hover{color: #008DED;}
.zx_list .flex .left .tit dd a.active:before,.zx_list .flex .left .tit dd a:hover:before{content: ""; position: absolute; bottom: -13px; left: 0; right: 0; height: 4px; background: #008DED; border-radius: 4px;}
.zx_list .flex .left .list .item{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #E3E0E0; display: flex;}
.zx_list .flex .left .list .item .img{width: 220px; height: 138px; flex-shrink: 0; margin-right: 20px; border-radius: 4px; overflow: hidden;}
.zx_list .flex .left .list .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.zx_list .flex .left .list .item .img img:hover{transform: scale(1.2) rotate(8deg);}
.zx_list .flex .left .list .item dl dt{font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zx_list .flex .left .list .item dl dd{color: #777777; margin: 20px 0 30px;}
.zx_list .flex .left .list .item dl span{padding-left: 20px; background: url(../images/pjh_12.png) left center no-repeat; color: #999;}
.zx_list1 .bod dl{display: flex; align-items: center;}
.zx_list1 .bod dl dt{width: 114px; height: 74px; border-radius: 6px; overflow: hidden; flex-shrink: 0; margin-right: 16px;}
.zx_list1 .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.zx_list1 .bod dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.zx_list1 .bod dl dd{overflow: hidden;}
.zx_list1 .bod dl dd p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px;}
.zx_list1 .bod dl dd span{color: #999;}
.zx_list1 .bod ul li{display: flex; margin-top: 20px; align-items: center;}
.zx_list1 .bod ul li:before{content: ""; width: 8px; height: 8px; flex-shrink: 0; background: #E1E1E1;}
.zx_list1 .bod ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 10px;}
.zx_list1 .bod ul li span{color: #999; white-space: nowrap; margin-left: auto;}
.zx_list2{margin: 20px 0 40px;}
.zx_list2 .index_tit dd{display: flex; cursor: default;}
.zx_list2 .index_tit dd span{margin-left: 20px; position: relative;}
.zx_list2 .index_tit dd span.active{color: #008DED;}
.zx_list2 .index_tit dd span.active:before{content: ""; position: absolute; left: 0; right: 0; bottom: -15px; width: 32px; height: 4px; background: #008DED; border-radius: 4px; margin: auto;}
.zx_list2 .bod{display: none;}
.zx_list2 .bod .item{margin-bottom: 16px;}
.zx_list2 .bod .item .p1{display: flex; align-items: center;}
.zx_list2 .bod .item .p1 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 30px;}
.zx_list2 .bod .item:nth-of-type(1) .p1 i{background: #FF5B5B; color: #fff;}
.zx_list2 .bod .item:nth-of-type(2) .p1 i{background: #F88641; color: #fff;}
.zx_list2 .bod .item:nth-of-type(3) .p1 i{background: #F6C85B; color: #fff;}
.zx_list2 .bod .item .p1 a{margin: 0 20px;}
.zx_list2 .bod .item .p1 span{font-size: 12px; color: #999; white-space: nowrap; margin-left: auto;}
.zx_list2 .bod .item .p2{display: none; align-items: center;}
.zx_list2 .bod .item .p2 i{width: 30px; height: 30px; background: #F2F2F2; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #666; border-radius: 30px;}
.zx_list2 .bod .item:nth-of-type(1) .p2 i{background: #FF5B5B; color: #fff;}
.zx_list2 .bod .item:nth-of-type(2) .p2 i{background: #F88641; color: #fff;}
.zx_list2 .bod .item:nth-of-type(3) .p2 i{background: #F6C85B; color: #fff;}
.zx_list2 .bod .item .p2 .img{width: 64px; height: 64px; border-radius: 20px; overflow: hidden; flex-shrink: 0; margin: 0 20px;}
.zx_list2 .bod .item .p2 .img img{width: 100%; height: 100%;}
.zx_list2 .bod .item .p2 dl{margin-right: 16px; overflow: hidden;}
.zx_list2 .bod .item .p2 dl dt{font-size: 18px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zx_list2 .bod .item .p2 dl dd{font-size: 12px; color: #999;}
.zx_list2 .bod .item .p2 .xz{width: 72px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #fff; background: #008DED; margin-left: auto; flex-shrink: 0; border-radius: 28px;}
.zx_list2 .bod .item.active .p1{display: none;}
.zx_list2 .bod .item.active .p2{display: flex;}
.zx_list3{margin: 40px 0;}
.zx_list3 .bod dl{position: relative; margin-bottom: 20px; border-radius: 12px; overflow: hidden;}
.zx_list3 .bod dl dt{height: 190px; overflow: hidden;}
.zx_list3 .bod dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.zx_list3 .bod dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.zx_list3 .bod dl dd{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 20px; color: #fff; background: rgba(0,0,0,0.7);}
.zx_list .flex .right{width: 300px;}

/* 资讯详情 */
.zx_article{margin: 20px 0 50px;}
.article_article{text-align: center; font-size: 30px; font-weight: bold;}
.article_xx{padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #DCDADA; text-align: center; font-size: 12px; color: #999;}
.article_xx span{margin: 0 16px;}
.article_bod{line-height: 1.6em; font-size: 16px;}
.article_bod img{max-width: 100% !important; height: auto !important; margin: 20px auto; display: block;}

/* 专题列表 */
.hj_list1{display: flex; justify-content: space-between;}
.hj_list1 .fl{width: 860px;}
.hj_list1 .fl .swiper-slide{height: 368px; border-radius: 12px; overflow: hidden; position: relative;}
.hj_list1 .fl .swiper-slide img{width: 100%; height: 100%;}
.hj_list1 .fl .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 100%; height: 48px; display: flex; align-items: center; padding: 0 20px; background: rgba(0,0,0,0.5);}
.hj_list1 .fl .swiper-slide span{background: #fff; height: 24px; line-height: 24px; padding: 0 8px; border-radius: 12px; flex-shrink: 0; margin-right: 20px; font-size: 12px; color: #008DED;}
.hj_list1 .fl .swiper-slide a{font-size: 16px; color: #fff;}
.hj_list1 .fl .swiper-pagination{width: auto; right: 0; left: auto;}
.hj_list1 .fl .swiper-pagination span{width: 8px; height: 5px; background: rgba(255,255,255,0.4); border-radius: 5px; opacity: 1;}
.hj_list1 .fl .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,1); width: 18px;}
.hj_list1 .fr{width: 320px;}
.hj_list1 .fr dl:nth-of-type(1){margin-bottom: 20px;}
.hj_list1 .fr dl{height: 174px; border-radius: 12px; overflow: hidden; position: relative;}
.hj_list1 .fr dl dt{height: 100%;}
.hj_list1 .fr dl dt img{width: 100%; height: 100%; transition: 0.5s;}
.hj_list1 .fr dl dt img:hover{transform: scale(1.2) rotate(8deg);}
.hj_list1 .fr dl dd{position: absolute; bottom: 0; left: 0; width: 100%; height: 32px; line-height: 32px; padding: 0 20px; background: rgba(0,0,0,0.5); color: #fff;}
.hj_list2{margin: 40px 0;}
.hj_list2 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.hj_list2 .bod .item{width: 280px; border: 1px solid #eee; margin-bottom: 20px; border-radius: 12px; overflow: hidden;}
.hj_list2 .bod .item .img{height: 160px; overflow: hidden;}
.hj_list2 .bod .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.hj_list2 .bod .item .img img:hover{transform: scale(1.2);}
.hj_list2 .bod .item dl{margin: 20px 14px;}
.hj_list2 .bod .item dl dt{font-size: 18px; text-align: center;}
.hj_list2 .bod .item dl dd{color: #666; margin: 15px 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.hj_list2 .bod .item dl p{display: flex; justify-content: space-between; align-items: center;}
.hj_list2 .bod .item dl p span{padding-left: 20px; background: url(../images/pjh_12.png) left center no-repeat; color: #C2C2C2;}
.hj_list2 .bod .item dl p a{width: 56px; height: 22px; line-height: 22px; background: #5EBDFE; font-size: 12px; color: #fff; border-radius: 22px; text-align: center;}

/* 专区首页 */
.zq_home_banner{height: 450px;}
.zq_home .nav{background: #329A8C; color: #fff;}
.zq_home .nav a:hover{color: inherit;}
.zq_home .nav .w1200{height: 46px; display: flex; justify-content: space-between; align-items: flex-end;}
.zq_home .nav .w1200 .fl{line-height: 46px;}
.zq_home .nav .w1200 .fl li{float: left; padding: 0 25px;}
.zq_home .nav .w1200 .fl li.active{background: #00C29A;}
.zq_home .nav .w1200 .fr li{float: left; margin-left: 26px; width: 150px; height: 58px; line-height: 58px; font-size: 20px; text-indent: 50px;}
.zq_home .nav .w1200 .fr li a{display: block;}
.zq_home .nav .w1200 .fr li:nth-of-type(1){background: #FF802C url(../images/pjh_23.png) 20px center no-repeat;}
.zq_home .nav .w1200 .fr li:nth-of-type(2){background: #00C29A url(../images/pjh_24.png) 20px center no-repeat;}
.zq_home .flex{display: flex; justify-content: space-between; margin: 30px 0 40px;}
.zq_home .flex .left{width: 860px;}
.zq_home1{display: flex; justify-content: space-between;}
.zq_home1 .fl{width: 410px;}
.zq_home1 .fl .swiper-slide{position: relative;}
.zq_home1 .fl .swiper-slide img{width: 100%; height: 270px;}
.zq_home1 .fl .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 70px 0 20px; background: rgba(0,0,0,0.7); color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home1 .fl .swiper-pagination-bullets{left: auto; right: 10px; width: auto;}
.zq_home1 .fl .swiper-pagination-bullet{background: #fff; opacity: 1;}
.zq_home1 .fl .swiper-pagination-bullet-active{background: #00C29A;}
.zq_home1 .fr{width: 420px;}
.zq_home1 .fr dl{padding-bottom: 20px; margin-bottom: 18px; text-align: center; border-bottom: 1px solid #E6E6E6;}
.zq_home1 .fr dl dt{font-size: 20px; color: #FF3A12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home1 .fr dl dd{color: #666; margin-top: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.zq_home1 .fr ul li{display: flex; align-items: center; margin-bottom: 15px;}
.zq_home1 .fr ul li:nth-last-of-type(1){margin-bottom: 0;}
.zq_home1 .fr ul li:before{content: ""; width: 5px; height: 5px; background: #00C29A; border-radius: 50%; flex-shrink: 0; border: 2px solid rgba(0, 194, 154, 0.25);}
.zq_home1 .fr ul li a{margin: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home1 .fr ul li span{margin-left: auto; color: #999;}
.zq_home2{margin-top: 50px;}
.zq_home2 .bod .item{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E3E0E0; display: flex; align-items: center;}
.zq_home2 .bod .item .img{width: 220px; height: 146px; flex-shrink: 0; margin-right: 20px; overflow: hidden;}
.zq_home2 .bod .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.zq_home2 .bod .item .img img:hover{transform: scale(1.2);}
.zq_home2 .bod .item dl dt{font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home2 .bod .item dl dd{margin: 20px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666;}
.zq_home2 .bod .item dl p{display: flex; justify-content: space-between; align-items: center; color: #999; font-size: 12px;}
.zq_home3 .bod ul{overflow: hidden;}
.zq_home3 .bod ul li{width: 268px; height: 164px; float: right;}
.zq_home3 .bod ul li img{width: 100%; height: 100%;}
.zq_home3 .bod ul li:nth-of-type(1){width: 572px; height: 346px; float: left;}
.zq_home3 .bod ul li:nth-of-type(2){margin-bottom: 18px;}
.zq_home .flex .right{width: 300px;}
.zq_home4 .item{display: flex; align-items: center; flex-wrap: wrap;}
.zq_home4 .item .img{width: 92px; flex-shrink: 0; margin-right: 15px; border-radius: 20px; overflow: hidden;}
.zq_home4 .item .img img{width: 100%; height: 100%;}
.zq_home4 .item dl dt{font-size: 22px; margin-bottom: 10px;}
.zq_home4 .item dl dd{color: #999;}
.zq_home4 .item p{width: 100%; margin: 20px 0; color: #999;}
.zq_home4 .xz{height: 44px; display: flex;}
.zq_home4 .xz a{flex-grow: 1; line-height: 44px; text-indent: 42px; color: #fff;}
.zq_home4 .xz span{width: 48px; background: rgba(0,0,0,0.3) url(../images/pjh_25.png) center center no-repeat; position: relative;}
.zq_home4 .xz span img{position: absolute; top: 44px; right: 0; width: 200px; display: none; z-index: 1;}
.zq_home4 .xz span:hover img{display: block;}
.zq_home4 .az{background: #00C29A;}
.zq_home4 .az a{background: url(../images/pjh_26.png) 14px center no-repeat;}
.zq_home4 .pg{background: #FF802C; margin-top: 10px;}
.zq_home4 .pg a{background: url(../images/pjh_27.png) 14px center no-repeat;}
.zq_home5{margin: 40px 0 0;}
.zq_home5 .bod .item{margin-bottom: 25px; display: flex; align-items: center;}
.zq_home5 .bod .item .img{width: 60px; height: 60px; flex-shrink: 0; border-radius: 15px;}
.zq_home5 .bod .item .img img{width: 100%; height: 100%;}
.zq_home5 .bod .item dl{margin: 0 10px; overflow: hidden;}
.zq_home5 .bod .item dl dt{font-weight: normal; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home5 .bod .item dl dd{display: flex; color: #999;}
.zq_home5 .bod .item .more{margin-left: auto; width: 58px; height: 24px; line-height: 24px; text-align: center; background: #00C29A; font-size: 12px; color: #fff; flex-shrink: 0;}
.zq_home6{margin: 20px 0 0;}
.zq_home6 .bod ul li{display: flex; align-items: center; margin-bottom: 20px;}
.zq_home6 .bod ul li em{width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; background: #C9C9C9; color: #fff; flex-shrink: 0; margin-right: 10px;}
.zq_home6 .bod ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zq_home6 .bod ul li:nth-of-type(1) em,.zq_home6 .bod ul li:nth-of-type(2) em,.zq_home6 .bod ul li:nth-of-type(3) em{background: #FD5253;}
.zx_list .flex .left .list .item2 .img{width: 96px; height: 96px; border-radius: 15px; overflow: hidden;}
.zx_list .flex .left .list .item2 dl{overflow: hidden; position: relative;}
.zx_list .flex .left .list .item2 dl p{margin: 10px 0; display: flex;}
.zx_list .flex .left .list .item2 dl p span{background: none; padding-left: 0; margin-right: 20px;}
.zx_list .flex .left .list .item2 dl p span i{color: #333;}
.zx_list .flex .left .list .item2 dl dd{margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.zx_list .flex .left .list .item2 dl .xz{position: absolute; right: 0; top: 12px; width: 72px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #329A8C; color: #329A8C; border-radius: 5px; transition: 0.5s;}
.zx_list .flex .left .list .item2 dl .xz:hover{background: #329A8C; color: #fff;}

/* 礼包列表 */
.qlb_list .flex{display: flex; justify-content: space-between;}
.qlb_list .flex .left{width: 860px;}
.qlb_banner{margin-bottom: 40px;}
.qlb_banner .swiper-slide{height: 288px; position: relative; border-radius: 12px; overflow: hidden;}
.qlb_banner .swiper-slide img{width: 100%; height: 100%;}
.qlb_banner .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding: 0 20px; background: rgba(0,0,0,0.7); color: #fff;}
.qlb_banner .swiper-pagination{width: auto; left: auto; right: 20px;}
.qlb_banner .swiper-pagination span{width: 8px; height: 5px; background: rgba(255,255,255,0.4); opacity: 1; border-radius: 5px;}
.qlb_banner .swiper-pagination .swiper-pagination-bullet-active{background: rgba(255,255,255,1); width: 18px;}

.qlb_list1 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.qlb_list1 .bod .item{background: #F6F6F6; width: 272px; border-radius: 6px; padding: 20px; display: flex; align-items: center; margin-bottom: 20px; transition: 0.5s;}
.qlb_list1 .bod .item:hover{transform: translate(0,-5px); box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.qlb_list1 .bod .item .img{width: 70px; height: 70px; flex-shrink: 0; border-radius: 20px; overflow: hidden; margin-right: 12px;}
.qlb_list1 .bod .item .img img{width: 100%; height: 100%;}
.qlb_list1 .bod .item .img img:hover{opacity: 0.8;}
.qlb_list1 .bod .item dl{overflow: hidden;}
.qlb_list1 .bod .item dl dt{font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qlb_list1 .bod .item dl p{display: flex; justify-content: space-between; align-items: center; font-size: 12px; margin: 4px 0;}
.qlb_list1 .bod .item dl p span{font-size: 12px; color: #999;}
.qlb_list1 .bod .item dl p a{width: 60px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #999; border-radius: 24px; background: #fff; color: #999; transition: 0.5s;}
.qlb_list1 .bod .item dl p a:hover{background: #008DED; color: #fff;}
.qlb_list1 .bod .item dl dd{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #666;}
.qlb_list .flex .right{width: 300px;}
.qlb_list2{margin-bottom: 40px;}
.qlb_list2 .bod ul li{display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;}
.qlb_list2 .bod ul li .a1{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 20px;}
.qlb_list2 .bod ul li .a2{width: 60px; height: 26px; background: #008DED; border-radius: 26px; text-align: center; line-height: 26px; font-size: 12px; color: #fff; flex-shrink: 0;}
.qlb_list2 .item2{margin-bottom: 25px; display: flex; align-items: center;}
.qlb_list2 .item2 .img{width: 60px; height: 60px; border-radius: 15px; overflow: hidden;}
.qlb_list2 .item2 .img img{width: 100%; height: 100%;}
.qlb_list2 .item2 .img img:hover{opacity: 0.8;}
.qlb_list2 .item2 dl{overflow: hidden; margin: 0 10px;}
.qlb_list2 .item2 dl dt{font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qlb_list2 .item2 dl dd{display: flex; justify-content: space-between; margin-top: 10px;}
.qlb_list2 .item2 dl dd span{color: #999;}
.qlb_list2 .item2 .more{width: 60px; height: 26px; background: #008DED; border-radius: 26px; text-align: center; line-height: 26px; font-size: 12px; color: #fff; margin-left: auto; flex-shrink: 0;}


/* 合集详情 */
.hj_article1{display: flex; height: 268px; background: #FAFAFA; border: 1px solid #EAEAEA; align-items: center; margin-bottom: 30px; border-radius: 12px; overflow: hidden; transition: 0.5s;}
.hj_article1:hover{transform: translate(0,-5px); box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.hj_article1 .fl{width: 470px; height: 100%;}
.hj_article1 .fl img{width: 100%; height: 100%;}
.hj_article1 .fr{width: 730px; padding: 0 30px;}
.hj_article1 .fr .hj_article1_tit{font-size: 26px; color: #008DED; font-weight: bold;}
.hj_article1 .fr .hj_article1_xx{margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #E3E0E0; color: #999;}
.hj_article1 .fr .hj_article1_xx span{margin-right: 30px;}
.hj_article1 .fr .hj_article1_xx span em{font-size: 16px; color: #FF6600;}
.hj_article1 .fr .hj_article1_xx span:nth-of-type(2){padding-left: 20px; background: url(../images/pjh_21.png) left center no-repeat;}
.hj_article1 .fr .hj_article1_info{font-size: 16px; line-height: 28px; color: #666;}
.hj_article2 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.hj_article2 .bod .item{width: 380px; padding: 20px; background: #F6F6F6; display: flex; align-items: center; margin-bottom: 25px; border-radius: 12px; transition: 0.5s;}
.hj_article2 .bod .item:hover{transform: translate(0,-5px); box-shadow: 0 5px 5px rgba(0,0,0,0.1)}
.hj_article2 .bod .item .img{width: 92px; height: 92px; border-radius: 20px; overflow: hidden; flex-shrink: 0;}
.hj_article2 .bod .item .img img{width: 100%; height: 100%;}
.hj_article2 .bod .item .img img:hover{opacity: 0.8;}
.hj_article2 .bod .item dl{margin: 0 20px; overflow: hidden;}
.hj_article2 .bod .item dl dt{font-size: 18px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hj_article2 .bod .item dl p{font-size: 12px; color: #666; margin: 10px 0;}
.hj_article2 .bod .item dl dd{font-size: 12px; color: #999;}
.hj_article2 .bod .item .more{width: 88px; height: 32px; flex-shrink: 0; text-align: center; border: 1px solid #008DED; line-height: 32px; border-radius: 32px; margin-left: auto; transition: 0.5s; color: #008DED;}
.hj_article2 .bod .item .more:hover{background: #008DED; color: #fff;}


/* 开测列表 */
.kc_list1{margin-bottom: 50px;}
.kc_list1 .tit{padding-bottom: 16px; margin: 40px 0 20px; display: flex; border-bottom: 1px solid #DEDEDE;}
.kc_list1 .tit li{margin-right: 50px; font-size: 18px; position: relative;}
.kc_list1 .tit li.active{font-weight: bold;}
.kc_list1 .tit li.active:before{content: ""; position: absolute; bottom: -18px; left: 0; right: 0; margin: auto; width: 40px; height: 6px; background: #008DED; border-radius: 3px;}
.kc_list1 .bod ul{border: 1px solid #eee; border-bottom: none;}
.kc_list1 .bod li.li1{background: #EAEAEA; font-size: 16px;}
.kc_list1 .bod li{display: flex; text-align: center; padding: 15px 0; border-bottom: 1px solid #eee;}
.kc_list1 .bod li p{width: 171px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.kc_list1 .bod li p img{width: 38px; height: 38px; margin-right: 20px; border-radius: 10px;}
.kc_list1 .bod li p span{color: #008DED;}
.kc_list1 .bod li p .xz{width: 102px; height: 32px; line-height: 32px; border-radius: 32px; text-align: center; border: 1px solid #FF7546; color: #FF7546; transition: 0.5s;}
.kc_list1 .bod li p .xz:hover{background: #FF6600; color: #fff;}
.kc_list1 .bod li p .lb{width: 102px; height: 32px; line-height: 32px; border-radius: 32px; text-align: center; border: 1px solid #008DED; color: #008DED; transition: 0.5s;}
.kc_list1 .bod li p .lb:hover{background: #008DED; color: #fff;}

/* 排行榜 */
.phb_banner{height: 300px; background: url(./static/img/index_03.jpg) center center no-repeat;}
.phb_list1{display: flex; justify-content: space-between; margin: 50px 0;}
.phb_list1 .fl{width: 220px;}
.phb_list1 .fl ul{background: #ECF4F9; border-radius: 12px; overflow: hidden;}
.phb_list1 .fl ul li{height: 70px; line-height: 70px; padding: 0 30px; font-size: 18px; border-radius: 12px;}
.phb_list1 .fl ul li a{display: block; border-bottom: 1px solid #E4E4E4;}
.phb_list1 .fl ul li.active{background: #008DED; color: #fff;}
.phb_list1 .fl ul li.active a:hover{color: #fff;}
.phb_list1 .fr{width: 924px;}
.phb_list1 .fr .item{display: flex;}
.phb_list1 .fr .item i{width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 32px; color: #008DED; background: #F2F2F2; font-weight: bold; flex-shrink: 0; margin-right: 30px; border-radius: 12px;}
.phb_list1 .fr .item:nth-of-type(1) i{background: #FD5253; color: #fff;}
.phb_list1 .fr .item:nth-of-type(2) i{background: #FF7B41; color: #fff;}
.phb_list1 .fr .item:nth-of-type(3) i{background: #FFAD2B; color: #fff;}
.phb_list1 .fr .item .info{flex-grow: 1; overflow: hidden; display: flex; align-items: center; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #EBEBEB;}
.phb_list1 .fr .item .info .img{width: 120px; height: 120px; flex-shrink: 0; border-radius: 20px; overflow: hidden;}
.phb_list1 .fr .item .info .img img{width: 100%; height: 100%; overflow: hidden;}
.phb_list1 .fr .item .info dl{margin: 0 30px;}
.phb_list1 .fr .item .info dl dt{font-size: 24px; display: flex; align-items: center; margin-bottom: 30px;}
.phb_list1 .fr .item .info dl dt span{height: 24px; line-height: 24px; padding: 0 8px; background: #8B8B8B; font-size: 12px; color: #fff; margin-left: 20px; font-weight: normal;}
.phb_list1 .fr .item:nth-of-type(1) .info dl dt span{background: #FD5253; color: #fff;}
.phb_list1 .fr .item:nth-of-type(2) .info dl dt span{background: #FF7B41; color: #fff;}
.phb_list1 .fr .item:nth-of-type(3) .info dl dt span{background: #FFAD2B; color: #fff;}
.phb_list1 .fr .item .info dl dd{color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.phb_list1 .fr .item .info .more{width: 116px; height: 36px; line-height: 32px; text-align: center; border: 2px solid #008DED; border-radius: 3px; color: #008DED; flex-shrink: 0; margin-left: auto; transition: 0.5s;}
.phb_list1 .fr .item .info .more:hover{background: #008DED; color: #fff;}

/* 系统工具 */
.yx_list .item2{background: #F6F6F6; border-radius: 12px; padding: 20px; width: 380px; margin-bottom: 25px; transition: 0.5s;}
.yx_list .item2:hover{transform: translate(0,-5px); box-shadow: 0 5px 5px 5px rgba(0,0,0,0.1)}
.yx_list .item2 .tit2{display: flex; align-items: center; margin-bottom: 16px;}
.yx_list .item2 .tit2 .img{width: 92px; height: 92px; border-radius: 20px; overflow: hidden;}
.yx_list .item2 .tit2 .img img{width: 100%; height: 100%;}
.yx_list .item2 .tit2 .img img:hover{opacity: 0.8;}
.yx_list .item2 .tit2 dl{margin: 0 20px; overflow: hidden;}
.yx_list .item2 .tit2 dl dt{font-size: 18px; font-weight: normal;}
.yx_list .item2 .tit2 dl p{height: 14px; background: url(../images/pjh_05.png) left center; width: 95px; margin: 10px 0;}
.yx_list .item2 .tit2 dl p span{display: block; background: url(../images/pjh_06.png) left center; height: 100%;}
.yx_list .item2 .tit2 dl dd{font-size: 12px; color: #888;}
.yx_list .item2 .tit2 .more{width: 88px; height: 32px; border-radius: 32px; line-height: 32px; border: 1px solid #008DED; text-align: center; margin-left: auto; flex-shrink: 0; color: #008DED; transition: 0.5s;}
.yx_list .item2 .tit2 .more:hover{background: #008DED; color: #fff;}
.yx_list .item2 p{color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

/* 页游 */
.yy_list2 .bod{display: flex; justify-content: space-between; flex-wrap: wrap;}
.yy_list2 .bod .item{width: 180px; margin-bottom: 25px; border-radius: 6px; overflow: hidden;}
.yy_list2 .bod .item .img{ overflow: hidden;}
.yy_list2 .bod .item .img img{width: 100%; height: 100%; transition: 0.5s;}
.yy_list2 .bod .item .img img:hover{transform: scale(1.2) rotate(8deg);}
.yy_list2 .bod .item dl{height: 46px; background: #F3F3F3; display: flex; justify-content: space-between; align-items: center; padding: 0 16px;}
.yy_list2 .bod .item dl dt{font-size: 16px; font-weight: normal;}
.yy_list2 .bod .item dl dt a:hover{color: #fff;}
.yy_list2 .bod .item dl dd{font-size: 12px; color: #999;}
.yy_list2 .bod .item dl:hover{background: #008DED; color: #fff;}
.yy_list2 .bod .item dl:hover dd{color: #fff;}