.row[data-v-22de6ae3] {
    display: flex;
    align-items: center
}

.row.between[data-v-22de6ae3] {
    justify-content: space-between
}

.row.center[data-v-22de6ae3] {
    justify-content: center
}

.header[data-v-22de6ae3] {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: .24rem .4rem;
    width: 100vw;
    background: #fff;
    z-index: 100
}

.header .logo[data-v-22de6ae3] {
    width: 1.54rem;
    height: .5rem
}

.header .menu[data-v-22de6ae3] {
    width: .5rem;
    height: .5rem
}

.container[data-v-22de6ae3] {
    padding-top: .98rem;
    padding-bottom: 1.92rem;
    background: #f7f8fa;
    overflow: hidden
}

.container .introduce-wrap[data-v-22de6ae3] {
    padding: .3rem
}

.container .introduce-wrap .introduce[data-v-22de6ae3] {
    display: block;
    width: 100%
}

.container .highlight-wrap[data-v-22de6ae3] {
    position: relative;
    margin: 0 .3rem;
    height: 10.96rem;
    overflow: hidden
}

.container .highlight-wrap .highlight-bg[data-v-22de6ae3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.container .highlight-wrap .highlight-title[data-v-22de6ae3] {
    display: block;
    margin: .3rem auto 0;
    width: 4rem;
    height: .86rem
}

.container .highlight-wrap .highlight-menu[data-v-22de6ae3] {
    margin-top: .3rem;
    flex-wrap: nowrap;
    overflow-x: scroll
}

.container .highlight-wrap .highlight-menu .highlight-menu-item[data-v-22de6ae3] {
    margin-left: .3rem;
    padding: 0 .28rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: .74rem;
    color: #222;
    font-size: .24rem;
    font-weight: 500;
    white-space: nowrap;
    border-radius: .37rem;
    background: hsla(0, 0%, 100%, .5)
}

.container .highlight-wrap .highlight-menu .highlight-menu-item.active[data-v-22de6ae3] {
    color: #00bc81;
    background: #fff
}

.container .highlight-wrap .highlight-menu .highlight-menu-item[data-v-22de6ae3]:last-child {
    margin-right: .3rem
}

.container .highlight-wrap .highlight-menu .highlight-menu-item .menu-icon[data-v-22de6ae3] {
    margin-right: .08rem;
    width: .4rem;
    height: .4rem
}

.container .highlight-wrap .highlight[data-v-22de6ae3] {
    display: block;
    margin: .1rem auto 0;
    width: 6.6rem
}

.container .highlight-wrap .highlight-content[data-v-22de6ae3] {
    margin: .05rem .3rem 0;
    padding: .3rem;
    line-height: 1;
    background: #fff;
    border-radius: .16rem
}

.container .highlight-wrap .highlight-content .highlight-content-title[data-v-22de6ae3] {
    color: #333;
    font-size: .28rem;
    font-weight: 500
}

.container .highlight-wrap .highlight-content .highlight-content-desc[data-v-22de6ae3] {
    margin-top: .2rem;
    color: #4b596b;
    font-size: .24rem
}

.container .point-wrap[data-v-22de6ae3] {
    margin-top: .3rem;
    padding: .3rem;
    padding-bottom: 0
}

.container .point-wrap .point-title[data-v-22de6ae3] {
    display: block;
    margin: 0 auto;
    width: 1.36rem;
    height: .4rem
}

.container .point-wrap .point-card-wrap[data-v-22de6ae3] {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .3rem
}

.container .point-wrap .point-card-wrap .point-card[data-v-22de6ae3] {
    flex-direction: column;
    justify-content: center;
    margin-bottom: .3rem;
    width: 3.3rem;
    height: 3.48rem;
    background: #fff;
    border-radius: .16rem
}

.container .point-wrap .point-card-wrap .point-card .point-icon[data-v-22de6ae3] {
    width: .68rem;
    height: .72rem
}

.container .point-wrap .point-card-wrap .point-card .point-card-title[data-v-22de6ae3] {
    margin-top: .2rem;
    color: #222;
    font-size: .28rem;
    font-weight: 600
}

.container .point-wrap .point-card-wrap .point-card .point-desc[data-v-22de6ae3] {
    margin-top: .2rem;
    color: #4b596b;
    font-size: .24rem
}

.container .programme-wrap[data-v-22de6ae3] {
    padding: 0 .3rem;
    background: #fff;
    overflow: hidden
}

.container .programme-wrap .programme-title[data-v-22de6ae3] {
    display: block;
    margin: .4rem auto 0;
    width: 6.48rem;
    height: .96rem
}

.container .programme-wrap .programme-card-wrap[data-v-22de6ae3] {
    margin-top: .3rem
}

.container .programme-wrap .programme-card-wrap .programme-card[data-v-22de6ae3] {
    margin-bottom: .3rem;
    padding: .3rem;
    height: 2.2rem;
    background: #f7f8fa;
    border-radius: .16rem;
    border: 1px solid #f7f8fa
}

.container .programme-wrap .programme-card-wrap .programme-card.active[data-v-22de6ae3] {
    background: rgba(227, 255, 240, .15);
    border: 1px solid #00cb5f
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-card-title[data-v-22de6ae3] {
    color: #363636;
    font-size: .28rem;
    font-weight: 500
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-card-title .programme-icon[data-v-22de6ae3] {
    margin-right: .12rem;
    width: .4rem;
    height: .4rem
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-desc[data-v-22de6ae3] {
    margin-top: .2rem;
    color: #6a6a6f;
    font-size: .24rem
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-detail-wrap[data-v-22de6ae3] {
    margin-top: .32rem
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-detail-wrap .programme-detail[data-v-22de6ae3] {
    color: #4b596b;
    font-size: .24rem
}

.container .programme-wrap .programme-card-wrap .programme-card .programme-detail-wrap .programme-detail .programme-detail-icon[data-v-22de6ae3] {
    margin-right: .08rem;
    width: .32rem;
    height: .32rem
}

.container .footer[data-v-22de6ae3] {
    padding: 0 .3rem;
    background: #1c2037
}

.container .footer .footer-content[data-v-22de6ae3] {
    flex-direction: column
}

.container .footer .footer-content[data-v-22de6ae3]:first-child {
    padding: .3rem 0 .6rem;
    border-bottom: 1px solid #8e8f9b
}

.container .footer .footer-content[data-v-22de6ae3]:last-child {
    padding: .6rem 1rem
}

.container .footer .footer-content .footer-title[data-v-22de6ae3] {
    color: #fff;
    font-size: .32rem;
    font-weight: 600
}

.container .footer .footer-content .footer-line[data-v-22de6ae3] {
    margin-top: .3rem;
    width: 2.16rem;
    height: .04rem;
    background: #8e8f9b
}

.container .footer .footer-content .footer-line .footer-line-inner[data-v-22de6ae3] {
    width: .52rem;
    height: .04rem;
    background: #20b364
}

.container .footer .footer-content .service-info[data-v-22de6ae3] {
    margin-top: .3rem;
    padding: 0 .52rem;
    width: 100%;
    color: #8e8f9b;
    font-size: .24rem
}

.container .footer .footer-content .contact-info[data-v-22de6ae3],
.container .footer .footer-content .footer-desc[data-v-22de6ae3] {
    margin-top: .3rem;
    color: #fff;
    font-size: .24rem
}

.container .footer .footer-content .contact-info .tel-icon[data-v-22de6ae3] {
    margin-right: .08rem;
    width: .32rem;
    height: .32rem
}

.container .footer .footer-content .contact-info .call-btn[data-v-22de6ae3] {
    margin-left: .26rem;
    width: 1.36rem;
    height: .46rem;
    color: #fff;
    font-size: .24rem;
    background: linear-gradient(90deg, #00d573, #00ca5c);
    border-radius: .28rem
}

.container .footer .footer-content .qrcode-wrap[data-v-22de6ae3] {
    margin-top: .36rem
}

.container .footer .footer-content .qrcode-wrap .qrcode[data-v-22de6ae3] {
    margin-right: .34rem;
    font-size: 0;
    text-align: center
}

.container .footer .footer-content .qrcode-wrap .qrcode[data-v-22de6ae3]:last-child {
    margin-right: 0
}

.container .footer .footer-content .qrcode-wrap .qrcode .qrcode-img[data-v-22de6ae3] {
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: .16rem
}

.container .footer .footer-content .qrcode-wrap .qrcode .qrcode-desc[data-v-22de6ae3] {
    margin-top: .16rem;
    color: #8e8f9b;
    font-size: .24rem
}

.contact-bar[data-v-22de6ae3] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.92rem;
    z-index: 100
}

.contact-bar .contact-bar-bg[data-v-22de6ae3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.contact-bar .contact-bar-title[data-v-22de6ae3] {
    display: block;
    margin: .3rem auto 0;
    width: 2.96rem;
    height: .32rem
}

.contact-bar .contact-btns[data-v-22de6ae3] {
    margin: .32rem .7rem 0
}

.contact-bar .contact-btns .contact-btn[data-v-22de6ae3] {
    width: 2.68rem;
    height: .68rem;
    color: #fff;
    font-size: .28rem;
    border-radius: .34rem;
    background: linear-gradient(90deg, #00d573, #00ca5c)
}

.contact-bar .contact-btns .contact-btn .contact-btn-icon[data-v-22de6ae3] {
    margin-right: .08rem;
    width: .24rem;
    height: .24rem
}

.menu-draw[data-v-22de6ae3] {
    padding: .6rem .3rem;
    width: 60vw;
    height: 100vh;
    background: #fff
}

.menu-draw .menu-item[data-v-22de6ae3] {
    height: 1rem;
    color: #999;
    font-size: .32rem
}

.menu-draw .menu-item.active[data-v-22de6ae3] {
    color: #20b364;
    font-weight: 500
}

.menu-draw .menu-item .arrow[data-v-22de6ae3] {
    width: .3rem;
    height: .3rem
}

.row[data-v-1fe240b4] {
    display: flex;
    align-items: center
}

.row.center[data-v-1fe240b4] {
    justify-content: center
}

.row.between[data-v-1fe240b4] {
    justify-content: space-between
}

.row.around[data-v-1fe240b4] {
    justify-content: space-around
}

.row.vertical[data-v-1fe240b4] {
    flex-direction: column
}

.main[data-v-1fe240b4] {
    margin: 0 auto;
    max-width: 90vw;
    width: 14.5rem;
    height: 100%
}

.bg[data-v-1fe240b4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.menu-tab[data-v-1fe240b4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10vh;
    z-index: 100;
    transition: background .2s ease
}

.menu-tab.active[data-v-1fe240b4] {
    background: #fff;
    transition: background .2s ease
}

.menu-tab .logo[data-v-1fe240b4] {
    width: 1.48rem;
    height: .48rem;
    cursor: pointer
}

.menu-tab .menu[data-v-1fe240b4] {
    width: 6.4rem
}

.menu-tab .menu .menu-item[data-v-1fe240b4] {
    color: #4b596b;
    font-size: .18rem;
    cursor: pointer
}

.menu-tab .menu .menu-item.active[data-v-1fe240b4] {
    position: relative;
    color: #333;
    font-weight: 600
}

.menu-tab .menu .menu-item.active[data-v-1fe240b4]:after {
    position: absolute;
    left: 50%;
    bottom: -.1rem;
    transform: translateX(-50%);
    width: .58rem;
    height: .04rem;
    content: "";
    background: #20b364;
    border-radius: .08rem
}

.container[data-v-1fe240b4] {
    padding-bottom: 120px;
    background: #f7f8fa
}

.container .introduce[data-v-1fe240b4] {
    position: relative;
    height: 90vh
}

.container .introduce .introduce-content[data-v-1fe240b4] {
    display: block;
    width: 7.6rem;
    height: 2.77rem
}

.container .introduce .try-btn[data-v-1fe240b4] {
    margin-top: .7rem;
    display: block;
    width: 2.8rem;
    height: .84rem;
    cursor: pointer
}

.container .highlights[data-v-1fe240b4] {
    position: relative;
    height: 90vh;
    overflow: hidden
}

.container .highlights .highlights-title[data-v-1fe240b4] {
    display: block;
    margin: 0 auto;
    width: 5.97rem;
    height: 1.33rem
}

.container .highlights .banner-wrap[data-v-1fe240b4] {
    margin-top: .4rem
}

.container .highlights .banner-wrap .banner-dots[data-v-1fe240b4] {
    margin-right: .4rem;
    padding: 0 .1rem;
    flex: 1;
    height: 5.6rem;
    overflow-y: scroll
}

.container .highlights .banner-wrap .banner-dots .banner-dot[data-v-1fe240b4] {
    padding-bottom: .6rem
}

.container .highlights .banner-wrap .banner-dots .banner-dot[data-v-1fe240b4]:last-child {
    padding-bottom: 0
}

.container .highlights .banner-wrap .banner-dots .banner-dot .banner-dot-inner[data-v-1fe240b4] {
    padding: 0 .55rem;
    width: 100%;
    height: 1.45rem;
    background: hsla(0, 0%, 100%, .5);
    border-radius: .3rem;
    cursor: pointer
}

.container .highlights .banner-wrap .banner-dots .banner-dot .banner-dot-inner.active[data-v-1fe240b4] {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(35, 151, 141, .2)
}

.container .highlights .banner-wrap .banner-dots .banner-dot .banner-dot-inner .banner-icon[data-v-1fe240b4] {
    width: .8rem;
    height: .8rem
}

.container .highlights .banner-wrap .banner-dots .banner-dot:first-child .banner-icon[data-v-1fe240b4] {
    height: .66rem
}

.container .highlights .banner-wrap .banner-dots .banner-dot-content[data-v-1fe240b4] {
    margin-left: .35rem;
    flex: 1
}

.container .highlights .banner-wrap .banner-dots .banner-dot-content .banner-dot-title[data-v-1fe240b4] {
    color: #222;
    font-size: .26rem;
    font-weight: 500
}

.container .highlights .banner-wrap .banner-dots .banner-dot-content .banner-dot-title.active[data-v-1fe240b4] {
    color: #00bc81
}

.container .highlights .banner-wrap .banner-dots .banner-dot-content .banner-dot-desc[data-v-1fe240b4] {
    margin-top: .2rem;
    color: #222;
    font-size: .2rem
}

.container .highlights .banner-wrap .banner[data-v-1fe240b4] {
    width: 5.52rem;
    height: 5.86rem
}

.container .point[data-v-1fe240b4] {
    height: 90vh;
    overflow: hidden
}

.container .point .point-title[data-v-1fe240b4] {
    display: block;
    margin: 0 auto;
    width: 1.85rem;
    height: .64rem
}

.container .point .point-card-wrap[data-v-1fe240b4] {
    flex-wrap: wrap;
    margin-top: .3rem;
    width: 100%
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4] {
    flex-direction: column;
    width: 50%;
    height: 3.5rem;
    cursor: pointer;
    transition: box-shadow .2s ease
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:first-child {
    border-right: .01rem solid #e5e6ec;
    border-bottom: .01rem solid #e5e6ec
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:first-child:hover {
    box-shadow: 0 .16rem .32rem 0 rgba(48, 55, 66, .15);
    transition: box-shadow .2s ease
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(2) {
    border-left: .01rem solid #e5e6ec;
    border-bottom: .01rem solid #e5e6ec
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(2):hover {
    box-shadow: 0 .16rem .32rem 0 rgba(48, 55, 66, .15);
    transition: box-shadow .2s ease
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(3) {
    border-top: .01rem solid #e5e6ec;
    border-right: .01rem solid #e5e6ec
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(3):hover {
    box-shadow: 0 -.16rem .32rem 0 rgba(48, 55, 66, .15);
    transition: box-shadow .2s ease
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(4) {
    border-top: .01rem solid #e5e6ec;
    border-left: .01rem solid #e5e6ec
}

.container .point .point-card-wrap .point-card[data-v-1fe240b4]:nth-child(4):hover {
    box-shadow: 0 -.16rem .32rem 0 rgba(48, 55, 66, .15);
    transition: box-shadow .2s ease
}

.container .point .point-card-wrap .point-card .point-card-icon[data-v-1fe240b4] {
    width: 1.1rem;
    height: 1.2rem
}

.container .point .point-card-wrap .point-card .point-card-title[data-v-1fe240b4] {
    margin-top: .2rem;
    color: #222;
    font-size: .32rem;
    font-weight: 600
}

.container .point .point-card-wrap .point-card .point-card-desc[data-v-1fe240b4] {
    margin-top: .2rem;
    color: #4b596b;
    font-size: .26rem;
    text-align: center
}

.container .programme[data-v-1fe240b4] {
    height: 90vh;
    overflow: hidden;
    background: #fff
}

.container .programme .programme-title[data-v-1fe240b4] {
    display: block;
    margin: 0 auto;
    width: 9.32rem;
    height: 1.33rem
}

.container .programme .programme-card-wrap[data-v-1fe240b4] {
    margin-top: .8rem
}

.container .programme .programme-card-wrap .programme-card[data-v-1fe240b4] {
    flex-direction: column;
    width: 3.48rem;
    height: 5.05rem;
    background: #f7f8fa;
    border-radius: .08rem;
    cursor: pointer;
    transition: .2s ease
}

.container .programme .programme-card-wrap .programme-card[data-v-1fe240b4]:hover {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(35, 151, 141, .2);
    transition: .2s ease
}

.container .programme .programme-card-wrap .programme-card:hover .programme-card-title[data-v-1fe240b4] {
    color: #20b364;
    transition: color .2s ease
}

.container .programme .programme-card-wrap .programme-card .programme-icon[data-v-1fe240b4] {
    width: .8rem;
    height: .8rem
}

.container .programme .programme-card-wrap .programme-card .programme-card-title[data-v-1fe240b4] {
    margin-top: .35rem;
    color: #222;
    font-size: .32rem;
    font-weight: 600;
    transition: color .2s ease
}

.container .programme .programme-card-wrap .programme-card .programme-desc[data-v-1fe240b4] {
    margin-top: .3rem;
    color: #4b596b;
    font-size: .26rem;
    text-align: center
}

.container .programme .programme-card-wrap .programme-card .programme-detail-wrap[data-v-1fe240b4] {
    margin-top: .5rem;
    padding: 0 .1rem;
    width: 100%
}

.container .programme .programme-card-wrap .programme-card .programme-detail-wrap .programme-detail[data-v-1fe240b4] {
    flex-direction: column;
    flex: 1
}

.container .programme .programme-card-wrap .programme-card .programme-detail-wrap .programme-detail .programme-detail-icon[data-v-1fe240b4] {
    width: .4rem;
    height: .4rem
}

.container .programme .programme-card-wrap .programme-card .programme-detail-wrap .programme-detail .programme-detail-desc[data-v-1fe240b4] {
    margin-top: .2rem;
    color: #4b596b;
    font-size: .2rem
}

.container .footer[data-v-1fe240b4] {
    height: 40vh;
    overflow: hidden;
    background: #1c2037
}

.container .footer .footer-info[data-v-1fe240b4] {
    padding-left: 1.4rem;
    flex: 1;
    height: 2.7rem
}

.container .footer .footer-info[data-v-1fe240b4]:first-child {
    padding-left: 0rem;
    border-right: 2px solid #8e8f9b
}

.container .footer .footer-info .footer-title[data-v-1fe240b4] {
    color: #fff;
    font-size: .2rem;
    font-weight: 600
}

.container .footer .footer-info .footer-title-line[data-v-1fe240b4] {
    margin-top: .2rem;
    width: 1.08rem;
    height: .02rem;
    background: #8e8f9b
}

.container .footer .footer-info .footer-title-line .footer-title-line-inner[data-v-1fe240b4] {
    width: .26rem;
    height: .02rem;
    background: #20b364
}

.container .footer .footer-info .service-info-wrap[data-v-1fe240b4] {
    margin-top: .4rem
}

.container .footer .footer-info .service-info-wrap .service-info[data-v-1fe240b4] {
    margin-bottom: .2rem;
    color: #8e8f9b;
    font-size: .16rem
}

.container .footer .footer-info .service-info-wrap .service-info[data-v-1fe240b4]:last-child {
    margin-bottom: 0
}

.container .footer .footer-info .record-code[data-v-1fe240b4] {
    margin-top: .12rem;
    color: #8e8f9b;
    font-size: .16rem
}

.container .footer .footer-info .record-code .police-icon[data-v-1fe240b4] {
    width: .16rem;
    height: .16rem
}

.container .footer .footer-info .contact-info[data-v-1fe240b4] {
    margin-top: .3rem;
    color: #fff;
    font-size: .16rem
}

.container .footer .footer-info .contact-info .tel-icon[data-v-1fe240b4] {
    margin-right: .06rem;
    width: .16rem;
    height: .16rem
}

.container .footer .footer-info .qrcode-wrap[data-v-1fe240b4] {
    margin-top: .3rem
}

.container .footer .footer-info .qrcode-wrap .qrcode[data-v-1fe240b4] {
    margin-right: .7rem;
    font-size: 0
}

.container .footer .footer-info .qrcode-wrap .qrcode[data-v-1fe240b4]:last-child {
    margin-right: 0
}

.container .footer .footer-info .qrcode-wrap .qrcode .qrcode-img[data-v-1fe240b4] {
    width: 1rem;
    height: 1rem;
    border-radius: .08rem;
    background: #fff
}

.container .footer .footer-info .qrcode-wrap .qrcode .qrcode-desc[data-v-1fe240b4] {
    margin-top: .1rem;
    color: #8e8f9b;
    font-size: .16rem;
    text-align: center
}

.container .contact-bar[data-v-1fe240b4] {
    position: fixed;
    left: 0;
    bottom: -100%;
    width: 100%;
    height: 120px;
    z-index: 100;
    transition: bottom 2s ease
}

.container .contact-bar.visible[data-v-1fe240b4] {
    bottom: 0;
    transition: bottom .4s ease
}

.container .contact-bar .tel-info[data-v-1fe240b4] {
    font-size: 0
}

.container .contact-bar .tel-info .tel-info-title[data-v-1fe240b4] {
    width: 3.58rem;
    height: .3rem
}

.container .contact-bar .tel-info .tel-wrap[data-v-1fe240b4] {
    margin-top: .12rem;
    color: #20b364;
    font-size: .22rem
}

.container .contact-bar .tel-info .tel-wrap .tel-info-icon[data-v-1fe240b4] {
    margin-right: .13rem;
    width: .24rem;
    height: .26rem
}

.container .contact-bar .contact-wrap .contact-btn[data-v-1fe240b4] {
    position: relative;
    margin-left: .3rem;
    width: 1.9rem;
    height: .5rem;
    color: #fff;
    font-size: .18rem;
    background: #00bc81;
    border-radius: .08rem;
    cursor: pointer
}

.container .contact-bar .contact-wrap .contact-btn .btn-icon[data-v-1fe240b4] {
    margin-right: .06rem;
    width: .2rem;
    height: .2rem
}

.container .contact-bar .contact-wrap .contact-btn .qr-code-img[data-v-1fe240b4] {
    position: absolute;
    left: 0;
    bottom: calc(100% + .1rem);
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .12rem
}