@font-face {
    font-family: iconfont;
    src: url(iconfont.5041655daff5dd9c.woff2) format("woff2"),url(iconfont.087e9a4d7452b272.woff) format("woff"),url(iconfont.535e920fcc1ca384.ttf) format("truetype")
}

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

.icon-arrow-right-down-line:before {
    content: "\E8B6"
}

.icon-shaixuan:before {
    content: "\E639"
}

.icon-check-fill:before {
    content: "\E847"
}

.icon-cebianlan-chanpinjishu:before {
    content: "\E695"
}

.icon-cebianlan-shichangyanjiu:before {
    content: "\E696"
}

.icon-cebianlan-gongxu:before {
    content: "\E697"
}

.icon-cebianlan-qiye:before {
    content: "\E698"
}

.icon-cebianlan-chanyedongtai:before {
    content: "\E699"
}

.icon-cebianlan-luntan:before {
    content: "\E69A"
}

.icon-cebianlan-pingce:before {
    content: "\E69B"
}

.icon-chuangzuozhongxin_02:before {
    content: "\E68F"
}

.icon-chuangzuozhongxin_03:before {
    content: "\E690"
}

.icon-chuangzuozhongxin_05:before {
    content: "\E691"
}

.icon-chuangzuozhongxin_01:before {
    content: "\E692"
}

.icon-chuangzuozhongxin_04:before {
    content: "\E693"
}

.icon-chuangzuozhongxin_06:before {
    content: "\E694"
}

.icon-lock-fill:before {
    content: "\E8DE"
}

.icon-Device-banka:before {
    content: "\E68E"
}

.icon-web:before {
    content: "\E605"
}

.icon-weixin:before {
    content: "\E62A"
}

.icon-zhihu:before {
    content: "\E87C"
}

.icon-bilibili-fill:before {
    content: "\E658"
}

.icon-douyin:before {
    content: "\E8DB"
}

.icon-attachment-2:before {
    content: "\E789"
}

.icon-fire:before {
    content: "\E960"
}

.icon-logo-Xcelerator:before {
    content: "\E68D"
}

.icon-function-line:before {
    content: "\E85E"
}

.icon-wechat-pay-fill:before {
    content: "\E63D"
}

.icon-alipay-fill:before {
    content: "\E644"
}

.icon-zhifubao:before {
    content: "\E60A"
}

.icon-weixinzhifu:before {
    content: "\E68C"
}

.icon-logo-datasheet5:before {
    content: "\E686"
}

.icon-logo-findchips:before {
    content: "\E687"
}

.icon-logo-Supplyframe:before {
    content: "\E688"
}

.icon-a-logo-SupplyframeXQ:before {
    content: "\E689"
}

.icon-logo-bom2buy:before {
    content: "\E68A"
}

.icon-logo-quotewin:before {
    content: "\E68B"
}

.icon-building-2-fill:before {
    content: "\E6E6"
}

.icon-file-list-2-line:before {
    content: "\E76C"
}

.icon-wallet-line:before {
    content: "\E7A1"
}

.icon-timeout:before {
    content: "\E6A2"
}

.icon-home-5-line:before {
    content: "\E6E3"
}

.icon-edit-line:before {
    content: "\E70C"
}

.icon-money-cny-circle-line:before {
    content: "\E78C"
}

.icon-function-fill:before {
    content: "\E8AD"
}

.icon-tools-fill:before {
    content: "\E70E"
}

.icon-moxing-02:before {
    content: "\E683"
}

.icon-moxing01:before {
    content: "\E684"
}

.icon-quesheng:before {
    content: "\E685"
}

.icon-download-2-line:before {
    content: "\E8A4"
}

.icon-zoom-in-line:before {
    content: "\E8CA"
}

.icon-rhythm-fill:before {
    content: "\E681"
}

.icon-time-line:before {
    content: "\E682"
}

.icon-chat-smile-2-fill:before {
    content: "\E6FD"
}

.icon-ico-chuangzuozhezhongxin:before {
    content: "\E680"
}

.icon-qr-scan-2-line:before {
    content: "\E732"
}

.icon-biaoge-ico-shaixuan:before {
    content: "\E673"
}

.icon-biaoge-ico-check02:before {
    content: "\E67E"
}

.icon-biaoge-ico-check01:before {
    content: "\E67F"
}

.icon-ico-xiaochengxu:before {
    content: "\E665"
}

.icon-link-m:before {
    content: "\E776"
}

.icon-biaoge-ico-wuqian:before {
    content: "\E67D"
}

.icon-bangdan:before {
    content: "\E663"
}

.icon-huodong:before {
    content: "\E666"
}

.icon-zhibo:before {
    content: "\E667"
}

.icon-zixun:before {
    content: "\E669"
}

.icon-shipin:before {
    content: "\E66B"
}

.icon-zhuanti:before {
    content: "\E66C"
}

.icon-kecheng:before {
    content: "\E66E"
}

.icon-fangan:before {
    content: "\E66F"
}

.icon-ziliao:before {
    content: "\E677"
}

.icon-biaoge-ico-paixu-jiangxu:before {
    content: "\E660"
}

.icon-biaoge-ico-paixu-shengxu:before {
    content: "\E661"
}

.icon-ico-System-eye-line:before {
    content: "\E674"
}

.icon-yonghuxinxi-ico-wenzhang:before {
    content: "\E668"
}

.icon-yonghuxinxi-ico-shipin:before {
    content: "\E671"
}

.icon-ico-checkbox-multiple-blank-fill:before {
    content: "\E678"
}

.icon-tag-ftips-hot:before {
    content: "\E67B"
}

.icon-tag-ftips-new:before {
    content: "\E67C"
}

.icon-a-ico-geshi-da-wenjian:before {
    content: "\E66A"
}

.icon-a-ico-geshi-da-yasuo:before {
    content: "\E66D"
}

.icon-a-ico-geshi-da-word:before {
    content: "\E670"
}

.icon-a-ico-geshi-da-pdf:before {
    content: "\E679"
}

.icon-a-ico-geshi-wenjian:before {
    content: "\E672"
}

.icon-a-ico-geshi-yasuobao:before {
    content: "\E675"
}

.icon-a-ico-geshi-Word:before {
    content: "\E676"
}

.icon-a-ico-geshi-pdf:before {
    content: "\E67A"
}

.icon-leaf-fill:before {
    content: "\E872"
}

.icon-problem:before {
    content: "\E6A4"
}

.icon-file-chart-2-fill:before {
    content: "\E749"
}

.icon-money-cny-circle-fill:before {
    content: "\E793"
}

.icon-rocket-2-fill:before {
    content: "\E816"
}

.icon-account-box-fill:before {
    content: "\E913"
}

.icon-QQ:before {
    content: "\E882"
}

.icon-weibo:before {
    content: "\E883"
}

.icon-wechat-fill:before {
    content: "\E884"
}

.icon-arrow-down-line:before {
    content: "\E8C1"
}

.icon-bar-chart-box-line:before {
    content: "\E6EB"
}

.icon-cpu-line:before {
    content: "\E733"
}

.icon-live-line:before {
    content: "\E869"
}

.icon-profile-line:before {
    content: "\E6E9"
}

.icon-stack-line:before {
    content: "\E6EF"
}

.icon-flag-line:before {
    content: "\E6F2"
}

.icon-bookmark-3-line:before {
    content: "\E6F8"
}

.icon-slideshow-3-line:before {
    content: "\E6F9"
}

.icon-chat-quote-line:before {
    content: "\E6FB"
}

.icon-chat-3-line:before {
    content: "\E700"
}

.icon-hammer-line:before {
    content: "\E712"
}

.icon-file-settings-line:before {
    content: "\E74E"
}

.icon-newspaper-line:before {
    content: "\E754"
}

.icon-hashtag:before {
    content: "\E781"
}

.icon-price-tag-3-line:before {
    content: "\E7A8"
}

.icon-video-line:before {
    content: "\E849"
}

.icon-star-line:before {
    content: "\E899"
}

.icon-star-fill:before {
    content: "\E8B1"
}

.icon-upload-2-line:before {
    content: "\E8B3"
}

.icon-share-circle-line:before {
    content: "\E8BB"
}

.icon-delete-bin-line:before {
    content: "\E8EC"
}

.icon-star-half-line:before {
    content: "\E900"
}

.icon-user-line:before {
    content: "\E912"
}

.icon-fire-fill:before {
    content: "\E92F"
}

.icon-ico-fresh:before {
    content: "\E653"
}

.icon-headphone-line:before {
    content: "\E851"
}

.icon-thumb-up-line:before {
    content: "\E898"
}

.icon-thumb-up-fill:before {
    content: "\E8AE"
}

.icon-refresh-line:before {
    content: "\E8C0"
}

.icon-arrow-up-line:before {
    content: "\E8C5"
}

.icon-apps-2-line:before {
    content: "\E8F5"
}

.icon-add-fill:before {
    content: "\E839"
}

.icon-arrow-down-s-line:before {
    content: "\E83D"
}

.icon-arrow-left-s-line:before {
    content: "\E842"
}

.icon-arrow-right-s-line:before {
    content: "\E844"
}

.icon-close-line:before {
    content: "\E84A"
}

.icon-arrow-up-s-line:before {
    content: "\E857"
}

.icon-search-line:before {
    content: "\E86E"
}

.icon-alert-close-circle-fill:before {
    content: "\E64F"
}

.icon-alert-error-warning-fill:before {
    content: "\E650"
}

.icon-alert-checkbox-circle-fill:before {
    content: "\E651"
}

.icon-alert-information-fill:before {
    content: "\E652"
}

.icon-alert-close-circle-line:before {
    content: "\E654"
}

.icon-alert-checkbox-circle-line:before {
    content: "\E655"
}

.icon-alert-information-line:before {
    content: "\E656"
}

.icon-alert-error-warning-line:before {
    content: "\E657"
}

a,b,blockquote,body,button,canvas,dd,div,dl,dt,em,fieldset,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,header,i,iframe,img,input,label,li,main,nav,ol,optgroup,p,pre,section,select,span,strong,table,tbody,td,textarea,th,thead,tr,ul,video {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: .14rem;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
    line-height: 1.5;
    background: #fff;
    color: #19232e;
    position: relative
}

b,em,i,strong,th {
    font-style: normal;
    font-weight: 400
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400
}

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

a:active,a:hover {
    outline-width: 0;
    color: inherit
}

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

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

input {
    outline: 0
}

fieldset,img,input {
    border: 0
}

* {
    -webkit-tap-highlight-color: rgba(255,255,255,0)
}

.el-message--error,.el-message--info,.el-message--success,.el-message--warning {
    min-width: 250px!important;
    height: 40px;
    padding: 10px 16px!important;
    border-radius: 4px
}

.el-message--error .el-message__icon,.el-message--info .el-message__icon,.el-message--success .el-message__icon,.el-message--warning .el-message__icon {
    margin-right: 12px;
    font-size: 20px
}

.el-message--error .el-message__content,.el-message--info .el-message__content,.el-message--success .el-message__content,.el-message--warning .el-message__content {
    font-size: 14px;
    color: #000!important;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-message--success {
    background: #f0f9eb!important;
    border: 1px solid rgba(1,230,27,.1)!important
}

.el-message--error {
    background: #fef0f0!important;
    border: 1px solid rgba(239,18,56,.1)!important
}

.el-message--warning {
    background: #fdf7ef!important;
    border: 1px solid rgba(255,84,54,.1)!important
}

.el-message--info {
    background: #f1f9ff!important;
    border: 1px solid rgba(0,137,255,.1)!important
}

.el-message .el-icon-success:before {
    font-family: iconfont;
    content: "\E651"
}

.el-message .el-icon-error {
    color: #fd5444!important
}

.el-message .el-icon-error:before {
    font-family: iconfont;
    content: "\E64F"
}

.el-message .el-icon-warning {
    color: #ffa202!important
}

.el-message .el-icon-warning:before {
    font-family: iconfont;
    content: "\E650"
}

.el-message .el-icon-info {
    color: #3da8f6!important
}

.el-message .el-icon-info:before {
    font-family: iconfont;
    content: "\E652"
}

#nav-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 102;
    overflow: hidden;
    -webkit-box-shadow: 0 .04rem .08rem 0 rgba(0,0,0,.08);
    box-shadow: 0 .04rem .08rem 0 rgba(0,0,0,.08)
}

#nav-container .container-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .32rem;
    height: 1.08rem;
    border-bottom: 1px solid rgba(0,0,0,.05);
    margin-bottom: .4rem
}

#nav-container .container-title>span {
    font-weight: 700;
    font-size: .28rem;
    line-height: .42rem
}

#nav-container .container-title>img {
    width: .48rem;
    height: .48rem
}

#nav-container .container-body {
    height: calc(100% - 1.48rem);
    height: calc(100% - 1.48rem + constant(safe-area-inset-bottom));
    height: calc(100% - 1.48rem + env(safe-area-inset-bottom));
    overflow-y: auto;
    padding-bottom: 1.4rem
}

#nav-container .container-section {
    margin-bottom: .32rem
}

#nav-container .container-section>p {
    font-weight: 700;
    font-size: .28rem;
    line-height: .42rem;
    padding: .09rem 0 0 .32rem;
    margin-bottom: .2rem
}

#nav-container .container-section>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .32rem
}

#nav-container .container-section>ul>li {
    background: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .12rem .2rem;
    width: 2.1rem;
    height: .6rem;
    border-radius: .08rem
}

#nav-container .container-section>ul>li:not(:nth-child(3n)) {
    margin: 0 .28rem .28rem 0
}

#nav-container .container-section>ul>li>a {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .24rem;
    line-height: .36rem
}

#nav-container .container-section .comp>li {
    width: auto
}

#header-container {
    height: 1.08rem;
    padding: 0 .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#header-container .left .logo {
    display: block
}

#header-container .left .logo img {
    display: block;
    height: .48rem
}

#header-container .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

#header-container .right i {
    font-size: .48rem
}

#header-container .right img {
    width: .48rem;
    height: .48rem
}

#header-container .right>:not(:first-child) {
    margin-left: .4rem
}

#header-container .right .avatar {
    position: relative
}

#header-container .right .avatar img {
    display: block;
    width: .64rem;
    height: .64rem;
    border-radius: 50%
}

#header-container .right .avatar .user-info {
    padding: .2rem;
    border: 1px solid rgba(0,0,0,.08);
    -webkit-box-shadow: 0 .04rem .08rem 0 rgba(0,0,0,.08);
    box-shadow: 0 .04rem .08rem 0 rgba(0,0,0,.08);
    border-radius: .06rem;
    position: absolute;
    right: 0;
    top: .84rem;
    z-index: 10;
    background: #fff
}

#header-container .right .avatar .user-info>li {
    width: 1.96rem;
    font-size: .28rem;
    line-height: .42rem;
    padding-bottom: .21rem
}

#header-container .right .avatar .user-info>li:not(:last-child) {
    margin-bottom: .2rem;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

#header-container .right .avatar .user-info>li>a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.section-adbox {
    width: 100%;
    position: relative
}

.section-adbox:after {
    content: "AD";
    position: absolute;
    right: .13rem;
    bottom: .13rem;
    width: .42rem;
    height: .3rem;
    background: rgba(0,0,0,.2);
    outline: .01rem solid hsla(0,0%,100%,.2);
    border-radius: .06rem;
    font-size: .2rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    z-index: 2
}

.section-adbox.ox-686x689 {
    width: 6.86rem;
    height: 6.89rem;
    border-radius: .12rem;
    overflow: hidden
}

.section-adbox.ox-686x689:after {
    bottom: .09rem;
    right: .09rem
}

.section-adbox.ox-686x689 ins a img {
    width: 6.86rem;
    height: 6.89rem
}

.section-adbox.ox-686x160 {
    border-radius: .12rem;
    overflow: hidden
}

.section-adbox.ox-686x160,.section-adbox.ox-686x160 ins a img {
    width: 6.86rem;
    height: 1.6rem
}

.section-adbox iframe {
    display: none
}

.mobile-ad-in-list {
    margin: .4rem .32rem
}

.index-first {
    margin-top: 0
}

#app {
    width: 100%;
    background: #fff
}

#app .space-h-12 {
    width: 100%;
    height: .12rem;
    background: #f2f2f2
}

#app .load-more-button {
    font-size: .26rem!important;
    color: rgba(39,43,76,.3);
    text-align: center;
    margin: 1.2rem 0 2rem
}

#app .more-list {
    display: none
}

#app.page-end {
    padding-bottom: 0
}

#app.page-end:after {
    content: "\5230\5E95\4E86";
    display: block;
    font-size: .26rem;
    color: rgba(39,43,76,.3);
    text-align: center;
    margin: 1.2rem 0 2rem
}

#back-top-button {
    display: none;
    width: .7rem;
    height: .7rem;
    background: rgba(25,35,46,.8);
    color: #fff;
    overflow: hidden;
    position: fixed;
    right: .28rem;
    bottom: 1.2rem;
    bottom: calc(1.2rem + constant(safe-area-inset-bottom));
    bottom: calc(1.2rem + env(safe-area-inset-bottom));
    z-index: 101;
    border-radius: 50%;
    text-align: center;
    line-height: .7rem
}

#back-top-button i {
    font-size: .48rem
}

#lead-box-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    background: rgba(0,0,0,.75);
    z-index: 999;
    padding: 0
}

#lead-box-modal #lead-box-content {
    width: 6.86rem;
    height: 100%;
    max-height: 83.333%;
    background: #fff;
    overflow: hidden;
    border-radius: .16rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: .4rem 0 .6rem
}

#lead-box-modal #lead-box-content #lead-box-button {
    width: .36rem;
    height: .36rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMKSURBVHgB1Zotc9tAEIbfOAUGBYZmESgIKBD02AaCBZ1xYWB+QoiNi23SnxBYUNDM9AcI+COgwDBQmSkwKDAoMHNv7dvkrEiW9nTnKM/MWh/Wx7660+3enc7ghqayS2VtZS29bGpj1tpW2hK9XYkz2EPOdZQF2mwgIfeoIMZGADveweETrspSWQyhEKmACO4dTxNrK0VZAVSvr7Cv26eASuEWJUrjHMWE2Dvfwulo6vv+1ZZLkYBI2Sdl73B66J4f9XqSd9AxAZG21ybQyyTrzzwB1KZ/Rn0I8BxDDmhkHEx1/QvqB1XlF+9hloBr+G0mbSGfrtI701Uowr761JX3epnwDrMEqHgi1J+DQGoKiPA24FRmBwugpx9CyHg8DqfT6QCW0Ll0Dch5KgUOUAGE0I2Hw+FAO4J+v38nOZ+c7/V6IRltj0ajpeB0LoWYS6ADIerGF8a6qCTY+axrCQjohwRwB0SEuundfD5fGtulRKSdp2vQtSAnUNZswL4zIhbh0HnmkgRUSpHLivDgPNGuLIAoEuHJeaJFHZobOMr1Z7PZoNvthsb2TpQn54k1CfgKh6RFmDh2ntg04Jh0dWI8OE80nQsgttttqX0uIAEbOCT9wjLSYFcWpwKyWhubYCdgTQJWcEBeU2kbsUuyE1B5fLKonfcoYlW5BMoGKU8idgIeYIk0wnoQkfBLnECIbXrgUATVnDXHgQRCFovFI69Lg1RahHktATQs/zS4Sz2cGwiHUyaTSajShgvbCEtphxLyqHp2kt4Y8w06F2IivJ2OPQn+SStmKkFF4jQqeyTmFVMAOX+P+hPDiF2NjD+dRGZPkOOxuSMrG/2OelYl8uk2vfM858B/qN8Y6Q9lf9I78+YHuBoFqAexst9ZfxyboUn0MsDrEuPIrGXRHFmCfWl8wOnnyagq/0JByyiZZr3G6WYq6aFRY1KY6ttMdEfwB8eiuOwJNp8a8ESIzbB4Huy4OBuo8rEHCQmwH9m2Hd1LtFmnMVUEmLCYNp4/uTHfl422XQ6vlw9wEDD/A1Y/aDUmlbyPAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: cover;
    z-index: 2;
    cursor: pointer
}

#lead-box-modal #lead-box-content .form-container {
    padding: 0 .4rem
}

#billboard-modal>div:first-of-type {
    display: none
}

#billboard-modal>div {
    background: #fff!important;
    position: fixed!important;
    top: 45%!important;
    left: 50%!important;
    margin-top: -140px;
    margin-left: -155px;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 60px 10px #ccc;
    box-shadow: 0 0 60px 10px #ccc
}

#billboard-modal table,#billboard-modal table tr,#billboard-modal table tr td {
    border: 0
}

#billboard-modal>div>table>tbody>tr>td {
    background-color: #fff;
    position: relative
}

#billboard-modal>div>table>tbody>tr:first-child>td:after {
    content: "\D7";
    position: absolute;
    right: 28px;
    top: 4px;
    width: 1px;
    height: 0;
    opacity: .4;
    z-index: 1;
    font-size: 16px
}

#billboard-modal>div>table>tbody>tr>td>img:first-child {
    display: none
}

#billboard-modal>div>table>tbody>tr>td>img:last-child {
    width: 100%!important;
    height: 20px!important;
    opacity: 0;
    z-index: 2
}

#billboard-modal>div>table>tbody>tr>td>table>tbody>tr:last-child {
    display: none
}

.lock {
    height: 100vh;
    overflow: hidden
}

#empty-block {
    background: #f8f8f8;
    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;
    border: none
}

#empty-block>img {
    width: 1.78rem;
    height: .45rem
}

.newversion-broadcast {
    width: 100%;
    height: auto;
    background: rgba(61,168,246,.1);
    padding: 9px 16px;
    margin: 10px 0;
    position: static
}

.newversion-broadcast,.newversion-broadcast .detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.newversion-broadcast .detail {
    width: 1596px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 40px;
    color: rgba(0,0,0,.85);
    border: none;
    border-radius: none;
    background: 0 0;
    padding: 0
}

.newversion-broadcast .detail span {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(/app/themes/eefocus/dist/images/information-fill.c7b653e4343bfbef.png) no-repeat;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.newversion-broadcast .detail p {
    width: calc(100% - 24px);
    font-size: 12px;
    line-height: 18px;
    margin: 0
}

.newversion-broadcast .detail p a {
    color: #426fc4;
    display: contents
}

#list-empty {
    padding-top: 2rem;
    text-align: center;
    background: #fff
}

#list-empty img {
    width: 2.8rem;
    height: 2.8rem
}

#list-empty p {
    margin-top: .8rem;
    font-size: .28rem;
    color: rgba(39,43,76,.3);
    line-height: .42rem
}

#list-empty p>span {
    color: #dd3d3d
}

#viewMore {
    position: relative
}

#viewMore .notshow,#viewMore i {
    display: none
}

#viewMore i {
    font-size: .2rem;
    font-weight: 700;
    color: rgba(25,35,46,.6)
}

#viewMore>i {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 1.09rem;
    text-align: right;
    background: -webkit-gradient(linear,right top,left top,color-stop(41%,#fff),to(hsla(0,0%,100%,0)));
    background: linear-gradient(270deg,#fff 41%,hsla(0,0%,100%,0))
}

#viewMore>i.showbtn {
    display: inline
}

#viewMore.showall {
    height: auto;
    max-height: none
}

#viewMore.showall>p {
    height: auto;
    -webkit-line-clamp: inherit
}

#viewMore.showall>p>i {
    display: inline
}

#viewMore.showall>i {
    display: none
}

.tab-box {
    width: 7.5rem;
    height: 1.1rem;
    background: #fff;
    overflow: hidden;
    padding: .22rem 0 0;
    margin-top: .2rem
}

.tab-box .tab-nav-list {
    padding: 0 .4rem 100px;
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.tab-box .tab-nav-list .nav-item {
    font-weight: 700;
    font-size: .28rem;
    color: rgba(25,35,46,.4);
    line-height: .42rem;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tab-box .tab-nav-list .nav-item:not(:last-child) {
    margin-right: .44rem
}

.tab-box .tab-nav-list .active {
    font-weight: 700;
    font-size: .4rem;
    color: #19232e;
    line-height: .48rem;
    position: relative
}

.tab-box .tab-nav-list .active:after {
    content: "";
    display: block;
    padding: 0;
    height: .06rem;
    background: #dd3d3d;
    position: absolute;
    left: .2rem;
    right: .2rem;
    bottom: -.12rem
}

.tab-fix {
    position: fixed;
    top: -.2rem;
    -webkit-box-shadow: 0 0 .08rem 0 rgba(0,0,0,.08);
    box-shadow: 0 0 .08rem 0 rgba(0,0,0,.08);
    z-index: 9
}

.tab-fix-placeholder {
    display: none;
    width: 7.5rem;
    height: 1.1rem;
    background: #fff
}

.middle .tab-box {
    margin-top: 0
}

.middle .tab-fix {
    top: 0
}

.list-items-ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.08);
    margin-bottom: .4rem
}

.list-items-ul li {
    padding-bottom: .4rem
}

.list-items-ul li img {
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    overflow: hidden
}

.list-items-ul .item-title {
    font-size: .28rem;
    font-weight: 500;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.list-items-ul .item-details {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .2rem
}

.list-items-ul .item-details,.list-items-ul .item-details .item-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list-items-ul .item-details .item-author>div {
    position: relative;
    margin-right: .12rem
}

.list-items-ul .item-details .item-author>div #empty-block,.list-items-ul .item-details .item-author>div .avatar {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.list-items-ul .item-details .item-author>div .v {
    position: absolute;
    right: 0;
    bottom: 0;
    width: .13rem;
    height: .13rem
}

.list-items-ul .item-details .item-author>span {
    color: rgba(39,43,76,.3);
    font-size: .24rem;
    max-width: 1.92rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.list-items-ul .item-details .item-publish-time {
    font-size: .22rem;
    color: rgba(39,43,76,.3)
}

.section-article-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-article-item .item-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.section-article-item .item-left .item-title-height {
    height: .84rem
}

.section-article-item .item-right {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: .28rem
}

.section-article-item .item-right img {
    width: 2rem;
    height: 1.49rem;
    border-radius: .12rem;
    -o-object-fit: cover;
    object-fit: cover
}

.section-video-item .item-banner {
    display: block;
    width: 6.86rem;
    height: 3.86rem;
    border-radius: .12rem;
    position: relative;
    margin-bottom: .2rem
}

.section-video-item .item-banner #empty-block,.section-video-item .item-banner img {
    width: 100%;
    height: 100%;
    border-radius: .12rem
}

.section-video-item .item-banner .item-play-icon {
    position: absolute;
    top: 1.33rem;
    right: 2.83rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0
}

.section-video-item .item-banner .item-multiple-icon {
    position: absolute;
    top: .16rem;
    right: .16rem;
    width: .36rem;
    height: .32rem;
    border-radius: 0
}

.section-video-item .item-banner .item-play-info {
    bottom: .16rem;
    padding: .04rem .12rem;
    background: rgba(0,0,0,.6)
}

.section-live-item .item-banner .tag,.section-video-item .item-banner .item-play-info {
    position: absolute;
    right: .16rem;
    height: .44rem;
    border-radius: .08rem;
    color: #fff;
    font-size: .24rem
}

.section-live-item .item-banner .tag {
    top: .16rem;
    width: 1.36rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-live-item .item-banner .tag .iconfont {
    font-size: .24rem;
    margin-right: .08rem
}

.section-live-item .item-banner .tag>img {
    width: .24rem;
    height: .24rem;
    margin-right: .08rem;
    border-radius: 0
}

.section-live-item .item-banner .tag.live {
    background: #3dcf6f
}

.section-live-item .item-banner .tag.review {
    background: #fd5444
}

.section-live-item .item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-live-item .item-title>span {
    width: 4.8rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all
}

.section-live-item .item-title>button {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.6rem;
    height: .64rem;
    border: none;
    border-radius: 3.68rem;
    background: #dd3d3d;
    color: #fff;
    font-size: .32rem;
    font-weight: 700
}

.section-live-item .item-title>button[disabled] {
    background: #979797
}

.section-circuit-item .item-banner {
    display: block;
    width: 6.86rem;
    height: 5.13rem;
    border-radius: .12rem;
    position: relative;
    margin-bottom: .2rem
}

.section-circuit-item .item-banner #empty-block,.section-circuit-item .item-banner img {
    width: 100%;
    height: 100%;
    border-radius: .12rem
}

.section-circuit-item .item-banner .item-tag-line {
    position: absolute;
    top: .16rem;
    right: .16rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.section-circuit-item .item-banner .item-tag-line>div:not(:last-child) {
    margin-right: .2rem
}

.section-circuit-item .item-banner .item-tag-line>div.tag {
    border-radius: .08rem;
    background: #fd5444;
    color: #fff;
    font-size: .24rem;
    padding: .04rem .12rem
}

.section-circuit-item .item-banner .item-tag-line>div.multiple {
    width: .36rem;
    height: .32rem
}

.section-circuit-item .item-banner .item-tag-line>div.multiple>img {
    width: 100%;
    height: 100%;
    border-radius: 0
}

.section-document-item>a {
    font-weight: 700;
    font-size: .28rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    margin-bottom: .24rem;
    padding-left: .56rem;
    position: relative
}

.section-document-item>a.pdf:before {
    background-image: url(/app/themes/eefocus/dist/images/icon-pdf-new.0d29c8f9d7c081ae.png)
}

.section-document-item>a.pdf:before,.section-document-item>a.word:before {
    content: "";
    width: .36rem;
    height: .36rem;
    position: absolute;
    left: 0;
    top: .03rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.section-document-item>a.word:before {
    background-image: url(/app/themes/eefocus/dist/images/icon-word-new.ad3a4ae86f35379a.png)
}

.section-document-item>a.zip:before {
    background-image: url(/app/themes/eefocus/dist/images/icon-zip-new.4d456f4056d327b4.png)
}

.section-document-item>a.file:before,.section-document-item>a.zip:before {
    content: "";
    width: .36rem;
    height: .36rem;
    position: absolute;
    left: 0;
    top: .03rem;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.section-document-item>a.file:before {
    background-image: url(/app/themes/eefocus/dist/images/icon-file-new.1686ce4322e6760b.png)
}

#footer-container .footer-copyright {
    padding: .4rem .44rem;
    background: #f4f4f4;
    font-size: .2rem;
    color: rgba(25,35,46,.4);
    text-align: center
}

#footer-container .footer-copyright .link-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#footer-container .footer-copyright .link-line>a {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: rgba(25,35,46,.4)
}

#footer-container .footer-copyright .link-line>i {
    margin: 0 .1rem
}

.details-have-float {
    padding-bottom: calc(1.1rem + env(safe-area-inset-bottom))
}

#index-container .section-topic {
    width: 6.86rem;
    height: 5.13rem;
    margin: .32rem auto .4rem
}

#index-container .section-topic .recommend-swipe {
    width: 100%;
    height: 100%;
    border-radius: .12rem;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body {
    width: 100%;
    height: 100%
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body .swiper-slide {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body .swiper-slide a p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: .4rem .32rem .44rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.95)));
    background: linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.95))
}

#index-container .section-topic .recommend-swipe .recommend-swipe-body .swiper-slide a p span {
    font-size: .4rem;
    line-height: .6rem;
    font-weight: 700;
    color: #fff;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all;
    max-height: 1.2rem
}

#index-container .section-topic .recommend-swipe .recommend-swiper-pagination {
    position: absolute;
    left: .32rem;
    bottom: .2rem;
    height: .04rem;
    z-index: 10;
    font-size: 0
}

#index-container .section-topic .recommend-swipe .recommend-swiper-pagination .swiper-pagination-bullet {
    width: .28rem;
    height: .04rem;
    border-radius: 0;
    background: #fff;
    opacity: .5;
    margin: 0 .08rem 0 0
}

#index-container .section-topic .recommend-swipe .recommend-swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
}

#index-container .tab-box {
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.08)
}

#index-container .newest-container {
    margin-top: .4rem;
    width: 100%;
    padding: 0 .32rem .33rem;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(221,61,61,0)),to(rgba(221,61,61,.2)));
    background: linear-gradient(180deg,rgba(221,61,61,0),rgba(221,61,61,.2))
}

#index-container .newest-container>p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#index-container .newest-container>p>span {
    font-size: .32rem;
    font-weight: 700
}

#index-container .newest-container>p>a {
    font-size: .28rem
}

#index-container .newest-container>p>a i {
    font-size: .24rem
}

#index-container .newest-container>p .title {
    font-size: .28rem;
    width: 4.8rem;
    margin-right: .46rem;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-all
}

#index-container .newest-container>p .btn {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.6rem;
    height: .64rem;
    border-radius: 3.68rem;
    background: #dd3d3d;
    color: #fff;
    font-size: .32rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#index-container .newest-container>img {
    width: 6.86rem;
    height: 3.86rem;
    border-radius: .12rem;
    margin: .28rem 0 .32rem;
    -o-object-fit: cover;
    object-fit: cover
}

#index-container .column-container {
    margin: .4rem auto;
    width: 6.86rem;
    position: relative
}

#index-container .column-container>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .2rem .08rem;
    overflow-x: auto
}

#index-container .column-container>ul::-webkit-scrollbar {
    display: none
}

#index-container .column-container>ul li:not(:last-child) {
    margin-right: .42rem
}

#index-container .column-container>ul li>a {
    width: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#index-container .column-container>ul li>a>i {
    display: block;
    width: .8rem;
    height: .8rem;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

#index-container .column-container>ul li>a>i.hot:after {
    content: "Hot";
    display: block;
    position: absolute;
    top: -.14rem;
    right: -.27rem;
    border-radius: .16rem .19rem .19rem 0;
    background: #dd3d3d;
    font-size: .2rem;
    color: #fff;
    width: .54rem;
    height: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#index-container .column-container>ul li>a>i.icon-yufeiyuanchuang {
    background-image: url(/app/themes/eefocus/dist/images/yufeiyuanchuang.a89c31038b1c2f44.png)
}

#index-container .column-container>ul li>a>i.icon-chanyetupu {
    background-image: url(/app/themes/eefocus/dist/images/chanyetupu.6b9f45cee71dbb0b.png)
}

#index-container .column-container>ul li>a>i.icon-qiyezhuanqu {
    background-image: url(/app/themes/eefocus/dist/images/qiyezhuanqu.d95345b46e40d57d.png)
}

#index-container .column-container>ul li>a>i.icon-xinrehuodong {
    background-image: url(/app/themes/eefocus/dist/images/xinrehuodong.f644b4c7624aee25.png)
}

#index-container .column-container>ul li>a>i.icon-bankashiyong {
    background-image: url(/app/themes/eefocus/dist/images/bankashiyong.31ab512a6b2bdc3c.png)
}

#index-container .column-container>ul li>a>span {
    color: rgba(25,35,46,.8);
    font-size: .2rem;
    margin-top: .16rem;
    width: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

#index-container .column-container .scroll-container {
    margin: .06rem auto 0;
    height: .06rem;
    width: .8rem;
    border-radius: 100px;
    background: #e9e9e9;
    position: relative
}

#index-container .column-container .scroll-container .scrollbar {
    width: 50%;
    height: 100%;
    border-radius: 100px;
    background: #dd3d3d;
    position: absolute;
    left: 0
}

#index-container .hot-content-contanier {
    margin-top: .48rem;
    padding: 0 .32rem
}

#index-container .hot-content-contanier .title {
    font-size: .32rem;
    font-weight: 700;
    margin-bottom: .28rem
}


.msgbox-fade-enter-active {
    -webkit-animation: msgbox-fade-in .3s;
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    -webkit-animation: msgbox-fade-out .3s;
    animation: msgbox-fade-out .3s
}

@-webkit-keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-in {
    0% {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@keyframes msgbox-fade-out {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}


.slideInLeft-transition,.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    -webkit-animation: slideInRight-enter .3s;
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInRight-leave .3s;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    -webkit-animation: slideInLeft-enter .3s;
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-animation: slideInLeft-leave .3s;
    animation: slideInLeft-leave .3s
}

@-webkit-keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@-webkit-keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}


@-webkit-keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}


body{
    max-width:750px;
    margin:0 auto;
}



.lists{
    display: flex;
    /*align-items: center;*/
    margin-bottom: 20px;
}
.lists-l{
    display: block;
    width: 100px;
    height: 80px;
    flex-shrink: 0;
}
.lists-r{
    padding: 0px 0 0 15px;
}
.lists-r p{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    margin: 10px 0 10px 0;
}
.lists-r span{
    color: #999;
    font-size: 14px;
}
.lists-r-t{
    font-size: 18px;
}



.menus{display:block;width:25px;height:25px;top:12px;right:12.5px;background:url(../images/menu.png) no-repeat;background-size:25px 25px;margin:  0 6px 0 0}
.menuwrap{width:100%;background:#fff;top:50px;z-index:99999;padding-bottom:10px;max-width: 750px}
.menuwrapmain{overflow:auto;height:95vh;}
.menuwrapmain .as{background:#eee;float:left;width:23%;margin:3px 1%;font-size:14px;text-align:center;line-height:26px;height:26px;border-radius:2px;}
.menuwrapmain a.cul{width:48%;margin:3px 1%;font-size:16px;text-align:center;line-height:32px;height:32px;border-radius:2px;}
.menuwrapmain h3{font-size:18px;line-height:30px;height:30px;padding-left:10px;margin:15px 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.pos-a{position:absolute;;}


.topnavs{
    display: flex;
    align-items: center;
    overflow-x: auto;
    border-bottom:  1px solid #eee;

}
.topnavs a{
    display: block;
    padding: 10px 10px;
    font-size: 17px;
    flex-shrink: 0;
}

::-webkit-scrollbar{
    display:none;
}




.footer{
    padding:20px 0;
    background-color:#333333;
    color:#fff;
    text-align:center;
    font-size: 14px;
}

.footer a{
    color:#fff;
}



.row1{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 1!important;-webkit-box-orient: vertical;
}
.row2{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.row3{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.row4{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.row5{
    word-break: break-word!important;
    overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}



.pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*background: #fff;*/
    padding: 0 0.3rem;
}
.pagination li{
    list-style: none;
    background: none;
}
.pagination li a{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    background: #e3e3e3;
    color: #333;
    font-size: 14px;
    position: relative;
    padding: 5px 10px;
    border: none;
    height: auto;
}
.pagination span{
    margin: 14px 5px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 4px;
    height: auto;
}

.pagination li:last-child a{
    background: #e3e3e3;
    color: #333;
}
.pagination li:first-child a{
    background: #e3e3e3;
    color: #333;
}
.disabled span{
    background: #e3e3e3;
    color: #333;
}
.pagination .active span{
    background: #dd3d3d;
    color: #fff;
}

.selhover{
    color: #fff!important;
    background-color: #dd3d3d;
}
.listnav{
    display: flex ;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*margin-bottom: 0.2rem;*/
    /*background: #fff;*/
    /*padding-left: 20px;*/

}
.listnav a{
    display: block;
    padding: 5px 10px;
    color: #222;
    margin: 5px 0;
    border-radius: 4px;
    font-size: 20px;
}