#poiWinner{
  width: 70%;
  margin: auto;
}

#poiWinner .poiItemWrap, #preloader .poiItemWrap {position: relative; padding: 0 0 10px;}
#poiWinner .poiItemWrap .poiItem .mask {display: block; width:100%; height: 100%; top:0;background-color:#ececec;z-index: 2; position: absolute; -webkit-animation: moveRight 0.5s cubic-bezier(0,.36,0,.99) forwards; -moz-animation: moveRight 0.5s cubic-bezier(0,.36,0,.99) forwards; -o-animation: moveRight 0.5s cubic-bezier(0,.36,0,.99) forwards; animation: moveRight 0.5s cubic-bezier(0,.36,0,.99) forwards;} 
#poiWinner .OFH {overflow: hidden; position: relative;}
@keyframes moveRight{0%{left:0}100%{left:-105%}}



#poiWinner .poiItem, #preloader .poiItem {background-color: #fff; border-radius: 5px; position: relative;}
#poiWinner .poiItem .dishPhoto, #preloader .poiItem .dishPhoto {width: 99%; height: 100%; padding-bottom: 65%; border-radius: 7px; overflow: visible; top:-9px;}
#poiWinner .poiItem .dishPhoto .oTag {position:absolute;top:15px;left:15px;border-radius:3px;font-weight:800;display:inline-table;vertical-align:middle;text-align:center;font-size:1.2em;line-height:1.7rem;padding:.25em .35em;letter-spacing:0;background: #df0600; background: linear-gradient(90deg, #df0600 0%, #7d0012 65%);color:#f7d847}
#poiWinner .zh .poiItem .dishPhoto .oTag {letter-spacing: 1px;}
#poiWinner .poiItem .dishPhoto .oTag:before, .poiItem .dishPhoto .oTag:after {content: ''; display: inline-block; vertical-align: middle; width: .75rem; height: 1.75rem; background: url(../img/winner/reward-banner/offer-wreath.png) no-repeat center top; background-size: contain;}
#poiWinner .poiItem .dishPhoto .oTag:before {margin-right: .2em;}
#poiWinner .poiItem .dishPhoto .oTag:after {transform: scaleX(-1); margin-left: .2em;}

#poiWinner .poiItem .poiInfo, #preloader .poiItem .poiInfo { height: 100%; border-radius: 7px; border: 1px solid #bbb; padding: 40px 40px 20px 50px; position: relative; color: #6b6b6e;}
#poiWinner .poiItem.winner .poiInfo:before {content: ''; display: block; background: url(../img/winner/winner-badge.png) no-repeat center center; background-size: contain; width: 80px; height: 80px; position: absolute; top: -4px; left: -3px;}
.poiItem.winner.dishPhoto {animation: colorchange 1s infinite; -webkit-animation: colorchange 1s infinite;}
@keyframes colorchange{0%{background-color:#ececec}50%{background-color:#eee}100%{background-color:#ececec}}
@-webkit-keyframes colorchange{0%{background-color:#ececec}50%{background-color:#eee}100%{background-color:#ececec}}
#poiWinner .poiItem .poiInfo .infoTop {}
#poiWinner .poiItem .poiInfo .infoTop .poiTitle, #preloader .poiItem .poiInfo .infoTop .poiTitle {line-height: 1.1;}
#poiWinner .poiItem .poiInfo .infoTop .poiTitle {display:block;position: relative;line-height: 1.2;padding: 0 !important;}
#poiWinner .poiItem .poiInfo .infoTop .poiTitle a {color: #424242; letter-spacing: 0; font-size: 22px;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags, #preloader .poiItem .poiInfo .infoTop .poiTags {line-height: 1; margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#poiWinner .en .poiItem .poiInfo .infoTop .poiTags {white-space: initial;text-overflow: initial;}
#poiWinner .en .poiItem .poiInfo .infoTop .poiTags .poiDistrict , .en .poiItem .poiInfo .infoTop .poiTags .poiCuisines {-webkit-line-clamp: 1; -webkit-box-orient: vertical; display:block;display: -webkit-box; text-overflow: ellipsis;overflow: hidden;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags > div, #preloader .poiItem .poiInfo .infoTop .poiTags > div {color: #646464; font-size: 14px; display: inline-block; vertical-align: top; line-height: 1.3; position: relative; padding-left: 16px; margin: 0 5px 7px 0;}
#poiWinner .en .poiItem .poiInfo .infoTop .poiTags > div {font-size: 13px;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags > div a {color: #646464;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags > div:first-child:after, .poiItem .poiInfo .infoTop .poiTags > div:last-child:after {content: ''; position: absolute; left: 0; top: 2px; width: 15px; height: 15px;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags > div:first-child:after {background: url(https://static6.orstatic.com/info/awards2022/assets/img/vote/icon-place.png) no-repeat center; background-size: contain;}
#poiWinner .poiItem .poiInfo .infoTop .poiTags > div:last-child:after {background: url(https://static6.orstatic.com/info/awards2022/assets/img/vote/icon-dish.png) no-repeat center; background-size: contain;}
#poiWinner .poiItem .poiInfo .infoTop .bookmarkBox, #preloader .poiItem .poiInfo .infoTop .bookmarkBox {float: right;}
#poiWinner .poiItem .poiInfo .infoTop .bookmarkBox .bookmarkBtn {width: 30px; height: 30px; cursor: pointer; background: url(https://static6.orstatic.com/info/awards2022/assets/img/icon-bookmark-new.png) no-repeat left top; background-size: 100%; border: 2px solid #A4A4A4;border-radius: 50%;}
#poiWinner .poiItem .poiInfo .infoTop .bookmarkBox .bookmarkBtn.bookmarked {background-position: left bottom;border: 2px solid #00A158;}
#poiWinner .poiItem .poiInfo .infoTop .bookmarkBox .bookmarkCount {color: #afa7a1; font-size: 10px; text-align: center;}
#poiWinner .poiItem .poiInfo .infoBtm, #preloader .poiItem .poiInfo .infoBtm {margin-top: 10px;}

#poiWinner .poiItem .poiWrapper, #preloader .poiItem .poiWrapper {position:relative;right: 0%;}
#poiWinner .poiItem.openInfo .poiWrapper {right: 100%;}

#poiWinner .poiItem .poiInfo .infoBtm .btns {text-align: right; margin-top: 1rem; font-size: 0;}
#poiWinner .poiItem .poiInfo .infoBtm .btns .btn {display: inline-block; vertical-align: middle; width: 7rem; line-height: 2; color: #fff; font-size: 1rem; text-align: center; cursor: pointer; background-color: #009300; margin-left: .25rem;}
#poiWinner .poiItem .poiInfo .infoBtm .btns .btn.tasBtn {background-color: #F72426};
#poiWinner .en .poiItem .poiInfo .infoBtm .btns .btn.copyBtn {width: 10rem;}
@media (min-width: 769px) {
  #poiWinner .poiItem, .poiItem .poiWrapper {height: 100%;}
  #poiWinner .poiItem .poiInfo, #preloader .poiItem .poiInfo {min-height: 16rem;}
  #poiWinner .poiItem .poiInfo .infoTop .bookmarkBox .bookmarkBtn:hover {background-position: left bottom;border: 2px solid #00A158;}
  #poiWinner .poiItem .poiInfo .infoBtm {right: 0; width: 100%; position: relative; bottom: auto; padding: 0;}
  #poiWinner .poiItem .poiWrapper > .columns:first-child, #preloader .poiItem .poiWrapper > .columns:first-child {-ms-flex: 0 0 45%;-webkit-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%;}
  #poiWinner .poiItem .poiWrapper > .columns:last-child, #preloader .poiItem .poiWrapper > .columns:last-child {-ms-flex: 0 0 55%;-webkit-flex: 0 0 55%;flex: 0 0 55%;max-width: 55%;}
}
@media (min-width: 1500px) {
	#poiWinner .poiItem .poiInfo .infoTop .poiTitle a { font-size: 25px; }
	#poiWinner .poiItem .poiInfo .infoTop .poiTags > div, #preloader .poiItem .poiInfo .infoTop .poiTags > div {font-size:17px;}
}
@media (max-width: 768px) {
    #poiWinner .poiItemWrap, #preloader .poiItemWrap {padding: 0 0 15px;}

    
    #poiWinner .poiItem, #preloader .poiItem {border-radius: 0;}
    #poiWinner .poiItem .dishPhoto, #preloader .poiItem .dishPhoto {width: 99%; height: 100%; padding-bottom: 65%; border-radius: 7px; overflow: visible;}
    #poiWinner .poiItem.winner .dishPhoto:before {content: '';display: block;background: url(../img/winner/winner-badge-m.png) no-repeat center center;background-size: contain;width: 80px;height: 80px;position: absolute;top: -4px;left: -3px;}
    #poiWinner .poiItem .poiInfo, #preloader .poiItem .poiInfo {border-radius: 0 0 4px 4px; padding: 25px 25px 15px;border-top: none;}
    #poiWinner .poiItem.winner .poiInfo:before {display: none;}
    #poiWinner .poiItem .dishPhoto .oTag {left: auto; right: 15px;}
    #poiWinner .poiItem .poiInfo .infoTop .poiTitle, #preloader .poiItem .poiInfo .infoTop .poiTitle {height: auto; font-size: 1.3em;}
    #poiWinner .poiItem .poiInfo .infoTop .poiTitle a, #preloader .poiItem .poiInfo .infoTop .poiTitle a {font-size: 20px;}
    #poiWinner .poiItem .poiInfo .infoTop .poiTags > div, #preloader .poiItem .poiInfo .infoTop .poiTags > div {font-size: 14px;}

    #poiWinner .poiItem .poiInfo .infoBtm .btns .btn {font-size: .9rem; width: 49%; margin-left: 0; line-height: 30px;}
    #poiWinner .poiItem .poiInfo .infoBtm .btns .btn.tasBtn {background-color: #F72426};
    #poiWinner .en .poiItem .poiInfo .infoBtm .btns .btn.copyBtn {width: 49%; font-size: .8rem;}
    #poiWinner .poiItem .poiInfo .infoBtm .btns .btn:last-child {margin-left: 2%;}

}