﻿.ladderbox .ui-radio:nth-last-child(20) {
    margin-left: 152px;
}
.ladderbox .ui-radio:nth-last-child(19) {
    margin-left: 144px;
}
.ladderbox .ui-radio:nth-last-child(18) {
    margin-left: 136px;
}
.ladderbox .ui-radio:nth-last-child(17) {
    margin-left: 128px;
}
.ladderbox .ui-radio:nth-last-child(16) {
    margin-left: 120px;
}
.ladderbox .ui-radio:nth-last-child(15) {
    margin-left: 112px;
}
.ladderbox .ui-radio:nth-last-child(14) {
    margin-left: 104px;
}
.ladderbox .ui-radio:nth-last-child(13) {
    margin-left: 96px;
}
.ladderbox .ui-radio:nth-last-child(12) {
    margin-left: 88px;
}
.ladderbox .ui-radio:nth-last-child(11) {
    margin-left: 80px;
}
.ladderbox .ui-radio:nth-last-child(10) {
    margin-left: 72px;
}
.ladderbox .ui-radio:nth-last-child(9) {
    margin-left: 64px;
}
.ladderbox .ui-radio:nth-last-child(8) {
    margin-left: 56px;
}
.ladderbox .ui-radio:nth-last-child(7) {
    margin-left: 48px;
}
.ladderbox .ui-radio:nth-last-child(6) {
    margin-left: 40px;
}
.ladderbox .ui-radio:nth-last-child(5) {
    margin-left: 32px;
}
.ladderbox .ui-radio:nth-last-child(4) {
    margin-left: 24px;
}
.ladderbox .ui-radio:nth-last-child(3) {
    margin-left: 16px;
}
.ladderbox .ui-radio:nth-last-child(2) {
    margin-left: 8px;
}
.ladderbox .ui-radio:nth-last-child(1) {
    margin-left: 0px;
}
.ladderbox .ui-radio {
    display: flex;
    align-items: center;
    height: 32px !important;
    border:0;
}
.ui-controlgroup.ladderbox{
    border: 0;
}
.ladderbox .ui-radio .label {
    margin-left: 10px !important;
    white-space: nowrap;
}
.ui-radio:hover .iconfont {
    color: #0095FF;
}
.ui-radio:hover .label {
    color: #0095FF;
}
.ui-radio:active .iconfont {
    color: #0077D9;
}
.ui-radio:active .label {
    color: #0077D9;
}
.ui-controlgroup .ui-radio {
    min-height: 0 !important;
}
.ladderbox{
    overflow:hidden;
}
.ladderbox .label {
    padding: 0 !important;
    width: 32px;
    height: 32px;
    min-height: 32px !important;
    text-align: center;
    line-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.laddericonfontwrap{
    width:120px;
    position:relative;
    height:32px;
    overflow:hidden;
}
    .laddericonfontwrap .iconfont {
        color: #E8E8E8;
        font-size: 120px;
        top: -48px;
        position: absolute;
        left: 0px;
        z-index: 99;
        font-stretch: expanded;
    }