html{ font-family:sans-serif; -webkit-text-size-adjust:100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; }
audio,canvas,progress,video{ display: inline-block; vertical-align:baseline; }
audio:not([controls]){ display:none; height:0; }
[hidden],template{ display:none; }
a{ background:transparent; }
a:active,a:hover { outline:0; }
abbr[title]{ border-bottom:1px dotted; }
b,strong{ font-weight:bold; }
dfn{ font-style:italic; }
h1{ font-size:2em; }
mark{ color:var(--font-black-color); background:#ff0; }
small{ font-size:80%; }
sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{ top:-.5em; }
sub{ bottom:-.25em; }
img,i{vertical-align:middle;}
img{ border:0;}
svg:not(:root){ overflow:hidden; }
figure{ margin:1em 40px; }
hr{ box-sizing:content-box; height:0; }
pre{ overflow:auto; }
code,kbd,pre,samp{ font-family:monospace, monospace; font-size:1em; }
button,input,optgroup,select,textarea{ font:inherit; margin:0; color:inherit; }
button{ overflow:visible; }
button,select{ text-transform:none; }
button,html input[type='button'],input[type='reset'],input[type='submit']{ cursor:pointer; -webkit-appearance:button; }
button[disabled],html input[disabled]{ cursor:default; }
input{ line-height:normal; }
input[type='checkbox'],input[type='radio']{ box-sizing:border-box; padding:0; }
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button{height:auto;}
input[type='search']{ -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-appearance:textfield; }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance:none; }
fieldset{ margin:0 2px; padding:.35em .625em .75em; border:1px solid #c0c0c0; }
legend{ padding:0; border:0;}
textarea{ overflow:auto; }
optgroup{ font-weight:bold; }
table{ border-spacing:0; border-collapse:collapse; }
td,th{ padding:0; }
ul{list-style:none;}
*{margin:0; padding:0; /*-webkit-box-sizing:border-box; box-sizing: border-box; -webkit-user-select:none; outline:none;*/
    -webkit-tap-highlight-color:transparent; -webkit-backface-visibility:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch;}
body{ -webkit-overflow-scrolling:touch; background-color:var(--white-bg);}
a{ text-decoration:none; color:inherit;} a:active{ color:inherit;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none;}
input[type="number"]{-moz-appearance:textfield;}

html, body, .bat-container, .bat-mw, .bat-mh{position:relative;}
html, body{width:100%; height:100%;}
body{background-color:rgba(253, 253, 248, 1); display:flex; align-items:flex-start; justify-content:center;}
.bat-container{max-width:750px; width:100%; height:100%; padding:40px 0 80px 0; overflow-y:auto;}
.bat-mw{width:100%;}
.bat-mh{width:100%;}

.bat-h5-title, .bat-h5-des, .bat-h5-narrate, .bat-h5-dow, .bat-h5-exp{text-align:center; color:#273260;}
/*.bat-h5-title{padding-top:40px;}*/
.bat-h5-title h1{font-size:2.48rem;}
.bat-h5-title img, .bat-h5-exp img{width:85%;}
.bat-h5-des{padding-top:12px;}
.bat-h5-des h3{font-size:1.16rem; font-weight:500;}
/*.bat-h5-des img{width:80%;}*/
.bat-h5-narrate, .bat-h5-dow{padding-top:60px;}
.bat-h5-narrate h3{font-weight:500;}
/*.bat-h5-narrate img{width:76%;}*/
.bat-h5-video{margin-top:60px; border-top:1px solid #273260; border-bottom:1px solid #273260;}
.bat-h5-video video{width:100%;}
.bat-h5-dow{display:flex; align-items:center; justify-content:center; flex-direction:column;}
.bat-h5-dow>img{width:68%;}
.bat-h5-dow h4{font-weight:400; font-size:0.98rem;}
.bat-h5-dow h4 span{font-weight:800;}
.bat-h5-swiper{margin-top:60px;}
.swiper-slide{text-align:center; font-size:18px; background:rgba(253, 253, 248, 1); display:flex; justify-content:center; align-items:center;}
.swiper-slide img{ display:block; width:100%; object-fit:cover;}
/*.bat-h5-swiper img{width:100%;}*/
.bat-h5-btn{padding:7px 20px; background-color:#3975ef; margin-top:20px; height:48px; width:68%;
    color:#fff; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.bat-h5-btn img{height:100%;}
.bat-h5-btn span{font-size:1.3rem; font-weight:500}
.bat-h5-app{width:68%; display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.bat-h5-app a, .bat-h5-float a{border:0; outline:none; padding:10px 28px; border-radius:50px; font-weight:600; display:inline-block;}
.bat-h5-app a{background-color:#c3c3c3;}
.bat-h5-exp{padding-top:60px;}
.bat-h5-exp h1{font-size:1.76rem;}
.bat-h5-introduction{margin-top:60px; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.bat-h5-introduction__con{width:85%; display:flex; align-items:center; justify-content:space-between;}
.bat-h5-introduction__con>img{width:100%;}
.bat-h5-introduction__pic{width:45%; flex-shrink:0;}
.bat-h5-introduction__pic img{width:100%;}
.bat-h5-introduction__txt{width:38%; flex-shrink:0; color:#273260;}
.bat-h5-introduction__txt h3{font-size:1.5rem;}
.bat-h5-introduction__t{margin-top:16px;}
.bat-h5-introduction__t p{font-size:0.9rem;}

.bat-h5-float{position:fixed; left:0; bottom:0; display:flex; align-items:center; justify-content:space-between;
    background-color:#fff; padding:8px 0; box-shadow:0 0 6px #c3c3c3; color:#fff;}
a.bat-h5-ios{background-color:#3975ef;}
a.bat-h5-android{background-color:#33bd6f;}

/* 防止所有链接长按时的视觉变化 */
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

a:active {
  background-color: transparent;
  color: inherit;
}