body,
html {
    font-family: MicrosoftYaHei
}

.container {
    margin-right: auto;
    margin-left: auto
}

@media (min-width:992px) {
    .container {
        width: 970px;
        padding: 0
    }
}

@media (min-width:1200px) {
    .container {
        width: 1320px
    }
}

@media (min-width:1920px) {
    .container {
        width: 1320px
    }
}

.com-banner {
    width: 320px;
    margin: 0 0 20px 70px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    position: relative
}

.com-banner h3 {
    font-size: 30px;
    line-height: 27px;
    color: #2f8aff;
    display: inline-block;
    margin-right: 10px
}

.com-banner span {
    font-size: 18px;
    line-height: 18px;
    color: #989898
}

.com-banner img {
    width: 60px;
    height: 35px;
    position: absolute;
    left: -70px;
    top: 0
}

@media (max-width:992px) {
    html {
        font-size: calc(100vw / 750 * 100)
    }
    .com-mobile-banner {
        width: 4.61rem;
        -moz-box-shadow: 0 12px 12px -12px rgba(47, 139, 255, .16), 0 -12px 12px -12px rgba(47, 139, 255, .16);
        -webkit-box-shadow: 0 12px 12px -12px rgba(47, 139, 255, .16), 0 -12px 12px -12px rgba(47, 139, 255, .16);
        box-shadow: 0 12px 12px -12px rgba(47, 139, 255, .16), 0 -12px 12px -12px rgba(47, 139, 255, .16);
        margin: .36rem auto .12rem;
        text-align: center;
        padding: .2rem 0
    }
    .com-mobile-banner .cm-name {
        font-size: .32rem;
        line-height: .32rem;
        color: #2f8aff
    }
    .com-mobile-banner .cm-subname {
        margin-top: .1rem;
        font-size: .32rem;
        line-height: .32rem;
        color: #989898;
        text-transform: Uppercase;
        font-style: italic
    }
    .com-mobile-banner .bottom-line {
        width: .33rem;
        height: .03rem;
        background-color: #d9d9d9;
        border-radius: .02rem;
        margin: auto;
        text-align: center;
        margin-top: .06rem
    }
}