body{background: #ffffff;min-width: 1442px;letter-spacing: 1px;}
.article-main{width: 800px;margin:0 auto;height: auto;position: relative;}
.article-info{width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
.article-info h3{width: 100%;margin:0 auto 16px;font-size: 28px;color: #333333;line-height: 42px;padding: 18px 0;border-bottom: 1px solid rgba(216, 216, 216,0.52)}
.article-action{width: 100%;margin:0 auto 48px;height: auto;overflow: hidden;}
.article-info-left{float: left;color: #9B9B9B;font-size: 13px;}
.article-info-left span{margin-right: 16px;line-height: 18px;}
.article-info-left em{display: inline-block;font-style: normal;background: url("../images/icon_1.png") no-repeat left center;padding-left: 18px;background-size: 11%;}
.article-info-right{float: right;}
.article-info-right p{background: #EEF0F5;float:left;border-radius: 2px;line-height: 23px;font-size: 12px;margin-left: 8px;padding: 0 6px;}
.article-info-right p i{display: block;float: left;height: 24px;width: 15px;}
.article-info-right p span{display: block;float: left;margin-left: 4px;}
.action-tts i{background: url("../images/icon_14.png") no-repeat center;cursor: pointer;}
.action-font i{background: url("../images/icon_15.png") no-repeat center;}
.action-read i{background: url("../images/icon_16.png") no-repeat center;}
.article-info-right p.action-read{background: #1367DF;color: #ffffff;cursor: pointer;}
.article-info-right p.action-font span{margin-left: 5px;cursor: pointer;color: #233352;opacity: 0.6;}
.article-info-right p.action-font span.on{opacity: 1;font-weight: 600;}
.large-font .article-content{
    font-size: 24px;
    line-height: 34px;
}
.small-font .article-content{
    font-size: 14px;
    line-height: 22px;
}
.article-com{width: 100%;user-select: text;margin:0 auto;height: auto;overflow: hidden;font-size: 16px;color: #333333;line-height: 26px;padding-bottom:40px;position: relative;}
.article-content{width: 100%;user-select: text;margin:0 auto;height: auto;overflow: hidden;font-size: 16px;color: #333333;line-height: 26px;position: relative;}
.article-content img,.article-content video{display: inline-block;max-width: 100%;}
.article-content audio{margin:0 auto;display: block;}
.article-com p{margin:0 auto 20px;}
.article-editor{width: 750px;background: #F5F5F5;border-radius: 6px;height: 38px;line-height: 38px;padding: 0 25px;text-align: right;}
.article-editor span{font-size: 13px;margin-left: 8px;opacity: 0.6;color: #252525;}
.article-related{width: 800px;margin:80px auto 0;height: auto;overflow: hidden;}
.article-related strong{display: block;width: 100%;font-size: 24px;color: #252525;margin:0 auto 20px;}
.article-tag p{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.article-tag p a{display: inline-block;border-radius: 5px;background: rgba(226, 242, 255, 0.655);padding: 10px 20px;margin-right: 18px;}
.article-tag p a span{color: #1367DF;background: url("../images/icon_3.png") no-repeat left center;padding-left:18px; }
.article-reading ul{width: 100%;margin:20px auto 0;height: auto;overflow: hidden;}
.article-reading li{margin:0 auto 8px;padding:25px 26px;width: 748px;background: #fff;border-radius: 6px;height: auto;overflow: hidden;}
.article-reading li.on .reading-text{float: none;width: 100%;}
.img-com{width: 154px;height: 96px;overflow: hidden;float: right;}
.img-com img{display: block;width: 100%;height: 96px;margin:0 auto;border-radius: 4px;}
.reading-text{width: 588px;float: left;height: auto;overflow: hidden;}
.reading-text a{display: -webkit-box;width: 100%;color: #333333;font-size: 16px;overflow: hidden;font-weight: 600; -webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 22px;height: 44px;}
.reading-text a font{color: #333333 !important;}
.reading-text p{width: 100%;margin:4px auto 0;height: auto;overflow: hidden;}
.reading-text p.reading-text-active{line-height: 23px;margin:28px auto 0;font-size: 12px;}
.reading-text-active em{display: inline-block;margin:0 11px 0 0;border-radius: 3px;background: rgba(226, 242, 255, 0.655);color: #1367DF;padding: 0 5px;font-style:normal;}
.reading-text-active i{font-style: normal;color: #9B9B9B;margin-right: 5px;}
.article-reading li.on p.reading-text-active{margin:17px auto 0;}
.article-reading li.on .reading-text a{display: block;height: auto;}
.article-foot{width: 100%;margin:0 auto;padding-bottom:186px;height: auto;overflow: hidden;background: linear-gradient(360deg, #EAF0F6 35%, #FFFFFF 100%);}
.left-tool{position: absolute;top:220px;left: -156px;}
.left-tool li{width: 56px;margin:0 auto 12px;height: auto;cursor: pointer;position: relative;}
/*.left-tool li.on{}*/
/*.left-tool li img{display: block;width: 100%;margin:0 auto;}*/
.left-tool li.tool-wechat span{display: block;text-align: center;font-size: 12px;color: #233352;line-height: 30px;}
.left-tool #comment-container span{display: inline-block;}
.wechat-qrcode {display:none;position: absolute;bottom: 92%;left: 50%;transform: translateX(-50%);background-color: white;border: 1px solid #ddd;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);padding:0px;width: 210px;text-align: center;margin-bottom: 15px;z-index: 1000;}
.wechat-qrcode::before,
.wechat-qrcode::after {content: '';position: absolute;top: 100%;left: 50%;border: solid transparent;height: 0;width: 0;pointer-events: none;}
.wechat-qrcode::before {border-top-color: #ddd;border-width: 8px;margin-left: -8px;}
.wechat-qrcode::after {border-top-color: white;border-width: 7px;margin-left: -7px;}
.wechat-qrcode .qrcode img {width: 120px;height: 120px;display: block;margin: 20px auto;}
.wechat-qrcode .help{font-size: 12px;margin:0 auto 15px;text-align: center;}
.wechat-qrcode h4{background-color: #f3f3f3;font-size: 12px;line-height: 26px;color: #777;font-weight: normal;}
li:hover .wechat-qrcode {display: block;animation: fadeInUp 0.3s ease;}
.wechat-qrcode .qrcode{margin:10px auto;}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
.right-tool{position: absolute;top:260px;right: -278px;}
.article-main .leftshowTabs{position: fixed;top: 0;left: auto;margin-left: -156px;z-index: 2;}
.article-main .rightshowTabs{position: fixed;top: 0;right: auto;margin-left: 900px;}
.right-tool li{width: 177px;border:1px solid #EEF0F5;padding: 14px 0;height: auto;overflow: hidden;cursor: pointer;background: #fff;}
.right-tool li img{width: 35px;height: 35px;border-radius: 100%;margin-left: 12px;float: left;}
.right-tool li p{width: 110px;float: left;margin-left: 7px;}
.right-tool li p span{display: block;width: 100%;font-size: 14px;line-height: 20px;color: #233352;}
.right-tool li p em{display: block;width: 100%;font-size: 10px;line-height: 14px;color: #AFAFAF;}
.right-tool li.tool-ai{display:none;background: #1656E4;border:1px solid #1656E4;margin-bottom: 12px;border-radius: 6px;}
.right-tool li.tool-ai p span{color: #FFFFFF;}
.right-tool li.tool-ai p em{color: #FFFFFF;opacity: 0.64;}
.right-tool li.tool-top{background: #F5F5F5;padding: 4.5px 0;margin-top:12px;border-radius: 6px;}
.tool-top{display: none;}
.right-tool li.showTabs{display: block;}
.right-tool li.tool-top img{float: none;width: 10px;height: 13px;display: inline-block;margin-left: 0;border-radius: 0;}
.right-tool li.tool-top p{text-align: center;width: 100%;margin-left: 0;color: #333333;font-size: 14px;line-height: 35px;}
.right-tool li.tool-top p i{font-style: normal;}
.tool-sum{border-radius: 6px;}
.tool-pdf{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.article-main .fexTool{top:0;}



.text-toolbar{position: absolute;opacity: 0;background:#222A36;width: 180px;height: auto;border-radius: 4px;padding: 7px 10px;}
.text-toolbar div{width: 100%;font-size: 13px;color: #FFFFFF;line-height: 20px;}
.text-toolbar div span{display: block;float: left;color: #23FFF0;margin-right: 7px;}
.text-toolbar div em{display: inline-block;float: left;height: 20px;overflow: hidden;width: 120px;white-space: nowrap;text-overflow: ellipsis;}
.text-toolbar div i{display: inline-block;width: 18px;height: 18px;cursor: pointer;background: url("../images/icon_26.png") no-repeat center;float: right;}
.text-toolbar.visible {opacity: 1;}


#detial #detial-mm video{max-width: 100%;height: 100%;overflow: hidden;}
#detial .video-js{margin-bottom: 20px;}