.com-67 {
    display: inline-block;
    width: 80px;
    padding: 8px 0;
    background: #f5f5f5;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #4d4d4d;
    cursor: pointer;
    white-space: nowrap
}

.com-67:hover {
    background: #fff0e9
}

.com-67:active {
    background: #ffe1d4
}

.com-67.selected {
    padding: 7px 0;
    background: #fff0e9;
    border: 1px solid #ff6727
}

.com-67-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background-image: url(industry.png);
    background-size: 96px 64px;
    background-repeat: no-repeat;
    vertical-align: -.18em
}

.com-67.retail .com-67-icon {
    background-position: -32px -32px
}

.com-67.retail:hover .com-67-icon, .com-67.retail.selected .com-67-icon {
    background-position: -32px 0
}

.com-67.catering .com-67-icon {
    background-position: 0 -32px
}

.com-67.catering:hover .com-67-icon, .com-67.catering.selected .com-67-icon {
    background-position: 0 0
}

.com-67.fresh .com-67-icon {
    background-position: 0 -48px
}

.com-67.fresh:hover .com-67-icon, .com-67.fresh.selected .com-67-icon {
    background-position: 0 -16px
}

.com-67.beverage .com-67-icon {
    background-position: -16px -32px
}

.com-67.beverage:hover .com-67-icon, .com-67.beverage.selected .com-67-icon {
    background-position: -16px 0
}

.com-67.baking .com-67-icon {
    background-position: -80px -32px
}

.com-67.baking:hover .com-67-icon, .com-67.baking.selected .com-67-icon {
    background-position: -80px 0
}

.com-67.clothing .com-67-icon {
    background-position: -48px -32px
}

.com-67.clothing:hover .com-67-icon, .com-67.clothing.selected .com-67-icon {
    background-position: -48px 0
}

.com-67.training .com-67-icon {
    background-position: -48px -48px
}

.com-67.training:hover .com-67-icon, .com-67.training.selected .com-67-icon {
    background-position: -48px -16px
}

.com-67.beauty .com-67-icon {
    background-position: -32px -48px
}

.com-67.beauty:hover .com-67-icon, .com-67.beauty.selected .com-67-icon {
    background-position: -32px -16px
}

.com-67.maternal .com-67-icon {
    background-position: -64px -32px
}

.com-67.maternal:hover .com-67-icon, .com-67.maternal.selected .com-67-icon {
    background-position: -64px 0
}

.com-67.pet .com-67-icon {
    background-position: -16px -48px
}

.com-67.pet:hover .com-67-icon, .com-67.pet.selected .com-67-icon {
    background-position: -16px -16px
}

.com-67.wholesale .com-67-icon {
    background-position: -64px -48px
}

.com-67.wholesale:hover .com-67-icon, .com-67.wholesale.selected .com-67-icon {
    background-position: -64px -16px
}

.com-67.canteen .com-67-icon {
    background-position: -80px -48px
}

.com-67.canteen:hover .com-67-icon, .com-67.canteen.selected .com-67-icon {
    background-position: -80px -16px
}

@keyframes com-68-options-popup {
    0% {
        bottom: 60px;
        opacity: 0
    }
    to {
        bottom: 48px;
        opacity: 1
    }
}

@keyframes com-68-options-popup-bottom-center {
    0% {
        top: 60px;
        opacity: 0
    }
    to {
        top: 48px;
        opacity: 1
    }
}

.com-68 {
    display: inline-block;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 9px 40px 9px 16px;
    width: 200px;
    cursor: pointer;
    position: relative
}

.com-68.size-auto {
    width: auto
}

.com-68.size-full {
    width: 100%
}

.com-68:hover {
    border-color: #ccc
}

.com-68.open {
    border-color: #ff6727
}

.com-68-label {
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    white-space: nowrap
}

.com-68-label::-moz-placeholder {
    color: #999
}

.com-68-label::placeholder {
    color: #999
}

.com-68-arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 12px;
    background-image: url(select-arrow.png);
    background-size: 48px 16px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.com-68.open .com-68-arrow {
    background-position: -16px 0
}

.com-68-options {
    display: none;
    width: 382px;
    font-size: 0;
    padding: 16px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px -3px #0000001a;
    position: absolute;
    z-index: 10;
    bottom: 48px;
    left: 0;
    cursor: default
}

.com-68-options.bottom-center {
    top: 48px;
    bottom: auto;
    left: 50%;
    transform: translate(-50%)
}

.com-68.open .com-68-options {
    display: block;
    animation: com-68-options-popup .3s
}

.com-68.open .com-68-options.bottom-center {
    display: block;
    animation: com-68-options-popup-bottom-center .3s
}

.com-68-option-row {
    white-space: nowrap
}

.com-68-option-row:not(:last-child) {
    margin-bottom: 10px
}

.com-68-option-row .com-67:not(:last-child) {
    margin-right: 10px
}

.com-66 {
    outline: none;
    width: 200px;
    padding: 9px 15px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.com-66.size-auto {
    width: auto
}

.com-66.size-full {
    width: 100%
}

.com-66::-moz-placeholder {
    color: #999
}

.com-66::placeholder {
    color: #999
}

.com-66:hover {
    border-color: #ccc
}

.com-66:focus {
    border-color: #ff6727
}