/* reset */
body, div, p, ul, li, table, tbody, tr, td, textarea, form, input, h1, h2, h3, h4, h5, dl, dt, dd, img, iframe, header, nav, section, article, footer, figure, figcaption, menu { margin: 0; padding: 0; list-style: none; }

[v-cloak] { display: none; }

body { -webkit-text-size-adjust: none; font-size: 0.24rem; overscroll-behavior: none; }

body.scroll-no { overflow: hidden; }

header, nav, section, article, footer, figure, figcaption { display: block; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }

ol, ul { margin: 0; padding: 0; }

fieldset { border: none; margin: 0; padding: 0; }

a, li, ul, [onclick] { -webkit-tap-highlight-color: none; -webkit-tap-highlight-color: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

em, strong { font-weight: normal; font-style: normal; }

a { text-decoration: none; }

img[src=""], img:not([src]) { opacity: 0; }

input:focus { outline: none; }

input { -webkit-appearance: none; }

.no-data-box { text-align: center; display: flex; justify-content: center; margin-top: 1.6rem; }

.no-data-box .no-data { width: 3rem; height: 3rem; object-fit: contain; }

.no-data-box .refresh-data { width: 1.28rem; height: 1.28rem; object-fit: contain; }

.no-data-box p { font-size: .28rem; color: #8D98B2; margin-top: .08rem; }

.pop { outline: none; border: none; display: none; top: auto !important; margin-top: 0 !important; bottom: 0 !important; position: fixed !important; z-index: 444 !important; }

.pop.ani-up { animation: fadeIn 0.2s ease both; -webkit-animation: fadeIn 0.2s ease both; }

.pop.ani-down { animation: fadeDowm 0.2s ease both; -webkit-animation: fadeDowm 0.2s ease both; }

.pop .dia-con { width: 7.5rem; background-color: white; padding-top: .48rem; border-top-left-radius: .24rem; border-top-right-radius: .24rem; box-sizing: border-box; position: relative; }

.pop .pop-close { position: absolute; top: .2rem; right: .2rem; font-size: 0; color: #000; background: url(../image/icon-close.png) no-repeat center top; background-size: 100%; width: .4rem; height: .4rem; }

@keyframes fadeIn { 0% { opacity: 1;
    -webkit-transform: translateY(100%); }
  100% { -webkit-transform: translateY(0); } }

@keyframes fadeDowm { 0% { -webkit-transform: translateY(0); }
  100% { -webkit-transform: translateY(100%); } }

.toastBox { position: fixed; display: none; top: 0; height: 100vh; width: 100vw; z-index: 9999; }

.toastBox .toastmsg { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); z-index: 9999; padding: .24rem; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: .16rem; text-align: center; line-height: .42rem; font-size: .28rem; }

.toploading { text-align: center; }

.toploading img { width: .8rem; height: .8rem; display: block; margin: 0 auto; }

.btnloading { text-align: center; }

.btnloading img { width: .8rem; height: .8rem; display: block; margin: 0 auto; }

.btnloading p { font-size: .2rem; color: #8D98B2; margin-top: .1rem; }

#_overlay_ { z-index: 222 !important; }
