html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
div{box-sizing: border-box;}

.rotate-cover{position: fixed; top: 0; left: 0; z-index: 300; background: #ffffff; width: 100%; height: 100%; display: none;}
.rotate-cover img{ width:1.5rem; display: block; margin: 10% auto 0;transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.rotate-cover p{display: none; font-size: 22px; color:#000; margin-top: 0.5rem; text-align: center;}
.animate11{-webkit-animation: animate-rotate infinite 1.5s ease-in-out;animation: animate-rotate infinite 1.5s ease-in-out;}
@keyframes animate-rotate{10%{transform:rotate(90deg);-webkit-transform:rotate(90deg);}50%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}60%{transform:rotate(0deg);-webkit-transform:rotate(0deg);}90%{transform:rotate(90deg);-webkit-transform:rotate(90deg);}100%{transform:rotate(90deg);-webkit-transform:rotate(90deg);}}


.fl{
    float: left;
}
.fr{
    float: right;
}
.on{
    display: block !important;
}
/* 轮播 */
/* .swiper-container{
    display: none;
    --swiper-pagination-color: #d5d6d5;
    height: 30rem;
    width: 100vw;
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
}
.swiper-pagination-bullet-active{
    background: #000;
}
.swiper-inside{
    width: 100%;
    height: 100%;
    padding: 2rem;
}
.swiper-pic{
    width: 8.5rem;
    height: 12rem;
    background-color: rgb(247, 202, 202);
    margin-bottom: 0.5rem;
} */
/* 视频 */
.videoBox{
    display: none;
    position: relative;
    padding:0 1.5rem;
    width: 100%;
}
.video{
    width: 100%;
    object-fit: contain;
}
#videoPause{
    position: absolute;
    z-index: 1;
    width:auto;
    height: 100%;
    left:50%;
    transform: translateX(-50%);
}
/* preload */
div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
    height: 1px;
    width: 1px;
 }

.cardBox{
    display: none;
    /* height: 12rem; */
    height: 100vh;
    width: 100vw;
    position: absolute;
    /* top:1.6rem; */
    top:0;
    left:0;
    z-index: 10;
    /* background-color: bisque; */
    /* background: url(../img/bg_card.png) no-repeat; */
    /* overflow: hidden; */
    /* overflow: scroll; */
}
.cardBox-inside{
    position: relative;
    width: 100vw;
    /* height: 12rem; */
    height: calc(6.3rem * 3);
    padding: 0 0.7rem;
}
.scrollTip{
    position: absolute;
    /* bottom: calc(100vh - 12rem - 1.6rem); */
    /* bottom: 0; */
    bottom: 0.3rem;
    width: 100vw;
    z-index: 10;
    font-size: 0.3rem;
}
/* .loading{
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0.5rem;
    display: none;
} */
.loadingBox{
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    /* width: 0.9rem; */
    display: none;
}
.loading{
    width: 0.5rem;
    vertical-align: bottom;
}
.loadingtext{
    font-size: 0.3rem;
}
.lastPagetxt{
    position: absolute;
    bottom: 0.1rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.3rem;
    display: none;
}

.cardBox-pic{
    position: relative;
    /* display: inline-block; */
    /* pointer-events: none; */
    width: 4rem;
    height: 5rem;
    /* background-color: rgb(244, 245, 190); */
    /* margin-bottom: 0.3rem; */
    margin-bottom: 1.3rem;
}
.postImg{
    width: 100%;
    object-fit: contain;
    /* transform: rotate(-1.5deg); */
}
.username{
    position: absolute;
    /* bottom: 0.1rem; */
    bottom: -1.1rem;
    left: 0.1rem;
    width: 2.4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.4rem;
    color: #000;
    text-align: left;
}
.likeBox{
    position: absolute;
    /* bottom: 0rem; */
    bottom: -1.25rem;
    right: 0rem;
    padding: 0.1rem;
    font-size: 0.4rem;
}
.like{
    font-size: 0.6rem;
    color: red;
}
.likenum{
    color: #000;
}
.animate{
    animation: liketest 0.5s linear 0s;
}
.red{
    color: red;
}
@keyframes liketest{
    0%{
        transform: scale(0.5,0.5);
        transform-origin: 50% 50%;
        opacity: 0;
    }
    100%{
        transform: scale(1,1);
        transform-origin: 50% 50%;
        opacity: 1.0;
    }
}

.backbutton{
    position: relative;
    height: 4.3rem;
    padding-top: 0.7rem;
    background: url(../img/bg_title.png) center bottom no-repeat;
    background-size: cover;
    box-sizing: border-box;
}
.goBack{
    position: absolute;
    left: 0.3rem;
    top:15%;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
}
.toSee{
    width: 5.5rem;
    margin-bottom: 0.5rem;
}
.backTitle{
    font-size: 0.4rem;
    color: #000;
    text-align: center;
    /* line-height: 1.6rem; */
    font-weight: 500;
}
.outBox1{
    height: calc(100vh - 4.3rem);
    overflow: scroll;
    -webkit-overflow-scrolling : touch;
}
/* 进度显示 */
.progressPage{
    position: absolute;
    width: 100vw;
    height: 100vh;
    font-size: 0.4rem;
    color: #000;
    z-index: 11;
    /* display: none; */
}
.progressContent{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.progress{
    font-size: 0.7rem;
    padding-bottom: 0.5rem;
}
.imgLogo{
    width: 5rem;
    margin-bottom: 1rem;
    vertical-align: middle;
}