#app{
    width:100%;display:-webkit-box;display:-ms-flexbox;
    display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;
    -ms-flex-direction:column;flex-direction:column
}

.style-module__home___38ZCC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.style-module__home___38ZCC img {
    height: auto;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.style-module__home-mobile___1E-r2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #000
}

.style-module__home-mobile___1E-r2 video:first-of-type {
    width: 11.2rem;
    height: 10rem;
    margin-top: -.53333rem;
    margin-left: -.53333rem;
    padding: 0;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.style-module__home-mobile___1E-r2 video:last-of-type {

    height: 10rem;

}

.style-module__home-mobile-content___d_tsw {
    width: 100%;
    min-height: 4.26667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -4.26667rem;
    z-index: 100;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(48%, #000));
    background: -o-linear-gradient(transparent, #000 48%);
    background: linear-gradient(transparent, #000 48%)
}

.style-module__home-mobile-content___d_tsw p {
    margin-top: .24rem;
    font-size: .37333rem
}

.style-module__home-mobile-content___d_tsw span {
    height: 1.28rem;
    width: 4.66667rem;
    margin-top: .66667rem;
    font-size: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .68rem;
    background: #e50916;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.style-module__home-mobile-content___d_tsw span:last-child {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: .05333rem solid #e50916;
    color: #e50916
}

.style-module__home___38ZCC img {
    height: auto;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.style-module__home-mobile-content-logo___5MVqQ {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .66667rem
}

.style-module__home-mobile-content-title___3b3Ta {
    width: 6.4rem;
    margin-top: .53333rem
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0
}
a {
    text-decoration: none
}

/* 默认情况下，第一个video标签不显示 */
video:first-of-type {
  display: none;
}

/* 默认情况下，第二个video标签不显示 */
video:last-of-type {
  display: none;
}

/* 媒体查询，当屏幕宽度小于或等于600px时，显示第一个video标签 */
@media screen and (max-width: 600px) {
  video:first-of-type {
    display: block;
  }
}

/* 媒体查询，当屏幕宽度大于600px时，显示第二个video标签 */
@media screen and (min-width: 601px) {
  video:last-of-type {
    display: block;
  }
}