.rankingList .banner {
    position: relative;
    height: 0;
    width: 100%;
    padding-top: 51.5068%;
    background-image: url("../img/rank/bg_head@2x.png");
    background-size: cover;
}

.rankingList .banner p {
    position: absolute;
    top: 55%;
    left: 4%;
    color: #fff;
    font-size: 10px;
}

.rankingList .announcement {
    margin: 4vw 9.6vw;
    padding: 0 3.8667vw;
    color: #bf4747;
    font-size: 12px;
    line-height: 6.6667vw;
    height: 6.6667vw;
    background-color: #ffe8e8;
    border-radius: 3.3333vw;
}

.rankingList .user-list {
    padding: 0 4vw;
    color: #333;
    font-weight: bold;
    max-height: 60vh;
}

.rankingList .user-list .user {
    height: 16vw;
    line-height: 16vw;
    position: relative;
}

.rankingList .user-list .user h5 {
    float: left;
    font-weight: bold;
    padding-left: 10.2667vw;
    background-size: 5.3333vw 8vw;
    background-position: left center;
    background-repeat: no-repeat;
}

.rankingList .user-list .user p {
    float: right;
}

.rankingList .user-list .user:nth-child(1) h5 {
    background-image: url("../img/rank/icon_gold@2x.png");
}

.rankingList .user-list .user:nth-child(2) h5 {
    background-image: url("../img/rank/icon_silver@2x.png");
}

.rankingList .user-list .user:nth-child(3) h5 {
    background-image: url("../img/rank/icon_bronze@2x.png");
}

.rankingList .user-list .user:nth-child(4) h5 {
    background-image: url("../img/rank/4@2x.png");
}

.rankingList .user-list .user:nth-child(5) h5 {
    background-image: url("../img/rank/5@2x.png");
}

.rankingList .user-list .user:nth-child(6) h5 {
    background-image: url("../img/rank/6@2x.png");
}

.rankingList .user-list .user:nth-child(7) h5 {
    background-image: url("../img/rank/7@2x.png");
}

.rankingList .user-list .user:nth-child(8) h5 {
    background-image: url("../img/rank/8@2x.png");
}

.rankingList .user-list .user:nth-child(9) h5 {
    background-image: url("../img/rank/9@2x.png");
}

.rankingList .user-list .user:nth-child(10) h5 {
    background-image: url("../img/rank/10@2x.png");
}

.rankingList .user-list .user::after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}



.announcement {
    background-color: #EBE2D0 !important;
    color: #B47449 !important;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhbmtpbmctbGlzdC5zY3NzIiwiMjA0OC1yYW5raW5nLWxpc3Quc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUVFLG1CQUFrQjtFQUNsQixVQUFTO0VBQ1QsWUFBVztFQUNYLHNCQUFxQjtFQUVwQiwyREFBK0M7RUFDL0MsdUJBQVc7Q0FVWjs7QUFsQkY7RUFZRyxtQkFBa0I7RUFDbEIsU0FBUTtFQUNSLFNBQVE7RUFDUixZQUFXO0VBQ1gsZ0JBQWU7Q0FDZjs7QUFqQkg7RUFxQkUsa0JBQWlCO0VBQ2pCLG9CQUFtQjtFQUNuQixlQUFjO0VBQ2QsZ0JBQWU7RUFDZixzQkFBcUI7RUFDckIsaUJBQWdCO0VBQ2hCLDBCQUF5QjtFQUN6Qix3QkFBdUI7Q0FDdkI7O0FBN0JGO0VBZ0NFLGVBQWM7RUFDZCxZQUFXO0VBQ1gsa0JBQWlCO0VBQ2pCLGlCQUFnQjtDQW9EaEI7O0FBdkZGO0VBc0NHLGFBQVk7RUFDWixrQkFBaUI7RUFDZCxtQkFBa0I7Q0E4Q3JCOztBQXRGSDtFQTJDSSxZQUFXO0VBQ1gsa0JBQWlCO0VBRWIsd0JBQXVCO0VBQ3ZCLDhCQUE2QjtFQUM3QixpQ0FBZ0M7RUFDaEMsNkJBQTRCO0NBQ2hDOztBQWxESjtFQXFESSxhQUFZO0NBQ1Q7O0FBdERQO0VBeURRLDZEQUE0RDtDQUM3RDs7QUExRFA7RUE2RFEsK0RBQThEO0NBQy9EOztBQTlEUDtFQWlFUSwrREFBOEQ7Q0FDL0Q7O0FBbEVQO0VBc0VVLHFEQUEwRDtDQUMzRDs7QUF2RVQ7RUFzRVUscURBQTBEO0NBQzNEOztBQXZFVDtFQXNFVSxxREFBMEQ7Q0FDM0Q7O0FBdkVUO0VBc0VVLHFEQUEwRDtDQUMzRDs7QUF2RVQ7RUFzRVUscURBQTBEO0NBQzNEOztBQXZFVDtFQXNFVSxxREFBMEQ7Q0FDM0Q7O0FBdkVUO0VBc0VVLHNEQUEwRDtDQUMzRDs7QUF2RVQ7RUEyRUksbUJBQWtCO0VBQ2xCLFlBQVc7RUFDWCxlQUFjO0VBQ2QsVUFBUztFQUNULFFBQU87RUFDUCxZQUFXO0VBQ1gsWUFBVztFQUNYLDBCQUF5QjtDQUN6Qjs7QUNqRko7RUFDSSwrREFBOEQ7Q0FDakU7O0FBRUQ7RUFDSSxxQ0FBb0M7RUFDcEMsMEJBQXlCO0NBQzVCIiwiZmlsZSI6IjIwNDgtcmFua2luZy1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5yYW5raW5nTGlzdCB7XG5cdC5iYW5uZXIge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRoZWlnaHQ6IDA7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0cGFkZGluZy10b3A6IDUxLjUwNjglO1xuXHRcdGJhY2tncm91bmQ6IHtcblx0XHRcdGltYWdlOiB1cmwoXCIuLi9pbWcvcmFua2luZ0xpc3QvYmdfaGVhZEAyeC5wbmdcIik7XG5cdFx0XHRzaXplOiBjb3Zlcjtcblx0XHR9XG5cblx0XHRwIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdHRvcDogNTUlO1xuXHRcdFx0bGVmdDogNCU7XG5cdFx0XHRjb2xvcjogI2ZmZjtcblx0XHRcdGZvbnQtc2l6ZTogMTBweDtcblx0XHR9XG5cdH1cblxuXHQuYW5ub3VuY2VtZW50IHtcblx0XHRtYXJnaW46IDR2dyA5LjZ2dztcblx0XHRwYWRkaW5nOiAwIDMuODY2N3Z3O1xuXHRcdGNvbG9yOiAjYmY0NzQ3O1xuXHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRsaW5lLWhlaWdodDogNi42NjY3dnc7XG5cdFx0aGVpZ2h0OiA2LjY2Njd2dztcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjZmZlOGU4O1xuXHRcdGJvcmRlci1yYWRpdXM6IDMuMzMzM3Z3O1xuXHR9XG5cblx0LnVzZXItbGlzdCB7XG5cdFx0cGFkZGluZzogMCA0dnc7XG5cdFx0Y29sb3I6ICMzMzM7XG5cdFx0Zm9udC13ZWlnaHQ6IGJvbGQ7XG5cdFx0bWF4LWhlaWdodDogNjB2aDtcblxuXHRcdC51c2VyIHtcblx0XHRcdGhlaWdodDogMTZ2dztcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnZ3O1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgXG4gICAgICBoNSB7XG5cdFx0XHRcdGZsb2F0OiBsZWZ0O1xuXHRcdFx0XHRmb250LXdlaWdodDogYm9sZDtcblxuICAgICAgICBwYWRkaW5nLWxlZnQ6IDEwLjI2Njd2dztcbiAgICAgICAgYmFja2dyb3VuZC1zaXplOiA1LjMzMzN2dyA4dnc7XG4gICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IGxlZnQgY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuXHRcdFx0fVxuXG5cdFx0XHRwIHtcblx0XHRcdFx0ZmxvYXQ6IHJpZ2h0O1xuICAgICAgfVxuICAgICAgXG4gICAgICAmOm50aC1jaGlsZCgxKSBoNSB7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uL2ltZy9yYW5raW5nTGlzdC9pY29uX2dvbGRAMngucG5nXCIpO1xuICAgICAgfVxuXG4gICAgICAmOm50aC1jaGlsZCgyKSBoNSB7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uL2ltZy9yYW5raW5nTGlzdC9pY29uX3NpbHZlckAyeC5wbmdcIik7XG4gICAgICB9XG5cbiAgICAgICY6bnRoLWNoaWxkKDMpIGg1IHtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vaW1nL3JhbmtpbmdMaXN0L2ljb25fYnJvbnplQDJ4LnBuZ1wiKTtcbiAgICAgIH1cblxuICAgICAgQGZvciAkdmFyIGZyb20gNCB0aHJvdWdoIDEwIHtcbiAgICAgICAgJjpudGgtY2hpbGQoI3skdmFyfSkgaDUge1xuICAgICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uL2ltZy9yYW5raW5nTGlzdC8jeyR2YXJ9QDJ4LnBuZ1wiKTtcbiAgICAgICAgfVxuICAgICAgfVxuXG5cdFx0XHQmOjphZnRlciB7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0Y29udGVudDogJyc7XG5cdFx0XHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdFx0XHRib3R0b206IDA7XG5cdFx0XHRcdGxlZnQ6IDA7XG5cdFx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0XHRoZWlnaHQ6IDFweDtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogI2U1ZTVlNTtcblx0XHRcdH1cblxuXHRcdFxuXHRcdH1cblx0fVxufVxuIiwiQGltcG9ydCBcIi4vcmFua2luZy1saXN0LnNjc3NcIjtcblxuLmJhbm5lciB7XG4gICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vaW1nLzIwNDgvYmdfaGVhZEAyeC5wbmdcIikgIWltcG9ydGFudDtcbn1cblxuLmFubm91bmNlbWVudCB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI0VCRTJEMCAhaW1wb3J0YW50O1xuICAgIGNvbG9yOiAjQjQ3NDQ5ICFpbXBvcnRhbnQ7XG59XG4iXX0= */