@charset "utf-8";
/* CSS Document */

.article{width:100%;position:relative;}
.articlec{padding:80px 0;display:flex;justify-content:space-between;align-items:stretch;}

.art_left{width:340px;}
.art_nav{position:sticky;top:120px;}
.art_back{width:100%;}
.art_back p a{width:100%;line-height:60px;padding:0 40px;border-radius:20px;background:#F5F5F5;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;transition:all 0.3s;}
.art_back p a i{font-size:15px;margin-right:10px;}
.art_back p a b{font-size:20px;font-weight:500;}
.art_back p a:hover{background:#E81800;color:#fff;}
.art_context{padding:20px 0;}
.art_context p{margin-bottom:20px;background:#F5F5F5;border-radius:20px;padding:40px;text-align:left;}
.art_context p a{display:inline-block;padding:0 20px;border-radius:40px;border:1px solid #DEDEDE;transition:all 0.3s;}
.art_context p a strong{display:flex;align-items:center;line-height:40px;height:40px;}
.art_context p a strong i{font-size:22px;}
.art_context p a strong span{padding:10px;font-weight:500;}
.art_context p:hover a{border:1px solid #E81800;color:#E81800;}
.art_context p b{display:inline-block;width:100%;font-size:20px;font-weight:500;margin-top:15px;line-height:30px;}


.art_right{width:calc(100% - 380px);}
.art_title{text-align:justify;}
.art_title h1{font-size:48px;line-height:60px;}
.art_title p{padding:40px 0;display:flex;justify-content:flex-start;align-items:center;}
.art_title p span{font-size:20px;line-height:30px;color:#666;margin-right:40px;}
.art_title p em{flex:1;height:0;border-top:1px dashed #333333;}
.art_content{padding:20px 0;text-align:left;}
.art_content p{padding:10px 0;line-height:35px;font-size:18px;text-align:justify;}
.art_content p img{max-width:100%;}
.art_content blockquote{padding:10px 20px 10px 30px;border-left:4px solid #E81800;background:rgba(232,24,0,0.1);}