*{
    margin: 0;
    padding: 0;
}
.appGames{
    width: 100vw;
    background-color: #f6f6f6;
    padding: 0 .625rem;
    box-sizing: border-box;
    padding-top: .625rem;
}
.gameSubject{
    background-color: #fff;
    padding: .625rem;
}
.gameSubject h1{
    font-size: 1.125rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 1.875rem;  
}
.gameSubject .Title{
    text-align: center;
    padding-bottom: .9375rem;
    border-bottom: 1px dashed #DCDCDC;
    margin-bottom: .625rem;
}
.fuTit{
    margin-top: 1.25rem;
    display: flex;
    justify-content: space-around;
    width: 100%;
}   
.fuTit div{
    font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #888888;
}
.Popular{
    display: flex;
    justify-content: space-between;
    height: 1.875rem;
    line-height: 1.875rem;
    /* margin-top: 1.25rem; */
}
.linkbot{
    display: flex;
}
.point{
    width: .375rem;
	height: 1.375rem;
	background-color: #34cd80;
}
.lk{
    margin-top: .3125rem;
}
.pointTxt{
	font-family: MicrosoftYaHei-Bold;
	font-size: 1.125rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: .125rem;
	color: #333333;
    margin-left: .9375rem;
}
.xi_fg{
    margin: .9375rem 0;
    border: .0625rem solid #eeeeee;
}

.details{
    width: 100%;
}
.details p{
    font-size: .8125rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #555555;
    line-height: 1.875rem;  
    text-indent: 2em;
}
.details p img {
        height: auto;
    display: block;
    max-width: 80%;
    margin: 0 auto;
}
.detaTxt{
    text-indent: 1.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: MicrosoftYaHei;
	font-size: .8125rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 1.5625rem;
	letter-spacing: .0625rem;
	color: #666666;
}
.detaImg{
    width: 100%;
    /* height: 300px; */
    margin: 0 auto;
}
.detaImg img{
    width: 100%;
}

.directoryX{
    display: flex;
    justify-content: space-around;
    padding: .625rem 0;
    background-color: #f3f7f5;
    margin: .625rem 0;
}
.contentX{
    display: flex;
}
.contentImgX{
    width: 3.125rem;
    height: 3.125rem;
}
.contentImgX img{
    width: 3.125rem;
    height: 3.125rem;
}
.contentTxtX{
    margin-left: .625rem;
}
.txtOneX{
    width: 100%;
    height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: MicrosoftYaHei-Bold;
	font-size: .875rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #333333;
}
.txtTwoX{
    width: 100%;
    height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #888888;
    overflow: hidden;
    margin-top: .625rem;
    text-overflow: ellipsis;
}

.button{
    display:flex;
	align-items:center;
}
.button button{
    width: 4.0625rem;
	height: 1.875rem;
    background-color: transparent   ;
    border: .0625rem solid #34cd80;
    border-radius: .25rem;
	font-family: MicrosoftYaHei;
	font-size: .75rem;
	letter-spacing: .0625rem;
	color: #34cd80;
}

.directory{
    display: flex;
    justify-content: space-around;
}
.dir_fg{
    border-bottom: .0625rem dotted #eeeeee;
    margin: 1.25rem 0;
}
.all{
	font-family: MicrosoftYaHei;
	font-size: .75rem;
}
.all a{
    text-decoration: none;
    color: #999999;
}
.content{
    display: flex;
}
.content a{
    text-decoration: none;
}
.contentImg{
    width: 7.5rem;
    height: 4.375rem;
}
.contentImg img{
    width: 7.5rem;
    height: 4.375rem;
}
.contentTxt{
    margin-left: .625rem;
}
.txtOne{
    width: 100%;
    height: 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: MicrosoftYaHei-Bold;
	font-size: .875rem;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #333333;
    margin-top: .3125rem;
}
.txtTwo{
    width: 100%;
    height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #888888;
    overflow: hidden;
    margin-top: .3125rem;
    text-overflow: ellipsis;
}
.txtThree{
	font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
    margin-top: .3125rem;
	color: #999999;
}

.popGame{
    display: flex;
    height: 3.4375rem;
    border-bottom: .0625rem dashed #dcdcdc;
    margin-top: 1.25rem;
}
.gameHot {
	width: 1.25rem;
	height: 1.25rem;
    font-size: .875rem;
	background-color: #34cd80;
	border-radius: 4px;
    text-align: center;
    color: #fff;
}
.txtGone{
	font-family: MicrosoftYaHei;
	font-size: .875rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
}
.txtGone a{
    text-decoration: none;
	color: #333333;
} 
.txtGtwo{
	font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: .0625rem;
	color: #888888;
    height: 1rem;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}


.line_img>img{
    width: 100%;
    height: 11.0625rem;
}
.inforD{
    display: flex;
    justify-content: space-between;
}
li{
    list-style-type: none;
}
.inforFlex{
    display: flex;
}
.round{
    width: .375rem;
	height: .375rem;
	background-color: #34cd80;
	border-radius: .1875rem;
    margin-right: .625rem;
    margin-top: 1rem;
}
.infor{
	font-family: MicrosoftYaHei;
	font-size: .875rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.25rem;
	letter-spacing: .0625rem;
	color: #333333;
}
.inforFlex a{
    color: #333333;
    text-decoration: none;
}
.time{
    font-family: MicrosoftYaHei;
	font-size: .75rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 2.25rem;
	letter-spacing: .0625rem;
}
.time a{
    text-decoration: none;
    color: #34cd80;
}
.info-one-ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.1875rem;
}
.info-one-ul li .text{
    font-size: .875rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;  
    flex: 1;
    margin-right: 1.875rem;
    position: relative;
    padding-left: 1rem;
}
.info-one-ul li .text::before{
    content: "";
    display: block;
    width: .3125rem;
    height: .3125rem;
    background: #34CD80;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.info-one-ul li .click{
    font-size: .8125rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #34CD80;  
}