body,h1,h2,h3,p,ul,ol,li,input,select,textarea,div,td,th,tr,dt,dd,dl,a {margin:0;padding:0;}
ul,ol {list-style:none;}
em,i {font-style:normal;}
u {text-decoration:none;}
table {border-spacing:0;border-collapse:collapse;margin:inherit;}
img {border:none;vertical-align:middle;transition:opacity .2s linear;}
input,select,button {vertical-align:middle;outline:none;}
a {text-decoration:none;color:#666;transition:color .2s linear;}
body {min-width:1200px;font-family:"Microsoft YaHei","Arial","Heiti SC";background:#f7f8fa;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(1);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.fl {float:left;display:block;}
.fr {display:block;float:right;}
.clear {clear:both;}
.clear::after {content:"";display:block;clear:both;}
.Container {width:100%;margin:0 auto;}
.Container .wrap {width:1200px;margin:0 auto;}
.Container .MainTitle {height:40px;line-height:40px;text-align:center;margin:10px 15px;}
.Container .MainTitle strong {float:left;font-size:18px;font-weight:bold;color:#333;}
.Container .MainTitle .more {color:#aaa;font-size:14px;margin-left:10px;transition:color .2s linear;float:right;display:block;font-family:monospace;}
.Container .MainTitle .more:hover {color:#67debe;}
.Container .MainTitle .TabMore {float:right;}
.Container .MainTitle .TabMore a+a {display:none;}
.Container .MainTitle+.BaseBox {margin-top:10px;}
.Container .Breadcrumb {margin:0 auto;width:1200px;padding:18px 0;box-sizing:border-box;font-size:14px;color:#666;width:1200px;}
.Container .Breadcrumb span {color:#999;}
.Container .Breadcrumb a {color:#666;}
.Container .Breadcrumb a:hover {color:#67debe;}
/* .Container .Breadcrumb a+a::before {content:">";margin:0 6px;font-family:monospace;} */
.Container .Breadcrumb+.BaseBox {margin-top:0;}
.Container .BaseBox+.newsName {margin:30px auto;}
.Container .MainHeader {width:100%;background:#fff;padding:20px 0;overflow:hidden;box-shadow:2px 0px 10px rgba(227,227,227,.5);}
.Container .MainHeader .wrap {width:1200px;margin:0 auto;}
.Container .MainHeader .logo {height:50px;float:left;margin-right:20px;}
.Container .MainHeader .logo img {height:100%;display:block;}
.Container .MainHeader .NavList {float:left;display:flex;position:relative;}
.Container .MainHeader .NavList i {width:30px;height:3px;background:#67debe;border-radius:3px;display:block;position:absolute;left:42px;bottom:4px;transition:all .35s ease-in-out;}
.Container .MainHeader .NavList a {padding:0 35px;line-height:50px;display:inline-block;display:block;font-size:20px;color:#626262;}
.Container .MainHeader .NavList a:hover,.Container .MainHeader .NavList .on {color:#080808;font-weight:bold;}
.MainContent {width:1200px;margin:0 auto;}
.MainContent .MainTitle {margin:0;}
.MainContent .MainTitle strong {font-size:22px;}
.MainContent .MainTitle .PageTab a {padding:0 10px;height:30px;line-height:30px;font-size:15px;color:#666;transition:all .2s linear;}
.MainContent .MainTitle .PageTab .on,
.MainContent .MainTitle .PageTab a:hover {color:#01bd97;}
.TabBody .items+.items {display:none;}
.BaseBox {width:1200px;margin:15px auto;overflow:hidden;background:#fff;box-shadow:0px 3px 3px 0px #f2f2f2;border-radius:4px;}

.FooterWrap {width:100%;padding:30px 0;background:#333;overflow:hidden;}
.FooterWrap .wrap {width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
.FooterWrap .FootContent {float:left;width:900px;display:inline;color:#9f9d9d;margin-right:10px;font-size:14px;line-height:30px;}
.FooterWrap .FootContent p b {color:#9f9d9d;}
.FooterWrap .icp a{color:#9f9d9d;font-size:14px;line-height:30px;}
.FooterWrap .FootContent ul li{float:left;margin-right: 14px; }
.FooterWrap .FootContent ul li a{color:#b3b3b3;}
.FooterWrap .FootContent ul li a:hover{color:#eee}

.IndexBanner {position:relative;width:100%;overflow:hidden;height:494px;overflow:hidden;background-color:#ededed;}
.IndexBanner .swiper-container {margin-top:36px;width:100%;height:394px;overflow:visible !important;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide {position:relative;width:680px;border-radius:20px;overflow:hidden;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide img {width:100%;height:394px;border-radius:20px;object-fit:cover;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-prev {position:relative;margin-top:10px;height:374px !important;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-prev::before {content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-prev img {height:374px !important;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-next {position:relative;margin-top:10px;height:374px !important;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-next::before {content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.2);}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-next img {height:374px !important;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-active {width:680px;}
.IndexBanner .swiper-pagination {bottom:20px !important;}
.IndexBanner .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;background-color:#737373;}
.IndexBanner .swiper-pagination .swiper-pagination-bullet-active {width:28px;height:8px;background-color:#fff;border-radius:4px;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-words {color:#fff;position:absolute;left:0;bottom:0;right:0;z-index:1;padding:10px 25px;font-size:18px;font-weight:bolder;line-height:20px;background-color:rgba(0,0,0,.7);display:none;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-title {font-size:20px;line-height:35px;height:35px;overflow:hidden;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-slide-active .swiper-words {display:block;}
.IndexBanner .swiper-container .swiper-wrapper .swiper-des {height:30px;line-height:30px;font-weight:normal;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.IndexBanner .swiper-button-next,.IndexBanner .swiper-button-prev {background:#fff;border-radius:50px;width:50px;height:50px;border:solid 2px #ccc;outline-width:0;opacity:.5;margin-top:-40px;transition:all .3s ease-in-out;}
.IndexBanner .swiper-button-next:hover,.IndexBanner .swiper-button-prev:hover {opacity:.8;}
.IndexBanner .swiper-button-next::after,.IndexBanner .swiper-button-prev::after {color:#333;font-size:18px;font-weight:bold;}

.HotList {padding:15px 5px 15px 15px;position:relative;height:118px;overflow:hidden;}
.HotList strong {float:left;margin-right:10px;display:block;padding:11px 15px;width:30px;height:96px;line-height:24px;text-align:center;font-weight:bold;font-size:16px;color:#fff;background:linear-gradient(45deg,#FF7CAF 0%,#FF8960 100%);border-radius:5px;}
.HotList a {display:block;float:left;width:111px;text-align:center;padding:0px 0 3px 0;}
.HotList a img {width:88px;height:88px;border-radius:20px;}
.HotList a p {display:block;width:100%;margin:auto;height:38px;line-height:38px;font-size:16px;color:#666;overflow:hidden;}
.HotList a img {position:relative;top:0;transition:all .1s linear;}
.HotList a:hover img {top:3px;position:relative;opacity:1;}

.MainWrap {width:1200px;position:relative;margin:20px auto;background:#fff;border-radius:4px;min-height:600px;box-shadow:0px 3px 3px 0px #f2f2f2;overflow:hidden;}
.AppListA {display:grid;grid-template-columns:repeat(10,1fr);gap:20px;overflow:hidden;margin:0 15px;}
.AppListA li {width:98px;}
.AppListA li a {display:block;}
.AppListA li a img {width:88px;height:88px;border-radius:16px;margin:0 auto;display:block;object-fit:cover;transition:all .2s linear;}
.AppListA li a p {font-size:16px;color:#333;text-align:center;margin:5px auto 0;height:30px;transition:all .2s linear;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.AppListA li:hover a img {opacity:.8;}
.AppListA li:hover a p {color:#01bd97;}
.MainWrap>.RankItems{margin: 25px 15px 0;}
.RankItems {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;overflow:hidden;margin:25px auto 0;}
.RankItems .Items {overflow:hidden;width:366px;}
.RankItems .Items .RankTitle {overflow:hidden;width:100%;position:relative;}
.RankItems .Items .RankTitle::after {content:"";display:block;height:6px;width:70px;background:#01bd97;border-radius:2px;position:absolute;bottom:13px;left:56px;right:0;z-index:0;}
.RankItems .Items .RankTitle i {width:44px;height:40px;background:url(../images/ic_rank.png) no-repeat;display:inline-block;vertical-align:middle;margin:0 5px 5px 0;}
.RankItems .Items .RankTitle .ic_top2 {background-position:-68px 0;}
.RankItems .Items .RankTitle .ic_top3 {background-position:-125px -2px;}
.RankItems .Items .RankTitle strong {font-weight:bold;font-size:24px;color:#4d4d4d;line-height:28px;position:relative;z-index:2;}
.RankItems .RankHead {width:100%;height:206px;position:relative;margin-top:12px;overflow:hidden;display:block;border-radius:12px;}
.RankItems .RankHead img {width:100%;height:100%;object-fit:cover;transition:all .2s linear;}
.RankItems .RankHead:hover img {transform:scale(1.05);}
.RankItems .RankHead .info {position:absolute;left:0;bottom:0;width:100%;height:46px;background:#eea97c;display:flex;}
.RankItems .RankHead .info .top {margin:0 10px 0 0;width:84px;height:46px;font-weight:bold;font-size:18px;color:#fff;text-align:center;line-height:63px;background:url(../images/top.png) no-repeat center center;background-size:auto 33px;background-color:#edb48e;}
.RankItems .RankHead .info .txt {width:100%;font-size:14px;color:#fff;font-weight:bold;line-height:20px;margin-top:4px;}
.RankItems .RankHead .info .txt p {height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankItems .RankHead .info .txt span {height:20px;opacity:.6;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankItems .Items:nth-child(2) .RankHead .info {background:#72b4e9;}
.RankItems .Items:nth-child(2) .RankHead .info .top {background-color:#82bae8;}
.RankItems .Items:nth-child(3) .RankHead .info {background:#60cfb1;}
.RankItems .Items:nth-child(3) .RankHead .info .top {background-color:#7fe6bd;}
.RankItems ul {font-size:16px;line-height:20px;color:#4d4d4d;}
.RankItems ul li:last-child a {border-bottom:none;}
.RankItems ul li {overflow:hidden;width:100%;}
.RankItems ul li a {padding:20px 0;display:flex;align-items:center;border-bottom:1px solid #eee;}
.RankItems ul li:hover .txtBox .title {color:#67debe;}
.RankItems ul li span {width:50px;font-weight:bold;font-size:24px;line-height:28px;color:#c8cacc;font-style:italic;text-align:center;text-indent:-16px;}
.RankItems ul li .imgBox {display:none;width:80px;height:80px;border-radius:20px;}
.RankItems ul li .imgBox img {width:100%;height:100%;object-fit:cover;border-radius:20px;transition:all .2s linear;}
.RankItems ul li .txtBox {flex:1;min-width:0;}
.RankItems ul li .txtBox .title {font-size:16px;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s linear;}
.RankItems ul li .txtBox .time {font-size:14px;line-height:18px;color:#999;}
.RankItems ul li .txtBox .time p {width:50%;float:left;margin-top:8px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:18px;}
.RankItems ul li .btn {display:none;text-align:center;padding:0 14px;box-sizing:border-box;width:90px;height:32px;line-height:32px;font-weight:bold;font-size:14px;color:#fff;background:#67debe;border-radius:16px;transition:all .2s linear;}
.RankItems ul li .btn:hover {background:#01bd97;}
.RankItems ul li:nth-child(1) .txtBox,.RankItems ul li:nth-child(2) .txtBox {margin-left:16px;}
.RankItems ul li:nth-child(1) .imgBox,.RankItems ul li:nth-child(1) .btn,.RankItems ul li:nth-child(2) .imgBox,.RankItems ul li:nth-child(2) .btn {display:block;}
.RankItems ul li:nth-child(1) .time p,.RankItems ul li:nth-child(2) .time p {width:100%;}
.RankItems ul li:nth-child(1) a span {background:linear-gradient(169deg,#2CDDFD 0%,#2D92FC 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);}
.RankItems ul li:nth-child(2) a span {background:linear-gradient(169deg,#5DF5A9 0%,#56E39D 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);}

.SoftList {margin:0 10px;display:grid;grid-template-columns:repeat(9,1fr);gap:10px 20px;overflow:hidden;}
.SoftList a {display:block;width:100px;height:140px;text-align:center;margin:0 auto;position:relative;overflow:hidden;}
.SoftList a img {display:block;width:100px;height:100px;object-fit:cover;border-radius:16px;margin:0 auto;transition:all .2s linear;}
.SoftList a p {font-size:16px;color:#333;line-height:40px;height:40px;overflow:hidden;opacity:1;transition:all .2s linear;}
.SoftList a span {position:absolute;bottom:-30px;left:0;right:0;margin:0 auto;display:block;width:54px;height:24px;background:#ebfffb;border-radius:4px;font-size:14px;color:#01bd97;text-align:center;line-height:24px;transition:all .2s linear;}
.SoftList a:hover img {opacity:.88;}
.SoftList a:hover span {bottom:5px;}
.SoftList a:hover p {opacity:0;}

.HomeSubBox {overflow:hidden;width:100%;height:160px;}
.HomeSubBox ul {columns:5;column-gap:10px;margin:0 15px;padding:0 0 5px;height:160px;}
.HomeSubBox li {position:relative;float:left;width:222px;height:160px;border-radius:10px;overflow:hidden;}
.HomeSubBox li a {position:relative;display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;}
.HomeSubBox li img {width:100%;height:100%;border-radius:10px;position:relative;z-index:1;object-fit:cover;transition:all .2s linear;}
.HomeSubBox li div {position:absolute;z-index:2;bottom:0;left:0;right:0;margin:auto;display:block;padding:0 9px;height:55px;background:rgba(0,0,0,0);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background-image:linear-gradient(0deg,rgba(0,0,0,0.32) 0%,rgba(0,0,0,0.15) 98%);border-radius:0 0 10px 10px;}
.HomeSubBox li div p {display:block;margin-top:7px;font-size:14px;color:#fff;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s linear;}
.HomeSubBox li div span {display:block;font-size:12px;color:rgba(255,255,255,.5);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.HomeSubBox li:hover img {transform:scale(1.05);}
.HomeSubBox li:hover div p {color:#01bd97;}
 
.FriendLink a{float: left;margin: 0 0 10px 15px;font-size: 15px;color: #555;}
.FriendLink a:hover{color: #01bd97;}

.MainRecommend {margin:15px 15px 0;}
.MainRecommendRow {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:15px;width:1170px;max-width:100%;height:320px;min-height:320px;box-sizing:border-box;}
.RecFeature {border-radius:10px;overflow:hidden;background:#eee;width:380px;height:320px;flex:0 0 380px;box-sizing:border-box;display:flex;flex-direction:column;}
.recFeatureSwiper {position:relative;flex:1;min-height:0;width:100%;height:100%;overflow:hidden;}
.recFeatureSwiper .swiper-wrapper {height:100% !important;}
.recFeatureSwiper .swiper-slide {height:100%;}
.recFeatureSwiper .swiper-slide a {display:block;height:100%;overflow:hidden;position:relative;}
.recFeatureSwiper .swiper-slide img {width:100%;height:100%;object-fit:cover;display:block;}
.recFeatureOverlay {position:absolute;left:0;right:0;bottom:0;z-index:5;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;background:rgba(0,0,0,.55);pointer-events:none;}
.recFeatureOverlay .recFeatureTitle,.recFeatureOverlay .recFeaturePagination {pointer-events:auto;}
.recFeatureTitle {flex:1;min-width:0;font-size:14px;color:#fff;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;}
.recFeatureSwiper .recFeaturePagination {position:relative !important;bottom:auto !important;left:auto !important;width:auto !important;display:flex;align-items:center;gap:5px;margin:0 !important;}
.recFeatureSwiper .recFeaturePagination .swiper-pagination-bullet {width:6px;height:6px;background:#fff;opacity:.45;margin:0 !important;}
.recFeatureSwiper .recFeaturePagination .swiper-pagination-bullet-active {opacity:1;background:#01bd97;width:16px;border-radius:3px;}
.MainRecommendTabs {width:488px;height:320px;flex:0 0 488px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;}
.MainRecommendTabs .RecTabHead {display:flex;border-radius:6px 6px 0 0;overflow:visible;flex-shrink:0;}
.MainRecommendTabs .RecTabHead span {flex:1;text-align:center;font-size:15px;margin: 0 5px; line-height:34px;color:#fff;cursor:pointer;position:relative;background:#01bd97;transition:background .2s;}
.MainRecommendTabs .RecTabHead span:nth-child(1){background: #ffa14e;}
.MainRecommendTabs .RecTabHead span:nth-child(1).on::after{border-top-color: #ffa14e;}
.MainRecommendTabs .RecTabHead span.on { font-weight:bold;}
.MainRecommendTabs .RecTabHead span.on::after {content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:5px solid #01bd97;}
.MainRecommendTabs .RecTabBody {flex:1;min-height:0;border:none;border-radius:0 0 8px 8px;padding:2px 10px 4px;background:#fff;display:flex;flex-direction:column;overflow:hidden;}
.MainRecommendTabs .RecList {margin:0;padding:0;flex:1;min-height:0;overflow-y:auto;}
.MainRecommendTabs .RecList li {border-bottom:none;margin-top: 7px;}
.MainRecommendTabs .RecList li a {display:flex;align-items:center;gap:8px;padding:3px 0;min-height:0;box-sizing:border-box;}
.MainRecommendTabs .RecList li a:hover .rec-tit {color:#01bd97;}
.MainRecommendTabs .rec-cat {flex-shrink:0;font-size:12px;color:#aaa;width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.MainRecommendTabs .RecList li img {width:22px;height:22px;border-radius:5px;object-fit:cover;flex-shrink:0;}
.MainRecommendTabs .rec-tit {flex:1;min-width:0;font-size:13px;color:#333;line-height:18px;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.MainRecommendTabs .RecList em {flex-shrink:0;font-size:12px;color:#01bd97;font-style:normal;}
.GuessLike {border:1px solid #eee;border-radius:8px;background:#fff;overflow:hidden;width:270px;height:320px;flex:0 0 270px;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;}
.GuessLikeHd {display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:7px 10px;border-bottom:1px solid #f0f0f0;}
.GuessLikeHd strong {font-size:15px;color:#333;flex:1;min-width:0;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.GuessLikePager {display:flex;align-items:center;gap:4px;background:#f5f6f8;border-radius:4px;padding:2px 6px;}
.GuessLikePager .guess-nav {border:none;background:transparent;cursor:pointer;padding:0;width:22px;height:22px;position:relative;color:#888;transition:color .2s;flex-shrink:0;}
.GuessLikePager .guess-nav:hover:not(:disabled) {color:#01bd97;}
.GuessLikePager .guess-nav:disabled {opacity:.35;cursor:default;}
.GuessLikePager .guess-prev::before {content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin-left:1px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg);box-sizing:border-box;}
.GuessLikePager .guess-next::before {content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;margin-left:-1px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(-45deg);box-sizing:border-box;}
.GuessLikePager .guess-pager-num {font-size:12px;color:#999;min-width:34px;text-align:center;}
.GuessLikeBody {flex:1;min-height:0;padding:8px 8px 10px;overflow:hidden;display:flex;flex-direction:column;}
.GuessLikeBody .guess-grid {display:flex;flex-wrap:wrap;row-gap:8px;column-gap:10px;flex:1;min-height:0;align-content:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box;}
.GuessLikeBody .guess-grid .guess-item {display:none;width:76px;flex:0 0 76px;box-sizing:border-box;flex-direction:column;align-items:center;text-align:center;position:relative;}
.GuessLikeBody .guess-grid .guess-item.guess-item--show {display:flex;}
.GuessLikeBody .guess-tj {position:absolute;left:2px;top:0;z-index:2;width:22px;height:22px;background:url(../images/icon_tj.png) no-repeat center center;background-size:contain;font-size:0;}
.GuessLikeBody .guess-ico {display:block;width:62px;height:62px;border-radius:12px;overflow:hidden;background:#f5f5f5;flex-shrink:0;}
.GuessLikeBody .guess-ico img {width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s;}
.GuessLikeBody .guess-name {margin-top:5px;font-size:11px;color:#555;line-height:14px;height:14px;width:62px;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.GuessLikeBody .guess-grid .guess-item:hover .guess-ico img {opacity:.88;}
.GuessLikeBody .guess-grid .guess-item:hover .guess-name {color:#01bd97;}

.NewsList {overflow:hidden;margin:0 15px 15px;}
.NewsList .NewsItemL {width:300px;overflow:hidden;}
.NewsList .NewsItemL .first {display:block;position:relative;margin-bottom:10px;height:160px;border-radius:10px;overflow:hidden;}
.NewsList .NewsItemL .first img {width:100%;height:100%;object-fit:cover;}
.NewsList .NewsItemL .first .info {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;}
.NewsList .NewsItemL .first .info strong {font-size:24px;color:#fff;margin-bottom:10px;}
.NewsList .NewsItemL .first .info p {font-size:14px;color:#fff;margin-bottom:20px;}
.NewsList .NewsItemL .first .info span {display:inline-block;padding:0 20px;height:36px;line-height:34px;border:1px solid #fff;border-radius:20px;color:#fff;font-size:12px;transition:all .2s linear;}
.NewsList .NewsItemL .first .info span:hover {background:#01bd97;border:1px solid #01bd97;}
.NewsList .NewsItemL .first:hover .info {opacity:1;}
.NewsList .NewsItemL .listItem {display:flex;align-items:center;margin-top:15px;border-radius:10px;overflow:hidden;}
.NewsList .NewsItemL .listItem img {width:100px;height:67px;object-fit:cover;border-radius:5px;margin-right:10px;flex-shrink:0;}
.NewsList .NewsItemL .listItem .info {flex:1;min-width:0;height:67px;}
.NewsList .NewsItemL .listItem .info strong {font-size:13px;color:#333;line-height:1.5;margin-bottom:24px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsList .NewsItemL .listItem .info strong i {font-weight: bold; text-decoration:line-through;margin-right:5px;font-size:13px;}
.NewsList .NewsItemL .listItem .info span {display:block;font-size:12px;color:#999;align-self:flex-start;}
.NewsList .NewsItemL .listItem:last-child {margin-bottom:0;}
.NewsList .NewsItemL .listItem:hover img {transition:all .2s linear;opacity:.8;}
.NewsList .NewsItemL .listItem:hover .info strong {color:#01bd97;}
.NewsList .NewsItemL .listItem:nth-child(2) .info strong i {color:#ff6b00;}
.NewsList .NewsItemL .listItem:nth-child(3) .info strong i {color:#ff6b00;}
.NewsList .NewsItemL .listItem:nth-child(4) .info strong i {color:#9c27b0;}
.NewsList .NewsItemL .listItem:nth-child(5) .info strong i {color:#999;}
.NewsList .NewsItemR {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-left:15px;}
.NewsList .NewsItemR li {background:#f7f7f7;border-radius:10px;overflow:hidden;transition:all .2s linear;}
.NewsList .NewsItemR li a {display:block;}
.NewsList .NewsItemR li a img {width:100%;height:160px;object-fit:cover;transition:opacity .3s ease;}
.NewsList .NewsItemR li a strong {display:block;font-size:14px;color:#333;line-height:1.5;padding:12px 12px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s linear;}
.NewsList .NewsItemR li a span {display:block;font-size:12px;color:#999;padding:0 12px 12px;margin-top:2px;}
.NewsList .NewsItemR li a span::before {width:20px;height:20px;content:"";display:inline-block;background:url(../images/ic_time.png) no-repeat center center;background-size:100% auto;vertical-align:middle;margin:0 4px 2px 0;}
.NewsList .NewsItemR li:hover {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.NewsList .NewsItemR li:hover a img {opacity:.8;}
.NewsList .NewsItemR li:hover a strong {color:#01bd97;}

.HotList {padding:15px 5px 15px 15px;position:relative;height:118px;overflow:hidden;}
.HotList strong {float:left;margin-right:10px;display:block;padding:11px 15px;width:30px;height:96px;line-height:24px;text-align:center;font-weight:bold;font-size:16px;color:#fff;background:linear-gradient(45deg,#FF7CAF 0%,#FF8960 100%);border-radius:5px;}
.HotList a {display:block;float:left;width:111px;text-align:center;padding:0px 0 3px 0;}
.HotList a img {width:88px;height:88px;border-radius:20px;}
.HotList a p {display:block;width:100%;margin:auto;height:38px;line-height:38px;font-size:16px;color:#666;overflow:hidden;}
.HotList a img {position:relative;top:0;transition:all .1s linear;}
.HotList a:hover img {top:3px;position:relative;opacity:1;}
.TagList {display:grid;grid-template-columns:repeat(10,1fr);gap:10px;padding:15px;}
.TagList a {display:block;text-align:center;line-height:36px;height:36px;font-size:14px;color:#666;border-radius:6px;padding:0 10px;transition:all .2s linear;overflow:hidden;background:#f7f7f7;}
.TagList a:hover,.TagList a.on {color:#fff;background:#222;}
.GameList {display:grid;grid-template-columns:repeat(3,1fr);font-size:16px;color:#000;line-height:20px;gap:0 15px;margin-top:15px;width:100%;}
.GameList li {margin-bottom:20px;transition:all .2s linear;}
.GameList li a {cursor:pointer;display:flex;align-items:center;padding:20px;height:110px;background:#fff;border-radius:10px;box-sizing:border-box;}
.GameList li a .imgBox {overflow:hidden;width:70px;height:70px;background:#eee;border-radius:15px;}
.GameList li a .imgBox img {width:100%;height:100%;display:block;object-fit:cover;transition:all .2s linear;}
.GameList li a .textBox {flex:1;min-width:0;margin-left:10px;color:#222;}
.GameList li a .textBox p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s linear;}
.GameList li a .textBox .time {font-size:12px;line-height:16px;color:#999;margin-top:8px;}
.GameList li a .textBox i {font-style:normal;color:#ccc;margin:0 2px;}
.GameList li a .btn {width:72px;height:28px;line-height:26px;font-size:14px;color:#00bc99;text-align:center;border-radius:14px;border:1px solid #67debe;transition:all .2s linear;}
.GameList li a .btn:hover {background:#01bd97;color:#fff;border:1px solid #01bd97;}
.GameList li:hover a {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.GameList li:hover a .textBox p:first-child {color:#01bd97;}
.CollectList {padding:15px 0 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;}
.CollectList li {width:380px;}
.CollectList li a {width:100%;display:block;}
.CollectList li a img {width:100%;height:200px;border-radius:6px;object-fit:cover;transition:all .2s linear;}
.CollectList li a p {margin-top:15px;font-size:16px;font-weight:bold;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .2s linear;}
.CollectList li:hover a img {opacity:.8;}
.CollectList li:hover a p {color:#01bd97;}

.PageNav {display:flex;align-items:center;justify-content:space-between;margin:20px auto;}
.PageNav a {flex:1;min-width:0;display:flex;font-size:16px;color:#999;}
.PageNav a span {font-size:16px;color:#999;}
.PageNav a p {font-size:16px;color:#333;flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;transition:all .2s linear;}
.PageNav a:hover p {color:#01bd97;}
.pageCode {font-size:14px;color:#666;display:flex;align-items:center;justify-content:center;margin:25px auto;}
.pageCode a {min-width:40px;height:40px;background:#fff;border-radius:3px;padding:0 12px;box-sizing:border-box;margin:0 5px;color:inherit;line-height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s linear;}
.pageCode a:hover {background:#01bd97;color:#fff;}
.pageCode a.pageNum {margin:0 4px;font-weight:bold;}
.pageCode a.current {color:#fff;background:#01bd97;}
.pageCode span {font-size:16px;line-height:16px;margin:-2px 6px 0;color:#999;}
.BackTopBtn {display:none;position:fixed;bottom:20px;right:50%;transform:translateX(660px);width:50px;height:50px;background:rgba(0,0,0,.2);border-radius:50%;text-align:center;line-height:40px;color:#fff;cursor:pointer;z-index:9999;}
.BackTopBtn i {display:block;width:12px;height:12px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);margin:42% auto;transition:all .3s;}

.MainContent .BaseBox {width:100%;padding:5px 15px;box-sizing:border-box;margin:0 auto 15px;}
.MainContent .ContL {width:805px;margin:0 15px 15px 0;min-height:500px;overflow:hidden;box-sizing:border-box;}
.MainContent .ContR {width:380px;min-height:500px;}
.MainContent .ContR .MainTitle {margin:0;}
.MainContent .ContR .BaseBox:last-child {margin-bottom:0;}
.MainContent .HotGameList {overflow:hidden;}
.MainContent .HotGameList li {position:relative;z-index:1;height:90px;overflow:hidden;}
.MainContent .HotGameList li a {position:relative;display:block;padding:10px 0;background:#fff;overflow:hidden; }
.MainContent .HotGameList li img {float:left;width:70px;height:70px;border-radius:15px;margin-right:10px;}
.MainContent .HotGameList li div {float:left;width:228px;height:70px;overflow:hidden;}
.MainContent .HotGameList li div p {display:block;margin:4px 0;font-size:14px;color:#172b3d;line-height:20px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.MainContent .HotGameList li div span {display:block;font-size:12px;color:#999;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.MainContent .HotGameList li div span:nth-of-type(2) {margin-top:4px;}
.MainContent .HotGameList li a>span {display:block;position:absolute;right:0;top:30px;width:72px;height:28px;font-size:14px;color:#fff;background-color:#67debe;border-radius:14px;text-align:center;line-height:28px;transition:all .2s linear;}
.MainContent .HotGameList li:hover a>span {color:#fff;background:#01bd97;border-color:#fff;}
.MainContent .HotCollection {overflow:hidden;margin-top:10px;}
.MainContent .HotCollection li:last-child {margin-bottom:10px;}
.MainContent .HotCollection li {position:relative;width:100%;height:165px;border-radius:10px;margin:0 0 15px;overflow:hidden;}
.MainContent .HotCollection li a {position:relative;display:block;width:100%;height:100%;border-radius:10px;overflow:hidden;}
.MainContent .HotCollection li a img {width:100%;height:100%;object-fit:cover;border-radius:10px;}
.MainContent .HotCollection li div {position:absolute;bottom:0;left:0;right:0;margin:auto;display:block;padding:0 9px;height:53px;background:rgba(0,0,0,0);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-image:linear-gradient(0deg,rgba(0,0,0,0.52) 0%,rgba(0,0,0,0.15) 98%);border-radius:0 0 10px 10px;}
.MainContent .HotCollection li div p {display:block;margin-top:6px;font-size:14px;color:#fff;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.MainContent .HotCollection li div span {display:block;font-size:12px;color:rgba(255,255,255,.5);line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.MainContent .HotCollection li div p,.MainContent .HotCollection li div span {position:relative;top:0;}
.MainContent .HotCollection li a img {-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.MainContent .HotCollection li:hover a img {transform:scale(1.1);}
.MainContent .gameDesc {font-size:16px;color:#555;line-height:30px;}
.MainContent .gameDesc table {margin:0;width:100%;}
.MainContent .gameDesc h3 {overflow:hidden;height:40px;line-height:40px;color:#000;font-size:24px;color:#333;font-weight:500;margin:10px 0;}
.MainContent .gameDesc a {font-size:inherit;}
.MainContent .gameDesc>p {color:#555;line-height:36px;margin:10px 0;word-break:break-all;word-wrap:break-word;text-align:left;font-size:16px;}
.MainContent .gameDesc img {vertical-align:bottom;cursor:pointer;max-width:584px;border-radius:10px;display:block;margin:auto;}
.MainContent .gameInfoList {display:grid;justify-content:space-between;grid-template-columns:repeat(3,33.333%);padding:0 0 25px;}
.MainContent .gameInfoList li {margin-top:20px;display:flex;flex-direction:column;font-size:14px;line-height:18px;}
.MainContent .gameInfoList li span {color:#7f7f7f;margin-bottom:6px;word-wrap:break-word;word-break:normal;padding-right:20px;font-size:14px;line-height:18px;}
.MainContent .gameInfoList li span+span {color:#333;}
.MainContent .gameInfoList li .view {color:#ffa3a5;}
.MainContent .updateTxtBox {padding:15px 20px 18px 20px;margin-top:15px;background:#fafafa;box-shadow:2px 2px 0 0 #000;border:1px solid #000;}
.MainContent .updateTxtBox p {font-size:15px;color:#333;line-height:36px;}
.MainContent .historyUpdate {cursor:pointer;height:36px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:36px;background:#ffa3a5;border-radius:18px;margin-top:22px;margin-bottom:15px;transition:all .2s linear;}
.MainContent .historyUpdate:hover {background:#01bd97;}


.MainContent .newsName {overflow:hidden;margin-bottom:20px;}
.MainContent .newsName p {overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:380px;margin:0 auto;border-radius:30px;background:rgba(255,255,255,.7);border:2px solid #fff;}
.MainContent .newsName p a {width:180px;text-align:center;height:45px;font-size:18px;font-weight:bolder;color:#000;line-height:45px;}
.MainContent .newsName p a:hover {color:#01bd97;}
.MainContent .newsName p .current {color:#fff !important;background:linear-gradient(-39deg,#01bd97 0%,#1ebdd9 100%);border-radius:30px;}
.ArticleList {overflow:hidden;}
.ArticleList li {border-bottom:1px solid #e6e9ed;}
.ArticleList li:first-child a {padding-top:10px;}
.ArticleList li:last-child {border-bottom:none;}
.ArticleList li a {display:flex;padding:20px 0;transition:all .2s linear;}
.ArticleList li a:hover img {opacity:.8;border-color:#67debe;}
.ArticleList li a:hover .info .title {color:#01bd97;}
.ArticleList li img {width:200px;height:120px;object-fit:cover;margin-right:20px;border-radius:8px;display:block;transition:all .2s linear;border:2px solid rgba(0,0,0,0);box-sizing:border-box;}
.ArticleList li .info {flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;}
.ArticleList li .info .title {font-size:18px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:10px;transition:all .2s linear;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.ArticleList li .info .desc {font-size:14px;color:#666;line-height:1.6;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ArticleList li .info p {display:flex;justify-content:space-between;align-items:center;}
.ArticleList li .info p span {font-size:12px;color:#999;}
.ArticleList li .info p i {font-size:14px;color:#666;transition:all .2s linear;}
.ArticleList li .info p i:hover {color:#01bd97;}

.HotArticleList {overflow:hidden;}
.HotArticleList li {display:block;overflow:hidden;width:100%;}
.HotArticleList li a {display:block;width:100%;}
.HotArticleList li:nth-of-type(1) {display:flex;position:relative;margin:10px 0 10px;}
.HotArticleList li:nth-of-type(1) img {float:left;width:130px;height:91px;border-radius:10px;margin-right:9px;}
.HotArticleList li:nth-of-type(1) div {float:left;width:210px;height:91px;overflow:hidden;}
.HotArticleList li:nth-of-type(1) div p {height:72px;font-size:14px;color:#333;line-height:24px;margin-top:-3px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.HotArticleList li:nth-of-type(1) div span {display:block;font-size:12px;color:#999;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.HotArticleList li:nth-of-type(1) a:hover div p {color:#67debe;}
.HotArticleList li:nth-of-type(n+2) {position:relative;height:34px;line-height:34px;overflow:hidden; }
.HotArticleList li:nth-of-type(n+2):before {content:"";position:relative;float:left;top:15px;margin-right:11px;vertical-align:top;display:inline-block;width:4px;height:4px;background:#67debe;font-size:0;line-height:0;}
.HotArticleList li:nth-of-type(n+2) span {float:right;font-size:14px;color:#999;margin-left:2px;line-height:34px;}
.HotArticleList li:nth-of-type(n+2) a {float:left;display:block;width:335px;font-size:14px;color:#333;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.HotArticleList li:nth-of-type(n+2):hover a {color:#67debe;}

.ArtHeader {margin:15px;}
.ArtHeader .bt {text-align:center;color:#333;font-size:24px;line-height:40px;font-weight:bold;}
.ArtHeader .ArtInfo {color:#c7c7c7;text-align:center;line-height:66px;}
.ArtHeader .ArtInfo span {margin:0 20px;}
.MainListSwiper {position:relative;}
.MainListSwiper .swiper-slide {width:auto;}
.MainListSwiper .list {width:310px;height:205px;display:block;margin:10px 0;}
.MainListSwiper .list .img {display:block;width:100%;height:155px;border-radius:10px;overflow:hidden;}
.MainListSwiper .list .img img {width:100%;height:100%;object-fit:cover;transition:all .2s linear;display:block;}
.MainListSwiper .list .info {position:relative;top:-28px;margin:auto;padding-top:7px;display:block;width:246px;height:56px;background:rgba(255,255,255,.9);border-radius:10px;text-align:center;box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.MainListSwiper .list .info span {display:block;font-size:12px;color:#67debe;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.MainListSwiper .list .info p {display:block;font-size:14px;color:#172b3d;line-height:24px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.MainListSwiper .list .info::after {content:"";position:absolute;left:0;right:0;margin:auto;bottom:-13px;padding:7px;z-index:1;float:right;display:block;width:12px;height:12px;border-radius:50%;background:#67debe url(../images/ic_next.png) no-repeat center center;background-size:13px auto;background-position:50% 50%;}
.MainListSwiper .list:hover .img img {transform:scale(1.1);}

.CollectItems {font-size:16px;line-height:22px;color:#4d4d4d;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;gap:0 15px;margin-bottom:10px;}
.CollectItems li a {margin-top:15px;overflow:hidden;background:#f7f7f7;border-radius:8px;display:flex;flex-direction:column;}
.CollectItems li .imgBox {width:100%;height:180px;overflow:hidden;}
.CollectItems li .imgBox img {width:100%;height:100%;max-width:inherit;max-height:inherit;display:block;object-fit:cover;transition:all .3s;}
.CollectItems li .txtBox {padding:12px 15px 10px;}
.CollectItems li .txtBox p {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;text-align:justify;-webkit-line-clamp:1;}
.CollectItems li .txtBox .time {margin-top:12px;display:flex;justify-content:space-between;font-size:14px;line-height:18px;color:#999;}
.CollectItems li .txtBox .tip {-webkit-line-clamp:2;margin-top:7px;font-size:14px;color:#999;line-height:24px;}
.CollectItems li:hover a {box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.CollectItems li:hover .imgBox img {transform:scale(1.1);}
.CollectItems li:hover .txtBox p:first-child {color:#01bd97;}

.NewsRankList {display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:10px;}
.NewsRankList li a {display:block;border-radius:6px;overflow:hidden;position:relative;height:160px;}
.NewsRankList li a img {width:100%;height:160px;object-fit:cover;transition:all .2s linear;}
.NewsRankList li a p {position:absolute;bottom:0;left:0;right:0;margin:auto;display:block;padding:0 10px;height:36px;font-size:16px;color:#fff;line-height:36px;background:rgba(0,0,0,0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-image:linear-gradient(0deg,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.12) 98%);border-radius:0 0 10px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsRankList li a:hover img {transform:scale(1.05);}
.NewsRankList li a:hover p {color:#01bd97;}
.NewsRankTags {overflow:hidden;width:101%;margin-bottom:10px;}
.NewsRankTags a {position:relative;float:left;display:block;padding:0 12px;margin:15px 15px 0 0;height:36px;line-height:36px;border-radius:4px;background:#f1f6f5;font-size:14px;color:#01bd97;transition:all .2s linear;}
.NewsRankTags a::before {content:"";display:inline-block;position:relative;top:11px;margin-right:6px;vertical-align:top;width:15px;height:15px;background:url(../images/ic_good.png) no-repeat;background-size:100% auto;}
.NewsRankTags a:hover {opacity:.8;}

.relatedGame {display:grid;justify-content:space-between;grid-template-columns:repeat(6,1fr);margin:10px 0;gap:15px;width:100%;}
.relatedGame a {display:flex;flex-direction:column;align-items:center;}
.relatedGame a .imgBox {width:100px;height:100px;overflow:hidden;border-radius:20px;}
.relatedGame a .imgBox img {width:100%;height:100%;object-fit:cover;transition:all .3s;}
.relatedGame a .imgBox img:hover {transform:scale(1.1);}
.relatedGame a .name {text-align:center;font-weight:bold;font-size:14px;color:#333;line-height:14px;margin-top:18px;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.relatedGame a .name:hover {color:#67debe;}
.relatedGame a .size {text-align:center;font-size:14px;color:#999;line-height:14px;margin-top:10px;}
.relatedGame a .btn {width:58px;height:26px;font-size:14px;color:#67debe;text-align:center;line-height:24px;border-radius:13px;margin-top:12px;border:1px solid #01bd97;transition:all .2s linear;}
.relatedGame a .btn:hover {background:#01bd97;color:#fff;border:1px solid #01bd97;}
.relatedArticle {overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:0 15px;margin-top:10px;}
.relatedArticle a {float:left;display:block;margin-bottom:14px;height:160px;overflow:hidden;}
.relatedArticle a div {width:100%;height:110px;margin-bottom:8px;border-radius:10px;overflow:hidden;}
.relatedArticle a div img {width:100%;height:110px;object-fit:cover;border-radius:10px;transition:all .2s linear;}
.relatedArticle a p {height:44px;font-size:14px;color:#000;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .2s linear;}
.relatedArticle a:hover div img {transform:scale(1.1);}
.relatedArticle a:hover p {color:#01bd97;}

.RankDetailHead {background:#fff;padding:30px 15px;border-radius:4px;box-shadow:0px 3px 3px 0px #f2f2f2;margin-bottom:15px;}
.RankDetailHead .title {align-items:center;color:#ccc;display:flex;flex-direction:column;font-size:14px;justify-content:center;line-height:18px;margin:0 auto;padding-bottom:10px;padding-top:1px;position:relative;width:-moz-fit-content;width:fit-content;}
.RankDetailHead .title::after,.RankDetailHead .title::before {content:"";background:url(../images/ic_rank1.png) no-repeat center center;background-size:100% auto;display:block;height:62px;position:absolute;width:35px;}
.RankDetailHead .title::before {left:-50px;top:0;}
.RankDetailHead .title::after {right:-50px;top:0;transform:rotateY(180deg);}
.RankDetailHead .title p {color:#292929;font-size:30px;font-weight:800;line-height:34px;margin-top:12px;}
.RankDetailHead .title p i {color:#01bd97;}
.RankDetailHead .RankTop {display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;}
.RankDetailHead .RankTop .list:nth-child(2) .boxTop>i {background-position:-65px 0;}
.RankDetailHead .RankTop .list:nth-child(3) .boxTop>i {background-position:-129px 0;}
.RankDetailHead .RankTop .boxTop {display:flex;margin-bottom:15px;position:relative;}
.RankDetailHead .RankTop .boxTop>i {background:url(../images/ic_rank2.png) no-repeat;display:block;height:42px;left:9px;position:absolute;top:-20px;width:48px;}
.RankDetailHead .RankTop .boxTop img {width:88px;height:88px;border-radius:16px;object-fit:cover;margin-right:15px;}
.RankDetailHead .RankTop .boxTop .txtBox {flex:1;display:block;overflow:hidden;min-width:0;}
.RankDetailHead .RankTop .boxTop .txtBox p {color:#262626;font-size:16px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;margin:6px 0;}
.RankDetailHead .RankTop .boxTop .txtBox>span {color:#a8a8a8;font-size:13px;line-height:18px;width:100%;height:20px;}
.RankDetailHead .RankTop .boxTop .txtBox .starBox {margin-top:10px;overflow:hidden;}
.RankDetailHead .RankTop .boxTop .txtBox .starBox span {display:block;float:left;width:77px;height:16px;background:url(../images/ic_star.png) no-repeat;background-size:auto 30px;margin-right:5px;}
.RankDetailHead .RankTop .boxTop .txtBox .starBox span i {display:block;float:left;max-width:100%;height:16px;background:url(../images/ic_star.png) no-repeat;background-size:auto 30px;background-position:0 -15px;}
.RankDetailHead .RankTop .boxTop .txtBox .starBox u {float:left;font-size:12px;color:#01bd97;}
.RankDetailHead .RankTop .boxTop .btn {border-radius:5px;color:#fff;display:block;height:30px;line-height:30px;padding:0 18px;background:#01bd97;font-size:14px;margin-top:25px;}
.RankDetailHead .RankTop .txtInfo {background:#f9f9f9;border-radius:5px;color:#a8a8a8;font-size:14px;height:52px;line-height:20px;margin-top:19px;padding:24px 28px 23px;position:relative;}
.RankDetailHead .RankTop .txtInfo::after,.RankDetailHead .RankTop .txtInfo::before {content:"";display:block;height:16px;position:absolute;width:19px;background:url(../images/ic_rank2.png) no-repeat;background-position:0 -70px;}
.RankDetailHead .RankTop .txtInfo::after {bottom:7px;right:6px;}
.RankDetailHead .RankTop .txtInfo::before {left:8px;top:9px;transform:rotateY(180deg);}
.RankDetailHead .RankTop .txtInfo p {color:#555;font-size:14px;line-height:20px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.RankDetailHead .RankList {overflow:hidden;width:100%;}
.RankDetailHead .RankList li a {display:flex;justify-content:space-between;align-items:center;margin-top:24px;overflow:hidden;}
.RankDetailHead .RankList li a>span {width:28px;height:28px;text-align:center;line-height:28px;background:#eee;border-radius:5px;color:#999;font-size:16px;margin:0 20px 0 3px;}
.RankDetailHead .RankList li img {width:138px;height:138px;border-radius:26px;object-fit:cover;}
.RankDetailHead .RankList li .imgInfo {flex:1;overflow:hidden;padding-left:24px;font-size:16px;line-height:16px;color:#666;}
.RankDetailHead .RankList li .imgInfo p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankDetailHead .RankList li .imgInfo p:first-child {font-size:24px;line-height:24px;color:#333;}
.RankDetailHead .RankList li .imgInfo p:nth-child(2) {margin-top:16px;display:flex;}
.RankDetailHead .RankList li .imgInfo p:nth-child(2) span {margin-right:16px;display:block;padding:0 8px;height:24px;line-height:24px;background:#ebfff2;border-radius:5px;font-size:14px;color:#01bd97;}
.RankDetailHead .RankList li .imgInfo p:nth-child(3) {display:flex;margin-top:12px;}
.RankDetailHead .RankList li .imgInfo p:nth-child(3) span {margin-right:30px;}
.RankDetailHead .RankList li .imgInfo p:last-child {margin-top:12px;}
.RankDetailHead .RankList li .btn {width:70px;height:32px;line-height:30px;background:#01bd97;border:1px solid #01bd97;border-radius:4px;color:#fff;text-align:center;}
.RankDetailHead .RankList li:hover .imgInfo p:first-child {color:#01bd97;}

.CollectDetail {padding:15px;background:#fff;border-radius:4px;box-shadow:0px 3px 3px 0px #f2f2f2;margin-bottom:15px;display:flex;}
.CollectDetail .imgBox {width:480px;height:280px;overflow:hidden;border-radius:4px;margin-right:15px;}
.CollectDetail .imgBox img {width:100%;height:100%;object-fit:cover;}
.CollectDetail .txtBox {flex:1;min-width:0;}
.CollectDetail .txtBox .bt {color:#242424;font-size:30px;font-weight:700;line-height:42px;margin-top:4px;max-width:100%;overflow:hidden;padding:0 8px 0 1px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:-moz-fit-content;width:fit-content;z-index:1;}
.CollectDetail .txtBox .bt::after {display:block;background:#00bc99;border-radius:5px;bottom:0;content:"";height:10px;left:0;position:absolute;right:0;z-index:-1;}
.CollectDetail .txtBox .desc {display:-webkit-box;line-height:30px;margin-top:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#a8a8a8;font-size:14px;}
.CollectDetail .txtBox .tags {margin:15px 0;overflow:hidden;height:70px;}
.CollectDetail .txtBox .tags a {display:inline-block;vertical-align:top;padding:0 8px;height:24px;font-size:12px;color:#00bc99;line-height:24px;border-radius:6px;margin:0 9px 9px 0;border:1px solid #67debe;background:rgba(0,0,0,0);}
.CollectDetail .txtBox .tags a:hover {background:#00bc99;color:#fff;border:1px solid #00bc99;}
.CollectDetail .txtBox .time {color:#a8a8a8;font-size:14px;line-height:18px;text-align:right;}

.DeatilHead {width:1200px;margin:0 auto 15px;height:380px;}
.DeatilHead .GamePic {width:805px;height:380px;background:rgba(0,0,0,.4);border-radius:10px;overflow:hidden;float:left;position:relative;}
.DeatilHead .GamePicSwiper {position:relative;z-index:1;}
.DeatilHead .GamePicSwiper .swiper-slide {opacity:.9;border-radius:4px;overflow:hidden;}
.DeatilHead .GamePicSwiper .swiper-slide a {display:block;width:100%;height:380px;position:relative;}
.DeatilHead .GamePicSwiper .swiper-slide a .bg {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(20px);z-index:1;}
.DeatilHead .GamePicSwiper .swiper-slide a .cover {position:absolute;left:50%;transform:translateX(-50%);max-width:100%;height:100%;object-fit:cover;object-fit:contain;z-index:2;}
.DeatilHead .GamePicSwiper .swiper-pagination {position:absolute;bottom:10px;right:10px;left:initial;width:200px;text-align:right;z-index:2;}
.DeatilHead .GamePicSwiper .swiper-pagination .swiper-pagination-bullet {background:#fff;}
.DeatilHead .GamePicSwiper .swiper-pagination .swiper-pagination-bullet-active {background:#01bd97;}
.DeatilHead .GamePicThumbs {position:absolute;bottom:0;left:0;width:100%;z-index:2;background:rgba(0,0,0,.5);padding:15px;box-sizing:border-box;}
.DeatilHead .GamePicThumbs .swiper-slide {opacity:.8;border:2px solid rgba(0,0,0,0);box-sizing:border-box;cursor:pointer;overflow:hidden;}
.DeatilHead .GamePicThumbs .swiper-slide img {width:100%;height:45px;object-fit:contain;}
.DeatilHead .GamePicThumbs .swiper-slide-thumb-active {opacity:1;border-color:#01bd97;}
.DeatilHead .GameInfo {float:right;width:380px;height:380px;border-radius:10px;padding:20px;box-sizing:border-box;position:relative;background:rgba(0,0,0,.5137254902);}
.DeatilHead .GameInfo .bg {width:100%;height:100%;object-fit:cover;border-radius:10px;position:absolute;top:0;left:0;z-index:0;opacity:.5;filter:blur(20px);}
.DeatilHead .GameInfo .boxTitle {display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;}
.DeatilHead .GameInfo .boxTitle::before {content:"";width:1px;height:calc(100% - 7px);background-color:rgba(214,214,214,.4);position:absolute;right:85px;top:3.5px;bottom:3.5px;}
.DeatilHead .GameInfo .boxTitle h1 {font-size:24px;font-weight:bold;color:#fff;line-height:32.5px;padding-right:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:justify;}
.DeatilHead .GameInfo .boxTitle .imgBox {width:65px;height:65px;border-radius:15px;flex-shrink:0;}
.DeatilHead .GameInfo .boxTitle .imgBox img {width:100%;height:100%;display:block;object-fit:cover;border-radius:15px;}
.DeatilHead .GameInfo .tags {display:flex;flex-wrap:wrap;margin:10px -5px 0;font-size:12px;position:relative;z-index:2;overflow:hidden;height:30px;}
.DeatilHead .GameInfo .tags li {margin:0 5px 5px;}
.DeatilHead .GameInfo .tags li a {display:block;padding:0 14px;height:25px;line-height:25px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#e9e9e9;transition:all .2s linear;}
.DeatilHead .GameInfo .tags li:hover a,.DeatilHead .GameInfo .tags .on a {background:rgba(98,151,255,.1);border:1px solid rgba(98,151,255,.3);color:#ffdb8a;}
.DeatilHead .GameInfo .info {margin:10px 0 0;line-height:26px;position:relative;z-index:2;}
.DeatilHead .GameInfo .info li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e9e9e9;}
.DeatilHead .GameInfo .info li span {display:inline-block;width:76px;}
.DeatilHead .GameInfo .btns {margin-top:20px;display:flex;flex-direction:column;font-size:16px;color:#fff;}
.DeatilHead .GameInfo .btns .btn {width:276px;height:48px;line-height:48px;text-align:center;padding-right:14px;background:linear-gradient(-90deg,#0184FF,#11AEFF);border-radius:24px;margin:0 auto 10px;position:relative;color:#fff;transition:all .2s linear;}
.DeatilHead .GameInfo .btns .btn:hover {opacity:.8;}
.DeatilHead .GameInfo .btns .btn p {font-size:12px;margin-top:3px;}
.DeatilHead .GameInfo .btns .btn .icon {display:inline-block;width:20px;height:20px;background:url(../images/ic_btn.png) no-repeat;background-size:auto 20px;vertical-align:middle;margin:0 0 3px 8px;}
.DeatilHead .GameInfo .btns .azBtn {background:linear-gradient(-90deg,#2DC87A,#0FCF89);}
.DeatilHead .GameInfo .btns .azBtn .icon {background-position:-17px 0;}
.DeatilHead .GameInfo .btns .iosBtn {background:linear-gradient(-90deg,#000000,#1f2221);}
.DeatilHead .GameInfo .btns .iosBtn .icon {background-position:0 0;}

.relatedVersion {font-size:14px;line-height:18px;overflow:hidden;}
.relatedVersion li:last-child a {border-bottom:none;}
.relatedVersion li {overflow:hidden;width:100%;}
.relatedVersion li a {display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #e6e9ed;color:#333;}
.relatedVersion li .imgBox {width:42px;height:42px;border-radius:10px;}
.relatedVersion li .imgBox img {width:100%;height:100%;display:block;object-fit:cover;border-radius:10px;transition:all .2s linear;}
.relatedVersion li .textBox {flex:1;padding-left:15px;}
.relatedVersion li .textBox p:first-child {font-size:14px;color:#333;line-height:20px;font-weight:bold;}
.relatedVersion li .textBox p {font-size:12px;color:#999;margin:5px 0;}
.relatedVersion li .textBox p span {margin:0 20px 0 0;}
.relatedVersion li .btn {width:72px;text-align:center;height:28px;font-size:14px;line-height:26px;border-radius:14px;border:1px solid #01bd97;color:#67debe;transition:all .2s linear;}
.relatedVersion li .btn:hover {background:#01bd97;color:#fff;border:1px solid #01bd97;}
.relatedVersion li:hover a .imgBox img {opacity:.8;}
.relatedVersion li:hover .textBox p:first-child {color:#01bd97;}

.relatedCollection .TabHead {padding:12px 0;overflow:hidden;}
.relatedCollection .TabHead span {position:relative;float:left;display:block;margin:0 14px 12px 0;padding:0 17px;text-align:center;font-size:16px;color:#666;line-height:36px;background:#f7f9fa;cursor:pointer;border-radius:5px;transition:all .2s linear;}
.relatedCollection .TabHead .on {background:#01bd97;color:#fff;}
.relatedCollection .items {width:100%;overflow:hidden;}
.relatedCollection .subCont {position:relative;margin-bottom:12px;height:231px;overflow:hidden;}
.relatedCollection .subCont::before {content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:231px;overflow:hidden;background:url(../images/headbgimg.png) no-repeat;background-size:100% 100%;}
.relatedCollection .subCont .img {position:relative;float:left;padding-top:9px;display:block;width:285px;height:202px;border-radius:16px;overflow:hidden;margin-right:23px;}
.relatedCollection .subCont .img img {display:block;min-width:100%;height:160%;width:auto;margin:-26px auto;border-radius:16px;}
.relatedCollection .subCont .info {position:relative;z-index:2;float:left;text-align:left;display:block;width:440px;height:220px;overflow:hidden;}
.relatedCollection .subCont .info strong {position:relative;display:block;max-width:400px;margin:35px 0 0;font-size:24px;color:#333;font-weight:bold;line-height:52px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedCollection .subCont .info p {position:relative;display:block;max-height:128px;line-height:32px;font-size:16px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.relatedCollection .subCont .info p.time {max-height:none;-webkit-line-clamp:1;margin:0 0 8px;font-size:14px;line-height:24px;color:#999;}
.relatedCollection .list {display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin-bottom:10px;}
.relatedCollection .list li {overflow:hidden;}
.relatedCollection .list li a {display:block;width:100%;height:100%;}
.relatedCollection .list li img {width:100px;height:100px;object-fit:cover;border-radius:10px;transition:all .2s linear;margin:0 auto;display:block;}
.relatedCollection .list li p {font-size:14px;color:#333;line-height:20px;height:20px;width:100%;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.relatedCollection .list li:hover img {opacity:.8;}
.relatedCollection .list li:hover p {color:#01bd97;}