.tab_box{
    width: 14rem;
    margin: 0.69rem auto;
    /*padding: 0.69rem 0;*/
}
.tab_wrap{
    display: flex;
}

.tab_wrap>:nth-of-type(2) .img79{
    width: 0.55rem;
    height: 0.6rem;
}
.tab_wrap>:nth-of-type(3) .img79{
    width: 0.58rem;
    height: 0.58rem;
}
.tab_wrap .tab{
    width: 1.64rem;
    padding: 0.2rem 0 0.28rem;
    background: #FFFFFF;
    border-radius: 0rem 0rem 0rem 0rem;
    border: 0.01rem solid #DFDFDF;
    /*margin-left: 0.13rem;*/
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.tab_wrap>.tab+.tab_wrap>.tab{
    margin-left: 0.13rem;
}
.tab_wrap .tab .name{
    font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.18rem;
color: #333333;
line-height: 0rem;
text-align: center;
font-style: normal;
text-transform: none;
}
/*.tab .img79{*/
/*    width: 1.44rem;*/
/*    height: 0.33rem;*/
/*}*/
.tab .img79 img{
    width: 100%;
    height: 100%;
    display: block;
}




.content_wrap{
    margin-top: 0.6rem;
    /*padding-top: 0.6rem;*/
}
.content_wrap>:nth-of-type(1) .con_font p{
    /*margin: 0 auto;*/
    text-align: center;
}
.content_wrap>:nth-of-type(1) .con_font .nameshool{
    text-align: center;
    margin-top: 0.7rem;
}
.content_wrap>:nth-of-type(2) .con_font>:nth-of-type(1) strong{
    width: 6.72rem;
    height: 6.23rem;
    display: block;
    margin: 0 auto;
}
.content_wrap>:nth-of-type(2) .con_font>:nth-of-type(1) strong img{
    width: 100%;
    height: 100%;
    display: block;
    font-family: MicrosoftYaHei, MicrosoftYaHei;

}
.content_wrap>:nth-of-type(2) .con_font p strong{
    font-weight: normal;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.32rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.content_wrap>:nth-of-type(3) .con_font>:nth-of-type(1){
    width: 2.97rem;
    height: 2.97rem;
    margin: 0 auto;
}
.content_wrap>:nth-of-type(3) .con_font>:nth-of-type(1) img{
    width: 100%;
    height: 100%;
}
.content_wrap>:nth-of-type(3) .con_font>:nth-of-type(2){


font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: normal;
font-size: 0.16rem;
color: #333333;
margin-top: 0.37rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.content_wrap>:nth-of-type(7) .con_font p{
    margin-bottom: 0.1rem;
}
.content_tab{
 display: none;   
}
/*.tab:hover{*/
/*   background: linear-gradient( 180deg, #68178B 0%, #490965 100%);*/
/*}*/

.tab_wrap>:nth-of-type(1) .img79 img{
    filter: brightness(0) invert(0.5);
}
.active{
    display: block;
}
.tab_bg{
    background: linear-gradient( 180deg, #68178B 0%, #490965 100%);
}
.content_wrap .content_tab .con_img{
    width: 2.97rem;
    height: 2.97rem;
    margin: 0 auto;
}
.content_wrap .content_tab .con_img img{
    width: 100%;
    height: 100%;
    display: block;
}
.content_wrap .content_tab .con_font{
    /*margin-top:0.32rem ;*/
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: normal;
font-size: 0.16rem;
color: #333333;
/*line-height: 0.32rem;*/
text-align: left;
font-style: normal;
text-transform: none;
}

.name_color{
    color: #F6E1F4;
}









.cononone2 {
    width: 14rem;
    height: 9.76rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cone2{
    width: 6.72rem;
}
.cone2 div {
    width: 6.4rem;
    height: 6.36rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: normal;
    font-size: 0.16rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.cone2 img{
    width: 1.45rem;
    height: 0.8rem;
    float: right;
    margin-top: 0.59rem;
}
.img2{
    width:6.72rem;
    height: 8.06rem;
}
.cononone3 {
    width: 14rem;
    height: 7.16rem;
    display: flex;
     align-items: center; 
    justify-content: space-between;
    padding: 0.69rem 0;
}
.cone3{
    display: flex;
    justify-content: space-between;

   width: 14rem;
   position: relative;
   margin-top: 0.69rem;
    background-color: red; 
   margin-bottom: 0.88rem;
}

.cone3:nth-of-type(3)>.conethreeone1 p img {
    width: 2.97rem;
    height: 2.97rem;
}
.cone3>:nth-of-type(2)>.img79 {
    width: 0.55rem;
    height: 0.6rem;
}
.cone3>:nth-of-type(7) p {
    margin-bottom: 0.1rem;
}
.conet{
    width: 1.64rem;
    height: 1.36rem;
     background-color: blue; 
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    border:#DFDFDF solid  0.01rem;
     transition: background 1s; 
    transition: background 2s;
 background: linear-gradient( 180deg, #68178B 0%, #490965 100%)!important;
}
.cone31{
    width: 1.64rem;
    height: 1.36rem;
     background-color: blue; 
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    border:#DFDFDF solid  0.01rem;
     transition: background 1s; 
    transition: background 2s;
    text-align: center;
 
}

.cone3 div:nth-child(1) .img79 img{
            filter: brightness(0) invert(0.5); 
            
           
}


.conethreeone{
    position: absolute;
    margin: auto;
    width: 100%;
     background-color: red; 
    left: 0;
    top: 1.36rem;
    display: none;
    padding-top: 0.6rem;
}
.conethreeone1{
    height:1.34rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: normal;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.32rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.conethreeone img{
   width: revert-layer;
   height: revert-layer;
    margin-top: 0.57rem;

}

@media screen and (max-width:1024px){
    .cononone2{
        flex-direction: column;
        width: 93%;
        height: auto;
    }
    .cone2 div{
        height: auto;
    }
    .tab_box{
        width: 93%;
    }
    .tab_wrap{
        /*width: 93%;*/
        flex-wrap: wrap;
    }
    .tab_wrap .tab .name{
        font-size: 14px;
        line-height: 1.2;
    }
    .tab .img79 img{
        max-height: .5rem;
    }
    .tab_wrap .tab{
        height: auto;
    }
    .content_wrap .content_tab .con_font img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .content_wrap .content_tab .con_font,
    .content_wrap .content_tab .con_font p,
    .content_wrap .content_tab .con_font span,
    .content_wrap .content_tab .con_font strong{
        font-size: 14px!important;
    }
}