@charset "utf-8";
/*----- color -----*/
.waterfall {  margin-top: 10px;/* width: 100%; *//* margin-top: 23px; */display: grid;grid-template-columns: repeat(5,1fr);/* grid-row-gap: 32px; *//* grid-column-gap: 24px; */ }
.waterfall li.wardf {width: 225px;}
.waterfall li { padding: 0; background: transparent; border: 1px solid #eee; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.waterfall li:hover { border-color: #58a7e8; }
.waterfall .content { overflow: hidden; background: #fff; border: none; margin-top: 0px;}
.waterfall .content img { width: 100%; -moz-transition: transform .5s ease; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease; border-radius: 16px;}
.waterfall .content .nopic { display: block; height: 170px; background: #fff url({IMGDIR}/nophototiny.png) no-repeat 50% 50%;  cursor: pointer; }
.waterfall h3 { padding: 10px 10px 5px; overflow: hidden; background: #f8f8f8; border: none; font-size: 16px;}
.waterfall .auth { padding: 10px; line-height: 24px; background: #fff; border: none; }
.waterfall .auth a { margin-left: 5px; }
.waterfall .auth img { height: 16px;display: block;margin: 16px auto; }
.waterfall .auth .avatar { display: flex; width: calc(50% - 6px); justify-content: center; word-wrap: normal;line-height: 16px;background-color: rgba(0,0,0,.06);height: auto;min-width: 78px; font-weight: 700;font-size: 14px;border-radius: 8px; }
.waterfall .auth .avatar img { margin: 0; width: 22px; height: 22px; border: 1px solid 1px solid #d9d9d9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
.waterfall .auth .fav_num { display: flex;width: calc(50% - 6px);justify-content: center; word-wrap: normal; padding: 8px;line-height: 16px;background-color: rgba(0,0,0,.06);height: auto; min-width: 78px; font-weight: 700;font-size: 14px;border-radius: 8px; }
.waterfall .auth cite.xg1.y {display: flex;gap: 12px;justify-content: space-between;flex-direction: row;display: none;}
.waterfall .auth a.ug-btns {font-style: normal;line-height: 24px;padding: 5px 8px;width: calc(50% - 6px);height: auto;min-width: 78px;font-weight: 700;font-size: 14px;border-radius: 8px;background: #e60022;display: flex;color: #fff !important;flex-direction: row;flex-wrap: wrap;align-content: space-between;justify-content: space-around;}
.waterfall .auth .hg-btns {content: "";width: 16px;height: 16px;margin-right: 4px;background: url(https://www.huyueapp.com/static/image/mobile/images/001.png) no-repeat left center;background-size: auto 16px; display: inline;padding: 2px 0;padding-left: 20px;}
.waterfall ol.cardd-label { margin-top: 5px;padding: 0 4px;height: 24px;overflow: hidden;}
.waterfall ol.cardd-label li.mf {border-color: #00a870;color: #00a870;float: left;font-size: 12px;line-height: 20px;margin-right: 8px;border-radius: 2px;padding: 0 4px;box-sizing: content-box;}
.waterfall ol.cardd-label li {float: left;font-size: 12px;line-height: 20px;color: rgba(0,0,0,.6); margin-right: 8px;border-radius: 2px;padding: 0 4px;box-sizing: content-box;border: 1px solid rgba(0,0,0,.1);}
.waterfall .cardd-look {padding: 0 4px;margin-top: 5px; display: flex;}
.waterfall .cardd-look .level-star-list {display: flex;margin-right: 4px;}
.waterfall .cardd-look .level-star-list ul.level-star {display: flex;margin-right: 4px;}
.waterfall .cardd-look .level-star-list li.full {background-position-x: -200%;width: 24px; height: 24px;background-image: url(https://www.huyueapp.com/static/image/mobile/images/003.png); background-size: auto 100%;display: block;border: 0px solid #eee; margin: 0 5px 5px 0;}
.waterfall .cardd-look .level-star-list li.empty {background-position-x: 0;width: 24px;height: 24px;background-image: url(https://www.huyueapp.com/static/image/mobile/images/003.png);background-size: auto 100%;display: block;border: 0px solid #eee; margin: 0 5px 5px 0;}
.waterfall .auth .is{
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(https://www.huyueapp.com/static/image/mobile/images/002.png) no-repeat left center;
    background-size: auto 16px;
    display: inline;
    padding: 2px 0;
    padding-left: 20px;
}
.waterfall li.wardf span.text-ssmr {
    width: 30px;
    position: absolute;
    ttop: 0.1rem;
    background: rgb(255 0 20 / 0.7);
    border-radius: 100px;
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    height: 19px;
    color: #fff !important;
    border-radius: 16px 0px;
}
.waterfall li span.xxl {
    text-align: center;
}

.waterfall :hover .auth img{display: none;}
.waterfall li:hover .auth .y{display: flex;}