/*body {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "微软雅黑";
    background: #FBFBFB;
    max-width: 680px;
    margin: 0 auto;
}*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, big, del, em, img, small, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, canvas, details,
figure, footer, header, main, menu, nav, output, section, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Microsoft Yahei,Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}

html, body {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-size: 0.34rem;
    line-height: 1.42857143;
    color: #333;
    /* background-color: #fff; */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

ol, ul, li {
    list-style: none;
}

input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    outline: none;
    padding: 0;
    border: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    a:active,
    a:hover,
    a:visited {
        outline: none;
    }

select, input, img, select {
    vertical-align: middle;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 5px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

/*单行文本溢出显示省略号*/
.ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*多行行文本溢出显示省略号*/
.clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/* 清除浮动 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    zoom: 1;
}

#uc_recommend_ad {
    display: none !important;
}

html {
    /* font-size:9.2592593vw; */
    font-size: 13.3333vw;
}

@media (min-width:750px) {
    html {
        /* font-size:69.44444px; */
        font-size: 100px;
        width: 750px;
        margin: 0 auto;
    }
}

.body-wrap {
    background-color: #f1f1f1;
    padding: 0.1rem 0.3rem 1.5rem;
}

.fl {
    float:left;
}
.fr {
    float:right;
}













.footer-wrap {
    height: 1.2rem;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fefefe;
    display: flex;
    border-top: 1px solid #eee;
    transform: translateY(0);
    transition: transform 200ms ease-in-out 0s;
}

    .footer-wrap.unpinned {
        transform: translateY(100%);
    }

    .footer-wrap .nav-item {
        width: 50%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-left: 1px solid #eee;
        font-size: .26rem;
        color: #999;
    }

        .footer-wrap .nav-item:first-child {
            border-left: none;
        }

        .footer-wrap .nav-item .iconfont {
            line-height: 1;
            font-size: .48rem;
        }

        .footer-wrap .nav-item.active {
            color: #ff7800;
        }

@font-face {
    font-family: "iconfont";
    src: url('font/iconfont.eot?t=1582957328777'); /* IE9 */
    src: url('font/iconfont.eot?t=1582957328777#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), 
    url('font/iconfont.woff?t=1582957328777') format('woff'),
    url('font/iconfont.ttf?t=1582957328777') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('font/iconfont.svg?t=1582957328777#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {
    font-family: "iconfont";
    src: url('iconfont_sel.eot?t=1594003316417'); /* IE9 */
    src: url('iconfont_sel.eot?t=1594003316417#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMIAAsAAAAAByAAAAK8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDDAqBcIFSATYCJAMQCwoABCAFhG0HQhsuBsgusG3YE0TN7AYWoN6o3YFhDk/x0DfW/uzOCaZJkkk6mmgzD4kEKZCgZCqvkwLdS7ijOb0iqVX+QJZYjUiV1Di5T9NA28+PFYFtO6GBhCFhJhQJN+G2BjRm/tdVI6X1tx2JtALtyjSPdPF0/dpKEk6l/7mc3jWAApnfspzm3NQLMA4ooL2xTVZAIbfILuJOXMR5Ar1mRJgOpxer4JTQtEA8ytI6OAsuKY1oW2g2rE3xyqZdnkvAS/T9+JcKJ0WjQnPPH6ZEGP3a16l0scQRbhDkzQ1UrAJJ3DeGLlmEQbDoDVnNg30NC75Od76Ea8Rek4pKmH8dyuwHHTlc+RJKI/jaSuUO2XKKCrKFdjGyCRzJ+ClhYP44eqZ0TYA9qVPT22fFLmYywg156XqUpcQua9rfjGD0sJDfshjpLjnaHM8d/v/41LgNpk91Mb9gZiBTD32G6vD906kRX04ItQkd78JZhyH3PTgN/uuMH+EFUATHU6lsWHHXtCFPPTavR5W3AJT34k/+jbf9qxsDm3d6EnzaZy4rEiwdtBXA7F/KBrakz0XqTJdHWYEljYOmFvTqRReyjfqZQzIBziW0TYywtExnULXNoolfhYY+HWhq24FeK2Y29xnDWET2YNmJBGHYExSDPqAa9oEm/hsaJv1C03BYoNdtjO3ZZz5k9wHDdY4i2dglstDSKdFyd5xdRmlTXWd5bkSsIzNkL0nGEuXoDOrI5lhgbEkpzimhrKWRaekyVNUWabNWEwUea3DeLsXjtOlNMaGlgdsBBq3jkIjYsIuQCVp0lHfm3JXPlyHJJtU61tHUo69DjEHunUiKSQDQGZEOarqXawxbJCkcRxEU06IhpqVRSKVqIdrNo5qQgItpjAi0lcRxOwoVxdaXaF+4C3qhwzJK1MhoyEc0DPdTi+Hm9RtV0ZoqAQA=') format('woff2'), url('iconfont_sel.woff?t=1594003316417') format('woff'), url('iconfont_sel.ttf?t=1594003316417') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont_sel.svg?t=1594003316417#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {
    font-family: quote;
    src: local('SimSun');
    unicode-range: U+0030-0039;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-jisuan:before {
    content: "\e62d";
}

.icon-unfold:before {
    content: "\ec0b";
}

.icon-close:before {
    content: "\e809";
}

.icon-circle:before {
    content: "\e75d";
}

.icon-duigou:before {
    content: "\e645";
}

.icon-custom:before {
    content: "\e74b";
}

.icon-hot:before {
    content: "\e753";
}

.icon-build:before {
    content: "\e759";
}

.icon-template:before {
    content: "\e768";
}

.icon-training:before {
    content: "\e76a";
}

.icon-bar-chart:before {
    content: "\e76b";
}

.icon-less:before {
    content: "\e6a5";
}

.icon-moreunfold:before {
    content: "\e6a6";
}

.icon-more:before {
    content: "\e6a7";
}