body {
    font-family: "Microsoft Yahei", "微软雅黑", Arial, "Hiragino Sans GB", "宋体", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    background-color: #f7f7f7;
    -webkit-overflow-scrolling: touch;
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*overflow: auto;*/
}

a {
    color: #04be02;
    text-decoration: none;
}

a:active {
    color: #038c01
}
body, h1, h2, h3, p, span, ul, li {
    text-decoration: none;
    border: none;
    margin: 0;
    padding: 0;
}
.flex-display{ display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:-moz-flex; display:flex;}
.flex-wrap{ -webkit-flex-wrap:wrap; -webkit-box-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.flex-direction{flex-direction: column;-webkit-direction:column; -ms-direction:column; -moz-direction:column; }
.flex-alignC{-webkit-align-items:center; -webkit-box-align:center;  -moz-align-items:center; align-items:center; -ms-flex-align:center;}
.flex-justifyC{-webkit-justify-content:center; -moz-justify-content:center; justify-content: center; -ms-justify-content:center;}
.flex-flex1{ -webkit-flex:1; -webkit-box-flex:1; -ms-flex:1; -moz-flex:1; flex:1;}
.flex-flex2{ -webkit-flex:2; -webkit-box-flex:2; -ms-flex:2; -moz-flex:2; flex:2;}
.clear{clear: both;}
.overflow-h{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overflow_hidden{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.shadow{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.7);z-index: 999;display: none;}
.bottomBlank{ height:13.333vw;padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/}
.bottom{ font-size: 3vw; height: 13vw; border-top: 1px solid #eeeeee; background-color: #fff; color: #999; position: fixed; bottom: 0; width: 100%; z-index: 99;line-height: 5vw;padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/}
.bottom .navBox{ display: flex;align-items: center;justify-content: center;flex-direction: column; height:13.3333vw; box-sizing: border-box; text-align: center; position: relative;color:#aaa;}
.bottom .navBox img{ width: 5.3vw; height: 5.3vw;margin-bottom: 1vw;}
.bottom .navBox .nimg{ display:block;}
.bottom .navBox .himg{ display: none;}
.bottom .navBox.curr{}
.bottom .navBox.curr .nimg{ display: none;}
.bottom .navBox.curr .himg{ display: block;}
.bottom .navBox .wxapp{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}

.shareLayer{ position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff;z-index: 1000;display: none;}
.shareLayer .title{ position: relative; height: 1px; width:69.34vw;background-color: #e1e1e1; margin: 0 auto 9.34vw;}
.shareLayer .title .b{ width: 25.34vw; font-size:4.8vw; height: 5.34vw; line-height: 5.34vw; background-color: #fff; position: absolute; left: 50%; margin-left: -12.67vw; top: 0; margin-top: -2.67vw; text-align: center;}
.shareLayer .btns{ padding: 8vw 0;}
.shareLayer .btns .btn{ text-align: center;}
.shareLayer .btns .btn .navBox{ display: inline-block; font-size: 3.74vw; color: #666;}
.shareLayer .btns .btn .navBox img{ width:12vw; height: 12vw; display: inline-block;}
.shareLayer .btns .border{ width: 1px; height:12vw; background-color: #e6e6e6;}
.shareLayer .close{background:#F5F5F5;text-align: center;height: 13.34vw;line-height: 13.34vw;font-size: 4vw;}
.shade{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000;display: none;}
.hbLayer{ width:78.134vw; position: fixed; left: 50%; margin-left: -39.067vw; top: 50%; transform: translateY(-50%);z-index: 1000;}
.hbLayer .closeBtn{ text-align: right; margin-bottom:4vw;color: #fff;}
.hbLayer .closeBtn i{color: #fff;}
.hbLayer .hbimg{ margin-bottom: 2.67vw;width: 100%;height: 120vw;overflow: scroll;}
.hbLayer .hbimg img{width: 100%;display: block;}
.hbLayer .dlBtn{ height: 12vw; line-height: 12vw; text-align: center; color: #fff; background-color: #77d4c0; border-radius:1.34vw;}
.shareNews{position: fixed;top: 15vh;width:80vw;left: 10vw;background: #fff;border-radius:5px;box-sizing: border-box;padding:5.34vw 0;z-index: 1000;}
.shareNews .tit{text-align: center;font-weight: bold;font-size: 4.2vw;line-height: 6.2vw;}
.shareNews .news-url{background:#F5F5F5;border-radius:2px;padding: 0 1.34vw;height: 10.14vw;line-height:10.14vw;width: 64.8vw;margin: 4vw auto 0;display: block;}
.shareNews .tip{text-align: center;color:#FE6E00;margin-top: 6.4vw;}
.shareNews .close{position: absolute;top:4vw;right: 4vw;}
.shareNews .close:before{margin: 0;}

.xc-mask {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 1000;}
.xc-mask.xc-mask-center {display: flex;align-items: center;justify-content: center;}
.xc-mask.xc-mask-bottom {display: flex;align-items: flex-end;}

/* ios底部适配 */
.safe-area-inset-bottom {
    padding-bottom: 0!important;
    padding-bottom: constant(safe-area-inset-bottom)!important;
    padding-bottom: env(safe-area-inset-bottom)!important;
}
/* ios底部适配 */

.u-sticky{
    position: sticky;
    top: 0;
}

.u-tips-color {
    color: #909399;
}

.u-text-center {
    text-align: center;
}
.u-text-right {
    text-align: right;
}

.u-font-bold{
    font-weight: bold;
}

.u-font-10{
    font-size:2.667vw;
}
.u-font-11{
    font-size:2.933vw;
}
.u-font-12{
    font-size:3.2vw;
}
.u-font-13{
    font-size:3.466vw;
}
.u-font-14{
    font-size:3.733vw;
}
.u-font-15{
    font-size:4vw;
}
.u-font-16{
    font-size:4.27vw;
}
.u-font-17{
    font-size:4.533vw;
}
.u-font-18{
    font-size:4.8vw;
}
.u-font-20{
    font-size:5.333vw;
}
.u-font-24{
    font-size:6.4vw;
}
.u-font-30{
    font-size:8vw;
}
.u-font-40{
    font-size:10.667vw;
}

.u-margin-top-4{
    margin-top: 1.067vw;
}
.u-margin-top-5{
    margin-top: 1.333vw;
}
.u-margin-top-8{
    margin-top: 2.133vw;
}
.u-margin-top-10{
    margin-top: 2.667vw;
}
.u-margin-top-12{
    margin-top: 3.2vw;
}
.u-margin-top-15{
    margin-top: 4vw;
}
.u-margin-top-16{
    margin-top: 4.267vw;
}
.u-margin-top-17{
    margin-top: 4.533vw;
}
.u-margin-top-20{
    margin-top: 5.333vw;
}
.u-margin-top-22{
    margin-top: 5.867vw;
}
.u-margin-top-28{
    margin-top: 7.467vw;
}
.u-margin-top-30{
    margin-top: 8vw;
}
.u-margin-top-32{
    margin-top: 8.533vw;
}

.u-margin-left-4{
    margin-left: 1.067vw;
}
.u-margin-left-5{
    margin-left: 1.333vw;
}
.u-margin-left-6{
    margin-left: 1.6vw;
}
.u-margin-left-7{
    margin-left: 1.867vw;
}
.u-margin-left-8{
    margin-left: 2.133vw;
}
.u-margin-left-10{
    margin-left: 2.667vw;
}
.u-margin-left-20{
    margin-left: 5.333vw;
}

.u-padding-left-6{
    padding-left:1.6vw;
}

.u-opacity{
    opacity:0;
}