@charset "utf-8";
html, body { -webkit-text-size-adjust: 100% !important; text-rendering: optimizelegibility; }
body, 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, menu, nav, section { margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
body, button, input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", Arial, Helvetica, STHeiti, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
del { text-decoration: line-through; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
ul, ol { list-style: none; }
a { color: #333; }
a:hover { text-decoration: none; }
ins, a { text-decoration: none; }
strong, b { font-weight: 700; }
[draggable] { cursor: move; }
h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑", Arial, Helvetica, STHeiti, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; }
table caption { border-bottom: none; }
input, textarea, button { -webkit-appearance: none; border-radius: 0; }
em, legend, caption { font-weight: inherit; }
a, input, button, textarea { outline: 0; }

html{ height: 100%;box-sizing: border-box; }
body{ min-height: 100%; box-sizing: border-box; background: url(../images/bg.png) no-repeat; background-size: 100% 7.4533rem; background-color: #82e0f4; padding: 1.0667rem 0 2.1333rem 0; }
body *{ box-sizing: border-box; }
.title{ 
    text-align: center;
    color: #ffdd3e;
    text-shadow: 0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00,
    0 0 0.08rem #b75a00;
    font-weight: bold;
}
.title .h1{ font-size: 0.9067rem; }
.title .h2{ font-size: 0.6933rem; }
.box{ text-align: center; margin-top: 0.6667rem; }
.box img{ width: 9.7067rem; }

.down-box{ text-align: center; }
.down-btn{ 
    display: inline-block; padding: 0 0.2667rem; font-size: 0.48rem; min-width: 5.9467rem; height: 1.48rem; margin: 0 auto; background: url(../images/btn-bg.png) no-repeat; background-size: 100% 100%; line-height: 1.3533rem; text-align: center; margin-top: 0.2667rem;
    color: #fff;
    text-shadow: 0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b;
    animation: titlePulse .6s ease-in-out infinite;
}
.down-desc{ font-size: 0.3733rem; color: #242424; text-align: center; line-height: 0.5333rem; margin-top: 0.32rem; }
.down-desc span{ font-size: 0.4rem; font-weight: bold; color: #ff1414; }
.down-desc span.copy::after{ width: 0.3333rem; height: 0.3467rem; content: ""; margin-left: 0.1067rem; display: inline-block; background: url(../images/icon_copy.png) no-repeat; background-size: 100% 100%; transform: translateY(0.0267rem); }

.records-box{ margin: 0 0.4rem; margin-top: 0.4rem; border: 0.08rem solid #334878; border-radius: 0.4rem; background-color: #87fffb; padding-bottom: 0.1333rem; }
.records{ padding: 0.2667rem 0.2133rem; border-bottom: 0.08rem solid #334878; border-radius: 0.4rem; background-color: #fff; }
.records .head{ height: 1.0667rem; display: flex; align-items: center; justify-content: center; font-size: 0.48rem; color: #006495; font-weight: bold; }
.records .head::before{ content: ""; width: 0.2667rem; height: 0.2267rem; background: url(../images/icon_line.png) no-repeat; background-size: 100%; margin-right: 0.2133rem; transform: rotate(180deg); }
.records .head::after{ content: ""; width: 0.2667rem; height: 0.2267rem; background: url(../images/icon_line.png) no-repeat; background-size: 100%; margin-left: 0.2133rem; }
.records .list-box{ max-height: 7.2rem; overflow-y: hidden; }
.records .list .item{ display: flex; align-items: center; height: 1.2rem; border-bottom: 0.0133rem solid #f3f3f3;}
.records .list .item .logo{ width: 0.6933rem; height: 0.6933rem; border-radius: 50%; }
.records .list .item .txt{ padding-left: 0.24rem; font-size: 0.2933rem; color: #333333; font-weight: bold; }
.records .list .item .txt span{ color: #ff3631; margin-left: 0.1333rem; }

.footer{ position: fixed; left: 0; bottom: 0; width: 100%; height: 1.6rem; background: #2a464c; display: flex; align-items: center; padding: 0 0.3733rem; box-sizing: border-box; }
.footer .logo{ width: 1.12rem; }
.footer .center{ flex: 1; padding: 0 0.2133rem; color: #fff; }
.footer .center .h1{ font-size: 0.3733rem; font-weight: bold; }
.footer .center .h2{ font-size: 0.2667rem; margin-top: 0.1rem; }
.footer .btn{ 
    font-size: 0.32rem; min-width: 2.72rem; height: 0.8267rem; padding: 0 0.0533rem; margin: 0 auto; background: url(../images/btn-bj-m.png) no-repeat; background-size: 100% 100%; line-height: 0.8rem; text-align: center; color: #fff;
    text-shadow: 0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b,
    0 0 0.0533rem #622e0b; 
}
.footer .btn:active{ opacity: .7; }

@keyframes titlePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(.95); }
}