@charset "utf-8";
html{
    font-size:100px;
}
html,body{
    font-family: Arial,'Microsoft Yahei',sans-serif;
    line-height: 1.25;
    color: #3D3C3C;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;}

*,*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:none;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: .375rem; }
ul, ol { list-style: none; }
img{ vertical-align:middle;}
button, input, select, textarea { font-size: 100%; outline:none;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type=text],textarea{
  -webkit-appearance: none;
}
div,p,span{
    word-break: break-all;
}
div{
    box-sizing: border-box;
}
.flex{
    display: flex;
}
.flex1{
    flex: 1;
}
.alginc{
    align-items: center;
}
.pop{
    width: 100%;
    height: 100vh;
    position: fixed;
    top:0;
    left:0;
    z-index: 99;
    background:rgba(0, 0, 0, 0.5);
    display: none;
}

.toast {
    margin-top: 30%;
    width: fit-content;
    padding: .15rem ;
    border-radius: .05rem;
    background-color: #000;
    opacity: 0.7;
    color: white;
    font-size: .15rem;
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1001;
    text-align: center;
  }
.just-bw{
    justify-content: space-between;
}
a{
    outline: none;
    text-decoration: none;
}
.ell{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ell1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/* 头部登录 */
.header{
    width: 100%;
    height: .45rem;
    padding:0 .15rem;
    background-color: #fff;
}
.header>img{
    width: .73rem;
    height: .3rem;
}
.header>span{
    width: .75rem;
    height: .24rem;
    background: #0071EF;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: .24rem;
    font-size: .12rem;
    outline: none;
    text-decoration: none;
    border-radius: .025rem;
}
.banner{
    width: 100%;
    height: 1.5rem;
}
.home{
    width: 100%;
}
footer{
    width: 100%;
    background-color: #17181B;
    padding: .2rem 0.15rem;
}
.logoFooter{
    display: block;
    width: 1.3rem;
    margin-left: .15rem;
}
.qrcode img{
    display: block;
    width: 1.15rem;
    height: 1.15rem;
    margin: .25rem auto .1rem;
}
.qrcode p{
    text-align: center;
    color: #fff;
    font-size: .12rem;
    margin-bottom: .2rem;
}
footer>p{
    border-bottom: 1px solid #24292F;
    color: #fff;
    font-size: .14rem;
    padding: .15rem 0 .15rem .25rem;
}
footer>a{
    border-bottom: 1px solid #24292F;
    color: #fff;
    font-size: .14rem;
    padding: .15rem 0.4rem .15rem .25rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer>a>span{
    color: #fff;
    font-size: .14rem;
}
footer>a>img{
    width: .12rem;
}
.link{
    margin-top: .25rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.link>a{
    color: #fff;
    font-size: .10rem;
    outline: none;
    text-decoration: none;
}
.remark{
    margin-top: .1rem;
    color: #fff;
    font-size: .1rem;
    text-align: center;
    line-height: 1.8;
}
/* 公告 */
.notice{
    margin: .15rem .15rem 0;
    padding: .1rem .25rem .1rem .15rem;
    border-radius: .05rem;
    background: #fff;
    display: block;
    position: relative;
    display: none;
}
.notice>img{
    width: .1rem;
    height: .1rem;
    position: absolute;
    right: .145rem;
    top: 50%;
    margin-top: -.05rem;
}
.notice>.title{
    display: flex;
    align-items: center;
}
.notice>.title>span{
    color: #323232;
    font-size: .13rem;
    display: inline-block;
    max-width: 3rem;
}
.notice>.title>img{
    width: .295rem;
    height: .13rem;
    margin-left: .1rem;
}
.notice>.info{
    margin-top: .075rem;
    color: #7A7A7A;
    font-size: .12rem;
}
/* 标题 */
h3{
    font-size: .18rem;
    text-align: center;
    margin-top: .55rem;
    color: #000;
    margin-bottom: .15rem;
}
.describe{
    text-align: center;
    color: #333333;
    font-size: .13rem;
    margin-bottom: .35rem;
    box-sizing: border-box;
    padding:0 .15rem;
    line-height: 1.6;
}
.describe>span{
    color: #0071EF;
    font-size: .16rem;
    font-weight: bold;
}
.couponList>.left{
    width: .65rem;
    height: 3.37rem;
    background-color: #fff;
    border-top-right-radius: .05rem;
    border-bottom-right-radius: .05rem;
}
.couponList>.left>span,.couponList>.left>div{
    display: block;
    width: 100%;
    height: .56rem;
    text-align: center;
    line-height: .56rem;
    color: #323232;
    font-size: .13rem;
}
.couponList>.left>span:first-child{
     border-top-right-radius: .05rem;
}
.couponList>.left>div{
     border-bottom-right-radius: .05rem;
     position: relative;
}
.couponList>.left>.active{
    background: #0071EF;
    color: #fff;
}
.couponList>.right{
    margin-left: .1rem;
    flex: 1;
    position: relative;
}
.couponList>.right>img{
    width: 100%;
}
.couponList>.right>.more{
    width: 100%;
    height: .45rem;
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    bottom:0.1rem;
    left: 0;
    z-index: 10;
}
.couponList>.left>div>img{
    display: block;
    width: .06rem;
    height: .035rem;
    position: absolute;
    left: 50%;
    margin-left: -.03rem;
    bottom: .12rem;
}
.tabList{
    width: 3.45rem;
    height: .3rem;
    border-radius: .15rem;
    background-color: #D3E3FC;
    display: flex;
    align-items: center;
    margin: 0 auto .35rem;
}
.tabList>span{
    color: #0071EF;
    font-size: .12rem;
    display: block;
    height: .3rem;
    line-height: .3rem;
    flex: 1;
    text-align: center;
}
.tabList>.active{
    background-color: #0071EF;
    border-radius: .15rem;
    color: #fff;
}
.tabImg{
    width: 100%;
    overflow-x: scroll;
    margin-bottom: .35rem;
    padding:0 .15rem;
}
.changjingImg{
    display: block;
    width: 6rem;
}
.btn{
    width: 2rem;
    height: .33rem;
    text-align: center;
    line-height: .33rem;
    background-color: #0071EF;
    border-radius: .035rem;
    color: #fff;
    font-size: .13rem;
    margin: 0 auto .43rem;
}
.gzh{
    width: 100%;
    /* height: 5.81rem; */
    background: url('../img/beijingtu.png') no-repeat;
    background-size: 100% 100%;
    padding-top: .6rem;
    padding-bottom: .3rem;
}
.gzh>h3{
    margin-top: 0;
}
.gzh>.describe{
    margin-bottom: 0;
}
.gzhTab{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0 .1rem;
}
.gzhTab>span,.gzhTab>div{
    border-radius: .15rem;
    padding:.08rem .12rem;
    background: #D3E3FC;
    color: #0071EF;
    font-size: .1rem;
    margin-top: .15rem;
}
.gzhTab>.active{
    background-color: #0071EF;
    color: #fff;
}
.yingxiaoImg{
    display: block;
    width: 100%;
}
.gzh>.btn{
    margin-bottom: 0;
}
.payTypes{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: .5rem;
}
.payTypes>div{
    width: .785rem;
    height: .82rem;
    background: #fff;
    border-top: .04rem solid #0071EF;
    padding-top: .2rem;
}
.payTypes>div>img{
    display: block;
    width: .25rem;
    height: .25rem;
    margin: 0 auto .1rem;
}
.payTypes>div>p{
    text-align: center;
    font-size: .12rem;
}
.banner2{
    width: 100%;
}
.service{
    background-color: #fff;
    padding-top: .45rem;
    margin-top: .4rem;
    padding-bottom: .38rem;
}
.service>h3{
    margin-top: 0;
}
.serviceList{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.serviceList>div{
    background-color: #F7F8F9;
    width: 1.08rem;
    height: .875rem;
    padding-top: .1rem;
    border-radius: .05rem;
    margin-bottom: .1rem;
}
.serviceList>div>img{
    display: block;
    width: .27rem;
    height: .27rem;
    margin: 0 auto .1rem;
}
.serviceList>div>p{
    text-align: center;
    color: #323232;
    font-size: .12rem;
}
.noticeTab{
    width: 100%;
    height: 1.5rem;
    background: url('../img/banner2.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.noticeTab>div{
    width: 100%;
    height: .45rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: rgba(0,23,71,0.4);
    display: flex;
    align-items: center;
}
.noticeTab>div>span{
    flex: 1;
    height: .45rem;
    text-align: center;
    line-height: .45rem;
    font-size: .16rem;
    color: #fff;
}
.noticeTab>div>.active{
    background: #005CFF;
}
.noticeLists{
    padding: 0 .15rem;
}
.noticeLists>a{
    display: block;
    border-bottom: 1px solid #EFEDED;
    padding: .15rem 0;
}
.noticeLists>a>.title{
    width: 80%;
    color: #323232;
    font-size: .15rem;
}
.noticeLists>a>div{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.1rem;
}
.noticeLists>a>div>span{
    color: #7A7A7A;
    font-size: .12rem;
}
.noticeLists>a>div>img{
    width: .06rem;
}
.detailCont{
    width: 100%;
    min-height: 100vh;
    padding: .15rem;
    background: #F7F7F7;
}
.detailCont>div{
    width: 100%;
    padding-bottom: .3rem;
    background-color: #fff;
    padding: .3rem .22rem;
}
.detailCont .title{
    font-size: .17rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-bottom: .1rem;
    line-height: 1.6    ;
}
.detailCont .time{
    text-align: center;
    color: #666666;
    font-size: .12rem;
}
.detailCont .cont{
    margin-top: .3rem;
    font-size: .14rem;
}
.detailCont .cont p,.detailCont .cont a,.detailCont .cont span{
    font-size: .14rem !important;
    line-height: 1.6;
}
.detailCont .cont img{
    width: 100% !important;
    display: block;
    margin: .1rem 0;
}
.more{
    position: relative;
}
#launch-btn{
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 100;
}
.weappBtn{
    width: 100%;
    height:100%;
    background:red;
    border:none;
    color:#fff
}