body {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #333333;
}

.main {
    width: 1200px;
    margin: 10px auto 0;
}

.mainTop {
    display: flex;
    margin-bottom: 30px;
}

#calendar {
    box-sizing: border-box;
    width: 700px;
    height: 406px;
    padding: 10px;
    background: #F8F2E4;
    margin-right: 20px;
}

.calendarList {
    box-sizing: border-box;
    width: 480px;
    height: 406px;
    background: #F8F2E4;
    padding: 10px;
}

.itemCalendarList {
    display: flex;
    margin-bottom: 10px;
}

.itemCalendarList img {
    width: 180px;
    height: 108px;
    margin-right: 20px;
}

.listCon .listConTitle {
    height: 20px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333333;
}

.listCon .listContent {
    display: flex;
    flex-wrap: wrap;
}

.listCon .listContent .itemListContent {
    width: 48px;
    height: 22px;
    line-height: 22px;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    cursor: pointer;
}

.listCon .listContent .on {
    background: #BD1A2D;
    color: #FFFFFF;
}

.listCon .listContent .itemListContent:nth-child(4n) {
    margin-right: 0;
}


.mainBottomChoose {
    display: flex;
    align-items: center;
    border-radius: 8px 8px 8px 8px;
    overflow: hidden;
    background: #F8F2E4;
}

.mainBottomChoose .itemBottomChoose {
    width: 25%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #333333;
    cursor: pointer;
}

.mainBottomChoose .on {
    background: #BD1A2D;
    color: #FFFFFF;
}


.itemMainBottomList {
    padding: 30px 0;
    border-bottom: 1px solid #DCDCDC;
}

.itemMainBottomList .bottomListTitle {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

.itemMainBottomList .bottomListTitle a {
    font-size: 20px;
    margin-right: 10px;
}

.itemMainBottomList .bottomListTitle .titleLabel {
    display: inline-block;
    margin-right: 10px;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    color: #CC6600;
    background: #F8F2E4;
    border-radius: 4px;
}


.itemMainBottomList .bottomListCon {
    display: flex;
}

.itemMainBottomList .bottomListCon .bottomListConImg img {
    width: 180px;
    height: 120px;
    margin-right: 20px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDetailTime {
    font-size: 16px;
    color: #BD1A2D;
    margin-bottom: 16px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDsescribe {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    height: 65px;
    font-size: 16px;
    color: #7F7F7F;
    line-height: 32px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDetailPosition {
    font-size: 16px;
    color: #7F7F7F;
    margin-top: 16px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDetailPosition > span {
    margin-right: 20px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDetailPosition .positionIcon {
    padding: 5px;
    font-size: 12px;
    background: #E2F1FC;
    color: #128BED;
    border-radius: 4px;
    margin-right: 20px;
}

.itemMainBottomList .bottomListCon .bottomListDetail .bottomListDetailPosition .positionIcon img {
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
    width: 12px;
    height: 15px;
}

.laydate-btns-now, .laydate-btns-confirm {
    display: none !important;
}

#pagetion {
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: center;
}