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 {font-family:"Microsoft YaHei","Arial","Heiti SC";background:#f9f9f9;font-size:14px;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(1);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.clear {clear:both;}
.clear::after {content:"";display:block;clear:both;}
button,textarea {outline:0;border:0;padding:0;margin:0;-webkit-appearance:none;}
html {font-size:13.3333333333vw;}
@media(min-width:750px) {html {font-size:100px;}
;}
@media(max-width:280px) {html {font-size:35px;}
;}
.HeaderWrap {background:#fff;position:relative;width:7.5rem;margin:0 auto;z-index:1;overflow:hidden;border-radius:0 0 .2rem .2rem;}
.HeaderWrap .header-content {display:flex;align-items:center;justify-content:center;padding:.3rem .2rem;height:.88rem;box-sizing:border-box;}
.HeaderWrap .logo {display:block;height:.48rem;}
.HeaderWrap .logo img {height:100%;display:block;}
.HeaderWrap .HeadNav {display:flex;gap:.18rem;padding:.05rem .15rem .02rem;margin-bottom:.12rem;box-sizing:border-box;}
.HeaderWrap .HeadNav a {flex:auto;min-width:0;font-size:.26rem;text-align:center;line-height:.5rem;position:relative;}
.HeaderWrap .HeadNav .current::after {display:block;content:"";width:40%;height:.06rem;border-radius:.04rem;background:#00bc99;position:absolute;bottom:-0.1rem;left:50%;transform:translateX(-50%);}
.Breadcrumb {width:7.5rem;overflow:hidden;color:#fff;padding:.2rem .2rem 0;margin:-0.2rem auto 0;box-sizing:border-box;background:linear-gradient(-4deg, #00bc99, #83cfc1);border-radius:0 0 .2rem .2rem;}
.Breadcrumb a {line-height:.58rem;font-size:.22rem;color:#fff;}
/* .Breadcrumb a+a::before {content:">";margin:0 .12rem;font-family:monospace;} */
.main {width:7.5rem;margin:0 auto;}
.IdxBanner {position:relative;overflow:hidden;background:#fff;padding:0 .15rem .15rem;margin-top:.12rem;}
.IdxBanner .inMainSw {overflow:hidden;margin:0 -0.15rem;padding:0 .15rem .25rem;font-size:.3rem;line-height:.34rem;position:relative;}
.IdxBanner .inMainSw .swiper-slide {width:7.2rem;height:3.44rem;border-radius:.16rem;margin-right:.3rem;overflow:hidden;position:relative;}
.IdxBanner .inMainSw .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.IdxBanner .inMainSw .swiper-slide:last-child {margin-right:0;}
.IdxBanner .inMainSw .swiper-slide>a {padding:.4rem .2rem .2rem;background:linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;font-size:.24rem;color:#ccc;line-height:.28rem;}
.IdxBanner .inMainSw .swiper-slide>a .imgBox {width:.8rem;height:.8rem;border-radius:.16rem;overflow:hidden;}
.IdxBanner .inMainSw .swiper-slide>a .txtBox {flex:1;width:0;padding-left:.18rem;}
.IdxBanner .inMainSw .swiper-slide>a .txtBox p {display:flex;flex-wrap:wrap;}
.IdxBanner .inMainSw .swiper-slide>a .txtBox p.title {font-weight:normal;font-size:.3rem;line-height:.34rem;color:#fff;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.IdxBanner .inMainSw .swiper-slide>a .txtBox p span {font-weight:300;margin-top:.12rem;margin-right:.3rem;}
.IdxBanner .inMainSw .swiper-slide>a .txtBox p span:last-child {margin-right:0;}
.IdxBanner .inMainSw .swiper-slide>a .btn {font-size:.24rem;background:#11c09c;color:#fff;width:1.2rem;height:.48rem;border-radius:.24rem;text-align:center;line-height:.48rem;}
.IdxBanner .inMainSw .swiper-pagination {height:.04rem;position:absolute;z-index:1;left:0;right:0;bottom:.05rem;display:flex;align-items:center;justify-content:center;}
.IdxBanner .inMainSw .swiper-pagination .swiper-pagination-bullet {width:.26rem;height:.04rem;background:rgba(0,0,0,.5);border-radius:.02rem;margin:0 .09rem;}
.IdxBanner .inMainSw .swiper-pagination .swiper-pagination-bullet-active {background:#11c09c;}
.BaseBox {overflow:hidden;background:#fff;padding: .12rem .25rem;border-radius:.06rem;margin:.12rem 0;}
.BaseBox .ContTitle {width:100%;overflow:hidden;line-height:.5rem;height:.5rem;}
.BaseBox .ContTitle span {font-size:.28rem;color:#333;line-height:.5rem;display:block;float:left;font-weight:bold;}
.BaseBox .more {float:right;position:relative;margin:.1rem 0;padding:0 .15rem;height:.36rem;text-align:center;background:#fff0f0;border-radius:.2rem;font-size:.24rem;color:#ff4c4c;line-height:.34rem;overflow:hidden;}
.BaseBox .more::before {display:inline-block;content:"";position:relative;top:.14rem;vertical-align:top;width:.28rem;height:.08rem;background:url(../images/ic_dot.png) no-repeat;background-size:100% auto;}
.BaseBox .TabMore {float:right;}
.BaseBox .TabMore a {color:#999;margin-left:.1rem;}
.BaseBox .TabMore .more+.more {display:none;}
.TabWrap .TabBody .item+.item {display:none;}
.ListSwiper {position:relative;overflow:hidden;margin-top:.2rem;}
.ListSwiper .swiper-slide {width:auto;white-space:nowrap;}
.ListSwiper .swiper-slide>a {display:inline-block;}
.ListSwiper .swiper-slide a:last-child {margin-right:0;}
.GameRecList .swiper-slide {width:auto;}
.GameRecList .swiper-slide a {width:1.4rem;height:2.6rem;margin-right:.2rem;}
.GameRecList .swiper-slide a img {width:100%;height:1.4rem;object-fit:cover;border-radius:.2rem;}
.GameRecList .swiper-slide a p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.26rem;color:#333;height:.4rem;line-height:.4rem;margin-top:.15rem;}
.GameRecList .swiper-slide a .btn {width:.9rem;height:.46rem;line-height:.46rem;text-align:center;font-size:.24rem;border-radius:.3rem;background:#11c09c;color:#fff;margin:.1rem auto;}
.SoftList {overflow:hidden;width:100%;}
.SoftList li {padding:.12rem 0;}
.SoftList li a {display:flex;overflow:hidden;}
.SoftList li a img {width:1rem;height:1rem;object-fit:cover;border-radius:.2rem;}
.SoftList li a .info {flex:1;min-width:0;margin:0 .2rem;}
.SoftList li a .info p {font-size:.26rem;color:#333;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:.05rem 0 .2rem;}
.SoftList li a .info span {font-size:.22rem;color:#999;line-height:.25rem;height:.25rem;overflow:hidden;}
.SoftList li a .btn {display:block;width:.9rem;height:.46rem;line-height:.46rem;text-align:center;font-size:.24rem;border-radius:.3rem;background:#11c09c;color:#fff;margin:.25rem auto 0;text-align:center;}
.NewsList {overflow:hidden;width:100%;}
.NewsList li {padding:.12rem 0;}
.NewsList li a {display:flex;overflow:hidden;}
.NewsList li a img {width:2.4rem;height:1.4rem;object-fit:cover;border-radius:.2rem;}
.NewsList li a .info {flex:1;min-width:0;margin:0 .2rem;}
.NewsList li a .info p {font-size:.28rem;color:#333;line-height:.4rem;margin:.05rem 0 .2rem;height:.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.NewsList li a .info span {font-size:.22rem;color:#999;line-height:.25rem;height:.25rem;overflow:hidden;}
.NewsList li:last-child {padding-bottom:0;}
.NewsList+.PageBox {margin-top:.4rem;}
.GameTags {display:flex;flex-wrap:wrap;align-items:center;}
.GameTags li {margin-top:.12rem;margin-right:.14rem;padding:0 .12rem;border-radius:.2rem 0 .2rem 0;background-color:#f0fff0;height:.5rem;}
.GameTags li a {font-size:.24rem;color:#9c9;line-height:.5rem;display:block;}
.GameTags li:nth-child(2) {background-color:#f0f8ff;}
.GameTags li:nth-child(2) a {color:#53b1f7;}
.GameTags li:nth-child(3) {background-color:azure;}
.GameTags li:nth-child(3) a {color:#85cccc;}
.GameTags li:nth-child(4) {background-color:#f5fff0;}
.GameTags li:nth-child(4) a {color:#6c3;}
.GameTags li:nth-child(5) {background-color:#fffaf0;}
.GameTags li:nth-child(5) a {color:#fc6;}
.GameTags li:nth-child(6) {background-color:#fff0f7;}
.GameTags li:nth-child(6) a {color:#f9c;}
.GameTags li:nth-child(7) {background-color:#f0fffc;}
.GameTags li:nth-child(7) a {color:#47c1a8;}
.GameTags li:nth-child(8) {background-color:#fffaf0;}
.GameTags li:nth-child(8) a {color:#faa701;}
.GameTags li:nth-child(9) {background-color:#f8f0ff;}
.GameTags li:nth-child(9) a {color:#b27cda;}
.GameTags li:nth-child(10) {background-color:#fff0f2;}
.GameTags li:nth-child(10) a {color:#f26d7e;}
.RankItemBox {width:7.5rem;height:16.9rem;margin:.12rem auto .2rem;overflow:hidden;background:url(../images/rank_bg.png) no-repeat;background-size:100% 100%;}
.RankItemBox .title {width:3.38rem;height:.88rem;font-size:0;margin:.32rem auto 0 auto;background:url(../images/rank_title1.png) no-repeat;background-size:100% 100%;}
.RankItemBox .top3List {padding:.9rem .11rem 0 .12rem;display:flex;justify-content:space-between;}
.RankItemBox .topItem {width:2.1rem;height:2.24rem;margin-top:.29rem;position:relative;border-radius:.1rem;background-color:#fff;}
.RankItemBox .topItem .imgBox {width:1.32rem;height:1.32rem;overflow:hidden;position:absolute;top:-0.66rem;left:.35rem;border-radius:.24rem;border:.04rem solid #fff;}
.RankItemBox .topItem .imgBox img {width:100%;height:100%;object-fit:cover;}
.RankItemBox .topItem .bt {text-align:center;font-size:.28rem;color:#333;line-height:.28rem;margin:1rem .1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankItemBox .topItem .btn {width:1.08rem;height:.48rem;font-size:.24rem;color:#fff;text-align:center;line-height:.48rem;background:#11c09c;border-radius:.24rem;margin:.2rem auto 0 auto;}
.RankItemBox .topItem .icon {width:1.81rem;height:.52rem;position:absolute;top:.29rem;left:.14rem;background:url(../images/rank_top.png) no-repeat;background-size:1.8rem auto;}
.RankItemBox .topItem:nth-child(1) .icon {background-position:.15rem -0.55rem;}
.RankItemBox .topItem:nth-child(3) .icon {background-position:.15rem -1.16rem;}
.RankItemBox .list {padding:.2rem .12rem 0 .12rem;}
.RankItemBox .list li {overflow:hidden;width:100%;}
.RankItemBox .list li a {padding:.19rem .19rem .21rem .14rem;display:flex;align-items:center;border-radius:.24rem;margin-top:.1rem;background-color:#fff;}
.RankItemBox .list li .numBox {display:block;width:.4rem;height:.4rem;font-weight:bold;font-size:.3rem;color:#b8b8b8;text-align:center;line-height:.4rem;background:url(../images/numBg.png) no-repeat;background-size:100% 100%;}
.RankItemBox .list li .txtImgBox {flex:1;min-width:0;display:flex;overflow:hidden;padding:0 .22rem 0 .14rem;}
.RankItemBox .list li .txtImgBox img {width:1.2rem;height:1.2rem;overflow:hidden;border-radius:.2rem;}
.RankItemBox .list li .txtImgBox .txtBox {flex:1;padding-left:.2rem;overflow:hidden;}
.RankItemBox .list li .txtImgBox .name {font-size:.32rem;color:#0f1433;line-height:.32rem;margin-top:.04rem;}
.RankItemBox .list li .txtImgBox .sizeBox {display:flex;margin-top:.16rem;}
.RankItemBox .list li .txtImgBox .sizeBox .score {padding-left:.08rem;font-size:.24rem;color:#a8a8a8;line-height:.24rem;}
.RankItemBox .list li .txtImgBox .sizeBox .score::before {display:inline-block;content:"";width:.22rem;height:.26rem;background:url(../images/rank_top.png) no-repeat;background-position:0 -1.75rem;background-size:1.8rem auto;}
.RankItemBox .list li .txtImgBox .sizeBox span {font-size:.24rem;color:#a8a8a8;line-height:.24rem;margin-left:.3rem;}
.RankItemBox .list li .txtImgBox .desc {font-size:.24rem;color:#a8a8a8;line-height:.24rem;margin-top:.13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankItemBox .list li .btn {width:1.08rem;height:.48rem;font-size:.24rem;color:#fff;text-align:center;line-height:.48rem;background:#11c09c;border-radius:.24rem;margin:.1rem auto 0 auto;}
.ClassTag {display:grid;grid-template-columns:repeat(3,1fr);gap:.15rem;}
.ClassTag a {display:block;height:.62rem;line-height:.62rem;border-radius:.1rem;text-align:center;font-size:.3rem;color:#666;background:#f9f9f9;}
.ClassTag span {display:block;height:.62rem;line-height:.62rem;border-radius:.1rem;text-align:center;font-size:.3rem;color:#00bc99;background:#f9f9f9;}
.ClassTag .on {color:#fff;background:#00bc99;}
.ClassTag .putTag {color:#ccc;}
.editChoice {width:7.02rem;height:3.44rem;position:relative;background:url(../images/editBg.png) no-repeat;background-size:100% 100%;}
.editChoice .ChoiceLeft {width:1.52rem;position:absolute;top:.33rem;left:.43rem;}
.editChoice .ChoiceLeft a {width:1.52rem;position:relative;display:flex;flex-direction:column;align-items:center;}
.editChoice .ChoiceLeft a .imgBox {width:1.52rem;height:1.52rem;overflow:hidden;border-radius:.24rem;border:.06rem solid #fff;}
.editChoice .ChoiceLeft a .imgBox img {width:100%;height:100%;object-fit:cover;}
.editChoice .ChoiceLeft a .name {padding:.18rem 0 0 .06rem;font-weight:bold;font-size:.32rem;color:#fff;line-height:.32rem;width:120%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.editChoice .ChoiceLeft a .btn {width:1.18rem;height:.6rem;font-size:.28rem;color:#ddd4fc;text-align:center;line-height:.6rem;margin:.18rem 0 0 .06rem;background:#7b5de3;border-radius:.3rem;}
.editChoice .ChoiceLeft a .icon {width:1.38rem;height:1.06rem;position:absolute;top:-0.15rem;right:-1.09rem;background:url(../images/tag_bg.png) no-repeat;background-position:0 0;background-size:1.38rem auto;}
.editChoice .ChoiceRight {width:2.64rem;position:absolute;top:.22rem;right:.34rem;}
.editChoice .ChoiceRight a {width:2.64rem;display:flex;position:relative;justify-content:space-between;}
.editChoice .ChoiceRight a .txtBox {flex:1;width:0;padding:0 .1rem 0 0;}
.editChoice .ChoiceRight a .txtBox .name {max-width:1.4rem;font-weight:bold;font-size:.28rem;color:#000;line-height:.28rem;margin-top:.07rem;margin-left:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.editChoice .ChoiceRight a .txtBox .btn {width:1.04rem;height:.48rem;font-size:.24rem;color:#546622;text-align:center;margin-top:.26rem;line-height:.48rem;background:#b3d94c;border-radius:.24rem;}
.editChoice .ChoiceRight a .imgBox {width:1.18rem;height:1.18rem;overflow:hidden;border-radius:.24rem;border:.04rem solid #fff;}
.editChoice .ChoiceRight a .imgBox img {width:100%;height:100%;object-fit:cover;}
.editChoice .ChoiceRight a .icon {width:.56rem;height:.58rem;position:absolute;top:-0.12rem;right:-0.26rem;background:url(../images/tag_bg.png) no-repeat;background-size:1.38rem auto;background-position:0 -1.26rem;}
.editChoice .ChoiceBottom {width:3.02rem;position:absolute;right:.34rem;bottom:.2rem;}
.editChoice .ChoiceBottom a {width:3.02rem;display:flex;position:relative;justify-content:space-between;}
.editChoice .ChoiceBottom a .txtBox {flex:1;width:0;padding:0 .1rem 0 0;}
.editChoice .ChoiceBottom a .name {max-width:1.4rem;font-weight:bold;font-size:.28rem;color:#000;line-height:.28rem;margin-top:.07rem;margin-left:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.editChoice .ChoiceBottom a .btn {width:1.04rem;height:.48rem;font-size:.24rem;color:#807834;text-align:center;margin-top:.21rem;line-height:.48rem;background:#e3d662;border-radius:.24rem;}
.editChoice .ChoiceBottom .imgBox {width:1.18rem;height:1.18rem;overflow:hidden;border-radius:.24rem;border:.04rem solid #fff;}
.editChoice .ChoiceBottom .imgBox img {width:100%;height:100%;object-fit:cover;}
.editChoice .ChoiceBottom .icon {width:.56rem;height:.58rem;position:absolute;top:-0.12rem;right:-0.26rem;background:url(../images/tag_bg.png) no-repeat;background-size:1.38rem auto;background-position:0 -1.26rem;}
.DetailHead {position:relative;}
.DetailHead .fackBtn {position:absolute;right:.05rem;top:.05rem;color:#f12121;font-weight:bold;cursor:pointer;font-size:.22rem;}
.DetailHead .fackBtn::before {content:"!";font-weight:bold;font-size:.22rem;line-height:.26rem;width:.28rem;height:.28rem;margin-right:.06rem;display:inline-block;border:.02rem solid #e7040e;border-radius:50%;text-align:center;box-sizing:border-box;}
.DetailHead .imgBox {width:1.4rem;height:1.4rem;background:#7d7d7d;border-radius:.32rem;margin:0 auto;}
.DetailHead .imgBox img {width:100%;height:100%;display:block;object-fit:cover;}
.DetailHead .txtBox .bt {margin-top:.26rem;margin-bottom:.3rem;font-weight:bold;font-size:.36rem;line-height:.5rem;color:#333;text-align:center;}
.DetailHead .txtBox p {margin-top:.04rem;display:grid;grid-template-columns:repeat(2,2.85rem);justify-content:center;}
.DetailHead .txtBox p span {font-style:normal;color:#999;font-size:.22rem;line-height:.36rem;height:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.DetailHead .txtBox p span i {color:#666;}
.DetailHead .btns {margin:.12rem 0;flex:1;}
.DetailHead .btns .btn {display:block;min-width:3.3rem;height:.8rem;background:#009e63;border-radius:.16rem;text-align:center;line-height:.8rem;margin-top:.2rem;font-size:.3rem;color:#fff;}
.DetailHead .btns .btn .az {display:inline-block;width:.23rem;height:.32rem;background:url(../images/ic_downl.png) no-repeat;background-size:100% auto;vertical-align:middle;margin:0 .05rem .08rem 0;}
.GamePicBox {overflow:hidden;}
.GamePicBox .swiper-slide {width:auto;margin-right:.15rem;max-width:6.4rem;}
.GamePicBox .swiper-slide img {height:4rem;max-width:6.4rem;width:auto;border-radius:.16rem;object-fit:cover;display:block;}
.DetailTabs {display:flex;justify-content:space-evenly;font-size:.32rem;line-height:.36rem;color:#999;padding-bottom:.3rem;border-bottom:1px solid #eee;margin-top:.25rem;}
.DetailTabs li {padding:0 .09rem;}
.DetailTabs .on {color:#4d4d4d;position:relative;z-index:1;}
.DetailTabs .on::after {content:"";display:block;height:.06rem;background:#11c09c;border-radius:.02rem;position:absolute;left:0;right:0;bottom:-0.02rem;z-index:-1;}
.relatedInfo {overflow:hidden;width:100%;}
.relatedInfo li {padding:.32rem 0 .31rem 0;border-bottom:.01rem solid #eee;display:flex;align-items:center;}
.relatedInfo li p:nth-child(1) {width:1.4rem;font-size:.28rem;color:#999;line-height:.28rem;}
.relatedInfo li p:nth-child(2) {flex:1;min-width:0;color:#333;font-size:.28rem;line-height:.28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.updateTxtBox {margin:.12rem 0;}
.updateTxtBox p {font-size:.24rem;color:#333;line-height:.4rem;}
.historyUpdate {cursor:pointer;height:36px;font-weight:bold;font-size:14px;color:#fff;text-align:center;line-height:36px;background:#11c09c;border-radius:18px;margin-top:22px;margin-bottom:15px;transition:all .2s linear;}
.collectDetail {overflow:hidden;}
.collectDetail img {width:100%;height:auto;border-radius:.12rem;}
.collectDetail .bt {margin-top:.34rem;font-weight:bold;font-size:.36rem;color:#404040;line-height:.36rem;}
.collectDetail .textBox {margin-top:.2rem;font-size:.3rem;color:#999;line-height:.48rem;}
.collectDetail .time {font-size:.2rem;margin:.2rem 0 .1rem;text-align:right;font-size:.24rem;color:#999;}
.collectDetail .time span {margin-right:.4rem;}
.collectDetail .time i {color:#00bc99;}
.relColList {margin:.12rem 0 0;overflow:hidden;}
.relColList li {position:relative;display:block;width:100%;height:4.46rem;background:snow;border-radius:.2rem;}
.relColList li a {position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:.2rem;}
.relColList li div {width:100%;height:3.28rem;overflow:hidden;text-align:center;border-bottom:.01rem solid #c3c5c9;}
.relColList li div img {width:100%;min-height:100%;height:auto;display:block;}
.relColList li p {display:block;padding-left:.21rem;margin-top:.16rem;height:.42rem;line-height:.42rem;font-size:.3rem;color:#3c3c3c;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relColList li em {position:absolute;z-index:1;right:0;top:2.69rem;width:100%;height:.59rem;line-height:.59rem;display:block;font-size:.24rem;color:#fff;background:rgba(0,0,0,.5);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.relColList li em::before {content:"";position:relative;top:.165rem;vertical-align:middle;display:inline-block;margin:0 .1rem .32rem 0;width:.24rem;height:.26rem;background:url(../images/ic_time2.png) no-repeat;background-size:100% auto;}
.relColList li span {display:block;padding-left:.21rem;font-size:.2rem;color:#999;line-height:.38rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relColList li span i {color:#11c09c;}
.relColList li .btn {position:absolute;bottom:.36rem;right:.21rem;margin:auto;display:block;width:1.24rem;height:.5rem;line-height:.5rem;border-radius:.27rem;font-size:.24rem;color:#f12121;background:rgba(241,33,33,.15);text-align:center;overflow:hidden;}
.ArtDetailHead .bt {padding:0 .25rem;font-size:.38rem;color:#333;font-weight:bold;line-height:.54rem;margin-bottom:.16rem;}
.ArtDetailHead .ArtInfo {position:relative;padding:0 .25rem;width:100%;display:flex;font-size:.2rem;color:#ccc;line-height:.44rem;}
.ArtDetailHead .ArtInfo span {margin:0 .2rem;}
.ArtDetailHead .ArtInfo .ico {content:"";position:relative;top:.13rem;display:inline-block;vertical-align:top;width:.28rem;height:.2rem;background:url(../images/ic_eye.png) no-repeat;background-size:100% auto;margin-right:.1rem;}
.ArticleContent {border-top:1px solid #dcdcdc;color:#7f7f7f;line-height:.55rem;}
.ArticleContent p {font-size:.3rem;color:#333;line-height:.4rem;}
.ArticleContent h3 {overflow:hidden;font-size:.3rem;color:#11c09c;position:relative;margin:.1rem 0;text-indent:1em;}
.ArticleContent h3::before {content:"";display:block;width:.08rem;height:.4rem;background:#11c09c;position:absolute;left:0;top:.08rem;}
.ArticleContent p,.ArticleContent span,.ArticleContent td {word-break:break-all;margin:.2rem auto;font-size: .28rem;line-height: .48rem;color: #666;}
.ArticleContent p a,.ArticleContent span a,.ArticleContent td a {color:#0a0a0a;}
.ArticleContent iframe {width:100%;height:4rem;}
.ArticleContent img {display:block;margin:.1rem auto;height:auto;max-width:100% !important;border-radius:.12rem;}
.ArticleContent strong {font-weight:bold;}
.ArticleContent table {width:100%;text-align:center;}
.CollectSwiper {margin:.2rem .12rem;}
.CollectSwiper .CollectMainSw .swiper-slide {width:6.4rem;height:3rem;border-radius:.08rem;transition:300ms;transform:scale(0.67);margin:0 -1.2rem;}
.CollectSwiper .CollectMainSw .swiper-slide img {width:100%;height:100%;object-fit:cover;border-radius:.12rem;}
.CollectSwiper .CollectMainSw .swiper-slide.swiper-slide-active {transform:scale(1);z-index:1;}
.CollectTag {display:flex;justify-content:center;height:.6rem;border:.02rem solid #ddd;border-radius:.35rem;line-height:.6rem;width:fit-content;margin:.2rem auto .3rem;overflow:hidden;}
.CollectTag a {flex:1;font-size:.3rem;padding:0 .2rem;min-width:1.4rem;text-align:center;}
.CollectTag .on {background:#00bc99;color:#fff;}
.CollectList {overflow:hidden;}
.CollectList li {height:1.4rem;overflow:hidden;margin-top:.15rem;border-bottom:1px solid #ececec;padding-bottom:.15rem;}
.CollectList li:last-child {border-bottom:none;}
.CollectList li a {display:flex;}
.CollectList li img {width:2.6rem;height:1.4rem;border-radius:.12rem;object-fit:cover;}
.CollectList li .info {flex:1;min-width:0;margin-left:.15rem;}
.CollectList li .info p {font-size:.28rem;color:#333;line-height:.36rem;height:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.CollectList li .info span {font-size:.2rem;color:#999;line-height:.3rem;height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:.06rem 0;display:block;width:100%;}
.CollectList li .info .desc {font-size:.22rem;color:#999;line-height:.3rem;height:.6rem;margin:.06rem 0;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.nwPostsBox a {font-size:.24rem;color:#666;height:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:.21rem;position:relative;}
.nwPostsBox a span.txtNav {color:#000;line-height:.42rem;position:absolute;left:0;top:0;z-index:1;display:inline-block;font-weight:bold;padding:0 .15rem;}
.nwPostsBox a span.txtNav:before {content:"";width:1.32rem;height:.43rem;display:inline-block;background-image:url(../images/page_tag.png);background-repeat:no-repeat;background-size:100% auto;transform:rotateY(180deg);position:absolute;top:0;left:0;z-index:-1;}
.nwPostsBox a span.txt {line-height:.4rem;border:1px dashed #dcdcdc;box-sizing:border-box;border-left:unset;border-right:unset;padding-left:1.52rem;display:inline-block;width:100%;height:.42rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nwPostsBox a:first-child {margin-top:.28rem;}
.nwPostsBox a:nth-child(2) span.txtNav {left:unset;right:0;top:0;}
.nwPostsBox a:nth-child(2) span.txtNav:before {left:unset;right:0;transform:rotateY(0deg);}
.nwPostsBox a:nth-child(2) span.txt {padding-left:0;padding-right:1.52rem;}
.RankTab {display:flex;overflow:hidden;margin-bottom:.15rem;}
.RankTab a {display:block;flex:1;margin:0 .15rem;height:.6rem;line-height:.6rem;text-align:center;font-size:.28rem;color:#555;border-radius:.1rem;background:#f5f5f5;}
.RankTab a.on {background:#00bc99;color:#fff;}
.RankList {overflow:hidden;width:100%;}
.RankList li {padding:.12rem 0;}
.RankList li a {display:flex;overflow:hidden;}
.RankList li a i {color:#b8b8b8;display:block;font-style:italic;height:.34rem;line-height:.4rem;margin-right:.21rem;text-align:center;width:.48rem;margin:.3rem .14rem 0 0;font-size:.18rem;}
.RankList li a .top1,.RankList li a .top2,.RankList li a .top3 {background:url(../images/top_bg.png) no-repeat;background-size:auto .34rem;color:#f1ac08;}
.RankList li a .top2 {background-position:-0.6rem 0;color:#7f7f7f;}
.RankList li a .top3 {background-position:-1.24rem 0;color:#a87755;}
.RankList li a img {width:1rem;height:1rem;object-fit:cover;border-radius:.2rem;}
.RankList li a .info {flex:1;min-width:0;margin:0 .2rem;}
.RankList li a .info p {font-size:.26rem;color:#333;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankList li a .info span {display:block;font-size:.2rem;color:#999;line-height:.25rem;height:.25rem;margin-top:.08rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankList li a .btn {display:block;width:.9rem;height:.46rem;line-height:.46rem;text-align:center;font-size:.24rem;border-radius:.3rem;background:#11c09c;color:#fff;margin:.25rem auto 0;text-align:center;}
.NewRank {margin-top:.15rem;}
.NewRank a {width:5rem;height:2.6rem;border-radius:.1rem;overflow:hidden;position:relative;margin-right:.15rem;}
.NewRank a img {width:100%;height:100%;}
.NewRank a p {position:absolute;z-index:2;bottom:0;left:0;margin:auto;display:block;width:100%;padding:0 .1rem;box-sizing:border-box;height:.6rem;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%);line-height:.6rem;color:#fff;border-radius:0 0 .1rem .1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.RankTitle {color:#333;margin:0 0 .1rem;}
.RankTitle .title {font-size:.3rem;line-height:.5rem;}
.NewRankTags {display:grid;grid-template-columns:repeat(4,1fr);gap:.15rem;margin-top:.2rem;}
.NewRankTags a {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.2rem;height:.5rem;line-height:.5rem;text-align: center; background:#f5f5f5;color:#333;padding:0 .1rem;}
.PageTab {display:flex;justify-content:space-evenly;font-size:.32rem;line-height:.36rem;color:#999;padding-bottom:.1rem;margin-top:.1rem;}
.PageTab a {display:block;vertical-align:top;font-size:.3rem;color:#666;width:1.62rem;height:.62rem;line-height:.62rem;border-radius:.15rem;margin-right:.48rem;white-space:nowrap;overflow:hidden;text-align:center;}
.PageTab .on {background:#00bc99;color:#fff;}
.PageBox {display:flex;justify-content:center;margin:.2rem 0;color: #555;}
.PageBox .home {width:.9rem;}
.PageBox strong {margin: 0 .1rem;}
.PageBox a {min-width:.45rem; padding: 0 0.08rem;height:.54rem;font-size:.24rem;color:#555;line-height:.54rem;margin-right:.2rem;border-radius:.08rem;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8;}
.PageBox a i {width:.08rem;height:.08rem;border-left:.02rem solid #444;border-bottom:.02rem solid #444;transform:rotate(45deg);margin-left:.02rem;}
.PageBox .pageR i {transform:rotate(-135deg);}
.PageBox .current {background:#00bc99;color:#fff;}
.BackTop {position:fixed;right:.28rem;bottom:1.1rem;width:.69rem;height:.69rem;background:#fff url(../images/backtop.png) no-repeat center;background-size:.26rem .3rem;box-shadow:0rem .04rem .13rem 0rem rgba(31,32,34,.2);border-radius:.4rem;transition:all .3s;z-index:2;display:none;}
.footer {width:7.5rem;margin:0 auto;background:#000;border-top:.01rem solid #f0f0f0;box-sizing:border-box;padding:.2rem 0;}
.footer .footer-text {font-size:.2rem;margin:0 .2rem;line-height:.4rem;text-align:center;}
.footer .footer-text,.footer .footer-text a {color:rgba(255,255,255,.6);}
.FeedbackWrap {text-align:center;width:100%;margin-bottom:.2rem;}
.FeedbackWrap ul {display:flex;justify-content:center;width:100%;}
.FeedbackWrap ul li {margin:0 1rem;}
.FeedbackWrap ul li .support,.FeedbackWrap ul li .oppose {display:block;margin:.2rem auto;width:.55rem;height:.56rem;background:url(../images/ic_zan.png) no-repeat center center;background-size:100% auto;}
.FeedbackWrap ul li .oppose {transform:scaleY(-1);}
.FeedbackWrap ul li p {font-size:.26rem;color:#333;line-height:.3rem;}
.FeedbackWrap ul li p span {font-weight:bold;color:#11c09c;}
.PageBlacks {background:rgba(0,0,0,.7);position:fixed;top:0;left:0;width:100%;height:100%;top:0;left:0;z-index:20;display:none;}
.FeedbackBox {position:fixed;left:0;right:0;bottom:0;top:0;margin:auto;z-index:102;width:6rem;height:5.9rem;background-color:#fff;border-radius:.12rem;border:solid .01rem #f0f0f0;display:none;}
.FeedbackBox .FbTitle {width:100%;height:.68rem;line-height:.68rem;text-align:center;text-indent:.2rem;font-size:.3rem;}
.FeedbackBox .close {height:.3rem;width:.3rem;cursor:pointer;background:url(../images/ic_close.png) no-repeat center;background-size:.25rem auto;border:1px solid rgba(255,255,255,.4);position:absolute;bottom:-1rem;left:50%;border-radius:50%;padding:.1rem;transform:translateX(-50%);}
.FeedbackBox .FbContent {overflow:hidden;padding:.2rem;}
.FeedbackBox .FbLabel {font-size:.2rem;color:#333;margin-bottom:.12rem;font-weight:bold;}
.FeedbackBox .FbTags {margin-bottom:.2rem;}
.FeedbackBox .FbTagList {display:flex;flex-wrap:wrap;gap:.1rem;}
.FeedbackBox .FbTag {display:inline-block;padding:.08rem .16rem;background-color:#f5f5f5;border:.01rem solid #e0e0e0;border-radius:.04rem;font-size:.18rem;color:#666;cursor:pointer;transition:all .3s;}
.FeedbackBox .FbTag.active {background-color:#ff6b6b;border-color:#ff6b6b;color:#fff;}
.FeedbackBox .FbSuggest {margin-bottom:.2rem;}
.FeedbackBox .FbTextareaWrap {position:relative;}
.FeedbackBox .FbTextarea {width:100%;min-height:1.2rem;padding:.12rem;border:.01rem solid #e0e0e0;border-radius:.04rem;font-size:.2rem;color:#333;resize:vertical;box-sizing:border-box;font-family:inherit;}
.FeedbackBox .FbTextarea:focus {outline:none;border-color:#ff6b6b;}
.FeedbackBox .FbTextarea::placeholder {color:#999;}
.FeedbackBox .FbCharCount {position:absolute;right:.12rem;bottom:.12rem;font-size:.2rem;color:#999;}
.FeedbackBox .FbPhone {margin-bottom:.2rem;}
.FeedbackBox .FbInput {width:100%;height:.4rem;padding:0 .12rem;border:.01rem solid #e0e0e0;border-radius:.04rem;font-size:.18rem;color:#333;box-sizing:border-box;}
.FeedbackBox .FbInput:focus {outline:none;border-color:#ff6b6b;}
.FeedbackBox .FbInput::placeholder {color:#999;}
.FeedbackBox .FbFoot {margin:0 .2rem;height:.5rem;line-height:.5rem;text-align:center;background-color:#ff6b6b;border-radius:.06rem;cursor:pointer;transition:background-color .3s;}
.FeedbackBox .FbFoot em {color:#fff;font-size:.16rem;font-style:normal;}
.historyBox {background:linear-gradient(180deg,#FDF0EA 0%,#fff 26%,#fff 100%);width:6.7rem;height:7rem;border-radius:.24rem;padding:.22rem 0px .32rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:none;}
.historyBox .boxHead {display:flex;flex-direction:column;align-items:center;}
.historyBox .boxHead p {font-size:.4rem;line-height:.64rem;color:#333;font-weight:700;}
.historyBox .close {width:.3rem;height:.3rem;background:url(../images/ic_close.png) no-repeat;background-size:100% auto;position:absolute;top:.24rem;right:.24rem;cursor:pointer;}
.historyBox .boxBody {margin:.2rem .15rem 0 0;font-size:.26rem;line-height:.5rem;color:#999;padding:0px .12rem .32rem .38rem;overflow-y:auto;height:5.8rem;}
.BigImgBox {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,.9);}
.BigImgBox .BigImgSwiper {width:100%;height:100%;}
.BigImgBox .BigImgSwiper img {width:auto;height:auto;max-height:100%;min-width:initial;max-width:96%;margin:0 2%;}
.BigImgBox .swiper-pagination {left:.2rem;top:.2rem;color:#fff;width:auto;font-size:.2rem;opacity:.75;height:.3rem;}
.BigImgBox .close_btn {position:absolute;right:.1rem;top:.1rem;color:#fff;width:.44rem;height:.44rem;background:url(../images/ic_close.png) 0 0 no-repeat;background-size:3rem auto;background-position:0 -0.52rem;}

.FriendLink {    width: 100%;    overflow: hidden;    margin: .12rem auto}
.FriendLink li {    float: left;    margin: 0 .12rem .1rem 0; color: #7f7f7f;   font-size: .24rem;   line-height: .4rem}
.NewSpecial a {width:3.2rem;height:1.7rem;border-radius:.1rem;position:relative;overflow:hidden;display:inline-block;}
.NewSpecial a img {width:100%;height:100%;object-fit:cover;border-radius:.1rem;}
.NewSpecial a p {color:#fff;line-height:.5rem;margin-top:.1rem;position:absolute;bottom:0;left:0;width:100%;height:.5rem;padding:0 .1rem;box-sizing:border-box;font-size:.22rem;background:rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.NewSpecial a+a {margin-left:.12rem;}