#footer{margin-top: 0 !important;} #blog_index .blog_header{height: 450px;background-color: #032eb8;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;text-align: center;} #blog_index .blog_header .title{font-size: 72px;color: #fff;} #blog_index .blog_header .title{font-size: 60px;text-transform: capitalize;} #blog_index .blog_header .subtitle{font-size: 24px;color: #fff;margin-top: 30px;} #blog_index .blog_header .subtitle span{font-size: 36px;font-weight: bold;position: relative;padding:0 5px;} #blog_index .blog_header .subtitle span i{position: relative; z-index: 10;} #blog_index .blog_header .subtitle span::after{content:''; position: absolute;width: 100%;height: 5px;background-color: #f4c55a;left: 0;bottom: 6px;z-index: 1;} #blog_index .blog_box{background-color: #f4f6f9;padding-bottom: 55px;color: #000;} #blog_index .blog_box .blog_nav{display: flex;margin-bottom: 40px;flex-wrap:wrap;padding-top: 40px;} #blog_index .blog_box .blog_nav .b_nav_item{display: flex;padding: 0 30px 15px;border-bottom: 3px solid #f4f6f9;font-size: 20px;margin-top: 20px;} #blog_index .blog_box .blog_nav .b_nav_item.cur{border-color: #005aff;font-weight: 600;} #blog_index .blog_box .blog_nav a.b_nav_item{color: #000;} #blog_index .blog_box .blog_nav .b_nav_item div{white-space: nowrap;} #blog_index .blog_box .blog_content{display: flex;} #blog_index .blog_box .blog_content_left{width: 69%;} #blog_index .blog_box .blog_list{display: -webkit-grid;display: -ms-grid;display: -moz-grid;display: grid;-webkit-grid-template-columns: repeat(2, 1fr);-ms-grid-columns: repeat(2, 1fr);grid-template-columns: repeat(2, 1fr);} #blog_index .blog_box .blog_list .blog_item{margin: 0 40px 40px 0;border-radius: 20px;background-color: #fff;padding: 25px;padding-bottom: 40px;word-break: break-all;display: flex;flex-direction: column;justify-content: space-between;} #blog_index .blog_box .blog_list .blog_item a{color: #000;display: block;} #blog_index .blog_box .blog_list .b_i_img{margin: 0 auto 20px;width: 100%;padding-top: 43%;position: relative;} #blog_index .blog_box .blog_list .b_i_img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;max-width: unset;max-height: unset;object-fit: cover;} #blog_index .blog_box .blog_list .b_i_img img.lazy{ width: 32px; height: 32px; top: 50%; left: 50%; transform: translate(-50%, -50%); } #blog_index .blog_box .blog_list .b_i_tetle{font-size: 24px;line-height: 1.5;margin-bottom: 15px;} #blog_index .blog_box .blog_list .b_i_author{font-size: 14px;line-height: 1.5;color: #333333;} #blog_index .blog_box .blog_list .b_i_more{position: relative;width: fit-content;margin-top: 25px;} #blog_index .blog_box .blog_list .b_i_more .right_arrow{width: 15px;background-image: url(../images/blog/icon_right_arrow.png);background-repeat: no-repeat;background-position: center;position: absolute;height: 100%;right: -25px;top: 1px;} #blog_index .blog_box .blog_content_right{width: 31%;} #blog_index .blog_box .search_box{width: 90%;} #blog_index .blog_box .search_box .title{font-size: 20px;margin-bottom: 20px;} #blog_index .blog_box .search_box .search_input{height: 50px;border-radius: 50px;width: 100%;background-color: #fff;display: flex;margin-bottom: 25px;overflow: hidden;} #blog_index .blog_box .search_box .search_input input{height: 100%;flex: 1;border: none;padding: 0 25px;} #blog_index .blog_box .search_box .search_input .search{height: 100%;width: 50px;border-radius: 50%;background-color: #146aff;position: relative;cursor: pointer;} #blog_index .blog_box .search_box .search_input .search .icon_search{width: 20px;background-image: url(../images/blog/icon_search.png);background-repeat: no-repeat;background-position: center;position: absolute;height: 100%;left: 50%;transform: translateX(-50%)} #blog_index .blog_box .search_box .search_history{display: flex;flex-wrap: wrap;} #blog_index .blog_box .search_box .s_h_item{height: 40px;box-sizing: border-box;margin: 0 15px 15px 0;padding: 10px 15px;border-radius: 40px;font-size: 14px;color: #333;background-color: #faf3ab;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #blog_index .blog_box .blog_content .list_empty{text-align: center;padding: 50px;margin-right: 40px;background-color: #fff;border-radius: 8px;margin-bottom: 40px;} #blog_index .blog_box .blog_content .list_empty .img{width: 100%;display: flex;align-items: center;justify-content: center;} #blog_index .blog_box .blog_content .list_empty .img span{margin-left: 10px;font-size: 20px;color: #001141;border-radius: 20px;} #blog_index .blog_box .blog_content .list_empty .consultant_box{border-radius: 20px;display: flex;justify-content: space-between;text-align: left;font-size: 14px;width: fit-content;margin: 60px auto 100px;} #blog_index .blog_box .blog_content .list_empty .c_box_content{margin: 35px 40px 35px 30px;} #blog_index .blog_box .blog_content .list_empty .c_box_title{font-size: 20px;color: #000;margin-bottom: 15px;} #blog_index .blog_box .blog_content .list_empty .c_box_title span{font-weight: 600;} #blog_index .blog_box .blog_content .list_empty .c_box_desc{color: #444444;margin-bottom: 25px;} #blog_index .blog_box .blog_content .list_empty .line{color: #001141;line-height: 2;white-space: nowrap;} #blog_index .blog_box .blog_content .list_empty .line span{margin-left: 8px;} #blog_index .develop_box{height: 385px;background: url(../images/blog/landing_banner2.jpg) no-repeat center;text-align: center;display: flex;align-items: center;background-size: 100% 100%;} #blog_index .develop_box .dev_title{font-size: 46px;color:#fff;font-weight:bold;text-transform: capitalize;} #blog_index .develop_box .dev_desc{font-size: 26px;color:#fff;margin-top: 10px;} #blog_index .develop_box .btn{display: flex;align-items: center;margin-top: 60px;justify-content: center;} #blog_index .develop_box .button{display: inline-block;width: 240px; height: 56px;text-align: center;line-height: 56px;border-radius: 28px;color:#333333;background-color: #ffc22c;font-size: 16px;text-transform: capitalize;margin: 0 10px;} @media screen and (max-width:1024px) { #blog_index .blog_header{height: 55vw;max-height: 450px;min-height: 200px;align-items: flex-end;padding-bottom: 17vw;box-sizing: border-box;} #blog_index .blog_header{padding-bottom: 12vw;} #blog_index .blog_header .title{font-size: 6.5vw;} #blog_index .blog_header .title{font-size: 5.5vw;} #blog_index .blog_header .subtitle{font-size: 3vw;margin-top: 4vw;} #blog_index .blog_box{padding: 8vw 0 5vw} #blog_index .blog_box .blog_nav .b_nav_item{padding: 0 3vw 1.5vw;font-size: 4vw;margin-top: 3vw;} #blog_index .blog_box .blog_nav{margin-bottom:5vw;} #blog_index .blog_box .blog_content{flex-wrap: wrap;} #blog_index .blog_box .blog_content >div{width: 100%;} #blog_index .blog_box .search_box{width: 98%;} #blog_index .blog_box .search_box .search_input{max-width: 450px;} #blog_index .blog_box .search_box .s_h_item{max-width: 30vw;} #blog_index .blog_box .blog_list .b_i_img{margin-bottom: 10px;} #blog_index .blog_box .blog_list .b_i_tetle{font-size: 5vw;margin-bottom: 10px;} #blog_index .blog_box .blog_list{-webkit-grid-template-columns: repeat(1, 1fr);-ms-grid-columns: repeat(1, 1fr);grid-template-columns: repeat(1, 1fr);} #blog_index .blog_box .blog_list .blog_item{margin-right: 0;padding: 4vw;} #blog_index .blog_box .blog_list .b_i_more{font-size: 3vw;} #blog_index .blog_box .blog_list .b_i_author{font-size: 3vw;margin-bottom: 3vw;} #blog_index .blog_box .search_box .title{font-size: 4vw;} #blog_index .blog_box .blog_content .list_empty{padding: 4vw;margin-right: 0;} #blog_index .blog_box .blog_content .list_empty .consultant_box{margin: 40px auto 50px;} #blog_index .blog_box .blog_content .list_empty .img img{width: 12.5vw;} #blog_index .blog_box .blog_content .list_empty .sorry{font-size: 2.8vw;margin-top: 3vw;} #blog_index .blog_box .blog_content .list_empty .c_box_title{font-size: 3vw;} #blog_index .blog_box .blog_content .list_empty .c_box_content{margin: 4vw;} #blog_index .blog_box .blog_content .list_empty .img span{font-size: 4vw;} #blog_index .blog_box .blog_content .list_empty .consultant_box{flex-wrap: wrap;text-align: center;} #blog_index .blog_box .blog_content .list_empty .consultant_box >div{width: 100%;} } @media screen and (max-width: 500px){ #blog_index .blog_box .blog_content .list_empty .consultant_box{flex-wrap: wrap;text-align: center;} #blog_index .blog_box .blog_content .list_empty .consultant_box >div{width: 100%;} #blog_index .blog_box .blog_content .list_empty .c_box_title,.blog_box .blog_content .list_empty .img span{font-size: 16px;} #blog_index .blog_box .blog_content .list_empty .c_box_desc{margin-bottom: 10px;} #blog_index .blog_box .blog_content .list_empty .consultant_box{margin: 20px auto 30px;} #blog_index .blog_box .blog_content .list_empty .c_box_content{margin: 25px 4vw 30px;} #blog_index .blog_box .blog_content .list_empty .c_box_title{margin-bottom: 15px;} #blog_index .blog_box .blog_content .list_empty .c_box_desc{margin-bottom: 30px;font-size: 13px;} #blog_index .blog_box .blog_content .list_empty .line{font-size: 13px;} } #blog_detail .blog_detail_box .b_m_desc i,.blog_detail_box .b_m_desc cite,.blog_detail_box .b_m_desc em,.blog_detail_box .b_m_desc var,.blog_detail_box .b_m_desc address,.blog_detail_box .b_m_desc dfn{font-style:italic;} #blog_detail .blog_detail_box .b_m_desc h1,.blog_detail_box .b_m_desc h2,.blog_detail_box .b_m_desc h3,.blog_detail_box .b_m_desc h4,.blog_detail_box .b_m_desc h5,.blog_detail_box .b_m_desc h6,.blog_detail_box .b_m_desc em,.blog_detail_box .b_m_desc strong,.blog_detail_box .b_m_desc b,.blog_detail_box .blog_content_right .title{font-weight:bold;} #blog_detail .blog_detail_box .b_m_desc ins,.blog_detail_box .b_m_desc u,.blog_detail_box .b_m_desc s,.blog_detail_box .b_m_desc a{text-decoration:underline;} #blog_detail .blog_detail #header{width: 100%;height: 90px;position: absolute;left: 0;top: 0;background-color: #1c46c2;} #blog_detail .blog_detail #header .nav .item .name a,.blog_detail #header .member .login,.blog_detail #header .member .language{color: #fff;} #blog_detail .blog_detail #header .member .language::before{filter: brightness(0) invert(1);} #blog_detail .blog_detail #header .member .register{background-color: #fff;color: var(--maincolor2);} #blog_detail .blog_detail #header .logo img{filter: brightness(0) invert(1);} #blog_detail .blog_detail_box{background-color: #f4f6f9;padding-bottom: 66px;} #blog_detail .blog_detail_box .back_blog{color: #999999;font-size: 14px; margin-bottom: 20px;display: inline-block;position: relative;padding-left: 26px;} #blog_detail .blog_detail_box .back_blog .back{width: 20px;background-image: url(../images/blog/back.svg);background-repeat: no-repeat;background-position: center;position: absolute;height: 20px;left: 0px;top: 0px;} #blog_detail .blog_detail_box .blog_title{font-size: 48px;color: #000;font-weight: 600;margin-bottom: 25px;} #blog_detail .blog_detail_box .blog_title{font-size: 36px;} #blog_detail .blog_detail_box .blog_info{display: flex; align-items: center;font-size: 14px;color: #888888;margin-bottom: 20px;} #blog_detail .blog_detail_box .blog_info >div{margin-right: 30px;} #blog_detail .blog_detail_box .blog_info .blog_info_views{display: flex;align-items: center;} #blog_detail .blog_detail_box .blog_info .blog_info_views span{margin-left: 10px;} #blog_detail .blog_detail_box .blog_content{display: flex;} #blog_detail .blog_detail_box .blog_content_left{padding-right: 30px;box-sizing: border-box;display: none;} #blog_detail .blog_detail_box .b_l_share .share_app{width: 40px;} #blog_detail .blog_detail_box .b_l_share .share_app >a{height: 40px;width: 40px;border-radius: 5px;overflow: hidden;filter: contrast(0.01);display: block;margin-bottom: 15px;} #blog_detail .blog_detail_box .b_l_share .share_app >a:hover{filter: contrast(1);} #blog_detail .blog_detail_box .blog_content_mid{background-color: #ffffff;border-radius: 10px;padding: 45px 40px 60px;flex: 1;} #blog_detail .blog_detail_box .blog_content_mid .b_m_desc .article-content{max-width: unset !important;} #blog_detail .blog_detail_box .b_m_img{width: fit-content;margin-bottom: 35px;} #blog_detail .blog_detail_box .b_m_img.no_img{margin-bottom: 5px;} #blog_detail .blog_detail_box .b_m_desc{font-size: 16px;color: #444444;line-height: 31px;word-break: break-all;padding-bottom: 50px;margin-bottom: 30px;border-bottom: 2px solid #f2f3f4;word-break: break-all;} #blog_detail .blog_detail_box .b_m_page{display: flex;align-items: center;justify-content: space-between;font-size: 16px;position: relative;} #blog_detail .blog_detail_box .b_m_page >a{position: relative;color: #000;} #blog_detail .blog_detail_box .b_m_page >a::before,.blog_detail_box .b_m_page >a::after{border: 7px solid transparent;position: absolute;top: 50%;content: '';transform: translateY(-50%);} #blog_detail .blog_detail_box .b_m_page a.next{right: -9px;padding-right: 25px;} #blog_detail .blog_detail_box .b_m_page a.previous{left: -9px;padding-left: 25px;} #blog_detail .blog_detail_box .b_m_page a.next::after,.blog_detail_box .b_m_page a.next::before{ border-left: 6px solid #fff;right: 0;} #blog_detail .blog_detail_box .b_m_page a.next::before{border-left-color: #000;right: -1px;} #blog_detail .blog_detail_box .b_m_page a.previous::after,.blog_detail_box a.previous::before{ border-right: 6px solid #fff;left: 0;} #blog_detail .blog_detail_box .b_m_page a.previous::before{border-right-color: #000;left: -1px;} #blog_detail .blog_detail_box .b_m_page a.close{color: #999;cursor: no-drop;} #blog_detail .blog_detail_box .b_m_page a.next.close::before{border-left-color: #999;} #blog_detail .blog_detail_box .b_m_page a.previous.close::before{border-right-color: #999;} #blog_detail .blog_detail_box .blog_content_right{padding-left: 30px;width: fit-content;width: 25%;} #blog_detail .blog_detail_box .blog_content_right .title{color: #000;font-size: 24px;} #blog_detail .blog_detail_box .content_r_item{margin-top: 30px;} #blog_detail .blog_detail_box .content_r_item .i_title{padding: 8px 10px;font-size: 12px;color: #045afe;background-color: #deedfd;margin-bottom: 10px;text-align: center;width: fit-content;border-radius: 16px;} #blog_detail .blog_detail_box .content_r_item .i_content a{font-size: 18px;color: #000;} #blog_detail .blog_detail_box .content_r_item{margin-top: 30px;} #blog_detail .blog_detail .navigation{width: 1280px;margin: 0 auto;padding-top: 120px;} @media screen and (min-width: 1024px) { #blog_detail .blog_detail #header .member .btn_list dl dt{color: #fff;background-image: url(../images/user_select_index.png);} } @media screen and (max-width:1024px) { #blog_detail .blog_detail_box .wide{position: relative;} #blog_detail .blog_detail_box .blog_content{flex-wrap: wrap;margin-bottom: 11vw;} #blog_detail .blog_detail_box .blog_content >div{width: 100%;} #blog_detail .blog_detail_box .blog_title{width: 100%;font-size: 8vw;} #blog_detail .blog_detail_box .blog_title{font-size: 4.5vw;} #blog_detail .blog_detail_box .back_blog{margin: 5px 0 15px;} #blog_detail .blog_detail_box .blog_info{width: 100%;font-size: 3vw;flex-wrap:wrap;} #blog_detail .blog_detail_box .blog_info >div{margin-right: 3vw} #blog_detail .blog_detail_box .blog_info .blog_info_views span{margin-left: 1vw;} #blog_detail .blog_detail_box .blog_info .blog_info_views img{width: 18px;height: 12px;} #blog_detail .blog_detail_box .blog_info span{margin-left: 1.5vw} #blog_detail .blog_detail_box div.blog_content_left{margin-bottom: 0;padding-right: 0px;position: absolute;width: fit-content;right: 4vw;top: 0;} #blog_detail .blog_detail_box .b_m_desc{font-size: 3.5vw;margin-bottom:3vw;padding-bottom: 4vw;line-height: 2;} #blog_detail .blog_detail_box .b_m_page,.blog_detail_box .b_l_share .subtitle{font-size: 3vw;margin-bottom: 1.5vw;} #blog_detail .blog_detail_box .b_l_share .share_app{width: 100%;display: flex;} #blog_detail .blog_detail_box .b_l_share .share_app >a{margin-right: 2vw;margin-bottom: 0;width: 30px;height: 30px;filter: contrast(1);} #blog_detail .blog_detail_box .b_l_share .share_app >a img{width: 30px;height: 30px;} #blog_detail .blog_detail_box .blog_content_mid{padding: 4.5vw 4vw 6vw;margin-top: 15px;} #blog_detail .blog_detail_box .blog_content_right{margin-top: 6vw;padding-left: 0px;} #blog_detail .blog_detail_box .blog_content_right .title{font-size: 5vw;} #blog_detail .blog_detail_box .content_r{display: flex;align-items: center;flex-wrap: wrap;} #blog_detail .blog_detail_box .content_r_item{margin-top: 5vw;margin-right: 5vw;} #blog_detail .blog_detail_box .content_r_item .i_title{margin-bottom: 2vw;font-size: 3vw;padding: 1vw 3vw;border-radius:30px;} #blog_detail .blog_detail_box .content_r_item .i_content a{font-size: 3.7vw;} } @media screen and (max-width: 1340px){ #blog_detail .blog_detail .navigation { width: auto; padding: 120px 20px 0; } } /* 面包屑导航 */ .navigation {margin: 0 auto;font-size: 16px;padding-top: 20px; color: #333;} #blog_detail .navigation {padding-bottom: 30px;padding-top: 120px;} .navigation em {color: var(--maincolor1);font-weight: bold;}