Web_APIMovieClient/css/seat.css

微信扫码关注公众号，代码整理好后第一时间通知你。

.header{width: 100%; height: 55px; background: #076fa2; position: fixed; text-align: center; z-index: 999;}
.header p{line-height: 55px; font-size: 1.8em; color: #fff;}
.left_icon{position: absolute; top:15px}
.left_icon img{width: 50%;}
.main{position: absolute; top: 55px; width: 100%;}
.today_movie{border-bottom:1px solid #d3d3d3 ; padding: 10px 20px; background: #fff; }
.today_movie h3{font-size: 1.6em; color: #076fa2;}
.today_movie p{font-size: 1.5em; color: #c0c0c0;}
.seat h2{background: url(../img/screen.png) no-repeat center center; text-align: center; background-size: 50% 100%; font-size: 1.4em; font-weight: lighter;}
.seat_array{overflow: hidden; width: 90%; margin: 10px auto;}
.seat_array li{background: url(../img/e_seat.png) no-repeat center center; width: 10%; height: 30px; float: left; background-size: 90%;}
.seat_type{background: #fff; border-bottom:1px solid #d3d3d3 ; border-top:1px solid #d3d3d3 ;}
.seat_type ul{width: 80%; margin: 0 auto; overflow: hidden; padding: 10px 0;}
.seat_type li{float: left; background: url(../img/e_seat.png) no-repeat 10% center; width: 30%; margin-right: 3%; font-size: 1.4em;text-align: center; background-size: 20%; }
.seat_type li:nth-child(2){float: left; background: url(../img/sed_seat.png) no-repeat 10% center; background-size: 20%;}
.seat_type li:nth-child(3){float: left; background: url(../img/sell_seat.png) no-repeat 10% center; background-size: 20%;}
.seat_list{width: 100%;  overflow: hidden; background: #fff;border-bottom:1px solid #d3d3d3 ;}
.seat_list h3{font-size: 1.4em; font-weight: lighter;width: 96%; margin: 10px auto;}
.seat_lists{width: 96%; margin: 10px auto; overflow: hidden;}
.seat_item{width: 25%; background: url(../img/seat_item.png) no-repeat center center; background-size: 96% 100%;  float: left; text-align: center; font-size: 1.5em; position: relative;}
.seat_num{font-size: 0.8em;}
.seat_price{color: #fdb900;}
.seat_icon{position: absolute; background: url(../img/×.png) no-repeat; width: 6px; height: 6px; top:15px; right: 7px; background-size: cover;}
.detail_txt{width: 90%; margin: 10px auto; font-size: 1.2em; color: #6e6e6e; text-indent: 2em;}
.detail_footer {position: fixed;z-index: 2;bottom: 0;width: 100%;height: 48px;background: #009cdc; line-height: 48px; text-align: center;}
.detail_footer a{color: #fff; font-size: 2em;}
.sed{background: url(../img/sed_seat.png) no-repeat center center !important;background-size: 90% !important;}
.sell{background: url(../img/sell_seat.png) no-repeat center center !important;background-size: 90% !important;}