.reservation{width:94%;padding-left: 14%;padding-top: 4%;padding-bottom: 2%;}
.reservation ul {margin: 0;padding: 0;border: 0;list-style: none;font-family: "宋体",Arial,Helvetica,sans-serif;}
.reservation ul li {    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-family: "宋体",Arial,Helvetica,sans-serif;}
.fl {
    float: left!important;
}
.calendar{position:relative;overflow:hidden;width:100%}
.calendar .hd .next,.calendar .hd .prev{border:solid 0px #ffffff;position:absolute;z-index:10;float:right;overflow:hidden;width:18px;height:100%;color:#38f;text-align:center;cursor:pointer}
.calendar .hd .prev{left:0;background:url(/20th/images/calendar_prev.png) no-repeat center}
.calendar .hd .next{right:0;background:url(/20th/images/calendar_next.png) no-repeat center}
.calendar .bd{position:relative;z-index:1;float:left;margin:0 40px;width:882px}
.calendar .bd ul{position:relative;overflow:hidden;zoom:1}
.calendar .bd ul li{position:relative;float:left;margin:0 23px;width:80px;height:80px;text-align:center}
.calendar .bd ul li .date{float:left;width:100%;height:100%;background:url(/20th/images/calendar.png) no-repeat center;cursor:pointer}
.calendar .bd ul li .date p.tit{float:left;width:100%;height:25px;color:#fff;line-height:25px}
.calendar .bd ul li .date p.con{float:left;width:100%;height:55px;color:#8cd5f5;font-size:30px;line-height:55px}
.calendar .bd ul li .date.on{background:url(/20th/images/calendar1.png) no-repeat center}
.calendar .bd ul li .date.on p.con{color:#00a1e9}

.ticket{position:relative;overflow:hidden;margin:50px 0 0 0;width:100%}
.ticket .tit{float:left;width:100%;height:40px;border-bottom:1px solid #8cd5f5}
.ticket .tit h3{width:100px;height:40px;background:#8cd5f5;color:#fff;text-align:center;line-height:40px}
.ticket .con{position:relative;float:left;margin:10px 0 50px 0;width:100%}
.ticket .con li{position:relative;margin:35px 20px 0 0;width:435px;height:70px;background:url(/20th/images/ticket_bg.png) no-repeat 0 0}
.ticket .con li p.time{float:left;width:145px;height:70px;color:#005bac;text-align:center;font-size:18px;line-height:70px}
.ticket .con li b.num{float:left;width:72px;height:70px;color:#fff;text-align:right;font-size:24px;line-height:70px}
.ticket .con li i.piece{float:left;padding:4px 0 0 8px;width:65px;color:#fff;font-style:normal;line-height:66px}
.ticket .con li a.buy{float:right;margin:21px 25px 0 0;padding:0 0 2px 0;width:78px;height:25px;background:url(/20th/images/btn.png) no-repeat center;color:#fff;text-align:center;font-
size:12px;line-height:25px}
.ticket .con li a.buyoff{float:right;margin:21px 25px 0 0;padding:0 0 2px 0;width:78px;height:25px;background:url(/20th/images/btn_off.png) no-repeat center;color:#fff;text-align:center;font-
size:12px;line-height:25px}

@media (max-width:768px){.reservation{padding:20px 0 0 0;width:100%;border:none}
    .calendar .bd ul li{width:70px;height:70px}
    .calendar .bd ul li .date p.tit{height:22px;font-size:12px;line-height:22px}
    .calendar .bd ul li .date p.con{height:46px;font-size:26px;line-height:46px}
    .calendar .bd ul li .date{background-size:70px 70px}
    .calendar .bd ul li .date.on{background-size:70px 70px}
    .calendar .bd{overflow:hidden;margin:0 5%;width:90%}
    .calendar .bd ul li{margin:0 8px}
    .ticket{margin:20px 0}
    .ticket .tit{border:none}
    .ticket .tit h3{width:100%;background:#00a1e9}
    .ticket .con{margin:0}
    .ticket .con li{float:left!important;margin:25px 0 0 0;width:100%;height:auto}
    .ticket .con li p.time{color:#666;font-size:16px}
}
@media (max-width:368px){.ticket .con li a.buy{float:left}
}