* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
img {
    object-fit: cover;
}

a {
    text-decoration: none;
    color: #000000;
}

li {
    list-style: none;
}

/* 首页3.0 */
/* index3_0 */
.index3_0{
    background-color: #ffffff;
}
 header{
    width: 100%;
    height: 80px;
    background-color: #4285F4 !important;
    z-index: 999999;
    position: fixed;
    top: 0;
    left: 0;
}
 header .header{
    width: 1384px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
 .index3_headlogo{
    display: block;
    width: 159px;
    height: 49px;
    flex: 0 0 auto;
}
.index3_headlogo img{
    width: 100%;height: 100%;
}

.index3_headsearch{
    width: 384px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    flex: 0 0 auto;
}
.index3_headsearch input{
    width: calc(100% - 25px);
    height: 100%;
    font-size: 14px;
    color: #333333;
    border: none ;
    outline: none;
}

.index3_headsearch input::placeholder{
    color: #999999;
}
.index3_headsearch > a{
    display: block;
    width: 25px;
    height: 25px;

}
.index3_headsearch > a img{
    width: 100%;
    height: 100%;
}
.index3_headnav{
    display: flex;
    align-items: center;
    padding: 0 85px;
    gap: 48px;
}
.index3_headnav > a{
    font-size: 20px;
    color: #FFFFFF;
    position: relative;
}
.index3_headnav > a.active{
    font-weight: bold;
}
.index3_headnav > a:hover::after,
.index3_headnav > a.active::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.index3_headclass{
    display: block;
    width: 27px;
    height: 27px;
    position: relative;
}
.index3_headclass img{
    width: 100%;
    height: 100%;
}
.index3_headclass_hide{
    display: none;
}
.index3_headclass_hide:hover{
    display: flex;
}
.index3_headclass:hover .index3_headclass_hide{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0;
    top: 27px;
    width: 118px;
    padding-top: 17px;
}
.index3_headclass_hide > img{
    width: 10px;
    height: auto;
    margin-right: 6px;
    transform: translateY(1px);
}
.index3_headclass_hide > div{
    background: #FFFFFF;
    box-shadow: 3px 0px 7px 0px rgba(201,201,201,0.35);
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    display: flex;
    flex-direction: column;
    width: 100%;

}
.index3_headclass_hide > div > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    font-size: 16px;
    color: #333333;
}
.index3_headclass_hide > div > a:hover,
.index3_headclass_hide > div > a.active{
    background: #ECF2FD;
    color: #4285F4;
}
/* header end */
/* main*/
.index3main{
    width: 1384px;
    margin: 0 auto;
    margin-top: 80px;
    padding-top: 1px;
}
.index3_0 .index3main1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-top: 25px;
    margin-bottom: 20px;

    box-shadow:none;
    background-color: transparent;
    border-radius: 0;

}
.index3main1_img{
    display: block;
    width: 543px;
    height: 81px;
    border-radius: 5px;
    overflow: hidden;
}
.index3main1_img img{
    width: 100%;height: 100%;
}
.index3main1_table{
    width: 784px;
    /* height: 60px; */
    display: flex;
    justify-content: space-between;
}
.index3main1_table > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.index3main1_table > div > a{
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    padding: 0 20px;
}
.index3main1_table > div > a:hover{
    color: #4285F4;
}
.index3main1_table > div:first-of-type > a{
    padding-left: 0;
    font-weight: bold;
}
.index3main1_table > div:last-of-type > a{
    padding-right: 0;
}
.index3main1_table > div:nth-of-type(4){
    font-weight: bold;
}
.index3main1_table > div:nth-of-type(8){
    font-weight: bold;
}
.index3main1_table > span{
    display: block;
    width: 1px;
    height: 60px;
    background: #DAE6FB;
}
.index3main2{
    width: 100%;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index3main2 > div{
    width: 322px;
    height: 108px;
    background: #F7F7F7;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 15px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px;
}
.index3main2 > div:hover{
    border: 1px solid #DFE9FA;
    background: #F2F5FB;
}
.index3main2 > div > a{
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3main2 > div > a:hover{
    color: #4285F4;
}
.index3main2 > div > span{
    font-size: 14px;
    color: #999999;
}
.index3main3{
    width: 100%;
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
}
.index3main3L{
    width: 441px;
}
.index3main3M{
    width: 558px;
}
.index3main3R{
    width: 320px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.index3main3R > div{
    width: 100%;
    height: 71px;
    background: #F7F7F7;
    border-radius: 5px;
    border: 1px solid #F3F3F3;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
.index3main3R > div:hover{
    background: #F2F5FB;
    border: 1px solid #DFE9FA;
}
.index3main3R > div > span{
    display: block;
    width: 1px;
    height: 41px;
    background: #E7E6E6;
    flex: 0 0 auto;
}
.index3main3R > div > a{
    flex: 1;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3main3R > div > a:hover{
    color: #4285F4;
}
.index3main3R_time{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
}
.index3main3R_time > span:first-of-type{
    font-size: 20px;
color: #333333;
}
.index3main3R_time > span:last-of-type{
    font-size: 12px;
    color: #333333;
}
.index3main3L .index_swiper{
    width: 441px;
    height: 250px;
    border-radius: 5px;
}
.index3main3L .index_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main3L .index_swiper .swiper-slide > a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.index3main3L .index_swiper .swiper-slide > a:hover img{
    transform: scale(1.2);
}
.index3main3L .index_swiper .swiper-slide > a > div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
    padding: 35px 17px;
    border-radius: 0px 0px 5px 5px;
}
.index3main3L .index_swiper .swiper-slide > a > div > span{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.index3main3L .swiper-button-prev:after,
.index3main3L .swiper-rtl .swiper-button-next:after{
    display: none;
}
.index3main3L .swiper-button-next:after,
.index3main3L .swiper-rtl .swiper-button-prev:after{
    display: none;
 }
.index3main3L .swiper-button-prev img,
.index3main3L .swiper-button-next img{
    width: 26px;
    height: 26px;

}
.index3main3L .swiper-button-prev img.imghover,
.index3main3L .swiper-button-next img.imghover{
    display: none;
}
.index3main3L .swiper-button-prev:hover img,
.index3main3L .swiper-button-next:hover img{
    display: none;

}
.index3main3L .swiper-button-prev:hover img.imghover,
.index3main3L .swiper-button-next:hover img.imghover{
    display: block;
}
.index3main3L .index_swiper .swiper-pagination{
    left: auto;
    right: 15px;
    width: auto;
}
.index3main3L .index_swiper .swiper-pagination-bullet{
    width: 15px;
    height: 5px;
background: #ffffff;
border-radius: 3px;
}
.index3main3L .index_swiper  .swiper-pagination-bullet-active{
    background-color: #4285F4;
}
.index3_title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index3_title1{
    display: flex;align-items: center;
    gap: 9px;
}
.index3_title1 > img{
    width: 15px;
    height: auto;
}
.index3main .index3_title1 > img{
    width: 28px;
    height: auto;
}
.index3_title1 > span{
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    font-weight: bold;
}
.index3main3L_down{
    width: 100%;
    margin-top: 25px;
}
.index3main3L_downM{
    width: 100%;
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
}
.index3main3L_downM > a{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}
.index3main3L_downM > a > div{
    width: 205px;
    height: 115px;
    border-radius: 5px;

    overflow: hidden;
}
.index3main3L_downM > a > div > img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main3L_downM > a > div >  img:hover{
    transform: scale(1.2);
}
.index3main3L_downM > a > span{
    display: block;
    text-align: center;
    font-size: 16px;
    color: #333333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3main3L_downM > a > span:hover{
    color: #4285F4;
}
.index3main3M .layui-tab{
    width: 100%;
    height: 635px;
    margin: 0;
    position: relative;
}
.index3main3M  .layui-tab .layui-tab-title{
    display: flex;
    /* align-items: center; */
    gap: 50px;
    height: 38px;

}
.index3main3M .index3title_more{
    position: absolute;
    right: 0;
    top: 16px;
    transform: translateY(-50%);
    display: block;
    font-size: 14px;
    color: #999999;
}
.index3title_more{
    display: block;
    font-size: 14px;
    color: #999999;
}
.index3title_more .icon_f{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 10px;
    height: 10px;
}
.index3title_more .icon_f .icon{
    width: 10px;
    height: 10px;
}
.index3title_more .iconhover{
    display: none;
}
.index3title_more:hover{
    color: #4285F4;
}
.index3title_more:hover .icon{
    display: none;
}
.index3title_more:hover .iconhover{
    display: block;
}
.index3main3M  .layui-tab .layui-tab-title li{
    font-size: 22px;
    line-height: 26px;
    color: #333333;
    padding: 0;
    min-width: 0;
}
.index3main3M  .layui-tab .layui-tab-title li:hover{
    color: #4285F4;
}
.index3main3M  .layui-tab .layui-tab-title li.layui-this{
    color: #4285F4;
    font-weight: bold;
}
.index3main3M .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.index3main3M .layui-tab-brief>.layui-tab-title .layui-this:after{
    border: none;
    width: 100%;
    height: 6px;
    background: #4285F4;
    border-radius: 3px 3px 3px 3px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    top: auto;
}
.index3main3Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3main3Ms > span{
    width: 100%;
    height: 1px;
    background: #F3F3F3;
}
.index3main3Ms > div{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.index3main3Mss{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}
.index3main3Mss > img{
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
}
.index3main3Mss > span{
    font-size: 16px;
    color: #999999;
    flex: 0 0 auto;
}
.index3main3Mss > a{
    flex: 1;
    display: block;
    width: auto;
    overflow: hidden;white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333333;
}
.index3main3Mss > a:hover{
    color: #4285F4;
}
.index3main4{
    width: 100%;
    margin-top: 50px;
}
.index3main4M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;

}
.index3main4Ms{
    width: 440px;
}
.index3main4Ms > a{
    display: block;
    width: 440px;
    height: 243px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.index3main4Ms > a > img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main4Ms > a:hover img{
    transform: scale(1.2);
}
.index3main4Ms > a > div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 38px 19px 17px 19px;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.index3main4Ms > a > div > span:first-of-type{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3main4Ms > a > div > span:last-of-type{
    display: block;
    font-size: 14px;
    color: #FFFFFF;
    margin-top: 10px;
}
.index3main4Ms > div{
    width: 100%;
    margin-top: 3px;
    display: flex;
    flex-direction: column;
}
.index3main4Mss{
    width: 100%;
    display: flex;
    padding: 20px 0;
    gap: 22px;
    border-bottom: 1px solid #F3F3F3;
}
.index3main4Mss:hover{
    background: #F2F5FB;
}
.index3main4Mss > a{
    display: block;
    width: 115px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
}
.index3main4Mss > a img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main4Mss > a:hover img{
    transform: scale(1.2);
}
.index3main4Mss > div{
    width: calc(100% - 137px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70px;
}
.index3main4Mss > div > a{
    font-size: 16px;
    color: #333333;
    line-height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3main4Mss > div > a:hover{
    color: #4285F4;
}
.index3main4Mss > div > span{
    font-size: 12px;
    color: #999999;
}
.index3main5{
    width: 100%;
    margin-top: 50px;
}
.index3main5 .index3_title1 > img{
    width: 28px;
}
.index3main5M{
    width: 100%;
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 32px;
    row-gap: 0;
}
.index3main5Ms{
    width: 100%;
    overflow: hidden;
    /* border-top: 1px solid #F3F3F3; */
    border-bottom: 1px solid #F3F3F3;
    padding: 18px;
    padding-left: 0;
}
.index3main5Ms:nth-of-type(1),
.index3main5Ms:nth-of-type(2),
.index3main5Ms:nth-of-type(3){
    border-top: 1px solid #F3F3F3; 
}
.index3main5Ms:hover{
    background: #F2F5FB;
}
.index3main5Ms > a{
    padding-left: 15px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333333;
    position: relative;
}
.index3main5Ms > a:hover{
    color: #4285F4;
}
.index3main5Ms > a::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 20px;
    background: #4285F4;
    border-radius: 3px;
}
.index3main5Ms > span:first-of-type{
    font-size: 14px;
    color: #999999;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 15px;
}
.index3main5Ms > span:last-of-type{
    display: block;
    font-size: 12px;
    color: #999999;
    margin-top: 12px;
}
.index3main6{
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.index3main6 > div{
    width: 441px;
}
/* .index3main6_3 .index3_title1 img{
    width: 21px;
} */
 .index3main6_3 .index3_title .index3_title1 > img{
    width: auto;
    height: 28px;
 }
 .index3main6 .index3_title1 > img{
    width: 28px;
    height: auto;
 }
.index3main6M{
    width: 100%;
    margin-top: 25px;
}
.index3main6M1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index3main6M1 > a{
    display: block;
    width: 208px;
    height: 121px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.index3main6M1 > a > img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main6M1 > a:hover img{
    transform: scale(1.2);
}
.index3main6M1 > a > span{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    padding: 12px 8px;
    font-size: 16px;
    color: #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: linear-gradient( 180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.index3main6M2{
    width: 100%;
    margin-top: 23px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}
.index3main7{
    width: 100%;
    margin-top: 50px;
}
.index3main7M{
    width: 100%;
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 32px;
    row-gap: 0;
}
.index3main7Ms{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #F3F3F3;
    padding: 20px 0;
}
.index3main7Ms:nth-of-type(1),
.index3main7Ms:nth-of-type(2),
.index3main7Ms:nth-of-type(3){
    padding-top: 0;
}
.index3main7Ms:hover{
    background: #F2F5FB;
}
.index3main7Ms > a{
    font-size: 16px;
    color: #333333;
    display: block;
    width: 100%;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3main7Ms > a > span{
    font-size: 14px;
    color: #4285F4;
    padding: 4px 5px;
    background: #EBF5FF;
    border-radius: 3px;
    margin-right: 12px;
}
.index3main7Ms:hover > a{
    color: #4285F4;
}
.index3main7Ms:hover > a span{
    background-color: #ffffff;
}
.index3main7Ms > div{
    display: flex;
    width: 100%;
    gap: 15px;
    margin-top: 18px;
}
.index3main7Ms > div > a{
    display: block;
    width: 188px;
    height: 113px;
    border-radius: 5px;
    overflow: hidden;
    flex: 0 0 auto;
}
.index3main7Ms > div > a img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;
}
.index3main7Ms > div > a:hover img{
    transform: scale(1.2);
}
.index3main7Ms_info{
    width: calc(1005 - 203px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 17px;
}
.index3main7Ms_info p{
    font-size: 14px;
    color: #999999;
    line-height: 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3main7Ms_info span{
    font-size: 12px;
    color: #999999;
}
.index3main8{
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.index3main8 > div{
    width: 322px;
}
.index3main8M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}
.index3main8Ms{
    width: 100%;
    padding: 15px 0;
    display: flex;
    position: relative;
    align-items: center;
}
.index3main8Ms::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 276px;
    height: 1px;
    background: #F3F3F3;
}
.index3main8Ms:first-of-type{
    padding-top: 0;
}
.index3main8Ms:hover{
    background: #F2F5FB;
}
.index3main8Ms1{
    display: block;
    width: 23px;
    height: 35px;
    position: relative;
    margin-right: 22px;
    flex: 0 0 auto;
}
.index3main8Ms1 img{
    width: 100%;
    height: 100%;
}
.index3main8Ms1 span{
    position: absolute;
    font-size: 16px;
    color: #FFFFFF;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}
.index3main8Ms_img{
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 15px;
    overflow: hidden;
    flex: 0 0 auto;
    margin-right: 14px;
}
.index3main8Ms_img img{
    width: 100%;
    height: 100%;
}
.index3main8Ms_info{
    width: calc(100% - 119px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
.index3main8Ms_info > span{
    font-size: 14px;
    color: #999999;
}
.index3main8Ms_info > div{
    display: flex;
    justify-content: space-between;
    align-items: self-start;
}
.index3main8Ms_info > div > a:first-of-type{
    font-size: 16px;
    color: #333333;
    padding-top: 8px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3main8Ms_info > div > a:last-of-type{
    font-size: 14px;
    color: #4285F4;
    padding: 3px 10px;
    background: #EBF5FF;
    border-radius: 11px;
    flex: 0 0 auto;
}
.index3main8Ms:hover .index3main8Ms_info > div > a:first-of-type{
    color: #4285F4;
}
.index3main8Ms:hover .index3main8Ms_info > div > a:last-of-type{
    background: #4285F4;
    color: #ffffff;
}
footer{
    width: 100%;
    background-color: #272727 !important;
    margin-top: 30px;
}
.index3footer{
    width: 1384px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.index3footer1{
    margin-top: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.index3footer a,
.index3footer span{
    font-size: 14px;
    color: #999999;
}
.index3footer1 > span{
    display: block;
    width: 1px;
    height: 16px;
    background-color: #999999;
}
.index3footer2{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.index3footer3{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.index3footer3 img{
    width: 16px;
}
.index3footer > span{
    margin-top: 20px;
    margin-bottom: 32px;
}
/* 
header.shrink .index3_headlogo{
    width: auto;
    height: 30px;
}
header.shrink .index3_headsearch{
    height: 30px;
}
header.shrink .index3_headnav > a:hover::after, 
header.shrink .index3_headnav > a.active::after{
    height: 2px;
    bottom: -2px;
}
header.shrink .index3_headclass:hover .index3_headclass_hide{
    top: 7px;
} */

.index3main1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 25px 0;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
}

.index3main3L .swiper-button-prev{
    left: 0;
}
.index3main3L .swiper-button-next{
    right: 0;
}



/* index3_article */
.icon_f{
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_f .icon{
    width: 16px;
    height: 16px;
}
.index3_article{
    width: 1384px;
    margin: 0 auto;
    margin-top: 80px;
    padding-top: 1px;
}
.index3_topnav{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}
.index3_topnav > img{
    width: 13px;
    height: auto;
    flex: 0 0 auto;
}
.index3_topnav > a{
    font-size: 14px;
    color: #999999;
    flex: 0 0 auto;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_topnav > a:hover{
    color: #4285F4;
}
.index3_topnav .icon{
    width: 12px;
    height: 16px;
}
.index3_topnav .icon_f{
    flex: 0 0 auto;
}
.index3_topnav > span{
    color: #333333;
    font-size: 14px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_topnav > span:first-of-type{
    color: #999999;
    flex: 0 0 auto;
}
.index3_article1{
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}
.index3_article1L{
    width: 994px;
}
.index3_article1L1{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.index3_article1Ls{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
    border-bottom: 1px solid #F3F3F3;
}
.index3_article1Ls:hover{
    background: #F2F5FB;
}
.index3_article1Ls:hover > div > a h2{
    color: #4285F4;
}
.index3_article1Ls:first-of-type{
    padding-top: 0;
}
.index3_article1Ls > a{
    display: block;
    width: 190px;
    height: 120px;
    border-radius: 5px;
    overflow: hidden;
}
.index3_article1Ls > a > img{
    width: 100%;
    height: 100%;

    transition: transform 0.2s;
}
.index3_article1Ls > a:hover > img{
    transform: scale(1.2);
}
.index3_article1Ls > div{
    width: calc(100% - 207px);
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index3_article1Ls > div > a{

    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article1Ls > div > a h2{
    font-size: 20px;
    color: #333333;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article1Ls > div > p{
    font-size: 14px;
    color: #999999;
    line-height: 19px;
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3_article1Ls_info{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}
.index3_article1Ls_info > span{
    font-size: 12px;
    color: #999999;
}
.index3_article1Ls_info > div{
    display: flex;
    align-items: center;
    gap: 10px;
    height: 28px;
    flex-wrap: wrap;
    overflow: hidden;
}
.index3_article1Ls_info > div > a{
    font-size: 14px;
    color: #999999;
    padding: 4px 8px;
    background: #F5F5F5;
    border-radius: 5px;
}
.index3_article1Ls_info > div > a:hover{
    color: #ffffff;
    background: #4285F4;
}
.index3_article1R{
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

/**页码**/
.index3_0 .yxxPage{width:100%; text-align:center; margin-top:30px;}
.index3_0 .yxxPage a{height:31px; line-height:31px; display:inline-block; color:#999999; text-decoration:none; border:1px solid #e4e4e4; padding:0px 11px; background:#FFFFFF; font-size:14px; margin-left:11px; border-radius: 5px;}
.index3_0 .yxxPage a.currentPage{color:#4285F4; background:transparent ; border:1px solid #4285F4;}
.index3_0 .yxxPage a:hover{color:#4285F4; background:transparent ; border:1px solid #4285F4;}
.index3_0 .yxxPage a:hover.numa{color:#999999; background:none; border:1px solid #dddddd; text-decoration:underline; background:#FFFFFF; font-weight:normal;}
.index3_0 .yxxPage a:hover.numa{color:#999999; background:none; border:1px solid #dddddd; text-decoration:underline; background:#FFFFFF; font-weight:normal;}
.index3_0 .yxxPage span{ color:#999 ; margin-left:15px;}

.index3_article1R .index3_title1 > img{
    width: 15px;
    height: 15px;
}
.index3main .index3_article1R .index3_title1 > img{
    width: 28px;
    height: 28px;
}
.index3_article1R1M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
}
.index3_article1R1Ms > div{
    width: 100%;
    height: 18px;
    display: flex;
    gap: 7px;
    align-items: center;
}
.index3_article1R1Ms > div img{
    width: 18px;
    height: 18px;

}
.index3_article1R1Ms > div span{
    display: block;
    font-size: 14px;
    color: #999999;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.index3_article1R1Ms > a{
    width: 100%;
    padding-left: 25px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    padding-top: 10px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 20px;
    position: relative;
}
.index3_article1R1Ms > a:hover{
    color: #4285F4;
}
.index3_article1R1Ms > a::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #F3F3F3;
    top: 0;
    left: 8px;
}
.index3_article1R1Ms:last-of-type > a{
    padding-bottom: 0;
}
.index3_article1R2M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_article1R2Ms{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 14px;
}
.index3_article1R2Ms > div:first-of-type{
    width: 50px;
    height: 50px;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}
.index3_article1R2Ms > div:first-of-type > span:first-of-type{
    width: 100%;
    height: 50%;
    font-size: 20px;
    color: #999999;
    text-align: center;
    line-height: 25px;
}
.index3_article1R2Ms > div:first-of-type > span:last-of-type{
    display: block;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, #F1F0F0, #FFFFFF);

    font-size: 14px;
    color: #999999;
    text-align: center;
    line-height: 25px;
}
.index3_article1R2Ms > div:last-of-type{
    width: calc(100% - 64px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.index3_article1R2Ms > div:last-of-type > a{
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article1R2Ms > div:last-of-type > a:hover{
    color: #4285F4;
}
.index3_article1R2Ms > div:last-of-type > span{
    font-size: 14px;
    line-height: 15px;
    color: #999999;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index3_article_ML{
    width: 994px;
}
.index3_article_ML > h1{
    font-size: 26px;
    color: #333333;
}
.index3_article_ML_author{
    width: 100%;
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #F3F3F3;
}
.index3_article_ML_author > a:first-of-type{
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 auto;
}
.index3_article_ML_author > a:first-of-type img{
    width: 100%;
    height: 100%;
}
.index3_article_ML_author > a:last-of-type{
    font-size: 16px;
    color: #4285F4;
    padding: 9px 24px;
    background: #E9F1FD;
    border-radius: 5px;
    flex: 0 0 auto;
}
.index3_article_ML_author > a:last-of-type:hover{
    background: #4285F4;
    color: #ffffff;
}
.index3_article_ML_author > div{
    flex: 1;
    width: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
}
.index3_article_ML_author > div > a{
    font-size: 16px;
    line-height: 16px;
    color: #333333;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article_ML_author > div > span{
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article_details{
    width: 100%;
    margin-top: 30px;
}
.index3_article_details p{
    font-size: 16px;
    color: #333333;
    line-height: 32px;
    margin: 15px 0;
}
.index3_article_details img{
    display: block;
    max-width: 90%;
    margin: 30px auto;
    border-radius: 5px;
}

.index3_article_details h2{
    font-size: 20px;
    color: #333333;
    padding-left: 20px;
    position: relative;
    margin: 20px 0;
}
.index3_article_details h2::after{
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 17px;
    background: #4285F4;
    border-radius: 3px;
}
.index3_article_details h3{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0;
}
.index3_article_dsource{
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 16px;
    color: #333333;
}
.index3_article_class{
    width: 100%;
    margin-top: 23px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.index3_article_class > a{
    font-size: 14px;
    color: #999999;
    padding: 4px 8px;
    background: #F5F5F5;
    border-radius: 5px;
}
.index3_article_class > a:hover{
    color: #ffffff;
    background: #4285F4;
}
.index3_article_other{
    width: 100%;
    margin-top: 23px;
    height: 50px;
    background: #F8F8F8;
    border-radius: 5px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.index3_article_other > div{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 5px;
}
.index3_article_other > div:last-of-type{
    justify-content: right;
}
.index3_article_other > div span{
    color: #999999;
    font-size: 16px;
    flex: 0 0 auto;
}
.index3_article_other > div a{
    color: #333333;
    font-size: 16px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article_other > div a:hover{
    color: #4285F4;
}
.index3_article_Disclaimers{
    width: 100%;
    margin-top: 30px;
    background: #F1F5FC;
    border: 3px solid #D6E5FC;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.index3_article_Disclaimers > img{
    width: 100%;
    height: auto;
}
.index3_article_Disclaimers > p{
    font-size: 16px;
    color: #666666;
    line-height: 23px;
}
.index3_article_push1{
    width: 100%;
    margin-top: 50px;
}
.index3_article_push1M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;

}
.index3_article_push2{
    width: 100%;
    margin-top: 50px;
}
.index3_article_push2M{
    width: 100%;
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px;
    row-gap: 25px;
}
.index3_article_push2Ms{
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_article_push2Ms > a:first-of-type{
    display: block;
    width: 100%;
    height: 135px;
    border-radius: 5px;
    overflow: hidden;
}
.index3_article_push2Ms > a:first-of-type img{
    width: 100%;
    height: 100%;
    transition: transform 0.2s;

}
.index3_article_push2Ms > a:first-of-type:hover img{
    transform: scale(1.2);
}
.index3_article_push2Ms > a:last-of-type{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_article_push2Ms > a:last-of-type:hover{
    color: #4285F4;
}


.index3_articleR1{
    width: 100%;
}
.index3_articleR1 .layui-tab{
    width: 100%;
    margin: 0;
}
.index3_articleR1 .layui-tab .layui-tab-title li{
    font-size: 22px;
    line-height: 22px;
    color: #333333;
    padding: 0;
    min-width: 0;
    margin-right: 30px;
    position: relative;
}
.index3_articleR1 .layui-tab .layui-tab-title li:first-of-type{
    padding-left: 0;
}
.index3_articleR1 .layui-tab .layui-tab-title li:last-of-type{
    margin-right: 0;
}
.index3_articleR1 .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.index3_articleR1 .layui-tab-brief>.layui-tab-title .layui-this:after{
    border: none;
    position: absolute;
    width: 100%;
    height: 6px;
    background: #4285F4;
    border-radius: 3px;
    bottom: -17px;
    left: 0;
    top: auto;
}

.index3_articleR1 .layui-tab  .layui-tab-title .layui-this{
    font-weight: bold;
    color: #4285F4;
}
.index3_articleR1 .layui-tab-content{
    padding: 20px 0;
    padding-bottom: 0;
}
.index3_articleR1M{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_articleR1M > a{
    display: flex;
    width: 100%;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    padding: 10px;
    align-items: center;
    gap: 10px;
}
.index3_articleR1M > a:hover{
    background: #F2F5FB;
    border: 1px solid #DFE9FA;
}
.index3_articleR1M > a:hover > span{
    color: #4285F4;
}
.index3_articleR1M > a > div{
    width: 23px;
    height: 35px;
    position: relative;
    flex: 0 0 auto;
}
.index3_articleR1M > a > div > img{
    width: 100%;
    height: 100%;
}
.index3_articleR1M > a > div > span{
    position: absolute;
    bottom: 6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 16px;
    color: #ffffff;
}
.index3_articleR1M > a > span{
    width: calc(100% - 33px);
    padding-left: 10px;
    border-left: 1px solid #F3F3F3;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333333;
    line-height: 20px;
}

.index3_articleR2M{
    width: 100%;
}
.index3_articleR2M .layui-tab{
    margin: 0;
    margin-top: 25px;
}
.index3_articleR2M .layui-tab  .layui-tab-title{
    display: flex;
    justify-content: space-between;
    border: none;
    height: 30px;
}
.index3_articleR2M .layui-tab  .layui-tab-title li{
    padding: 0;
    min-width: 0;
    position: relative;
    font-size: 18px;
    color: #999999;
    line-height: 18px;
}
.index3_articleR2M .layui-tab  .layui-tab-title li.layui-this{
    color: #333333;
}
.index3_articleR2M .layui-tab  .layui-tab-title > span{
    flex: 0 0 auto;
}
.index3_articleR2M .layui-tab  .layui-tab-title li::before{
    content: "/";
    margin-right: 5px;
    position: absolute;
    left: -13px;
    color: #999999;
}
.index3_articleR2M .layui-tab  .layui-tab-title li:first-of-type:before{
    display: none;
}
.index3_articleR2M .layui-tab .layui-tab-title .layui-this:after{
    border: none;
    position: absolute;
    width: 100%;
    height: 6px;
    background: #4285F4;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    top: auto;
}
.index3_articleR2M .layui-tab .layui-tab-content{
    width: 100%;
    padding: 15px 0;
    padding-bottom: 0;
}
.index3_articleR2Ms{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_articleR2Ms > div{
    width: 100%;
    display: flex;
    gap: 17px;
    align-items: center;
}
.index3_articleR2Ms > div > a{
    display: block;
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
}
.index3_articleR2Ms > div > a > img{
    width: 100%;
    height: 100%;

    transition: transform 0.2s;
}
.index3_articleR2Ms > div > a:hover > img{
    transform: scale(1.2);
}
.index3_articleR2M_info{
    width: calc(100% - 137px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.index3_articleR2M_info > a{
    font-size: 16px;
    color: #333333;
    line-height: 20px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index3_articleR2M_info > a:hover{
    color: #4285F4;
}
.index3_articleR2M_info > span{
    font-size: 12px;
    color: #999999;
    line-height: 13px;
}
.index3_topicL1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 27px;
    margin-bottom: 25px;
}
.index3_topicL1 > img{
    width: 330px;
    height: 200px;
    overflow: hidden;
    border-radius: 5px;
    flex: 0 0 auto;

}
.index3_topicL1 > div{
    width: calc(100% - 357px);
    min-height: 200px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
}
.index3_topicL1 > div h1{
    font-size: 24px;
    color: #333333;
    line-height: 24px;
}
.index3_topicL1 > div p{
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 3;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px;
}
.index3_topicL1_info{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 25px;
}
.index3_topicL1_info > div{
    display: flex;
    align-items: center;
    gap: 5px;
}
.index3_topicL1_info > div img{
    width: 18px;
    height: auto;
}
.index3_topicL1_info > div span{
    font-size: 12px;
    color: #999999;
    line-height: 12px;
}
.index3_topicL1_class{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    height: 28px;
    overflow: hidden;
}
.index3_topicL1_class > span{
    font-size: 14px;
    color: #333333;
    line-height: 14px;
}
.index3_topicL1_class > a{
    font-size: 14px;
    color: #999999;
    padding: 4px 8px;
    background: #F5F5F5;
    border-radius: 5px;
}
.index3_topicL1_class > a:hover{
    color: #ffffff;
    background: #4285F4;
}
.index3_topicL .index3_article1Ls:first-of-type{
    padding-top: 25px;
    border-top: 1px solid #F3F3F3;
}
.index3_topicL_line{
    display: block;
    width: 993px;
    height: 5px;
    background: #F3F3F3;
    margin: 30px 0;
}
.index3_topicL2{
    width: 100%;
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
}
.index3_topicL2s{
    width: 100%;
    overflow: hidden;
    height: 147px;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    gap: 22px;
}
.index3_topicL2s > a{
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 15px;
    overflow: hidden;
}
.index3_topicL2s > a > img{
    width: 100%;
    height: 100%;
}
.index3_topicL2s_info{
    width: calc(100% - 132px);
    height: 110px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.index3_topicL2s_info > div:first-of-type{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.index3_topicL2s_info > div:first-of-type > a:first-of-type{
    font-size: 16px;
    color: #0D0D0D;
    line-height: 16px;
    display: block;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_topicL2s_info > div:first-of-type > a:last-of-type{
    font-size: 14px;
    color: #4285F4;
    line-height: 14px;
    padding: 6px 14px;
    background: #EBF5FF;
    border-radius: 13px;
    flex: 0 0 auto;
}
.index3_topicL2s_info > div:last-of-type{
    display: flex;
    align-items: center;
    gap: 15px;
}
.index3_topicL2s_info > div:last-of-type > div{
    display: flex;
    align-items: center;
    gap: 2px;
}
.index3_topicL2s_info > div:last-of-type > div img{
    width: 16px;
    height: auto;
}
.index3_topicL2s_info > div:last-of-type > div span{
    font-size: 12px;
    color: #999999;
    line-height: 13px;
}
.index3_topicL2s_info > p{
    font-size: 14px;
    color: #999999;
    line-height: 19px;
    display: -webkit-box;
    -webkit-line-clamp: 2;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 38px;
}
.index3_topicL2s:hover{
    background: #F2F5FB;
    border: 1px solid #DFE9FA;
}
.index3_topicL2s:hover .index3_topicL2s_info > div:first-of-type > a:last-of-type{
    color: #FFFFFF;
    background: #4285F4;
}
.index3_topicL2s:hover .index3_topicL2s_info > div:first-of-type > a:first-of-type{
    color: #4285F4;
}
.index3_article_ML_game{
    width: 100%;
    padding-bottom: 25px;
    border-bottom: 1px solid #F3F3F3;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    align-items: center;
}
.index3_article_ML_game > a:first-of-type{
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 15px;
    overflow: hidden;
    flex: 0 0 auto;
}
.index3_article_ML_game > a:first-of-type img{
    width: 100%;
    height: 100%;
}
.index3_article_ML_game > div{
    flex: 1;
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_article_ML_game > div h1{
    font-size: 26px;
    color: #333333;
    line-height: 26px;
}
.index3_article_ML_game > div span{
    font-size: 14px;
    color: #999999;
    line-height: 14px;
}
.index3_article_ML_game > a:last-of-type{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 16px;
    padding: 9px 25px;
    background: #4285F4;
    border-radius: 5px;
}

.index3_articleR4M{
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.index3_articleR4Ms{
    display: flex;
    gap: 14px;
}
.index3_articleR4Ms > a{
    display: block;
    width: 84px;
    height: 84px;
    border-radius: 15px;
    overflow: hidden;
}
.index3_articleR4Ms > a img{
    width: 100%;
    height: 100%;
}
.index3_articleR4Ms_info{
    width: calc(100% - 98px);
    display: flex;
    justify-content: center;
    gap: 11px;
    flex-direction: column;
}
.index3_articleR4Ms_info > div:first-of-type{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.index3_articleR4Ms_info > div:first-of-type > a:first-of-type{
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
}
.index3_articleR4Ms_info > div:first-of-type > a:first-of-type:hover{
    color: #4285F4;
}
.index3_articleR4Ms_info > div:first-of-type > a:last-of-type{
    font-size: 14px;
    color: #4285F4;
    line-height: 14px;
    padding: 6px 15px;
    background: #EBF5FF;
    border-radius: 13px;
}
.index3_articleR4Ms_info > div:first-of-type > a:last-of-type:hover{
    background: #4285F4;
    color: #ffffff;
}
.index3_articleR4Ms:hover .index3_articleR4Ms_info > div:first-of-type > a:last-of-type{
    background: #4285F4;
    color: #ffffff;
}
.index3_articleR4Ms_info > div:last-of-type{
    display: flex;
    align-items: center;
    gap: 15px;
}
.index3_articleR4Ms_info > div:last-of-type > div{
    display: flex;
    align-items: center;
    gap: 3px;

}
.index3_articleR4Ms_info > div:last-of-type > div img{
    width: 16px;
    height: auto;
}
.index3_articleR4Ms_info > div:last-of-type > div span{
    font-size: 12px;
color: #999999;
line-height: 13px;
}
.index3_articleR4Ms_info > span{
    font-size: 14px;
    color: #999999;
    line-height: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index3_news{
    width: 100%;

}
.index3_news .layui-tab{
    margin: 0;
}
.index3_news .layui-tab .layui-tab-title{
    display: flex;
    gap: 30px;
}
.index3_news .layui-tab .layui-tab-title li{
    font-size: 22px;
    line-height: 22px;
    color: #333333;
    min-width: 0;
    padding: 0;
    position: relative;
}
.index3_news .layui-tab .layui-tab-title li.layui-this{
    color: #4285F4;
    font-weight: bold;
}
.index3_news .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.index3_news .layui-tab-brief>.layui-tab-title .layui-this:after{
    display: none;
}
.index3_news .layui-tab .layui-tab-title li.layui-this::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    background: #4285F4;
    border-radius: 3px;
    bottom: 0;
}
.index3_news .layui-tab-content{
    padding: 0;
}
.index3_newsM{
    width: 100%;
    display: flex;
    flex-direction: column;

}
.index3_newsMs{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid #F3F3F3;
}
.index3_newsMs > div{
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 50%;
    overflow: hidden;
}
.index3_newsMs > div > img{
    width: 12px;
    height: auto;
    flex: 0 0 auto;
}
.index3_newsMs > div > a:first-of-type{
    font-size: 16px;
    color: #999999;
    flex: 0 0 auto;
}
.index3_newsMs > div > span{
    font-size: 16px;
    color: #9B8E8E;
    flex: 0 0 auto;
}
.index3_newsMs > div > a:last-of-type{
    flex: 1;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 16px;
}
.index3_newsMs > div > a:hover{
    color: #4285F4;
}
.index3_newsMs:nth-child(even){
    background: #F9F9F9;
}