.dates_box .form-control,
.dates_box input[type="text"],
.dates_box input[type="email"],
.dates_box input[type="number"],
.dates_box input[type="password"],
.dates_box input[type="tel"],  /* 注意：phone 应该用 tel */
.dates_box select {
    display: inline-block;
    height: auto;
    padding: 0;
    box-shadow: none;
}

.dates_box {
    position: absolute;
    width: 250px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .1);
    background: #fff;
    font-size: 12px;
}

.choose_btn, .dates_choose {
    float: left;
    position: relative
}

.dates_box_top {
    height: 26px;
    padding: 5px
}

.dates_choose {
    width: 116px;
    border: 1px solid #ccc
}

.choose_btn {
    width: 20px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    background: #eee
}

.dates_choose .sign {
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 0;
    border: 4px dashed transparent;
    vertical-align: middle;
    cursor: pointer
}

.prev_choose {
    border-right: 1px solid #ccc
}

.next_choose {
    float: right;
    border-left: 1px solid #ccc
}

.choose_btn .sign {
    margin-top: 7px
}

.prev_choose .sign {
    border-left-width: 0;
    border-right-color: #333
}

.next_choose .sign {
    border-right-width: 0;
    border-left-color: #333
}

.ipt_wrap {
    float: left;
    width: 74px;
    height: 24px;
    line-height: 24px;
    background: #fff;
    overflow: hidden;
}

.ipt_wrap input {
    vertical-align: -1px
}

.ipt_wrap .dlt_status {
    border: none !important;
    font-size: 12px !important;
}

.ipt_wrap .sign {
    border-bottom-width: 0;
    border-top-color: #333;
    margin-right: 4px
}

.dates_btn, .dates_hms, .dates_table {
    border: 1px solid #ccc
}

.ipt_wrap small {
    font-size: 12px;
    margin-right: 5px
}

.dates_mm {
    float: right
}

.dates_table {
    margin: 0 auto;
    width: 238px;
    border-collapse: collapse;
    margin-top: 10px;
}

.dates_table thead tr th {
    background: #eee;
    border-bottom: 1px solid #ccc;
    height: 24px;
    text-align: center;
}

.dates_table tr td {
    height: 24px;
    text-align: center;
}

.dates_mm_list span:hover, .dates_table tr td:hover, .dates_yy_list span:hover {
    background: #f2f2f2;
    cursor: pointer
}

.other_day {
    color: #aaa
}

.disable_day {
    color: #ddd;
    background: #f7f7f7
}

.current_day, .dates_mm_list span.current, .dates_yy_list span.current {
    background: #ebebeb
}

.dates_btn a, .dates_click, .time_tag {
    background: #eee
}

.dates_bottom {
    padding: 5px;
    height: 36px;
    overflow: hidden
}

.time_tag {
    padding: 0 4px;
    margin-right: 4px
}

.dates_hms {
    float: left;
    width: 114px;
    display: none !important;
}

.dates_hms li {
    float: left;
    height: 24px;
    line-height: 24px;
    vertical-align: middle
}

.dates_hms li input {
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle
}

.dates_hms li input.dlt_status {
    width: 18px;
    border: none !important;
    font-size: 12px !important;
}

.dates_btn {
    float: right;
    width: 118px;
    border-right: none
}

.dates_btn a {
    float: left;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    padding: 0 7px;
    border-right: 1px solid #ccc;
    color: #333333;
}

.choose_btn:hover, .dates_btn a:hover {
    background: #fefefe
}

.dates_mm_list, .dates_yy_list {
    width: 116px;
    height: 175px;
    overflow-y: auto;
    position: absolute;
    left: -1px;
    top: 24px;
    background: #fff;
    border: 1px solid #ccc
}

.dates_mm_list span {
    float: left;
    line-height: 24px;
    text-align: center;
    width: 100%;
}

.dates_yy_list span {
    display: block;
    line-height: 24px;
    text-align: center;
    font-size: 12px
}