@font-face {
    font-family: 'HostGrotesk'; 
    src: url('../font/HostGrotesk-Medium.ttf') format('truetype'); 
}
@font-face {
    font-family: 'HostGroteskLight'; 
    src: url('../font/HostGrotesk-Light.ttf') format('truetype'); 
}
@font-face {
    font-family: 'HostGroteskRegular'; 
    src: url('../font/HostGrotesk-Regular.ttf') format('truetype'); 
}
@font-face {
    font-family: 'HostGroteskBold'; 
    src: url('../font/HostGrotesk-Bold.ttf') format('truetype'); 
}
.sc-light {font-family: 'HostGroteskLight';}
.sc-regular {font-family: 'HostGroteskRegular';}
.sc-medium {font-family: 'HostGrotesk';}
.sc-bold {font-family: 'HostGroteskBold';}

* {box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
html {scroll-behavior: initial;}
html, body {-webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, body, input, select, input, textarea, button{font-weight: normal; font-family: 'HostGrotesk', 'PingFang SC Regular', 'PingFang SC', 'Microsoft Yahei', 'HELVETI1ca Neue', 'Arial', 'Tohoma';}
body {font-size: 16px; line-height: 1.75; color: #333; background-color: #fff; -webkit-overflow-scrolling: touch; }
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: 500;}
ul, dl, dd, p {margin: 0; padding: 0;}
ul {list-style: none;}
small {display: block;}
::-ms-clear, ::-ms-reveal, select::-ms-expand {display: none; } 
input, textarea, button {border: 0;}
select:focus, textarea:focus, input:focus {outline: none;}
textarea {resize: none;}
a {color: inherit; transition: all .3s;}
a:hover, a:active, a:link, a:visited, a:focus {text-decoration: none;}
a:focus, input:focus, p:focus, div:focus {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {display: block; max-width: 100%;}

.weui-cell {padding: 10rem 15rem; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell__bd {min-width: 1px; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft {text-align: right; color: #999999;}
.weui-flex {display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item {-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-input {width: 100%; background-color: transparent; font-size: inherit; font-weight: inherit; color: inherit; height: 1.41176471em; line-height: 1.41176471; -webkit-appearance: none;}
.weui-input::-webkit-input-placeholder {color: #999;} 
.start {-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.middle {-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.end {-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.vmid {vertical-align: middle;}
.noborder {border: 0 !important;}
.nobefore::before, .noafter::after {display: none !important;}
.nowrap {white-space: nowrap;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word;}
.line3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; word-wrap: break-word;}
.auto {margin-left: auto; margin-right: auto;}
.row:after, .clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
.row, .clearfix {*zoom: 1;}
.imgfill {width: 100%; height: 100%; object-fit: cover;}
.isscale > img {transform: scale(1);}
.toast {display: none; z-index: 90; top: 50%; left: 50%; padding: 10px 20px; min-width: 240px; font-size: 16px; text-align: center; color: #fff; background-color: rgba(0, 0, 0, .75); border-radius: 6px; transform: translate(-50%, -50%);}

::-webkit-scrollbar {width: 5px; background-color: rgba(107, 154, 53, .3);}
::-webkit-scrollbar-corner {background-color: rgba(0, 0, 0, 0);}
::-webkit-scrollbar-thumb {width: 5px; margin: 1px; border-radius: 4px; border: 0; background-color: #6b9a35;}
::-webkit-scrollbar:horizontal {height: 5px; margin: 1px;}

.fleft {float: left;}
.fright {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.justify {text-align: justify;}
.overhide {overflow: hidden;}
.hand {cursor: pointer;}
.block {display: block;}
.iblock {display: inline-block;}
.hidden {display: none !important;}
.trans-3 {transition: all .3s;}
.light {font-weight: 200;}
.regular {font-weight: 300;}
.bold {font-weight: 600;}
.mg0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.ml0 {margin-left: 0 !important;} 
.mr0 {margin-right: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.pd0 {padding: 0 !important;}
.pt0 {padding-top: 0 !important;}
.pl0 {padding-left: 0 !important;}
.pr0 {padding-right: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.mt10 {margin-top: 10rem;}
.mt15 {margin-top: 15rem;}
.mt20 {margin-top: 20rem;}
.mt25 {margin-top: 25rem;}
.mt35 {margin-top: 35rem;}
.mt40 {margin-top: 40rem;}
.mt50 {margin-top: 50rem;}
.mt60 {margin-top: 60rem;}
.mt65 {margin-top: 65rem;}
.mt78 {margin-top: 78rem;}
.mt90 {margin-top: 90rem;}
.mr10 {margin-right: 10rem;}
.mb30 {margin-bottom: 30rem;}
.mb45 {margin-bottom: 45rem;}
.mb50 {margin-bottom: 50rem;}
.mg-tb-50 {margin-top: 50rem; margin-bottom: 50rem;}
.pd-lr-10 {padding-left: 10rem; padding-right: 10rem;}
.pd-lr-18 {padding-left: 18rem; padding-right: 18rem;}

.f12 {font-size: 12rem;}
.f14 {font-size: 14rem;}
.f16 {font-size: 16rem;}
.f18 {font-size: 18rem;}
.f20 {font-size: 20rem; line-height: 1.4;}
.f22 {font-size: 22rem;}
.f24 {font-size: 24rem;}
.f26 {font-size: 26rem; line-height: 1.46;}
.f28 {font-size: 28rem; line-height: 1.64;}
.f30 {font-size: 30rem;}
.f32 {font-size: 32rem;}
.f34 {font-size: 34rem;}
.f36 {font-size: 36rem;}
.f38 {font-size: 38rem;}
.f40 {font-size: 40rem; line-height: 1.5;}
.f42 {font-size: 42rem;}
.f46 {font-size: 46rem;}
.f50 {font-size: 50rem;}
.f60 {font-size: 60rem; line-height: 1.3;}
.f80 {font-size: 80rem; line-height: 1.2;}
.f100 {font-size: 100rem; line-height: 1.2;}

.icon_24x24 {width: 24rem; height: 24rem;}