.bgc-f2f2f2{ background-color: #f2f2f2; } .c-DBDBDB{ color: #DBDBDB; } .c-999{ color: #999; } .search-input{ background-color: #f2f2f2; height: 27px; line-height: 27px; width: 100%; border-radius: 4px; } .area-panel{ background-color: #fff; height: 280px; position: relative; } .district-panel{ background-color: #f2f4f6; font-size: 14px; color: #333; width: 80px; } .district-panel li{ height: 40px; line-height: 40px; /*padding-left: 10px;*/ border-top: 1px solid #e1e1e1; text-align: center; } .district-panel li:first-child{ border-top: 0; } .district-panel li.active{ background-color: #fff; } .community-panel li{ height: 40px; padding: 10px; text-align: center; font-size: 14px; color: #333; } .community-panel li.active{ color: #17b3ec; } .panel-btns{ width: 100%; border-top: 1px solid #17b3ec; border-bottom: 1px solid #17b3ec; background-color: #fff; height: 45px; line-height: 45px; text-align: center; display: -webkit-box; font-size: 16px; box-shadow: 0 2px 5px #ccc; } .panel-btns .reset-btn{ -webkit-box-flex: 0; width: 50%; color: #17b3ec; border-right: 1px solid #17b3ec; } .panel-btns .confirm-btn{ -webkit-box-flex: 1; background-color: #17b3ec; color: #fff; } .tag{ display: inline-block; padding: 5px 10px; border: 1px solid #e1e1e1; border-radius: 5px; } .tag.active{ color: #fff; background-color: #17b3ec; border-color: #17b3ec; } input.date-input{ height: 29px; width: 110px; padding: 0; margin: 0; color: #909090; font-size: 14px; padding-left: 10px; } .j-tag{ display: inline-block; max-width: calc(100% - 25px); } .fa-sort-desc{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .c-panels{ top: 48px; } .ui-grid-end{ -webkit-box-pack: end; -webkit-box-align: end; } .c-btn-blue{ background-color: #17b3ec; font-size: 14px; padding: 5px 10px; border-radius: 5px; min-width: 80px; } em{color: #17b3ec;}