@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",
                 "Microsoft YaHei", "Hiragino Sans GB",
                 Arial, sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}

body {
    -webkit-touch-callout: none;
}

* {
    box-sizing: border-box;
}

img {
    display: block;
    width: 100%;
}

a {
    text-decoration: none;
    transition: .15s;
}

.container {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}

.float {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 640px;
    z-index: 999;
    background: transparent;
    pointer-events: none;
}

.float img {
    pointer-events: auto;
    width: 100%;
}

.kf {
    position: fixed;
    top: 30%;
    right: 16px;
    z-index: 999;
}

.kf img {
    width: 72px;
    display: block;
}

.tq {
    position: fixed;
    top: 60%;
    right: 20px;
    width: 65px;
    z-index: 10;
    animation: kf 2s infinite;
}

@keyframes kf {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.12); }
    100% { transform: scale(1); }
}

section {
    margin: 0;
    padding: 0;
}

html { font-size: 15px; }

@media (max-width: 320px) {
    html { font-size: 14px; }
}

@media (min-width: 375px) and (max-width: 768px) {
    html { font-size: 15px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    html { font-size: 18px; }
}

@media (min-width: 1024px) {
    html { font-size: 16px; }
}

a[title='站长统计'] {
    display: none !important;
}

body.no-scroll {
    overflow: hidden;
}
.sw {
    position: fixed;
    top: 58.5%;
    right: 16px;
    z-index: 999;
}

.sw img {
    width: 48px;
    display: block;
}

@keyframes sw {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.12); }
    100% { transform: scale(1); }
}

.sw{animation: sw 2s infinite;}