/*------一级分类----------*/
.list-main{
    width: 100%;
}
.list-main ul{
    width: 100%;
    display: flex;
    /*justify-content: space-between;*/
    flex-flow: row wrap;
}
.list-main ul li{
    width: 238px;
    height: 60px;
    line-height: 18px;
    padding-left: 8px;
    box-sizing: border-box;
    background: #fbf8fb;
    margin-top:15px ;
    margin-right:16px;
    display: flex;
    align-items: center;
}
.list-main ul li:nth-child(4n){
    margin-right: 0;
}
.list-main ul li a{
    font-size: 14px;
    color: #6a4b92;
    font-weight: bold;
    display: inline-block;
}
.list-main>ul>li a:hover{
    color: #F60;
}
.list-main ul li span{
    /*display: inline-block;*/
    margin-right: 3px;
}

.hot-list{
    /*float: left;*/
    margin-top:55px;
    border: 0;
    width: 100%;
}
.hot-main{
    width: 100%;
}
.hot-main ul{
    width: 100%;
    float: left;
    padding:0 10px 10px;
    border-bottom: 1px solid #ebe4f6;
    box-sizing: border-box;
}
.hot-main ul li{
    width: 33.3%;
    float: left;
    display: flex;
    align-content: center;
    margin-top: 10px;
}
.hot-main ul li:last-child{
    margin-right: 0;
}
.hot-main ul li img{
    width: 63px;
    height: 63px;
}
.hot-main ul li > p{
    line-height: 63px;
    display: inline-block;
    margin-left: 15px;
}
.hot-main ul li a{
    font-weight: bold;
    font-size: 14px;
    color: #331515;
}
.hot-main ul li a:hover{
    color: #F60;
}
.hot-main ul li > p + p{
    width: 100%;
    font-size: 12px;
    color: #331515;
    margin-top: 8px;
    line-height: 18px;
}


.protein-server{
    width: 1000px;
    float: left;
    margin-top: 55px;
    height: 272px;
}

/*---------热门领域内页--------------------*/
.hot-inside {
    margin-top: 10px;
}

.hot-inside p{
    width: 1000px;
    color: #231815;
    line-height: 26px;
    font-size: 14px;
}

.hot-inside > div {
    width: 1000px;
    margin: 15px auto;
    text-align: center;
}

.hot-inside > div p{
    text-align: center;
    margin-top: 5px;
    color: #888888;
}

/*.hot-imm >  p{*/
/*    width: 1000px;*/
/*}*/

/*.hot-imm > div {*/
/*    width: 1000px;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/

/*.hot-imm > div p{*/
/*    text-align: center;*/
/*    margin-top: 5px;*/
/*    color: #888888;*/
/*}*/

/*.hot-organoids > p{*/
/*    width:1000px;*/
/*}*/

/*.hot-organoids > div {*/
/*    width: 1000px;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    padding-top: 10px;*/
/*}*/

/*.hot-organoids > div p{*/
/*    text-align: center;*/
/*    margin-top: 5px;*/
/*    color: #888888;*/
/*}*/



.hot-protein-list{
    /*float: left;*/
    margin-top:55px;
    border: 0;
    width: 100%;
}
.hot-protein-main{
    width: 100%;
}
.hot-protein-main ul{
    width: 100%;
    /*float: left;*/
}
.hot-protein-main ul li{
    box-sizing: border-box;
    border-top: 1px solid #ffffff;
    padding: 10px 0;
    font-size: 0;
}
.hot-protein-main ul li >div {
    width: 240px;
    font-size: 12px;
    padding-left: 20px;
    color: #3f3f3f;
    display: inline-block;
}
.hot-protein-main ul li >div a{
    color: #695fa6;
}
.hot-protein-main ul li >div:nth-child(2){
     width: 206px;
    display: inline-block;
}
.hot-protein-main ul li >div:nth-child(3){
    color: #3f3f3f;
    display: inline-block;
    width: auto;
}

.hot-protein-main ul li:nth-child(2n){
    background: #fdf2f2;
}
.hot-protein-main ul li:nth-child(2n+1){
    background: #f5f4fa;
}
.hot-first{
    font-size: 16px;
    font-weight: bold;
    color: #fff !important;
    background: #695fa6 !important;
}
.hot-first div{
    color: #fff !important;
}



/*---------hot-immune-------------*/
.hot-immune{
    width: 100%;
}
.hot-immune ul{
    width: 100%;
    /*float: left;*/
}
.hot-immune ul li{
    box-sizing: border-box;
    border-top: 1px solid #ffffff;
    padding: 10px 0;
}
.hot-immune ul li >div {
    width:174px;
    padding-left: 20px;
    color: #3f3f3f;
    display: inline-block;
}
.hot-immune ul li >div:nth-child(2) {
    width:174px;
}
.hot-immune ul li >div:nth-child(3) {
    width:174px;
}


/*--------organoids----------*/
.hot-table table td{
    padding: 5px;
}

/*---------二级分类页--------------------*/
.p-content{
    line-height: 28px;
    margin-top: 10px;
    font-size:13px;
    text-align: justify;
    font-family:Arial, -apple-system, sans-serif;
}
.p-introduce{
    width: 100%;
    margin-top: 5px;
    float: left;
}
.p-introduce ul{
    width: 100%;
    float: left;
}
.p-introduce ul li{
    width: 50%;
    float: left;
    line-height: 24px;
}

.classify-main{
    width: 100%;
    float: left;
    margin-top: 30px;
    border-bottom: 2px solid #ebe4f6;
    border-top: 2px solid #ebe4f6;
}
.classify-main ul{
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebe4f6;
}
.classify-main ul:last-child{
    border-bottom:0;
}
.classify-main li{
    width: 333px;
    float: left;
    line-height: 36px;
}
.classify-main li a{
    font-size: 14px;
    color: #695fa6;
    font-weight: bold;
}
.classify-main li span{
    padding:0 14px 0 6px;
    float: left;
    color: #695fa6;
}
.pro-border{
    border-bottom: 2px solid #8972ac;
    margin-top: 30px;
}

.pro-tab{
    padding: 0 25px;
    height: 36px;
    line-height: 38px !important;
    background: #f9f7fb;
    margin-right: 5px;
}
.pro-tab a{
    color: #6a4b92 !important;
}
.active{
    color: #fff !important;
    background: #8972ac;
}

/*--------分类 tit------------*/
.p-cat-tit h2{
    font-size: 16px;
    color: #6a4b92;
    font-weight: bold;
    margin-top: 30px;
}
.p-cat-tit h2 a{
    color: #6a4b92;
}



/*-----------loading----------------*/
.loading-bg{
    width: 100%;
    background: #000;
    opacity: 0.4;
}
.loading-gif{
    position: relative;
    left: 50%;
    top: 50%;
    z-index: 9999;
}
.loading-gif img{
    position: absolute;
    z-index: 1000001;
    top: -138px;
}