.reservation{padding:3%;width:94%;border:1px #eee solid}

.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(../images/calendar_prev.png) no-repeat center}
.calendar .hd .next{right:0;background:url(../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(../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(../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(../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(../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(../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}
}