orcaslicer/resources/web/homepage2/css/online.css

.RedFont
{
	font-size:12px;
	color: #F07E4A;		
}

.LinkBtn
{
	font-size:12px;
	color: #1200FF;	
	cursor: pointer;
}

.LinkBtn:hover
{
	text-decoration:underline;
}


/*------------------*/

/*--------------------*/
#ContentBoard
{
	overflow-y:auto;
	padding: 0px 40px;
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
}

#Online_Models_Bar
{
	
}

#ForU_Models_Bar
{
	display:none;
}


/*--Staff Pick--*/
#HotModelArea
{
	display: none;
	width: 100%;
}

#HotModelList
{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

.HotModelPiece
{
	display:flex;
	flex-direction: column;
	cursor: pointer;
    border-radius: 8px;		
}

.HotModel_PrevBlock
{
	text-align: center;
	background-color: #E4E4E4;
	width: 100%;
	border-radius: 8px;
	line-height: 0px;
	padding: 0px;
}

.HotModel_PrevImg
{
	border-radius: 8px;
	width: 100%;
	aspect-ratio: 4/3;
    object-fit: cover;
}

.HotModel_Designer_Info
{
	display:flex;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 4px 2px;
}

.HotModel_Author_HeadIcon
{
	margin-right: 6px;
	width: 32px;
	height: 32px;
}

.HotModel_Author_HeadIcon img
{
	width:  32px;
	height: 32px;
	border-radius: 16px;
}

.HotModel_Right_1 
{
	flex: 1 1 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0px 4px;
}

.HotModel_Name
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight: 700;
}


.HotModel_Right_1_2
{
	display:flex;
}

.HotModel_Author_Name
{
	flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-right: 4px;
}


.HotModel_click_info
{
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 12px;
	overflow: hidden;
}

.HotModel_click_info img
{
	width: 20px;
	height: 20px;
}

.Model_Click_Number
{
	display: flex;
	align-items: center;
}