body{

    background-color: #f8f8f8;

}

.header{

    display:flex;

    justify-content: space-between;

    align-items: center;

    position: fixed;

    top: 0;

   height: 1.066667rem;

   padding: .266667rem;

   width: 100%;

   box-sizing: border-box;

   background-color: #fff;

   border-bottom: 1px solid #eeeeee;

   z-index: 99999999999999999;

}

.header .Logo{

    width: 2.2rem;

    margin-left: .266667rem;

}

.header .search{

    width: 5.666667rem;

    text-align: center;

    border: 1px solid #eeeeee;

    border-radius: .4rem;

    position: relative;

    line-height: .7rem;

}

.header .search img{

    width: .5rem;

    position: absolute;

    top: .1rem;

    right: .2rem;

    z-index: 100;

}

.header .search input{

    width: 90%;

    text-align: center;

    outline: none;

    line-height: .8rem;

}

.header .More{

    width: .666667rem;



}



.Nav{

    margin-top:1.35rem;

    padding-bottom: .3rem;

    background-color: #fff;

    

}

.Nav ul{

    width: 100%;

    overflow-x: scroll; 

    white-space: nowrap;

}

.Nav ul::-webkit-scrollbar {display:none}

.Nav li{

    font-size: .42rem;

    margin: 0 .133333rem;

    display: inline-block;

}

.bdBott{

border-bottom: .05rem solid #3091f2;

box-sizing: border-box;

line-height: 0.7rem;

color: #3091f2;

}

.List li{

    margin-bottom: .4rem;

    padding: .266667rem;

    background-color: #fff;

}

.List .Degree{ 

    font-size: .32rem;

} 

.List .Degree img{

    width: .32rem;

    display: inline-block;

}

.List .ImgBox{

    width: 3.333333rem;

}

.List .InfoBox{

    width: 5.866667rem;

    color: #666666;

}

.List .InfoBox .Title{

    color: #333333;

}

.List .InfoBox .Label{

    display: flex;

    flex-wrap: wrap;
    margin-top: 6px;
}

.List .InfoBox .Label span{

    padding: 0 .066667rem;

    background-color: red;

    color: #fff;

    border-radius: .066667rem;

    /* margin: 0 .066667rem; */

    margin-right: .2rem;

    font-size: .3rem;

    margin-bottom: .1rem;

}

.List .InfoBox .Label span:nth-child(1){

    background-color: #21b7ce;

}

.List .InfoBox .Label span:nth-child(2){

    background-color: #01cc99;

}

.List .InfoBox .Label span:nth-child(3){

    background-color: #ed5c40;

}

.List .InfoBox .describ{

    height: 1.333333rem;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    line-height: .45rem;

    font-size: .35rem;

    margin-top: 2px;

}

.List .Degree ,.List .Links{

    line-height: .6rem;

}

.List .Button .Btn{

    width: 1.8rem;

    height: .533333rem;

    line-height: .533333rem;

    text-align: center;

    color: #fff;

    background-color: #19aeff;

    border-radius: .08rem;

    font-size: .4rem;

    display: none;

}

.model{

    text-align: center;

    font-size: .4rem;

    color: #999999;

    line-height: .8rem;

    width: 70%;

    background-color: #eeeeee;

    margin: .4rem auto;

    margin-bottom: 3rem;

}





.Nav2{

    position: fixed;

    top: 1.2rem;

    right: 0rem;

    width:100%;

    background-color:rgba(51,51,51,.6);

    color: #fff;

    /* text-align: center; */

    font-size: .45rem;

    /* border-radius: .2rem; */

}

.Nav2 li{

    padding: .13333rem .5rem;

    border-bottom: 1px solid #666;

    display: block;

}

.Nav2 a{

    color: #fff;

}

.Nav2 li:nth-child(4){

    border-bottom: 0 !important;

}

.NavBox2{

    width:20rem;

    position: fixed;

    top: 0;

    left: 0;

    height: 100vh;

    /* background-color: #fff; */

    z-index: 9999999999999;

}