/*@import url('//at.alicdn.com/t/c/font_4834009_8pir7ew22i5.css');*/
body,html{font:12px/1.5 PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;word-wrap:break-word;word-break:break-word;background:#f2f3f5}
.margin-right-2{margin-right: 2px;}
.article-content-left-nav{position: relative;width:200px;float:left;}
.article-content-center{width:760px!important;float:left}
.article-content-right{width:300px!important;float:right;position: sticky; top: 0;}
.article-wrapper{
    position: relative;
}
.article-content-left-nav .left-nav{
    width:200px;
    background: url(../images/tab-bd-bg.png) left bottom no-repeat;
    box-shadow: 0 2px 20px 0 rgb(0, 0, 0, .05);
    border-radius: 5px;
    background-image: -webkit-linear-gradient(top, #e7effd 0, #fff 30%);
    background-image: linear-gradient(180deg, #e7effd 0, #fff 30%);
}
.article-content-left-nav .left-nav::before {
    content: '';
    display: block;
    width: 70px;
    height: 60px;
    background-image: -webkit-linear-gradient(45deg,rgba(253,246,244,0) 13%,#ddeaff 98%);
    background-image: linear-gradient(45deg,rgba(253,246,244,0) 13%,#ddeaff 98%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 0 100% 0;
}
.article-content-left-nav .left-nav h2 {
    padding-top: 20px;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
}

.article-wrapper-content{
    width:970px!important;float:left;
}
.article-content-detail{width: 100%;padding:0 38px 20px 38px;}
.breadcrumb a,.breadcrumb a:after{color: #aaaeb3 !important}
.no-select{-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.dock-nav-list{position:relative;width: 200px;display: flex;flex-direction: column;padding: 10px 10px;}
.dock-nav-list .nav-item{max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:15px;padding:0 15px;border-radius:3px;transition:background-color .2s,color .2s;color:#515767}
.dock-nav-list .nav-item.active{background-color:#eaf2ff;color:#007fff}
.dock-nav-list .nav-item.active>a{color:#007fff;font-weight:700}
.dock-nav-list .nav-item a{display:flex;align-items:center}
.dock-nav-list .nav-item a:hover{color: #3b82f6;font-weight: 700;}
.dock-nav-list .nav-item .xm-title{margin-left:10px}
.dock-nav-list .nav-item a svg{fill:#8a919f;transition:fill .3s}
.dock-nav-list .nav-item.active>a svg,.dock-nav-list .nav-item:hover>a svg{fill:#007fff}
.dock-nav-list .nav-item img{width:18px;height:18px}
.dock-nav-list .nav-item:not(:first-child){margin-top:10px}
.dock-nav-list .nav-item:not(.active):hover{background-color:hsla(0,0%,94.9%,.6)}
.dock-nav-list .nav-item-line{height:12px;line-height:12px;padding-top:10px}
.dock-nav-list .divider{display:block;content:"";width:150px;height:1px;background:rgba(92,96,102,.1)}
.banbox{width:100%;height:280px;overflow:hidden}
.banbox .slide{position:relative;width:100%;height:280px;-webkit-border-radius:3px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;float:left}
.banbox .slide li img{display:block;width:100%;height:325px;background:#eaeaea}
.banbox .slide .caption{position:absolute;top:0;right:0;left:0;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-image:linear-gradient(180deg,rgba(0,0,0,0) 190px,rgba(0,0,0,.6) 100%)}
.banbox .slide ul{position:relative;margin:0;height:100%;list-style:none;padding:0;overflow:hidden}
.banbox .slide ul li{position:relative;float:left;line-height:30px}
.banbox .slide .caption p{position:absolute;bottom:10px;left:10px;padding:0 20px;width:505px;color:#fff;font-size:16px;font-weight:600;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.banbox .slide .next,.banbox .slide .prev{display:none;position:absolute;left:15px;top:50%;margin-top:-30px;width:40px;height:60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:rgba(0,0,0,.5) url(../images/icon_left.png) no-repeat center center;z-index:99}
.banbox .slide .next{left:auto;right:15px;background-image:url(../images/icon_right.png)}
.banbox .slide:hover .next,.banbox .slide:hover .prev{display:block}
.banbox .slide .num_list{position:absolute;right:20px;bottom:15px;width:auto;height:6px;background:0 0}
.banbox .slide .num_list li{float:left;display:block;margin-left:8px;width:6px;height:6px;font-size:0;background-color:rgba(255,255,255,.5);cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-transition:width .3s ease-in;-webkit-transition:width .3s ease-in;-o-transition:width .3s ease-in;transition:width .3s ease-in}
.banbox .slide .num_list .on{float:left;display:block;margin-left:8px;width:20px;height:6px;font-size:0;background-color:#fff;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.tuijian_card{background:#fff;border:0;margin-top:10px;-webkit-box-shadow:0 2px 20px 0 rgb(0,0,0,.05);box-shadow:0 2px 20px 0 rgb(0,0,0,.05);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tuijian_card .title_hd{position:relative;line-height:52px;margin:0 15px;color:#333;font-size:16px;font-weight:700;border-bottom:1px solid #edeff2}
.tuijian_card .card_ct{padding-bottom:20px}
.tuijian_card .card_ct ul{padding-bottom:15px}
.tuijian_card .card_ct li{float:left;width:350px;overflow:hidden;margin:15px 0 0 15px}
.tuijian_card .card_ct li .pic{float:left;width:130px;height:90px;margin-right:12px;overflow:hidden;border-radius:4px}
.tuijian_card .card_ct li .pic img{width:130px;height:90px;object-fit:cover;transition:transform .5s ease}
.tuijian_card .card_ct li .pic img:hover{transform:scale(1.1)}
.tuijian_card .card_ct li .content{position:relative;height:90px;overflow:hidden}
.tuijian_card .card_ct li .content .y_title{font-size:15px;line-height:25px;max-height:50px;margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;color:#323232}
.tuijian_card .card_ct li .content .y_title a:hover{color:#1a85ff}
.tuijian_card .card_ct li .content .info span{margin-right:12px;color:#aaaeb3}
.tuijian_card .card_ct li .content .info span.viem,.tuijian_card .card_ct li .content .info span.zan{float:right;color:#aaaeb3;display:flex}
.tuijian_card .card_ct li .content .info span.viem i,.tuijian_card .card_ct li .content .info span.zan i{top:-1px;margin-right:5px;font-size:13px;vertical-align:middle}
.load_more_btn{display:block;font-size:14px;text-align:center;padding:20px 20px}
.post_loading{min-height:174px}
.post_loading .content{overflow:hidden}
.post_loading .content .title{margin:0 0 15px;width:50%;height:20px;background:#eaeaea}
.post_loading .content .txt{margin:0 0 10px;width:100%;height:16px;background:#eaeaea;animation:loading 1s ease-in-out infinite}
.post_loading .content .animation-delay{animation:loading 1s ease-in-out -.5s infinite}
.post_loading .img{-webkit-border-radius:4px;-moz-border-radius:4px;float:left;margin:0 15px 0 0;width:200px;height:134px;border-radius:4px;background-color:rgba(240,243,245,.966)}
.post_loading .meta .avatar{margin-right:8px;width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#eaeaea}
.post_loading .meta .middle,.post_loading .meta .small{margin-top:3px;width:50px;height:16px;background:#eaeaea}
.post_loading .meta .small{width:36px}
.post_loading .meta .viewnum{width:20px;height:16px;margin-right:3px;margin-top:3px;background-color:#eaeaea;border-radius:60%}
.post_loading .meta .replynum{width:20px;height:16px;margin-right:3px;margin-top:3px;background-color:#eaeaea;border-radius:60%}
.post_loadmore{margin:0 auto 10px;width:200px;height:36px;line-height:36px;border:1px solid #e0e1e2;color:#666;cursor:pointer;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}
.post_loadmore:hover{color:#333;border-color:#b2b3b3}
.no_more_btn {
    margin: 10px 0;
    height: 50px;
    line-height: 50px;
    color: #999;
    text-align: center;
    font-size: 14px;
}
.news-list .title_hd{
    position: relative;
    line-height: 52px;
    margin: 0 15px;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #edeff2;
}
/* .news-list ul .item{min-height:174px;border-bottom:1px solid #e8e8e8;cursor:default} */
.news-list ul .item{border-bottom:1px solid #e8e8e8;cursor:default}
/* .news-list ul .item .item-content{height:100%;overflow:hidden;padding:20px;} */
.news-list ul .item .item-content{height:100%;padding:5px;}
.news-list ul .item .item-content .left-wrap{position:relative;width:200px;height:134px;float:left;border-radius:4px;background-color:rgba(240,243,245,.966);overflow:hidden}
.news-list ul .item .item-content .left-wrap img{object-fit: cover;width:100%;height:134px;transition:transform .5s ease}
.news-list ul .item .item-content .left-wrap img:hover{transform:scale(1.1)}
/* .news-list ul .item .item-content .right-wrap{position:relative;height:134px;float:left;width: 100%;} */
.news-list ul .item .item-content .right-wrap{width: 100%;}
/* .news-list ul .item .item-content .right-wrap-img{width:calc(100% - 220px);float: right;} */
.news-list ul .item .item-content .right-wrap-img{width:calc(100% - 220px);}
.news-list ul .item .item-content .right-wrap .title-wrap .title{display:block;overflow:hidden;height:auto;max-height:56px;font-size:18px;font-weight:700;color:#18191a;line-height:28px;cursor:pointer;padding:0;text-overflow:ellipsis;white-space:nowrap;position:relative}
.news-list ul .item .item-content .right-wrap .title-wrap .title:hover{color:#1a85ff}
.news-list ul .item .item-content .right-wrap .desc-wrap{margin-top:12px}
.news-list ul .item .item-content .right-wrap .desc-wrap .desc{max-height:40px;overflow:hidden;font-size:14px;font-weight:400;color:#797c80;line-height:20px}
/* .news-list ul .item .item-content .right-wrap .item-info{position:absolute;bottom:0;height:24px;width:100%;font-size:12px;font-weight:400;line-height:24px;color:#aaaeb3}
.news-list ul .item .item-content .right-wrap .item-info .left .avatar{overflow:hidden;border-radius:50%;display:inline-block;background-color:#f5f6f7} */
.news-list ul .item .item-content .right-wrap .item-info{bottom:0;height:24px;width:100%;font-size:12px;font-weight:400;line-height:24px;color:#aaaeb3}
.news-list ul .item .item-content .right-wrap .item-info .left .avatar{border-radius:50%;display:inline-block;background-color:#f5f6f7}
.pointer[data-v-233fb7ac]{cursor:pointer}
.news-list ul .item .item-content .right-wrap .item-info .left .avatar.min{width:24px;height:24px}
.news-list ul .item .item-content .right-wrap .item-info .left .avatar.min img{width:24px;height:24px}
.news-list ul .item .item-content .right-wrap .item-info .left .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.news-list ul .item .item-content .right-wrap .item-info .time{vertical-align:top;margin-left:24px}
.news-list ul .item .item-content .right-wrap .item-info .right{display:flex;float:right}
.news-list ul .item .item-content .right-wrap .item-info .name{vertical-align:top;margin-right:8px}
.news-list ul .item .item-content .right-wrap .item-info .right .r-item{display:flex;align-items:center;margin-left:24px}
.news-list ul .item .item-content .right-wrap .item-info .right .r-item .news-icon{margin-right: 3px;}
.lazy{background:#f5f5f5 url(../../images/lazy.png) 50% no-repeat;background-size: 30%;}
.lazy-error{background:#f5f5f5 url(../../images/lazy-error.png) 50% no-repeat;background-size: 30%;}
.article-content-right .article-content-module{background:#ffffff;padding:18px 15px;width: 300px;}
.article-content-right .article-content-module .common-module-header{align-items:center;display:flex;justify-content:space-between}
.article-content-right .article-content-module .common-module-header .hot-article-tabs{align-items:center;color:#b8b8b8;cursor:pointer;display:flex;font-size:13px;font-weight:400;line-height:16px;transition:all .2s ease-out}
.article-content-right .article-content-module .common-module-header .hot-article-tabs{margin-left:10px}
.article-content-right .article-content-module .common-module-header .hot-article-tabs .hot-article-tab{margin-left:10px}
.article-content-right .article-content-module .common-module-header .hot-article-tabs .on{color:#3b82f6;display:flex;font-size:13px;font-weight:600;justify-content:center;line-height:16px;position:relative}
.article-content-right .article-content-module .common-module-header .hot-article-tabs .on:after{--tw-bg-opacity:1;background-color:rgba(59,130,246,var(--tw-bg-opacity));border-radius:20px;bottom:-18px;content:"";height:3px;position:absolute;width:16px}
.article-content-right .article-content-module .common-module-header .common-module-header__left{display:flex;align-items: center;}
.article-content-right .article-content-module .common-module-header .common-module-header__left .news-icon{font-size: 22px;}


.news-icon-fenlei{
    height: 22px;
    width: 22px;
    background: url(../images/icon/fenlei.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-wendang{
    height: 22px;
    width: 22px;
    background: url(../images/icon/wendang.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-renhuo{
    height: 22px;
    width: 22px;
    background: url(../images/icon/re.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-paihang{
    height: 22px;
    width: 22px;
    background: url(../images/icon/paihang.svg) no-repeat left center;
    background-size: contain;
}

.news-icon-wenjian{
    height: 22px;
    width: 22px;
    background: url(../images/icon/wenjian.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-biaoqian{
    height: 22px;
    width: 22px;
    background: url(../images/icon/biaoqian.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-zan{
    height: 22px;
    width: 22px;
    background: url(../images/icon/zan.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-pinglun{
    height: 22px;
    width: 22px;
    background: url(../images/icon/pinglun.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-shoucang{
    height: 22px;
    width: 22px;
    background: url(../images/icon/shoucang.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-zhuanfa{
    height: 22px;
    width: 22px;
    background: url(../images/icon/zhuanfa.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-fuzhi{
    height: 22px;
    width: 22px;
    background: url(../images/icon/fuzhi.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-xiazai{
    height: 22px;
    width: 22px;
    background: url(../images/icon/xiazai.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-jia{
    height: 18px;
    width: 18px;
    background: url(../images/icon/jia.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-zimua{
    height: 18px;
    width: 18px;
    background: url(../images/zimua.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-jian{
    height: 18px;
    width: 18px;
    background: url(../images/jian.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-dianzan{
    height: 16px;
    width: 16px;
    background: url(../images/dianzan.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-liulan{
    height: 16px;
    width: 16px;
    background: url(../images/liulan.svg) no-repeat left center;
    background-size: contain;
}
.news-icon-youjiantou{
    height: 12px;
    width: 12px;
    background: url(../images/youjiantou.svg) no-repeat left center;
    background-size: contain;
}
.article-content-right .article-content-module .common-module-header .common-module-header__left .common-title-text{color:#333;font-size:16px;font-weight:700;line-height:24px;margin-left:6px}
.article-content-right .article-content-module .common-module-header .right-more {
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    color: #8c8c8c;
    transition: all .2s ease-out;
}
.article-content-right .article-content-module .common-module-header .right-more i.news-icon-right{display: inline-block;font-size: 14px;color: #B8B8B8;}
.article-content-right .article-content-module .common-module-header .right-more:hover{color: #3b82f6;}
.article-content-right .article-content-module .common-module-header .right-more:hover i.news-icon-right{color: #3b82f6;}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box{margin-top:15px;overflow:hidden;position:relative}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message{display:flex;margin-bottom:12px;max-height:60px;width:100%}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message:last-child{margin-bottom: 0}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-quick-left{background:linear-gradient(50deg,#2b99ff,#5a6aff);border-radius:9999px;height:6px;margin-right:12px;margin-top:6px;opacity:.5;width:6px}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-quick-right{display:flex;flex:1;flex-direction:column;font-family:Microsoft YaHei}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#323232;display:-webkit-box;font-size:14px;letter-spacing:0;line-height:20px;margin-bottom:4px;max-height:40px;max-width:238px;overflow:hidden;text-align:left;text-overflow:ellipsis}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message:hover .ugc-quick-item-name{color:#3b82f6}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-time{color:#b8b8b8;font-size:12px;height:16px}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-heat-feedback{align-items:center;display:flex;flex-direction:column;margin-left:8px;width:31px}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-heat-feedback .hot{font-size: 14px;}
.article-content-right .article-content-module .ugc-quick-module .ugc-quick-box .ugc-quick-container .ugc-quick-message .ugc-heat-feedback .ugc-heat-feedback-number{color:#8c8c8c;font-family:Microsoft YaHei;font-size:11px;font-weight:600}
.article-content-module .hot-article-underline{border-bottom:1px solid #edeff2;margin-top:14px;width:100%}
.ff{flex-direction:column}
.article-content-module .article_wrapper{margin-bottom:12px;position:relative;display:flex;align-items:center}
.article-content-module .article_wrapper:last-child{margin-bottom: 0}
.article-content-module .article_wrapper .article_div{border-radius:4px;flex:none;margin-right:10px;overflow:hidden;height:64px;width:108px}
.article-content-module .article_wrapper .article_div img{object-fit: cover;transition:transform .2s ease-out;width:100%;height:100%}
.article-content-module .article_wrapper .article_div img:hover{transform:scale(1.1)}
.article-content-module .article_wrapper .article_tit{float:left;width:260px;display:flex;flex-direction:column;justify-content:space-between;height:65px}
.article-content-module .article_wrapper .aside-hot-article-title{width:100%;--tw-text-opacity:1;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgba(50,50,50,var(--tw-text-opacity));display:-webkit-box;font-family:Microsoft YaHei;font-size:14px;line-height:1;line-height:22px;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out;justify-content:center;align-items:center}
.article-content-module  .article_wrapper .aside-hot-article-title:hover{color:#3b82f6}
.article-content-module  .article_wrapper .article_tit .article_time{word-wrap:break-word;color:#b8b8b8;font-family:Microsoft YaHei;font-size:12px;font-weight:400}
.article-content-module  .article_wrapper .subscript{--tw-text-opacity:1;top:1px!important;background:rgba(0,0,0,.3);border-bottom-right-radius:4px;border-top-left-radius:4px;font-weight:600;text-align:center;position:absolute;height:18px;width:20px;font-size:12px;line-height:1;padding-top:3px;left:0;color:rgba(255,255,255,var(--tw-text-opacity))}
.article-content-module  .article_wrapper .article-num{font-size:16px;font-weight:800;color:#b8b8b8;transition:all .2s ease-out;margin-right:10px;width:25px}
.article-content-module  .article_wrapper:hover .article-num{color:#3b82f6}


.hot-report-item {
    padding: 2px 0;
    display: flex;
    margin-bottom: 15px;
    max-height: 60px;
}
.hot-report-item:last-child{margin-bottom: 0;}
.hot-report-item .item{
    align-items: center;
    display: flex;
    font-family: Microsoft YaHei;
    height: 50px;
    justify-content: flex-start;
}
.hot-report-item .item:hover .report-info-title{
    color:#3b82f6;
}
.hot-report-item .item .dot{background:linear-gradient(50deg,#2b99ff,#5a6aff);border-radius:9999px;height:6px;margin-right:12px;margin-top:6px;opacity:.5;width:6px}
.hot-report-item .item .report-info{display:flex;flex:1;flex-direction:column;font-family:Microsoft YaHei}
.hot-report-item .item-2{
    align-items: center;
    display: flex;
    font-family: Microsoft YaHei;
    height: 32px;
    justify-content: flex-start;
}
.hot-report-item .item-2:hover .report-info-title{
    color:#3b82f6;
}
.hot-report-item .report-info .report-info-title {
    --tw-text-opacity: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: rgba(50,50,50,var(--tw-text-opacity));
    display: block;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.hot-report-item .report-info .report-info-time {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}
.hot-report-item .report-index {
    align-items: center;
    display: flex;
    flex: none;
    height: 100%;
    justify-content: center;
    margin-right: 3px;
    width: 20px;
}
.hot-report-item .report-index {
    align-items: center;
    display: flex;
    flex: none;
    height: 100%;
    justify-content: center;
    margin-right: 3px;
    width: 32px;
}
.article-content-module .hot-report-item .article-num{font-size:15px;font-weight:800;color:#b8b8b8;margin-right:3px;}
.article-content-module .hot-report-item:nth-child(1) .article-num{color: rgb(253, 91, 118);}
.article-content-module .hot-report-item:nth-child(2) .article-num{color: rgb(255, 163, 66);}
.article-content-module .hot-report-item:nth-child(3) .article-num{color: rgb(129, 140, 248);}


.category-list {
    padding: 0 15px 15px 0;
}

.category-list li {
    display: block;
    float: left;
    height: 42px;
    overflow: hidden;
}

.category-list li a {
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 6px 3px;
    padding: 0 13px;
    font-size: 14px;
    background: #F9f9f9;
    overflow: hidden;
    border-radius: 8px;
    transform: skew(-10deg);
}

.category-list li a:hover {
    background-color: #f2fbf6;
    color: #3b82f6;
    font-weight: 700;
}


.tag-list {
    text-align: center;
    font-size: 14px;
}
.tag-list a {
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #8590A6;
    background-color: #F5F5F5;
    padding: 0 5px;
    border-radius: 2px;
    margin-right: 12px;
    margin-bottom: 12px;
}
.tag-list a:hover{color: #555666;}
.article-content-list{width:970px!important;float:left}


.article-content-list .por-head{
    padding: 20px;
    border-bottom: 1px solid #eeeeee;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.article-content-list .por-head .news-icon{
    font-size: 24px;
    margin-right: 5px;
}
.article-content-list .por-head .head-title {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    display: flex;
    align-items: center;
}
/*内容*/
.article-content-detail .article-content-title{
    height: auto !important;
    line-height: 32px;
    padding-top: 10px;
    border: 0;
    border-bottom: none;
}
.article-content-detail .article-content-title h1 {
    font-size: 28px;
    color: #18191a;
    font-weight: bold;
    max-width: 100%;
    overflow: hidden;
    line-height: 45px;
    padding: 30px 0;
    text-align: center;
}
.article-content-detail .info{
    border-bottom: 0;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #edeff2;
}
.article-content-detail .info .meta{
    display: flex;
    float: left;
    font-family: -apple-system,sans-serif,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial;
}
.article-content-detail .info .meta .entry-category a{
    text-align: center;
    background: rgba(2, 86, 255, .07);
    font-size: 14px;
    color: #2a7efb;
    padding: 3px 8px;
    border-radius: 8px;
    display: inline-block;
    margin-right: 6px;
    transform: skew(-10deg);
}

.article-content-detail .info .meta .me-item {
    display: flex;
    align-items: center;
    margin-right: 24px;
}
.article-content-detail .info .meta .me-item .news-icon-liulan{margin-right: 3px;}
.article-content-detail .info .controls {
    margin-right: 0;
    float: right;
    font-size: 14px;
    color: #7e7e7e;
    background-color: #acb1b71a;
    display: inline-block;
    padding: 2px 7px;
    line-height: 20px;
    font-weight: 400;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: 24px;
}
.article-content-detail .info .controls i {
    cursor: pointer;
    transition: background-color .3s;
}
.article-content-detail .info .controls i.icon-zimua{font-size: 18px;}
.article-content-detail .info .controls i.icon-jian,.article-content-detail .info .controls i.icon-jia{font-size: 14px;}
.article-content-detail .info span{
    margin: 0 10px 0 0;
    color: rgba(137, 148, 169, 1);
    font-size: 14px;
}



.article-content-detail .pcontent{
    padding: 10px 0;
    font-size: 16px;
    position: relative;
    overflow: hidden;
}

.article-content-detail .pcontent:after,.article-content-detail .pcontent:before {
    display: table;
    content: "";
    clear: both;
}

.article-content-detail .tip {position:relative;background: #f3f6fb;border-radius:6px;margin-bottom:25px;transition:.5s;}
.article-content-detail .tip >p {font-size:12px;color:#8d8f96;margin:5px 0;padding:10px;}



.page-content a{color:#3b82f6;display:inline-block;border-bottom:1px dashed #90a2f8;padding-bottom:.13rem}
.page-content a:hover{color:#90a2f8}
.page-content img{margin-bottom:10px;max-width:100%;border-radius:5px}
.page-content h1,.page-content h2,.page-content h3,.page-content h4,.page-content h5,.page-content h6{font-weight:700;margin-bottom:25px;line-height:1.35}
.page-content h1{font-size:26px}
.page-content h2{font-size:22px}
.page-content h3{font-size:18px}
.page-content h4{font-size:16px}
.page-content h5,.page-content h6{font-size:14px}
.page-content p{letter-spacing:.5px;margin-bottom:28px;text-align:justify;color:#3b3b3b;word-break:break-word;line-height:32px}
.page-content blockquote p,.page-content code p,.page-content form p,.page-content table p{text-indent:0}
.page-content ol,.page-content ul{margin:0 0 25px 0}
.page-content ol ol,.page-content ol ul,.page-content ul ol,.page-content ul ul{margin:8px 0 0 25px}
.page-content ul li{list-style:none;margin:0 0 10px 0;padding-left:18px;position:relative}
.page-content ul li:hover:before{color:#333}
.page-content ul li:before{border-radius:3px;background-color:#ccc;content:" ";display:inline-block;width:6px;height:6px;position:absolute;left:0;top:10px}
.page-content ul li ul li{list-style:none}
.page-content ol li{list-style:inside decimal;margin:0 0 10px 0}
.page-content select{padding:0 5px}
.page-content select:active,.page-content select:focus{outline:0}
.page-content dl{margin-bottom:20px}
.page-content fieldset{border:1px solid #e9e9e9;margin:0 2px 20px 2px;padding:.35em .625em .75em}
.page-content input[type=radio]{-webkit-appearance:radio}
.page-content input[type=checkbox]{-webkit-appearance:checkbox}
.page-content ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
.page-content table{margin-bottom:20px}
.page-content table{border-collapse:collapse;width:100%;margin-bottom:20px}
.page-content thead{border:1px solid #ccc}
.page-content table th{border-collapse:collapse;padding:0 12px;color:#666;background:#fafafa;height:42px;font-weight:800}
.page-content table th:last-child{text-align:right}
.page-content table td{border-collapse:collapse;border:1px solid #ccc!important;padding:10px 12px;color:#666;font-weight:400;text-align:left;word-break:break-all;max-width:300px;font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"}
.page-content table tr:hover td{background:#f6f7f8}
.page-content table td img{max-width:300px;background:#f9f9f9;border-radius:5px}
.page-content select{border:1px solid #e9e9e9;font-size:1em;-webkit-border-radius:3px;border-radius:3px;height:2em;max-width:100%;-webkit-appearance:menulist}
.page-content input[type=email],.page-content input[type=password],.page-content input[type=search],.page-content input[type=text],.page-content input[type=url]{width:300px}
.page-content input[type=file]{border:none}
.page-content textarea{width:100%;height:200px}
.page-content blockquote{position:relative;color:#999;font-weight:400;border:0;margin:0;padding:10px 20px;display:block;background:#f7f7f7;border-radius:2px;margin-bottom:20px;position:relative;z-index:0}
.page-content blockquote:before{content:"";display:block;width:65px;height:42px;position:absolute;background:url(../../images/big-left.png) 0 0 no-repeat;top:0;left:0;background-size:100%;z-index:-1}
.page-content blockquote:after{content:"";display:block;width:22px;height:17px;position:absolute;background:url(../../images/small-right.png) 0 0 no-repeat;right:15px;bottom:5px;background-size:100%;z-index:-1}
.page-content blockquote p{font-size:16px;color:#999;padding:0;margin-bottom:10px}
.page-content blockquote p strong{color:#999;background:0 0}
.page-content blockquote p:last-child{margin:0}
.page-content blockquote p a{color:#999;border-bottom:1px dashed #999}
/*内容标签*/
.article-content-detail .content-tag-list a{height:24px;line-height:22px;text-align:center;background:#f5f5f5;border-radius:2px;font-size:14px;color:#8590a6;padding:0 5px;display:inline-block;margin-right:12px}
.article-content-detail .content-tag-list a:hover{color:#555666}
/*上一篇 | 下一篇*/
.article-content-detail .prev-next{margin-top:20px;border-top:1px solid #ededed;padding-top:20px}
.article-content-detail .prev-next .post-next,.article-content-detail .prev-next .post-prev{width:46%;color:#999;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-content-detail .prev-next .post-next{text-align:right}
.article-content-detail .prev-next .next,.article-content-detail .prev-next .prev{display:block;font-size:14px}
.article-content-detail .prev-next .post-next .cts,.article-content-detail .prev-next .post-prev .cts{display:block;font-size:14px;line-height:32px;height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-content-detail .prev-next .cts a:hover{color:#007bff}
/*内容目录*/
.article-directory{border:1px solid #ddd;background:#f8f8f8;line-height:160%;max-width:300px;font-size:14px;position:relative;margin:0 0 10px 10px;float:right;min-width:160px;z-index:999999;

display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 520px;
}
.directory-title{    color: #3d3d3d;
    background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ddd));
    background: linear-gradient(#efefef, #ddd);
    background-size: 300px 38px;
    padding: 0 16px;
    height: 38px;
    line-height: 38px;font-weight: 700;
    font-size:16px;
}
.directory-toggle{font-size:14px;cursor:pointer;height: 38px;
    line-height: 38px;float: right;font-weight:normal;}
.pcontent  .directory-wrapper{padding: 10px 16px;overflow: auto;scrollbar-width: thin;}
.pcontent  .directory-wrapper::-webkit-scrollbar {
    width: 3px;
    height: 100px;
}
.pcontent  .directory-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(153, 154, 170, 0.3);
    border-radius: 2px;
}
.pcontent .article-directory ol{margin:0;padding-left:15px;padding-bottom:0;line-height:20px}
.pcontent .article-directory ol li{list-style:none;color:#747474;margin-top: 10px;}
.article-directory.hidden{display:none!important}
.article-directory ol li a{color:#747474}
.article-directory ol li a:hover{color:#007bff}
.article-directory ol li a.current{color:#007bff;font-weight:600}
.directory-fixed{position:fixed;float:right;right:20px;top:80px;background-color:#fff;border-radius:5px;z-index:999999}
/*公告*/
.notice-box{width: 200px;}
.notice-box-title h3 {
  background: none;
  margin: 0 20px -15px;
  padding: 0;
  font-size: 16px;
  font-weight: 600;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
}
.notice-box-list ul {
  padding: 10px 20px
}

.notice-box-list ul li {
  height: 34px;
  line-height: 34px;
  width: 160px;
  color: #262626;
  font-size: 14px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.notice-box-list ul li a:before {
  content: "\e634";
  font-family: iconfont;
  font-size: 12px;
  color: #a8abad;
  float: left;
  margin-right: 3px;
}
.notice-box-list ul li a:hover{color:#1a85ff}
/*更多阅读*/
.news-more{padding:20px 20px}
.news-more-title{width:100%}
.news-more-title h3{font-weight:700;font-size:16px;display:inline-block}
.news-more-title .right-more{display:inline-block;font-size:14px;color:#8c8c8c;float:right}
.news-more-title .right-more i.news-icon-right{display:inline-block;font-size:14px;color:#8c8c8c}
.news-more-title .right-more:hover,.news-more-title .right-more:hover i.news-icon-right{color:#3b82f6}
.news-more .news-more-underline{border-bottom:1px solid #edeff2;margin-top:14px;width:100%}
.news-more-list{margin-top:20px}
.news-more-list .more-text{margin-bottom:16px;height:22px;line-height:22px;float:left;width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.news-more-list .more-text::before{content:"·";margin-right:10px}
.news-more-list .more-text a:hover{color:#3b82f6}
/*付费阅读*/
.hide-article-box{width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff));background-image:linear-gradient(-180deg,rgba(255,255,255,0) 0,#fff 70%);position:relative;z-index:2;padding-top:160px;margin-top:-160px;margin-bottom:35px}
.hide-article-box .column-mask{text-align:center}
.hide-article-box .column-mask .column_coupon_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:16px;display:none}
.hide-article-box .column-mask .lock-text{-webkit-box-shadow:0 2px 4px 0 rgba(252,85,49,.2);box-shadow:0 2px 4px 0 rgba(252,85,49,.2);border-radius:50px;border:1px solid #fc5531;font-size:14px;font-weight:700;color:#fc5531;line-height:40px;text-align:center;position:relative;padding:4px 20px;display:flex;width:300px;align-items:center;margin:0 auto}
.hide-article-box .column-mask .lock-text:hover{background:rgba(252,85,49,.1)}
.hide-article-box .column-mask .lock-text .icon-suozi{height:18px;width:18px;margin-right: 3px;background:url(../images/icon/suozi.svg) no-repeat left center;background-size:contain;display: inline-block;}
.hide-article-box .column-mask .lock-text .btn-tag{position:absolute;right:-36px;bottom:32px;text-align:center;color:#e7d0b5;display:inline-block;padding:0 10px;position:absolute;right:-80px;top:-12px;height:20px;font-size:12px;line-height:20px;border-radius:20px 20px 20px 0;z-index:3;background:#5f6071}
/*付费下载*/
.download_word{position:relative;margin-bottom:20px}
.download_word .download_card{border:1px solid #e7edff;position:relative;padding:20px;display:flex;cursor:pointer;border-radius:5px;background:linear-gradient(313deg,#e9efff,#fff)}
.download_word .download_card_content{width: 650px;padding-right:20px;padding-left:90px;height:80px;background:url(../images/word.svg) no-repeat left center;background-size:contain}
.download_word .download_card_content h4{font-size:22px;color:#3b3b3b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis}
.download_word:hover .download_card_content h4{color:#3b82f6}
.download_word .download_card_content .download_card_msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px;line-height:25px;font-size:14px;margin-top:5px;color:#999;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out}
.download_word .download_card .download_card_btn{position:relative;width: 205px;font-size:20px;color:#fff;padding-left:60px;padding-top:14px;font-weight:700;border-radius:6px;cursor:pointer;background:linear-gradient(90deg,#54a1ff 0,#3b86ff 100%);}
.download_word .download_card .download_card_btn:hover{background:linear-gradient(90deg,#54a1ff 100%,#3b86ff 0)}
.download_word .download_card .download_card_btn .downlod_icon{width:35px;height:35px;top:22px;display:block;background:url(../images/down.svg) no-repeat left center;background-size:contain;position:absolute;left:14px}
.download_word .download_card .download_card_btn span{margin:2px 0;font-size:14px;display:block;font-weight:400}
/*内容分页*/
.contentpage{text-align:center;margin-top:30px;margin-bottom:30px}
.contentpage a{padding:5px 12px;margin:0 4px;background:#fff;border:1px solid #dbdbdb;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#333}
.contentpage a:hover{background-color:#1a85ff;color:#fff!important;border:1px solid #1a85ff}
.contentpage .current{background-color:#1a85ff;color:#fff;border:1px solid #1a85ff}
.contentpage .disabled{border:#eee 1px solid;margin:2px;color:#ccc;background-color:#fff}
.contentpage .current,.contentpage .disabled{line-height:20px;margin:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
/*左侧工具栏*/
.toolbar_box{position:fixed;top:145px;margin-left:-106px;z-index: 3;}
.toolbar_box a:hover{color:#3b82f6}
.toolbar_box .cir{cursor: pointer;background-color:#fff;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.05);width:48px;height:48px;display:flex;justify-content:center;align-items:center;position:relative}
.toolbar_box .cirnum:after{content:attr(badge);position:absolute;top:0;left:75%;padding:0 5px;font-size:12px;text-align:center;line-height:20px;white-space:nowrap;color:#fff;background-color:#c2c8d1;border-radius:12px;transform-origin:left top;transform:scale(.75);height:20px;display:block}
.toolbar_box i{display: inline-block;}
.toolbar_box p{text-align:center;margin-top:5px}
.toolbar_box .tit{line-height: 32px;text-align: center;}
.toolbar_box .tool_share{position: relative;}
.fix-hot{position:fixed;right:calc((100% - 1140px)/ 2);top:80px;z-index:100;width:300px}
/*分享*/
.shareListPop{box-sizing:border-box;width:165px;background:#fff;box-shadow:0 7px 20px 0 rgba(0,6,18,.1);border-radius:8px;position:absolute;left:50px;top:-100px;box-sizing:border-box;z-index:1001;display:none;animation:topFadeIn .3s}
.shareListPop .shareTitle{font-size:14px;color:#4d4d4d;text-align:center;padding: 15px 20px;}
.shareListPop .shareWayBox{overflow:hidden}
.shareListPop .shareWayBox .wxQrShare,.shareListPop .shareWayBox .otherShare{width:100%;box-sizing:border-box;padding: 0 20px;}
.shareListPop .shareWayBox .wxQrShare{box-sizing:border-box;padding:0 20px;}
.shareListPop .shareWayBox .wxQr{width:125px;height:125px;background:#f5f5f5;margin:auto;background:#f4f4f4}
.shareListPop .shareWayBox .wxQr img{display:block;width:100%;height:100%;object-fit:cover}
.otherShare{padding-top:4px}
.otherShare li{margin-bottom:14px}
.otherShare a{padding-left:36px;display:block;background:url(../../images/icon/share_icon.png) no-repeat;font-size:14px;color:#4d4d4d}
.otherShare a:hover{color:#212121}
.otherShare .qzone a{background-position:13px -33px}
.otherShare .qq a{background-position:13px -59px}
.otherShare .sina a{background-position:13px -85px}
/*店铺*/
.shop-box .publish{position:relative;padding:20px}
.shop-box .publish .info{overflow:hidden}
.shop-box .publish .info .logo{float:left;position:relative;width:50px;height:50px}
.shop-box .publish .info .logo a{display:block}
.shop-box .publish .info .logo img{display:block;width:48px;height:48px;border-radius:25px;border:1px solid #eee;cursor:pointer}
.shop-box .publish .info dl.name{float:left;width:200px;height:50px;padding:0 0 0 10px}
.shop-box .publish .info dl.name dd{height:20px;line-height:20px;font-size:12px;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shop-box .publish .info dl.name dt{max-width:200px;height:30px;line-height:30px;font-size:16px;font-weight:600;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.shop-box .publish .info dl.name dt a{font-size:16px;font-weight:600;color:#000}
.shop-box .publish .info dl.name dd .authen-about{float:left;margin-right:5px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}
.shop-box .publish .info dl.name dd .authen-about svg{margin-right:3px}
.shop-box .publish .info dl.name dt a.no-regard{float:right;font-size:12px;color:#f55;font-weight:400}
.shop-box .publish .info dl.name dt a.regard{float:right;font-size:12px;color:#888;font-weight:400}
.shop-box .publish .intro{margin-top:15px;height:36px;line-height:18px;font-size:12px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.shop-box .publish .bd.crm .btns{padding-top:10px;overflow:hidden}
.shop-box .publish .bd.crm .btns i{font-size:14px}
.shop-box .publish .bd.crm .btns a.btn-space{position:relative;display:block;height:40px;line-height:40px;text-align:center;border-radius:3px;border:1px solid #f55;font-size:14px;float:right;width:115px;background:#f55;color:#fff}
.shop-box .publish .bd.crm .btns a.btn-fav{position:relative;float:left;display:block;height:40px;width:115px;line-height:40px;text-align:center;border-radius:3px;background:#fff;border:1px solid #f55;font-size:14px;color:#f55}
/*评论*/
#comment-container #post-comment .btn{border-radius: 5px;background-color:#3b82f6!important;}
/*公众号*/
.gzh_card{width: 300px;background:#fff;border-radius:6px;align-items:center;display:flex;text-align:center;padding:20px 20px}
.gzh_card .ma{padding-left:14px;text-align:center;color:#666;font-size:20px}
/*分页*/
.pageModel{text-align:center;margin-top:30px;margin-bottom:30px}
.pageModel a{padding:10px 15px;margin:0 4px;background:#fff;border:1px solid #dbdbdb;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#333}
.pageModel a:hover{background-color:#1a85ff;color:#fff;border:1px solid #1a85ff}
.pageModel .current{background-color:#1a85ff;color:#fff;border:1px solid #1a85ff}
.pageModel .disabled{border:#eee 1px solid;margin:2px;color:#ccc;background-color:#fff}
.pageModel .current,.pageModel .disabled{line-height:20px;margin:0 4px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
/*无数据*/
.no-data{display:block;width:100%;height:200px;margin:100px auto 200px auto;color:#999;font-size:14px;background:url(../../images/data-empty.svg) no-repeat center;background-size:contain}
.no-data p{padding-top:200px;text-align:center;color:#999}
@-moz-keyframes loading {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@-webkit-keyframes loading {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@-o-keyframes loading {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@keyframes loading {
    0% {
        width: 60%;
    }

    50% {
        width: 100%;
    }

    100% {
        width: 60%;
    }
}

@-moz-keyframes shortLoading {
    0% {
        width: 20%;
    }

    50% {
        width: 40%;
    }

    100% {
        width: 20%;
    }
}

@-webkit-keyframes shortLoading {
    0% {
        width: 20%;
    }

    50% {
        width: 40%;
    }

    100% {
        width: 20%;
    }
}

@-o-keyframes shortLoading {
    0% {
        width: 20%;
    }

    50% {
        width: 40%;
    }

    100% {
        width: 20%;
    }
}

@keyframes shortLoading {
    0% {
        width: 20%;
    }

    50% {
        width: 40%;
    }

    100% {
        width: 20%;
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}



/* vip */

/*
* @Author: 九鸟文库
* @Date:   2024-01-24
* @Last Modified by:   华为
* @Last Modified time: 2024-08-18
*/
body {
    background-color: #F2F5F9;
}
:root {
    --primary-color: #f01414;
    --shallow-color: rgba(254,232,232,0.8);
}
.jn-container-wrap {
    box-sizing: content-box;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.jn-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.jn-grid-ceosmls, .jn-grid-column-ceosmls {
    margin-left: -20px;
}
.jn-width-vip-2{
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;
}
.jn-width-vip-3{
    width: 33.333333%;
    padding-left: 20px;
    box-sizing: border-box;
}
.jn-width-vip-4{
    width: 25%;
    padding-left: 20px;
    box-sizing: border-box;
}
.jn-width-vip-5{
    width: 20%;
    padding-left: 20px;
    box-sizing: border-box;
}
.jn-intro-vip{
    width: 25%;
    padding-left: 20px;
    box-sizing: border-box;
}
.jn-page-vip{
    background-color: #F2F5F9;
    
}
.jn-page-vip .vip-header{
    background: url(../images/header.jpg);
    height: 360px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-color: #000;
}
.jn-page-vip .vip-header .top-title{
    text-align: center;
    padding-top: 55px;
}
.jn-page-vip .vip-header .top-title h1{
    font-size: 40px;
    color: #fbbd68;
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 6px 16px rgb(0 0 0 / 30%);
}
.jn-page-vip .vip-header .top-title ul{
    margin-top: 10px;
}
.jn-page-vip .vip-header .top-title ul li{
    font-size: 16px;
    color: #fbbd68;
    font-weight: 400;
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.jn-page-vip .vip-header .top-title ul li:last-child{
    margin-right: 0px;
}
.jn-page-vip .vip-header .top-title ul li:after{
    content: '';
    position: absolute;
    top: 11px;
    right: -17px;
    width: 2px;
    height: 2px;
    border-radius: 50px;
    background: #fff;
}
.jn-page-vip .vip-header .top-title ul li:last-child:after{
    margin-right: 0px;
    display: none;
}
.jn-page-vip .vip-header span.cover {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 76px;
    background: url(../images/c8.png) no-repeat center;
}
/*套餐*/
.jn-page-vip .vip-tocmk{
    margin-bottom: 40px;
    margin-top: -155px;
  
}
.jn-page-vip .vip-tocmk .box{
    z-index: 1;
    position: relative;
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-animation: fade-in-data-data-v-4cdd4626 .8s forwards;
    animation: fade-in-data-data-v-4cdd4626 .8s forwards;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.22,1,.36,1);
    transition: -webkit-transform .4s cubic-bezier(.22,1,.36,1);
    transition: transform .4s cubic-bezier(.22,1,.36,1);
    transition: transform .4s cubic-bezier(.22,1,.36,1),-webkit-transform .4s cubic-bezier(.22,1,.36,1);
}
.jn-page-vip .vip-tocmk .box:hover{
    border: 2px solid #febf93;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background: -webkit-gradient(linear,left top,left bottom,from(#febf93),color-stop(20%,hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,#febf93,hsla(0,0%,100%,0) 20%);
}
.jn-page-vip .vip-tocmk .box .top{
    background: hsla(0,0%,100%,.95);
    box-shadow: 0 20px 40px rgba(42,49,67,.12);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    padding: 24px;
    position: relative;
    text-align: center;
    border-radius: 8px;
    background-image: linear-gradient(180deg,#ffe1b2,#fff9ed);
}
.jn-page-vip .vip-tocmk .box .top .tag{
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background: linear-gradient(102.51deg,#ff451d 3.76%,#ff6f32 93.18%);
    color: #fff;
    border-radius: 0 8px;
    padding: 0 10px;
}
.jn-page-vip .vip-tocmk .box .top h1{
    color: #1b2337;
    font-size: 24px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}
.jn-page-vip .vip-tocmk .box .top h1 .tj {
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 1;
    padding: 0 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    letter-spacing: .38px;
    background: #ff372b;
    border-radius: 11.5px 11.5px 11.5px 0;
}
.jn-page-vip .vip-tocmk .box .top .tp{
    color: #505a71;
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}
.jn-page-vip .vip-tocmk .box .top .pi{
    margin-top: 15px;
    color: #ff9502;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    height: 26px;
    padding: 0 20px;
    border-radius: 13px 13px;
    background: rgba(255,149,2,.1);
    display: inline-block;
}
.jn-page-vip .vip-tocmk .box .top .xf{
    font-size: 14px;
    font-weight: 600;
    padding: 0 5px;
    border-radius: 6px 6px 6px 0;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -12px;
    background: #333333;
    color: #d8b879;
}
.jn-page-vip .vip-tocmk .box .top .dj{
    padding-top: 10px;
    position: relative;
}
.jn-page-vip .vip-tocmk .box .top .dj span{
    color: #ff4800;
    font-size: 16px;
}
.jn-page-vip .vip-tocmk .box .top .dj strong{
    font-size: 48px;
    font-weight: 700;
    color: #ff4800;
    margin: 0 5px;
}
.jn-page-vip .vip-tocmk .box .top .yj {padding-bottom: 20px;}
.jn-page-vip .vip-tocmk .box .top .yj em{
    color: #aaa;
    font-size: 16px;
    text-decoration: line-through;
}
.jn-page-vip .vip-tocmk .box .top a{
    display: block;
    height: 48px;
    line-height: 48px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #8d3800;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: linear-gradient(270deg,#ffc262,#ffdb96);
    border-radius: 4px;
    transition: all .35s
}
.jn-page-vip .vip-tocmk .box .top a:hover{
    background-image: linear-gradient(-45deg,#ffb94b,#ffedcb);
    box-shadow: 0 6px 12px 0 rgba(255,65,0,.2);
    transform: translateY(-4px)
}
.jn-page-vip .vip-tocmk .box .top a:active {
    color: rgba(141,56,0,.5)
}
.jn-page-vip .vip-tocmk .box .bottom{
    background: #fff;
    box-shadow: 0 20px 40px rgba(42,49,67,.06);
    border-radius: 0 0 8px 8px;
    padding: 20px;
}
.jn-page-vip .vip-tocmk .box .bottom .title{
    color: #505a71;
    font-size: 12px;
    margin-bottom: 20px;
}
.jn-page-vip .vip-tocmk .box .bottom p {
    margin-bottom: 10px;
    color: #1b2337;
    line-height: 2;
}
.jn-page-vip .vip-tocmk .box .bottom p em {
    float: right;
    color: #333;
}
/*权益*/
.jn-page-vip .vip-problem {
    padding: 60px 0;
}
.jn-page-vip .vip-problem .problem-title{
    text-align: center;
    margin-bottom: 40px;
}
.jn-page-vip .vip-problem .problem-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #1b2337;
    background: none;
    background-image: linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);
    background-repeat: no-repeat;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-size: 100% 0.3em;
    text-align: center;
}
.jn-page-vip .vip-problem .problem-title p{
    color: #636c78;
    font-size: 16px;
}
.jn-page-vip .vip-problem .mk{
    background: #f8faff;
    border-radius: 8px;
    text-align: center;
    padding: 30px;
}
.jn-page-vip .vip-problem .mk img{
    height: 40px;
    margin: 0 auto 10px auto;
}
.jn-page-vip .vip-problem .mk i{
    display: inline-block;
    font-size: 32px !important;
    margin-bottom: 20px;
    background: var(--shallow-color);
    color: var(--primary-color);
    width: 62px;
    height: 62px;
    line-height: 62px;
    border-radius: 50px;
}
.jn-page-vip .vip-problem .mk span{
    font-size: 18px;
    color: #333;
    display: block;
}
.jn-page-vip .vip-problem .mk p{
    margin-top: 10px;
    font-size: 13px;
    color: #636c78;
}
/*说明*/
.jn-page-vip .vip-info {
    padding: 60px 0;
    background: #f7faff;
}
.jn-page-vip .vip-info .info-title{
    text-align: center;
    margin-bottom: 40px;
}
.jn-page-vip .vip-info .info-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #1b2337;
    background: none;
    background-image: linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);
    background-repeat: no-repeat;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-size: 100% 0.3em;
    text-align: center;
}
.jn-page-vip .vip-info .info-title p{
    color: #636c78;
    font-size: 16px;
}
.jn-page-vip .vip-info .rule-info{
    padding: 0 100px!important;
}
.jn-page-vip .vip-info .rule-info p{
    line-height: 35px;
}
/*问题*/
.jn-page-vip .vip-qa{
    padding: 60px 0;
}
.jn-page-vip .vip-qa .qa-title{
    text-align: center;
    margin-bottom: 40px;
}
.jn-page-vip .vip-qa .qa-title span{
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #1b2337;
    background: none;
    background-image: linear-gradient(120deg,rgba(255,193,7,0.4) 0%,rgba(255,193,7,0.4) 100%);
    background-repeat: no-repeat;
    background-position: 0 80%;
    position: relative;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-size: 100% 0.3em;
    text-align: center;
}
.jn-page-vip .vip-qa .qa-title p{
    color: #636c78;
    font-size: 16px;
}
.jn-page-vip .qa-list{
    margin-left: -70px;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.jn-page-vip .qa-list li{
    width: 50%;
    padding-left: 70px;
    box-sizing: border-box;
    max-width: 100%;
    margin-bottom: 70px;
}
.jn-page-vip .vip-qa .mk{
    
}
.jn-page-vip .vip-qa .mk span{
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.jn-page-vip .vip-qa .mk span em{
    background: var(--primary-color);
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}
.jn-page-vip .vip-qa .mk p{
    color: #636c78;
}
.jn-page-vip .vip-qa .mk p em{
    background: #ccc;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
}

.modal-pay{display: none;}
.modal-pay-vip {
    width: 750px;
    border-radius: 4px !important;
    overflow: hidden;
    background: url(../images/member-svip-header-bg.png) no-repeat top center;
    padding: 20px;
    background-color: #FFF2E5;
}
.modal-pay-vip .pay-header {
    padding: 0 20px 10px 20px;
    width: 100%;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.modal-pay-vip .pay-header .pay-title {
    flex: 1;
    text-align: center;
}
.modal-pay-vip .pay-header .pay-title h2 {
    color: #752A00;
    margin: 0 0 5px 0;
    font-size: 22px;
    font-weight: 700;
}
.modal-pay-vip .pay-header .pay-title p {
    color: #752A00;
    font-size: 12px;
}
.modal-pay-vip .payment{
    display: flex;
    padding: 20px;
    position: relative;
    background-color:rgba(255,255,255,0.6);
    border-radius: 4px;
    width: 100%;
}
.modal-pay-vip .payment .scan {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    padding-top: 2px;
    box-sizing: border-box;
    text-align: center;
}
.modal-pay-vip .payment .qrcode {
    padding:10px;
    background-color: #FFF;
}
.modal-pay-vip .payment .scan img{width: 150px;
    height: 150px;
}
.pay-loadding {
  width: 150px;
  height: 150px;
  padding-top: 38px;
  margin-left: 10px;
  box-sizing: border-box;
}

.pay-loadding span {
  background: url("../images/loading.png") center no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  margin: 0 auto 20px;
  -webkit-animation: iconfont 1.8s linear infinite;
  animation: iconfont 1.8s linear infinite;
}

.pay-loadding em {
  display: block;
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  text-align: center;
  color: #999;
}
.pay-error span {
  background: url("../images/pay-error.png") center no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto 20px;
}
.pay-error em {
  display: block;
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  text-align: center;
  color: #999;
}
.modal-pay-vip .payment .pay-tips{
    width: 100%;
    display: none;
}
.modal-pay-vip .payment .pay-tips .wrap-l{
    width: 180px;
    float: left;
}
.modal-pay-vip .payment .pay-tips .wrap-l .pay-qrcode-module {
    width: 168px;
    height: 168px;
    position: relative;
}
.modal-pay-vip .payment .pay-tips .wrap-l .pay-qrcode-module .pay-qrcode-module-box {
    width: 100%;
    height: 100%;
}
.modal-pay-vip .payment .pay-tips .wrap-r{
    float: left;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip {
    font-size: 16px;
    color: #666;
    line-height: 50px;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip .pay-price-time{}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip .pay-price-time .time {
    display: flex;
    position: relative;
    padding: 0 10px;
    color: #6D3D00;
    margin-left: 10px;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip .pay-price-time .time em {
    font-style: normal;
    margin: 0 5px 0 0;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip .pay-price-time .time .icon-vip-triangle {
    position: absolute;
    left: 0;
    left: -8px;
    color: #E6CA90;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-money-tip .pay-price-time .time .icon-vip-time {
    font-size: 20px;
    color: #6D3D00;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-price-wrap{
    margin-top: 8px;
    font-size: 14px;
    color: #222;
    display: flex;
    position: relative;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-price-wrap .pay-price-info{line-height: 60px;}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-price-wrap .pay-price-info .price-unit {
    margin-right: 4px;
    font-size: 24px;
    font-weight: 700;
    color: #fc503e;
    vertical-align: 1px;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-price-wrap .pay-price-info .price{
    font-size: 48px;
    font-weight: 700;
    color: #ff5f00;
    line-height: 36px;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-price-wrap .pay-price-info .youhui{
    margin-left: 8px;
    font-size: 14px;
    color: #fc503e;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-type {
    margin-top: 20px;
    color: #888;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.modal-pay-vip .payment .pay-tips .wrap-r .pay-type .icon {
    width: 28px;
    height: 28px;
    margin: 0 5px 0 0;
}
.modal-pay-vip .paymethod-list{
    margin-top:20px;
    padding: 20px;
    background:rgba(255,255,255,0.6);
    border-radius: 4px;
    display: inline-block;
    width: 100%;
}
.modal-pay-vip .paymethod-list .pay-methods {
    display: inline-block;
    vertical-align: middle;
    float: left;
    line-height: 50px;
    height: 50px;
}
.modal-pay-vip .paymethod-list .list{overflow: hidden;}
.modal-pay-vip .paymethod-list .list.openvip .active {
    border-color: #BF943E !important;
    color: #BF943E;
    font-weight: bold;
}
.modal-pay-vip .paymethod-list .list .paymethod-item {
    float: left;
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 135px;
    height: 50px;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    overflow: hidden;
}
.modal-pay-vip .paymethod-list .list .paymethod-item .icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.modal-pay-vip .paymethod-list .list .flag {
    position: absolute;
    background-color: #BF943E;
    color: #fff;
    right: -13px;
    bottom: -13px;
    width: 28px;
    height: 36px;
    transform: rotate(40deg);
    display: none;
}
.modal-pay-vip .paymethod-list .list .active .flag {
    background-color: #BF943E;
    display: block;
}
.modal-pay-vip .paymethod-list .list .flag .iconfont {
    display: block;
    font-size: 10px;
    transform: rotate(-60deg);
    margin-top: 5px;
    margin-left: -5px;
    line-height: normal;
}

.modal-pay-vip .super-agree {
    margin-top: 20px;
    color: #888;
}
.pay-tips-vipcode {
    position: relative !important;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    list-style: none;
    display: none;
}
.pay-tips-vipcode .vipcode-input{
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #e5e5e5;
    width: 350px;
    background: #fff;
    color: #666;
    height: 40px;
    padding: 0 8px;
    vertical-align: middle;
    display: inline-block;
    transition: 0.2s ease-in-out;
    transition-property: color, background-color, border;
}
.pay-tips-vipcode .vipcode-button {
    width: 200px;
    line-height: 40px;
    background: linear-gradient(270deg, #fc5106 0%, #f99e76 100%);
    color: #fff;
    border-radius:4px;
    font-size: 14px;
    transition: all .3s;
    margin: 0;
    cursor: pointer;
    border: none;
    overflow: visible;
    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.pay-tips-vipcode .vipcode-button:hover{
    background: linear-gradient(270deg, #f99e76 0%, #fc5106 100%);
}
.buyRoll {
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 50px;
    overflow: hidden;
}
.buyRoll .child {
    display: flex;
    opacity: 0;
    border-radius: 20px;
    color: #fff;
    padding: 3px 10px 3px 3px;
    clear: both;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    float: right;
    vertical-align: middle;
    overflow: hidden;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.buyRoll .child img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 5px;
    border: 2px solid rgb(255 255 255 / 30%);
}

.ui-cover.in {
    opacity: .8!important;
}
.ui-modal-content>i.close-modal {
    font-size: 15px;
    color: #752a00!important;
}
@keyframes iconfont {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}