@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1586527808134'); /* IE9 */
    src: url('iconfont.eot?t=1586527808134#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('iconfont.woff?t=1586527808134') format('woff'),
    url('iconfont.ttf?t=1586527808134') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('iconfont.svg?t=1586527808134#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Loading:before {
    content: "\e639";
}

.icon-Loading1:before {
    content: "\e65d";
}

.icon-loading:before {
    content: "\e771";
}

.icon-Loading2:before {
    content: "\e6e8";
}

.icon-tianjiatupian:before {
    content: "\e636";
}

.icon-morentupianccccccpx:before {
    content: "\e612";
}

.icon-tupiantianchong:before {
    content: "\e6b2";
}

.icon-double-arrow-bottom:before {
    content: "\e631";
}

.icon-top:before {
    content: "\e61e";
}

.icon-top1:before {
    content: "\e626";
}

.icon-Left:before {
    content: "\e709";
}

.icon-appstore:before {
    content: "\e929";
}

.icon-warning:before {
    content: "\e836";
}

.icon-right:before {
    content: "\e606";
}

.icon-android:before {
    content: "\e640";
}

.icon-ios:before {
    content: "\e676";
}


html,
body {
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
    color: #333;
}

html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
select,
button,
hr,
blockquote,
pre {
    margin: 0;
    padding: 0;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
}

ul,
ol,
dl {
    list-style-type: none;
}

fieldset,
img {
    border: none;
}

table {
    border-collapse: collapse;
    table-layout: fixed;
    empty-cells: show;
}

caption,
th {
    text-align: left;
    font-weight: normal;
}

address,
caption,
cite,
code,
dfn,
th {
    font-style: normal;
    font-weight: normal;
}

input,
select,
textarea,
button {
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
}

textarea {
    vertical-align: top;
}

img {
    vertical-align: middle;
}

em,
i {
    font-style: normal;
}

ins {
    text-decoration: underline;
}

del {
    text-decoration: line-through;
}

q:before,
q:after {
    content: "";
}

hr {
    margin: 4px 0;
    border: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    _display: block;
    _margin: -5px 0;
    _font-size: 0;
    _line-height: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    background-color: #262941;
    font-size: 0.24rem;
    margin: 0 auto !important;
    position: relative;
    width: 100%;
    height: 100%;
}

.mobile {
    color: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    margin: auto;
    max-width: 640px;
}

.mobile .fixed-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: center;
    z-index: -1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile .fixed-bg .shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.mobile .fixed-bg video {
    object-fit: cover;
}

.mobile .fixed-footer {
    z-index: 9;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    padding-bottom: 0.79rem;
}

.mobile .fixed-footer .download-btn {
    pointer-events: auto;
    width: 4.04rem;
    height: 0.66rem;
    font-size: 0.28rem;
    background-color: #eeb827;
    border-radius: 0.65rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.mobile .fixed-footer .download-btn i {
    margin-right: 0.1rem;
    font-size: 0.35rem;
    position: relative;
    top: -0.02rem;
}

.mobile .fixed-footer .arrow-down {
    pointer-events: auto;
    transition: opacity 0.2s;
    position: absolute;
    bottom: 0.21rem;
    width: 0.34rem;
    height: 0.28rem;
    left: 50%;
    transform: translateX(-50%);
}

.mobile .main {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    justify-content: flex-end;
    padding-bottom: 40%;
}

.mobile .main .app {
    display: flex;
    align-items: center;
}

.mobile .main .app .logo {
    width: 1.25rem;
    margin-right: 0.14rem;
}

.mobile .main .app .title {
    font-size: 0.32rem;
    line-height: 0.5rem;
}

.mobile .main .app .subject {
    font-size: 0.24rem;
    line-height: 0.36rem;
}

.mobile .main .download-btn {
    margin-top: 0.5rem;
    width: 80%;
    border-radius: 0.65rem;
    font-size: 0.28rem;
    color: #fff;
    background-color:#ff0018;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    text-decoration: none;
}

.mobile .main .download-btn i {
    font-size: 0.32rem;
    margin-right: 0.1rem;
}

.mobile .main .doc-btn {
    margin-top: 0.3rem;
    font-size: 0.24rem;
}

.mobile .main .doc-btn i {
    font-size: 0.2rem;
}


.mobile .tips {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.1rem 0.5rem;
    box-sizing: border-box;
}

.mobile .tips p {
    box-sizing: border-box;
    padding: 0.12rem;
    border-radius: 0.285rem;
    font-size: 0.18rem;
    display: flex;
}

.zhen {
    display: none;
    width: 5.2rem;
}

.fixed-header {
    position: absolute;
    left: 0.34rem;
    top: 0.3rem;
    display: flex;
    align-items: center;
}

.fixed-header .logo {
    width: 0.96rem;
    margin-right: 0.23rem;
    border-radius: 8px;
}

.android-doc-btn {
    display: none;
    text-align: center;
    margin-top: 5px;
    color: #fff;
}

/*骞荤伅鐗�*/
.bg-slides {
    position: relative;
    width: 100%;
    height: 100%;
}

.bg-slides img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 1.5s opacity;
}

.bg-slides img:first-child {
    opacity: 1;
}


#qrcode {
    background-color: #FFF3EE;
    padding: 16px;
    border-radius: 6px;
}


#qrcode img {
    border-radius: 6px;
}


@media (max-width: 640px) {
    .mobile .main {
        padding-bottom: 55%;
    }
}
