.kda-DkA .cardBox { margin-bottom: 24px; width: 100%; min-width: 248px; margin-right: 0px; }
 @media screen and (max-width:1600px) {
.kda-DkA .advlongDefaultBox .adBox { height: 100px; }
.kda-DkA .adBanner { height: 286px; }
.kda-DkA .advTop .advItem, .kda-DkA .advTop .advImage { height: 168px; }
.kda-DkA .advlongDefault { height: 100px; }
.kda-DkA .cardBox { width: 248px; }
.kda-DkA .cardBox .cardImg { height: 158px; }
.kda-DkA .cardBox .cardUser .userName { width: 86px; }
.kda-DkA .cardBox .recommendCourseImg { height: 118px; }
.kda-DkA .cardBox .cardContent .titleContent { height: 23px; }
.kda-DkA .cateItem { width: 138px; height: 104px; }
.kda-DkA .workOtherItemBox { width: 210px; }
.kda-DkA .workOtherItemBox .workOtherImg { height: 158px; }
.kda-DkA .recommendDesignerItem { width: 210px; height: 327px; }
.kda-DkA .recommendDesignerItem .designerFollowBtn { width: 160px; }
.kda-DkA .recommendDesignerItem .designerContentBox .contentImg_0 { height: 134px; }
.kda-DkA .recommendDesignerItem .designerContentBox .contentImg_1 { height: 41px; }
@-webkit-keyframes fadFreeIns { from {
display:none;
height:0px;
overflow:hidden;
}
to { display: block; height: 158px; overflow: unset; }
}
@keyframes fadFreeIns { from {
display:none;
height:0px;
overflow:hidden;
}
to { display: block; height: 158px; overflow: unset; }
}
}
@media screen and (min-width:1601px) {
.kda-DkA .advlongDefaultBox .adBox { height: 115px; }
.kda-DkA .adBanner { height: 350px; }
.kda-DkA .advTop .advItem, .kda-DkA .advTop .advImage { height: 208px; }
.kda-DkA .advlongDefault { height: 115px; }
.kda-DkA .cardBox { width: 248px; }
.kda-DkA .cardBox .cardImg { height: 195px; }
.kda-DkA .cardBox .cardUser .userName { width: 116px; }
.kda-DkA .cardBox .recommendCourseImg { height: 146px; }
.kda-DkA .cardBox .cardContent .titleContent { height: 23px; }
.kda-DkA .cardBox .recommendImg { width: 260px; }
.kda-DkA .cateItem { width: 174px; height: 131px; }
.kda-DkA .workOtherItemBox { width: 260px; }
.kda-DkA .workOtherItemBox .workOtherImg { height: 195px; }
.kda-DkA .recommendDesignerItem { width: 260px; height: 375px; }
.kda-DkA .recommendDesignerItem .designerFollowBtn { width: 220px; }
.kda-DkA .recommendDesignerItem .designerContentBox .contentImg_0 { height: 171px; }
.kda-DkA .recommendDesignerItem .designerContentBox .contentImg_1 { height: 52px; }
@-webkit-keyframes fadFreeIns { from {
display:none;
height:0px;
overflow:hidden;
}
to { display: block; height: 186px; overflow: unset; }
}
@keyframes fadFreeIns { from {
display:none;
height:0px;
overflow:hidden;
}
to { display: block; height: 186px; overflow: unset; }
}
}
/*作品*/
.cSRiKZ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }/*!sc*/
.eESxKY { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }/*!sc*/
.eaFYDF { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }/*!sc*/
.jgyXZm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }/*!sc*/
.hfJMOA { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: initial; -ms-flex-wrap: initial; flex-wrap: initial; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }/*!sc*/
.ebKjsP { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex: initial; -ms-flex: initial; flex: initial; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; }/*!sc*/
.iGoLzH { border-radius: 8px; position: relative; background: rgba(29, 34, 39, 1); ; border: none; margin: 0 24px 24px 0px; }
.iGoLzH:hover .tag { display: block; -webkit-transition: -webkit-transform ease 0.2s; -webkit-transition: transform ease 0.2s; transition: transform ease 0.2s; }
.iGoLzH:hover .showDelete { display: none!important; -webkit-transition: -webkit-transform ease 0.2s; -webkit-transition: transform ease 0.2s; transition: transform ease 0.2s; }
.iGoLzH .cardImg { width: 100%; display: block; cursor: pointer; position: relative; overflow: hidden; }
.iGoLzH .cardImg .img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-transition: 0.1s linear; transition: 0.1s linear; display: block; }
.iGoLzH .cardImg .img:hover { -webkit-filter: alpha(opacity=80); filter: alpha(opacity=80); opacity: 0.8; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; }
.iGoLzH .cardImg .delete { padding: 1px 10px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 8px; right: 8px; display: none; }
.iGoLzH .cardImg .delete:hover { background-color: rgba(0, 0, 0, 0.5); }
.iGoLzH .cardImg .event_tag { position: absolute; left: 0px; bottom: 0px; width: 282px; height: 36px; }
.iGoLzH .cardInfo { position: relative; width: calc(100% - 32px); margin: auto; border-bottom: 1px solid rgba(41, 46, 50, 1); ; padding: 16px 0px; box-sizing: border-box; }
.iGoLzH .cardInfo .cardName { cursor: pointer; position: relative; height: 24px; line-height: 24px; color: rgba(245, 245, 245, 1); font-size: 16px; }
.iGoLzH .cardImg .hUBlSx1 { width: 100%; height: 100%; position: absolute; top: 0px; }
.iGoLzH .cardImg .jSERgJ { position: absolute; top: 9px; right: 12px; width: 30px; display: none; height: 20px; background: rgba(0, 0, 0, 0.2); border-radius: 3px; cursor: pointer; }
.iGoLzH .cardImg .jLXPTz { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; border-radius: 4px 4px 0px 0px; background-color: rgba(0, 0, 0, 0.5); }
.iGoLzH .cardImg .draftImgMask { display: none; }
.iGoLzH .cardImg .iO3Acf { width: 30px; height: 30px; opacity: 1; border-radius: 3px; background: rgba(0, 0, 0, 0.3); background: url(../img/resource-icon.png) center rgba(0, 0, 0, 0.3) no-repeat; display: block; position: absolute; top: 4px; left: 3px; }
.iGoLzH .cardImg .eVaiCE { display: flex; flex-flow: column; flex: initial; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.iGoLzH .cardImg .cAfXcf { width: 78px; height: 30px; display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-size: 18px; cursor: pointer; transition: all 0.3s ease 0s; box-sizing: border-box; color: rgba(245, 245, 245, 1); background: rgba(119, 77, 247, 1); text-align: center; line-height: 30px; }
.iGoLzH .cardImg .elRLGW { width: 78px; height: 30px; display: inline-block; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 4px; font-size: 18px; cursor: pointer; transition: all 0.3s ease 0s; box-sizing: border-box; color: rgba(245, 245, 245, 1); background: none; border: 1px solid rgba(65, 68, 73, 1); margin-top: 10px; text-align: center; line-height: 30px; }
.iGoLzH .jSERgJ:hover .J0cvMb { display: block; }
.iGoLzH:hover .draftImgMask { display: block; }
.iGoLzH .cardImg .jSERgJ .sandian { text-align: center; margin-top: 8px; }
.iGoLzH .cardImg .jSERgJ .sandian span { width: 4px; height: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); display: inline-block; margin: auto; margin-left: 1px; margin-right: 1px; }
.iGoLzH .cardImg .J0cvMb { width: 62px; min-height: 27px; padding: 5px 0px; box-sizing: border-box; position: absolute; top: 20px; right: 0px; background: rgba(29, 34, 39, 1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); border-radius: 4px; display: none }
.iGoLzH .cardImg .J0cvMb a { width: 100%; height: 27px; color: rgba(255, 255, 255, 1); line-height: 27px; text-align: center; text-align: center; display: block; font-size: 12px; }
.iGoLzH .cardImg .J0cvMb a:hover { background: rgba(41, 46, 50, 1); }
.bOtFWS { fill: currentcolor; transition: transform 0.3s ease 0s; cursor: pointer; margin-left: 6px; }
.gxKrFA { transition: all 0s ease 0s; color: rgb(51, 51, 51); font-size: 14px; display: block; border-radius: 0px; margin-bottom: 1px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }
.iGoLzH .cardInfo .tj-icon { width: 30px; height: 20px; background: url(../img/tj-icon.png) center no-repeat; fill: currentcolor; transition: transform 0.3s ease 0s; cursor: pointer; }
.iGoLzH .cardInfo .cardType { height: 18px; line-height: 18px; color: rgba(99, 102, 105, 1); font-size: 12px; }
.iGoLzH .cardInfo .cardIcons { margin-top: 18px; }
.iGoLzH .cardInfo .cardIcons .iconNum { margin-right: 15px; cursor: default; color: rgba(99, 102, 105, 1); font-size: 12px; }
.iGoLzH .cardInfo .cardIcons .iconNum .icon { width: 16px; height: 16px; cursor: default; display: block; margin-right: 5px; }
.iGoLzH .cardInfo .cardIcons .iconNum.look .icon { background: url(../img/ui-icon-look.png) center no-repeat; }
.iGoLzH .cardInfo .cardIcons .iconNum.comment .icon { background: url(../img/ui-icon-comment.png) center no-repeat; }
.iGoLzH .cardInfo .cardIcons .iconNum.zan .icon { background: url(../img/icon-like.png) center no-repeat; }
.iGoLzH .cardInfo .cardIcons .dEf3gQ { height: 19px; border-radius: 4px; background: rgba(119, 77, 247, 1); display: inline-block; float: right; padding: 0px 7px; }
.iGoLzH .cardInfo .cardIcons .dEf3gQ .icon { width: 16px; height: 16px; background: url(../img/cardIcons-coin-icon.png) center no-repeat; margin-top: 2px; display: block; float: left }
.iGoLzH .cardInfo .cardIcons .dEf3gQ .num { height: 19px; line-height: 19px; color: rgba(245, 245, 245, 1); font-size: 12px; margin-left: 6px; float: left }

.iGoLzH .cardInfo .cardIcons .dEf3gs { height: 19px; border-radius: 4px; background: rgba(119, 77, 247, 1); display: inline-block; float: right; padding: 0px 7px; }
.iGoLzH .cardInfo .cardIcons .dEf3gs .icon { width: 16px; height: 16px; background: url(../img/cardIcons-coin-icon2.png) center no-repeat; margin-top: 2px; display: block; float: left }
.iGoLzH .cardInfo .cardIcons .dEf3gs .num { height: 19px; line-height: 19px; color: rgba(245, 245, 245, 1); font-size: 12px; margin-left: 6px; float: left }

.iGoLzH .cardInfo .cardIcons .dEf3ga { height: 19px; border-radius: 4px; background: rgba(119, 77, 247, 1); display: inline-block; float: right; padding: 0px 7px; }
.iGoLzH .cardInfo .cardIcons .dEf3ga .icon { width: 16px; height: 16px; background: url(../img/cardIcons-coin-icon2.png) center no-repeat; margin-top: 2px; display: block; float: left }
.iGoLzH .cardInfo .cardIcons .dEf3ga .num { height: 19px; line-height: 19px; color: rgba(245, 245, 245, 1); font-size: 12px; margin-left: 6px; float: left }

.iGoLzH .cardUserInfo { height: 50px; padding: 0 16px; position: relative; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.iGoLzH .cardUserInfo.enStyle { padding: 0 10px; }
.iGoLzH .cardUserInfo .dropdownWrap { position: relative; }
.iGoLzH .cardUserInfo .cardUser { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.iGoLzH .cardUserInfo .cardUser .userName { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.iGoLzH .cardUserInfo .cardUser .avatar { border-radius: 50%; width: 32px; height: 32px; border: none; vertical-align: middle; }
.iGoLzH .newCountBox { top: 10px; left: -4px; min-width: 58px; background: #ffe300; z-index: 2; position: absolute; border-radius: 0 4px 4px 0; text-align: center; }
.iGoLzH .newCountBox::before { content: ''; display: block; border-top: 2px solid transparent; border-right: 4px solid #f5a623; border-left: none; border-bottom: 2px solid transparent; position: absolute; top: -2px; left: 0; }
.iGoLzH .styleFromLabel { border-radius: 4px; top: 10px; right: 10px; -webkit-transition: all 0.2s; transition: all 0.2s; height: 24px; line-height: 24px; padding: 0 10px; font-size: 12px; color: white; position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.5); }
data-styled.g54[id="sc-vkzd68-0"] { content: "iGoLzH," }
.bhZUJm { transition: all 0s ease 0s; color: rgba(99, 102, 105, 1); font-size: 12px; display: block; border-radius: 0px; white-space: nowrap; max-width: 100%; text-overflow: ellipsis; overflow: hidden; }
.cYZlJB { transition: all 0s ease 0s; color: rgba(245, 245, 245, 1); font-size: 12px; display: block; text-align: left; border-radius: 0px; margin-left: 10px; }
.ePUCMN { transition: all 0s ease 0s; color: rgb(187, 187, 187); font-size: 12px; display: block; border-radius: 0px; }
/*大佬vip icon*/
.iGoLzH .cardUserInfo .cardUser .Di9skw1 { position: relative; }
.iGoLzH .cardUserInfo .cardUser .Di9skw1 .dalao_0 { background: url(../img/DALAO_00000.png) center no-repeat; position: absolute; top: -2px; left: 50%; background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 8px; /* 高度自动缩放以保持等比 */ object-fit: contain; margin-left: -12px; display: block; }
.iGoLzH .cardUserInfo .cardUser .Di9skw1 .vip_0 {background-image: url('../img/VIP_00000.gif');background-repeat: no-repeat;  position: absolute; bottom: -14px; left: 50%; background-size: 100%; width: 100%; height: 32px; margin-left: -16px; display: block; }