forgeplus/public/react/src/search/searchc.css

.searchinput{
    width: 800px;
    margin-top: 53px;
}
.headersear{
    display: flex;
    justify-content: center;
}
.packinput .ant-input{
    height: 55px;
    width:663px !important;
    font-size: 18px;
    /*color: #681616 !important;*/
    border-color: #E1EDF8 !important;
}
.intermediatecenter{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.packinput .ant-input-group-addon{
    border: 1px solid #4cacff!important;
}
.packinput .ant-input-group-addon .ant-btn{
    width:137px !important;
    font-size: 18px;
    height: 53px;
    border-color: #4cacff !important;

}
.tabtitle{
    height: 62px !important;
    box-shadow: 3px 10px 21px 0px rgba(76, 76, 76, 0.15);
    border-radius: 6px;
    background: #fff;
    display: flex;
    justify-content: center;
}
.tabtitles2{
    background: #fff;
    height: 62px !important;
    width: 1200px;
}

.tabtitless{
    height: 62px !important;
    line-height: 62px !important;

}
.tabtitle1{

}
.tabtitle2{
    margin-left: 30px !important;

}


.counttit{
    display: flex;
    justify-content: center;
}

.counttittext{
    text-align: left;
    width: 1200px;
    height: 18px;
    color: #888888;
    font-size: 13px;
    margin-top: 24px;


}
.counttittexts{
    color: #4CACFF !important;
    font-size: 13px;
}

.mainx{
    display: flex;
    justify-content: center;
    margin-top: 17px;
}
.project-packages-list{

}
.project-package-item{
    display: -webkit-flex;
    display: flex;
    flex-direction:column;
    margin-bottom: 20px;
    padding: 20px;
    background: white;
    /* box-shadow: 1px 3px 3px 1px rgba(156,156,156,0.16); */

}
.xuxianpro{
    height: 20px;
    border-bottom: 1px dashed;
    border-color: #EAEAEA;
    margin-bottom: 18px;
}
.magr11{
    margin-top: 11px;
}
.highlight{
    color: #4CACFF;
}
.fonttext{
    font-size: 20px;
    font-weight:bold;
}

.fontextcolor{
   color:  #777777;
}
.tzbq{
    margin-left: 68px;
}
.tzbqx{
    /* margin-left: 24px; */
}
.bjyss{
    background: #F8F8F8;
}
.zj{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.ziticor{
    color: #777777;
    font-size: 13px;
}
.foohter{
    margin-top: 20px;
    display: flex;
    flex-direction:row;
}
.jupytertext{
    width:54px;
    height:24px;
    text-align: center;
    border-radius:5px;
    border:1px solid #FF6802;
    margin-top: 3px;

}
.jupytertextp{
    width:54px;
    height:16px;
    line-height:16px;
    font-size:12px;
    color:#FF6802;
    line-height:16px;
}
/* x轴正方向排序 */
/* 一 二 三 四 五 六 七 八 */
.sortinxdirection{
    display: flex;
    flex-direction:row;
}
/* x轴反方向排序 */
/* 八    七   六  五   四  三  二 一 */
.xaxisreverseorder{
    display: flex;
    flex-direction:row-reverse;
}
.intermediatecenter{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.jupytertextheig{
    height: 32px;
    line-height: 32px;
}
.ml9{
    margin-left: 9px;
}
.shixunDetail_top{width: 100%;background-image: url("/images/educoder/searchforbackres.jpg"); height: 160px;
    justify-content: center;align-items: center;display: -webkit-flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 0px !important;
}