@charset "UTF-8";

.crumbs{ padding: 10px 0; border-right: none; border-left: none; border-top: none;}
.crumbs a{ color: #666;}
#header{display: flex;}
/* 2022/8/2 */
.article_banner {background: url(../img/article_bgimg.png) top center no-repeat; background-size: cover; width: 100%; text-align: center; padding: .6rem 0;}
.article_banner h1,.article_banner1 h1 { margin: .1rem 0; font-size: .42rem; font-weight: 600; line-height: 52px; }
.article_banner p,.article_banner1 p {max-width: 850px; width: 100%; margin: 0 auto; font-size: .24rem; line-height: .36rem;}
.article_banner1 { margin-bottom: 50px; background: url(../img/banner_bgimg.png) top center no-repeat; background-size: cover; width: 100%; text-align: center; padding: .95rem 0;}
.article_nav { max-width: 1020px; width: 90%; height: .46rem; margin: .4rem auto .6rem; border-bottom: 1px solid #D4D4D4; position: relative; }
.article_nav_list { width: 100%; margin: 0 auto; text-align: center; }
.article_nav_list li { display: inline-block; box-sizing: border-box; padding: 0 .23rem; text-align: center; position: relative;}
.article_nav .article_nav_list li:last-child { margin-right: 0rem; position: relative;}


.article_nav_list .section_tab_more dl{max-width: 260px; width: 108%;  background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); padding: 10px;position: absolute; left: -20%; top: 60px; z-index: -1; opacity: 0; text-align: left; border-radius: 5px;}
.article_nav_list .section_tab_more dl::after { content: ""; display: block; width: 100%; background-color: transparent; position: absolute;  top: -15px; height: 30px; left: 0; }
.article_nav_list .section_tab_more dl a { padding: .1rem; color: #333; }
.article_nav_list .section_tab_more dl dd:hover {border-radius: .1rem; background-color: #F5F5F5; }
.article_nav_list .section_tab_more dl a::after {display: none;}
.article_nav_list .section_tab_more .section_more_dl_show{ z-index: 9; opacity: 1;}

.section_tab_more dl::before{content: "";width: 0;height:0;display:block;border: 5px solid transparent;border-bottom-color: #fff;position: absolute;top: -10px;left: 50%; transform: translateX(-50%);}

.article_nav_list li a { display: inline-block; margin:0 auto; padding: .1rem 0; color: #333; font-weight: 500; font-size: .18rem; position: relative; }
.article_nav_list li a::after {content: ""; display: block; width: 100%; height: 2px; padding: 0 .1rem; background: #2C67FF; position: absolute; left: -.1rem; bottom: 0; transform: scaleX(0); transition: transform .3s ease-in-out;}
.article_nav_list a:hover{ text-decoration: none;}
.section_tab .section_tab_active , .section_tab a:hover { color: #2C67FF;}
.section_tab .section_tab_active::after, .section_tab a:hover::after{ transform: scaleX(1);}
.icon_down::after { font-size: .16rem; }
.article_nav .article_nav_list li:last-child:hover .gm_dropdown__menu {opacity: 1; z-index: 3; transition: .5s ease-in-out;}

.gm_dropdown__menu { position: absolute; top: .65rem; opacity: 0; z-index: -1; height: 3.63rem;}
.gm_dropdown__list { width: 2.6rem; margin-top: .15rem; padding: .3rem .2rem; box-sizing: border-box; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25); position: relative;}
.gm_dropdown__list::before {content: ""; display: inline-block; border: .1rem solid #fff; border-color:transparent transparent #fff transparent; position: absolute; top: -.2rem; left: .55rem;}
.gm_dropdown__list .gm_dropdown__item { margin: 0 auto; padding: .04rem 0; float: none;}
.article_nav .gm_dropdown__list .gm_dropdown__item:last-child {margin: 0 auto;}

.article_page { max-width: 575px; width: 100%; margin: 0 auto; position: relative; text-align: center; }
.article_page a:hover { color: #666; background-color: #E6E6E6; }
.article_page::after { content: ""; display: block; clear: both; }
.article_page img { vertical-align: middle;}
.article_page li,.article_page i { display: inline-block; width: .4rem; cursor: pointer; padding-right: .05rem; font-family: 'Poppins'; line-height: .34rem; color: #333333; font-size: .14rem; text-align: center;}
.article_page li:hover { color: #2C67FF; }

.aside { margin-top: 1.2rem; -ms-flex-item-align: start; max-width: 330px; float: right; height: 60vh;overflow-y: auto; position: sticky; top: 160px; width: 24%;}
.aside h3 {color: #000000; font-size: .22rem; margin-bottom: .14rem; line-height: .33rem; font-weight: 600;  text-align: center; padding: .23rem 0; background-color: #F8F8F8; border-top-left-radius: .05rem; border-bottom-left-radius: .05rem;}
.aside_text { color: #333; font-size: .18rem; line-height: .27rem; padding-left: .14rem; display: inline-block; max-width: 295px; width: 100%;}
.aside_item { padding: .16rem 0 .16rem .22rem; max-width: 250px; width: 85%; display: inline-block; position: relative; cursor: pointer; }
.aside_item:hover { text-decoration: none; }
.aside_arrow { position: absolute;  top: 40%; left: .1rem;}
.aside::-webkit-scrollbar {width: .08rem;border-radius: 5px;background-color: #E6E6E6;}
.aside::-webkit-scrollbar-thumb {border-radius: .05rem;/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */background: #E6E6E6;}
.aside::-webkit-scrollbar-track {/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */border-radius: .05rem;background: #F5F5F5;}
.icon_right {transform: rotate(-90deg); position: absolute; top: 32%; left: 0;}
.icon_right::before { content: "\e901"; font-size: .14rem; }
.active { color: #2c67ff; }
.article_page .active { color: #2c67ff; }
.active .aside_text { color: #2C67FF; transition: all .5s ease-in-out; }
.article_main_content { display: none; }
.show { display: block;}
.article_nav_list li .select { color: #2c67ff; }
.article_nav_list li dl .select, .article_nav_list li dl .select:hover { color: #2C67FF; background-color: #f2f6ff; border-radius: .1rem; width: 100%; box-sizing: border-box; }
.article_nav_list li dl dd { margin: 5px 0; }
.section_tab .select::after {transform: scaleX(1);} 
.nav_mo { display: none; border: 1px solid #9db8ff; }
.nav_mo h3 { font-size: .3rem; padding: .2rem 0; text-align: center; color: #2C67FF; font-weight: 600; }
.nav_mo li { padding: .2rem .1rem; text-align: center; border-top: 1px solid #f5f5f5; }
.nav_mo li a { color: #333; }
.nav_mo i { transform: rotateZ(-90deg) translateY(-10px); }
.nav_pc { display: block; }

.nav a { text-decoration: none; }
.nav a:hover { color: #2c67ff; }
.article_page a {text-decoration: none; }
.article_page_left,.article_page_right { display: inline-block; }
.article_page ul { display: inline-block;}
/* .first_page,.end_page,.prev_page,.next_page { font-size: .14rem; line-height: .34rem; float: left; width: .4rem; padding-right: .05rem; text-align: center; color: #333; } */
.first_page,.end_page,.prev_page,.next_page { font-size: .14rem; line-height: .34rem; display: inline-block; padding-right: .05rem; text-align: center; color: #333; cursor: pointer; }
.next_page {padding-right: 0; transform: scale(1);}
.blog_read .article_block {margin-right: 0;}
.content_list, .content_main { margin-left: .3rem; }
.blog .content_main ol { list-style-type: decimal; margin-left: .15rem; }
.blog .table_content {  background-color: #F8F8F8; overflow: hidden; border-radius: .05rem; width: 100%; margin: .4rem auto .4rem; }
.blog .table_content2 { overflow: hidden; border-radius: .05rem; width: 100%;  margin: .4rem auto .4rem;  }
.blog .table_content tbody,.blog .table_content2 tbody {  border: 1px solid #E6E6E6; border-radius: .05rem;  }
.blog .table_content2 tbody tr { border-bottom: 1px solid #E6E6E6; text-align: center; }
.blog .table_content2 tbody tr:first-child td { color: #000; font-size: .2rem; font-weight: 500; }
.blog .table_content tbody td,.blog .table_content2 tbody td  { padding: 0 .3rem; }
.blog .table_content tbody tr:first-child { border: 1px solid #E6E6E6; }
.blog .table_content tbody tr td { border-right: 1px solid #E6E6E6; }
.td_middle { vertical-align: text-top; }
.td_bottom { margin-bottom: .3rem; }
.table_title { margin-top: .2rem; display: block; }

.blog .table_content li {margin: .05rem 0;}
.breadcrumbs { margin-bottom: .14rem;}
.breadcrumbs a { color: #666; font-size: .16rem; line-height: .36rem; }
.breadcrumbs a:hover { color: #2C67FF; text-decoration: none; }

.aside_mo { position: sticky; top: 0rem; background-color: #F8F8F8; display: none; z-index: 3; }
.aside_mo h3 {text-align: center; cursor: pointer; padding: .2rem 0; }
.aside_mo .icon_down { font-size: .22rem; font-weight: 700; transform: rotateZ(-90deg); }
.nav_content { display: none; height: 3.2rem; overflow: auto; }
.nav_content::-webkit-scrollbar {width: .08rem;border-radius: 5px;background-color: #E6E6E6;}
.nav_content::-webkit-scrollbar-thumb {border-radius: .05rem;/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */background: #E6E6E6;}
.nav_content::-webkit-scrollbar-track {/* -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */border-radius: .05rem;background: #F5F5F5;}
.nav_content a { display: block; max-width: 100%; }
.nav_content .aside_text { max-width: 100%; }
.aside_mo .show { display: block; }
.nav_mo .show { display: block; }
/* 2022/8/2 */

.article_side{ width:23%; max-width: 320px;}
.article_content{ width:75%; max-width: 1080px; padding-left: 6%; border-right: none; border-bottom: none; border-top: none; }

.article_side_title{ font-size: .36rem; font-weight: 700; color: #000; }
.blog_margin_bottom{ margin-bottom: 10px;}
.article_list{ margin: .3rem 0 .3rem 0; padding: .15rem 0 .3rem 0; border-left: none; border-right: none;border-top: 1px solid #E6E6E6;}
.article_list li{ margin-top: .15rem; font-size: .18rem;}
.article_list a{ display: block; margin-top: 10px; color: #333;}
.article_list a:hover{ text-decoration: none;}
.article_side_desc{ color: #333;}
.article_list_title, .article_list a:hover,.article_list_active a{ color: #2C67FF;}
.article_list li dd{ font-size: .14rem; padding-left:.2rem;}
.article_list .icon_down{ position: absolute;top: 12px; right:0;}
/* .article_main{display: flex;} */
.article_main::after { content: ""; display: block; clear: both; }
.article_side_subscribe b{ font-size: .18rem; font-weight: 500; }
.article_side_subscribe b img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.article_side_subscribe p{ margin: .15rem 0; font-size: .14rem; color: #666;}
.article_side_subscribe_email{ height: 40px; border-radius: 5px; position: relative;}
.subscribe_email{ width: 65%; height: 36px; margin: 0 2px; display: inline-block; border: none; }
.subscribe_btn{ width: 29%; font-size: .14rem; margin-top: 2px; display: inline-block; vertical-align: middle; border-radius: 3px; line-height: 36px; position: absolute; right: 2px;}


.article_content_desc img{ width: 10%; display: inline-block; vertical-align: middle;}
.article_content_text{ width: 80%; margin-left: .1rem; display: inline-block; vertical-align: middle;color: #000000;}
.article_content_text p{ margin-top: 5px;}
#cat_title{ font-size: .22rem; font-weight: 600;}
.article_block{ max-width: 400px; width: 100%; display: inline-block; margin: 0 .28rem .6rem; vertical-align: top;}
.article_content .article_block:nth-of-type(2n+1){ margin-left: 4%;}
.article_thumbnail{margin-bottom: .1rem;  transition:all .5s ease-in-out; }
/* border: 1px solid #E6E6E6; */
.article_thumbnail img{transition:all .5s ease-in-out; display: inherit;}
.article_thumbnail:hover img{ transform: scale(1.05);}
.article_thumbnail .article_thumbnail_img {display: block;}
.article_block_label{ display: inline-block; border: 1px solid #EAF0FF; padding: 3px 5px; border-radius: 5px; color: #2C67FF; cursor: pointer;}

.article_block_title a{min-height: 108px; display: block; margin: .1rem 0 .15rem; font-size: .24rem; font-weight: 600; color: #000; line-height: 1.5;}
.article_block_label:hover{ background-color:#F2F6FF; color: #2C67FF; }
.article_block_title a:hover{ text-decoration: none; color:#2C67FF;}
.article_block_author img { display: inline-block; vertical-align: middle;border-radius: 11.5px; border: 1px solid #e6e6e6;max-width: 50px;box-sizing: border-box; }

.article_block_author_info{ margin-left:10px; font-size: .14rem;display: inline-block; vertical-align: middle;}
.article_block_author_info time{ color: #666;}
.article_block_author_info p{ font-size: inherit;}
.article_block_author_info a{ color: #333; font-size: inherit;}
.article_a {display: block; border-radius: 30px 10px; overflow: hidden; border: 1px solid #E6E6E6; transform: rotate(0);}
.list_top_marge{margin-top: 0.3rem;}
.list_main_banner{ margin-top: .5rem;}
.list_main_banner h1{ margin: .3rem auto .2rem auto; font-size: .44rem;font-weight: 600;}
.list_main_banner p{ max-width: 1100px; font-size: .2rem; margin: 0 auto;}

.list_content{ padding:.6rem 0; margin: .7rem auto; border-radius: 30px; background: #F8F8F8 url(../img/list_background.jpg) left bottom no-repeat; position: relative;}
.list_content::before{ content: ""; width: 100%; height: 40px; background:url(../img/list_background_top.jpg) top center no-repeat; position: absolute; top: 0; left: 0;}

.list_side{ min-width: 320px; min-height: 60px; margin: 0 1rem;}
.list_side a{ display: block; line-height: 34px; text-align: center; height: 36px; font-weight: 500; margin-top: .3rem;color: #333;  padding: .1rem; border: 1px solid #E6E6E6; font-size: .18rem; border-radius: 5px; background-color: #fff;  transition: box-shadow .3s ease-in-out; text-decoration: none;}
.list_side a:after{content: ""; width: 0; height: 0; display: block; border: 14px solid transparent; position: absolute; right: -26px; top: 15px; transition: border .3s ease-in-out;}

.list_side_active, .list_side a:hover{box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); position: relative; text-decoration: none;color: #2C67FF;}
.list_side .list_side_active{color: #2C67FF;}
.list_side .list_side_active::after {border-left-color: #fff; }
.list_side a:hover::after{border: 14px solid transparent;  border-left-color: #fff;}
.list_marge_left li a{text-decoration: none;}
.list_detail{display: none;}
.list_detail:first-of-type{ display: block;}
.list_detail li a{ display: block; margin-top: .2rem; font-size: .18rem; color: #333;}
.list_detail li a:hover{ color: #2C67FF;}
.list_detail li:hover .icon_triangle_line::after{ content:"\e906";} 
.list_detail .icon_triangle_line{transform: scale(0.7);margin-bottom: 6px;}
.icon_triangle{ font-size: 12px; padding-bottom: 3px;}
.list_categories h2{ margin: 0 0.1rem 0.2rem 0.1rem; font-size: .2rem; font-weight: 600; display: inline-block; vertical-align: middle;}
.list_categories a{ padding: .1rem; margin:0 .1rem .2rem .1rem; display: inline-block; vertical-align: middle; background-color: #F2F2F7; border-radius: 5px; font-size: .17rem; color: #333;}
.list_marge_left{margin-left: 100px;}

 .list_categories a:hover{box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); position: relative; text-decoration: none;color: #2C67FF;}
 .screen_list_div  a:hover{box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15); position: relative; text-decoration: none;color: #2C67FF;background-color: #fff;}

.blog{ max-width: 1600px; width: 57%; margin: .4rem 1.32rem; position: relative; float: left;}
.blog h1{ margin: .4rem auto; font-size: .52rem; font-weight: 600; line-height: 1.2;}
.blog h2{ margin: .35rem auto .2rem auto; font-size: .3rem; font-weight: 600;}
.blog h3{ margin: .35rem auto .2rem auto; font-size: .22rem; font-weight: 500;}
.blog h4{ margin: .35rem auto .2rem auto; font-size: .20rem; color: #333333; font-weight: 500;}
.blog p{ margin-top: .3rem; font-size: .18rem; color: #333333;}
.blog li{ margin: .2rem 0 0.3rem; font-size: .18rem; font-weight: 400;}
.blog .content_list li::before{ content: ""; display: inline-block; width: 5px; height: 5px; margin:10px 5px 0 0; border-radius: 5px; background-color: #2C67FF; vertical-align: top;}
.blog_nav{ margin: .6rem auto; padding: .3rem; background-color: #F8F8F8; border-radius: 5px;overflow: hidden;}
.blog_nav_fold{height: 15px;}
.blog_nav .foldbtn{font-weight: 400;font-size: 14px;color: #2071cc;cursor: pointer;vertical-align: middle;font-style: normal;margin-left: 8px;}
.blog_nav .foldbtn::after{content: "]";margin-left: 3px;}
.blog_nav .foldbtn::before{content: "[";margin-right: 3px;}
.blog_nav h3{ margin: 0;}
.blog_nav_sub a{ padding-left: .3rem; color: #333; font-size: .16rem;}
.blog_nav_sub a::before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 5px; background-color: #333; margin: 10px 10px 0 0; vertical-align: text-top;}
.blog_nav_single a{ display: block; margin: .2rem 0; color: #2C67FF; font-weight: normal;}
.blog_nav p{ margin: 10px 0;}

.share_block{ display: inline-block; vertical-align: middle;}
.share_block a{ display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #000; background: url(../img/share_background1.png) no-repeat;  line-height: 33px;}
.share_block a:hover{ color: #2C67FF;}
.share_block a i:after{font-size: .16rem;}
.blog_share{ position: absolute; left: -1.30rem; top: 2.45rem;}
.blog_share a{ margin-top: .1rem; display: block;}

.blog_author img { margin-right: 10px; display: inline-block; vertical-align: middle;border-radius: 11.5px;border: 1px solid #e6e6e6;}
.blog_author_info{ max-width: 80%; display: inline-block; vertical-align: middle; font-size: .18rem;}
.blog_author_info b { font-weight: 400; }
.blog_author_info a{ font-weight: 400; color: #2C67FF; font-size: inherit;}
.blog_author_info p{ margin: 0; color: #666; font-size: inherit;}
.blog_author_info p a{ text-decoration: underline; font-size: inherit;}
 .blog_img_radius{border-radius: 10px;}
.blog_author2{ margin-top: .5rem;}
.blog_author2 .blog_author_info { max-width: 540px; padding: 0 .1rem; margin-right:.1rem; vertical-align: middle; border-right: 1px solid #e6e6e6; }
.blog_author2 p{ font-size: .14rem; color: #666; }
.blog_author_share{ display: inline-block;}
.blog_author_share a{ margin-right: 5px;}


.tips_style{ margin: .2rem auto; padding: 0 .3rem 0 90px;  border-radius: 5px;  background: url(../img/tip.jpg) no-repeat; }
.note_style{ margin: .2rem auto; padding: 0 .3rem 0 90px;   border-radius: 5px;  background: url(../img/note.jpg) no-repeat;}
.tips_style p, .note_style p{ margin-bottom: .2rem;}
.blog_read { border-top: 1px solid #e6e6e6; margin-top: .5rem; padding-top: .1rem;}


.blog .article_block{ width: 30%;  margin-top: 0; }
/* .blog .article_block:nth-of-type(2n){ margin: 0 3%;} */
.blog .article_block_title a{ font-size: .16rem; line-height: 1.5;}
.blog .article_block_title{ margin: .2rem auto;}
.blog .article_block_author_info p{ margin: 0; font-size: .14rem;}
.blog .article_block_author_info .time{ font-weight: 400;}
.wp-caption{ max-width: 100%; margin: .5rem auto;; text-align: center;}
.wp-caption p{ margin: 10px auto; font-size: .14rem; color: #666; font-style: italic;}




#backtop{ width: 70px; height: 70px; border-radius: 5px; position: fixed; right:60px; bottom: 20px; background:#F8F8F8 url(../img/top.svg) center no-repeat; cursor: pointer; display: none;}
#backtop:hover{background:#2C67FF url(../img/top_hover.svg) center no-repeat;}


.authors_banner{ padding: .65rem 0 .7rem 0; background: url(../img/authors_background.jpg) center bottom no-repeat; background-size: 100% auto; }
.authors_banner_cont{ width: 100%; max-width: 980px; margin: 0 auto;}
.authors_banner_avatar{ width: 270px; height: 180px; display: inline-block; margin-right: .3rem; background: url(../img/author_avatar_background.png) no-repeat; text-align: center; vertical-align: top;}
.authors_banner_info{ width: 66%; display: inline-block; vertical-align: top; }

.authors_banner_info h1{ font-size: .44rem;font-weight: 600;}
.authors_banner_info p{ margin:.1rem 0 .3rem 0; font-size: .2rem;}
.authors_list h2{ margin-top: .6rem; font-size: .3rem; color: #000; text-align: center; font-weight: 600;}
.authors_list .article_block{ width: 31%;}
.authors_list .article_block:nth-of-type(3n-1) { margin: .6rem 3% 0 3%;}
.authors_featured_title{ display: block; font-size: .22rem;}
.authors_featured{ border: 1px solid #E6E6E6; border-radius: 30px;}
.authors_featured_block{background: #F8F8F8; border-radius: 10px;}
.authors_featured_title{ font-size: .22rem; font-weight: 600;}

.article_content{ display: none;} 
.article_content_active{ display: block;}

.read_all{ width: 80%; max-width: 400px; margin: .8rem auto 0 auto; height: .6rem; line-height: .6rem; border-radius: 5px; border: 1px solid #2C67FF; text-align: center; font-size: .2rem; font-weight: 500;}
.read_all a{text-decoration: none;}
.read_all:hover{ background-color: #2C67FF; }
.read_all:hover a{ color: #fff; }
#disqus_thread{ margin-top: .5rem;}
.pagenavi a{ font-size: .14rem; line-height: .36rem; padding: 0.02rem .13rem 0; display: inline-block; text-align: center; color: #999; cursor: pointer; background-color: #F5F5F5; margin-right: .08rem; border-radius: 0.05rem;	}
.pagenavi .current,.article_page .current:hover{ color: #fff; background-color: #2C67FF;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}

@media screen and (max-width: 1400px){
	.article_nav { margin: .6rem auto; }
	.article_block { margin: .3rem 1%; width: 31%; }
	.dft_pw{ width: 95%; padding: 0 2.5%;}
	.blog { margin: .4rem 9%; }
	.blog_share { left: -1rem; }
	/* .blog{ width: 95%; padding: 0 2.5%;} */

	.article_page { margin: .3rem auto 1rem; }
}

@media screen and (max-width: 1200px) {
	.article_nav_list li {margin-right: 1%; padding: 0 2%;}
	.article_nav_list li a { font-size: .14rem; padding: 0.17rem 0;}
	.article_nav { height: 54px; }
	/* .gm_dropdown__menu { right: 1%; } */
}

@media screen and (max-width: 1024px) {
	.article_block, .blog .article_block, .authors_list .article_block {margin: 0.2rem 3.5%; width: 42%; }
}

@media screen and (max-width: 980px){
	.article_nav_list .section_tab_more dl { width: 120px; }
	.article_nav_list li {margin-right: 1%; padding: 0 0.8%;}

	.aside_mo h3 {border: 1px solid #e6e6e6;}
	 .aside_pc { display: none; }
	 .aside_mo { display: block; }
	 .authors_banner_cont{ width: 95%; padding: 0 2.5%; text-align: center; }
	 .authors_banner_info{ width: 90%; margin: 0 auto;}
	/* .article_block, .blog .article_block, .authors_list .article_block{ margin-bottom: .4rem; width: 46%;} */
	 .authors_list .article_block:nth-of-type(3n-1){ margin: .6rem 1% 0 1%;}
	 .authors_banner_avatar{ margin-bottom: .3rem;}

	 .blog_share { position: inherit; }
	 .blog_share a { display: inline-block;}
	 .blog { width: 90%; margin: .4rem 5%; }
	 .aside { position: static; }

}

@media screen and (max-width: 750px){
	.icon_down::after { font-size: .24rem; line-height: .32rem; margin-top: -.1rem;}
	.nav_pc { display: none; }
	.nav_mo { display: block; max-width: 85%; margin: 0.2rem auto; border-radius: 10px; }
	.breadcrumbs a { font-size: 15px; }
	.blog_author_info a { font-size: 16px; }
	.aside_mo .nav_content { height: 5rem; }
	.nav_mo .nav_content { height: auto; }
	.blog .content_list li::before,.blog_nav_sub a::before { margin: 7px 10px 0 0;}
	.nav_content .aside_text { font-size: 16px; line-height: 26px;}
	.blog_nav_sub a { font-size: 13px; }
	.blog { overflow: hidden; }
	.blog .table_content2 tbody tr td { padding: 0 5px; font-size: 14px; border-right: 1px solid #E6E6E6; }
	.blog .table_content li span { font-size: 14px;}
	.blog .table_content2 tbody tr:first-child td { font-size: 16px;  }
	.blog h4 { font-size: 15px;}
	.blog h3 { font-size: 16px; }
	.blog li { font-size: 14px; }
	.tips_style { margin: .6rem auto; }
	.blog .article_block_author_info p { font-size: 16px; }
	.aside_mo h3 { padding: .4rem 0; }
    .article_banner p, .article_banner1 p { font-size: 16px; width: 92%; }
	.blog .article_block_title a { font-size: 16px; }
	.article_block_author_info { font-size: 14px; }
	.article_nav_list li { max-width: 210px;}
	.article_nav_list li a { font-size: 14px; padding: .12rem 0; }
	.article_side, .article_content{ max-width:  none; width: 95%; margin: 20px auto;}
	.article_side { float: none;}
	.article_content{padding: 0; float: none; border: none;}
	.first_page, .end_page, .prev_page, .next_page { font-size: 16px; }
	.article_page li, .article_page i { font-size: 14px; }
	.article_page { max-width: 600px; }
	.article_content .article_block:nth-of-type(3n-1){ margin-left: 0;}
	/* .blog .article_block:nth-of-type(2n){margin-top: .4rem; } */
	.blog_author2 .blog_author_info{ margin: .2rem 0;}
	.authors_list .article_block:nth-of-type(3n-1){ margin: .4rem auto 0 auto;}
	#footer { margin: 20px auto 0; }
	.blog h2{ font-size: 17px;}
	.blog p{font-size: 14px;}
	#backtop{ right: 0; bottom: 0;}

	.article_block_title a { font-size: .34rem; }
	.article_block_author img { width: 42px; }
	.article_block_author_info a { font-weight: 500; }
	.article_banner h1, .article_banner1 h1 { line-height: 31.5px; }
	.pagenavi a { padding: 10px 13px; font-size: 15px; margin-right: .1rem; line-height: 18px; }
	.pagenavi .turnpage { display: none; }
}

@media screen and (max-width: 568px) {
	.article_block, .blog .article_block, .authors_list .article_block{ margin-top: .4rem; max-width: 400px; width: 90%; display: block; margin: .8rem auto;}
	.first_page, .end_page, .prev_page, .next_page { margin: 0; }
	.article_block_title a{min-height: auto;}
}

@media screen and (max-width: 450px) {
	.blog .table_content2 {  width: 7.36rem; }
	.blog .table_content2 tbody tr td { padding: 0 .2rem; border-right: 1px solid #E6E6E6; }
}