body {
    padding-top: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    --font-family-sans-serif: normal;
    --font-family-monospace: normal;
}

button:focus {
    outline: none;
}

.hided {
    display: none !important;
}

.container {
    width: 1200px !important;
    padding: 0px;
}

/* 局部 */
.homebanner {
    height: 760px;
    background: url('../img/bannermask.png') 100% 100% no-repeat, linear-gradient(90deg, #32CC4F 0%, #2BB15F 100%);
}

.bannerheadflex {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headoptflex {
    display: flex;
}

    .headoptflex li {
        width: 116px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .headoptflex li:last-child {
            width: auto;
        }

        .headoptflex li a {
            font-size: 18px;
            font-weight: 400;
            text-align: center;
            color: #ffffff;
            line-height: 22px;
        }

            .headoptflex li a:hover {
                text-decoration: none;
            }

.loginbtn {
    width: 110px;
    height: 40px;
    background: #ffffff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #2bb15f;
    border: 1px solid #fff;
    line-height: 22px;
    margin-left: 45px;
    cursor: pointer;
    box-sizing: border-box;
}

    .loginbtn.reversebtn {
        color: #ffffff;
        background: transparent;
    }

    .loginbtn:hover {
        opacity: 0.8;
    }

.bannerinfotxt h1 {
    font-size: 68px;
    font-weight: 500;
    text-align: LEFT;
    color: #ffffff;
    line-height: 88px;
    margin: 0px;
    margin-top: 170px;
}

ul.demofunction {
    display: flex;
    align-items: center;
    margin-top: 45px;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 400;
    text-align: LEFT;
    color: #ffffff;
    line-height: 30px;
    padding-left: 0px;
}

    ul.demofunction li {
        margin-right: 26px;
        list-style-type: none;
        display: flex;
        align-items: center;
    }

.videonumbar {
    width: 207px;
    height: 40px;
    background: #ffb43f;
    border-radius: 5px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    text-align: LEFT;
    color: #ffffff;
    line-height: 22px;
    cursor: pointer;
}

.videonumicon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.demofunction img {
    margin-right: 8px;
}

.bannerinfocode {
    text-align: center;
    margin-top: 145px;
    width: 332px;
    height: 377px;
    opacity: 1;
    background: rgba(48, 182, 96, 0.80);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.bannercodeimg {
    width: 250px;
    height: 250px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 42px;
}

    .bannercodeimg img {
        width: 220px;
        height: 220px;
        display: flex;
    }

.bannerinfocode p {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 30px;
    margin-top: 24px;
}

.bannerinfo {
    display: flex;
    justify-content: space-around;
}

.bggrey {
    background: #fafafa;
}

.sectionflexinfo {
    display: flex;
    padding-top: 114px;
    padding-bottom: 100px;
}

.sectionintroduce {
    padding-top: 60px;
    padding-left: 115px;
}

    .sectionintroduce ul li {
        font-size: 28px;
        font-weight: 500;
        text-align: LEFT;
        color: #2bb15f;
        line-height: 60px;
        display: flex;
        align-items: center;
    }

.introducedot {
    display: inline-block;
    width: 14px;
    height: 14px;
    opacity: 1;
    border: 3px solid #2bb15f;
    border-radius: 50%;
    margin-right: 20px;
}

.introducebtn {
    width: 170px;
    height: 50px;
    opacity: 1;
    background: linear-gradient(270deg, #2bb15f 0%, #32cc4f);
    border-radius: 6px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    border: none;
    margin-top: 50px;
    margin-left: 34px;
    cursor: pointer;
}

    .introducebtn:hover {
        opacity: 0.8;
    }

.section .section--header .section--title {
    font-size: 36px;
    font-weight: 500;
    text-align: CENTER;
    color: #212121;
    line-height: 54px;
    padding-top: 130px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.section .section--header .section--description {
    font-size: 18px;
    font-weight: 400;
    text-align: CENTER;
    color: #666666;
    line-height: 27px;
    padding-top: 12px;
    margin-bottom: 0px;
}

.functionflexwarp {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 115px;
    padding-top: 35px;
}

.functionwarpitem {
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.functionblank {
    width: 510px;
    height: 191px;
    opacity: 1;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 12px 0px rgba(32, 179, 89, 0.10);
    position: relative;
    padding: 26px 30px;
    box-sizing: border-box;
}

    .functionblank h2 {
        font-size: 28px;
        font-weight: 500;
        text-align: LEFT;
        color: #0e9c5c;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 42px;
    }

    .functionblank p {
        font-size: 18px;
        font-weight: 400;
        text-align: LEFT;
        color: #28895d;
        margin-bottom: 0px;
        width: 233px;
        margin-top: 16px;
    }

    .functionblank img {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.functiontips {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #999999;
    line-height: 24px;
    margin-top: 16px;
    padding-left: 30px;
}

    .functiontips p {
        margin-bottom: 0px;
        padding-left: 12px;
    }

.traitflexwrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 98px;
    padding-bottom: 55px;
}

.traititem {
    width: 240px;
    height: 211px;
    opacity: 1;
    background: #ffffff;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 13px 20px 25px;
    margin-bottom: 64px;
}

    .traititem h3 {
        font-size: 20px;
        font-weight: 500;
        text-align: LEFT;
        color: #212121;
        padding-top: 24px;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .traititem p {
        font-size: 15px;
        font-weight: 400;
        text-align: LEFT;
        color: #666666;
        line-height: 24px;
        padding-top: 14px;
        margin-bottom: 0px;
    }

.safeguardflexwrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 88px;
    padding-bottom: 49px;
}

.safeguarditem {
    position: relative;
    width: 290px;
    height: 257px;
}

.safeguardvalue {
    position: absolute;
    top: 155px;
    text-align: center;
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    color: #212121;
}

.safeguardbttxt {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #2bb15f;
    line-height: 27px;
    padding-bottom: 11px;
}

    .safeguardbttxt:last-child {
        padding-bottom: 72px;
    }

.safeguardbttxtdis {
    padding: 0px 12px;
}

.safeguardbtnum {
    font-size: 34px;
    font-weight: 500;
    text-align: LEFT;
    color: #2bb15f;
    line-height: 51px;
}

.safeguardbtunit {
    font-size: 26px;
    font-weight: 500;
    color: #2bb15f;
    line-height: 39px;
}

.yiappserviceflexwrap {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 101px 0px 113px 0px;
}

.yiappserviceitem {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yiappservicevalue {
    font-size: 20px;
    font-weight: 400;
    text-align: CENTER;
    color: #212121;
    padding-top: 15px;
    line-height: 30px;
}

.demotipsbar {
    height: 110px;
    background: url('../img/demotipsimg.png') 100% 100% no-repeat, linear-gradient(90deg, #32CC4F 0%, #2BB15F 100%);
}

    .demotipsbar .container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.demotipstxt {
    font-size: 32px;
    font-weight: 500;
    text-align: LEFT;
    color: #ffffff;
}

.demotipsbtn {
    width: 250px;
    height: 50px;
    background: #ffffff;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 400;
    text-align: CENTER;
    color: #2bb15f;
    line-height: 50px;
    margin-left: 48px;
    cursor: pointer;
}

    .demotipsbtn:hover {
        opacity: 0.8;
    }

    .demotipsbtn:hover {
        text-decoration: none;
        color: #2bb15f;
    }

.footerblank {
    width: 100%;
    height: auto;
    background: #393c45;
    padding-top: 80px;
    padding-bottom: 60px;
}

.footerintroduce h3 {
    font-size: 22px;
    font-weight: 500;
    text-align: LEFT;
    color: #ffffff;
    margin: 0px;
    margin-bottom: 10px;
}

.footerline {
    width: 46px;
    height: 2px;
    margin-bottom: 40px;
}

.footerlink td {
    width: 224px;
}

.footerlink h4 {
    font-size: 18px;
    font-weight: 400;
    text-align: LEFT;
    color: #ffffff;
    margin: 0px;
    line-height: 27px;
}

.footerlink p {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: rgba(255, 255, 255, 0.60);
    line-height: 22px;
    margin: 0px;
    margin-top: 8px;
}

.footerintroduce h2 {
    font-size: 28px;
    font-weight: 500;
    text-align: LEFT;
    color: #ffffff;
    margin-top: 24px;
}

.footerblank .container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footerlogoblank {
    width: 180px;
    height: 90px;
    background: rgba(255, 255, 255, 0.10);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: rgba(255, 255, 255, 0.60);
    line-height: 28px;
    margin-top: 24px;
    box-sizing: border-box;
    padding: 5px;
}

    .footerlogoblank img {
        width: 80px;
        height: 80px;
        background: #ffffff;
        margin-right: 8px;
    }

.footinfo {
    text-align: center;
    padding: 19px 0px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.60);
    line-height: 22px;
    background: #393c45;
    border: 1px solid rgba(255, 255, 255, 0.10);
}

    .footinfo a {
        color: rgba(255, 255, 255, 0.60);
        text-decoration: none;
    }

/* 价格 */
/* 旗舰店价格修改 */
.customized .priceflagship_num {
    font-size: 28px;
    line-height: 42px;
}

.customized .priceflagship_txt {
    font-size: 14px;
    line-height: 34px;
    margin-left: 2px;
}

.customized .priceflagship_icon {
    font-size: 14px;
    line-height: 34px;
    margin-right: 2px;
}

.customized .priceflagship {
    margin-top: 16px;
    margin-bottom: 14px;
}

.priceflagship {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 20px;
}

.priceflagship_icon {
    font-size: 14px;
    font-weight: 700;
    text-align: RIGHT;
    color: #333333;
    line-height: 36px;
}

.priceflagship_num {
    font-size: 34px;
    font-weight: 700;
    text-align: CENTER;
    color: #333333;
    line-height: 50px;
}

.priceflagship_txt {
    font-size: 14px;
    font-weight: 500;
    text-align: CENTER;
    color: #333333;
    line-height: 36px;
}

.priceflagship_tip {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 18px;
}

.limitactivebar {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px;
    padding-top: 32px;
}

.limitactiveline {
    width: 31px;
    height: 2px;
    display: flex;
    margin: 0px 4px;
}

.limitactive {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    text-align: LEFT;
    color: #999999;
    line-height: 18px;
}

.limitactivedot {
    width: 3px;
    height: 3px;
    background: #999999;
    border-radius: 50%;
    margin: 0px 6px;
}

.flagshipvalue {
    font-size: 13px;
    font-weight: 400;
    text-align: LEFT;
    color: #b77f28;
    line-height: 20px;
    display: flex;
    align-items: center;
}

.discountvalue {
    font-size: 15px;
    font-weight: 700;
    text-align: LEFT;
    color: #b77f28;
    line-height: 23px;
}

.flagshipcheck {
    width: 24px;
    height: 24px;
    display: flex;
    margin-left: 4px;
}

.flagshipvalueitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.pricedesctxt {
    flex: 1;
    white-space: normal;
    font-size: 13px;
    font-weight: 400;
    text-align: LEFT;
    color: #999999;
    line-height: 20px;
}

.customericon {
    width: 27px;
    height: 27px;
    display: flex;
    margin-right: 20px;
    /* margin-top: 4px; */
}

/* 旗舰店价格修改 */
.pricebanner {
    height: 640px;
    background: url('../img/bannermask.png') 100% 100% no-repeat, linear-gradient(90deg, #32CC4F 0%, #2BB15F 100%);
    background-position-y: 0px;
}

.pricehead h1 {
    font-size: 36px;
    font-weight: 500;
    text-align: CENTER;
    color: #ffffff;
    line-height: 54px;
    margin-top: 84px;
    margin-bottom: 12px;
}

.pricehead p {
    font-size: 18px;
    font-weight: 400;
    text-align: CENTER;
    color: #ffffff;
    padding-bottom: 56px;
    line-height: 27px;
    margin: 0px;
}

.pirceinfoblank {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.pircebgitem {
    width: 360px;
    height: 450px;
    background: #ffffff;
    border: 3px solid #2bb15f;
    border-radius: 16px;
    box-shadow: 0px 6px 20px 0px rgba(43, 177, 95, 0.20);
    position: relative;
    text-align: center;
    padding: 0px 44px;
}

    .pircebgitem:hover {
        transform: translate(0, -16px);
    }

.pricerecompos {
    position: absolute;
    top: -10px;
    right: -3px;
}

.pircebgitem.golditem {
    border: 3px solid #dbad65;
    box-shadow: 0px 6px 20px 0px rgba(219, 173, 101, 0.20);
}

.pircebgitem h3 {
    font-size: 30px;
    font-weight: 700;
    text-align: CENTER;
    color: #212121;
    line-height: 45px;
    margin-top: 46px;
    margin-bottom: 12px;
}

.pircebgitem p {
    font-size: 18px;
    font-weight: 400;
    text-align: CENTER;
    color: #666666;
    line-height: 27px;
    margin-bottom: 58px;
}

.pircevalue {
    font-weight: 500;
    text-align: center;
    color: #212121;
}

    .pircevalue i {
        font-size: 24px;
        font-style: normal;
    }

    .pircevalue span {
        font-size: 36px;
    }

p.pircebgdesc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
}

.pircebgbtn {
    width: 220px;
    height: 48px;
    opacity: 1;
    background: #2bb15f;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 400;
    text-align: CENTER;
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

a.pircebgbtn:hover {
    text-decoration: none;
    color: #fff;
}

.pircebgitem.golditem .pircebgbtn {
    background: #dbad65;
    margin-top: 20px;
}

.customized .pircebgbtn {
    margin-top: 18px;
}

.pricecustomvalue {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.pricecustomvalue {
    margin-bottom: 8px;
}

    .pricecustomvalue p {
        width: 176px;
        height: 48px;
        font-size: 13px;
        font-weight: 400;
        text-align: LEFT;
        color: #999999;
        margin-bottom: 0px;
        line-height: 20px;
    }

.pricetable {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 0 auto;
}

.priceth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;
    font-weight: 700;
    text-align: LEFT;
    color: #333333;
    line-height: 36px;
    padding-bottom: 10px;
    width: 1200px;
    background: #fff;
    box-sizing: border-box;
    padding-left: 70px;
    padding-right: 70px;
}

.fixtabhead {
    position: fixed;
    top: 80px;
    z-index: 99;
}

.pricethtd_one {
    line-height: 40px;
}

.priceth.fixtabhead .pricethtd_one {
    opacity: 0;
}

.bottomline::after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 72px;
    height: 4px;
    background: #2bb15f;
    left: 0px;
    bottom: -6px;
    opacity: 0;
}

.fixtabhead .bottomline::after {
    opacity: 1;
}

.pricethtd_three {
    display: flex;
    align-items: center;
    position: relative;
    text-align: CENTER;
    color: #dbad65;
    position: relative;
}

    .pricethtd_three .bottomline::after {
        background: #dbad65;
    }

.pricelabel {
    width: 46px;
    height: 26px;
    opacity: 1;
    background: linear-gradient(60deg, #dbad65 0%, #ffcf83 100%);
    border: 2px solid #ffffff;
    border-radius: 13px;
    font-size: 16px;
    font-weight: 400;
    text-align: CENTER;
    color: #ffffff;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    font-weight: normal;
}

.pricetrbar {
    width: 100%;
    height: 64px;
    background: #eef9f2;
    display: flex;
    align-items: center;
    padding: 0px 70px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 700;
    text-align: LEFT;
    color: #212121;
    box-sizing: border-box;
    cursor: pointer;
}

.pricetrlistinfo {
    display: block;
}

.hasmore .pricetrlistinfo {
    display: none;
}

.pricetr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 120px 10px 70px;
    box-sizing: border-box;
    height: auto;
    border-bottom: 1px solid #eee;
}


.pricetrtd {
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #212121;
    line-height: 28px;
}

.newslabel {
    width: 34px;
    height: 18px;
    display: inline-block;
    margin-left: 8px;
    margin-top: -2px;
}

.pricetrtd_second {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    text-align: CENTER;
    color: #212121;
}


.pricetrtd_valuedesc {
    font-size: 14px;
    font-weight: 400;
    text-align: RIGHT;
    color: #999999;
    line-height: 22px;
}

.pricearrow {
    width: 24px;
    height: 24px;
    display: flex;
    margin-left: 8px;
}

.transdeg {
    transform: rotate(180deg);
}

.hasmore .pricearrow {
    transform: rotate(180deg);
}

.tipslinedesc {
    width: 100%;
    padding: 30px 70px 20px;
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #212121;
    line-height: 28px;
    box-sizing: border-box;
}

.tipsbar {
    background: #F6F6F6;
    padding: 10px 16px;
    margin: 0px 120px 20px 70px;
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    line-height: 24px;
}

.pricecustomflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 124px;
    padding-bottom: 149px;
}

.pricecustomitem {
    position: relative;
    background-image: url(../img/customer01.png);
    width: 350px;
    height: 161px;
}

    .pricecustomitem:nth-child(2) {
        background-image: url(../img/customer02.png);
    }

    .pricecustomitem:nth-child(3) {
        background-image: url(../img/customer03.png);
    }

    .pricecustomitem h4 {
        width: 304px;
        height: 36px;
        opacity: 1;
        background: linear-gradient(83deg, #2bb15f 0%, #5fd28b 100%);
        font-size: 24px;
        font-weight: 500;
        text-align: LEFT;
        color: #ffffff;
        display: flex;
        align-items: center;
        padding: 0px 16px;
        box-sizing: border-box;
        margin-top: -24px;
        margin-bottom: 32px;
        word-break: keep-all;
        white-space: nowrap;
        word-wrap: normal;
    }

.customerdot {
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    display: inline-flex;
}

.pricecustomitem h4 span {
    padding: 0px 8px;
}

.pricecustomitem p {
    font-size: 18px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    padding-left: 18px;
    padding-right: 52px;
    margin-bottom: 0px;
}

/* 服务 */
.servicebanner {
    height: 760px;
    background: url('../img/servicebanner.png') 100% 100% no-repeat #000B24;
}

.fixhead {
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
    z-index: 99;
}

.bgwhitehead {
    width: 100%;
    height: 80px;
    background: #ffffff;
}

.opacityhide {
    opacity: 0;
}

.opacityshow {
    opacity: 1;
}

.bgwhitehead .headoptflex li a {
    color: #212121;
}

    .bgwhitehead .headoptflex li a:hover {
        color: #2BB15F;
    }

.bgwhitehead .loginbtn {
    background: #2bb15f;
    color: #fff;
}

    .bgwhitehead .loginbtn.reversebtn {
        background: #fff;
        color: #2bb15f;
        border: 1px solid #2bb15f;
    }

    .bgwhitehead .loginbtn:hover {
        opacity: 0.8;
    }

/* 透明背景 */
.bgtransparenthead {
    width: 100%;
    height: 80px;
    background: transparent;
}

    .bgtransparenthead .headoptflex li a {
        color: #fff;
    }

        .bgtransparenthead .headoptflex li a:hover {
            color: #2BB15F;
        }

    .bgtransparenthead .loginbtn {
        background: #2bb15f;
        color: #fff;
    }

        .bgtransparenthead .loginbtn:hover {
            opacity: 0.8;
        }

.servicebannerinfo {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 215px;
}

.servicebanner h1 {
    font-size: 48px;
    font-weight: 600;
    text-align: CENTER;
    color: #ffffff;
    letter-spacing: 0px;
    margin-top: 50px;
    margin-bottom: 0px;
    line-height: 72px;
}

.servicebanner p.bannerenglishdesc {
    font-size: 24px;
    font-weight: 500;
    text-align: CENTER;
    color: #ffffff;
    letter-spacing: 10px;
    text-transform: Uppercase;
    margin-top: 2px;
    line-height: 36px;
    margin-bottom: 0px;
}

.servicebanner p.bannerdesc {
    font-size: 16px;
    font-weight: 400;
    text-align: CENTER;
    color: #ffffff;
    margin-top: 21px;
    text-transform: none;
    letter-spacing: normal;
    width: 548px;
    line-height: 24px;
    margin-bottom: 124px;
}

.videoflex {
    display: flex;
    padding-top: 157px;
}

.videobg {
    width: 576px;
    height: 324px;
    background: rgba(7, 7, 7, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 16px 16px 1px 1px rgba(92, 109, 221, 0.10);
}

.videoinfo {
    flex: 1;
    padding-left: 102px;
    padding-top: 58px;
}

    .videoinfo p {
        font-size: 18px;
        font-weight: 400;
        text-align: LEFT;
        color: #666666;
        line-height: 27px;
        padding-top: 22px;
        width: 348px;
        margin-bottom: 48px;
    }

    .videoinfo button {
        width: 185px;
        height: 50px;
        opacity: 1;
        background: linear-gradient(270deg, #3073ff 0%, #1a62f8 0%, #588eff);
        border-radius: 6px;
        border: none;
        font-size: 18px;
        font-weight: 400;
        text-align: CENTER;
        color: #ffffff;
        cursor: pointer;
    }

        .videoinfo button:hover {
            opacity: 0.8;
        }

.ensureinfo {
    background: rgba(255, 255, 255, 0.70);
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(45, 88, 219, 0.20), #ffffff 100%) 1 1;
    border-radius: 10px;
    box-shadow: 0px 4px 20px 0px rgba(44, 92, 219, 0.20), 0px 4px 4px 0px rgba(45, 89, 219, 0.10) inset, 0px -4px 4px 0px rgba(255, 255, 255, 0.25) inset;
    backdrop-filter: blur(60px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 38px;
    box-sizing: border-box;
    margin-top: 60px;
    border: none;
    text-shadow: none;
}

.ensurestart {
    width: 775px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
}

.ensureitem {
    width: 350px;
    height: 150px;
    opacity: 1;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 34px 50px 34px 56px;
    box-sizing: border-box;
}

    .ensureitem img {
        margin-right: 30px;
    }

.ensureitemvalue h3 {
    font-size: 20px;
    font-weight: 500;
    text-align: LEFT;
    color: #212121;
    margin: 0px;
}

.ensureitemvalue p {
    font-size: 15px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 6px;
}

.servicetimeflex {
    width: 814px;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    color: #fff;
    padding-top: 72px;
    box-sizing: border-box;
    margin: 0 auto;
}

.timelinedot {
    width: 22px;
    height: 22px;
    display: flex;
    margin-right: 15px;
}

.servicetimeinfo {
    flex: 1;
    margin-bottom: 40px;
}

.servicetimeinfo_time {
    font-size: 22px;
    font-weight: 700;
    text-align: RIGHT;
    color: #000000;
    margin-right: 15px;
    line-height: 27px;
}

.servicetimeinfo_event {
    font-size: 18px;
    font-weight: 500;
    text-align: LEFT;
    color: #000000;
    line-height: 27px;
}

.servicetimeinfo_desc {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #666666;
    line-height: 22px;
    margin-top: 9px;
}

.hasinfodot.servicetimeinfo {
    margin-bottom: 42px;
}

.servicetimeitem.done {
    margin-bottom: 12px;
}

.hasinfodot .servicetimedot {
    font-size: 18px;
    font-weight: 500;
    text-align: LEFT;
    color: #000000;
}


.timelinemoreflex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #999999;
    line-height: 22px;
    cursor: pointer;
}

.timelinemore {
    width: 16px;
    height: 16px;
    display: flex;
    margin-left: 6px;
}

.hasshow img {
    transform: rotate(180deg);
}

.servicetimeitem {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}

    .servicetimeitem.done:after,
    .servicetimeitem.done:before {
        background-color: transparent;
    }

    .servicetimeitem:after {
        bottom: 0;
    }

    .servicetimeitem:after {
        position: absolute;
        left: 78px;
        top: 30px;
        z-index: 0;
        height: 45%;
        width: 1px;
        content: "";
        background-color: #f2f2f2;
    }


/* 登录页面 */
.loginblank {
    width: 390px;
    height: 470px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 8px 30px 0px rgba(60, 140, 255, 0.10);
    margin: 0 auto;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    z-index: 9;
}

.logininfo {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0px 45px;
    box-sizing: border-box;
}

    .logininfo .scancodeimg {
        position: absolute;
        top: 0px;
        right: 0px;
        display: flex;
        align-items: center;
    }

    .logininfo h3 {
        font-size: 24px;
        font-weight: 500;
        text-align: LEFT;
        color: #212121;
        margin: 0px;
        padding-top: 80px;
        padding-bottom: 30px;
    }

.logininput {
    width: 300px;
    height: 40px;
    opacity: 1;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    margin-top: 20px;
    padding: 0px 22px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #333333;
    line-height: 22px;
}

    .logininput:focus {
        border: 1px solid #3c8cff;
        outline: none;
    }

    .logininput::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #b2b2b2;
    }

    .logininput:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #b2b2b2;
    }

    .logininput::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #b2b2b2;
    }

    .logininput:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #b2b2b2;
    }

.forgetpwtxt {
    margin: 0px;
    padding-top: 12px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.alinkset {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #3c8cff;
    line-height: 22px;
    text-decoration: none;
    cursor: pointer;
}

a.alinkset:hover {
    color: #3c8cff;
    text-decoration: none;
}

.setloginbtn {
    width: 300px;
    height: 40px;
    opacity: 1;
    background: #3c8cff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #ffffff;
    line-height: 22px;
    border: none;
    text-align: center;
    cursor: pointer;
}

.registertxt {
    margin: 0px;
    padding-top: 16px;
    text-align: center;
}

.setloginlogo {
    position: fixed;
    top: 30px;
    left: 88px;
    width:136px;
    height:40px;
    display:inline-block;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 36px solid rgba(60, 140, 255, 0.6);
    border-right: 36px solid rgba(60, 140, 255, 0.6);
    border-bottom: 36px solid transparent;
    border-left: 36px solid transparent;
    cursor: pointer;
}

    .triangle:hover {
        border-top: 36px solid #3C8CFF;
        border-right: 36px solid #3C8CFF;
    }

    .triangle::after {
        content: '';
        position: absolute;
        top: 12px;
        right: 12px;
        background: url(../img/scancode.png);
        width: 34px;
        height: 34px;
    }

.pcitem.triangle::after {
    background: url(../img/accountpw.png);
}

.tempshow {
    background: #3c8cff;
    box-shadow: 0px 4px 10px 0px rgba(60, 140, 255, 0.30);
    font-size: 14px;
    font-weight: 500;
    text-align: LEFT;
    color: #ffffff;
    padding: 12px;
    position: relative;
    margin-right: 6px;
    border-radius: 2px;
}

    .tempshow:after {
        content: "";
        display: block;
        width: 0px;
        height: 0px;
        border: 6px solid transparent;
        border-left-color: #3c8cff;
        position: absolute;
        bottom: 14px;
        right: -12px;
    }

.scantips {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #999999;
    line-height: 22px;
    padding-top: 6px;
    padding-bottom: 38px;
}

.erweiblank {
    position: relative;
    width: 190px;
    height: 190px;
    margin: 0 auto;
}

.refreshblank {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    top: 0px;
    flex-direction: column;
}

    .refreshblank p {
        font-size: 14px;
        font-family: Source Han Sans CN, Source Han Sans CN-Medium;
        font-weight: 500;
        text-align: CENTER;
        color: #ffffff;
        line-height: 22px;
        margin-top: 10px;
    }

.scanredtips {
    color: #FA5151;
}

.erweicode {
    width: 190px;
    height: 190px;
    background: #c4c4c4;
    display: inline-flex;
    margin: 0 auto;
}

.loadimg {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    display: flex;
}

.scancodeinfo .registertxt {
    padding-top: 46px;
    padding-bottom: 32px;
}

/* 弹层 */

.dialogbox {
    background: #fff url(../img/dialogborder.png) 100% 100% no-repeat;
    height: 390px;
    width: 300px;
    border-radius: 30px;
    box-sizing: border-box;
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0px 30px;
}

.dialogmobile {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 800px;
    height: 508px;
    border-radius: 30px;
    background: #ffffff;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.dialogmask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 101;
    display: none;
}

.dialogmasklink {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 101;
    display: none;
}

.dialogcodeimg {
    width: 240px;
    height: 240px;
    margin-top: 48px;
}

.dialogbox p {
    font-size: 20px;
    font-weight: 400;
    text-align: CENTER;
    color: #212121;
    margin-bottom: 0px;
    margin-top: 15px;
    line-height: 23px;
}

    .dialogbox p.dialogcodetips {
        font-size: 16px;
        color: #999999;
        line-height: 24px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

.videoshow {
    width: 320px;
    height: 508px;
    background: #effdf4;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.dhdemo {
    width: 240px;
    height: 240px;
    display: flex;
}

.videolook {
    width: 120px;
    height: 120px;
    display: flex;
    margin-top: 28px;
}

.figuretopleft {
    width: 106px;
    height: 83px;
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
}

.figurebottom {
    width: 266px;
    height: 179px;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 27px;
}

.videoshow .videolookdesc {
    font-size: 14px;
    font-weight: 400;
    text-align: CENTER;
    color: #999999;
    line-height: 20px;
    margin-top: 8px;
}

.videoshow h3.titletxt {
    font-size: 25px;
    font-weight: 700;
    text-align: LEFT;
    color: #2bb15f;
    line-height: 36px;
    margin-top: 70px;
    margin-bottom: 4px;
}

.videoshow .titledesc {
    font-size: 15px;
    font-weight: 400;
    text-align: LEFT;
    color: #333333;
    line-height: 22px;
}

.demoentry {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    height: 100%;
}

    .demoentry h2 {
        font-size: 26px;
        text-align: CENTER;
        color: #212121;
        line-height: 30px;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .demoentry .dhdemodesc {
        font-size: 20px;
        font-family: Roboto, Roboto-Regular;
        font-weight: 400;
        text-align: CENTER;
        color: #212121;
        line-height: 23px;
        margin-top: 15px;
        margin-bottom: 8px;
    }

.dhdemotips {
    font-size: 14px;
    font-weight: 400;
    text-align: CENTER;
    color: #999999;
    line-height: 29px;
    width: 194px;
    height: 29px;
    background: #f6f6f6;
    border-radius: 90px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dhdemoentry {
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    text-align: CENTER;
    color: #2bb15f;
    line-height: 21px;
    position: absolute;
    right: 36px;
    bottom: 30px;
}

    .dhdemoentry:hover {
        color: #2bb15f;
    }

/* 侧边栏 */
.slidebar {
    position: fixed;
    bottom: 252px;
    right: 40px;
}

.topblank,
.bottomblank {
    position: relative;
}

.slideitem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-bottom: none;
    box-sizing: border-box;
    width: 73px;
    height: 79px;
    background: #ffffff;
    border: 1px solid #2bb15f;
    border-radius: 5px 5px 0px 0px;
    cursor: pointer;
}

.bottomblank .slideitem {
    border-top: none;
    border-radius: 0px 0px 5px 5px;
}

.topblank:hover .democodepos {
    opacity: 1;
}

.bottomblank:hover .linkcodepos {
    opacity: 1;
}

.slideitem p {
    font-size: 12px;
    font-weight: 400;
    text-align: CENTER;
    color: #2bb15f;
    line-height: 18px;
    margin: 0px;
}

.linkcodepos,
.democodepos {
    position: absolute;
    right: 95px;
    top: -60px;
    opacity: 0;
}

.slidehuocode {
    width: 150px;
    height: 150px;
    display: flex;
}

.linkcodebg {
    width: 200px;
    height: auto;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px 0px 12px 0px rgb(32 179 89 / 20%);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 22px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 18px;
}

.linkcodebgarrow {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
    position: absolute;
    top: 90px;
    right: -16px;
}

.linkcodebg p {
    font-size: 12px;
    font-weight: 400;
    text-align: CENTER;
    color: #212121;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.linkcodebg .adddialogtips {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
    margin-bottom: 0px;
}

a.slideitem:hover {
    color: #2bb15f;
    text-decoration: none;
}

/* 搜索页面 */
.helplogoblank {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.helplogotxt {
    padding-left: 12px;
}

    .helplogotxt h4 {
        font-size: 18px;
        font-weight: 600;
        text-align: LEFT;
        color: #212121;
        line-height: 22px;
        margin: 0px;
        text-shadow: none;
    }

    .helplogotxt p {
        font-size: 12px;
        font-weight: 400;
        text-align: LEFT;
        color: #8c8c8c;
        line-height: 22px;
        margin: 0px;
        margin-top: 2px;
    }

.helplogo {
    width: 48px;
    height: 48px;
    background: #2bb15f;
    border-radius: 10px;
}

.helpsearchbar {
    width: 300px;
    height: 32px;
    opacity: 1;
    border: 1px solid #ededed;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 10px 0px 16px;
    box-sizing: border-box;
}

.helpsearch_green {
    display: none;
}

.helpsearchbar:hover {
    border: 1px solid #2bb15f;
}

    .helpsearchbar:hover .helpsearch_gray {
        display: none;
    }

    .helpsearchbar:hover .helpsearch_green {
        display: block;
    }

.helpsearchinput {
    font-size: 14px;
    font-weight: 400;
    text-align: LEFT;
    color: #212121;
    line-height: 20px;
    border: none;
    width: 100%;
    padding-right: 12px;
    box-sizing: border-box;
}

    .helpsearchinput:focus {
        border: none;
        outline: none;
    }

    .helpsearchinput::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #ccc;
    }

    .helpsearchinput:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #ccc;
    }

    .helpsearchinput::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #ccc;
    }

    .helpsearchinput:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #ccc;
    }

.searchhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding: 0px 40px;
    box-sizing: border-box;
}

.searchresult {
    font-size: 24px;
    font-weight: 600;
    text-align: LEFT;
    color: #212121;
    padding: 46px 0px;
    box-sizing: border-box;
    padding-left: 78px;
}

.searchvalue {
    color: #2BB15F;
}

.searchlist h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: LEFT;
    color: #212121;
    line-height: 30px;
    margin: 0px;
}

.searchdesc {
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #404040;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.searchtime {
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #999999;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 0px;
}

.searchitem {
    width: 996px;
    height: 142px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 26px;
}

    .searchitem:hover {
        border: 1px solid #2bb15f;
    }

.searchlist.noinfoblank {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    margin-top: 90px;
    padding-left: 0px;
}

.searchnoinfotxt {
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    margin-top: 26px;
}

.searchlist {
    padding-left: 102px;
}

    .searchlist.searchnoinfotxt {
        font-size: 14px;
        font-weight: 500;
        text-align: LEFT;
        color: #808080;
        margin-top: 26px;
        margin-bottom: 0px;
        padding-left: 0px;
    }

/* 帮助文档 */
.helpdocrighthead ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

    .helpdocrighthead ul li {
        display: inline-block;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        text-align: LEFT;
        color: #b2b2b2;
    }

        .helpdocrighthead ul li a {
            font-size: 14px;
            font-weight: 400;
            text-align: LEFT;
            color: #b2b2b2;
            line-height: 21px;
            text-decoration: none;
        }

        .helpdocrighthead ul li.activevalue a {
            font-size: 14px;
            font-weight: 400;
            text-align: LEFT;
            color: #212121;
        }

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

.sidebar {
    display: block;
    z-index: 1000;
    overflow: auto;
    background: #fff;
    width: 282px;
    position: fixed;
    left: 0;
    top: 0px;
    bottom: 0;
    border-right: 1px solid #dcddde;
}

.markdown-body {
}

    .markdown-body * {
        box-sizing: border-box
    }

    .markdown-body h1 {
        font-size: 24px;
        font-weight: 600;
        text-align: LEFT;
        color: #212121;
        line-height: 36px;
        margin-top: 18px;
        margin-bottom: 0px;
    }

    .markdown-body p {
        font-size: 16px;
        font-weight: 400;
        text-align: LEFT;
        color: #404040;
        line-height: 24px;
        margin-top: 16px;
        margin-bottom: 0px;
    }

    .markdown-body img,
    .markdown-body video {
        margin: 16px 0px 10px 0px;
        border-style: none;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
        width: auto;
        max-width: 100%;
    }

.helpdocvalueblank {
    float: left;
    width: 100%;
    padding-left: 282px;
    box-sizing: border-box;
}

.x-page-content {
    padding-left: 148px;
    padding-right: 148px;
    padding-bottom: 90px;
}

    .x-page-content > .page-title {
        font-size: 36px;
        font-weight: 500;
        text-align: LEFT;
        color: #212121;
        margin-top: 46px;
        line-height: 54px;
    }

.helpdoclogoblank {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 64px;
    margin: 0px 0px 46px 40px;
    box-sizing: border-box;
}

.tree-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tree-list a {
    position: relative;
    display: block;
    height: 32px;
    line-height: 34px;
    padding-left: 22px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    text-align: LEFT;
    color: #212121;
    margin-bottom: 4px;
}

    .tree-list a.active {
        color: #2BB15F;
    }

        .tree-list a.active:before {
            content: ' ';
            background: #2BB15F;
            width: 4px;
            height: 100%;
            position: absolute;
            left: 0px;
        }

.menuarrow {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.tree-list a:hover {
    color: #2BB15F;
    cursor: pointer;
}

.tree-list a > i {
    font-size: 20px;
    position: relative;
    float: left;
    left: 0px;
    padding-right: 8px;
}

.md-chevron-dot:before {
    content: '';
    background: url(../img/menuarrow_dot.png);
    width: 16px;
    height: 16px;
    display: inline-block
}

.tree-list a:hover .md-chevron-dot:before,
.tree-list a.active .md-chevron-dot:before {
    background: url(../img/menuarrow_dotgreen.png);
}

.tree-list a:hover .md-chevron-right.md-chevron-dot:before {
    background: url(../img/menuarrow_dotgreen.png);
}

.md-chevron-down:before {
    content: '';
    background: url(../img/menuarrow_grey.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.tree-list a:hover .md-chevron-down:before {
    background: url(../img/menuarrow_green.png);
}

.md-chevron-right:before {
    content: '';
    background: url(../img/menuarrow_grey.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    transform: rotate(-90deg);
}

.tree-list a:hover .md-chevron-right:before {
    background: url(../img/menuarrow_green.png);
}

.md-chevron-right.md-chevron-dot:before {
    content: '';
    background: url(../img/menuarrow_dot.png);
    width: 16px;
    height: 16px;
    display: inline-block
}

.markdown-body h2 {
    line-height: 36px;
    margin-top: 28px;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 600;
    text-align: LEFT;
    color: #212121;
    cursor: pointer;
}

    .markdown-body h2:first-child {
        margin-top: 34px;
    }

    .markdown-body h2:hover {
        color: #2bb15f;
    }

.answer {
    position: relative;
    width: 917px;
    height: auto;
    border: 1px solid #e1e1e1;
    padding: 14px 20px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    text-align: LEFT;
    color: #404040;
    line-height: 24px;
    margin-top: 16px;
    margin-left: 32px;
    display: none;
}

    .answer:before {
        content: "";
        width: 0px;
        height: 0px;
        border: 10px solid transparent;
        border-right-color: #e1e1e1;
        position: absolute;
        top: 14px;
        left: -20px;
    }

    .answer:after {
        content: "";
        width: 0px;
        height: 0px;
        border: 8px solid transparent;
        border-right-color: #fff;
        position: absolute;
        top: 16px;
        left: -16px;
    }

.hasanswer .answer {
    display: block;
}

.hasanswer h2 {
    color: #2bb15f;
}

/* 分页底部调整 */
.pagination {
    align-items: center;
    justify-content: center;
    margin-top: 46px;
    padding-bottom: 32px;
}

.page-link,
.active,
.disabled .ellipse {
    font-size: 12px;
    color: #606266;
    line-height: 18px;
    padding: 0px 12px;
}

    .active .current {
        color: #2BB15F;
    }

        .active .current.prev,
        .active .current.next {
            color: #606266;
        }

    .page-link:focus,
    .page-link:hover {
        color: #2BB15F;
        text-decoration: none;
        background: none;
    }


/* 移动适配样式调整 */
/*屏幕大于1200排序（大屏幕电脑）*/
@media screen and (min-width: 1200px) {
}

/*屏幕在1024px到1199之间（中屏幕电脑）*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
}

/*屏幕在768px到1023之间（小屏幕-pad）*/
@media screen and (min-width: 768px) and (max-width:1023px) {
}

/*屏幕在480px到768之间（主要是手机屏幕）*/
@media screen and (max-width: 768px) {
    .homebanner {
        display: none;
    }

    .footerblank {
        display: none;
    }

    .sectionflexinfo {
        display: none;
    }

    .yiappserviceflexwrap {
        display: none;
    }

    .container {
        width: 100% !important;
        padding: 0px 15px;
        box-sizing: border-box;
    }

    .safeguardflexwrap {
        width: 100%;
        flex-wrap: wrap;
    }

    .section .section--header .section--title {
        padding-top: 60px;
        font-size: 26px;
        line-height: 40px;
    }

    .section .section--header .section--description {
        margin-bottom: 0px;
        padding-top: 7px;
        line-height: 25px;
        font-size: 16px;
    }

    .functionflexwarp {
        padding-bottom: 36px;
        padding-top: 0px;
    }

    .functionblank {
        width: 100%;
        height: auto;
    }

        .functionblank h2 {
            font-size: 20px;
            line-height: 18px;
        }

        .functionblank p {
            width: 160px;
            margin-top: 16px;
            font-size: 13px;
            line-height: 18px;
        }

        .functionblank img {
            width: 50%;
        }

    .functiontips {
        line-height: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .functiontips img {
            width: 12px;
            height: 12px;
            display: inline-flex;
        }

        .functiontips p {
            font-size: 12px;
            line-height: 18px;
            padding-left: 6px;
        }

    .functionwarpitem {
        padding-top: 46px;
    }

    .traitflexwrap {
        padding-top: 46px;
        padding-bottom: 36px;
    }

    .traititem {
        width: 50%;
        height: auto;
        padding: 10px;
        margin-bottom: 15px;
    }

        .traititem img {
            width: 36px;
            height: 36px;
            display: flex;
            margin-bottom: 4px;
        }

        .traititem h3 {
            font-size: 14px;
            padding-bottom: 12px;
            padding-top: 0px;
            line-height: 15px;
        }

    .safeguarditem {
        width: 156px;
        height: 138px;
    }

        .safeguarditem img {
            width: 100%;
        }


    .traititem p {
        font-size: 12px;
        line-height: 18px;
        padding-top: 0px;
    }

    .safeguardvalue {
        font-size: 14px;
        top: 84px;
    }

    .safeguardflexwrap {
        padding-top: 46px;
        padding-bottom: 36px;
    }

    .safeguardbttxt {
        font-size: 14px;
        line-height: 1.5;
        padding-bottom: 0px;
    }

    .safeguardbtnum {
        font-size: 20px;
        line-height: 1.5;
    }

    .safeguardbttxt:last-child {
        padding-bottom: 36px;
    }

    .demotipsbar .container {
        flex-direction: column;
    }

    .demotipstxt {
        font-size: 16px;
        line-height: 15px;
        padding-bottom: 16px;
    }

    .demotipsbtn {
        width: 80%;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        margin-left: 0px;
        font-size: 14px;
    }
}