/*行业资讯*/
.xwzxBg{background-color: #f9f9f9;width: 100%;padding-bottom: 80px;}
.xwzx{padding-top:80px;}
.xwzx .xwzx-top{height: 56px;text-align: center;line-height: 56px;}
.xwzx .xwzx-top img{height: auto;max-width: 100%;}
.xwzx .xwzx-center{font-size: 15px;height: 28px;line-height: 28px;color: #333;text-align: center;}
.xwzx .xwzx-bot{background-color: #fff;padding-bottom:40px;margin-top: 45px;}
.xwzx .xwzx-bot ul{padding-top: 30px;overflow: hidden;}
.xwzx .xwzx-bot ul li{width: 28%;padding-left: 2.91%;padding-right: 1.6%;float: left;}
.xwzx .xwzx-bot .li-time{height: 52px;font-family: Arial;position: relative;font-weight: bold;}
.xwzx .xwzx-bot .li-time .li-day{color: #F92A1B;font-size: 52px;line-height: 52px;}
.xwzx .xwzx-bot .li-time .li-month{position: absolute;color: #9c9898;font-size: 14px;bottom: 0;left: 30px;height: 20px;
    background-color: #fff;}
.xwzx .xwzx-bot ul li .li-title{line-height: 28px;font-size: 16px;margin-top: 25px;color: #333333;}
.xwzx .xwzx-bot ul li .li-title a{color: #333333;}
.xwzx .xwzx-bot ul li:hover .li-title a{color: #F92A1B;}
.xwzx .xwzx-bot ul li .li-zhaiy{font-size: 15px;line-height: 26px;margin-top: 8px;color: #999999;}
.xwzx .xwzx-bot ul li .li-zhaiy a{color: #999999;}
.xwzx .xwzx-bot ul li:hover .li-zhaiy a{color: #999999;}
.xwzx .more{ text-align: center;}
.xwzx .more a{width: 118px;line-height: 37px;color: #fff;font-size: 15px;display: inline-block;text-align: center;margin-top: 20px;border: 1px solid #bfbfbf; color: #333; text-align: center;}
.xwzx .more:hover a{border:none;background-color: #F92A1B;color: #fff;border: 1px solid #F92A1B;} 

.no-network-main {
    min-height: 3.2rem;
    color: #666;
    font-size: 10px;
    text-align: center;
    padding: .6rem .2rem;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    background: #fff
}

.no-network-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto;
    background: url("data:image/png;base64,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") no-repeat 50%;
    background-size: contain
}

.no-net-work-tips {
    line-height: 1;
    padding: 14px 0
}

.again-network-btn {
    position: relative;
    width: 74px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 10px;
    color: #333;
    border-radius: 3px;
    margin: 0 auto
}

.again-network-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: 0 0;
    border-radius: 6px;
    border: 1px solid #333;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.page-miss {
    padding: 70px 0 15px
}

.page-miss .miss-icon {
    width: 164px;
    height: 160px;
    display: block;
    background: url(../img/airship.60c655d.png) no-repeat 50%;
    background-size: contain;
    margin: 0 auto
}

.page-miss p {
    text-align: center;
    font-size: 18px;
    color: #bbb;
    line-height: 25px;
    padding: 16px 20px 25px
}

.page-miss .retry-btn {
    width: 175px;
    height: 42px;
    line-height: 42px;
    color: #76bce8;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    border-radius: 5px;
    background: #fbf9fe;
    border: 1px solid #76bce8
}

.miss-content {
    position: relative;
    padding: .6rem 0 .8rem;
    background: #fff
}

.miss-content .miss-icon {
    width: .33rem;
    height: .33rem;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAMAAADUivDaAAAAP1BMVEUAAADg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4OD////8/Pz5+fn19fXl5eXy8vLu7u7r6+vn5+fp6elEbVZTAAAACnRSTlMA2s4L9nci+np4Lv3tKgAAAR5JREFUWMPtmN1uwyAMhWmSdm18zF94/2cd69iyCYpIXKmNxLmLEV8cH2LJKKXG2zDNuzQNt1FFXU6zQKdLzCESRIxRnWehzmqQIgb1IUVMaharIzqiIzridQgP9vUNnuGrCBARL48BCxMRqghNX9KmDDBpuV4LS3e5NZKt2awW5TchgzikDBscCVxK95vMS6OpHnnR7qHMrTqC/sdoC2IRfIionLlx+03llqPFVQTJD7hr+c3cAfpFR7w1wjjNIAK0DXsQxoL+SoeNCKMpE9wWhF33MTN+H0IrwiDl7kyKBPsTakOElLYp9XWYFgTW1lSAcCMC5a7jIgJtHdw+dJrhD3jAj4WQD5nPGHXlA/czxn755UPUeN1/BXKNOXwCqFisJewXHLYAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: contain;
    margin: 0 auto
}

.miss-content p {
    font-size: .12rem;
    color: #bbb;
    line-height: .18rem;
    text-align: center;
    padding: .06rem .2rem .14rem
}

.miss-content .retry-btn {
    width: 1.04rem;
    height: .25rem;
    line-height: .25rem;
    color: #76bce8;
    font-size: .12rem;
    text-align: center;
    margin: 0 auto;
    border-radius: .05rem;
    background: #fbf9fe;
    border: 1px solid #76bce8
}

.prompt-refresh {
    color: #999;
    font-size: .12rem;
    text-align: center;
    padding: .1rem .2rem .2rem
}

.prompt-refresh .c-blue {
    color: #76bce8
}

@media only screen and (min-width:360px) and (max-width:376px) {
    .no-network-main {
        font-size: 14px
    }
    .no-network-icon {
        width: 72px;
        height: 72px
    }
    .no-net-work-tips {
        padding: 18px 0
    }
    .again-network-btn {
        width: 99px;
        height: 34px;
        line-height: 34px;
        font-size: 14px
    }
}

@media only screen and (min-width:377px) and (max-width:414px) {
    .no-network-main {
        font-size: 16px
    }
    .no-network-icon {
        width: 80px;
        height: 80px
    }
    .no-net-work-tips {
        padding: 20px 0
    }
    .again-network-btn {
        width: 110px;
        height: 38px;
        line-height: 38px;
        font-size: 16px
    }
}

@media only screen and (device-width:375px) and (device-height:690px) and (-webkit-device-pixel-ratio:3) {
    .no-network-main {
        font-size: 16px
    }
    .no-network-icon {
        width: 80px;
        height: 80px
    }
    .no-net-work-tips {
        padding: 20px 0
    }
    .again-network-btn {
        width: 110px;
        height: 38px;
        line-height: 38px;
        font-size: 16px
    }
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .no-network-main {
        font-size: 16px
    }
    .no-network-icon {
        width: 80px;
        height: 80px
    }
    .no-net-work-tips {
        padding: 20px 0
    }
    .again-network-btn {
        width: 110px;
        height: 38px;
        line-height: 38px;
        font-size: 16px
    }
}

@media screen and (min-width:415px) {
    .no-network-main {
        font-size: 16px
    }
    .no-network-icon {
        width: 80px;
        height: 80px
    }
    .no-net-work-tips {
        padding: 20px 0
    }
    .again-network-btn {
        width: 110px;
        height: 38px;
        line-height: 38px;
        font-size: 16px
    }
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s, opacity .4s;
    background-color: #fff;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

* {
    margin: 0;
    padding: 0
}

body,
html {
    zoom: 1
}

html {
    -webkit-text-size-adjust: none
}

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
main,
ol,
p,
section,
ul {
    margin: 0;
    padding: 0
}

ul li {
    list-style-type: none;
    vertical-align: bottom
}

main,
section {
    display: block
}

img {
    border: 0
}

a,
img {
    vertical-align: top
}

a {
    text-decoration: none;
    outline: 0 none;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

ol,
ul {
    list-style: none outside none
}

li {
    list-style-type: none
}

address,
caption,
cite,
code,
dfn,
em,
i,
optgroup,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

a,
input {
    outline: 0 none
}

label {
    vertical-align: middle
}

table {
    table-layout: fixed
}

.router-link-active,
a,
a:hover {
    text-decoration: none
}

a,
a:active,
a:visited,
body {
    color: #333
}

body {
    font: 14px/1.5 PingFang SC, Microsoft Yahei, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Helvetica Neue, Helvetica, Arial, STHeiTi;
    background: #fff
}

.o-hidden {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.mod-wrapper {
    width: 100%;
    min-height: 100vh;
    min-width: 1200px;
    display: flex;
    flex-direction: column
}

.u-wrap {
    width: 1200px;
    margin: 0 auto
}

.mod-container {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.m-common-tit {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    padding-right: 26px;
    margin: 0 auto 6px
}

.m-common-tit:before {
    position: relative;
    top: -18px;
    left: 26px;
    width: 48px;
    height: 48px;
    display: inline-block;
    content: "";
    vertical-align: top;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAQlBMVEUAAAD4SEj4R0f4Ojr0MjL3R0f6RUX3RUX3RUX3R0f5R0f5R0f5RET6QUH2R0f4Rkb2RUX8Pz/6Pj73R0f2Q0P1QkKmcm3zAAAAFnRSTlMAZmAHA0gkPR9cVEQzFk9MKxIMWTcZDP9apgAAAQVJREFUSMe11FuShCAMBdAkPFRE8bn/rU5NDXRgbNvko++f1ClJwVW4xPSHC4RI+9wtE3yM9Q6bDMd6jyPhNe5mC8+4jduu2Di8Dfn/eiX8lM42useHJCPRnJn9inVC128AZlrcUC+PRZtqbmqm9KHyMS+66swstPHVDuffSn1gl9iEJbv9faaXfn9/YzPOUunn8Mu9QPPkToB5MjISbV6tkGi+fiPisVQCRHGqWaCUopdxynyTccyBr3BSnSOUOk8yPme+yHinKRi3fZDxFXX3tGceZPzg16umGazIp+KTiJ/8WxN+raribKTi4HUcOh23ScXBzMxFfmQuStRxOIOKg42P5Adl2gbXzcVYsQAAAABJRU5ErkJggg==) no-repeat 50%
}

.m-common-desc {
    width: 534px;
    color: #999;
    font-size: 14px;
    text-align: center;
    margin: 0 auto 16px
}

.m-common-tips {
    width: 480px;
    text-align: center;
    color: #f84848;
    padding: 16px;
    margin: 0 auto 40px;
    border-top: 1px solid #e8e8e8
}

.m-bread {
    color: #333;
    font-size: 12px;
    margin-bottom: 24px
}

.m-bread a {
    color: inherit
}

.m-bread a:hover {
    text-decoration: underline
}

.u-hide {
    display: none !important
}

::-webkit-input-placeholder {
    color: #d8d8d8;
    font-size: 13px
}

:-moz-placeholder,
::-moz-placeholder {
    color: #d8d8d8;
    font-size: 13px
}

:-ms-input-placeholder {
    color: #d8d8d8;
    font-size: 13px
}

.d-tabs {
    width: 100%;
    display: table;
    background: #f4f4f4
}

.d-tabs-col {
    line-height: 42px;
    color: #999;
    font-size: 14px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    border-top: 2px solid #f4f4f4
}

.d-tabs-col.active {
    color: #333;
    font-weight: 600;
    background: #fff;
    border-top-color: #ffe115
}

.d-tabs-col.active:hover {
    text-decoration: none
}

.d-tabs-col:hover {
    color: #333
}

.go-top-btn {
    position: fixed;
    bottom: 160px;
    left: 50%;
    margin-left: 600px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJ1BMVEXX19fY2NjY2NjS0tLY2NgAAADZ2dnY2Nj////8/Pzl5eXy8vLx8fH6qzkFAAAAB3RSTlPzsfcoJwCzIZyzAwAAAJVJREFUOMtjCBEqxwIYXRkcyrECFgZx7BKFDOzYJYoYynGAUQkqS1Qfxy5RNaNzOVaJHR0dPdgkVnYAwSxMiWqgKFDuOFwCbkFHd3n5iQ6oNQiJHUAhsHQPTAJuwXYQXQOxBiEB5MNVoEp0wyw9gSoBsxNkDYrEdoTPagZZRA1PCXXs4gUM6biKDAPsEswMwQLYxBVNAZ1aGctx7w4aAAAAAElFTkSuQmCC) no-repeat 50%;
    transition: background .3s
}

.go-top-btn:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAKlBMVEXX19fY2NjV1dXY2NgAAADY2NiNjY3S0tK/v7++vr6mpqalpaWUlJSSkpKFT8CjAAAABXRSTlPzsSf3AA7OItwAAACdSURBVDjLY3ASDsUCGFUYFEKxAiYGUewSgQys2CWCGUJxgFEJKktUL8cuEXEtZyo2ifBtaWlZpVgketOA4CSmRHVa2o05aWnL4RJwC9KyS8OXpcGtYYBbkNsaGhp5DG4NA9yC7SC6CmINQgJoAYQBtAZVIrsUauYyVIncVggNsgZFYjvCy1WDLKKGp4QpdvEAnEUG7kLGSQCbuKEKAJB4hu7IW4kdAAAAAElFTkSuQmCC)
}

@media only screen and (max-device-width:768px) {
    .mod-wrapper {
        min-width: 100%
    }
    .u-wrap {
        width: 100%
    }
    .m-common-tit {
        font-size: .2rem;
        line-height: 1;
        height: .4rem;
        padding-right: .2rem;
        margin-bottom: 0
    }
    .m-common-tit:before {
        top: -.18rem;
        left: .2rem;
        width: .4rem;
        height: .4rem;
        background-size: contain
    }
    .m-common-desc,
    .m-common-tips {
        width: auto;
        font-size: .12rem;
        padding: 0 .16rem
    }
    .m-common-desc {
        text-align: left;
        text-align: justify
    }
    .m-common-tips {
        border-top: 0
    }
}

@media screen and (max-device-width:359px) {
    html {
        font-size: 533.33% !important
    }
}

@media screen and (min-device-width:360px)and (max-device-width:374px) {
    html {
        font-size: 600% !important
    }
}

@media screen and (min-device-width:375px)and (max-device-width:383px) {
    html {
        font-size: 625% !important
    }
}

@media screen and (min-device-width:384px)and (max-device-width:399px) {
    html {
        font-size: 640% !important
    }
}

@media screen and (min-device-width:400px)and (max-device-width:413px) {
    html {
        font-size: 685% !important
    }
}

@media screen and (min-device-width:414px)and (max-device-width:431px) {
    html {
        font-size: 690% !important
    }
}

@media screen and (min-device-width:432px)and (max-device-width:479px) {
    html {
        font-size: 720% !important
    }
}

@media screen and (min-device-width:480px)and (max-device-width:500px) {
    html {
        font-size: 800% !important
    }
}

@media screen and (min-device-width:501px)and (max-device-width:767px) {
    html {
        font-size: 1000% !important
    }
}

@media screen and (min-device-width:768px) {
    html {
        font-size: 1280% !important
    }
}

.m-header {
    --header-height: 78px;
    position: relative;
    z-index: 9;
    width: 100%;
    height: var(--header-height);
    color: #333;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #e8e8e8
}

.m-header .u-wrap {
    display: flex;
    align-items: center
}

.m-header__logo {
    position: relative;
    height: var(--header-height);
    display: inline-flex;
    align-items: center;
    margin-right: 68px;
    cursor: pointer
}

.m-header__logo h1 {
    font-size: 24px;
    line-height: 1.2
}

.m-header__logo:before {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 8px;
    content: "";
    background: url(../img/logo.png) no-repeat 50%;
    background-size: contain
}

.m-header__nav {
    min-width: 0;
    margin-left: auto;
    display: inline-block
}

.m-header__nav .h-nav-item {
    position: relative;
    height: var(--header-height);
    line-height: var(--header-height);
    color: #333;
    font-size: 16px;
    padding: 0 26px;
    margin: 0 6px;
    display: inline-block;
    cursor: pointer
}

.m-header__nav .h-nav-item span {
    position: relative;
    line-height: 1.4;
    display: inline-block
}

.m-header__nav .h-nav-item span:before {
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    content: "";
    background: #f84848;
    border-radius: 4px;
    transform: scaleX(0);
    transition: transform .2s
}

.m-header__nav .h-nav-item:hover span:before {
    transform: scaleX(1)
}

.m-header__nav .h-nav-item.active {
    color: #f84848;
    font-weight: 600
}

.m-header__nav .h-nav-item.active span:before {
    transform: scaleX(1)
}

.m-header__menu {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    flex: 1;
    cursor: pointer
}

.header-place-pie {
    --header-height: 78px;
    width: 100%;
    height: var(--header-height)
}

.header-place-pie .m-header {
    position: fixed;
    left: 0;
    top: 0
}

@media only screen and (min-device-width:768px) {
    .m-header__menu-download {
        display: none
    }
}

@media only screen and (max-device-width:768px) {
    .header-place-pie {
        height: .48rem
    }
    .m-header {
        --header-height: 0.48rem;
        padding: 0 .16rem
    }
    .m-header__logo {
        font-size: .1rem;
        z-index: 4;
        background-color: #fff;
        margin-right: 0
    }
    .m-header__logo h1 {
        font-size: .16rem
    }
    .m-header__logo:before {
        width: .32rem;
        height: .32rem;
        margin-right: .06rem
    }
    .m-header__nav {
        display: none
    }
    .m-header__nav.show {
        position: fixed;
        left: 0;
        z-index: 3;
        width: 100vw;
        top: var(--header-height);
        display: block;
        background-color: #fff;
        animation: animate-menu .3s linear
    }
    .m-header__nav.show .h-nav-item {
        display: block;
        margin: 0;
        padding: 0 .16rem;
        font-size: .16rem
    }
    .m-header__nav.show .h-nav-item span:before {
        display: none
    }
    .m-header__menu {
        height: var(--header-height);
        z-index: 5;
        background-color: #fff
    }
    .m-header__menu.active .m-header__menu-switch:before {
        animation: open-first .3s linear;
        animation-fill-mode: forwards
    }
    .m-header__menu.active .m-header__menu-switch .switch-line {
        opacity: 0;
        animation: none
    }
    .m-header__menu.active .m-header__menu-switch:after {
        animation: open-third .3s linear;
        animation-fill-mode: forwards
    }
    .m-header__menu-switch {
        width: .24rem;
        margin-left: .16rem;
        box-sizing: border-box
    }
    .m-header__menu-switch .switch-line,
    .m-header__menu-switch:after,
    .m-header__menu-switch:before {
        display: block;
        width: .2rem;
        height: .02rem;
        background: rgba(0, 0, 0, .65);
        margin: 0 auto .05rem;
        position: relative;
        border-radius: .03rem
    }
    .m-header__menu-switch:after,
    .m-header__menu-switch:before {
        content: ""
    }
    .m-header__menu-switch:before {
        animation: close-first .3s linear;
        animation-fill-mode: forwards
    }
    .m-header__menu-switch .switch-line {
        animation: close-second .5s linear;
        animation-fill-mode: forwards
    }
    .m-header__menu-switch:after {
        margin-bottom: 0;
        animation: close-third .3s linear;
        animation-fill-mode: forwards
    }
    .m-header__menu-download {
        min-width: .68rem;
        height: .28rem;
        display: inline-block;
        padding: 0 .08rem;
        color: #f84848;
        text-align: center;
        font-size: .13rem;
        border-radius: .14rem;
        background-color: #fff;
        border: 1px solid #f84848;
        outline: 0;
        cursor: pointer;
        box-sizing: border-box
    }
    .m-header__mask {
        position: fixed;
        left: 0;
        top: var(--header-height);
        width: 100vw;
        height: calc(100vh - var(--header-height));
        display: none;
        background-color: rgba(0, 0, 0, .65)
    }
    .m-header__mask.show {
        display: block
    }
}

@keyframes close-first {
    0% {
        transform: rotate(-43deg);
        transform-origin: 100% 100%
    }
    25% {
        transform: rotate(-34deg);
        transform-origin: 100% 100%
    }
    50% {
        transform: rotate(-25deg);
        transform-origin: 100% 100%
    }
    75% {
        transform: rotate(-16deg);
        transform-origin: 100% 100%
    }
    to {
        transform: rotate(0deg);
        transform-origin: 100% 100%
    }
}

@keyframes close-second {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes close-third {
    0% {
        transform: rotate(43deg);
        transform-origin: 100% 100%
    }
    25% {
        transform: rotate(34deg);
        transform-origin: 100% 100%
    }
    50% {
        transform: rotate(25deg);
        transform-origin: 100% 100%
    }
    75% {
        transform: rotate(16deg);
        transform-origin: 100% 100%
    }
    to {
        transform: rotate(0deg);
        transform-origin: top right
    }
}

@keyframes open-first {
    0% {
        transform: rotate(-8deg);
        transform-origin: 100% 100%
    }
    25% {
        transform: rotate(-16deg);
        transform-origin: 100% 100%
    }
    50% {
        transform: rotate(-25deg);
        transform-origin: 100% 100%
    }
    75% {
        transform: rotate(-34deg);
        transform-origin: 100% 100%
    }
    to {
        transform: rotate(-43deg);
        transform-origin: 100% 100%
    }
}

@keyframes open-third {
    0% {
        transform: rotate(8deg);
        transform-origin: 100% 100%
    }
    25% {
        transform: rotate(16deg);
        transform-origin: 100% 100%
    }
    50% {
        transform: rotate(25deg);
        transform-origin: 100% 100%
    }
    75% {
        transform: rotate(34deg);
        transform-origin: 100% 100%
    }
    to {
        transform: rotate(43deg);
        transform-origin: top right
    }
}

@keyframes animate-menu {
    0% {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}

.m-footer {
    width: 100%;
    color: #999;
    font-size: 12px;
    margin-top: auto;
    background: #181414
}

.m-footer .u-wrap {
    width: 960px;
    display: flex;
    padding: 32px 0;
    margin: 0 auto
}

.m-footer a:active,
.m-footer a:visited {
    color: #999
}

.m-footer__info {
    min-width: 0;
    flex: 1
}

.m-footer__info .f-links {
    display: flex;
    margin-bottom: 16px
}

.m-footer__info .f-links a {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    margin-right: 16px
}

.m-footer__info .f-links a:hover {
    text-decoration: underline
}

.m-footer__info .f-links a:active,
.m-footer__info .f-links a:visited {
    color: #fff
}

.m-footer__code {
    font-size: 12px;
    color: #fff;
    text-align: center
}

.m-footer__code img {
    width: 118px;
    height: 118px;
    display: block;
    margin: 0 auto 4px
}

.m-footer__copy {
    text-align: center;
    line-height: 48px;
    border-top: 1px solid #3a3a3a
}

.m-footer .f-company {
    margin-bottom: 16px
}

.m-footer .f-company-tit {
    font-size: 14px
}

.m-footer .f-certificate {
    margin-bottom: 12px
}

.m-footer .f-certificate a,
.m-footer .f-certificate a:active,
.m-footer .f-certificate a:visited {
    color: #999
}

@media only screen and (max-device-width:768px) {
    .m-footer {
        text-align: center;
        box-sizing: border-box
    }
    .m-footer,
    .m-footer .f-company-tit {
        font-size: .12rem
    }
    .m-footer .u-wrap {
        width: 100%;
        padding: .16rem;
        box-sizing: border-box
    }
    .m-footer__code {
        display: none
    }
    .m-footer__info .f-links {
        margin-bottom: .1rem
    }
    .m-footer__info .f-links a {
        font-size: .12rem
    }
    .f-certificate {
        font-size: .1rem;
        word-wrap: break-word;
        word-break: break-all
    }
    .f-certificate a,
    .f-certificate span {
        display: inline-block
    }
    .m-footer__copy {
        line-height: .32rem;
        border-top: 0
    }
}