/*--for m03_blogread--*/
.blog-nr{}
.blog-nr h1{font-size:30px;line-height:1.2;margin:20px 0 0;font-weight:700;color:#333;text-align:center;text-transform:capitalize;}
.blog-nr .tips{padding:0 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:35px 0 0;position:relative;display:flex;justify-content:space-between;align-items:center;}
.blog-nr .tips span{margin-right:10px;line-height:20px;display:inline-block;font-size:15px;color:#666;}
.blog-nr .artInfo span.time{background:url('https://cdn-pro.analyspeed.com/731/template/pc/default/html/module/m03_blogread/images/time.png') no-repeat left center;padding:0 0 0 20px;}
.blog-nr .artInfo span.hit{background:url('https://cdn-pro.analyspeed.com/731/template/pc/default/html/module/m03_blogread/images/hit.png') no-repeat left center;padding:0 0 0 23px;}
.blog-top{margin:50px 0 0;}
.blog-top .txt{line-height:24px;font-size:17px; word-break: break-all;}
.blog-top .txt p~p{margin-top:10px;}
.blog-content{margin:50px 0 0;display:flex;justify-content:space-between;position:relative;}
.blog-content-left{flex:1;margin-right:60px;overflow:hidden;}
.blog-content-scroll{position:relative;}
.blog-content .text-box{line-height:28px;font-size:17px;color:#666;word-break: break-all;}
.blog-content .text-box h2{margin-bottom:15px;font-size:24px;color:#333;line-height:1.2;text-align:left;font-weight:bold;}
.blog-content .text-box h2~h2{padding-top:10px;}
.blog-content .text-box h3{padding-top:10px;line-height: 1.2;font-size:22px; color:#000;font-weight: bold;}
.blog-content .text-box p{margin-bottom:10px;}
.blog-content .text-box h5{font-size:22px;color:#333;line-height:1.2;font-weight:bold;margin-bottom:10px;}
.blog-content .text-box h5~h5{padding-top:10px;}

.blog-content .text-box a{color:var(--active-color, #0000FF);text-decoration:none;}
.blog-content .text-box a:hover{text-decoration:none;}
.blog-content .text-box > :first-child{margin-top:0 !important;;}
.inkey{color:var(--active-color, #0F5CC4);}
.inkey:hover{text-decoration:none;}                           
                           
.blog-content .text-box dl{}
.blog-content .text-box dl dt{color:#333;font-size:16px;position:relative;font-weight:600;margin-bottom:5px;}
.blog-content .text-box dl dt~dt{margin-top:15px;}
.blog-content .text-box dl dd{margin:0 0 0 20px;padding:0 0 0 12px;line-height:24px;position:relative;}
.blog-content .text-box dl dd::before{content:"";width:5px;height:5px;border-radius:50%;background:#333;position:absolute;left:0;top:9px;display:inline-block;}
.blog-content .text-box dl dd~dd{margin-top:6px;}
  
.blog-content .text-box .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.blog-content .text-box table{width:100%;max-width:100%;margin-bottom: 20px;border:1px solid #D9D9D9;color:#666;}
.blog-content .text-box table tr > th{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;font-weight:bold;}
.blog-content .text-box table tr > td{padding:8px 8px;line-height:1.42857143;vertical-align:middle;border:1px solid #D9D9D9;}                                      
                                      
                                      
                                         
                           
.blog-content .inkey{font-weight:bold;}
.blog-content .inkey:hover{font-weight:bold; color:#0CF;}
.blog-pnbar{margin-top:40px;}
.blog-pnbar p{max-width:100%;margin:-1px 0 0 0;padding:10px 14px;border:1px solid #ddd;font-size:18px;color:#545454;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.blog-pnbar p:hover a{color:var(--color-active,#0F5CC4);}
.blog-content-right{width:360px;position:relative;}
.blog-content-nav{border:1px solid #9C8D7C;}
.blog-content-nav h4{padding:20px;font-size:20px;color:#333;font-weight:bold;border-bottom:1px solid #9C8D7C;position:relative;cursor:pointer;}
.blog-content-nav h4::after{display:block;font-family:"qico";content:"\e699";position:absolute;top:calc(50% - 20px);right:10px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;transition: transform .3s ease;transform:rotate(180deg);}
.blog-content-nav h4.close::after{transform:rotate(0);}
.blog-content-right .affix{position:fixed;top:10px;width:360px;}
.blog-content-right .affix-bottom{position:absolute;}
.blog-nav{padding:20px;}
.blog-nav > li{counter-increment:item;font-size:16px;color:#333;margin-bottom:10px;}
.blog-nav > li a{display:flex;align-items:center;font-size:18px;line-height:22px;}
.blog-nav > li a::before{content:"● ";font-size:16px;color:#333;margin-right:8px;}
.blog-nav > li > ul{counter-reset:item;margin:8px 0 0 16px;}
.blog-nav > li > ul > li{counter-increment:item;margin-top:8px;}
.blog-nav li.active > a{color:var(--color-active,#b9d800);}
@media screen and (max-width:1441px) {
.blog-nr h1{font-size:28px;}
}
@media screen and (max-width:1367px) {
.blog-nr h1{font-size:26px;}
}
@media screen and (max-width:1281px){
.blog-nr h1{font-size:24px;}
}
@media screen and (max-width:992px){
.blog-content{margin:40px 0 0;display:block;}	
.blog-content-left{margin-right:0;}
.blog-content-nav{display:none;}
}
@media screen and (max-width:768px){
.blog-nr h1{font-size:22px;}
.blog-content{margin:30px 0 0;}
.blog-content .text-box{line-height:24px;font-size:16px;}
.blog-content .text-box h2{font-size:20px;}
.blog-content .text-box h3{font-size:18px;}
.blog-content .text-box h5{font-size:18px;}
.blog-pnbar{margin-top:30px;}
.blog-pnbar p{padding:8px 12px;font-size:16px;}
}
@media screen and (max-width:480px){
.blog-nr h1{font-size:18px;}
.blog-pnbar p{padding:6px 10px;font-size:15px;}
}
.blog-share{margin:50px 0 0;display:flex;align-items:center;}
.blog-share span{display:inline-block;margin-right:15px;}
.blog-author{margin:40px 0 0;display:flex;align-items:flex-start;}
.blog-author .pic{width:90px;border-radius:50%;overflow:hidden;}
.blog-author .txt{flex:1;margin-left:20px;overflow:hidden;}
.blog-author .txt .tit{display:flex;align-items:center;}
.blog-author .txt .tit h5{font-size:18px;font-weight:700;}
.blog-author .txt .tit > a{margin-left:10px;display:inline-block;color:#3D3D3D;background:#F1F1F1;width:24px;height:24px;line-height:24px;text-align:center;border-radius:5px;}
.blog-author .txt .tit > a:hover{background:#FF642D;color:#fff;}
.blog-author .txt p{margin:10px 0 0;font-size:16px;line-height:22px;color:#666;}
@media screen and (max-width:768px){
.blog-share{margin:40px 0 0;}
.blog-share a{width:36px;height:36px;line-height:36px;}
.blog-share a i{font-size:20px;}
.blog-author .pic{width:80px;}
}
@media screen and (max-width:480px){
.blog-share a{width:32px;height:32px;line-height:32px;}
.blog-share a i{font-size:17px;}
.blog-author .txt .tit h5{font-size:17px;}
.blog-author .txt p{margin:8px 0 0;font-size:15px;}
}