@import "../../default.css";

:global{

body {
    background-color: fill-body;
    color: color-text-base;
    font-size: font-size-base;
}

/*解决微信小程序默认图片大小问题*/
img {
    width: auto;
    height: auto;
}

p {
    padding: spacing-md;
}

section {
    padding: spacing-md;
}

h1 {
    text-align: center;
}
h2, h3, h4 {

}

*[contenteditable] {
    -webkit-user-select: auto !important;
}

*:focus {
    outline: none;
}

a {
    background: transparent;
    text-decoration: none;
    outline: none;
}


html, body, #app {
    height: 100%;
}

#app > div:first-child {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}

/* 全屏页面 */
.fullPage {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}

.fullContent {
    flex-grow: 1;
    overflow: auto;
}


.withTabbar .fullPage {
    bottom: 40px;
}

.flexH {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.listH {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

/* 回退按钮 */
.backBar {
    position: absolute;
    top: 10px;
    left: 10px;
}

/* 使用rem */
html {
    font-size: 625%; /*100 ÷ 16 × 100 = 625%*/
}

.mp-inline{
    display: inline;
}
.mp-inline-block{
    display: inline-block;
}
}

@media screen and (--desktop-viewport) {
    :global{
        .listH.full {
            justify-content: left;
            & > * {
              margin-left: spacing-sm;
              margin-right: spacing-sm;
            }
        }
    }
}
/* 默认字体大小 */
@media screen and (max-width: 749px){
    body {
        font-size: font-size-base;
    }
}
@media screen and (min-width: 750px){
    body {
        font-size: 0.16rem;
    }
}

/* Iphone5 */
@media screen and (max-width: 374px) {
    html {
        font-size: 703%;
    }
}

/* Iphone6: 0.625 * (375 / 750) */
@media screen and (min-width: 375px) and (max-width: 413px) {
    html {
        font-size: 312.5%;
    }
}

/* Iphone6 Plus: 414 / 750 * 0.625 */
@media screen and (min-width: 414px) and (max-width: 749px) {
    html {
        font-size: 345%;
    }
}

/* 750原稿: 0.625 */
@media screen and (min-width: 750px) and (max-width: 767px) {
    html {
        font-size: 625%;
    }
}

/* IPad: 768 / 750 * 0.625 */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    html {
        font-size: 640%;
    }
}

/* IPad Pro: 1024 / 750 * 0.625 */
@media screen and (min-width: 1024px) {
    html {
        font-size: 853.333%;
    }
}