.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: 10px; overflow: hidden; } .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; } /*-----Search Bar------*/ #HotModel_Search_Bar { display: none; align-items: center; border-radius: 22px; border: 1px solid #C2C2C2; flex-grow: 1; background-color: #F7F7F7; padding-right: 12px; height: 40px; } #HotModel_Search_InputArea { display: flex; align-items: center; flex-grow: 1; padding: 0px 22px 0px 0px; border-radius: 22px 0px 0px 22px; } #HotModel_Search_Input { height: 30px; flex-grow: 1; outline: none; font-size: 16px; background-color: #F7F7F7; } #HotModel_Search_Btn { width: 60px; height: 100%; border-radius: 0px 22px 22px 0px; display: flex; align-items: center; justify-content: center; }