@charset "UTF-8";
@media (min-width: 320px){
    html{ font-size: 85.333px;}
}
@media (min-width: 360px){
    html{ font-size: 96px;}
}
@media (min-width: 375px){
    html{ font-size: 100px;}
}
@media (min-width: 414px){
    html{ font-size: 110.4px;}
}
@media (min-width: 768px){
    html{ font-size: 100px;}
}
:root{ font-size: calc(100/750*100vw);}

/*格式化默认样式*/
img{ vertical-align: middle; max-width: 100%; height: auto;}
body{ background-color: #fff; font-size: .14rem; line-height: 1.5; font-family:'Microsoft Yahei', 'PingFang-SC-Regular','San Francisco Display','NotoSansHans','Helvetica Neue Thin','Helvetica Neue', 'sans-serif','华文细黑';font-weight:lighter;}
.fix{ position: fixed;}
.abs{ position: absolute;}
.rel{ position: relative;}
.wrap{ width: 100%; height: 100%; display: flex; flex-direction: column;}
#app{ flex: 1; overflow-y: scroll; -webkit-overflow-scrolling: touch;}






.header{ display: flex; justify-content: space-between; padding: .25rem .3rem; width: 100%; border-bottom: 1px solid #dddddd; align-items: center;}
.logo{ background: url(../imgs2/logo.png) no-repeat center/2.15rem auto; width: 2.15rem; height: .49rem;}
.logo a{ text-indent: -9999em; display: block;}
.menuIcon{ display: block; width: .48rem; height: .36rem; position: relative;}
.menuIcon span,.menuIcon:after,.menuIcon:before{ display: block; position: absolute; height: .05rem; background-color: #185ba1; border-radius: .025rem; content: ''; width: 100%; transition: all .5s;}
.menuIcon:after{ top: 50%; margin-top: -.025rem;}
.menuIcon:before{ bottom: 0;}
.menuIcon.now span{ opacity: 0;}
.menuIcon.now:after{ transform: rotate(45deg);}
.menuIcon.now:before{ transform: rotate(-45deg);top: 50%; margin-top: -.025rem;}
.menuBox{ z-index: 9; left: 0; top: 1.01rem; background-color: rgba(14,20,38,.9); right: 0; transform: scale(0); transition: all .5s;}
.menuBox a{ display: block; text-align: center; color: #fff; font-size: .29rem; border-bottom: 1px solid #686b76; height: .8rem; line-height: .8rem;}
.menuBox a.now{ background: #101426;}
.menuBox.show{ transform: scale(1);}
.line{margin: .3rem auto 0; height: .04rem; background: #c6c6c6; width: 1.75rem; text-align: center; overflow: hidden;}
.line span{ width: 60%; display: block; margin: 0 auto; height: 100%; background: #44b5ff;}
.conText{ font-size: .26rem; color: #333; line-height: .5rem; text-align: center;}
.width44{ width: .44rem;}
.hei44{ height: .44rem;}
.hei36{ height: .36rem;}
.hei33{ height: .33rem;}
.width63{ width: .63rem;}
.top173{ top: 1.73rem;}
.left128{ left: 1.28rem;}
.left198{ left: 1.98rem;}
.left488{ left: 4.88rem;}
.left558{ left: 5.58rem;}
.left56{ left: .56rem;}
.top243{ top: 2.43rem;}
.top313{ top: 3.13rem;}
.top383{ top: 3.83rem;}
.top477{ top: 4.77rem;}
.top547{ top: 5.47rem;}
.left268{ left: 2.68rem;}
.left418{ left: 4.18rem;}
.left628{ left: 6.28rem;}
.width159{ width: 1.59rem;}
.left460{ left: 4.6rem;}
.left296{ left: 2.96rem;}
.left225{ left: 2.25rem;}
.left460{ left: 4.6rem;}
.left530{ left: 5.3rem;}
.left155{ left: 1.55rem;}
.width50{ width: .5rem;}
.width48{ width: .48rem;}
.width374{ width: 3.74rem;}
.width258{ width: 2.58rem;}
.fixBox{ right: .3rem; z-index: 999; bottom: .1rem; width: 1rem;}
.fixBox a{ display: block; margin-bottom: .3rem; text-indent: -9999em; width: .98rem; height: .98rem;}
.fixBtn_1{ background: url(../imgs2/icon_13.png) no-repeat center/.98rem;}
.fixBtn_2{ background: url(../imgs2/icon_14.png) no-repeat center/.98rem;}
.fixBtn_3{ background: url(../imgs2/icon_15.png) no-repeat center/.98rem;}