@charset "UTF-8";
img{max-width: 100%;}
a{font-size: inherit;}
.dft_btn {color: #fff !important;border-radius: 5px;background-color: #2C67FF;text-align: center;border: 1px solid #2C67FF;text-decoration: none;}
.dft_btn:hover{text-decoration: none;}
.blog .dft_btn .icon_download:after {font-size: .2rem;}
.icon_download:after {content: "\e929";font-size: 1.1em;}
.dft_line{border: 1px solid #e6e6e6;}
[class*="icon_"], [class^=icon_] {margin: 0 10px;font-family: "iconfont";speak: none;font-style: normal;line-height: 1;vertical-align: middle;display: inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon_fb:after {content: "\e918";}
.icon_tw:after {content: "\e937";}
.icon_in:after {content: "\e938";}
.icon_copy:after {content: "\e936";}
.icon_triangle:after {content: "\e939";}
.wp-caption img { box-shadow: 6px 6px 20px rgba(167, 167, 167, 0.25); border-radius: 10px; }
.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(../wipit/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: .3rem 0; font-size: .52rem; }
.article_banner p,.article_banner1 p {max-width: 8.5rem; width: 100%; margin: 0 auto; font-size: .24rem; line-height: .36rem;}
.article_banner1 {background: url(../wipit/img/banner_bgimg.png) top center no-repeat; background-size: cover; width: 100%; text-align: center; padding: .6rem 0;}
.article_nav { max-width: 10.2rem; width: 90%; height: .64rem; margin: .6rem auto 1rem; border-bottom: 1px solid #D4D4D4; position: relative; }
.article_nav_list li { float: left; box-sizing: border-box; max-width: 1.84rem; width: 100%; margin-right: .25rem; text-align: center;}
.article_nav .article_nav_list li:last-child { margin-right: 0rem; position: relative;}
.article_nav_list li a { display: inline-block; margin:0 auto; padding: .14rem 0; color: #333; font-weight: 400; font-size: .24rem; 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; line-height: .32rem;}
.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: 5.75rem; 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: 310px; float: right;position: sticky; top: 160px; width: 24%; box-sizing: border-box; border: 1px solid #E6E6E6; border-radius: 10px; padding-bottom: 10px;}
.aside .cnav_title {color: #000000; font-size: .18rem; margin-bottom: .15rem; line-height: 26px; font-weight: 500;  text-align: center; padding: .17rem 0; background-color: #F8F8F8; border-radius: 5px; max-width: 290px; width: 100%; margin: 10px 10px 15px;}
.aside_item { padding: 0 0 15px 10px; max-width: 290px; width: 100%; box-sizing: border-box; display: inline-block; color: #7b7b7b; font-size: .16rem; line-height: 24px; padding-left: 30px; cursor: pointer; position: relative;}
.drop_down::after { display: block; content: '\e939'; font-family: "iconfont"; position: absolute; top: 3px; left: 15px; font-size: 12px; color: #999; font-style: normal;}
.drop_right::after { display: block; content: '\e924'; font-family: "iconfont"; position: absolute; top: 3px; left: 15px; font-size: 12px; color: #999; font-style: normal;}

.aside_item:hover, .aside_item:hover .aside_title, .aside_item:hover .drop_down::after, .aside_item:hover .drop_right::after, .aside_item ul li:hover { text-decoration: none; color: #333; }
.active.aside_item:hover .aside_title, .active.aside_item:hover .drop_down::after, .active.aside_item:hover .drop_right::after, .aside_item ul li.active:hover { color: #2C67FF; }
.aside_item:first-child { padding-top: 0; }
 /* { color: #2C67FF; } */

.aside_arrow { position: absolute;  top: 40%; left: .2rem;}
.aside_title { margin-top: 0; font-size: 16px; line-height: 24px; font-weight: 400; color: #7b7b7b; }
.aside_list { display: block; }
.aside_list li {font-size: 14px; line-height: 21px; font-weight: 400; color: #7b7b7b; padding-top: 15px; list-style: disc; position: relative; left: 10px; width: calc(100% - 10px); }

.aside .cnav_content { overflow-y: auto; height: 55vh; width: 100%;}
.aside .cnav_content::-webkit-scrollbar { height: 4px; }
.aside .cnav_content::-webkit-scrollbar-thumb { border-radius: 10px; border: 6px solid rgba(0, 0, 0, 0); box-shadow: 8px 0 0 #d3d3d3 inset;}
.icon_right {transform: rotate(-90deg); position: absolute; top: 32%; left: 0;}
.icon_right::before { content: "\e901"; font-size: .14rem; }
.aside_item.active ,.active .aside_title, .aside_list .active, .active .drop_down::after, .active .drop_right::after{ color: #2c67ff; transition: all .3s ease-in-out;}
.select .drop_down::after { transform: rotateZ(90deg); transition: all .3s ease-in-out;}

.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; }
.section_tab .select::after {transform: scaleX(1);}
.nav_mo { display: none; background-color: #f8f8f8; border: 1px solid #e6e6e6; }
.nav_mo h3 { font-size: .3rem; padding: .2rem 0; text-align: center; background-color: #f8f8f8; }
.nav_mo li { padding: .2rem .1rem; text-align: center; border-top: 1px solid #e6e6e6; }
.nav_mo li a { color: #333; }
.nav_mo i { transform: rotateZ(-90deg); }
.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; }
.template_blog .content_main ol { list-style-type: decimal; margin-left: .15rem; }
.template_blog .table_content {  background-color: #F8F8F8; overflow: hidden; border-radius: .05rem; width: 100%; margin: .4rem auto .4rem; }
.template_blog .table_content2 { overflow: hidden; border-radius: .05rem; width: 100% !important;  margin: .4rem auto .4rem;  }
.template_blog .table_content tbody,.template_blog .table_content2 tbody {  border: 1px solid #E6E6E6; border-radius: .05rem;  }
.template_blog .table_content2 tbody tr { border-bottom: 1px solid #E6E6E6; text-align: center; }
.template_blog .table_content2 tbody tr:first-child td { color: #000; font-size: .2rem; font-weight: 500; }
.template_blog .table_content tbody td,.template_blog .table_content2 tbody td  { padding: 0 .3rem; }
.template_blog .table_content tbody tr:first-child { border: 1px solid #E6E6E6; }
.template_blog .table_content tbody tr td { border-right: 1px solid #E6E6E6; }
.blog .content_main { margin-left: .3rem; }
.blog .content_main ol { list-style-type: decimal; margin-left: .15rem; }
.blog .table_content {  background-color: #F8F8F8 !important; border-radius: .05rem; width: 100% !important; margin: .4rem auto .4rem; }
.blog .table_content2 { overflow: hidden; border-radius: .05rem; width: 100%;  margin: .4rem auto .4rem;  }
.blog .table_content tbody, .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,.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; }

.template_blog .table_content li {margin: .05rem 0;}
.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{ width: 47%; display: inline-block; margin-bottom: .6rem; vertical-align: top;}
.article_content .article_block:nth-of-type(2n+1){ margin-left: 4%;}
.article_thumbnail{margin-bottom: .2rem; border-radius: 30px 0px; overflow: hidden; transition:all .5s ease-in-out;border: 1px solid #E6E6E6;}
.article_thumbnail a { display: block; }
/* border: 1px solid #E6E6E6; */
.article_thumbnail img{transition:all .5s ease-in-out; display: inherit;}
.article_thumbnail:hover{ border-radius:0 30px;}
.article_thumbnail:hover img{ transform: scale(1.05);}
.article_thumbnail .article_thumbnail_img {display: block;}
.article_block_label{ display: inline-block; padding: 3px 10px; color: #2C67FF; background-color: #F2F2F7;}

.article_block_title a{min-height: 108px; display: block; margin: .15rem 0; font-size: .24rem; font-weight: 600; color: #000; line-height: 1.5;}
.article_block_label:hover{ background-color:#2C67FF; color: #fff; }
.article_block_title a:hover{ text-decoration: none; color:#2C67FF;}
.article_block_author img,.article_block_author_info{ display: inline-block; vertical-align: middle;}
.article_block_author img{max-width: 50px;border-radius: 11.5px;border: 1px solid #e6e6e6;box-sizing: border-box;}
.article_block_author_info{ margin-left:10px; font-size: .14rem;}
.article_block_author_info time{ color: #666;}
.article_block_author_info p{ font-size: inherit;}
.article_block_author_info a{ color: #000; font-size: inherit;}
.article_a {display: block;}
.article{margin-top: 40px;}
.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(../wipit/img/list_background.jpg) left bottom no-repeat; position: relative;}
.list_content::before{ content: ""; width: 100%; height: 40px; background:url(../wipit/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: 800px; margin: 40px auto; position: relative;}
.template_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: .3rem auto; font-size: .28rem; font-weight: 600; background-color: #F8F8F8; padding: 15px; border-left: 5px solid #3BBA54;}
.blog h3{ margin: .3rem auto; font-size: .22rem; font-weight: 500; background-color: #F8F8F8; padding: 10px; border-left: 5px solid #3BBA54;}
.blog h4{ margin: .3rem auto; font-size: .20rem; color: #333333; font-weight: 500; background-color: #F8F8F8; padding: 10px; border-left: 5px solid #3BBA54;}
.blog p{ margin-top: .3rem; font-size: .18rem; color: #333333;}
.blog li{ margin: 5px 0 0.1rem; font-size: .16rem; font-weight: 400; list-style: disc; list-style-position: inside;}
.blog .keep_title { margin: 0.3rem auto; font-size: .28rem; font-weight: 600; padding: 15px 0; }

/* .blog li::before{ content: ""; display: inline-block; width: 5px; height: 5px; margin: 0.1rem 5px 0 0; border-radius: 5px; background-color: #2C67FF; vertical-align: top;} */
.blog .dft_btn {padding: 0.1rem 0.2rem;  font-size: .2rem;  font-weight: 600; }
.blog .dft_btn .icon_download:after{font-size: .2rem;}
.blog_nav{ margin: .3rem auto; padding: .3rem; background-color: #F8F8F8; border-radius: 5px;overflow: hidden;}
.blog .blog_nav h3{ border-left: none; background:none;}
.blog_nav h3{ border-left: none; background:none;}
.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;font-size: inherit; margin: .2rem 0; color: #2C67FF; font-weight: normal;}
.blog_nav p{ margin: 5px 0;}

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

.blog_share a:nth-child(1){display: none;}

/* .blog_share.act{right: 60px;}
.blog_share {position: fixed;top: 150px;display: inline-block;vertical-align: middle;transition: .3s; width: 40px;right: -200px;z-index: 101;}
.blog_share a {margin-top: 0.15rem;display: block;} */
/* .share_block a {display: inline-block;width: 41px;height: 35px;text-align: center;position: relative; line-height: 40px;color: #000;background: url(../wipit/img/share_background.png) no-repeat;line-height: 37px;} */
.share_block a i{position: relative;z-index: 3;}
.share_block a:nth-child(1)::after {content: "";z-index: 2;width: 40px;height: 35px;position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;background: url(../wipit/img/share_bg1.svg) no-repeat;background-size: 100%;}
.share_block a:nth-child(2)::after {content: "";width: 40px;height: 40px;position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;background: url(../wipit/img/share_bg4.svg) no-repeat;background-size: 100%;}
.share_block a:nth-child(3)::after {content: "";width: 40px;height: 40px;position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;background: url(../wipit/img/share_bg3.svg) no-repeat;background-size: 100%;}
.share_block a:nth-child(4)::after {content: "";width: 40px;height: 40px;position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;background: url(../wipit/img/share_bg7.svg) no-repeat;background-size: 100%;}
.share_block a:hover {color: white;background: none;}
.share_block a:hover::after{opacity: 1;}
.icon_in{margin-left: 12px;}

.vaml{vertical-align: middle;}



.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;}
.blog .article_author_title { margin: 0.3rem auto; font-size: .28rem; font-weight: 600; }

.tips_style{ margin: .3rem auto; padding: 0 .3rem 0 90px;  border-radius: 5px;  background: url(../wipit/img/tip.jpg) no-repeat; }
.note_style{ margin: .3rem auto; padding: 0 .3rem 0 90px;   border-radius: 5px;  background: url(../wipit/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: .3rem auto;; text-align: center;}
.wp-caption p{ margin: 10px auto; font-size: .14rem; color: #666; font-style: italic;}





/* 20240604 */
#backtop{ width: 70px; height: 70px; border-radius: 50%;border: 2px solid #fff;box-sizing: border-box; position: fixed; right:60px; bottom: 130px; background:linear-gradient(180deg, #EDF2FF 0%, #D4EDFF 100%); cursor: pointer; display: none;box-shadow:0px 8px 20px rgba(0, 0, 0, 0.10) ;text-align: center;}
#backtop::before{content: "\e906";color: #2C67FF;font-family: "iconfont";font-size: 16px; transform:translate(-50%,-50%) rotateZ(-90deg);position: absolute;left: 50%;top: 36%;}
#backtop::after{content: "TOP";transform:translate(-50%,-50%);position: absolute;left: 50%;top: 66%;color: #2C67FF;font-size: 12px;font-weight: 600;}
#backtop:hover{background:linear-gradient(180deg, #EDF2FF 0%, #D4EDFF 100%);}
#backtop:hover::after{color: #0148FF;}
#backtop:hover::before{color: #0148FF;}
#backtop:active::after{color: #5A89FF;}
#backtop:active::before{color: #5A89FF;}



.authors_banner{ padding: .65rem 0 .7rem 0; background: url(../wipit/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(../wipit/img/author_avatar_background.png) no-repeat; text-align: center; vertical-align: top;}
.authors_banner_avatar img { background-color: #fff; border-radius: 30px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); }
.authors_banner_info{ width: 66%; display: inline-block; vertical-align: top; }
.nobg{background: none;}

.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: .6rem auto; font-size: .36rem; color: #000; text-align: center; font-weight: 600;}
.authors_list .article_block{ max-width: 400px; width: 100%; display: inline-block; margin: 0 0.28rem 0.6rem; vertical-align: top;}
/* .authors_list .article_block:nth-of-type(3n-1) { margin-left: 3%; margin-right: 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;}


/* 20240731 add focusee banner */
.fs_banner{ width:calc(100% - .4rem); max-width: 8rem; padding:.2rem; margin: .3rem auto; background: url(../wipit/img/fs_article_banner_bg.jpg) center center no-repeat; background-size: cover; position: relative; color: #fff; display: flex;align-items: center;}
.fs_banner_content{ max-width: 5rem; margin-left:10px; }
.blog .fs_banner_title{ max-width: 4.6rem; font-size: .34rem; font-weight: 700; color: #fff; border-radius: 10px;}

.fs_banner_feature{ margin: .15rem 0;}
.blog .fs_banner_feature p{ display: inline-block; margin:.1rem .4rem 0 0; font-size: .16rem; font-weight: 900;color: transparent; background:linear-gradient(52.07deg, #BF37FF 3.43%, #00FFF0 96.17%);-webkit-background-clip: text;background-clip: text;-webkit-text-stroke: 1px #fff; text-stroke: 1px #fff;}
.fs_banner_content{ color: #fff;}
.blog .fs_banner_feature2 p{ margin-top: 0.1rem; font-size: .16rem; font-weight: 700; position: relative; color: #fff;}
.fs_banner_feature2 b{ font-size:.2rem; font-weight: 900; text-shadow: 2px 0 #BF37FF;}
.fs_banner_content .fs_banner_3x{text-shadow: 2px 0 #00FFF0;}
.fs_banner_feature2 p:before{ content: ""; width: .06rem; height:.06rem; border-radius: 100%; display: inline-block; margin-right: 10px; background-color: #fff; position: relative; top: -2px;}
.fs_banner .fs_banner_btn{display: inline-block; margin-top:.15rem; padding: .1rem .25rem; font-size: .2rem; font-weight: 700; border-radius: .1rem; background: linear-gradient(52.07deg, #BF37FF 3.43%, #00FFF0 96.17%); color: #fff;}
.fs_banner .fs_banner_btn:hover{ text-decoration: navajowhite;background: linear-gradient(52.07deg, #00FFF0 3.43%, #BF37FF 96.17%); }

@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){
	.dft_pw{ width: 95%; padding: 0 2.5%;}
	.blog{ width: 95%; padding: 0 2.5%;}
	.template_blog { max-width: 800px; width: 100%; margin: 0.4rem auto; float: none; padding: 0; }
	.article_nav { margin: .6rem auto; }
	.authors_list .article_block { margin: .3rem 1%; width: 31%; }
	.blog_share { left: -60px; }
	.aside { display: none; }
	.article_page { margin: .3rem auto 1rem; }
}

@media screen and (max-width: 1200px) {
	.article_nav_list li {margin-right: 1%; width: 18%;}
	.article_nav_list li a { font-size: .18rem;}
	.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){
	.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;}
	 .authors_banner_avatar{ margin-bottom: .3rem;}

	 .blog_share { position: inherit; left: 0%; }
	 .blog_share a { display: inline-block;}
	 .aside { position: static; }
}

@media screen and (max-width: 750px){
	.icon_down::after { font-size: .32rem; line-height: .32rem;}
	.nav_pc { display: none; }
	.nav_mo { display: block; max-width: 90%; margin: 0.2rem auto; }
	.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;}
	.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; }
	.template_blog { overflow: hidden; }
	.template_blog .table_content2 tbody tr td { padding: 0 5px; font-size: 14px; border-right: 1px solid #E6E6E6; }
	.template_blog .table_content tbody tr td { padding: 0 5px; font-size: 14px; border-right: 1px solid #E6E6E6; }
	.template_blog .table_content li span { font-size: 14px;}
	.template_blog .table_content2 tbody tr:first-child td { font-size: 16px;  }
	.template_blog h4 { font-size: 15px;}
	.template_blog h3 { font-size: 16px; }
	.template_blog li { font-size: 14px; }
	.blog .table_content2 tbody tr td { padding: 0 5px; font-size: 14px; border-right: 1px solid #E6E6E6; }
	.blog .table_content 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; }
	.template_blog .article_block_author_info p { font-size: 16px; }
	.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%; }
	.template_blog .article_block_title a { font-size: 16px; }
	.blog .article_block_title a { font-size: 16px; }
	.article_block_author_info { font-size: 14px; }
	.article_nav_list li { max-width: 2.1rem;}
	.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 { margin: .8rem auto 1rem; }
	.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;}
	#footer { margin: 20px auto 0; }
	#backtop{ right: 0; bottom: 0;}

	.blog h2{ font-size: 22px;}
	.blog h3{ font-size: 20px;}
	.blog h4{ font-size: 18px; font-weight: 500}
	.blog p, .blog li{font-size: 15px; line-height: 1.7;}

	.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{ max-width: 400px; margin: .8rem auto; width: 90%; display: block; }
	.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; }
	/* .table_content2 {  width: 7.36rem; } */
	.table_content2 tbody tr td { padding: 0 .2rem; border-right: 1px solid #E6E6E6; }
}