@charset "utf-8";

section {background-color: #fff;margin-top: 20px;padding: 20px;}
.index-h {border-bottom: 2px solid #eee;line-height: 38px;position: relative;margin-bottom: 20px}
.index-h .more {position: absolute;right: 0;top: 0}
.index-h .more a {margin-left: 10px}
.index-h .t {border-bottom: 3px solid #6899f8;margin-bottom: -2px;line-height: 30px;display: inline-block;vertical-align: top;font-size: 22px;padding: 0 0 7px;color: #333333;}
.index-h .tab-more {display: inline-block;vertical-align: top;margin-left: 20px;font-size: 18px;}
.index-h .tab-more span {display: block;float: left;position: relative;padding: 0 15px;cursor: pointer;}
.index-h .tab-more span.active:after {content: '';border-width: 6px 6px 0;border-style: solid;border-color: #6899f8 transparent transparent;height: 0;width: 0;position: absolute;left: 50%;bottom: -6px;margin-left: -6px;}

.g-introd-box {display: flex;}
.g-introd-box .g-introd-img{width: 360px;height: 180px;flex-shrink: 0;}
.g-introd-box .g-introd-img img{width: 100%;height: 100%;display: block;}
.g-introd-box .g-introd-right {margin: 10px 20px 0;}
.g-introd-box .g-introd-right dt {width: 100%;height: auto;display: flex;overflow: hidden;}
.g-introd-box .g-introd-right dt h1 {height: 30px;line-height: 30px;font-size: 24px;font-weight: 400;color: #000;font-family: arial, "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1";display: block;overflow: hidden;}
.g-introd-box .g-introd-right dt span{font-size: 14px;color: #6899f8;flex-shrink: 0;line-height: 30px;margin-left: 10px;}
.g-introd-box .g-introd-right .time_k {width: 202px;font-size: 14px;color: #6899f8;margin-top: 10px;}
.g-introd-box .g-introd-right .g-cont {height: 60px;display: block;overflow: hidden;margin-top: 10px;line-height: 20px;}
.g-introd-box .g-introd-right .g-cont p {width: 100%;height: auto;line-height: 28px;font-size: 14px;font-weight: normal;color: #666;display: block;overflow: hidden;}
.g-introd-box .g-introd-right .other_key {line-height: 33px;height: 33px;overflow: hidden; margin-top: 3px;}
.g-introd-box .g-introd-right .other_key span {color: #999999;font-size: 12px;}
.g-introd-box .g-introd-right .other_key a {color: #fff;padding: 6px 10px;border-radius: 4px;white-space: nowrap;font-size: 12px;}
.g-introd-box .g-introd-right .other_key a:hover {opacity: .8;}
.g-introd-box .g-introd-right .other_key a:nth-of-type(n+1) {background: #30dbb1;}
.g-introd-box .g-introd-right .other_key a:nth-of-type(n+2) {background: #f2a0a1;}
.g-introd-box .g-introd-right .other_key a:nth-of-type(n+3) {background: #f8b862;}
.g-introd-box .g-introd-right .other_key a:nth-of-type(n+4) {background: #a59aca;}
.g-introd-box .g-introd-right .m-bdshare {width: 100%;height: auto;display: block;overflow: hidden;margin: 14px 0 0 0;}

.title_box {padding: 20px;}
.title_box .index-h {margin-bottom: 0;}

.main_list_box {background: none;box-shadow:none;}
.recom_box{ width: 1200px;border-radius: 10px;position: relative;}
.recom_box::after{content: "";display: block;height: 0;clear: both;}
.recom_box em.ser{ width: 60px;height: 60px;background: url(../img/cn_bg4.png) no-repeat;display: block;background-position: -490px -140px; z-index: 500;position: absolute;font-style:italic;font-size: 20px;color: #ffffff;line-height: 48px;padding-left: 8px;}
.recom_box em.recom {background-position: -540px -465px;}
.recom_box .lensNav{ float: left;position: absolute;left: 30px;top: 27px; }
.recom_box .lensNav a{ display: block;width: 160px;height: 160px;border-radius: 20px;}
.recom_box .lensNav a.a1 img{ width: 160px;height: 160px;border-radius: 20px;transition: all 0.3s;transition: all 0.5s; }
.recom_box .lensNav a.a1 img:hover{ transform: scale(1.2); }
.recom_box .lensNav a.a2 { width: 160px;display: block;transition: all 0.3s;height: 48px;line-height: 48px;background: #437ffc; margin-top: 20px;border-radius: 5px;color: #fff;text-align: center;font-size: 18px;}
.recom_box .lensNav .downLoad:hover .qrcode_box{display: block;}
.recom_box .lensNav .qrcode_box {display: none;width: 160px;padding: 10px; background-color: #fff;border-radius: 5px; box-sizing: border-box;position: relative;z-index: 99;    box-shadow: 0px 2px 10px 3px #eeeeee;}
.recom_box .lensNav .qrcode_box p {line-height: 1.5;font-size: 14px;color: #999;text-align: center;}
.recom_box .aImg{ display: block;width: 427px;height: 240px;float: right;margin: 18px;overflow: hidden; }
.recom_box .threeImg a{ display: flex;justify-content: space-between; overflow: hidden;}
.recom_box .threeImg img{ width: 132px;height: 240px;transition: all 0.3s;object-fit: cover;margin-right: 20px;}
.recom_box .oneImg img{ width: 427px;height: 240px;transition: all 0.3s; }
.recom_box dl{float: left;width: 505px;height: 230px;margin-left: 220px;margin-top: 30px;}
.recom_box dl dt{ width: 100%;height: 28px;overflow: hidden;  }
.recom_box dl dt a{ max-width: 270px;height: 28px;line-height: 28px;overflow: hidden;font-weight: 600;font-size: 24px; float: left;}
.recom_box dl dt p{ float: right;margin-left: 20px;max-width: 150px;height: 28px;overflow: hidden;line-height: 28px; color: #999;}
.recom_box dl dt p b{ width: 14px;height: 18px;background-position: -440px -140px;margin-top: 5px;margin-right: 5px;}
.recom_box dl dd.cont1{ margin-top: 20px; }
.recom_box dl dd.cont1 p{ font-size: 16px;line-height: 26px;height: 104px;overflow: hidden;transition: all 0.2s; }
.recom_box dl dd.cont2 {margin-top: 30px;height: 26px;overflow: hidden;}
.recom_box dl dd.cont2 a{display: block;transition: all 0.3s;border: 1px solid #6899f8;margin-right: 5px;height: 24px;display: inline-block;line-height: 24px;border-radius: 24px;color: #6899f8;padding: 0 14px;text-decoration: none;}
.recom_box dl dd.cont2 a:hover{ background: #6899f8;color: #ffffff; }
.recom_box dl dd.cont2 a:hover span{ color: #ffffff; }
.recom_box dl dt a:hover{ text-decoration: underline;color: #6899f8; }

.lnensList li{ width: 1200px;margin-top: 28px;height: 277px;box-shadow:0 0 8px 7px #eeeeee ;border-radius: 10px;overflow: hidden;position: relative; background-color: #fff;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);}
.lnensList li:first-of-type {margin-top: 0;}
.lnensList li em.ser{ width: 60px;height: 60px;background: url(../img/cn_bg4.png) no-repeat;display: block;float: left;background-position: -490px -140px; z-index: 10;position: absolute;text-align: left;line-height: 60px;font-style:italic;font-size: 20px;color: #ffffff;line-height: 48px;padding-left: 8px;}
.lnensList li .lensNav{ float: left;position: absolute;left: 30px;top: 27px; }
.lnensList li .lensNav a{ display: block;width: 160px;height: 160px;overflow: hidden;border-radius: 20px; position: relative;}
.lnensList li .lensNav a.a1 img{ width: 160px;height: 160px;border-radius: 20px;transition: all 0.3s;transition: all 0.5s; }
.lnensList li .lensNav a.a1 img:hover{ transform: scale(1.2); }
.lnensList li .lensNav a.a1 .qrcode_top {position: absolute;top: 0;left: 0;display: none;}
.lnensList li .lensNav a.a2 { width: 160px;display: block;transition: all 0.3s;height: 48px;line-height: 48px;background: #6899f8; margin-top: 20px;border-radius: 5px;  color: #fff;font-size: 18px; transition: all 0.3s;text-align: center;}
.lnensList li .aImg{ display: block;width: 427px;height: 240px;float: right;margin: 18px;overflow: hidden; }
.lnensList li .threeImg a{ display: flex;justify-content: space-between; overflow: hidden;}
.lnensList li .threeImg img{ width: 132px;height: 240px;transition: all 0.3s;}
.lnensList li .oneImg img{ width: 427px;height: 240px;transition: all 0.3s; }

.lnensList li dl{ float: left;width: 510px;height: 230px;margin-left: 220px;margin-top: 30px; }
.lnensList dl dt{ width: 100%;overflow: hidden; display: flex;flex-wrap: wrap;}
.lnensList dl dt a{max-width: 50%; height: 28px;line-height: 28px;overflow: hidden;font-weight: 600;font-size: 24px;margin-right: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lnensList dl dt span {display: block;font-size: 12px;color: #f6505c;background: #fdf2f2;max-width: 240px;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;line-height: 28px;}
.lnensList dl dt p{ width: 100%;height: 28px;overflow: hidden;line-height: 28px; margin-top: 5px;}
.lnensList dl dt p span{ color: #ff4b3a; }
.lnensList dl dt p em{ color: #999999;font-size: 12px; }
.lnensList dl dt p b{ width: 14px;height: 18px;background-position: -440px -140px;margin-top: 5px;margin-right: 5px;}
.lnensList dl dd.cont1{ margin-top: 5px; }
.lnensList dl dd.cont1 p{ font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;transition: all 0.2s; }
.lnensList dl dd.cont2{ margin-top: 20px;height: 30px;width: 100%;overflow: hidden; }
.lnensList dl dd.cont2 span{ color: #999999; }
.lnensList dl dd.cont2 a{ display: inline-block;transition: all 0.3s;background: #eeeeee;padding: 0 20px;border-radius: 30px;height: 30px;line-height: 30px;margin-left: 10px;}
.lnensList dl dd.cont3 a{ display: block;transition: all 0.3s;margin-top: 28px;border: 1px solid #6899f8;margin-right: 12px;height: 24px;display: inline-block;line-height: 24px;border-radius: 24px;color: #6899f8;padding: 0 14px;text-decoration: none; }
.lnensList dl dd.cont3 a:hover{ background: #6899f8;color: #ffffff; }
.lnensList dl dd.cont3 a:hover span{ color: #ffffff; }
.lnensList dl dd.cont2 a:hover span{ color: #ffffff; }
.lnensList dl dt a:hover{ color: #6899f8; }
.lnensList li .aImg img:hover{ opacity: 0.8; }
.lnensList li.hover .lensNav a.a2{ background: #6899f8; color: #ffffff;font-size: 18px;text-align: center;}
.lnensList dl dd.cont2 a:hover{ background: #6899f8 ; color: #ffffff;}
.lnensList li:nth-child(n+4) em.ser{ background-position: -215px -190px;  }
.lnensList li:nth-child(n+10) em.ser{padding-left: 2px;}
.lneranLIst{ margin-top: 20px;padding-bottom: 10px; }
.lneranLIst .nelGameRank:nth-child(n+2){ margin-left: 12px; }

.related_news ul {display: flex;flex-wrap: wrap;}
.related_news ul li {width: 50%;height: 37px;line-height: 37px;overflow: hidden;background: #f2f2f4;display: flex;padding-right: 15px;box-sizing: border-box;justify-content: space-between;}
.related_news ul li:nth-child(4n-1) {background: #ffffff;}
.related_news ul li:nth-child(4n) {background: #ffffff;}
.related_news ul li a {padding: 0 10px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related_news ul li span {flex-shrink: 0;}

.more-new-box .pic-list ul {display: flex;}
.more-new-box .pic-list ul li {display: block;width: 215px;height: 120px;margin: 0 25px 5px 0;position: relative;overflow: hidden;border-radius: 10px;}
.more-new-box .pic-list ul li:hover {-webkit-box-shadow: 0 8px 20px rgb(0 0 0 / 30%);-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);box-shadow: 0 8px 20px rgb(0 0 0 / 30%);}
.more-new-box .pic-list ul li:nth-of-type(5n) {margin-right: 0;}
.more-new-box .pic-list ul li img {border-radius: 10px;width: 215px;height: 120px;}
.more-new-box .pic-list ul li p {position: absolute;width: 215px;height: 26px;line-height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0, 0, 0, 0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all 0.1s linear;-webkit-transition: all 0.1s linear;}
.more-new-box .text-list ul {display: flex;flex-wrap: wrap;}
.more-new-box .text-list ul li {width: 269px;border-bottom: 1px solid #EFEFEF;margin: 15px 0px 0px 27px;padding-bottom: 10px;}
.more-new-box .text-list ul li:nth-of-type(4n+1) {margin-left: 0;}
.more-new-box .text-list ul li a {display: block;height: 18px;line-height: 18px;overflow: hidden;background: url(../img/ico-img5.png) no-repeat 0px 5px;padding-left: 30px;width: 100%;font-size: 14px;box-sizing: border-box;}

.more_zt {padding-bottom: 10px;}
.more_zt .zt_list {overflow:hidden;zoom:1;text-align: left;}
.more_zt .zt_list a{display: inline-block;line-height: 26px;padding: 0 10px;background:#6899f8;color: #fff;margin-right: 8px;border-radius: 1.8px;margin-bottom: 10px;}
.more_zt .zt_list a:hover{opacity: 0.8;}

/* ┗( ▔, ▔ )┛ */