.book-btn {
    height: 3rem;
    justify-content: center;
    padding-bottom: calc(.375em - 1px);
    padding-left: .75em;
    padding-right: .75em;
    padding-top: calc(.375em - 1px);
    margin-right: 50px;
    text-align: center;
    white-space: nowrap;
    color: #ffffff;
    background-color: #991418;
    margin-left: 2rem;
    font-size: .75rem;
    align-items: center;
    display: inline-flex;

    /* ie9 10 hack */
    display: inline\9;
    width: 11rem\9;
    float: right\9;
}   
.title-box {
    color: #991418;
    font-weight: 600;
    padding: 1rem 3rem;
    display: flex;
    height: 11rem;
    align-items: center;
    justify-content: center;
    line-height: 2.5rem;
}
.date-box .title {
    padding-left: 40px;
    color: #991418;
}
.date-box .date-tags {
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    /* ie9 10 hack */
    padding-right: 0;
}
/* ie9 10 hack */
.date-box .date-tags span {
    float: left\9;
}
.date-box .icon-sound {
    margin: 0 5px 0 50px;
}
.date-box .button {
    margin-left: 2rem;
}
.date-box .date-tags .tag {
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 .5rem 0 3rem;
}
.date-box .date-tags .tag.red {
    background-color: #991418;
}
.date-box .date-tags .tag.green {
    background-color: #187465;
}
.date-columns .column {
    padding: 40px;
    height: 500px\9;
}
.date-columns .ui-datepicker {
    height: 15rem;
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 15px;
}
.date-box .ui-datepicker:after {
    position: absolute;
    z-index: 1;
    opacity: 0.1;
    filter: alpha(opacity=10);
    font-size: 110px;
    top: 15%;
    left: 40%;
    color: #a01417;
    font-weight: bold;
}
.date-box .date-table-1.ui-datepicker:after {
    content: '1';
}
.date-box .date-table-2.ui-datepicker:after {
    content: '2';
}
.date-box .date-table-3.ui-datepicker:after {
    content: '3';
}
.date-box .date-table-4.ui-datepicker:after {
    content: '4';
}
.date-box .date-table-5.ui-datepicker:after {
    content: '5';
}
.date-box .date-table-6.ui-datepicker:after {
    content: '6';
}
.date-box .date-table-7.ui-datepicker:after {
    content: '7';
}
.date-box .date-table-8.ui-datepicker:after {
    content: '8';
}
.date-box .date-table-9.ui-datepicker:after {
    content: '9';
}
.date-box .date-table-10.ui-datepicker:after {
    content: '10';
    left: 30%;
}
.date-box .date-table-11.ui-datepicker:after {
    content: '11';
    left: 30%;
}
.date-box .date-table-12.ui-datepicker:after {
    content: '12';
    left: 30%;
}
.date-box .js-show-modal {
    cursor: pointer;
	font-size: 0.9rem;
}

/* 无线端样式重制 */
@media screen and (max-width:768px) {
    .date-columns .column {
        padding: 20px 0;
    }
    .date-box .title.title-year-mobile {
        padding: 1rem 0 0 0.2rem;
    }
    .title-border {
        font-size: 16px!important;
    }
    .date-box .title,
    .date-box .date-tags {
        padding: 0 0 0 14px;
        justify-content: space-around;
    }
    .date-box .date-tags.cn {
        padding: 0;
        justify-content: space-around;
        padding-left: 1rem;
    }
    .date-box .date-tags .tag {
        margin: 0 5px 0 0;
        padding: 0;
        width: 16px;
        height: 16px;
    }
    .date-box .date-tags.cn .book-btn {
        margin-left: 3rem;
    }
    .date-box .icon-sound {
        margin: 0;
    }
    .date-box .icon-sound img {
        width: 15px;
    }
    .date-box .date-tags span {
        font-size: 12px;
        margin-right: 5px;
    }
    .date-box p {
        font-size: .875rem;
        padding-left: 20px;
    }
    .book-btn {
        margin: 0 12px 0 5px;
        height: auto;
    }
}