.relative {
    position: relative;
}

.relative input[type="radio"] + label::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(../../images/djp/radio_empty.png) no-repeat;
    background-size: 100% 100%;
}

.relative input[type="radio"]:checked + label::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(../../images/djp/radio_choose.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}


.relative input[type="checkbox"] + label::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(../../images/djp/radio_empty.png) no-repeat;
    background-size: 100% 100%;
}

.relative input[type="checkbox"]:checked + label::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(../../images/djp/radio_choose.png) no-repeat;
    background-size: 100% 100%;
    z-index: 2;
}


/**/
.xy{
    color: #493123;
    display: block;
    padding-left: 30px;
    margin-top: 8px;
}
.pl{
    padding-left: 20px;
}