* {margin: 0;padding: 0;box-sizing: border-box;}
img {object-fit: cover;}
a {text-decoration: none;color: #555;}
li {list-style: none;}
.flexbox{display: flex;align-items: center;}
.gridbox{display: grid;}
.aimg{width: 100%;height: 100%;}
.ohide{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.phide{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
@font-face {
    font-family: 'PingFang_Regular';
    src: url('../font/PingFang\ Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
  }
/* header */
.indexbody .header{height: 420px;background: url(../images/headerbg_index.png) no-repeat;background-size: 100% 100%;}
.header{width: 100%;justify-content: center;height: 200px;background: url(../images/headerbg.png) no-repeat;background-size: 100% 100%;}
.indexbody .header{align-items: center;justify-content: center;}
.indexbody .header > a{width: 388px;height: 142px;margin-bottom: 60px;}
.header > a{display: block;width: 310px;height: 112px;}
/* index_main */
.index_main{width: 1366px;margin: 0 auto;}
/* indexM1 */
.indexM1{position: relative;width: 100%;height: 146px;}
.indexM1s_f{width: 100%;border-radius: 5px;background-color: #ffffff;padding: 30px 25px;justify-content: space-between;box-shadow: 0px 0px 15px 0px #ECECEC;position: absolute;bottom: 0;left: 0;}
.indexM1s{width: 415px;padding: 20px;gap: 15px;border-radius: 5px;}
.indexM1s.douyin{background: linear-gradient(to bottom, #EAE7FE, #F7F6FE);}
.indexM1s.douyin:hover{background: linear-gradient(to bottom, #D5D0FC, #F7F6FE);}
.indexM1s.kuaishou{background: linear-gradient(to bottom, #FFF4EA, #FDF7F1)}
.indexM1s.kuaishou:hover{background: linear-gradient(to bottom, #FDE9D7, #FDF7F1);}
.indexM1s.xiaohongshu{background: linear-gradient(to bottom, #FEE9ED, #FFF5F7)}
.indexM1s.xiaohongshu:hover{background: linear-gradient(to bottom, #FED9E0, #FFF5F7);}
.indexM1sL{flex: 1;width: auto;overflow: hidden;}
.indexM1sR{flex: 0 0 auto;width: 110px;height: 132px;background: #FFFFFF;border-radius: 5px;padding: 9px;flex-direction: column;}
.indexM1s.douyin .indexM1sR{border: 1px solid #E3DFFF;}
.indexM1s.kuaishou .indexM1sR{border: 1px solid #FDEAD8;}
.indexM1s.xiaohongshu .indexM1sR{border: 1px solid #FDD9E0;}
.indexM1sR img{width: 92px;height: 92px;}
.indexM1sR span{font-size: 16px;color: #666666;line-height: 18px;margin-top: 4px;}
.indexM1sL > div{width: 100%;align-items: center;gap: 20px;}
.indexM1sL > div > a{display: block;width: 70px;height: 70px;flex: 0 0 auto;}
.indexM1sL > div > div{flex: 1;overflow: hidden;width: auto;flex-direction: column;justify-content: center;gap: 13px;}
.indexM1sL > div > div a{font-size: 22px;line-height: 24px;font-weight: bold;color: #333333;}
.indexM1s.douyin .indexM1sL > div > div a:hover{color: #6148FE;}
.indexM1s.kuaishou .indexM1sL > div > div a:hover{color: #FE7608;}
.indexM1s.xiaohongshu .indexM1sL > div > div a:hover{color: #FD4A6B;}
.indexM1sL > div > div span{font-size: 16px;color: #999999;line-height: 18px;}
.indexM1sL > a{width: 156px;height: 40px;border-radius: 5px;gap: 7px;justify-content: center;align-items: center;margin-top: 22px;}
.indexM1sL > a > span{font-size: 16px;color: #FFFFFF;}
.indexM1sL > a > b{width: 8px;height: 12px;background: url(../images/icon1.png) no-repeat;background-size: contain;}
.indexM1s.douyin .indexM1sL > a{background: linear-gradient(to right, #6148FE, #9282FD);}
.indexM1s.douyin .indexM1sL > a:hover{background: linear-gradient(to right, #3B1DF8, #6E58FD);}
.indexM1s.kuaishou .indexM1sL > a{background: linear-gradient(to right, #FE7506, #FE9F45);}
.indexM1s.kuaishou .indexM1sL > a:hover{background: linear-gradient(to right, #FD6103, #FC8E27);}
.indexM1s.xiaohongshu .indexM1sL > a{background: linear-gradient(to right, #FD486A, #FD6E8A);}
.indexM1s.xiaohongshu .indexM1sL > a:hover{background: linear-gradient(to right, #FD2D54, #FB5777);}
/* indexM2 */
.indexM2{width: 100%;justify-content: space-between;align-items: center;margin-top: 40px;}
.indexM2s{width: 143px;height: 143px;border-radius: 10px;justify-content: center;align-items: center;flex-direction: column;gap: 15px;}
.indexM2_img{width: 60px;height: 50px;justify-content: center;align-items: center;}
.indexM2_img > b{display: block;}
.indexM2s > span{font-size: 16px;color: #333333;line-height: 18px;text-align: center;}
.indexM2s:nth-of-type(1){background: linear-gradient(135deg, #FAFCE7, #FDE3F6, #DBE0FD);}
.indexM2s:nth-of-type(2){background: linear-gradient(135deg, #D9E6FD,#F4F4FE, #FED8FA);}
.indexM2s:nth-of-type(3){background: linear-gradient(135deg, #FEFAE6, #FAE5FB, #D0E9FE);}
.indexM2s:nth-of-type(4){background: linear-gradient(135deg, #E8F3FE, #EAE6FD, #FED9FA);}
.indexM2s:nth-of-type(5){background: linear-gradient(135deg, #FEF6DB, #FEE5F6, #DDE0FD);}
.indexM2s:nth-of-type(6){background: linear-gradient(135deg, #E3FBC6, #FEFDEF, #D1EEFE);}
.indexM2s:nth-of-type(7){background: linear-gradient(135deg, #FEE5EE, #F2E5FE, #E0E7FE);}
.indexM2s:nth-of-type(8){background: linear-gradient(135deg, #CCFDDA, #FEFCEB, #D2D0FD);}
.indexM2s:hover{background: linear-gradient(to top, #1A85FF, #1AC1FF);}
.indexM2s:hover > span{color: #ffffff;}
.indexM2s.nav_iphone .indexM2_img > img{width: 32px;height: 45px;}
.indexM2s.nav_ipad .indexM2_img > img{width: 42px;height: 46px;}
.indexM2s.nav_mac .indexM2_img > img{width: 59px;height: 37px;}
.indexM2s.nav_ios .indexM2_img > img{width: 39px;height: 50px;}
.indexM2s.nav_smpj .indexM2_img > img{width: 45px;height: 41px;}
.indexM2s.nav_xmrj .indexM2_img > img{width: 40px;height: 40px;}
.indexM2s.nav_pggj .indexM2_img > img{width: 47px;height: 48px;}
.indexM2s.nav_azrj .indexM2_img > img{width: 57px;height: 37px;}
.indexM2s.nav_awjc .indexM2_img > img{width: 39px;height: 50px;}
.indexM2s.nav_macosxt .indexM2_img > img{width: 58px;height: 48px;}
.indexM2s.nav_spjc .indexM2_img > img{width: 50px;height: 47px;}
.indexM2s .indexM2_img .hoverimg{display: none;}
.indexM2s:hover .indexM2_img img{display: none;}
.indexM2s:hover .indexM2_img .hoverimg{display: block;}
.indexM2s.active .indexM2_img img{display: none;}
.indexM2s.active .indexM2_img .hoverimg{display: block;}
.indexM2s.active{background: linear-gradient(to top, #1A85FF, #1AC1FF);}
.indexM2s.active > span{color: #ffffff;}
/* indexM3 */
.indexM3{width: 100%;margin-top: 40px;justify-content: space-between;}
.indexM3L{width: 575px;height: 314px;border: 1px solid #F1F1F1;border-radius: 5px;margin: 0 !important;}
.indexM3Ls{width: 100%;height: 100%;position: relative;display: block;}
.indexM3Ls > div{position: absolute;bottom: 6px;left: 0;width: 100%;height: 150px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4), rgba(0,0,0,1));padding-top: 98px;padding-left: 30px;padding-right: 30px;}
.indexM3Ls > div span{font-size: 20px;color: #FFFFFF;font-weight: bold;}
.indexM3L .swiper-horizontal>.swiper-scrollbar,
.indexM3L .swiper-scrollbar.swiper-scrollbar-horizontal{
    height: 6px;background: #717171;width: 100%;left: 0;border-radius: 0;bottom: 0;
}
.indexM3L.swiper .swiper-pagination{bottom: 0;background: #717171; height: 6px;display: flex;}
.indexM3L.swiper .swiper-pagination-bullet{width: 143px;height: 6px;border-radius: 0;margin: 0 !important;}
.indexM3L .swiper-scrollbar{background: #717171;}
.indexM3L .swiper-scrollbar-drag{background: #1A85FF;border-radius: 0;}
.indexM3R{grid-template-columns: repeat(3,1fr);gap: 25px;}
.indexM3Rs{border: 1px solid #F1F1F1;display: block;width: 240px;height: 145px;position: relative;border-radius: 5px;overflow: hidden;}
.indexM3Rs > div{position: absolute;bottom: 0;left: 0;width: 100%;height: 96px;background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,1));padding-top: auto;padding-left: 9px;padding-right: 9px;padding-bottom: 10px;display: flex;align-items: self-end;}
.indexM3Rs > div span{-webkit-line-clamp: 2; width: 100%;font-size: 16px;color: #FFFFFF;line-height: 20px;    font-family: 'PingFang_Regular';}
.indexM3Rs > span{display: none;position: absolute;right: 0;top: 0;font-size: 14px;color: #FFFFFF;line-height: 22px;padding: 0 7px;border-radius: 0px 5px 0px 5px;}
.indexM3Rs.tip_kaixiangshipin > span{background: linear-gradient(to right, #0054FF, #8C38FF);display: block;}
.indexM3Rs.tip_jinengjiqiao > span{background: linear-gradient(to right, #01F9A4, #3894FE);display: block;}
.indexM3Rs.tip_yuanchuanpingce > span{background: linear-gradient(to right, #BA1CF5, #FF8938);display: block;}
.indexM3Rs > b{display: none;}
.indexM3R .indexM3Rs:hover::before{width: 100%;height: 100%;top: 0;left: 0;background: rgba(33,33,33,0.2);position: absolute;content: "";}
.indexM3Rs.tip_kaixiangshipin > b{width: 40px;height: 40px;position: absolute;left: 50%;top: 40%;transform: translate(-50%,-50%);background: url(../images/icon2.png) no-repeat;background-size: contain;display: block;}
/* indexM4 */
.indexM4{width: 100%;margin-top: 40px;}
.index_title{width: 100%;justify-content: space-between;padding-bottom: 20px;border-bottom: 1px solid #F1F1F1;}
.index_titleL{flex: 1;display: flex;flex-direction: column;gap: 5px;}
.index_titleL h2{font-size: 22px;color: #333333;line-height: 24px;display: flex;align-items: center;gap: 10px;font-weight: 700;}
.index_titleL h2::before{content: "";width: 13px;height: 25px;background: url(../images/icon5.png) no-repeat;background-size: contain;display: block;}
.index_titleL span{font-size: 14px;color: #999999;line-height: 16px;margin-top: 10px;}
.index_titleR{flex: 0 0 auto;width: 350px;height: 40px;background: #F9F9F9;border: 1px solid #F3F3F3;border-radius: 5px;justify-content: space-between;padding: 0 10px;}
.index_titleR > input{width: calc(100% - 25px);font-size: 16px;line-height: 20px;border: none;outline: none;box-shadow: none;background: transparent;}
.index_titleR > button{width: 20px;height: 20px;border: none;background: url(../images/icon3.png) no-repeat;background-size: contain;cursor: pointer;}
.index_titleR:has(input:focus){border: 1px solid #1A85FF;background: #F4F9FE;}
.index_titleR:has(input:focus) > button{background: url(../images/icon4.png) no-repeat;background-size: contain;}
.indexM4M{width: 100%;display: flex;justify-content: space-between;}
.indexM4L{width: 976px;flex-direction: column;align-items: self-start;}
.indexM4Ls{width: 100%;padding: 24px 0;border-bottom: 1px solid #F1F1F1;justify-content: space-between;gap: 24px;}
.indexM4Ls .indexM3Rs{width: 220px;height: 135px;flex: 0 0 auto;}
.indexM4Ls .indexM3Rs.tip_kaixiangshipin > b{top: 50%;}
.indexM4Ls > div{width: calc(100% - 244px);height: 135px;display: flex;flex-direction: column;justify-content: space-between;}
.indexM4Ls > div > a{font-size: 18px;color: #333333;line-height: 20px;font-weight: 700;}
.indexM4Ls > div > p{-webkit-line-clamp: 2;font-size: 14px;color: #999999;line-height: 24px;}
.indexM4Ls_info{width: 100%;justify-content: space-between;gap: 15px;}
.indexM4Ls_info1{gap: 25px;flex: 0 0 auto;}
.indexM4Ls_info1 > div{gap: 10px;}
.indexM4Ls_info1 > div img{width: 22px;height: 22px;border-radius: 50%;}
.indexM4Ls_info1 > div span{font-size: 12px;color: #999999;line-height: 14px;}
.indexM4Ls_info1 > span{font-size: 12px;color: #AAAEB3;line-height: 14px;display: flex;align-items: center;gap: 5px;}
.indexM4Ls_info1 > span:first-of-type::before{content: "";width: 14px;height: 14px;background: url(../images/icon6.png) no-repeat;background-size: contain;display: block;}
.indexM4Ls_info1 > span:last-of-type::before{content: "";width: 17px;height: 12px;background: url(../images/icon7.png) no-repeat;background-size: contain;display: block;}
.indexM4Ls_info2{gap: 12px; max-width: 320px;   overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;cursor: grab;touch-action: pan-y;user-select: none;}
.indexM4Ls_info2.is-dragging{cursor: grabbing;}
.indexM4Ls_info2 > a{-webkit-user-drag: none;user-drag: none;}
.indexM4Ls_info2 > a,.indexM4Ls_info2 > span{font-size: 12px;color: #999999;line-height: 25px;padding: 0 10px;border: 1px solid #F1F1F1;background-color: #ffffff;border-radius: 5px;flex: 0 0 auto;}
.indexM4Ls:hover{background: #F9F9F9;}
.indexM4Ls:hover > div > a{color: #1A85FF;}
.indexM4Ls_info2 > a:hover{border: 1px solid #1A85FF;color: #1A85FF;}
.index_more{width: 100%;height: 53px;font-size: 16px;color: #999999;border: 1px solid #F1F1F1;background: #FBFBFB;border-radius: 5px;justify-content: center;gap: 5px;margin: 30px 0;cursor: pointer;}
.index_more:hover{background: #F4F9FE;border: 1px solid #1A85FF;color: #1A85FF;}
.index_more::after{content: "";display: block;width: 15px;height: 15px;background: url(../images/icon8.png) no-repeat;background-size: contain;}
.index_more:hover::after{background: url(../images/icon9.png) no-repeat;background-size: contain;}
/* indexM4R */
.indexM4R{width: 350px;flex-direction: column;gap: 40px;align-items: self-start;}
/* indexM4R1 */
.indexM4R1{width: 100%;margin-top: 24px;}
.index_title_more{font-size: 14px;color: #999999;height: 25px;padding: 0 10px;display: flex;justify-content: center;align-items: center;gap: 3px;border: 1px solid #F1F1F1;background: #F9F9F9;border-radius: 5px;}
.index_title_more::after{width: 10px;height: 10px;content: "";display: block;background: url(../images/icon10.png) no-repeat;background-size: contain;}
.index_title_more:hover{background: #F4F9FE;border: 1px solid #1A85FF;color: #1A85FF;}
.index_title_more:hover::after{background: url(../images/icon11.png) no-repeat;background-size: contain;}
.indexR1M{width: 100%;flex-direction: column;gap: 20px;margin-top: 20px;}
.indexR1s{width: 100%;height: 66px;border-radius: 5px;flex-direction: column;overflow: hidden;gap: 10px;justify-content: center;background: linear-gradient(to right, #F8F8F8, #FBFCFB);}
.indexR1s > a{width: 100%;display: flex;align-items: center;gap: 9px;font-size: 16px;color: #333333;line-height: 18px;}
.indexR1s > a::before{content: "";width: 5px;height: 10px;background: #A3ADB8;border-radius: 0px 3px 3px 0px;display: block;}
.indexR1s .indexM4Ls_info1{width: 100%;padding: 0 14px;}
.indexR1s:nth-of-type(1){background: linear-gradient(to right, #FBEBE6, #FBFBFC);}
.indexR1s:nth-of-type(2){background: linear-gradient(to right, #FBF0E6, #FCFBFB);}
.indexR1s:nth-of-type(3){background: linear-gradient(to right, #FAF5E7, #FCFCFB);}
.indexR1s:hover{background: linear-gradient(to right, #E5F0FD, #FAFCFF);}
.indexR1s:nth-of-type(1) > a::before{background: #FD6F48;}
.indexR1s:nth-of-type(2) > a::before{background: #FDA73E;}
.indexR1s:nth-of-type(3) > a::before{background: #FDCE40;}
.indexR1s:hover > a::before{background: #1A85FF;}
.indexR1s:hover > a{color: #1A85FF;}
/* indexM4R2 */
.indexM4R2{width: 100%;}
.indexR2M{width: 100%;margin-top: 25px;flex-direction: column;gap: 25px;}
.indexR2s{width: 100%;justify-content: space-between;gap: 20px;}
.indexR2s_img{display: block;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;flex: 0 0 auto;border: 1px solid #F1F1F1;}
.indexR2s > div{flex: 1;width: auto;overflow: hidden;flex-direction: column;gap: 14px;}
.indexR2s > div > a{font-size: 16px;color: #333333;line-height: 18px;}
.indexR2s > div > a:hover{color: #1A85FF;}
.indexR2s > div > span{font-size: 14px;color: #999999;line-height: 16px;width: 100%;}
.indexR2s_more{flex: 0 0 auto;font-size: 16px;line-height: 30px;padding: 0 10px;color: #999999;display: flex;align-items: center;gap: 3px;border: 1px solid #F1F1F1;border-radius: 5px;}
.indexR2s_more::after{display: block;content: "";width: 8px;height: 12px;background: url(../images/icon12.png) no-repeat;background-size: contain;}
.indexR2s:hover .indexR2s_more{color: #1A85FF;border: 1px solid #1A85FF;}
.indexR2s:hover .indexR2s_more::after{background: url(../images/icon13.png) no-repeat;background-size: contain;}
/* indexM4R3 */
.indexM4R3{width: 100%;}
.indexM4R3M{width: 100%;margin-top: 20px;flex-direction: column;gap: 20px;}
.indexR3s{width: 100%;gap: 15px;}
.indexR3s .indexM3Rs{width: 150px;height: 90px;flex: 0 0 auto;}
.indexR3s .indexM3Rs.tip_kaixiangshipin > b{top: 50%;width: 35px;height: 35px;}
.indexR3s > div{flex: 1;flex-direction: column;height: 90px;justify-content: space-between;}
.indexR3s > div > a{-webkit-line-clamp: 2;font-size: 16px;line-height: 28px;}
.indexR3s .indexM4Ls_info1{width: 100%;gap: 10px;}
.article_relatedM .indexR3s .indexM4Ls_info1{gap: 34px;}
.indexR3s:hover > div > a{color: #1A85FF;}
/* footer */
footer{width: 100%;background: #333333;margin-top: 30px;}
.footer{width: 1366px;margin: 0 auto;padding: 40px 0;}
.footer p{font-size: 16px;color: #999999;line-height: 38px;text-align: center;}
.footer a{color: #999999;}
/* article_list */
.article_list{width: 1366px;margin: 0 auto;}
.nav_bar{width: 100%;margin-top: 40px;}
.nav_bar::before{flex: 0 0 auto;display: block;content: "";width: 12px;height: 16px;background: url(../images/icon14.png) no-repeat;background-size: contain;margin-right: 10px;}
.nav_bar > span:first-of-type{flex: 0 0 auto;font-size: 14px;color: #999999;line-height: 16px;}
.nav_bar > a{flex: 0 0 auto;font-size: 14px;color: #999999;line-height: 16px;}
.nav_bar > a:hover{color: #1A85FF;}
.nav_bar > span{flex: 1;font-size: 14px;color: #333333;line-height: 16px;}
.nav_bar > b{flex: 0 0 auto;font-weight: 400;font-size: 14px;line-height: 16px;color: #999999;margin: 0 5px;}
.article_list .indexM4M{margin-top: 20px;}
/* page */
.page{width: 100%;margin: 30px 0;display: flex;align-items: center;justify-content: center;gap: 14px;}
.page > a{font-size: 14px;line-height: 30px;color: #999999;padding: 0 12px;border: 1px solid #E4E4E4;border-radius: 5px;}
.page > a.active{border: 1px solid #333333;color: #333333;}
.page > a:hover{border: 1px solid #333333;color: #333333;}
/* article_details */
.article_details{width: 1366px;margin: 0 auto;}
.articleM{width: 100%;justify-content: space-between;align-items: self-start;margin-top: 40px;}
.articleML{width: 976px;flex-direction: column;align-items: self-start;}
.articleM .indexM4R1{margin-top: 0;}
.articleML h1{width: 100%;font-size: 28px;line-height: 30px;text-align: center;font-weight: 700;}
.articleML_user{width: 100%;margin-top: 25px;justify-content: center;gap: 15px;padding-bottom: 30px;border-bottom: 1px solid #F1F1F1;}
.articleML_user span{font-size: 14px;color: #999999;line-height: 16px;}
.articleML_tip{width: 100%;margin-top: 30px;background: #F3F8FD;border-radius: 5px;position: relative;padding: 20px;padding-left: 26px;}
.articleML_tip::before{border-radius: 5px 0 0 5px;content: "";width: 6px;height: 100%;display: block;background: linear-gradient(to bottom, #1AC1FF, #1A85FF);position: absolute;top: 0;left: 0;}
.articleML_tip p{font-size: 16px;color: #333333;line-height: 30px;}
.article_catalog{width: 100%;margin-top: 30px;border: 1px solid #1A85FF;border-radius: 7px;background: #F2F8FF;padding: 5px 20px;}
.article_catalog[hidden]{display: none;}
.article_catalog_head{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.article_catalog_title{font-size: 20px;color: #333333;line-height: 32px;font-weight: 500;}
.article_catalog_toggle{display: inline-flex;align-items: center;gap: 5px;padding: 0;border: 0;background: transparent;color: #1A85FF;font-size: 16px;line-height: 26px;font-weight: 500;cursor: pointer;}
.article_catalog_toggle:hover{color: #0966D8;}
.article_catalog_chevron{width: 10px;height: 10px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: rotate(-45deg) translateY(3px);transition: transform .2s ease;}
.article_catalog_toggle[aria-expanded="false"] .article_catalog_chevron{transform: rotate(135deg) translate(-2px, 2px);}
.article_catalog_list{position: relative;display: flex;flex-direction: column;gap: 2px;margin: 15px 0 0;padding: 0;list-style: none;}
.article_catalog_list::before{content: "";position: absolute;top: 15px;bottom: 16px;left: 7px;width: 1px;background: #D5DDE5;}
.article_catalog_item{position: relative;min-width: 0;padding: 3px 0 3px 30px;

}
.article_catalog_item::before{content: "";position: absolute;z-index: 1;top: 13px;left: 2.5px;width: 10px;height: 10px;border-radius: 50%;background: #D5DDE5;transition: background-color .2s ease, transform .2s ease;}
.article_catalog_item--h3::before{left: 4px;width: 7px;height: 7px;}
.article_catalog_item--h3 .article_catalog_link{
  font-size: 16px;
color: #666666;
}
.article_catalog_item--h4::before{display: none;}
.article_catalog_item--h4 .article_catalog_link{
  font-size: 14px;
  color: #666666;
}
.article_catalog_link{display: block;overflow: hidden;color: #333333;
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  white-space: nowrap;text-overflow: ellipsis;transition: color .2s ease;}
.article_catalog_item:hover::before,.article_catalog_item:focus-within::before{background: #1A85FF;transform: scale(1.12);}
.article_catalog_link:hover,.article_catalog_link:focus{color: #1A85FF;}
.article_catalog_link:focus-visible,.article_catalog_toggle:focus-visible{outline: 2px solid #1A85FF;outline-offset: 3px;}
.article_txt{width: 100%;font-size: 16px;color: #333333;line-height: 30px;}
.article_txt p,.article_txt div,.article_txt ol,.article_txt ul,.article_txt li{font-size: 16px;color: #333333;line-height: 30px;margin: 20px 0;}
.article_txt a{
  color: #ff0000;
}
.article_txt a:hover{
  text-decoration: underline;
}
.article_txt iframe{width: 788px;height: 539px;margin: 30px auto;display: block;}
.article_txt h2{font-size: 22px;color: #333;line-height: 24px;margin: 0;display: inline-block;position: relative;background: linear-gradient(to right,rgba(76,169,253,.9),rgba(255,255,255,1));background-repeat: no-repeat;background-size: 100% 12px;background-position: left bottom; }
.article_txt h3{font-size: 20px;color: #333;line-height: 24px;margin: 20px 0; }
.article_txt h4{font-size: 18px;color: #333;line-height: 24px;margin:20px 0; }
.article_txt img{max-width: 100%;height: auto;display: block;margin: 30px auto;}
.article_statement{width: 100%;font-size: 16px;color: #F65D57;line-height: 27px;font-weight: bold;margin-top: 10px;}
.article_class{width: 100%;margin-top: 30px;flex-wrap: wrap;gap: 15px;}
.article_class > a{font-size: 16px;line-height: 30px;padding: 0 8px;border-radius: 3px;}
.article_class > a:nth-of-type(7n+1){color: #FC5C5C;background: #FFEFEF;}
.article_class > a:nth-of-type(7n+2){color: #8F4CFC;background: #EFE7FC;}
.article_class > a:nth-of-type(7n+3){color: #383EFC;background: #EDEEFD;}
.article_class > a:nth-of-type(7n+4){color: #E62DFF;background: #FAE4FD;}
.article_class > a:nth-of-type(7n+5){color: #05C6E8;background: #DCF7FB;}
.article_class > a:nth-of-type(7n+6){color: #FF862E;background: #FCF1E9;}
.article_class > a:nth-of-type(7n+7){color: #00B945;background: #E1FDEC;}
.article_class > a:hover{color: #ffffff;}
.article_class > a:nth-of-type(7n+1):hover{background: #FC5C5C;}
.article_class > a:nth-of-type(7n+2):hover{background: #8F4CFC;}
.article_class > a:nth-of-type(7n+3):hover{background: #383EFC;}
.article_class > a:nth-of-type(7n+4):hover{background: #E62DFF;}
.article_class > a:nth-of-type(7n+5):hover{background: #05C6E8;}
.article_class > a:nth-of-type(7n+6):hover{background: #FF862E;}
.article_class > a:nth-of-type(7n+7):hover{background: #00B945;}
.article_button{width: 100%;margin-top: 30px;height: 50px;background: #F8F8F8;border-radius: 5px;padding: 0 18px;justify-content: space-between;gap: 10px;}
.article_button > div{width: 50%;gap: 5px;}
.article_button > div > span{flex: 0 0 auto;font-size: 16px;color: #999999;}
.article_button > div > a{flex: 1;font-size: 16px;color: #333333;display: block;width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.article_button > div > a:hover{color: #1A85FF;}
.articleML_related{width: 100%;margin-top: 40px;}
.article_relatedM{width: 100%;margin-top: 30px;overflow: hidden;grid-template-columns: repeat(2,1fr);justify-content: space-between;gap: 25px;}
.article_relatedM .indexR3s{width: 475px;padding: 15px;border: 1px solid #F3F3F3;border-radius: 5px;}
.article_relatedM .indexR3s .indexM3Rs{width: 176px;height: 106px;}
.article_relatedM .indexR3s > div{height: 106px;padding-bottom: 10px;}
.article_relatedM .indexR3s:hover{border: 1px solid #1A85FF;}
.topic_card{
  width: 100%;
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 3px solid #F6F6F6;
}
.topic_card > img{
  width: 240px;
  height: 150px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #F1F1F1;
}
.topic_card > div{
  width: calc(100% - 255px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.topic_card_title{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.topic_card_title > h1{
  width: auto;
  flex: 1;
  font-size: 22px;
  color: #333333;
  line-height: 26px;
  font-weight: 700;
}
.topic_card_info{
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 20px;
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}
.topic_card_info > span{
  display: flex;
  align-items: center;
  gap: 4px;
}
.topic_card_info > span:first-of-type::before{
  content: "";
  width: 14px;
  height: 14px;
  background: url(../images/icon6.png) no-repeat;
  background-size: contain;
  display: block;
}
.topic_card_info > span:last-of-type::before{
  content: "";
  width: 17px;
  height: 12px;
  background: url(../images/icon7.png) no-repeat;
  background-size: contain;
  display: block;
}
.topic_card > div > p{
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.topic_card_class{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 10px;
}
.topic_card_class > a{
  font-size: 14px;
  color: #999999;
  line-height: 30px;
  background: #F6F6F6;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #F1F1F1;
  padding: 0 8px;
  flex: 0 0 auto;
}
.topic_card_class > a:hover{
  color: #1A85FF;
  background: #E6F2FF;
  border: 1px solid #1A85FF;
}
.main404{
  width: 100%;
  height: calc(100vh - 220px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.main404 > img{
  width: 316px;
  height: auto;
}
.main404 > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.main404 > div p{
  font-size: 18px;
  color: #333333;
  line-height: 38px;
}
.main404 > div > a{
  display: block;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 40px;
  border-radius: 7px;
  padding: 0 34px;
  background: linear-gradient(to top, #1A85FF, #1AC1FF);
  margin-top: 30px;
}
.main404 > div > a:hover{
  background: linear-gradient(to top, #0048FF, #2B85FF);
}