@CHARSET "UTF-8";

body {
	background-color: #f5f5f5;、
}

.title_nav {
	border-radius: .2rem;;
}
.wrap {
    width: auto;
    padding: .15rem .35rem 0;
}

.art_title {
	padding: 0.1rem 0.2rem;
	line-height: .55rem;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
	text-align: left;
	font-size: .4rem;
	font-weight: bold;
	color: #333;
}

.art_content {
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	text-align: left;
	font-size: 0.16rem;
	color: #555;
}

.art_content p {
	word-break: break-all;
	padding: 5px 0;
	line-height: .45rem;
	font-size: .28rem;
}

.art_content a {
	color: #0078FF;
}

.art_content img {
	display: table;
	width: auto;
	margin: 10px auto;
	height: auto;
	max-width: 100%;
}

.art_content h3 {
	background-image: linear-gradient(134deg, #23A0FD, #4df8e1);
	background-size: 100%;
	height: 0.6rem;
	line-height: 0.6rem;
	text-indent: 0.2rem;
	color: #fff;
	margin: 0;
	font-size: 0.3rem;
	border-radius: 0.15rem;
}

.part {
	width: 100%;
	clear: both;
	overflow: hidden;
	text-align: left;
}

.part .glo_title {
	position: relative;
	display: block;
	margin: 0.2rem 0;
}

.glo_title h4 {
	position: relative;
	height: 0.32rem;
	line-height: 0.32rem;
	font-size: .32rem;
	font-style: normal;
	font-weight: normal;
	text-indent: 0.2rem;
}

.glo_title h4::before {
	position: absolute;
	content: "";
	display: block;
	width: 0.1rem;
	height: 100%;
	background: #ff971f;
	border-radius: .1rem;
	top: 0;
	left: 0;
	overflow: hidden;
}

.part ul {
	clear: both;
	overflow: hidden;
}

.part ul li {
	height: .6rem;
	line-height: .6rem;
	font-size: 0.3rem;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.part ul li a {
	color: #4f4f4f;
}

.art_info {
	width: 94%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.24rem;
	color: #888;
	text-align: left;
	padding: 0.1rem 0.2rem;
}


.GameInfo {
    position: relative
}

.GameInfo .jbbtn {
    position: absolute;
    right: .2rem;
    top: .2rem;
    color: #fe0000;
    font-size: .26rem
}

.GameInfo .Official {
    position: absolute;
    left: .35rem;
    top: .3rem;
    display: block;
    background: #fe0000;
    width: 1.2rem;
    height: .34rem;
    line-height: .34rem;
    font-size: .18rem;
    color: #fff;
    text-align: center;
    border-radius: .2rem 0 .15rem 0
}

.GameInfo .Official:hover i {
    display: block
}

.GameInfo .Official i {
    background: #6b6b6b;
    position: absolute;
    top: .44rem;
    left: .1rem;
    color: #fff;
    padding: .01rem .12rem;
    border-radius: .01rem;
    font-size: .14rem;
    display: none;
    z-index: 9;
    white-space: nowrap;
    font-style: initial;
    border-radius: .06rem
}

.GameInfo .Official i::before {
    content: "";
    display: block;
    position: absolute;
    left: .5rem;
    top: -0.15rem;
    width: 0;
    height: 0;
    border: .08rem solid rgba(0,0,0,0);
    border-bottom: .08rem solid #6b6b6b
}

.GameInfo .Official.no {
    background: #c9c9c9
}

.GameInfo .GmImg img, .GameInfo .GmImg {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: cover;
    float: left;
    border-radius: .2rem;
    margin-right: .35rem
}

.GameInfo .info {
    width: 4.2rem;
    float: left;
    overflow: hidden
}

.GameInfo .info a, .GameInfo .info strong {
    font-size: .36rem;
    color: #2c302c;
    margin-bottom: .15rem;
    display: block;
    height: .45rem;
    line-height: .45rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: .3rem;
}

.GameInfo .info p {
    font-size: .3rem;
    color: #5f6672;
    margin-top: .08rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.GameInfo .info h1 {
    font-size: .36rem;
}

.GameInfo .info p i {
    color: #1c1c1c;
    font-style: normal
}

.GameInfo .GiftInfo strong {
    margin-top: .15rem
}

.GameInfo .GiftInfo .type {
    width: 100%;
    float: left;
    height: .4rem;
    margin-top: .2rem;
    font-size: .3rem;
    color: #666
}

.GameInfo .GiftInfo .type i {
    display: inline-block;
    vertical-align: middle;
    width: .28rem;
    height: .38rem;
    margin: 0 .05rem 0 0
}

.GameInfo .GiftInfo .type .ic_ios {
    background: url(../images/ic_ios3.png) no-repeat;
    background-size: 100% auto
}

.GameInfo .GiftInfo .type .ic_az {
    background: url(../images/ic_az2.png) no-repeat;
    background-size: 100% auto
}

.GameInfo .GiftNumber {
    width: 100%;
    float: left
}

.GameInfo .GiftNumber li {
    width: 100%;
    overflow: hidden;
    line-height: .4rem;
    margin-top: .2rem;
    font-size: .3rem;
    color: #666;
    display: flex
}

.GameInfo .GiftNumber li u {
    text-decoration: none;
    color: #111
}

.GameInfo .GiftNumber li em {
    flex: 1;
    margin: .12rem .2rem 0 .1rem;
    height: .2rem;
    border-radius: .1rem;
    background: #ccc;
    overflow: hidden
}

.GameInfo .GiftNumber li em i {
    display: block;
    max-width: 100%;
    height: .2rem;
    border-radius: .1rem;
    background: #ffc001
}

.GameInfo .btns {
    display: flex;
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: .35rem;
    float: left
}

.GameInfo .btns .btn {
    flex: 1;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    border-radius: .08rem;
    font-size: .3rem;
    background: #eee
}

.GameInfo .btns .btn i {
    width: .3rem;
    height: .34rem;
    display: inline-block;
    margin: 0 .08rem -0.04rem 0
}

.GameInfo .btns .btn+.btn {
    margin-left: .3rem
}

.GameInfo .btns .lingqu,.GameInfo .btns .taohao {
    border-radius: .16rem;
    font-weight: bold
}

.GameInfo .btns .lingqu {
    background: #ffc001
}

.GameInfo .btns .taohao {
    background: #f76f6f
}

.GameInfo .btns .az {
    background: #5b88ff
}

.GameInfo .btns .az i {
    background: url(../images/ic_az1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -0.06rem
}

.GameInfo .btns .ios {
    background: #43cd53
}

.GameInfo .btns .ios i {
    background: url(../images/ic_ios2.png) no-repeat;
    background-size: 100% 100%
}

.GameInfo .DownlBtns {
    overflow: hidden;
    width: 100%;
    margin-top: .35rem;
    float: left
}

.GameInfo .DownlBtns .btn {
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    border-radius: .08rem;
    font-size: .3rem;
    background: #eee;
    float: left;
    text-align: center
}

.GameInfo .DownlBtns .down {
    background: #5b88ff
}

.GameInfo .DownlBtns .slldown {
    background: #43cd53;
    margin-left: .2rem;
    position: relative
}

.GameInfo .DownlBtns .slldown span {
    font-size: .24rem;
    line-height: .4rem;
    display: block
}

.GameInfo .DownlBtns .slldown i {
    position: absolute;
    top: .15rem;
    right: 0;
    width: 100%;
    font-size: .16rem;
    font-style: normal
}

.GameInfo .DownlBtns .wdj_txt {
    width: 100%;
    display: inline-block;
    border: none;
    line-height: .32rem;
    color: #43cd53;
    font-size: .22rem;
    margin-top: .25rem;
    border-radius: 0;
    padding: .1rem;
    box-sizing: border-box;
    border: .02rem solid #43cd53;
    border-radius: .08rem;
    letter-spacing: .01rem;
    position: relative
}

.GameInfo .DownlBtns .wdj_txt::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.45rem;
    top: -0.1rem;
    width: .15rem;
    height: .15rem;
    background: #fff;
    border-left: .02rem solid #43cd53;
    border-bottom: .02rem solid #43cd53;
    transform: rotate(135deg)
}

.GameInfo .OtherBtns {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    text-align: center
}

.GameInfo .OtherBtns .btn {
    display: block;
    width: 100%;
    margin-top: .25rem;
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    border-radius: .14rem;
    font-size: .3rem;
    background: #eee
}

.GameInfo .OtherBtns .btn i {
    width: .3rem;
    height: .34rem;
    display: inline-block;
    margin: 0 .08rem -0.04rem 0
}

.GameInfo .OtherBtns .btn .ic_az {
    background: url(../images/ic_az1.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: -0.06rem
}

.GameInfo .OtherBtns .btn .ic_ios {
    background: url(../images/ic_ios2.png) no-repeat;
    background-size: 100% 100%
}

.GameInfo .OtherBtns .btn .ic_pc {
    height: .26rem;
    background: url(../images/ic_pc.png) no-repeat;
    background-size: 100% 100%
}

.GameInfo .OtherBtns .btn .ic_wp {
    width: .33rem;
    background: url(../images/ic_wp.png) no-repeat;
    background-size: 100% 100%
}

.GameInfo .OtherBtns .btn .ic_yun {
    width: .35rem;
    height: .28rem;
    background: url(../images/ic_cloud.png) no-repeat;
    background-size: 100% 100%
}

.GameInfo .OtherBtns .yun {
    background: #ffc001
}

.GameInfo .OtherBtns .pc {
    background: #f76f6f
}

.GameInfo .OtherBtns .wp {
    background: #3ec6ff
}

.GameDesc {
    line-height: .5rem;
    text-indent: .5rem;
    font-size: .3rem;
    color: #868388
}

.TopicSwiper {
    width: 100%;
    height: 3.1rem;
    border-radius: .1rem;
    overflow: hidden;
    background: #fff;
    margin-bottom: .35rem
}

.TopicSwiper .swiper-slide {
    width: 100%;
    height: 100%
}

.TopicSwiper .swiper-slide img {
    width: 100%;
    object-fit: cover;
    height: 2.3rem;
    object-position: top
}

.TopicSwiper .swiper-pagination {
    bottom: .28rem !important
}

.TopicSwiper .swiper-pagination span {
    background-color: #f2f2f2;
    opacity: 1;
    width: .7rem;
    height: .15rem;
    border-radius: .08rem
}

.TopicSwiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #fe0000
}

.pfshow {
    width: 100%
}

.pfshow .pftop {
    width: 100%;
    overflow: hidden
}

.pfshow .pftop .pfl {
    float: left;
    overflow: hidden;
    border-radius: 50%;
    background: #37b2ff;
    width: 2.3rem;
    height: 2.3rem;
    position: relative;
    margin-right: .35rem
}

.pfshow .pftop .pfl .scbg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    object-fit: cover
}

.pfshow .pftop .pfl::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4)
}

.pfshow .pftop .pfl .pfltop {
    text-align: center;
    overflow: hidden;
    height: .7rem;
    margin-top: .6rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2
}

.pfshow .pftop .pfl .pfltop span {
    line-height: .7rem;
    font-size: .8rem;
    color: #fff
}

.pfshow .pftop .pfl .pfltop i {
    line-height: 1rem;
    font-size: .4rem;
    vertical-align: top;
    font-weight: bold;
    color: #fff;
    font-style: normal
}

.pfshow .pftop .pfl em {
    display: block;
    width: 100%;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    color: #fff;
    font-size: .24rem;
    position: relative;
    z-index: 2;
    margin-top: .1rem
}

.pfshow .pftop .pfr {
    float: left;
    width: 3.45rem;
    overflow: hidden;
    height: 2.3rem
}

.pfshow .pftop .pfr .item {
    width: 100%;
    overflow: hidden;
    height: .26rem;
    margin-bottom: .25rem
}

.pfshow .pftop .pfr .item span {
    float: left;
    font-size: .24rem;
    line-height: .26rem;
    width: .7rem;
    color: #797979
}

.pfshow .pftop .pfr .item .m {
    float: left;
    width: 2.1rem;
    overflow: hidden;
    border-radius: .1rem;
    background: #ccc;
    position: relative;
    height: .2rem;
    margin-top: .03rem;
    margin-right: .2rem
}

.pfshow .pftop .pfr .item .m p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: .1rem;
    transition: all .2s ease
}

.pfshow .pftop .pfr .item .m.col1 p {
    background: #f86f6f
}

.pfshow .pftop .pfr .item .m.col2 p {
    background: #ff8c37
}

.pfshow .pftop .pfr .item .m.col3 p {
    background: #37b2ff
}

.pfshow .pftop .pfr .item .m.col4 p {
    background: #2aae68
}

.pfshow .pftop .pfr .item .m.col5 p {
    background: #ffc001
}

.pfshow .pftop .pfr .item em {
    float: left;
    font-size: .2rem;
    color: #797979;
    line-height: .26rem
}

.pfshow .wypf {
    margin: auto;
    width: 3.5rem;
    height: .5rem;
    background-color: #ffaa26;
    border-radius: .3rem;
    text-align: center;
    line-height: .5rem;
    color: #fff;
    font-size: .24rem;
    cursor: pointer;
    margin-top: .25rem
}

.pfshow .GmTags {
    margin: .15rem 0 0;
    overflow: hidden
}

.pfshow .GmTags span,.pfshow .GmTags a {
    display: block;
    float: left
}

.pfshow .GmTags span {
    font-size: .3rem;
    line-height: .4rem;
    color: #1c1c1c;
    margin: .25rem .05rem 0 0
}

.pfshow .GmTags a {
    max-width: 2.4rem;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .1rem;
    border-radius: .2rem;
    font-size: .26rem;
    border: 1px solid #ccc;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #797979;
    margin: .25rem .1rem 0 0
}

.pfshow .GmTags .on {
    background: #fe0000;
    color: #fff;
    border-color: #fe0000
}

.MTitle .tticon {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    float: left
}

.GameInfoList {
    width: 100%;
    margin-top: .05rem;
    overflow: hidden
}

.GameInfoList li {
    width: 100%;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    float: left;
    margin-top: .07rem;
    display: flex
}

.GameInfoList li span {
    float: left;
    color: #555;
    font-size: .3rem;
    margin-right: .06rem
}

.GameInfoList li span i {
    font-style: normal;
    font-size: .28rem
}

.GameInfoList li span .col1 {
    color: #3ac7f8
}

.GameInfoList li span .col2 {
    color: #ff6e2f
}

.GameInfoList li a {
    display: block;
    flex: 1;
    height: .5rem;
    line-height: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: .3rem
}

.MainBox .itemD,.MainBox .itemB,.MainBox .itemA {
    overflow: hidden;
    width: 100%
}

.MainBox .itemD a,.MainBox .itemB a,.MainBox .itemA a {
    display: block;
    float: left;
    width: 1.8rem;
    height: 1.7rem;
    border-radius: .2rem;
    overflow: hidden;
    background: #f0f1f0;
    margin: .2rem .35rem .1rem 0
}

.MainBox .itemD a img,.MainBox .itemB a img,.MainBox .itemA a img {
    height: 1.1rem;
    width: 100%;
    object-fit: cover;
    float: left
}

.MainBox .itemD a p,.MainBox .itemB a p,.MainBox .itemA a p {
    text-align: center;
    float: left;
    margin-left: 5%;
    margin-top: .05rem;
    width: 90%;
    height: .55rem;
    line-height: .55rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .3rem;
    color: #333
}

.MainBox .itemD a:nth-child(3n),.MainBox .itemB a:nth-child(3n),.MainBox .itemA a:nth-child(3n) {
    margin-right: 0
}

.MainBox .itemB a {
    height: 2.7rem
}

.MainBox .itemB a img {
    height: 2.1rem
}

.MainBox .itemC {
    overflow: hidden;
    width: 100%;
    margin-top: .14rem
}

.MainBox .itemC a {
    display: flex;
    float: left;
    width: 2.8rem;
    height: .7rem;
    border-radius: .14rem;
    overflow: hidden;
    margin: .15rem 0;
    border: .01rem solid #c3c3c3;
    box-sizing: border-box
}

.MainBox .itemC a img {
    height: .5rem;
    width: .5rem;
    display: block;
    float: left;
    margin: .1rem;
    object-fit: cover
}

.MainBox .itemC a p {
    flex: 1;
    margin: .1rem .05rem;
    height: .5rem;
    line-height: .5rem;
    font-size: .26rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MainBox .itemC a:nth-child(2n) {
    margin-left: .45rem
}

.MainBox .itemD a {
    height: 2.4rem;
    background: #fff;
    border: .01rem solid #bcbcbc;
    box-sizing: border-box
}

.MainBox .itemD a img {
    height: 1.8rem;
    border-radius: .2rem .2rem 0 0
}

.MainBox .listE {
    white-space: nowrap;
    overflow: hidden;
    height: 2.2rem
}

.MainBox .listE a {
    width: 1.75rem;
    height: 2.1rem;
    background-color: #f1f1f1;
    border-radius: .2rem;
    display: inline-block;
    float: left;
    margin: 0 .25rem .1rem 0;
    overflow: hidden
}

.MainBox .listE a img {
    width: 1rem;
    height: 1rem;
    margin: .25rem auto .15rem;
    object-fit: contain;
    display: block;
    border-radius: .2rem;
}

.MainBox .listE a p {
    width: 90%;
    margin: 0 auto;
    height: .5rem;
    line-height: .5rem;
    font-size: .3rem;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MainBox .listE a:last-child {
    margin-right: 0
}

.MainBox .listF {
    width: 100%;
    overflow: hidden
}

.MainBox .listF a {
    display: block;
    float: left;
    width: 1.84rem;
    height: .7rem;
    border-radius: .14rem;
    border: .02rem solid #bcbcbc;
    box-sizing: border-box;
    margin: .15rem .25rem .1rem 0;
    padding: 0 .1rem;
    line-height: .7rem;
    font-size: .3rem;
    color: #333;
    overflow: hidden;
    text-align: center
}

.MainBox .listF a:nth-child(3n) {
    margin-right: 0
}

.MainBox .listG {
    width: 4.6rem;
    height: 2.6rem;
    padding: .35rem;
    background: #f2f2f2;
    border-radius: .2rem;
    overflow: hidden;
    margin: 0 .35rem 0 0;
    float: left;
    box-sizing: border-box
}

.MainBox .listG img {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .2rem;
    float: left;
    margin: 0 .2rem 0 0
}

.MainBox .listG .info {
    display: block;
    float: left;
    width: 2.4rem;
    height: 1.2rem
}

.MainBox .listG .info .title {
    height: .8rem;
    line-height: .4rem;
    width: 100%;
    font-size: .28rem;
    color: #333;
    margin-bottom: .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.MainBox .listG .info .desc {
    font-size: .26rem;
    color: #333
}

.MainBox .listG .info .desc i {
    display: inline-block;
    vertical-align: middle;
    width: .25rem;
    height: .35rem;
    margin: 0 .05rem 0 0
}

.MainBox .listG .info .desc .ic_ios {
    background: url(../images/ic_ios1.png) no-repeat;
    background-size: 100% auto;
    width: .28rem;
    height: .38rem
}

.MainBox .listG .info .desc .ic_az {
    background: url(../images/ic_az2.png) no-repeat;
    background-size: 100% auto
}

.MainBox .listG .btn {
    display: block;
    margin-top: .2rem;
    width: 100%;
    float: left;
    height: .5rem;
    line-height: .5rem;
    border-radius: .3rem;
    background: linear-gradient(180deg, #f60 0%, #f60 0%, #f00 100%, #f00 100%);
    text-align: center;
    font-size: .24rem;
    color: #fff;
    cursor: pointer
}

.MainBox .SyPage {
    margin-top: .25rem;
    margin-bottom: 0;
    padding-bottom: .2rem
}

.MainBox .GiftWrap {
    background: #fff !important;
    margin-bottom: .05rem
}

.MainBox .MTitle+.NewsList {
    margin-top: .25rem
}

.MainBox .MTitle+.RankList {
    margin-top: .25rem
}

.MainBox .MTitle+.RankList li+li {
    margin-top: .2rem
}

.MainBox .MTitle+.RankList li a p {
    flex: 1;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MainBox .MTitle+.RankList li:nth-child(3)~li a>i {
    background-position: -0.92rem -3.46rem;
    width: .44rem;
    margin: 0 .18rem;
    color: #797979;
    font-size: .2rem
}

.MainBox .MTitle+.GamesList li:first-child {
    margin-top: .2rem
}

.MainBox .MTitle+.FindeGmList .swiper-slide {
    float: left
}


.wrap .SyNav .SyNavList {
    height: 1rem;
    position: relative;
    z-index: 2
}

.wrap .SyNav .swiper-slide {
    float: left;
    width: auto;
    white-space: nowrap
}

.wrap .SyNav .swiper-slide a {
    padding: 0 .28rem;
    font-size: .32rem;
    color: #5f6672;
    display: inline-block;
    height: .8rem;
    line-height: .8rem;
    position: relative
}

.wrap .SyNav .swiper-slide .on {
    color: var(--Color1);
    font-weight: bold
}

.wrap .SyNav .swiper-slide .on::before {
    display: block;
    content: "";
    width: 80%;
    height: .12rem;
    background: var(--Color1);
    position: absolute;
    bottom: -0.06rem;
    left: 10%;
    border-radius: .06rem;
    border: .01rem solid rgba(255,255,255,.6)
}

.wrap .PicItems {
    position: relative;
    border-radius: .2rem;
    margin-bottom: .35rem;
    overflow: hidden;
    height: 4.5rem
}

.wrap .PicItems .swiper-slide {
    position: relative;
    height: 4.5rem;
    background: #fff;
    border-radius: .2rem;
    margin-bottom: .05rem
}

.wrap .PicItems .swiper-slide .info .img {
    width: 100%;
    height: 3.4rem;
    display: block;
    object-fit: cover
}

.wrap .PicItems .swiper-slide .info p {
    margin: .17rem .25rem;
    display: flex
}

.wrap .PicItems .swiper-slide .info p img {
    width: .75rem;
    height: .75rem;
    border-radius: .12rem;
    display: block;
    margin-right: .3rem;
    object-fit: cover
}

.wrap .PicItems .swiper-slide .info p span {
    flex: 1;
    height: .75rem;
    line-height: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: .3rem;
    color: #373737
}

.wrap .PicItems .swiper-pagination {
    bottom: 1.4rem;
    z-index: 2
}

.wrap .PicItems .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    width: .18rem;
    height: .18rem;
    opacity: 1;
    margin: 0 .1rem;
    box-shadow: 0 0 .1rem rgba(0,0,0,.5)
}

.wrap .PicItems .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--Color1)
}

.wrap .MainBox {
    background: #fff;
    border-radius: .2rem;
    overflow: hidden;
    margin-bottom: .35rem;
    padding: .3rem .35rem
}


.MTitle {
    width: 100%;
    overflow: hidden
}

.MTitle span {
    padding: 0 ;
    position: relative;
    display: block;
    float: left;
    text-align: center;
    height: .5rem;
    line-height: .54rem;
    font-size: .34rem;
    color: #222;
    cursor: pointer;
    font-family: none;
    font-weight: bold;
}

.MTitle span u {
    position: relative;
    z-index: 2;
    text-decoration: none;
    font-family: none;
    font-weight: bold;
}

.MTitle span i {
    font-style: normal;
    font-size: .34rem;
    color: red;
    font-family: none;
    font-weight: bold;
}

.MTitle span::before {
    width: 100%;
    height: .25rem;
    background: #fc3;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}


.ImgBox {
    position: relative;
    overflow: hidden;
    margin: .25rem 0 0;
    height: 3rem
}

.ImgBox .swiper-slide {
    width: auto;
    float: left;
    margin: 0 .25rem 0 0
}

.ImgBox .swiper-slide img {
    height: 3rem;
    width: auto;
    border-radius: .2rem
}

.ImgBox .swiper-slide a {
    display: block
}


.xxzllist {
    overflow: hidden
}

.xxzllist .item {
    width: 100%;
    overflow: hidden;
    height: .66rem;
    line-height: .66rem
}

.xxzllist .item span {
    float: left;
    color: #333;
    font-size: .28rem
}

.xxzllist .item em,.xxzllist .item a {
    float: right;
    font-size: .26rem;
    color: #555;
    font-style: normal;
}

.xxzllist .item em.canclick,.xxzllist .item a.canclick {
    cursor: pointer;
    color: #5b88ff
}

footer .cont {
     border-top: 0rem solid #eee; 
}