@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.woff2) format("woff2"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.iconmenu:before {
    content: "\e8cb"
}
.iconclose:before {
    content: "\e8ca"
}

.xt__error-header {
    height: 52px;
    width: 100%;
    background: #000
}

.disnone {
    display: none;
}

.error404 {
    background: url(../images/404.png) center 150px no-repeat;
    padding: 450px;
    text-align: center;
    min-height: 400px
}

.error404 .tit {
    font-size: 16px;
    color: #0e0e0e
}

.error404 .tips {
    margin-top: 28px;
    font-size: 14px;
    color: #8b91a0;
    line-height: 26px
}

.error404 .btnBox {
    margin-top: 70px
}

.error404 .btnBox a,
.error404 .btnBox span {
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    color: #999;
    border: 1px solid #999;
    margin: 0 20px;
    width: 120px;
    cursor: pointer
}

.error404 .btnBox a.index,
.error404 .btnBox span.index {
    background: #00a2ff;
    color: #fff;
    border-color: #00a2ff
}

.error404 .btnBox a:hover,
.error404 .btnBox span:hover {
    opacity: .7
}

.error404 .back-index {
    text-align: center;
    margin-top: 20px;
    color: #00a2ff;
    font-size: 14px
}

.xt__container {
    width: 1200px;
    margin: auto
}

body .xt__breadcrumb .xt__breadcrumb-content .active,
body .xt__container-tabs ul li,
body .xt__news-more a {
    position: relative;
    align-items: center;
    height: 100%;
    cursor: pointer
}

body .xt__breadcrumb .xt__breadcrumb-content .active:after,
body .xt__container-tabs ul li:after,
body .xt__news-more a:after {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid #00a0ff;
    transition: all .2s linear 0s;
    margin-left: 50%
}

body .xt__breadcrumb .xt__breadcrumb-content .active:hover:after,
body .xt__container-tabs ul li:hover:after,
body .xt__news-more a:hover:after {
    width: 100%;
    margin-left: 0
}

.xt__btn-col {
    background: linear-gradient(95deg, #00a2ff, #00a2ff 12%, #0045ff)
}

.xt__btn-col:hover {
    background: linear-gradient(95deg, #38afff, #386fff)
}

.p10 {
    padding: 0 10px
}

.pcNone {
    display: none !important
}

.mobileNone {
    display: block !important
}

.block {
    display: block
}

.mr20 {
    margin-right: 20px
}

.pb20 {
    padding-bottom: 20px
}

.mb60 {
    margin-bottom: 60px
}

.center {
    text-align: center
}

.isPC-none {
    display: none !important
}

.has-text-centered {
    text-align: center !important;
}

.image {
    display: block;
    position: relative
}

.image img {
    display: block;
    height: auto;
    width: 100%
}

.xt__btn-col {
    color: #fff;
    border-radius: 3px;
    text-align: center
}

.xt_-self-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 14px;
    color: #0090ff;
    border: 1px solid #0090ff;
    padding: 5px 10px;
    width: 158px
}

.xt_-self-link .icona-22v {
    font-size: 24px;
    margin-right: 6px
}

.xt_-self-link:hover {
    background: #0090ff;
    color: #fff
}

.xt_-self-link:hover .icona-22v {
    color: #fff
}

body {
    font: 100% DM Sans, Gilroy, -apple-system, Sofia Pro, Microsoft YaHei, Helvetica, Arial, sans-serif;
    color: #374454
}

body h2 {
    font-size: 32px;
    text-align: left;
    margin-bottom: 30px
}

body .xt__banner-dataCenter .xt__banner-container {
    max-height: 372px;
    overflow: hidden
}

body .xt__banner-dataCenter .xt__banner-container img {
    display: block
}

body .xt__banner-dataCenter .xt__banner-container h2 {
    font-size: 54px;
    font-weight: 400;
    font-stretch: normal;
    font-weight: 100;
    color: #fafcff
}

body .xt__breadcrumb {
    background: #f8f8fa;
    font-size: 16px
}


body .xt__page-moblie {
    display: none;
    justify-content: center;
    align-items: center
}

body .xt__container-map {
    min-width: 1200px
}

body .xt__news-cotainer {
    margin-top: 48px
}

body .xt__news-cotainer .xt__news-list {
    margin-bottom: 33px
}

body .xt__news-cotainer .xt__news-list a {
    color: #333;
    font-weight: 500
}

body .xt__news-cotainer .xt__news-list ul {
    margin-bottom: 80px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem {
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article {
    width: 545px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article a {
    font-size: 26px;
    line-height: 40px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article a:hover {
    color: #00a0ff
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article .xt__news-datetime {
    font-size: 16px;
    font-weight: 400;
    color: #d7d9db;
    margin: 20px 0
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article .xt__news-active {
    line-height: 40px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article .xt__news-active p {
    font-size: 16px;
    color: #374454;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    position: relative;
    max-height: 195px;
    line-height: 40px
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-img {
    display: block;
    width: 590px;
    min-height: 340px;
    max-height: 340px;
    background: #eee;
    overflow: hidden
}

body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-img img {
    width: 100%
}

body .xt__news-cotainer .xt__news-list ul li .spe-item {
    flex-direction: column-reverse
}

body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article,
body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-img {
    width: 100%;
    max-height: 100%
}

body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article a {
    display: block;
    text-align: center;
    margin-top: 47px;
    margin-bottom: 29px
}

body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article .xt__news-datetime {
    display: none
}

body .xt__news-detail {
    margin-top: 60px
}

body .xt__news-detail .xt__news-goBack {
    font-size: 22px
}

body .xt__news-detail .xt__news-goBack span {
    margin-right: 15px
}

body .xt__news-detail .xt__news-goBack:hover {
    color: #00a0ff
}

body .xt__news-detail .xt__news-detailGroup {
    margin: 54px auto
}

body .xt__news-detail .xt__news-detailGroup h2 {
    font-size: 30px
}

body .xt__news-detail .xt__news-detailGroup .xt__news-dateTimes {
    font-size: 16px;
    padding: 24px 0 25px
}

body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active {
    font-size: 16px
}

body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active p {
    margin-top: 16px;
    line-height: 26px;
    text-align: left
}

body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active p span {
    text-align: left
}

body .xt__news-detail .xt__newsDetail-foot {
    padding: 0 0 30px;
    color: #8b91a0 !important
}

body .xt__news-detail .xt__newsDetail-foot li {
    margin: 0 20px
}

body .xt__news-detail .xt__newsDetail-foot li a span {
    margin: 0 18px;
    color: #00a0ff
}

body .xt__news-detail .xt__newsDetail-foot li a:hover {
    color: #00a0ff
}

body .xt__news-more {
    padding-top: 40px;
    margin-bottom: 100px
}

body .xt__news-more a {
    font-size: 22px;
    color: #374454;
    padding-bottom: 9px
}

body .xt__news-more a span {
    margin-left: 5px
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px
}

.swiper-pagination-bullet {
    border: 2px solid #fff;
    height: 20px;
    width: 20px
}

.swiper-pagination-bullet-active {
    background: hsla(0, 0%, 100%, .5);
    border: 2px solid hsla(0, 0%, 100%, .5)
}

.index-title {
    margin: 80px 0 60px !important;
    text-align: center
}

.pc-none-inline {
    display: none
}

.mobile-none-inline {
    display: inline
}

.PCNone {
    display: none !important
}

@media screen and (max-width:768px) {
    .PCNone {
        display: block !important
    }

    .xt__banner {
        padding-top: 11.73333vw
    }

    .xt__banner,
    body {
        min-width: auto !important
    }

    body {
        background: #b6cedd !important
    }

    .position-r {
        position: relative
    }

    .mobileBox {
        margin: 2.66667vw 2.66667vw 0;
        border-radius: 2.66667vw;
        overflow: hidden;
        background-color: #fff
    }

    .mobileBox .titleFlex {
        text-align: center;
        height: 7.12144vh;
        line-height: 7.12144vh;
        font-size: 4.53333vw;
        font-weight: 500;
    }

    .mobileBox .titleFlex .swiper-slide {
        flex: 1;
        color: #333;
        margin-bottom: -1px;
        font-size: 4vw;
        border-bottom: 1px solid #f5f5f5
    }

    .mobileBox .titleFlex .swiper-slide.active {
        color: #00a2ff;
        border-bottom: 1px solid #00a2ff
    }

    .mobileBox .boxMain {
        padding: 2.66667vw
    }

    .mobileBox .swiper-slide {
        border-top: 1px solid #f5f5f5
    }

    .mobileBox .swiper-slide:first-child {
        border: none
    }

    .productSwiper .swiperA {
        display: block;
        padding: 4.8vw;
        color: #999;
        border-top: 1px solid #f5f5f5
    }

    .productSwiper .swiperA:first-child {
        border: none
    }

    .productSwiper .swiperA .title {
        font-size: 4vw;
        margin: 0;
        line-height: 2.9985vh;
        display: flex;
        justify-content: space-between;
        padding-bottom: 1.49925vh
    }

    .productSwiper .swiperA .title .price {
        font-size: 2.93333vw;
        color: #999
    }

    .productSwiper .swiperA .title .price b {
        color: #ff7304;
        font-size: 4vw
    }

    .productSwiper .swiperA ul {
        display: flex
    }

    .productSwiper .swiperA ul li {
        flex: 1;
        padding-right: 10px
    }

    .productSwiper .swiperA ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 3.2vw;
        width: 100%
    }

    .productSwiper .swiperA ul li p:first-child {
        color: #666
    }

    .m-footer-main {
        font-size: 3.2vw;
        padding: 2.66667vw 7.33333vw 4.8vw;
        line-height: 5.86667vw;
        color: #8b91a0;
        text-align: center
    }

    .border-top:before {
        top: 0;
        border-top: 1px solid #f5f5f5
    }

    .border-bottom:after,
    .border-top:before {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #f5f5f5;
        transform-origin: 0 0;
        transform: scaleY(.5);
        z-index: 2
    }

    .border-bottom:after {
        bottom: 0;
        border-bottom: 1px solid #f5f5f5
    }

    .m-parner .swiper-pagination-bullet-active {
        width: 4.26667vw;
        height: 4px;
        border-radius: 20px;
        background: #00a2ff;
        bottom: 2px
    }

    .m-parner .swiper-slide {
        border: none !important
    }

    .card-body-for_img_p {
        padding: 4.13333vw
    }

    .card-body-for_img_p img {
        margin-bottom: 3.73333vw
    }

    .card-body-for_img_p p {
        font-size: 2.93333vw;
        line-height: 4vw;
        color: #999
    }
}

@media screen and (max-width:1200px) {
    body .xt__banner {
        min-width: 100%
    }

    body .xt__container-map {
        min-width: 0
    }

    body .xt__container,
    body .xt__container-map .xt__map-content .xt__img-warp,
    body .xt__container-map .xt__map-content .xt__map-btnGroup {
        width: 100% !important;
        padding: 0 10px
    }

    body .xt__about-responsibility .xt__responsibility-head .xt__responHead-article .xt__responArticle-img {
        width: 50%
    }

    body .xt__container-map .xt__map-content .xt__img-warp .xt__warp-moblie {
        display: none
    }

    body .xt__container-map .xt__map-content .xt__img-warp .xt__warp-pc {
        display: block;
        width: 100%;
        padding: 0 10px
    }

    body .xt__container-map .xt__map-content .xt__img-warp .xt__newBox-group {
        display: none
    }

    body .xt__container-map .xt__map-content .xt__img-warp .sacol {
        width: 18vw;
        right: 15.6vw;
        height: 12.5vw
    }

    body .xt__container-footer,
    body .xt__container-footer .content {
        min-width: 0
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article {
        width: 45%
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-img {
        width: 50%;
        min-height: auto
    }

    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article,
    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-img {
        width: 100%
    }

    body .xt__container-footer .content .xt__footer-copyright {
        flex-wrap: wrap
    }

    body .xt__container-footer .footer-top .xt__container-content .xt__container-meun .xt__foot-icon:first-of-type .xt__footIcon-wrap {
        margin-left: 0
    }
}

@media screen and (max-width:1120px) {
    body .xt__container-map .xt__map-content .xt__map-data .xt__map-dataItem {
        flex: auto;
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
        height: 12.96296vw;
        justify-content: space-around
    }
}

@media screen and (max-width:768px) {
    .xt__footer-aside {
        bottom: 275px !important
    }

    .xt__footer-aside .trailer,
    .xt__footer-aside .weixin {
        display: none !important
    }

    .pcNone {
        display: block !important
    }

    .mobileLogin a {
        display: inline-block
    }

    .mb60 {
        margin-bottom: 20px
    }

    .mobileNone {
        display: none !important
    }

    .xt__container-map .xt__map-content .xt__img-warp .sacol {
        display: none !important
    }

    .index-title {
        margin: 40px 0 20px !important;
        font-size: 20px
    }

    .pc-none-inline {
        display: inline !important
    }

    .mobile-none-inline {
        display: none !important
    }

    .isMoblie-none {
        display: none !important
    }

    .isPC-none {
        display: block !important
    }

    body .head-title {
        font-size: 4.44444vw;
        font-weight: 500;
        margin-bottom: 1.5625vh;
        color: #333;
        text-align: center
    }

    body .xt__container {
        width: 100%
    }

    body .xt__container-footer {
        min-width: auto;
        background: #f7f7f7;
        padding-top: 0
    }

    body .xt__container-footer a {
        font-size: 3.51852vw
    }

    body .xt__container-footer .content {
        min-width: 100%;
        padding-top: 3.125vh
    }

    body .xt__container-footer .content a,
    body .xt__container-footer .content p {
        font-size: 2.5vw
    }

    body .xt__container-footer .content .xt__footer-copyright {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    body .xt__container-footer .content .xt__footer-copyright p {
        margin-bottom: 0
    }

    body .xt__container-footer .content .xt__footer-copyright p:after {
        width: 0
    }

    body .xt__container-footer .content .xt__footer-copyright-moblie {
        display: flex;
        flex-direction: column
    }

    body .xt__container-footer .content .xt__footer-iconList {
        display: none
    }

    body .xt__container-footer .content .xt__moFooter-iconList {
        display: block;
        padding-bottom: 6.75926vw
    }

    body .xt__container-footer .footer-top {
        flex-direction: column;
        align-items: center;
        margin-bottom: .72917vh !important
    }
    

    body .xt__container-footer .footer-top .xt__container-content {
        padding-right: 0
    }

    body .xt__container-footer .footer-top .xt__container-content .xt__container-meun {
        display: none
    }

    body .xt__container-footer .footer-top .xt__container-content .xt__container-meun:last-of-type {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    body .xt__container-footer .footer-top .xt__container-content .xt__container-meun li {
        margin-right: 0;
        margin-left: 0
    }

    body .xt__container-footer .footer-top .xt__footer-logo {
        margin-top: 2.60417vh;
        padding-left: 0
    }

    body .xt__container-footer .footer-top .xt__footer-logo .image {
        margin: auto
    }

    body .xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent {
        color: #333;
        text-align: center;
        font-size: 16px
    }

    body .xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent p:not(.xt__footer-tep) {
        margin-bottom: 0
    }

    body .xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent .xt__footer-tep {
        margin: auto;
        background: transparent
    }

    body .xt__banner {
        min-width: auto
    }

    body .xt__banner .swiperBox .swiper-slide .xt__swiper-slideTitle .xt__slide-content {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    body .xt__banner .swiperBox .swiper-slide .xt__swiper-slideTitle .xt__slide-content span {
        font-size: 8vw;
        letter-spacing: .74074vw;
        margin-top: 0
    }

    body .xt__banner .swiperBox .swiper-slide .xt__swiper-slideTitle .xt__slide-content p {
        font-size: 3.2vw;
        margin-top: 4vw
    }

    body .xt__banner .swiperBox .swiper-slide .xt__swiper-slideTitle .xt__slide-content p span {
        display: block
    }


    body .xt__news-cotainer {
        margin-top: 4.58333vh
    }

    body .xt__news-cotainer .xt__news-list {
        margin-bottom: 1.71875vh
    }

    body .xt__news-cotainer .xt__news-list a {
        color: #333
    }

    body .xt__news-cotainer .xt__news-list ul {
        margin-bottom: 4.16667vh
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem {
        margin-bottom: 0;
        border-bottom: .18519vw solid #e5e5e5
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article {
        width: 100%;
        display: flex;
        flex-direction: column-reverse
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article a {
        font-size: 3.51852vw;
        margin-bottom: 1.5625vh;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article .xt__news-datetime {
        font-size: 3.24074vw;
        margin: 1.04167vh 0;
        color: #3c4858
    }

    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-article .xt__news-active,
    body .xt__news-cotainer .xt__news-list ul li .xt__news-listItem .xt__news-img {
        display: none
    }

    body .xt__news-cotainer .xt__news-list ul li .spe-item {
        flex-direction: column-reverse
    }

    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article,
    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-img {
        width: 100%
    }

    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article a {
        text-align: left;
        margin-top: 0;
        margin-bottom: 1.5625vh
    }

    body .xt__news-cotainer .xt__news-list ul li .spe-item .xt__news-article .xt__news-datetime {
        display: block
    }

    body .xt__news-detail {
        margin-top: 3.125vh
    }

    body .xt__news-detail .xt__news-goBack {
        font-size: 3.51852vw
    }

    body .xt__news-detail .xt__news-goBack span {
        margin-right: .92593vw
    }

    body .xt__news-detail .xt__news-detailGroup {
        margin: 2.8125vh auto;
        padding-bottom: 3.64583vh;
        border-bottom: 1px solid #e9e9ea
    }

    body .xt__news-detail .xt__news-detailGroup h2 {
        font-size: 3.51852vw;
        text-align: center
    }

    body .xt__news-detail .xt__news-detailGroup .xt__news-dateTimes {
        justify-content: center;
        font-size: 3.51852vw;
        padding: 1.25vh 0
    }

    body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active {
        font-size: 3.51852vw
    }

    body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active p {
        margin-top: 1.66667vh;
        line-height: 7.40741vw;
        text-align: justify
    }

    body .xt__news-detail .xt__news-detailGroup .xt__newsDetail-active p span {
        text-align: center
    }

    body .xt__news-detail .xt__newsDetail-foot {
        padding: 0 0 5.26042vh;
        color: #8b91a0 !important
    }

    body .xt__news-detail .xt__newsDetail-foot li {
        margin: 0 1.85185vw
    }

    body .xt__news-detail .xt__newsDetail-foot li a {
        font-size: 3.51852vw
    }

    body .xt__news-detail .xt__newsDetail-foot li a span {
        margin: 0 1.66667vw;
        color: #00a0ff
    }

    body .xt__news-detail .xt__newsDetail-foot li a:hover {
        color: #00a0ff
    }

    body .xt__news-moresItem {
        display: none
    }

    .xt__container {
        max-width: 112.03704vw;
        overflow: hidden;
        margin: 0 auto;
        padding: 0 .46296vw .83333vh
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 1.04167vh;
        position: relative;
    }

    .swiper-pagination-bullet {
        border: .18519vw solid #fff;
        height: 1.85185vw;
        width: 1.85185vw
    }

    .swiper-pagination-bullet-active {
        background: hsla(0, 0%, 100%, .5);
        border: .18519vw solid hsla(0, 0%, 100%, .5)
    }
}

body {
    font-family: Helvetica, Arial, sans-serif, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue !important
}

.hover_red:hover {
    color: #00a2ff !important
}

.xt__size-66 {
    font-size: 4.125rem
}

.xt__size-58 {
    font-size: 3.625rem
}

.xt__size-52 {
    font-size: 3.25rem
}

.xt__size-50 {
    font-size: 3.125rem
}

.xt__size-46 {
    font-size: 2.875rem
}

.xt__size-36 {
    font-size: 36px
}

.xt__size-34 {
    font-size: 2.125rem
}

.xt__size-30 {
    font-size: 1.875rem
}

.xt__size-28 {
    font-size: 1.75rem
}

.xt__size-27 {
    font-size: 1.6875rem
}

.xt__size-26 {
    font-size: 1.625rem
}

.xt__size-25 {
    font-size: 1.5625rem
}

.xt__size-24 {
    font-size: 1.5rem
}

.xt__size-23 {
    font-size: 1.4375rem
}

.xt__size-22 {
    font-size: 1.375rem
}

.xt__size-18 {
    font-size: 1.125rem !important
}

.xt__size-14 {
    font-size: .875rem !important
}

.color999 {
    color: #999
}

.color333 {
    color: #333
}

.red {
    color: #f81f1f
}

.xt__text-left {
    text-align: left
}

.xt__text-right {
    text-align: right
}

.xt__align-start {
    align-self: flex-start
}

.xt__align-end {
    align-self: flex-end
}

.aligncenter {
    text-align: center
}

.alignleft {
    text-align: left
}

.alignright {
    text-align: right
}

img.alignleft {
    margin-right: 100%
}

img.aligncenter {
    display: block;
    margin: auto
}

img.alignright {
    margin-left: 100%;
    transform: translateX(-100%)
}

.clearfix:after {
    content: "";
    display: block;
    clear: both
}

.xt__common-width {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto
}

.xt__common-width-middle {
    width: 800px;
    min-width: 800px;
    margin: 0 auto
}

.xt__common-width h2 {
    text-align: left
}

.xt__link {
    color: #333
}

.xt__container {
    width: 1210px;
    overflow: hidden;
    margin: 0 auto;
    /* padding: 0 5px 20px; */
}

.icon {
    width: 100%;
    height: 30px;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item[focus-within] {
    background-color: transparent !important;
    color: #00a2ff !important
}

a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within {
    background-color: transparent !important;
    color: #00a2ff !important
}

.pointer {
    cursor: pointer
}

.wh80 {
    width: 80px;
    height: 80px
}

.hoverA {
    display: inline-block;
    transition: all .2s ease-in-out 0s;
    transform: translate(0)
}

.hoverA:hover {
    transform: translateY(3px)
}

.reduceBox:hover {
    opacity: .8
}

.disabled.addBox {
    border-color: #eee
}

.disabled.addBox:after,
.disabled.addBox:before {
    background: #eee;
    cursor: not-allowed
}

.nb-nodeboard-set-content {
    width: 223px !important;
    box-sizing: border-box !important;
    padding: 10px !important
}

input:focus,
textarea {
    border: none;
    outline: none
}

.mr-22 {
    margin-right: 22px
}

.ml-6 {
    margin-left: 6px
}

.mr-10 {
    margin-right: 10px
}

.mr-25 {
    margin-right: 25px
}

.mr-16px {
    margin-right: 16px
}

.label-text {
    color: #8b91a0
}

.ml-25 {
    margin-left: 25px
}


.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent .xt__footer-tep {
    /* background: linear-gradient(95deg, #00a2ff, #00a2ff 12%, #0045ff) */
    background: linear-gradient(95deg, #8866e4, #694fb1 12%, #5b4498);
}


.xt__footer-aside {
    position: fixed;
    right: 0;
    bottom: 381px;
    z-index: 999
}

.xt__footer-aside.xt__footer-aside2 {
    bottom: 204px
}

.xt__footer-aside .xt__aside-item {
    display: block;
    width: 46px;
    height: 45px;
    position: relative;
    background-color: #cedae4;
    margin-top: 1px;
    cursor: pointer
}

.xt__footer-aside .weixin {
    position: relative
}

.xt__footer-aside .weixin:before {
    content: "";
    display: block;
    height: 100%;
    background: url(../images/icon.png) no-repeat -3px -119px
}

.xt__footer-aside .weixin .aside-icon-hover {
    width: 325px;
    position: absolute;
    right: 46px;
    top: -230px;
    text-align: center;
    border: 1px solid #00a2ff;
    background-color: #fff;
    padding: 26px 26px 19px;
    font-size: 12px;
    line-height: 1;
    display: none;
    color: #333
}

.xt__footer-aside .weixin .aside-icon-hover .xt__aside-title {
    font-size: 18px;
    margin-bottom: 10px
}

.xt__footer-aside .weixin .aside-icon-hover img {
    width: 110px;
    max-width: 110px
}

.xt__footer-aside .weixin .aside-icon-hover .values {
    margin-bottom: 10px;
    font-size: 14px
}

.xt__footer-aside .weixin .aside-icon-hover .work-time {
    font-size: 12px;
    color: grey;
    margin-bottom: 20px
}

.xt__footer-aside .weixin .aside-icon-hover .font-bold {
    font-weight: 600
}

.xt__footer-aside .weixin .aside-icon-hover ul {
    padding-bottom: 7px
}

.xt__footer-aside .weixin .aside-icon-hover ul li {
    padding-bottom: 15px
}

.xt__footer-aside .weixin:hover .aside-icon-hover {
    display: block
}

.xt__footer-aside .weixin:hover:before {
    background: #00a0ff url(../images/icon.png) no-repeat -51px -119px
}

.xt__footer-aside .xt__icon:before {
    content: "";
    display: block;
    height: 45px;
    background: url(../images/icon.png) no-repeat -3px 2px
}

.xt__footer-aside .icon-arrow-up:before {
    background-position: -4px -160px
}

.xt__container-footer {
    background: #2c323e;
    color: #375554;
    font-size: 14px;
    min-width: 1200px;
    padding-top: 90px
}

.xt__container-footer a {
    display: inline-block;
    color: inherit;
    font-weight: 400
}

.xt__container-footer a.pc-none-inline {
    display: none
}

.xt__container-footer li:active a,
.xt__container-footer li:hover a {
    color: #96b6e6
}

.xt__container-footer .footer-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    overflow: visible
}


.xt__container-footer .footer-top .xt__footer-logo {
    width: 360px
}

.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
    margin-top: 25px
}

.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent p:not(.xt__footer-tep) {
    margin-bottom: 20px
}

.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent .xt__footer-tep {
    width: 253px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    text-align: center;
    margin-top: 44px;
    border-radius: 8px
}

.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent .xt__footer-tep__pc {
    font-size: 18px
}

.xt__container-footer .footer-top .xt__footer-logo .xt__footer-logoContent .xt__footer-tep__mobile {
    color: #00a0ff
}

.xt__container-footer .footer-top .xt__container-content {
    display: flex;
    justify-content: space-around;
    color: #697a95
}

.xt__container-footer .footer-top .xt__container-content .xt__container-meun {
    display: flex;
    flex-direction: column
}

.xt__container-footer .footer-top .xt__container-content .xt__container-meun .xt__foot-title {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}



.xt__container-footer .footer-top .xt__container-meunGroup {
    /* width: 800px */
    width: 600px;
}
.xt__container-footer .erweima {
    text-align: center;
    width: 200px;
}
.xt__container-footer .qr-tit {
    color: #fff;
    margin-bottom: 5px;
}
.xt__container-footer .erweima img {
    width: 100px;
}

.xt__container-footer .footer-top .xt__container-meunGroup .xt__container-meun {
    font-size: 14px;
    line-height: 42px;
    list-style: none;
}

.xt__container-footer .footer-top .xt__container-meunGroup .xt__container-meun .xt__foot-title {
    margin-bottom: 5px
}


.xt__container-footer .content {
    background: #252525;
    font-size: 14px;
    padding: 52px 0;
    color: #ada9a9
}

.xt__container-footer .content a {
    color: inherit
}

.xt__container-footer .content a:hover {
    color: #96b6e6
}

.xt__container-footer .content .xt__footer-copyright {
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px
}

.xt__container-footer .content .xt__footer-copyright p:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 16px;
    background: #526076;
    transform: translateY(3px);
    margin-left: 5px;
    margin-right: 5px
}

.xt__container-footer .content .xt__footer-copyright p:last-of-type:after {
    width: 0
}

.xt__container-footer .content .xt__footer-copyright-moblie {
    font-weight: 400
}

.xt__container-footer .content .xt__footer-iconList {
    padding-bottom: 0
}

.xt__container-footer .content .xt__moFooter-iconList {
    display: none
}

.xt__container-footer .column li {
    margin: 5px 13px
}

.icon {
    display: block;
    overflow: inherit
}

.xt__container-footer .xt__container>.column:first-child {
    padding-left: 0
}

.xt__container-footer .xt__container>.column:last-child {
    padding-right: 0
}

@media screen and (max-width:768px) {
    .mobileNone {
        display: none !important
    }
}

.xt__icon {
    display: block;
    overflow: inherit
}

.aside {
    position: fixed;
    right: 0;
    bottom: 313px;
    z-index: 999
}

.aside ul .aside-item {
    width: 50px;
    height: 45px;
    position: relative;
    background-color: #cedae4;
    margin-top: 1px;
    cursor: pointer
}

.aside ul .aside-item:hover {
    background-color: #5b4498
}

.aside ul .aside-item>a {
    text-align: center
}

.aside ul .xt__icon:before {
    content: "";
    display: block;
    height: 45px;
    background: url(../images/icon.png) no-repeat -3px 2px
}

.aside ul .icon-Publicity {
    height: 101px
}

.aside ul .icon-arrow-up:before {
    background-position: -4px -160px
}

.aside ul .to-top {
    margin-top: 1.571rem;
    background: #cedae4;
    transform: translateY(111px)
}

.aside ul .icon-contact-qq:hover:before {
    background-position: -52px 2px
}

.aside ul .aside-item .aside-icon-hover {
    position: absolute;
    top: 0;
    right: 100%;
    padding: 0 1rem;
    color: #4a4a4a;
    background-color: #fff;
    border: 1px solid #00a2ff;
    display: none;
    min-width: 10rem;
    line-height: 43px;
    text-align: center
}

.aside ul .aside-item .icon-tel-hover {
    top: -148px;
    text-align: left;
    width: 320px;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 14px
}

.aside ul .aside-item .aside-icon-hover .icon-tel-content {
    text-align: left;
    white-space: nowrap;
    line-height: 24px
}

.aside ul .aside-item .icon-QR-code-hover {
    top: -194px;
    height: auto;
    width: auto;
    padding: 23px;
    background: #fff;
    border: 1px solid #00a2ff;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #333
}

.aside ul .aside-item .icon-QR-code-hover img {
    width: 110px;
    max-width: 110px;
    margin: 11px auto
}

.aside ul .aside-item .icon-QR-code-hover p:last-of-type {
    margin-top: 15px;
    margin-bottom: 5px
}

.aside ul .aside-item .icon-QR-code-hover span {
    color: #8b91a0
}

.aside ul .aside-item:hover .aside-icon-hover {
    display: block
}

.icon-QR-code-hover {
    height: 124px;
    width: 124px
}

.aside ul .qq-hover {
    background-color: #666
}

.aside ul .aside-item .qq-hover .qq-nav {
    height: 4rem;
    line-height: 4rem;
    background-color: #f3f5fb;
    display: flex
}

.aside ul .aside-item .qq-hover .qq-nav .sale-title {
    width: 50%;
    display: block;
    text-align: center
}

.aside ul .aside-item .qq-hover .qq-nav .sale-title:hover {
    color: #333;
    background-color: #fff
}

.f-qq-list {
    width: 325px;
    position: absolute;
    right: 50px;
    top: -230px;
    border: 1px solid #00a2ff;
    background-color: #fff;
    padding: 26px 26px 19px;
    font-size: 12px;
    line-height: 1;
    display: none
}

.f-qq-list .mb-10 {
    margin-bottom: 10px
}

.f-qq-list .work-time {
    font-size: 12px;
    color: grey;
    margin-bottom: 20px
}

.aside ul .aside-item:hover .f-qq-list {
    display: inline
}

.f-qq-item {
    word-break: keep-all;
    padding-bottom: 7px
}

.f-qq-item li {
    padding-bottom: 15px
}

.f-qiwei-item {
    width: 70%;
    height: 80%;
    margin: 0 auto;
    border: 2px solid #006fe5
}

.f-qiwei-item+.f-qiwei-item {
    margin-top: 20px;
    margin-bottom: 10px
}

.f-qiwei-tit {
    padding: 10px;
    font-size: 16px;
    background: #006fe5;
    color: #fff
}

.f-qq-tit {
    font-weight: 600
}

.f-qq a {
    color: #999
}

.f-qq img,
.f-qq span {
    vertical-align: middle
}

.f-qq-w {
    width: 86px;
    display: inline-block
}


.xt__navbar-item .xt__navbar-link>span:after {
    background: linear-gradient(95deg, #8866e4, #694fb1 12%, #5b4498) !important
}

.xt__navbar-item {
    padding: 0;
    position: relative;
    margin-right: 37px;
    white-space: nowrap
}

.xt__navbar-item .xt__navbar-link {
    color: #333;
    display: flex;
    align-items: center;
    font-size: 16px;
    position: relative
}

.xt__navbar-item .xt__navbar-link>span {
    position: relative
}

.xt__navbar-item .xt__navbar-link>span:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 33px;
    height: 2px;
    visibility: hidden
}

.xt__navbar-item .xt__navbar-link>.iconfont {
    transform: rotate(90deg);
    color: #686868;
    transition: transform .2s linear
}

.xt__navbar-item:hover .xt__navbar-link {
    color: #5b4498
}

.xt__navbar-item:hover .xt__navbar-link>span:after {
    visibility: visible
}

.xt__navbar-item:hover .xt__navbar-link>.iconfont {
    transform: rotate(270deg)
}

.xt__navbar-item:hover .xt__navbar-dropdown {
    visibility: visible;
    opacity: 1;
    transform: translate(-20%);
    transition: all .2s ease-in-out 0s
}

.xt__navbar-item.current .xt__navbar-link>span:after {
    visibility: visible
}

.xt__navbar-menu {
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    align-items: stretch;
    position: relative;
    width: 760px;
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-end;
}

@media screen and (max-width:768px) {
    .xt__navbar-item {
        border-bottom: 1px solid #ebf4fa
    }

    .xt__navbar-item a {
        padding-left: 5.86667vw;
        display: block
    }

    .xt__navbar-item .xt__navbar-link {
        color: #333 !important;
    }

    .xt__navbar-item .xt__navbar-link span {
        padding-left: 5.86667vw
    }

    .xt__navbar-item .xt__navbar-link .iconfont {
        float: right;
        margin-right: 5.86667vw;
        transition: transform .2s linear
    }

    .xt__navbar-item .xt__navbar-link .xt__navbar-item .xt__navbar-link span,
    .xt__navbar-item .xt__navbar-link .xt__navbar-item a {
        padding-left: 11.73333vw
    }

    .xt__navbar-item .xt__navbar-link .xt__navbar-item.has-drop a {
        padding-left: 17.6vw
    }

    .xt__navbar-item.is-active>.xt__navbar-link>.iconfont {
        transform: rotate(90deg)
    }

    .xt__navbar-item.is-active>.xt__navbar-link>.xt__navbar-link-dropdown>.xt__navbar-item:not(.has-drop) {
        border-color: #deeaf3;
        background-color: #ebf4fa
    }

    .xt__navbar-item.is-active>.xt__navbar-link>.xt__navbar-link-dropdown>.xt__navbar-item:not(.has-drop) .xt__navbar-link {
        color: #8b91a0
    }

    .xt__navbar-item.is-active>.xt__navbar-link>.xt__navbar-link-dropdown>.xt__navbar-item:first-child {
        border-top: 1px solid #deeaf3
    }

    .xt__navbar-item.is-active .xt__navbar-item.is-active {
        border-color: #deeaf3;
        background-color: #ebf4fa
    }

    .xt__navbar-item.is-active .xt__navbar-item.is-active .xt__navbar-link {
        color: #8b91a0
    }

    .xt__navbar-item:last-child {
        border-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .xt__navbar-menu {
        position: fixed;
        right: 0;
        width: 100%;
        top: 6.5967vh;
        z-index: 10;
        max-height: 1334px;
        overflow: auto;
        display: block;
        background: #fff
    }
}

.navbar-brand {
    padding: 15px 0;
    margin-right: 80px
}

.navbar-brand .logo {
    height: 100%
}

.navbar-brand .logo img {
    height: 50px
}

@media screen and (max-width:768px) {
    .navbar-brand {
        padding: 2vw 0;
        margin-left: 4.93333vw
    }

    .navbar-brand .logo img {
        height: 7.33333vw
    }
}

.xt_navbar-btnGroup .xt__btn-col {
    background: linear-gradient(95deg, #00a2ff, #00a2ff 12%, #0045ff)
}

.xt_navbar-btnGroup .xt__btn-col:hover {
    background: linear-gradient(95deg, #38afff, #386fff)
}

.xt_navbar-btnGroup-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.xt_navbar-btnGroup .xt__navbar-link {
    display: block;
    line-height: 36px;
    height: 36px;
    width: 102px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap
}

.xt_navbar-btnGroup .xt__navbar-link:hover {
    color: #fff
}

.xt_navbar-btnGroup .xt__btn-col {
    color: #fff;
    border-radius: 3px
}

@media screen and (max-width:768px) {
    .xt_navbar-btnGroup .navBtn {
        padding-right: 5.33333vw
    }

    .xt_navbar-btnGroup .navBtn .iconfont {
        margin-left: 10px;
        font-size: 30px;
        height: 100%
    }
}

.xt__navbar {
    z-index: 999;
    background: #fff;
    min-width: 100%;
    position: relative;
}

.xt__navbar .navbar {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    height: 80px;
    line-height: 80px;
    justify-content: space-between
}

.xt__navbar-transparent .navbar,
.xt__navbar-transparent {
    background: transparent
}

.xt__navbar-transparent .xt__navbar-item>.xt__navbar-link {
    color: #fff
}

.xt__navbar-transparent .xt__navbar-item>.xt__navbar-link>span:after {
    background: #fff
}

.xt__navbar-transparent .xt__navbar-item>.xt__navbar-link>.iconfont {
    color: #fff
}

.xt__navbar.is-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

@media screen and (max-width:768px) {
    .xt__navbar {
        background: #fff
    }

    .xt__navbar .navbar {
        background: #fff;
        height: 6.5967vh;
        line-height: 6.5967vh
    }

    .xt__navbar .navBg {
        position: fixed;
        left: 0;
        top: 6.5967vh;
        right: 0;
        bottom: 0;
        z-index: 9;
        background: rgba(0, 0, 0, .6)
    }
}

html {
    font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: border-box;
    margin: 0
}

.button--green {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #3b8070;
    color: #3b8070;
    text-decoration: none;
    padding: 10px 30px
}

.button--green:hover {
    color: #fff;
    background-color: #3b8070
}

.button--grey {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #35495e;
    color: #35495e;
    text-decoration: none;
    padding: 10px 30px;
    margin-left: 15px
}

.button--grey:hover {
    color: #fff;
    background-color: #35495e
}

.app-container {
    position: relative
}

.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

.svg-external-icon {
    background-color: currentColor;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;
    display: inline-block
}

.xt__page-box.is-after-banner {
    margin-top: 90px
}

.xt__page-box-title {
    margin: 0 auto;
    color: #333;
    text-align: center
}

.xt__page-box-subtitle {
    margin: 30px auto 0;
    color: #8b91a0;
    text-align: center;
    line-height: 28px
}

.xt__page-box-content {
    margin-top: 70px;
    margin-bottom: 110px
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

*,
:after,
:before {
    box-sizing: border-box
}

body {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
    font-size: 14px;
    color: #515a6e;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

a {
    color: #5b4397;
    background: 0 0;
    outline: 0;
    transition: color .2s ease;
    text-decoration: none;
}

a:hover {
    color: #57a3f3
}

a:active {
    color: #2b85e4
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace
}


.navbar {
    background-color: #fff;
    min-height: 3.25rem;
    position: relative;
    z-index: 30
}

.navbar.is-white {
    background-color: #fff;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link,
.navbar.is-white .navbar-brand>.navbar-item {
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.navbar.is-white .navbar-brand .navbar-link:after {
    border-color: #0a0a0a
}

.navbar.is-white .navbar-burger {
    color: #0a0a0a
}

@media screen and (min-width:1024px) {

    .navbar.is-white .navbar-end .navbar-link,
    .navbar.is-white .navbar-end>.navbar-item,
    .navbar.is-white .navbar-start .navbar-link,
    .navbar.is-white .navbar-start>.navbar-item {
        color: #0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link.is-active,
    .navbar.is-white .navbar-end .navbar-link:focus,
    .navbar.is-white .navbar-end .navbar-link:hover,
    .navbar.is-white .navbar-end>a.navbar-item.is-active,
    .navbar.is-white .navbar-end>a.navbar-item:focus,
    .navbar.is-white .navbar-end>a.navbar-item:hover,
    .navbar.is-white .navbar-start .navbar-link.is-active,
    .navbar.is-white .navbar-start .navbar-link:focus,
    .navbar.is-white .navbar-start .navbar-link:hover,
    .navbar.is-white .navbar-start>a.navbar-item.is-active,
    .navbar.is-white .navbar-start>a.navbar-item:focus,
    .navbar.is-white .navbar-start>a.navbar-item:hover {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-end .navbar-link:after,
    .navbar.is-white .navbar-start .navbar-link:after {
        border-color: #0a0a0a
    }

    .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a
    }

    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: #fff;
        color: #0a0a0a
    }
}

.navbar.is-black {
    background-color: #0a0a0a;
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link,
.navbar.is-black .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover {
    background-color: #000;
    color: #fff
}

.navbar.is-black .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-black .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-black .navbar-end .navbar-link,
    .navbar.is-black .navbar-end>.navbar-item,
    .navbar.is-black .navbar-start .navbar-link,
    .navbar.is-black .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-black .navbar-end .navbar-link.is-active,
    .navbar.is-black .navbar-end .navbar-link:focus,
    .navbar.is-black .navbar-end .navbar-link:hover,
    .navbar.is-black .navbar-end>a.navbar-item.is-active,
    .navbar.is-black .navbar-end>a.navbar-item:focus,
    .navbar.is-black .navbar-end>a.navbar-item:hover,
    .navbar.is-black .navbar-start .navbar-link.is-active,
    .navbar.is-black .navbar-start .navbar-link:focus,
    .navbar.is-black .navbar-start .navbar-link:hover,
    .navbar.is-black .navbar-start>a.navbar-item.is-active,
    .navbar.is-black .navbar-start>a.navbar-item:focus,
    .navbar.is-black .navbar-start>a.navbar-item:hover {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-end .navbar-link:after,
    .navbar.is-black .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #000;
        color: #fff
    }

    .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: #fff
    }
}

.navbar.is-light {
    background-color: #f5f5f5
}

.navbar.is-light,
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand>.navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-brand .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-light .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width:1024px) {

    .navbar.is-light .navbar-end .navbar-link,
    .navbar.is-light .navbar-end>.navbar-item,
    .navbar.is-light .navbar-start .navbar-link,
    .navbar.is-light .navbar-start>.navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link.is-active,
    .navbar.is-light .navbar-end .navbar-link:focus,
    .navbar.is-light .navbar-end .navbar-link:hover,
    .navbar.is-light .navbar-end>a.navbar-item.is-active,
    .navbar.is-light .navbar-end>a.navbar-item:focus,
    .navbar.is-light .navbar-end>a.navbar-item:hover,
    .navbar.is-light .navbar-start .navbar-link.is-active,
    .navbar.is-light .navbar-start .navbar-link:focus,
    .navbar.is-light .navbar-start .navbar-link:hover,
    .navbar.is-light .navbar-start>a.navbar-item.is-active,
    .navbar.is-light .navbar-start>a.navbar-item:focus,
    .navbar.is-light .navbar-start>a.navbar-item:hover {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-end .navbar-link:after,
    .navbar.is-light .navbar-start .navbar-link:after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-dark {
    background-color: #363636;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.navbar.is-dark .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-dark .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-dark .navbar-end .navbar-link,
    .navbar.is-dark .navbar-end>.navbar-item,
    .navbar.is-dark .navbar-start .navbar-link,
    .navbar.is-dark .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link.is-active,
    .navbar.is-dark .navbar-end .navbar-link:focus,
    .navbar.is-dark .navbar-end .navbar-link:hover,
    .navbar.is-dark .navbar-end>a.navbar-item.is-active,
    .navbar.is-dark .navbar-end>a.navbar-item:focus,
    .navbar.is-dark .navbar-end>a.navbar-item:hover,
    .navbar.is-dark .navbar-start .navbar-link.is-active,
    .navbar.is-dark .navbar-start .navbar-link:focus,
    .navbar.is-dark .navbar-start .navbar-link:hover,
    .navbar.is-dark .navbar-start>a.navbar-item.is-active,
    .navbar.is-dark .navbar-start>a.navbar-item:focus,
    .navbar.is-dark .navbar-start>a.navbar-item:hover {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-end .navbar-link:after,
    .navbar.is-dark .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #292929;
        color: #fff
    }

    .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #363636;
        color: #fff
    }
}

.navbar.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.navbar.is-primary .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-primary .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-primary .navbar-end .navbar-link,
    .navbar.is-primary .navbar-end>.navbar-item,
    .navbar.is-primary .navbar-start .navbar-link,
    .navbar.is-primary .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link.is-active,
    .navbar.is-primary .navbar-end .navbar-link:focus,
    .navbar.is-primary .navbar-end .navbar-link:hover,
    .navbar.is-primary .navbar-end>a.navbar-item.is-active,
    .navbar.is-primary .navbar-end>a.navbar-item:focus,
    .navbar.is-primary .navbar-end>a.navbar-item:hover,
    .navbar.is-primary .navbar-start .navbar-link.is-active,
    .navbar.is-primary .navbar-start .navbar-link:focus,
    .navbar.is-primary .navbar-start .navbar-link:hover,
    .navbar.is-primary .navbar-start>a.navbar-item.is-active,
    .navbar.is-primary .navbar-start>a.navbar-item:focus,
    .navbar.is-primary .navbar-start>a.navbar-item:hover {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-end .navbar-link:after,
    .navbar.is-primary .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #00b89c;
        color: #fff
    }

    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #00d1b2;
        color: #fff
    }
}

.navbar.is-link {
    background-color: #3273dc;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover {
    background-color: #2366d1;
    color: #fff
}

.navbar.is-link .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-link .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-link .navbar-end .navbar-link,
    .navbar.is-link .navbar-end>.navbar-item,
    .navbar.is-link .navbar-start .navbar-link,
    .navbar.is-link .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link.is-active,
    .navbar.is-link .navbar-end .navbar-link:focus,
    .navbar.is-link .navbar-end .navbar-link:hover,
    .navbar.is-link .navbar-end>a.navbar-item.is-active,
    .navbar.is-link .navbar-end>a.navbar-item:focus,
    .navbar.is-link .navbar-end>a.navbar-item:hover,
    .navbar.is-link .navbar-start .navbar-link.is-active,
    .navbar.is-link .navbar-start .navbar-link:focus,
    .navbar.is-link .navbar-start .navbar-link:hover,
    .navbar.is-link .navbar-start>a.navbar-item.is-active,
    .navbar.is-link .navbar-start>a.navbar-item:focus,
    .navbar.is-link .navbar-start>a.navbar-item:hover {
        background-color: #2366d1;
        color: #fff
    }

    .navbar.is-link .navbar-end .navbar-link:after,
    .navbar.is-link .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #2366d1;
        color: #fff
    }

    .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #3273dc;
        color: #fff
    }
}

.navbar.is-info {
    background-color: #3298dc;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover {
    background-color: #238cd1;
    color: #fff
}

.navbar.is-info .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-info .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-info .navbar-end .navbar-link,
    .navbar.is-info .navbar-end>.navbar-item,
    .navbar.is-info .navbar-start .navbar-link,
    .navbar.is-info .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link.is-active,
    .navbar.is-info .navbar-end .navbar-link:focus,
    .navbar.is-info .navbar-end .navbar-link:hover,
    .navbar.is-info .navbar-end>a.navbar-item.is-active,
    .navbar.is-info .navbar-end>a.navbar-item:focus,
    .navbar.is-info .navbar-end>a.navbar-item:hover,
    .navbar.is-info .navbar-start .navbar-link.is-active,
    .navbar.is-info .navbar-start .navbar-link:focus,
    .navbar.is-info .navbar-start .navbar-link:hover,
    .navbar.is-info .navbar-start>a.navbar-item.is-active,
    .navbar.is-info .navbar-start>a.navbar-item:focus,
    .navbar.is-info .navbar-start>a.navbar-item:hover {
        background-color: #238cd1;
        color: #fff
    }

    .navbar.is-info .navbar-end .navbar-link:after,
    .navbar.is-info .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #238cd1;
        color: #fff
    }

    .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3298dc;
        color: #fff
    }
}

.navbar.is-success {
    background-color: #48c774;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover {
    background-color: #3abb67;
    color: #fff
}

.navbar.is-success .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-success .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-success .navbar-end .navbar-link,
    .navbar.is-success .navbar-end>.navbar-item,
    .navbar.is-success .navbar-start .navbar-link,
    .navbar.is-success .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link.is-active,
    .navbar.is-success .navbar-end .navbar-link:focus,
    .navbar.is-success .navbar-end .navbar-link:hover,
    .navbar.is-success .navbar-end>a.navbar-item.is-active,
    .navbar.is-success .navbar-end>a.navbar-item:focus,
    .navbar.is-success .navbar-end>a.navbar-item:hover,
    .navbar.is-success .navbar-start .navbar-link.is-active,
    .navbar.is-success .navbar-start .navbar-link:focus,
    .navbar.is-success .navbar-start .navbar-link:hover,
    .navbar.is-success .navbar-start>a.navbar-item.is-active,
    .navbar.is-success .navbar-start>a.navbar-item:focus,
    .navbar.is-success .navbar-start>a.navbar-item:hover {
        background-color: #3abb67;
        color: #fff
    }

    .navbar.is-success .navbar-end .navbar-link:after,
    .navbar.is-success .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #3abb67;
        color: #fff
    }

    .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #48c774;
        color: #fff
    }
}

.navbar.is-warning {
    background-color: #ffdd57
}

.navbar.is-warning,
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand>.navbar-item {
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover {
    background-color: #ffd83d;
    color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-brand .navbar-link:after {
    border-color: rgba(0, 0, 0, .7)
}

.navbar.is-warning .navbar-burger {
    color: rgba(0, 0, 0, .7)
}

@media screen and (min-width:1024px) {

    .navbar.is-warning .navbar-end .navbar-link,
    .navbar.is-warning .navbar-end>.navbar-item,
    .navbar.is-warning .navbar-start .navbar-link,
    .navbar.is-warning .navbar-start>.navbar-item {
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link.is-active,
    .navbar.is-warning .navbar-end .navbar-link:focus,
    .navbar.is-warning .navbar-end .navbar-link:hover,
    .navbar.is-warning .navbar-end>a.navbar-item.is-active,
    .navbar.is-warning .navbar-end>a.navbar-item:focus,
    .navbar.is-warning .navbar-end>a.navbar-item:hover,
    .navbar.is-warning .navbar-start .navbar-link.is-active,
    .navbar.is-warning .navbar-start .navbar-link:focus,
    .navbar.is-warning .navbar-start .navbar-link:hover,
    .navbar.is-warning .navbar-start>a.navbar-item.is-active,
    .navbar.is-warning .navbar-start>a.navbar-item:focus,
    .navbar.is-warning .navbar-start>a.navbar-item:hover {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-end .navbar-link:after,
    .navbar.is-warning .navbar-start .navbar-link:after {
        border-color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, .7)
    }

    .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, .7)
    }
}

.navbar.is-danger {
    background-color: #f14668;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand>.navbar-item {
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.navbar.is-danger .navbar-brand .navbar-link:after {
    border-color: #fff
}

.navbar.is-danger .navbar-burger {
    color: #fff
}

@media screen and (min-width:1024px) {

    .navbar.is-danger .navbar-end .navbar-link,
    .navbar.is-danger .navbar-end>.navbar-item,
    .navbar.is-danger .navbar-start .navbar-link,
    .navbar.is-danger .navbar-start>.navbar-item {
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link.is-active,
    .navbar.is-danger .navbar-end .navbar-link:focus,
    .navbar.is-danger .navbar-end .navbar-link:hover,
    .navbar.is-danger .navbar-end>a.navbar-item.is-active,
    .navbar.is-danger .navbar-end>a.navbar-item:focus,
    .navbar.is-danger .navbar-end>a.navbar-item:hover,
    .navbar.is-danger .navbar-start .navbar-link.is-active,
    .navbar.is-danger .navbar-start .navbar-link:focus,
    .navbar.is-danger .navbar-start .navbar-link:hover,
    .navbar.is-danger .navbar-start>a.navbar-item.is-active,
    .navbar.is-danger .navbar-start>a.navbar-item:focus,
    .navbar.is-danger .navbar-start>a.navbar-item:hover {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-end .navbar-link:after,
    .navbar.is-danger .navbar-start .navbar-link:after {
        border-color: #fff
    }

    .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
    .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #ef2e55;
        color: #fff
    }

    .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f14668;
        color: #fff
    }
}

.navbar>.container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%
}

.navbar.has-shadow {
    box-shadow: 0 2px 0 0 #f5f5f5
}

.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30
}

.navbar.is-fixed-bottom {
    bottom: 0
}

.navbar.is-fixed-bottom.has-shadow {
    box-shadow: 0 -2px 0 0 #f5f5f5
}

.navbar.is-fixed-top {
    top: 0
}

body.has-navbar-fixed-top,
html.has-navbar-fixed-top {
    padding-top: 3.25rem
}

body.has-navbar-fixed-bottom,
html.has-navbar-fixed-bottom {
    padding-bottom: 3.25rem
}

.navbar-brand,
.navbar-tabs {
    align-items: stretch;
    display: flex;
    flex-shrink: 0;
    min-height: 3.25rem
}

.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
    background-color: transparent
}

.navbar-tabs {
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    overflow-y: hidden
}

.navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: auto
}

.navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px
}

.navbar-burger span:first-child {
    top: calc(50% - 6px)
}

.navbar-burger span:nth-child(2) {
    top: calc(50% - 1px)
}

.navbar-burger span:nth-child(3) {
    top: calc(50% + 4px)
}

.navbar-burger:hover {
    background-color: rgba(0, 0, 0, .05)
}

.navbar-burger.is-active span:first-child {
    transform: translateY(5px) rotate(45deg)
}

.navbar-burger.is-active span:nth-child(2) {
    opacity: 0
}

.navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg)
}

.navbar-menu {
    display: none
}

.navbar-item,
.navbar-link {
    color: #4a4a4a;
    display: block;
    line-height: 1.5;
    padding: .5rem .75rem;
    position: relative
}

.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.navbar-link,
a.navbar-item {
    cursor: pointer
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:hover,
.navbar-link[focus-within],
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:hover,
a.navbar-item[focus-within] {
    background-color: #fafafa;
    color: #3273dc
}

.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
    background-color: #fafafa;
    color: #3273dc
}

.navbar-item {
    flex-grow: 0;
    flex-shrink: 0
}

.navbar-item img {
    max-height: 1.75rem
}

.navbar-item.has-dropdown {
    padding: 0
}

.navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(.5rem - 1px)
}

.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
    background-color: transparent;
    border-bottom-color: #3273dc
}

.navbar-item.is-tab.is-active {
    background-color: transparent;
    border-bottom: 3px solid #3273dc;
    color: #3273dc;
    padding-bottom: calc(.5rem - 3px)
}

.navbar-content {
    flex-grow: 1;
    flex-shrink: 1
}

.navbar-link:not(.is-arrowless) {
    padding-right: 2.5em
}

.navbar-link:not(.is-arrowless):after {
    border-color: #3273dc;
    margin-top: -.375em;
    right: 1.125em
}

.navbar-dropdown {
    font-size: .875rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.navbar-divider {
    background-color: #f5f5f5;
    border: none;
    display: none;
    height: 2px;
    margin: .5rem 0
}

@media screen and (max-width:1023px) {
    .navbar>.container {
        display: block
    }

    .navbar-brand .navbar-item,
    .navbar-tabs .navbar-item {
        align-items: center;
        display: flex
    }

    .navbar-link:after {
        display: none
    }

    .navbar-menu {
        background-color: #fff;
        box-shadow: 0 8px 16px rgba(10, 10, 10, .1);
        padding: .5rem 0
    }

    .navbar-menu.is-active {
        display: block
    }

    .navbar.is-fixed-bottom-touch,
    .navbar.is-fixed-top-touch {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-touch {
        bottom: 0
    }

    .navbar.is-fixed-bottom-touch.has-shadow {
        box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
    }

    .navbar.is-fixed-top-touch {
        top: 0
    }

    .navbar.is-fixed-top-touch .navbar-menu,
    .navbar.is-fixed-top .navbar-menu {
        -webkit-overflow-scrolling: touch;
        max-height: calc(100vh - 3.25rem);
        overflow: auto
    }

    body.has-navbar-fixed-top-touch,
    html.has-navbar-fixed-top-touch {
        padding-top: 3.25rem
    }

    body.has-navbar-fixed-bottom-touch,
    html.has-navbar-fixed-bottom-touch {
        padding-bottom: 3.25rem
    }
}

@media screen and (min-width:1024px) {

    .navbar,
    .navbar-end,
    .navbar-menu,
    .navbar-start {
        align-items: stretch;
        display: flex
    }

    .navbar {
        min-height: 3.25rem
    }

    .navbar.is-spaced {
        padding: 1rem 2rem
    }

    .navbar.is-spaced .navbar-end,
    .navbar.is-spaced .navbar-start {
        align-items: center
    }

    .navbar.is-spaced .navbar-link,
    .navbar.is-spaced a.navbar-item {
        border-radius: 4px
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable[focus-within] .navbar-link,
    .navbar.is-transparent .navbar-link.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent a.navbar-item:focus,
    .navbar.is-transparent a.navbar-item:hover {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
    .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
        background-color: transparent !important
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
    .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #3273dc
    }

    .navbar-burger {
        display: none
    }

    .navbar-item,
    .navbar-link {
        align-items: center;
        display: flex
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item.has-dropdown-up .navbar-link:after {
        transform: rotate(135deg) translate(.25em, -.25em)
    }

    .navbar-item.has-dropdown-up .navbar-dropdown {
        border-bottom: 2px solid #dbdbdb;
        border-radius: 6px 6px 0 0;
        border-top: none;
        bottom: 100%;
        box-shadow: 0 -8px 8px rgba(10, 10, 10, .1);
        top: auto
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar-item.is-hoverable[focus-within] .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar-item.is-hoverable:hover .navbar-dropdown {
        display: block
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable[focus-within] .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable[focus-within] .navbar-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-item.is-active .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
    .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
    .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0)
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-start {
        justify-content: flex-start;
        margin-right: auto
    }

    .navbar-end {
        justify-content: flex-end;
        margin-left: auto
    }

    .navbar-dropdown {
        background-color: #fff;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 2px solid #dbdbdb;
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
        display: none;
        font-size: .875rem;
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 100%;
        z-index: 20
    }

    .navbar-dropdown .navbar-item {
        padding: .375rem 1rem;
        white-space: nowrap
    }

    .navbar-dropdown a.navbar-item {
        padding-right: 3rem
    }

    .navbar-dropdown a.navbar-item:focus,
    .navbar-dropdown a.navbar-item:hover {
        background-color: #f5f5f5;
        color: #0a0a0a
    }

    .navbar-dropdown a.navbar-item.is-active {
        background-color: #f5f5f5;
        color: #3273dc
    }

    .navbar-dropdown.is-boxed,
    .navbar.is-spaced .navbar-dropdown {
        border-radius: 6px;
        border-top: none;
        box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
        display: block;
        opacity: 0;
        pointer-events: none;
        top: calc(100% - 4px);
        transform: translateY(-5px);
        transition-duration: 86ms;
        transition-property: opacity, transform
    }

    .navbar-dropdown.is-right {
        left: auto;
        right: 0
    }

    .navbar-divider {
        display: block
    }

    .container>.navbar .navbar-brand,
    .navbar>.container .navbar-brand {
        margin-left: -.75rem
    }

    .container>.navbar .navbar-menu,
    .navbar>.container .navbar-menu {
        margin-right: -.75rem
    }

    .navbar.is-fixed-bottom-desktop,
    .navbar.is-fixed-top-desktop {
        left: 0;
        position: fixed;
        right: 0;
        z-index: 30
    }

    .navbar.is-fixed-bottom-desktop {
        bottom: 0
    }

    .navbar.is-fixed-bottom-desktop.has-shadow {
        box-shadow: 0 -2px 3px rgba(10, 10, 10, .1)
    }

    .navbar.is-fixed-top-desktop {
        top: 0
    }

    body.has-navbar-fixed-top-desktop,
    html.has-navbar-fixed-top-desktop {
        padding-top: 3.25rem
    }

    body.has-navbar-fixed-bottom-desktop,
    html.has-navbar-fixed-bottom-desktop {
        padding-bottom: 3.25rem
    }

    body.has-spaced-navbar-fixed-top,
    html.has-spaced-navbar-fixed-top {
        padding-top: 5.25rem
    }

    body.has-spaced-navbar-fixed-bottom,
    html.has-spaced-navbar-fixed-bottom {
        padding-bottom: 5.25rem
    }

    .navbar-link.is-active,
    a.navbar-item.is-active {
        color: #0a0a0a
    }

    .navbar-link.is-active:not(:focus):not(:hover),
    a.navbar-item.is-active:not(:focus):not(:hover) {
        background-color: transparent
    }

    .navbar-item.has-dropdown.is-active .navbar-link,
    .navbar-item.has-dropdown:focus .navbar-link,
    .navbar-item.has-dropdown:hover .navbar-link {
        background-color: #fafafa
    }
}

.hero.is-fullheight-with-navbar {
    min-height: calc(100vh - 3.25rem)
}

.pagination {
    font-size: 1rem;
    margin: -.25rem
}

.pagination.is-small {
    font-size: .75rem
}

.pagination.is-medium {
    font-size: 1.25rem
}

.pagination.is-large {
    font-size: 1.5rem
}

.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 290486px
}

.pagination.is-rounded .pagination-link {
    border-radius: 290486px
}

.pagination,
.pagination-list {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center
}

.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center
}

.pagination-link,
.pagination-next,
.pagination-previous {
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em
}

.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
    border-color: #b5b5b5;
    color: #363636
}

.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
    border-color: #3273dc
}

.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2)
}

.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled] {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5
}

.pagination-next,
.pagination-previous {
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap
}

.pagination-link.is-current {
    background-color: #3273dc;
    border-color: #3273dc;
    color: #fff
}

.pagination-ellipsis {
    color: #b5b5b5;
    pointer-events: none
}

.pagination-list {
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .pagination {
        flex-wrap: wrap
    }

    .pagination-list li,
    .pagination-next,
    .pagination-previous {
        flex-grow: 1;
        flex-shrink: 1
    }
}

@media print,
screen and (min-width:769px) {
    .pagination-list {
        flex-grow: 1;
        flex-shrink: 1;
        justify-content: flex-start;
        order: 1
    }

    .pagination-previous {
        order: 2
    }

    .pagination-next {
        order: 3
    }

    .pagination {
        justify-content: space-between
    }

    .pagination.is-centered .pagination-previous {
        order: 1
    }

    .pagination.is-centered .pagination-list {
        justify-content: center;
        order: 2
    }

    .pagination.is-centered .pagination-next {
        order: 3
    }

    .pagination.is-right .pagination-previous {
        order: 1
    }

    .pagination.is-right .pagination-next {
        order: 2
    }

    .pagination.is-right .pagination-list {
        justify-content: flex-end;
        order: 3
    }
}

.panel {
    border-radius: 6px;
    box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
    font-size: 1rem
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem
}

.panel.is-white .panel-heading {
    background-color: #fff;
    color: #0a0a0a
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: #fff
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: #fff
}

.panel.is-black .panel-heading {
    background-color: #0a0a0a;
    color: #fff
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a
}

.panel.is-light .panel-heading {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: #f5f5f5
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: #f5f5f5
}

.panel.is-dark .panel-heading {
    background-color: #363636;
    color: #fff
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: #363636
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: #363636
}

.panel.is-primary .panel-heading {
    background-color: #00d1b2;
    color: #fff
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #00d1b2
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #00d1b2
}

.panel.is-link .panel-heading {
    background-color: #3273dc;
    color: #fff
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: #3273dc
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: #3273dc
}

.panel.is-info .panel-heading {
    background-color: #3298dc;
    color: #fff
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: #3298dc
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: #3298dc
}

.panel.is-success .panel-heading {
    background-color: #48c774;
    color: #fff
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: #48c774
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: #48c774
}

.panel.is-warning .panel-heading {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: #ffdd57
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: #ffdd57
}

.panel.is-danger .panel-heading {
    background-color: #f14668;
    color: #fff
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: #f14668
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: #f14668
}

.panel-block:not(:last-child),
.panel-tabs:not(:last-child) {
    border-bottom: 1px solid #ededed
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: .75em 1em
}

.panel-tabs {
    align-items: flex-end;
    display: flex;
    font-size: .875em;
    justify-content: center
}

.panel-tabs a {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: -1px;
    padding: .5em
}

.panel-tabs a.is-active {
    border-bottom-color: #4a4a4a;
    color: #363636
}

.panel-list a {
    color: #4a4a4a
}

.panel-list a:hover {
    color: #3273dc
}

.panel-block {
    align-items: center;
    color: #363636;
    display: flex;
    justify-content: flex-start;
    padding: .5em .75em
}

.panel-block input[type=checkbox] {
    margin-right: .75em
}

.panel-block>.control {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%
}

.panel-block.is-wrapped {
    flex-wrap: wrap
}

.panel-block.is-active {
    border-left-color: #3273dc;
    color: #363636
}

.panel-block.is-active .panel-icon {
    color: #3273dc
}

.panel-block:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

a.panel-block,
label.panel-block {
    cursor: pointer
}

a.panel-block:hover,
label.panel-block:hover {
    background-color: #f5f5f5
}

.panel-icon {
    display: inline-block;
    font-size: 14px;
    height: 1em;
    line-height: 1em;
    text-align: center;
    vertical-align: top;
    width: 1em;
    color: #7a7a7a;
    margin-right: .75em
}

.panel-icon .fa {
    font-size: inherit;
    line-height: inherit
}

.tabs {
    -webkit-overflow-scrolling: touch;
    align-items: stretch;
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap
}

.tabs a {
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: .5em 1em;
    vertical-align: top
}

.tabs a:hover {
    border-bottom-color: #363636;
    color: #363636
}

.tabs li {
    display: block
}

.tabs li.is-active a {
    border-bottom-color: #3273dc;
    color: #3273dc
}

.tabs ul {
    align-items: center;
    border-bottom: 1px solid #dbdbdb;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start
}

.tabs ul.is-center,
.tabs ul.is-left {
    padding-right: .75em
}

.tabs ul.is-center {
    flex: none;
    justify-content: center;
    padding-left: .75em
}

.tabs ul.is-right {
    justify-content: flex-end;
    padding-left: .75em
}

.tabs .icon:first-child {
    margin-right: .5em
}

.tabs .icon:last-child {
    margin-left: .5em
}

.tabs.is-centered ul {
    justify-content: center
}

.tabs.is-right ul {
    justify-content: flex-end
}

.tabs.is-boxed a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.tabs.is-boxed a:hover {
    background-color: #f5f5f5;
    border-bottom-color: #dbdbdb
}

.tabs.is-boxed li.is-active a {
    background-color: #fff;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important
}

.tabs.is-fullwidth li {
    flex-grow: 1;
    flex-shrink: 0
}

.tabs.is-toggle a {
    border: 1px solid #dbdbdb;
    margin-bottom: 0;
    position: relative
}

.tabs.is-toggle a:hover {
    background-color: #f5f5f5;
    border-color: #b5b5b5;
    z-index: 2
}

.tabs.is-toggle li+li {
    margin-left: -1px
}

.tabs.is-toggle li:first-child a {
    border-radius: 4px 0 0 4px
}

.tabs.is-toggle li:last-child a {
    border-radius: 0 4px 4px 0
}

.tabs.is-toggle li.is-active a {
    background-color: #3273dc;
    border-color: #3273dc;
    color: #fff;
    z-index: 1
}

.tabs.is-toggle ul {
    border-bottom: none
}

.tabs.is-toggle.is-toggle-rounded li:first-child a {
    border-bottom-left-radius: 290486px;
    border-top-left-radius: 290486px;
    padding-left: 1.25em
}

.tabs.is-toggle.is-toggle-rounded li:last-child a {
    border-bottom-right-radius: 290486px;
    border-top-right-radius: 290486px;
    padding-right: 1.25em
}

.tabs.is-small {
    font-size: .75rem
}

.tabs.is-medium {
    font-size: 1.25rem
}

.tabs.is-large {
    font-size: 1.5rem
}

.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.columns.is-mobile>.column.is-narrow {
    flex: none
}

.columns.is-mobile>.column.is-full {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-three-quarters {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-two-thirds {
    flex: none;
    width: 66.6666%
}

.columns.is-mobile>.column.is-half {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-one-third {
    flex: none;
    width: 33.3333%
}

.columns.is-mobile>.column.is-one-quarter {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-one-fifth {
    flex: none;
    width: 20%
}

.columns.is-mobile>.column.is-two-fifths {
    flex: none;
    width: 40%
}

.columns.is-mobile>.column.is-three-fifths {
    flex: none;
    width: 60%
}

.columns.is-mobile>.column.is-four-fifths {
    flex: none;
    width: 80%
}

.columns.is-mobile>.column.is-offset-three-quarters {
    margin-left: 75%
}

.columns.is-mobile>.column.is-offset-two-thirds {
    margin-left: 66.6666%
}

.columns.is-mobile>.column.is-offset-half {
    margin-left: 50%
}

.columns.is-mobile>.column.is-offset-one-third {
    margin-left: 33.3333%
}

.columns.is-mobile>.column.is-offset-one-quarter {
    margin-left: 25%
}

.columns.is-mobile>.column.is-offset-one-fifth {
    margin-left: 20%
}

.columns.is-mobile>.column.is-offset-two-fifths {
    margin-left: 40%
}

.columns.is-mobile>.column.is-offset-three-fifths {
    margin-left: 60%
}

.columns.is-mobile>.column.is-offset-four-fifths {
    margin-left: 80%
}

.columns.is-mobile>.column.is-0 {
    flex: none;
    width: 0
}

.columns.is-mobile>.column.is-offset-0 {
    margin-left: 0
}

.columns.is-mobile>.column.is-1 {
    flex: none;
    width: 8.33333%
}

.columns.is-mobile>.column.is-offset-1 {
    margin-left: 8.33333%
}

.columns.is-mobile>.column.is-2 {
    flex: none;
    width: 16.66667%
}

.columns.is-mobile>.column.is-offset-2 {
    margin-left: 16.66667%
}

.columns.is-mobile>.column.is-3 {
    flex: none;
    width: 25%
}

.columns.is-mobile>.column.is-offset-3 {
    margin-left: 25%
}

.columns.is-mobile>.column.is-4 {
    flex: none;
    width: 33.33333%
}

.columns.is-mobile>.column.is-offset-4 {
    margin-left: 33.33333%
}

.columns.is-mobile>.column.is-5 {
    flex: none;
    width: 41.66667%
}

.columns.is-mobile>.column.is-offset-5 {
    margin-left: 41.66667%
}

.columns.is-mobile>.column.is-6 {
    flex: none;
    width: 50%
}

.columns.is-mobile>.column.is-offset-6 {
    margin-left: 50%
}

.columns.is-mobile>.column.is-7 {
    flex: none;
    width: 58.33333%
}

.columns.is-mobile>.column.is-offset-7 {
    margin-left: 58.33333%
}

.columns.is-mobile>.column.is-8 {
    flex: none;
    width: 66.66667%
}

.columns.is-mobile>.column.is-offset-8 {
    margin-left: 66.66667%
}

.columns.is-mobile>.column.is-9 {
    flex: none;
    width: 75%
}

.columns.is-mobile>.column.is-offset-9 {
    margin-left: 75%
}

.columns.is-mobile>.column.is-10 {
    flex: none;
    width: 83.33333%
}

.columns.is-mobile>.column.is-offset-10 {
    margin-left: 83.33333%
}

.columns.is-mobile>.column.is-11 {
    flex: none;
    width: 91.66667%
}

.columns.is-mobile>.column.is-offset-11 {
    margin-left: 91.66667%
}

.columns.is-mobile>.column.is-12 {
    flex: none;
    width: 100%
}

.columns.is-mobile>.column.is-offset-12 {
    margin-left: 100%
}

@media screen and (max-width:768px) {
    .column.is-narrow-mobile {
        flex: none
    }

    .column.is-full-mobile {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-mobile {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-mobile {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-mobile {
        flex: none;
        width: 50%
    }

    .column.is-one-third-mobile {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-mobile {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-mobile {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-mobile {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-mobile {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-mobile {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-mobile {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-mobile {
        margin-left: 66.6666%
    }

    .column.is-offset-half-mobile {
        margin-left: 50%
    }

    .column.is-offset-one-third-mobile {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-mobile {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-mobile {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-mobile {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-mobile {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-mobile {
        margin-left: 80%
    }

    .column.is-0-mobile {
        flex: none;
        width: 0
    }

    .column.is-offset-0-mobile {
        margin-left: 0
    }

    .column.is-1-mobile {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-mobile {
        margin-left: 8.33333%
    }

    .column.is-2-mobile {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-mobile {
        margin-left: 16.66667%
    }

    .column.is-3-mobile {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-mobile {
        margin-left: 25%
    }

    .column.is-4-mobile {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-mobile {
        margin-left: 33.33333%
    }

    .column.is-5-mobile {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-mobile {
        margin-left: 41.66667%
    }

    .column.is-6-mobile {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-mobile {
        margin-left: 50%
    }

    .column.is-7-mobile {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-mobile {
        margin-left: 58.33333%
    }

    .column.is-8-mobile {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-mobile {
        margin-left: 66.66667%
    }

    .column.is-9-mobile {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-mobile {
        margin-left: 75%
    }

    .column.is-10-mobile {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-mobile {
        margin-left: 83.33333%
    }

    .column.is-11-mobile {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-mobile {
        margin-left: 91.66667%
    }

    .column.is-12-mobile {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-mobile {
        margin-left: 100%
    }
}

@media print,
screen and (min-width:769px) {

    .column.is-narrow,
    .column.is-narrow-tablet {
        flex: none
    }

    .column.is-full,
    .column.is-full-tablet {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters,
    .column.is-three-quarters-tablet {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds,
    .column.is-two-thirds-tablet {
        flex: none;
        width: 66.6666%
    }

    .column.is-half,
    .column.is-half-tablet {
        flex: none;
        width: 50%
    }

    .column.is-one-third,
    .column.is-one-third-tablet {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter,
    .column.is-one-quarter-tablet {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth,
    .column.is-one-fifth-tablet {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths,
    .column.is-two-fifths-tablet {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths,
    .column.is-three-fifths-tablet {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths,
    .column.is-four-fifths-tablet {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters,
    .column.is-offset-three-quarters-tablet {
        margin-left: 75%
    }

    .column.is-offset-two-thirds,
    .column.is-offset-two-thirds-tablet {
        margin-left: 66.6666%
    }

    .column.is-offset-half,
    .column.is-offset-half-tablet {
        margin-left: 50%
    }

    .column.is-offset-one-third,
    .column.is-offset-one-third-tablet {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter,
    .column.is-offset-one-quarter-tablet {
        margin-left: 25%
    }

    .column.is-offset-one-fifth,
    .column.is-offset-one-fifth-tablet {
        margin-left: 20%
    }

    .column.is-offset-two-fifths,
    .column.is-offset-two-fifths-tablet {
        margin-left: 40%
    }

    .column.is-offset-three-fifths,
    .column.is-offset-three-fifths-tablet {
        margin-left: 60%
    }

    .column.is-offset-four-fifths,
    .column.is-offset-four-fifths-tablet {
        margin-left: 80%
    }

    .column.is-0,
    .column.is-0-tablet {
        flex: none;
        width: 0
    }

    .column.is-offset-0,
    .column.is-offset-0-tablet {
        margin-left: 0
    }

    .column.is-1,
    .column.is-1-tablet {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1,
    .column.is-offset-1-tablet {
        margin-left: 8.33333%
    }

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2,
    .column.is-offset-2-tablet {
        margin-left: 16.66667%
    }

    .column.is-3,
    .column.is-3-tablet {
        flex: none;
        width: 25%
    }

    .column.is-offset-3,
    .column.is-offset-3-tablet {
        margin-left: 25%
    }

    .column.is-4,
    .column.is-4-tablet {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4,
    .column.is-offset-4-tablet {
        margin-left: 33.33333%
    }

    .column.is-5,
    .column.is-5-tablet {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5,
    .column.is-offset-5-tablet {
        margin-left: 41.66667%
    }

    .column.is-6,
    .column.is-6-tablet {
        flex: none;
        width: 50%
    }

    .column.is-offset-6,
    .column.is-offset-6-tablet {
        margin-left: 50%
    }

    .column.is-7,
    .column.is-7-tablet {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7,
    .column.is-offset-7-tablet {
        margin-left: 58.33333%
    }

    .column.is-8,
    .column.is-8-tablet {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8,
    .column.is-offset-8-tablet {
        margin-left: 66.66667%
    }

    .column.is-9,
    .column.is-9-tablet {
        flex: none;
        width: 75%
    }

    .column.is-offset-9,
    .column.is-offset-9-tablet {
        margin-left: 75%
    }

    .column.is-10,
    .column.is-10-tablet {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10,
    .column.is-offset-10-tablet {
        margin-left: 83.33333%
    }

    .column.is-11,
    .column.is-11-tablet {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11,
    .column.is-offset-11-tablet {
        margin-left: 91.66667%
    }

    .column.is-12,
    .column.is-12-tablet {
        flex: none;
        width: 100%
    }

    .column.is-offset-12,
    .column.is-offset-12-tablet {
        margin-left: 100%
    }
}

@media screen and (max-width:1023px) {
    .column.is-narrow-touch {
        flex: none
    }

    .column.is-full-touch {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-touch {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-touch {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-touch {
        flex: none;
        width: 50%
    }

    .column.is-one-third-touch {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-touch {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-touch {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-touch {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-touch {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-touch {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-touch {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-touch {
        margin-left: 66.6666%
    }

    .column.is-offset-half-touch {
        margin-left: 50%
    }

    .column.is-offset-one-third-touch {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-touch {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-touch {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-touch {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-touch {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-touch {
        margin-left: 80%
    }

    .column.is-0-touch {
        flex: none;
        width: 0
    }

    .column.is-offset-0-touch {
        margin-left: 0
    }

    .column.is-1-touch {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-touch {
        margin-left: 8.33333%
    }

    .column.is-2-touch {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-touch {
        margin-left: 16.66667%
    }

    .column.is-3-touch {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-touch {
        margin-left: 25%
    }

    .column.is-4-touch {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-touch {
        margin-left: 33.33333%
    }

    .column.is-5-touch {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-touch {
        margin-left: 41.66667%
    }

    .column.is-6-touch {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-touch {
        margin-left: 50%
    }

    .column.is-7-touch {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-touch {
        margin-left: 58.33333%
    }

    .column.is-8-touch {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-touch {
        margin-left: 66.66667%
    }

    .column.is-9-touch {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-touch {
        margin-left: 75%
    }

    .column.is-10-touch {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-touch {
        margin-left: 83.33333%
    }

    .column.is-11-touch {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-touch {
        margin-left: 91.66667%
    }

    .column.is-12-touch {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-touch {
        margin-left: 100%
    }
}

@media screen and (min-width:1024px) {
    .column.is-narrow-desktop {
        flex: none
    }

    .column.is-full-desktop {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-desktop {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-desktop {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-desktop {
        flex: none;
        width: 50%
    }

    .column.is-one-third-desktop {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-desktop {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-desktop {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-desktop {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-desktop {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-desktop {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-desktop {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-desktop {
        margin-left: 66.6666%
    }

    .column.is-offset-half-desktop {
        margin-left: 50%
    }

    .column.is-offset-one-third-desktop {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-desktop {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-desktop {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-desktop {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-desktop {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-desktop {
        margin-left: 80%
    }

    .column.is-0-desktop {
        flex: none;
        width: 0
    }

    .column.is-offset-0-desktop {
        margin-left: 0
    }

    .column.is-1-desktop {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-desktop {
        margin-left: 8.33333%
    }

    .column.is-2-desktop {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-desktop {
        margin-left: 16.66667%
    }

    .column.is-3-desktop {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-desktop {
        margin-left: 25%
    }

    .column.is-4-desktop {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-desktop {
        margin-left: 33.33333%
    }

    .column.is-5-desktop {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-desktop {
        margin-left: 41.66667%
    }

    .column.is-6-desktop {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-desktop {
        margin-left: 50%
    }

    .column.is-7-desktop {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-desktop {
        margin-left: 58.33333%
    }

    .column.is-8-desktop {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-desktop {
        margin-left: 66.66667%
    }

    .column.is-9-desktop {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-desktop {
        margin-left: 75%
    }

    .column.is-10-desktop {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-desktop {
        margin-left: 83.33333%
    }

    .column.is-11-desktop {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-desktop {
        margin-left: 91.66667%
    }

    .column.is-12-desktop {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-desktop {
        margin-left: 100%
    }
}

@media screen and (min-width:1216px) {
    .column.is-narrow-widescreen {
        flex: none
    }

    .column.is-full-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-widescreen {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-one-third-widescreen {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-widescreen {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-widescreen {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-widescreen {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-widescreen {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-widescreen {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-widescreen {
        margin-left: 66.6666%
    }

    .column.is-offset-half-widescreen {
        margin-left: 50%
    }

    .column.is-offset-one-third-widescreen {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-widescreen {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-widescreen {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-widescreen {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-widescreen {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-widescreen {
        margin-left: 80%
    }

    .column.is-0-widescreen {
        flex: none;
        width: 0
    }

    .column.is-offset-0-widescreen {
        margin-left: 0
    }

    .column.is-1-widescreen {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-widescreen {
        margin-left: 8.33333%
    }

    .column.is-2-widescreen {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-widescreen {
        margin-left: 16.66667%
    }

    .column.is-3-widescreen {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-widescreen {
        margin-left: 25%
    }

    .column.is-4-widescreen {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-widescreen {
        margin-left: 33.33333%
    }

    .column.is-5-widescreen {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-widescreen {
        margin-left: 41.66667%
    }

    .column.is-6-widescreen {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-widescreen {
        margin-left: 50%
    }

    .column.is-7-widescreen {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-widescreen {
        margin-left: 58.33333%
    }

    .column.is-8-widescreen {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-widescreen {
        margin-left: 66.66667%
    }

    .column.is-9-widescreen {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-widescreen {
        margin-left: 75%
    }

    .column.is-10-widescreen {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-widescreen {
        margin-left: 83.33333%
    }

    .column.is-11-widescreen {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-widescreen {
        margin-left: 91.66667%
    }

    .column.is-12-widescreen {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-widescreen {
        margin-left: 100%
    }
}

@media screen and (min-width:1408px) {
    .column.is-narrow-fullhd {
        flex: none
    }

    .column.is-full-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-three-quarters-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-two-thirds-fullhd {
        flex: none;
        width: 66.6666%
    }

    .column.is-half-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-one-third-fullhd {
        flex: none;
        width: 33.3333%
    }

    .column.is-one-quarter-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-one-fifth-fullhd {
        flex: none;
        width: 20%
    }

    .column.is-two-fifths-fullhd {
        flex: none;
        width: 40%
    }

    .column.is-three-fifths-fullhd {
        flex: none;
        width: 60%
    }

    .column.is-four-fifths-fullhd {
        flex: none;
        width: 80%
    }

    .column.is-offset-three-quarters-fullhd {
        margin-left: 75%
    }

    .column.is-offset-two-thirds-fullhd {
        margin-left: 66.6666%
    }

    .column.is-offset-half-fullhd {
        margin-left: 50%
    }

    .column.is-offset-one-third-fullhd {
        margin-left: 33.3333%
    }

    .column.is-offset-one-quarter-fullhd {
        margin-left: 25%
    }

    .column.is-offset-one-fifth-fullhd {
        margin-left: 20%
    }

    .column.is-offset-two-fifths-fullhd {
        margin-left: 40%
    }

    .column.is-offset-three-fifths-fullhd {
        margin-left: 60%
    }

    .column.is-offset-four-fifths-fullhd {
        margin-left: 80%
    }

    .column.is-0-fullhd {
        flex: none;
        width: 0
    }

    .column.is-offset-0-fullhd {
        margin-left: 0
    }

    .column.is-1-fullhd {
        flex: none;
        width: 8.33333%
    }

    .column.is-offset-1-fullhd {
        margin-left: 8.33333%
    }

    .column.is-2-fullhd {
        flex: none;
        width: 16.66667%
    }

    .column.is-offset-2-fullhd {
        margin-left: 16.66667%
    }

    .column.is-3-fullhd {
        flex: none;
        width: 25%
    }

    .column.is-offset-3-fullhd {
        margin-left: 25%
    }

    .column.is-4-fullhd {
        flex: none;
        width: 33.33333%
    }

    .column.is-offset-4-fullhd {
        margin-left: 33.33333%
    }

    .column.is-5-fullhd {
        flex: none;
        width: 41.66667%
    }

    .column.is-offset-5-fullhd {
        margin-left: 41.66667%
    }

    .column.is-6-fullhd {
        flex: none;
        width: 50%
    }

    .column.is-offset-6-fullhd {
        margin-left: 50%
    }

    .column.is-7-fullhd {
        flex: none;
        width: 58.33333%
    }

    .column.is-offset-7-fullhd {
        margin-left: 58.33333%
    }

    .column.is-8-fullhd {
        flex: none;
        width: 66.66667%
    }

    .column.is-offset-8-fullhd {
        margin-left: 66.66667%
    }

    .column.is-9-fullhd {
        flex: none;
        width: 75%
    }

    .column.is-offset-9-fullhd {
        margin-left: 75%
    }

    .column.is-10-fullhd {
        flex: none;
        width: 83.33333%
    }

    .column.is-offset-10-fullhd {
        margin-left: 83.33333%
    }

    .column.is-11-fullhd {
        flex: none;
        width: 91.66667%
    }

    .column.is-offset-11-fullhd {
        margin-left: 91.66667%
    }

    .column.is-12-fullhd {
        flex: none;
        width: 100%
    }

    .column.is-offset-12-fullhd {
        margin-left: 100%
    }
}

.columns {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.columns:last-child {
    margin-bottom: -.75rem
}

.columns:not(:last-child) {
    margin-bottom: .75rem
}

.columns.is-centered {
    justify-content: center
}

.columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0
}

.columns.is-gapless>.column {
    margin: 0;
    padding: 0 !important
}

.columns.is-gapless:not(:last-child) {
    margin-bottom: 1.5rem
}

.columns.is-gapless:last-child {
    margin-bottom: 0
}

.columns.is-mobile {
    display: flex
}

.columns.is-multiline {
    flex-wrap: wrap
}

.columns.is-vcentered {
    align-items: center
}

@media print,
screen and (min-width:769px) {
    .columns:not(.is-desktop) {
        display: flex
    }
}

@media screen and (min-width:1024px) {
    .columns.is-desktop {
        display: flex
    }
}

.columns.is-variable {
    --columnGap: 0.75rem;
    margin-left: calc(var(--columnGap)*-1);
    margin-right: calc(var(--columnGap)*-1)
}

.columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap)
}

.columns.is-variable.is-0 {
    --columnGap: 0rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-0-mobile {
        --columnGap: 0rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-0-tablet {
        --columnGap: 0rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-0-tablet-only {
        --columnGap: 0rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-0-touch {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-0-desktop {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-0-desktop-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-0-widescreen {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-0-widescreen-only {
        --columnGap: 0rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-0-fullhd {
        --columnGap: 0rem
    }
}

.columns.is-variable.is-1 {
    --columnGap: 0.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-1-mobile {
        --columnGap: 0.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-1-tablet {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-1-tablet-only {
        --columnGap: 0.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-1-touch {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-1-desktop {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-1-desktop-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-1-widescreen {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-1-widescreen-only {
        --columnGap: 0.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-1-fullhd {
        --columnGap: 0.25rem
    }
}

.columns.is-variable.is-2 {
    --columnGap: 0.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-2-mobile {
        --columnGap: 0.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-2-tablet {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-2-tablet-only {
        --columnGap: 0.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-2-touch {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-2-desktop {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-2-desktop-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-2-widescreen {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-2-widescreen-only {
        --columnGap: 0.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-2-fullhd {
        --columnGap: 0.5rem
    }
}

.columns.is-variable.is-3 {
    --columnGap: 0.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-3-mobile {
        --columnGap: 0.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-3-tablet {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-3-tablet-only {
        --columnGap: 0.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-3-touch {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-3-desktop {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-3-desktop-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-3-widescreen {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-3-widescreen-only {
        --columnGap: 0.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-3-fullhd {
        --columnGap: 0.75rem
    }
}

.columns.is-variable.is-4 {
    --columnGap: 1rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-4-mobile {
        --columnGap: 1rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-4-tablet {
        --columnGap: 1rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-4-tablet-only {
        --columnGap: 1rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-4-touch {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-4-desktop {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-4-desktop-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-4-widescreen {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-4-widescreen-only {
        --columnGap: 1rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-4-fullhd {
        --columnGap: 1rem
    }
}

.columns.is-variable.is-5 {
    --columnGap: 1.25rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-5-mobile {
        --columnGap: 1.25rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-5-tablet {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-5-tablet-only {
        --columnGap: 1.25rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-5-touch {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-5-desktop {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-5-desktop-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-5-widescreen {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-5-widescreen-only {
        --columnGap: 1.25rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-5-fullhd {
        --columnGap: 1.25rem
    }
}

.columns.is-variable.is-6 {
    --columnGap: 1.5rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-6-mobile {
        --columnGap: 1.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-6-tablet {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-6-tablet-only {
        --columnGap: 1.5rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-6-touch {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-6-desktop {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-6-desktop-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-6-widescreen {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-6-widescreen-only {
        --columnGap: 1.5rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-6-fullhd {
        --columnGap: 1.5rem
    }
}

.columns.is-variable.is-7 {
    --columnGap: 1.75rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-7-mobile {
        --columnGap: 1.75rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-7-tablet {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-7-tablet-only {
        --columnGap: 1.75rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-7-touch {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-7-desktop {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-7-desktop-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-7-widescreen {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-7-widescreen-only {
        --columnGap: 1.75rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-7-fullhd {
        --columnGap: 1.75rem
    }
}

.columns.is-variable.is-8 {
    --columnGap: 2rem
}

@media screen and (max-width:768px) {
    .columns.is-variable.is-8-mobile {
        --columnGap: 2rem
    }
}

@media print,
screen and (min-width:769px) {
    .columns.is-variable.is-8-tablet {
        --columnGap: 2rem
    }
}

@media screen and (min-width:769px) and (max-width:1023px) {
    .columns.is-variable.is-8-tablet-only {
        --columnGap: 2rem
    }
}

@media screen and (max-width:1023px) {
    .columns.is-variable.is-8-touch {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) {
    .columns.is-variable.is-8-desktop {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1024px) and (max-width:1215px) {
    .columns.is-variable.is-8-desktop-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) {
    .columns.is-variable.is-8-widescreen {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1216px) and (max-width:1407px) {
    .columns.is-variable.is-8-widescreen-only {
        --columnGap: 2rem
    }
}

@media screen and (min-width:1408px) {
    .columns.is-variable.is-8-fullhd {
        --columnGap: 2rem
    }
}

.tile {
    align-items: stretch;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content
}

.tile.is-ancestor {
    margin-left: -.75rem;
    margin-right: -.75rem;
    margin-top: -.75rem
}

.tile.is-ancestor:last-child {
    margin-bottom: -.75rem
}

.tile.is-ancestor:not(:last-child) {
    margin-bottom: .75rem
}

.tile.is-child {
    margin: 0 !important
}

.tile.is-parent {
    padding: .75rem
}

.tile.is-vertical {
    flex-direction: column
}

.tile.is-vertical>.tile.is-child:not(:last-child) {
    margin-bottom: 1.5rem !important
}

@media print,
screen and (min-width:769px) {
    .tile:not(.is-child) {
        display: flex
    }

    .tile.is-1 {
        flex: none;
        width: 8.33333%
    }

    .tile.is-2 {
        flex: none;
        width: 16.66667%
    }

    .tile.is-3 {
        flex: none;
        width: 25%
    }

    .tile.is-4 {
        flex: none;
        width: 33.33333%
    }

    .tile.is-5 {
        flex: none;
        width: 41.66667%
    }

    .tile.is-6 {
        flex: none;
        width: 50%
    }

    .tile.is-7 {
        flex: none;
        width: 58.33333%
    }

    .tile.is-8 {
        flex: none;
        width: 66.66667%
    }

    .tile.is-9 {
        flex: none;
        width: 75%
    }

    .tile.is-10 {
        flex: none;
        width: 83.33333%
    }

    .tile.is-11 {
        flex: none;
        width: 91.66667%
    }

    .tile.is-12 {
        flex: none;
        width: 100%
    }
}

.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero .navbar {
    background: 0 0
}

.hero .tabs ul {
    border-bottom: none
}

.hero.is-white {
    background-color: #fff;
    color: #0a0a0a
}

.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
    color: inherit
}

.hero.is-white .title {
    color: #0a0a0a
}

.hero.is-white .subtitle {
    color: rgba(10, 10, 10, .9)
}

.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
    color: #0a0a0a
}

@media screen and (max-width:1023px) {
    .hero.is-white .navbar-menu {
        background-color: #fff
    }
}

.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
    color: rgba(10, 10, 10, .7)
}

.hero.is-white .navbar-link.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white a.navbar-item:hover {
    background-color: #f2f2f2;
    color: #0a0a0a
}

.hero.is-white .tabs a {
    color: #0a0a0a;
    opacity: .9
}

.hero.is-white .tabs a:hover,
.hero.is-white .tabs li.is-active a {
    opacity: 1
}

.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
    color: #0a0a0a
}

.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
    background-color: #0a0a0a;
    border-color: #0a0a0a;
    color: #fff
}

.hero.is-white.is-bold {
    background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
}

@media screen and (max-width:768px) {
    .hero.is-white.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #e6e6e6, #fff 71%, #fff)
    }
}

.hero.is-black {
    background-color: #0a0a0a;
    color: #fff
}

.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
    color: inherit
}

.hero.is-black .title {
    color: #fff
}

.hero.is-black .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-black .navbar-menu {
        background-color: #0a0a0a
    }
}

.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-black .navbar-link.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black a.navbar-item:hover {
    background-color: #000;
    color: #fff
}

.hero.is-black .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-black .tabs a:hover,
.hero.is-black .tabs li.is-active a {
    opacity: 1
}

.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
    color: #fff
}

.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0a0a0a
}

.hero.is-black.is-bold {
    background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
}

@media screen and (max-width:768px) {
    .hero.is-black.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #000, #0a0a0a 71%, #181616)
    }
}

.hero.is-light {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
    color: inherit
}

.hero.is-light .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
    .hero.is-light .navbar-menu {
        background-color: #f5f5f5
    }
}

.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
    background-color: #e8e8e8;
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-light .tabs a:hover,
.hero.is-light .tabs li.is-active a {
    opacity: 1
}

.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #f5f5f5
}

.hero.is-light.is-bold {
    background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
}

@media screen and (max-width:768px) {
    .hero.is-light.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #dfd8d9, #f5f5f5 71%, #fff)
    }
}

.hero.is-dark {
    background-color: #363636;
    color: #fff
}

.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
    color: inherit
}

.hero.is-dark .title {
    color: #fff
}

.hero.is-dark .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-dark .navbar-menu {
        background-color: #363636
    }
}

.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
    background-color: #292929;
    color: #fff
}

.hero.is-dark .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-dark .tabs a:hover,
.hero.is-dark .tabs li.is-active a {
    opacity: 1
}

.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
    color: #fff
}

.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #363636
}

.hero.is-dark.is-bold {
    background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
}

@media screen and (max-width:768px) {
    .hero.is-dark.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1f191a, #363636 71%, #46403f)
    }
}

.hero.is-primary {
    background-color: #00d1b2;
    color: #fff
}

.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
    color: inherit
}

.hero.is-primary .title {
    color: #fff
}

.hero.is-primary .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-primary .navbar-menu {
        background-color: #00d1b2
    }
}

.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
    background-color: #00b89c;
    color: #fff
}

.hero.is-primary .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-primary .tabs a:hover,
.hero.is-primary .tabs li.is-active a {
    opacity: 1
}

.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
    color: #fff
}

.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #00d1b2
}

.hero.is-primary.is-bold {
    background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb)
}

@media screen and (max-width:768px) {
    .hero.is-primary.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #009e6c, #00d1b2 71%, #00e7eb)
    }
}

.hero.is-link {
    background-color: #3273dc;
    color: #fff
}

.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
    color: inherit
}

.hero.is-link .title {
    color: #fff
}

.hero.is-link .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-link .navbar-menu {
        background-color: #3273dc
    }
}

.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
    background-color: #2366d1;
    color: #fff
}

.hero.is-link .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-link .tabs a:hover,
.hero.is-link .tabs li.is-active a {
    opacity: 1
}

.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
    color: #fff
}

.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3273dc
}

.hero.is-link.is-bold {
    background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5)
}

@media screen and (max-width:768px) {
    .hero.is-link.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #1577c6, #3273dc 71%, #4366e5)
    }
}

.hero.is-info {
    background-color: #3298dc;
    color: #fff
}

.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
    color: inherit
}

.hero.is-info .title {
    color: #fff
}

.hero.is-info .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-info .navbar-menu {
        background-color: #3298dc
    }
}

.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
    background-color: #238cd1;
    color: #fff
}

.hero.is-info .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-info .tabs a:hover,
.hero.is-info .tabs li.is-active a {
    opacity: 1
}

.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
    color: #fff
}

.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #3298dc
}

.hero.is-info.is-bold {
    background-image: linear-gradient(141deg, #159dc6, #3298dc 71%, #4389e5)
}

@media screen and (max-width:768px) {
    .hero.is-info.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #159dc6, #3298dc 71%, #4389e5)
    }
}

.hero.is-success {
    background-color: #48c774;
    color: #fff
}

.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
    color: inherit
}

.hero.is-success .title {
    color: #fff
}

.hero.is-success .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-success .navbar-menu {
        background-color: #48c774
    }
}

.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
    background-color: #3abb67;
    color: #fff
}

.hero.is-success .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-success .tabs a:hover,
.hero.is-success .tabs li.is-active a {
    opacity: 1
}

.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
    color: #fff
}

.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #48c774
}

.hero.is-success.is-bold {
    background-image: linear-gradient(141deg, #29b342, #48c774 71%, #56d296)
}

@media screen and (max-width:768px) {
    .hero.is-success.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #29b342, #48c774 71%, #56d296)
    }
}

.hero.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
    color: inherit
}

.hero.is-warning .title {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .subtitle {
    color: rgba(0, 0, 0, .9)
}

.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
    color: rgba(0, 0, 0, .7)
}

@media screen and (max-width:1023px) {
    .hero.is-warning .navbar-menu {
        background-color: #ffdd57
    }
}

.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
    background-color: #ffd83d;
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs a {
    color: rgba(0, 0, 0, .7);
    opacity: .9
}

.hero.is-warning .tabs a:hover,
.hero.is-warning .tabs li.is-active a {
    opacity: 1
}

.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
    color: rgba(0, 0, 0, .7)
}

.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
    background-color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .7);
    color: #ffdd57
}

.hero.is-warning.is-bold {
    background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70)
}

@media screen and (max-width:768px) {
    .hero.is-warning.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #ffaf24, #ffdd57 71%, #fffa70)
    }
}

.hero.is-danger {
    background-color: #f14668;
    color: #fff
}

.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
    color: inherit
}

.hero.is-danger .title {
    color: #fff
}

.hero.is-danger .subtitle {
    color: hsla(0, 0%, 100%, .9)
}

.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
    color: #fff
}

@media screen and (max-width:1023px) {
    .hero.is-danger .navbar-menu {
        background-color: #f14668
    }
}

.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
    color: hsla(0, 0%, 100%, .7)
}

.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
    background-color: #ef2e55;
    color: #fff
}

.hero.is-danger .tabs a {
    color: #fff;
    opacity: .9
}

.hero.is-danger .tabs a:hover,
.hero.is-danger .tabs li.is-active a {
    opacity: 1
}

.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
    color: #fff
}

.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
    background-color: rgba(10, 10, 10, .1)
}

.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
    background-color: #fff;
    border-color: #fff;
    color: #f14668
}

.hero.is-danger.is-bold {
    background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
}

@media screen and (max-width:768px) {
    .hero.is-danger.is-bold .navbar-menu {
        background-image: linear-gradient(141deg, #fa0a62, #f14668 71%, #f7595f)
    }
}

.hero.is-small .hero-body {
    padding: 1.5rem
}

@media print,
screen and (min-width:769px) {
    .hero.is-medium .hero-body {
        padding: 9rem 1.5rem
    }
}

@media print,
screen and (min-width:769px) {
    .hero.is-large .hero-body {
        padding: 18rem 1.5rem
    }
}

.hero.is-fullheight-with-navbar .hero-body,
.hero.is-fullheight .hero-body,
.hero.is-halfheight .hero-body {
    align-items: center;
    display: flex
}

.hero.is-fullheight-with-navbar .hero-body>.container,
.hero.is-fullheight .hero-body>.container,
.hero.is-halfheight .hero-body>.container {
    flex-grow: 1;
    flex-shrink: 1
}

.hero.is-halfheight {
    min-height: 50vh
}

.hero.is-fullheight {
    min-height: 100vh
}

.hero-video {
    overflow: hidden
}

.hero-video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.hero-video.is-transparent {
    opacity: .3
}

@media screen and (max-width:768px) {
    .hero-video {
        display: none
    }
}

.hero-buttons {
    margin-top: 1.5rem
}

@media screen and (max-width:768px) {
    .hero-buttons .button {
        display: flex
    }

    .hero-buttons .button:not(:last-child) {
        margin-bottom: .75rem
    }
}

@media print,
screen and (min-width:769px) {
    .hero-buttons {
        display: flex;
        justify-content: center
    }

    .hero-buttons .button:not(:last-child) {
        margin-right: 1.5rem
    }
}

.hero-foot,
.hero-head {
    flex-grow: 0;
    flex-shrink: 0
}

.hero-body {
    flex-grow: 1;
    flex-shrink: 0
}

.hero-body,
.section {
    padding: 3rem 1.5rem
}

@media screen and (min-width:1024px) {
    .section.is-medium {
        padding: 9rem 1.5rem
    }

    .section.is-large {
        padding: 18rem 1.5rem
    }
}

.footer {
    background-color: #fafafa;
    padding: 3rem 1.5rem 6rem
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -o-transition: .3s opacity;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    transition: top .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s top;
    transition: transform .2s, top .2s;
    transition: transform .2s, top .2s, -webkit-transform .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    transition: left .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s left;
    transition: transform .2s, left .2s;
    transition: transform .2s, left .2s, -webkit-transform .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    transition: right .2s, -webkit-transform .2s;
    -o-transition: .2s transform, .2s right;
    transition: transform .2s, right .2s;
    transition: transform .2s, right .2s, -webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}


/*  idc  */
.xt__banner-black {
    color: #fff
}
.xt__banner-dataCenter {
    display: flex;
    align-items: center;
    height: 350px;
    color: #fff;
    background-color: #d3e9f7;
    background-position: 50%;
    background-repeat: no-repeat !important;
    justify-content: center;
    background-size: contain;
}
.xt__banner-dataCenter .inner-banner-block {
    display: flex;
    align-items: center;
    position: relative;
    height: 350px!important;
    width: 100vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.xt__banner-dataCenter .xt__size-28.wow {
    font-weight: 700
}

.xt__banner-dataCenter .xt__common-width h2 {
    margin-bottom: 25px;
    text-align: center;
    padding: 0
}

.xt__banner-dataCenter .xt__common-width p {
    text-align: center;
}

.xt__banner-dataCenter .xt__banner-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #00a2ff!important;
    color: #fff;
    background: #00a2ff;
    text-align: center;
    min-width: 85px;
    height: 36px;
    margin-top: 24px;
    cursor: pointer;
    transition: all .2s ease-in-out 0s
}

.xt__banner-dataCenter .xt__banner-btn:hover {
    border: 1px solid #00a2ff;
    background: #00a2ff;
    color: #fff;
    opacity: 1
}

.xt__banner-dataCenter .xt__banner-subBtn.xt__banner-btn {
    padding-left: 10px;
    padding-right: 10px
}

.xt__subtitle {
    text-align: center;
    margin: auto auto 15px
}

.xt__self-content {
    margin-top: 30px
}

.xt__self-content .ivu-tabs-bar {
    border-bottom: 2px solid #e0e8ed
}

.xt__self-content .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab {
    padding: 15px 18px;
    font-size: 16px
}

.xt__self-content .ivu-tabs-bar .ivu-tabs-nav .ivu-tabs-tab-active {
    color: #00a2ff;
    font-weight: 700
}

.xt__self-content .ivu-tabs-bar .ivu-tabs-ink-bar {
    background-color: #00a2ff
}

.xt__self-content h2 {
    text-align: center;
    padding: 105px 0 0;
    margin-bottom: 71px
}

.xt__self-content .xt__selfContent-head {
    background: url(/assets/img/head_bg-self.332c892.jpg) 50% no-repeat;
    width: 1199px;
    height: 215px;
    margin-top: 60px;
    margin-bottom: 47px;
    position: relative
}

.xt__self-content .xt__selfContent-head a {
    position: absolute;
    display: block;
    width: 152px;
    height: 87px;
    top: 63px;
    left: 900px
}

.xt__self-img {
    width: 566px;
    margin-right: 70px!important
}

.xt__datacenter-active {
    position: relative;
    line-height: 26px
}

.xt__datacenter-active p+p {
    margin-top: 34px
}

.xt__btns-self {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex
}

.xt_btns-btn img {
    vertical-align: middle;
    margin-right: 5px
}

.xt_btn-full {
    color: #fff;
    background: #00a2ff
}

.xt__datacenter-table {
    margin-bottom: 119px
}

.xt__datacenter-table h3 {
    text-align: center;
    margin: 120px 0 70px
}

.xt__datacenter-table ul {
    font-size: 0;
    border-left: 1px solid #dbe0e5;
    border-top: 1px solid #dbe0e5
}

.xt__datacenter-table li {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    text-align: left
}

.xt__datacenter-table li>div {
    height: 48px;
    border-right: 1px solid #dbe0e5;
    border-bottom: 1px solid #dbe0e5;
    position: relative;
    display: flex;
    align-items: center
}

.xt__datacenter-table li div span:first-child {
    padding-left: 33px;
    font-weight: 600;
    white-space: nowrap
}

.xt__datacenter-table li>div.xt__table-lastchild {
    border-bottom: none;
    z-index: 1
}

.xt__table-lastchild>div div a {
    color: #00a2ff;
    margin-left: 10px
}

.xt__table-map {
    position: absolute;
    left: 0;
    top: 40px;
    display: flex;
    align-items: center;
    padding-left: 106px!important
}

.common-width {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto
}

.self-built-list {
    text-align: left;
    word-break: break-all
}

.self-built-list>ul>li:nth-child(2n-1) {
    background: #f1f4f6
}

.sb-list-info {
    position: relative;
    padding: 66px 0;
    color: #8b91a0
}

.sb-list-item-img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 38px
}

.sb-list-item-con {
    padding-left: 300px
}

.sb-list-info-tit,.sb-list-info-tit2 {
    color: #333
}

.sb-list-info-tit {
    font-size: 18px;
    padding: 15px 0 23px
}

.sb-list-info-tit2 {
    margin-bottom: 15px
}

.sb-list-item-con ul li {
    position: relative;
    line-height: 20px;
    margin-bottom: 13px;
    padding-left: 14px;
    font-size: 14px
}

.sb-list-item-con ul li:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
    height: 3px;
    background: #00a2ff;
    border-radius: 50%
}

.xt__selfTraffic-map {
    display: block;
    width: 566px;
    height: 217px
}

.xt__selfContent-introduction {
    margin-bottom: 51px!important
}

.xt__selfContent-introduction .xt__self-img {
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.xt__selfContent-introduction .xt__self-img:hover .xt__self-newLinkBox {
    opacity: 0
}

.xt__selfContent-introduction .xt__self-img span {
    display: block;
    height: 100%;
    background: #eee
}

.xt__selfContent-introduction .xt__self-img span img {
    height: 100%;
    width: 100%
}

.xt__selfContent-introduction .xt__self-img .spe_self-img {
    height: 100%!important
}

.xt__selfContent-introduction .xt__self-img .xt_-self-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 70px;
    z-index: 99
}

.xt__selfContent-introduction .xt__self-img .xt__self-newLinkBox {
    background: #000;
    opacity: .2;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 65;
    transition: all .2s linear 0s
}

.xt__selfContent-introduction .xt__self-img .xt__self-newlink {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: url(../images/icon-play.png) no-repeat 50%;
    background-size: contain;
    width: 65px;
    height: 65px;
    z-index: 66
}

.xt__selfContent-introduction .xt__datacenter-active {
    text-align: justify
}

.xt__selfContent-introduction .xt__datacenter-active span {
    font-weight: 700;
    color: #333
}

.xt__selfContent-introduction .xt__datacenter-active ul {
    margin-top: 18px
}

.xt__selfContent-introduction .xt__datacenter-active ul li {
    position: relative;
    padding-bottom: 11px
}

.xt__selfContent-introduction .xt__datacenter-active ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #8b91a0;
    color: #8b91a0
}

.xt__selfContent-introduction .xt__datacenter-active ul li p {
    color: #8b91a0;
    margin-left: 17px;
    line-height: 26px
}

.xt__selfContent-introduction .xt__datacenter-active .flex-box {
    display: flex
}

.xt__selfContent-introduction .xt__datacenter-active .flex-box .xt_-self-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 14px;
    color: #0090ff;
    border: 1px solid #0090ff;
    padding: 5px 10px;
    margin-top: 10px;
    width: 158px;
    margin-right: 10px
}

.xt__selfContent-introduction .xt__datacenter-active .flex-box .xt_-self-link .icona-22v {
    font-size: 24px;
    margin-right: 6px
}

.xt__selfContent-introduction .xt__datacenter-active .flex-box .xt_-self-link:hover {
    background: #0090ff;
    color: #fff
}

.xt__selfContent-introduction .xt__datacenter-active .flex-box .xt_-self-link:hover .icona-22v {
    color: #fff
}

.xt__self-traffic {
    background: #edf4f9
}

.xt__self-traffic .xt__selfTraffic-content {
    padding: 40px 0
}

.xt__self-traffic .xt__selfTraffic-content .xt__selfTraffic-title {
    /* align-self: flex-end */
}

.xt__self-traffic .xt__selfTraffic-content .xt__selfTraffic-title span {
    display: block;
    font-weight: 700;
    margin-bottom: 18px
}

.xt__self-traffic .xt__selfTraffic-content .xt__selfTraffic-title p {
    line-height: 26px
}

.xt__self-traffic .xt__selfTraffic-content .xt__selfTraffic-img {
    width: 566px
}

.xt__self-traffic .xt__selfTraffic-content .xt__selfTraffic-img .xt__selfTraffic-map {
    display: block;
    width: 566px;
    height: 276px
}

.xt__self-outline {
    margin-top: 78px;
    margin-bottom: 74px
}

.xt__self-outline .flex-box,.xt__self-outline .flex-box a {
    display: flex;
    justify-content: center;
    align-items: center
}

.xt__self-outline .flex-box a {
    border: 1px solid #0090ff;
    color: #0090ff;
    width: 112px;
    height: 36px;
    border-radius: 3px
}

.xt__self-outline .flex-box a+a {
    margin-left: 31px
}

.xt__self-outline .flex-box a:hover {
    background: #0090ff;
    color: #fff
}

.xt__self-outline .xt__selfOutline-head {
    margin-bottom: 75px!important
}

.xt__self-outline .xt__selfOutline-head h2 {
    text-align: center
}

.xt__self-outline .xt__seleOutline-content ul li .xt__selfOutlineContent-sign {
    width: 41px;
    height: 41px;
    display: inline-block;
    background: #edf4f9
}

.xt__self-outline .xt__seleOutline-content ul li .xt__selfOutlineContent-title {
    display: inline-block;
    padding-left: 14px!important;
    min-width: 128px
}

.xt__self-outline .xt__seleOutline-content ul li .xt__selfOutlineContent-title p {
    color: #8b91a0
}

.xt__self-outline .xt__seleOutline-content ul li:last-of-type {
    margin-bottom: 1.5rem!important
}

.xt__self-outline .xt__seleOutline-content ul+ul {
    margin-top: 42px
}

.xt__self-advantage {
    background: #fff;
    padding-bottom: 110px
}

.xt__self-advantage h2 {
    text-align: center;
    margin-bottom: 70px
}

.xt__self-advantage .xt__advantage-cards {
    width: 1200px;
    margin: 0 auto
}

.xt__self-advantage .xt__advantage-cards .main-bg {
    background: #edf4f9!important
}

.xt__self-advantage .xt__advantage-cards .column {
    display: flex;
    padding: 0!important
}

.xt__self-advantage .xt__advantage-cards .xt__selfAdvantage-card {
    background: #fff;
    width: 100%;
    height: 254px;
    cursor: pointer
}

.xt__self-advantage .xt__advantage-cards .xt__selfAdvantage-card .xt__selfAdvantage-img {
    display: block;
    height: 120px;
    margin-top: 48px;
    margin-bottom: 25px
}

.xt__self-advantage .xt__selfAdvantage-article-box {
    border: 1px solid #e1e3ea;
    padding: 0 40px 30px;
    margin-top: 20px
}

.xt__self-advantage .xt__selfAdvantage-article-box .xt__selfAdvantage-article {
    margin-top: 40px;
    line-height: 26px
}

.xt__self-advantage .xt__selfAdvantage-article-box .xt__selfAdvantage-article ul li {
    position: relative
}

.xt__self-advantage .xt__selfAdvantage-article-box .xt__selfAdvantage-article ul li:before {
    content: "";
    position: absolute;
    left: 0;
    background: #0090ff;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    margin-top: 10px
}

.xt__self-advantage .xt__selfAdvantage-article-box .xt__selfAdvantage-article ul li p {
    margin-left: 12px
}

.xt__self-img {
    width: 566px;
    height: 300px;
    margin-right: 70px!important
}

.vertical-center-modal .ivu-modal-content {
    background-color: #000
}

.xt__advantageCard-active {
    position: relative;
    border: 1px solid #e2e4eb!important
}

.xt__advantageCard-active:before {
    width: 18px;
    height: 10px;
    content: " ";
    background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAgEBAQICAgEBAgICAgICAgICAwIDAwMDAgMDBAQEBAQDBQUFBQUFBwcHBwcICAgICAgICAgIAQEBAQICAgUDAwUHBQQFBwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wAARCAAKABIDAREAAhEBAxEB/8QAdwABAAMAAAAAAAAAAAAAAAAABQMHCgEBAQEBAAAAAAAAAAAAAAAAAQIDBBAAAAQDBAQPAAAAAAAAAAAAATECAwAyBRFBMwRhElJD8FFxgSJCYhMUNFSElDUGEQEAAQMFAQAAAAAAAAAAAAAAAfARMSFhcQIyA//aAAwDAQACEQMRAD8A3tZrNP1B9ymUxwWkNDq1Opp3XG22N7g3j1eWLiLayEANr/OdJnXeoQ47Qipa8oN6022iKBNQGBhfD65GDvi8r6lvD76dOFtnLpKItKrifzP0eQw5N2RjN29rTbF/T0OuDqpVEQmXPGZUf8LzvD20dtVuyf/Z);
    position: absolute;
    left: 109px;
    bottom: -22px
}

.xt__newTabs {
    margin-top: 90px
}

.xt__newTabs .xt__newTabs-header {
    border-bottom: 1px solid #e0e8ed;
    margin-bottom: 36px;
    text-align: left
}

.xt__newTabs .xt__newTabs-header span {
    display: inline-block;
    cursor: pointer;
    /* min-width: 306px;
    max-width: 400px; */
    width: 24.5%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
}

.xt__newTabs .xt__newTabs-header span:first-of-type {
    margin-left: 0
}

.xt__newTabs .xt__newTabs-header .active {
    color: #fff;
    font-weight: bold;
    position: relative;
    background: #5b4397;
}

.xt__newTabs .xt__newTabs-header .is-disable {
    color: #ccc!important
}

.xt-m-banner {
    position: relative;
    margin-bottom: 2.66667vw;
    font-size: 0
}
.xt-m-banner img {
    width: 100%;
}

.xt-m-banner ._black {
    color: #333!important
}

.xt-m-banner .xt-m-banner-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100vw;
    color: #fff;
    text-align: center;
    font-size: 4.26667vw;
    font-weight: 500;
    z-index: 5
}

.xt-m-banner .xt-m-banner-content h1 {
    font-size: 4.26667vw;
    margin-bottom: 2.66667vw
}

.xt-m-banner .xt-m-banner-content p {
    font-size: 2.93333vw
}

.xt-m-banner_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.73333vw;
    color: #626060;
    font-size: 4.26667vw;
    z-index: 5
}

.xt-m-banner_btn span {
    vertical-align: middle
}

.xt-m-banner_btn span:last-child {
    width: 4.93333vw;
    height: 4.93333vw;
    line-height: 4.93333vw;
    text-align: center;
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    color: #b4cff3;
    margin-left: 3.33333vw;
    box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.xt-m-card {
    border-radius: 2.66667vw;
    background-color: #fff;
    font-size: 0;
    margin: 0 2.66667vw 2.66667vw;
    overflow: hidden;
    padding: 20px 0;
}

.xt-m-card-header {
    position: relative;
    text-align: center;
    padding: 2.93333vw 4vw;
    color: #333
}

.xt-m-card-header i,.xt-m-card-header span {
    vertical-align: middle
}

.xt-m-card-header .xt-m-card-header-tit {
    font-size: 4.53333vw;
    font-weight: 500
}

.xt-m-card-header:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    color: #f5f5f5;
    transform-origin: 0 0;
    transform: scaleY(.5);
    z-index: 2;
    bottom: 0;
    border-bottom: 1px solid #f5f5f5
}

.card-arrow {
    position: absolute;
    right: 10px;
    top: 50%;
    color: #999;
    transform: rotate(0deg) translateY(-50%);
    transition: all .5s
}

.card-arrow-active {
    transform: rotate(90deg) translate(-80%,2%)
}

.xt-m-card-header-icon-main {
    display: inline-block;
    vertical-align: middle
}

.xt-m-card-header-icon {
    fill: currentColor;
    display: inline-block;
    width: 8.8vw;
    height: 4.94753vh;
    font-size: 7.46667vw;
    margin-right: 1.33333vw
}

.xt-m-card-main {
    font-size: 3.2vw
}

.xt-m-card-main .card-content {
    padding: 5.33333vw 5.33333vw 8.66667vw 4.26667vw
}
.xt-m-card-main .card-content img {
    max-width: 100%;
}

.xt-m-card-main .card-content-text-paragraph {
    font-size: 2.93333vw;
    line-height: 5.06667vw;
    color: #333;
    margin-bottom: 6.66667vw
}

.xt-m-card-main .card-content-text-paragraph.is-sub {
    color: #8b91a0
}

.ms-ss {
    /* padding: 11px 17px */
}

.ms-ss h3 {
    font-size: 3.46667vw;
    color: #666;
    padding: 5.6vw 0 2.93333vw
}

.ms-ss p {
    font-size: 2.93333vw;
    color: #999;
    line-height: 1.5;
    padding-bottom: 10px
}

.ms-ss .flex-title {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    padding: 10px 0 0 10px
}

.ms-ss .flex-title img {
    width: 25.86667vw;
    margin-right: 20px
}

.ms-ss .flex-title span {
    color: #666;
    font-size: 4vw;
    font-weight: 400
}

.ms-ss ._dot {
    position: relative;
    padding-left: 10px
}

.ms-ss ._dot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #8b91a0;
    color: #8b91a0
}

.component-container {
    padding: 11px 17px 20px
}

.component-container .img-container {
    text-align: center
}

.component-container p {
    font-size: 2.93333vw;
    color: #999;
    margin-top: 10px
}

.video-link {
    margin-top: 4.66667vw
}

.video-link,.video-link a {
    display: flex;
    align-items: center;
    justify-content: center
}

.video-link a {
    font-size: 2.93333vw;
    border: 1px solid #00a2ff;
    border-radius: .66667vw;
    color: #00a2ff;
    width: auto;
    padding: 6px 10px
}

.video-link a .icona-22v {
    font-size: 20px;
    margin-right: 4px
}

.video-link a:hover {
    background: #0090ff;
    color: #fff
}

.video-link a:hover .icona-22v {
    color: #fff
}

._dot {
    position: relative;
    padding-left: 10px
}

._dot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #8b91a0;
    color: #8b91a0
}

.component-container {
    padding: 11px 17px 20px
}

.component-container .img-container {
    width: 100%;
    overflow: hidden;
    text-align: center
}
.component-container img {
    width: 100%;
}
.component-container p {
    font-size: 2.93333vw;
    color: #999;
    margin-top: 10px
}

.component-container ._dot {
    position: relative;
    padding-left: 10px
}

.component-container ._dot:before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: #8b91a0;
    color: #8b91a0
}

.cell-container {
    padding: 0 16px
}

.cell-container .img-container {
    text-align: center
}

.cell-container .square-inner {
    display: flex;
    flex-wrap: wrap
}

.cell-container .square-inner ._text {
    min-width: 90px
}

.cell-container .square-inner .square-cell {
    position: relative;
    display: flex;
    width: 50%;
    min-height: 119px;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 10px 0
}

.cell-container .square-inner .square-cell .square-cell-icon {
    width: 50px;
    height: 50px
}

.cell-container .square-inner .square-cell p:nth-of-type(odd) {
    font-size: 3.73333vw;
    color: #666;
    margin-bottom: 3px;
    max-width: 90px
}

.cell-container .square-inner .square-cell p:nth-of-type(2n) {
    font-size: 2.93333vw;
    color: #999
}

.cell-container .square-inner .square-cell:nth-of-type(2n) {
    border-left: 1px solid #f5f5f5
}

.cell-container .square-inner .square-cell:last-child {
    display: flex;
    width: 100%!important;
    justify-content: flex-start
}

.cell-container .square-inner .square-cell:last-child .cell-text {
    display: flex!important;
    flex-direction: column
}

.cell-container .square-inner .square-cell:last-child .cell-text ._text {
    display: flex;
    flex: 1
}

.cell-container .square-inner .square-cell:last-child .square-cell-icon {
    margin-left: 10px!important
}


@media screen and (max-width: 768px) {
    .wy_navbar-btnGroup .navBtn {
        /* padding-right:5.33333vw */
    }

    .wy_navbar-btnGroup .navBtn .iconfont {
        margin-left: 10px;
        font-size: 30px;
        height: 100%
    }

    body .xt__container-map {
        background-size: contain;
        min-width: 100%;
        height: auto;
        padding-top: 3.26667vw;
    }
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }

  .xt__goBack {
    width: 100%;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
  }

.datacenter-m-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 3%;
    align-items: center;
}
.datacenter-m-list a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
    padding: 10px;
    background: #0090ff;
    margin: 3px 5px;
}
.datacenter-m-list a.active {
    font-weight: bold;
    background: #5b4397;
}