.portrait-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
	color: #666666;
    background: #fff
}
.portrait-center {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: 0 auto;
    right: 0;
    transform: translate(-50%, -50%);
    text-align: center;
}
.portrait-center img {
    margin: 0 auto 10px;
    width: 150px;
    text-align: center;
    transform: rotate(-90deg);
}
.portrait-content.viewShow {
    display: block;
}

.portrait-center p{
    font-size: 1rem;
}

/* Portrait */
/* @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1080px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .portrait-content {
        display: none;
    }
} */

/* landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1024px)
  and (orientation: landscape) {
    .portrait-content {
        display: block;
    }
}