.cd-single-select-wrapper {
    .cd-template-list {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        .cd-item {
            position: relative;
            padding-bottom: 14px;
            width: 150px;
            .cd-item-select {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 92px;
                box-sizing: border-box;
                z-index: 2;
                &:hover {
                    cursor: pointer;
                    border: 1px solid #f04632;
                }
            }
            .cd-single-radio {
                position: absolute;
                display: none;
                z-index: 1;
                &:checked + .cd-item-select {
                    border: 2px solid #f04632;
                }
            }
            .cd-item-image {
                width: 100%;
                height: 92px;
                background: no-repeat center/contain;
            }
            .cd-item-name {
                padding-top: 6px;
                line-height: 16px;
                color: #000;
                font-size: 12px;
                text-align: center;
            }
        }
    }
}
