@media screen and (max-width: 500px) {
.appPage{
    width: 10rem;
    margin-bottom:1.06rem;
}
.appContent {
    margin: 2rem 0.47rem 0.8rem;
    border-bottom: 2px solid #e9e9e9;;
}
.appLogoData>img {
    width: 3rem;
    height: 3rem;
}
.appData:nth-child(1) {
    display: block;
    position: relative;
    padding-bottom: 1.06rem;
}
.appData:nth-child(2) {
    display: block;
    position: relative;
    padding-bottom: 0.8rem;
}
.appTitle {
   opacity: 1;
   font-size: 0.5rem;
   margin-bottom: 0.4rem;
}
.appFTitle{
   opacity: 1;
   font-size: 0.37rem;
}
.appAbstract{
    font-size: 0.37rem;
    position: absolute;
    right: 0;
    margin-top: 1.9rem;
    -webkit-line-clamp: 5;
}
.appLogoData{
}
.appButton{
    width: 4.13rem;
    height: 1.06rem;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.4rem;
    margin-top: 0.4rem;
}
.appButtonList{
  margin-top: 8.9rem;
  display: flex;
   flex-wrap: wrap;
}
.appImage{
  position: absolute;
  top: 6.65rem;
  overflow-x: auto;
  width: 9.53rem;
}
.appImage>img{
  width: 2.8rem;
  height: 4.97rem;
  margin: 0 0.25rem 0 0;
}
.appImage>img:last-child{
  width: 2.8rem;
  height: 4.97rem;
  margin: 0 0.47rem 0 0;
}
.greeDcmBtn {
  margin-top: 0;
  margin-left: 0.47rem;
}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
.appButtonList>a{
   order: 1;
}
}