@charset "utf-8";
/* CSS Document */


.top-bar{border-bottom:1px solid #e5e5e5; background:#fff; height:39px; line-height:39px; position:relative;}
.top-bar a{width:50%; display:inline-block; text-align:center; color:#666666; font-size:14px;}
.top-bar a.on{ color:#239ff6; background:#fff; border-bottom:3px solid #239ff6;height:37px; line-height:37px;}
.top-bar a i{background:url(../images/arrow_gray.jpg); background-size:100%; width:8px; height:4px; margin-left:5px; display:inline-block; transition:transform 0.3s ease-in-out;}
.top-bar a i.on{background:url(../images/arrow_blue.jpg); background-size:100%; width:8px; height:4px;  margin-left:5px; display:inline-block;}
.top-bar a em{background:url(../images/icon_up.png) no-repeat center; background-size:80%; width:14px; height:19px; display:block; position:absolute; left:70%; top:10px;}
/*cinema-list*/
.address,.special,.time{width: 33%; float: left; text-align: center;}
.choose{padding:0; border-bottom: 1px solid #e5e5e5; /*position:fixed; top:0; left:0;*/background:##f9f9f9;  width:100%; z-index:1000;}
.choose.top-bar{/*position:fixed; top:0;*/ }
.choose.top-bar>a{ width:49.2%}
.address span,.special span,.time span,.address em,.special em,.time em{ font-size: 0.3888888889rem; float: left;}
.address em,.special em,.time em{  padding: 0.4rem 0 0 0.2rem;}
.choose img{width: 0.25rem; height: 0.1666666667rem;}
.choose ul li{width: 33%; float: left; text-align: center; position:relative;}
.choose ul li a{ margin: 0 25%; display: block;}
.choose ul li span,.choose ul li em{float: left;}
.choose ul li em{padding: 0.45rem 0 0 0.2rem;}
.cinema-list{ }

.cinema-list ul.collect{visibility:visible}
.cinema-list ul.collect li{-webkit-transform: translateX(0px);}
/**/
.cinema-list ul li a{padding:10px; border-bottom: 1px solid #e5e5e5; display: block; position: relative;}
.cinema-list ul li:last-child{height:60px;}
.cinema-title{font-size:14px; }
.cinema-left p:nth-child(2){font-size: 12px; color: #666; width:70%; height:22px; line-height:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cinema-style span{width:42px; height:15px; margin-right:5px;display: inline-block;}
.cinema-style em{width:42px; height:15px;display: inline-block; margin-left:-5px;}
.cinema-right{font-size: 18px; position: absolute; right: 20px; top: 43%; color:#f56b06;}
.cinema-dingwei .dingwei-img,.cinema-dingwei .dingwei-text{float: left;}
.cinema-dingwei .shuaxin{float: right;}
.cinema-dingwei{height: 0.8333333333rem;background:#ddd; opacity: 0.9; box-sizing:border-box; position: fixed; bottom: 12px; left: 0; right: 0; z-index: 5; font-size: 0.3333333333rem; border-radius: 3px; margin:0 0.3333333333rem; }
.cinema-dingwei-in{ padding:0 0.2777777778rem;position: relative; }
.cinema-dingwei .shuaxi{float: right;}
.cinema-dingwei .dingwei-text{height: 0.8333333333rem; line-height: 0.8333333333rem; padding-left: 10px;}
.cinema-dingwei .dingwei-img,.cinema-dingwei .shuaxin{height: 0.8333333333rem; display: table;}
.cinema-dingwei .dingwei-img span,.cinema-dingwei .shuaxin span{display: table-cell; vertical-align: middle; }
.cinema-dingwei .dingwei-img img{width: 0.2638888889rem; height: 0.3333333333rem;}
.cinema-dingwei .shuaxin img{width: 0.3611111111rem; height: 0.3472222222rem; /*20160622 */-webkit-transition: transform 1s linear 0.3s; -moz-transition: transform 1s linear 0.3s; -ms-transition: transform 1s linear 0.3s; transition: transform 1s linear 0.3s;/**/}
.cinema-star{position:absolute; right:0; top:0;}
.cinema-star img{width:25px; height:25px;}



/*movie-list*/
.header{ padding: 0 0.3333333333rem; height: 1.3055555556rem; line-height:1.3055555556rem; border-bottom: 1px solid #ff9900;}
.header-left,.header-right{ width:3.2rem;}
.header-left{float: left;}
.header-middle{float: left; text-align: center;font-size: 0.4722222222rem; }
.header-right{float: right; display: table;height: 1.3055555556rem;}
.header-right span{vertical-align: middle;display: table-cell;}
.header-right img{ width: 0.8125rem; height: 0.640625rem; float: right;}
.movie1-left img{width:65px; height: 95px; }
.content-in ul li{padding:0.3333333333rem; border-bottom: 1px solid #e5e5e5;display: flex;display:box; display: -webkit-box;display: -moz-box;display: -ms-box; position: relative; }
.content-in ul li:last-child{height:34px;}
.movie1-middle{width: 45%;}
.movie1-right{position: absolute; top: 10%; right:0.3333333334rem }
.movie1-middle p:first-child{font-size:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.movie1-middle p:nth-child(2){height:18px; margin:10px 0 5px;}
.movie1-middle p:nth-child(2) span{display:inline-block; border:1px solid #0083dc; color:#0083dc; font-family:Arial, Helvetica, sans-serif; border-radius:3px; padding:0px 3px; height:15px; line-height:15px; margin-right:5px;}
.movie1-middle p:nth-child(3){color: #7f7f7f;font-size:14px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.movie1-middle p:nth-child(4){color: #aaa;font-size:12px;}
.movie1-right span{color:#f46700; font-size:12px; text-align:right; display:block; margin-bottom:0.3rem;}
.movie1-right span strong{font-size:20px; font-weight:normal;}
.movie1-right a{ display:block; width:65px; height:33px; line-height:33px; color:#fff; border-radius: 5px; background-color:#0083dc; text-align:center; margin-top:35px;}
.movie1-middle{padding: 0.111rem 0  0 0.3333333333rem;}

.selector_cnt ul li div{opacity:0}
.selector_cnt ul li div.check{opacity:1;position:absolute;right:20px;top:13px;background:url(../images/icon_gou.png) no-repeat;background-size:100%;width:15px;height:11px;display:inline}
.selector_cnt ul li.on{color:#f90}
.choose .selector_cnt{z-index:200;background-color:#fff;color:#323232;width:100%;font-size:13px;left:0;position:absolute;top:40px;}
.choose .selector_cnt::-webkit-scrollbar{display:none}
.choose .selector_cnt ul.quyu,.choose .selector_cnt ul.tese{width:100%;height:100%}
.choose .selector_cnt ul li{padding:0 0 0 30px;height:40px;line-height:40px;border-bottom:1px solid #000;position:relative;color:#666;width:100%;text-align:left}
.choose .selector_cnt ul li .check{position:absolute;right:30px;top:13px;background:url(../images/icon_gou.png) no-repeat;background-size:100%;width:15px;height:11px;display:inline}
.choose .selector_cnt ul li.on{}.selector_cnt .selector_list:nth-child(1) ul,.selector_cnt .selector_list:nth-child(2) ul{width:96%}
.choose .selector_cnt .grade-w{width:50%;height:100%;overflow:hidden;overflow-y:scroll;background:#f8f8f8;position:absolute;z-index:100;overflow-y:scroll}
.choose .selector_cnt .grade-w::-webkit-scrollbar,.choose .selector_cnt .grade-t::-webkit-scrollbar{display:none}
.choose .selector_cnt .grade-t{width:49.99%;height:100%;background:#fff;position:absolute;z-index:200;left:49.99%}
.choose .selector_cnt .grade-t li{border:0}
.choose .selector_cnt .grade-t ul{width:100%;height:100%;overflow:hidden;overflow-y:scroll}
.selector_cnt .grade-t ul::-webkit-scrollbar{display:none}
.choose .selector_cnt .selector_list{height:260px;overflow-x:hidden; overflow-y:scroll }a{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.choose .selector_cnt ul li.on{color:#239ff6;}

/*影院详情*/
.cinema-details{background-color:#1991f0; color:#aeaeae; float: left;width:100%}
.cinema-details h3{color:#fff; font-size:16px; height:35px; line-height:35px;}
.cinema-details p{font-size:12px; margin-bottom:5px; color:#fff;}
.cinema-details p img{width:4%; vertical-align:middle; margin-right:5px;}
.cinema-poster{height:120px; position:relative; overflow: hidden;}
.dwss_cinemalist{position:absolute; bottom:0; left:0; height:40px; background:url(../images/movie_list_topbg.png) repeat-x; width:100%; padding-top:5px; box-sizing:border-box; z-index: 100;}
.dingwei_cinemalist{line-height:30px; width:2rem; float:left; padding-left:10px;}
.dingwei_cinemalist img{width:12px; margin-right:7px;}
.search_cinemalist{float: left;background-color:#fff;border-radius:15px; width: 76%;display: block;-webkit-box-flex: 1;box-flex: 1; -ms-box-flex: 1;-ms-flex: 1; position: relative;height: 28px; line-height:28px; padding-left:20px; box-sizing:border-box; color:#aeaeae; }
.search_cinemalist input{color:#000; width:78%;}
.search_icon{background:url(../images/icon_search_03.png) no-repeat; background-size:100%; width:20px; height:20px; position:absolute; right:6px; top:5px; display:block;}

/*影片详情*/
.container{overflow:hidden;}
.row{border-bottom: 1px solid #e6e6e6; padding: 10px; overflow: hidden; position: relative; background:#1991f0; display:flex;}
.row img{float: left; height: 150px; width:105px; margin-right: 12px; border:1px solid #6b6b6b;}
.row h3{ font-size:16px; width:75%;  color:#fff; margin: 6px 0;}
.row p{line-height:20px; color:#fff; font-size:12px; max-height:40px; overflow:hidden;}
.goal{position:absolute; right:15px; top:15px; font-size:18px; color:#f46700;}
.goal span{font-size:22px;}
.intro{padding:10px;}
.intro h3{border-left:3px solid #f15d5d; padding-left:10px; height:16px; line-height:16px; color:#4e4f50; font-size:16px; margin-bottom:10px;}
.intro h3 span{font-size:12px; color:#928d8d;}
.intro p{background:url(../images/row_bg.png) repeat-x bottom; min-width:130px; height:26px; line-height:24px; color:#928d8d; margin-left:10px; padding-right:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.intro p span{color:#333;}
.movie_intro{background:#fff; padding-bottom:px;}
.movie_intro h3{ line-height:16px;height:16px; color:#4e4f50; font-size:16px; background:#f7f8fa; padding:10px;}
.intro_short,.intro_long{padding:2px 10px; line-height:22px; color:#666666; font-size:14px;}
.intro_short{height:62px; overflow:hidden; text-overflow:ellipsis;}
.comment_toggle{width:100%; height:30px; line-height:30px; padding-left:10px; color:#27a0f9; font-size:14px;}
.comment_toggle .down{ background:url(../images/arrow_blue.jpg) no-repeat; background-size:100%; width:11px; height:6px; display:inline-block; margin-right:6px;}
.comment_toggle .up{ background:url(../images/arrow_blue_up.jpg) no-repeat; background-size:100%; width:11px; height:6px; display:inline-block;margin-right:6px; }
.Hide{display:none;}
.xyp{float:right; color:#27a0f9;}
.pl{padding:10px; border-bottom:1px solid #d4d4d4;}
.pl:last-child{border-bottom:none;}
.pl p{color:#808080; font-size:14px; line-height:22px;}
.plHead{margin:0px 0 10px; height:30px;}
.plHeadLeft{float:left; width:75%;}
.plHeadLeft img{border-radius:50%; width:55px; float:left; margin-right:10px;}
.plHeadLeft strong{font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:23px;}
.plHeadLeft p{font-size:12px;}
.plHeadRight{float:right;color:#a8a8a8; font-size:12px; line-height:22px; text-align:right; padding-right:5px;}
.hp{border:1px solid #27a0f9; border-radius:10px; display:block; padding:0 10px; height:20px; line-height:20px; font-size:14px; color:#27a0f9;
text-align:center;}
.hp span{font-size:12px; color:#a8a8a8; margin-right:6px;}

/*剧照滑动*/
.juzhao{margin: 0 auto; overflow: hidden; position: relative; width: 100%; z-index: 400; background:#FFF; padding:5px;}
.juzhao .owl-carousel .item{float: left; /*margin-right:6px;*/ width:54px; height:54px;}
.juzhao .owl-carousel .item img{width:54px; height:54px;}
.stills{ position:absolute; top:0; left:0; z-index:400;}
.stills_close{background:url(../images/still_close.png) no-repeat; background-size:100%; width:35px; height:35px; position:absolute; top:6px; right:10px; display:block; z-index:410;}

/*排片*/
.cinema-address{background-color:#1991f0; padding:10px;}
.cinema-address h2{font-size:16px; color:#fff; line-height:25px;}
.cinema-address h2 a{color:#fff; font-size:12px; float:right; line-height:28px;}
.cinema-address p{font-size:12px; color:#fff; margin-bottom:8px;}
.cinema-address img{ width:13%;}
.cinema-address img.xc{margin-left:-5px;}
.choice-time{border-bottom:1px solid #ff9900; height:60px; padding:14px 12px 0; position:fixed; background:#fff; width:100%; box-sizing:border-box; z-index:1000;}
.change-date{width:40%; float:left; border-right:1px solid #ccc; height:30px;}
.change-date i{background:url(../images/icon_calendar.png) no-repeat bottom; background-size:100%; width:28px; height:30px; float:left; margin-right:10px;}
.change-date p{ float:left; color:#666; font-size:12px; line-height:16px;}
.change-date p strong{font-size:12px; color:#333; display:block;}
.change-time{width:58%; float:left; height:30px; padding-left:17px; box-sizing:border-box;}
.change-time i{background:url(../images/icon_time.png) no-repeat bottom; background-size:100%; width:28px; height:30px; float:left; margin-right:10px;}
.change-time p{ float:left; color:#666; font-size:12px; line-height:16px;}
.change-time p strong{font-size:12px; color:#333; display:block;}
.movie-changci{background:#fff}
.movie-changci-item{}
.movie-changci-item-info{padding:12px; height:80px;}
.movie-changci-item-info img{float:left; width:52px; height:80px; margin-right:15px;}
.movie-changci-item-info dl{float:left; width:60%;}
.movie-changci-item-info dl dt{color:#333; font-size:18px; height:35px; line-height:35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.movie-changci-item-info dl dd{color:#666; font-size:12px; height:20px; line-height:20px;}
.movie-changci-tab .tab-hd{height:37px;border-bottom:1px solid #eeeeee;}
.movie-changci-tab{ padding-bottom:12px;}
.movie-changci-tab .tab-hd li{ color:#9b9b9b; width:80px; text-align:center; height:38px; line-height:38px; float:left;  box-sizing:border-box; font-size:14px; }
.movie-changci-tab .tab-hd li.on{color:#008ff4; border-bottom:3px solid #008ff4;}
.tab-bd{height:43px; line-height:43px; padding:0 25px 0 33px; overflow:hidden; zoom:1; /*20160525 0 24px*/ border-top:1px solid #e5e5e5; display:block; background:#f4f4f4; position:relative;}

.tab-bd:first-child{border-top:none;}
.tab-bd .tab-bd-img{float:left; color:#666; font-size:14px; /*20160704*/width:91px;/**//*20160525 12px*/}
.tab-bd .tab-bd-img img{width:22px; height:22px; margin-right:13px;/*20160525 7px*/ margin-top:-1px;}
.tab-bd .tab-bd-icon{width:18px; height:18px; float:left; margin-left:0.75em;margin-top:-2px;/*20160620 margin-top:-1px*/}
.tab-bd .tab-bd-compare{border:1px solid #f1927d; border-radius:5px; font-size:12px; padding:2px 3px; float:left; line-height:13px; color:#f1927d; margin-top:12px;/*20160620 margin-top:13px*/ margin-left:0.75em;}
.tab-bd .tab-bd-bank{/*20160819*/border:1px solid #ec7d7d;/**/ font-size:12px; padding:2px 3px 1px; float:left; line-height:12px; /*20160819*/color:#fff; background:#ec7d7d;/*color:#9871d3;*/ margin-top:13px;/*20160620 margin-top:13px*/ margin-left:0.75em;}

.tab-bd .tab-bd-app{ float:left;width:55px; height:16px;/**/   margin-left:0.75em;}
.tab-bd .tab-bd-price{ font-size:16px;/*20160525 14px*/ color:#ff2000; float:right;}
.tab-bd i{position:absolute; right:6px; top:15px; background:url(../images/icon_more.png) no-repeat; background-size:100%; width:13px; height:13px;}
@media only screen and (max-width:365px){
.tab-bd .tab-bd-img{float:left; color:#666; font-size:12px;}
.tab-bd .tab-bd-img img{width:20px; height:20px; margin-right:6px;margin-top:-1px;}
.tab-bd .tab-bd-icon{width:18px; height:18px; float:left; margin-left:8px;margin-top:-1px;}
/*20160727*/
.tab-bd .tab-bd-bank{/*20160819*/border:1px solid #ec7d7d;/**/ font-size:12px; padding:2px 3px 1px; float:left; line-height:12px; /*20160819*/color:#fff; background:#ec7d7d;/*color:#9871d3;*/ margin-top:13px;/*20160620 margin-top:13px*/ margin-left:8px;}
.tab-bd .tab-bd-price{ font-size:14px; color:#ff2000; float:right;}

}
.showtime-list ul li{height:42px; padding:6px; color:#bbb; font-size:12px; border-bottom:1px solid #d4d4d4; position:relative; background:#f7f8fa;}
.showtime-list ul li .stl-time,.showtime-list ul li .stl-info,.showtime-list ul li .stl-channel,.showtime-list ul li .stl-price{ float:left; text-align:left;box-sizing:border-box;font-family:SimHei;}
.showtime-list ul li .stl-time{width:23%;}
.showtime-list ul li .stl-time strong{display:block; font-size:22px; color:#333; font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.showtime-list ul li .stl-info{ width:24%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:24px; padding-right:5px;}
.showtime-list ul li .stl-info strong{ display:block; color:#333; font-size:18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:24px; font-weight:normal;}
.showtime-list ul li .stl-price{color:#ff9900; width:33%; font-size:14px; line-height:42px;}
.showtime-list ul li .stl-price em{ font-size:20px;}
.showtime-list ul li .stl-button{width:20%; float:right;}
.showtime-list ul li .stl-button a{ background-color:#0083dc; width:60px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:14px; display:block; margin-top:10px; border-radius:5px;}
.swiper-container1{height:139px;}
.device{margin:0 auto 0; padding:8px 0 0;background-color:#282828;}
.movie-name{text-align:center; padding:8px 0 5px; font-size:12px; color:#9b9b9b; border-bottom:1px solid #d4d4d4; line-height:22px; }
.movie-name h3{color:#666; font-size:16px; display:inline; margin-bottom:5px;}
.movie-name span{display:inline-block; border:1px solid #0083dc; margin-bottom:5px; color:#0083dc; font-family:Arial, Helvetica, sans-serif; border-radius:3px; padding:0px 3px; height:15px; line-height:17px; margin:0 10px 0 5px;}
.swiper-container:after{display: block; content: "";  position: absolute; bottom: 0px; left: 50%; border: 7px solid transparent;border-bottom-color: #fff; margin-left:-7px;}
/*iphone 5| iphone6 放大模式*/
@media screen and (min-device-width : 320px) and (max-device-width : 370px) and (min-device-height : 567px)  and (max-device-height : 569px) and (-webkit-device-pixel-ratio: 2){
.showtime-list ul li{height:40px; padding:6px; color:#bbb; font-size:12px; border-bottom:1px solid #d4d4d4; position:relative; background:#f7f8fa;}
.showtime-list ul li .stl-time{width:23%;}
.showtime-list ul li .stl-time strong{display:block; font-size:20px; color:#333; font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
.showtime-list ul li .stl-info{ width:24%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; line-height:24px; padding-right:5px;}
.showtime-list ul li .stl-info strong{ display:block; color:#333; font-size:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height:18px; font-weight:normal;}
.showtime-list ul li .stl-price{color:#ff9900; width:33%; font-size:14px; line-height:42px;}
.showtime-list ul li .stl-price em{ font-size:16px;}
}
.showtime-list ul li .stl-button{width:20%; float:right;}
.showtime-list ul li .stl-button a{ background-color:#0083dc; width:60px; height:30px; text-align:center; line-height:30px; color:#fff; font-size:14px; display:block; margin-top:5px; border-radius:5px;}

/*scroll set*/
.scroll-container{
	width: 100%;
    height: 38px;
    overflow: hidden;
    overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.scroll-slide{}
.scroll-container::-webkit-scrollbar {
    display: none
}

/**/

/* changetime */
.timesContent{
  width:260px;
  margin:0 auto;
  background:#F9F9F9;
}
.timesContent dl{
    padding:12px;
	list-style:none;
}
.timesContent dt{ padding:4px 0 14px; text-align:center; font-size:20px; font-family:'微软雅黑'; color:#333;}
.timesContent dd{ font-size:16px; color:#ccc; overflow:hidden; zoom:1}
.timesContent p{ float:left; width:25%; height:39px; line-height:16px; border-top:1px solid #ccc; padding:5px 0 5px; text-align:center; font-family:"Times New Roman", Times, serif}
.timesContent samp{ display:block; font-size:12px; color:#fff; line-height:18px; padding:0 12px;}
.timesContent span{ font-size:14px; margin:0 6px}
.timesContent cite{ font-size:12px; font-style:normal}
.timesContent p.selected{ background:#ff9000; color:#fff}
.timesContent p.can{ background:#FCE0A7; color:#000}

/*订单支付*/
.orderPayment{background-color:#1991f0; color:#aeaeae; padding:10px;}
.orderPayment h3{color:#fff; font-size:16px; height:35px; line-height:35px;}
.orderPayment p{font-size:12px; margin-bottom:5px; overflow:hidden; height:16px; color:#fff;}
.orderPayment p:last-child{color:#fff;}
.paymentChannel{overflow-x:scroll;}
.paymentscroll{width:575px;height:70px;}
.paymentscroll span{display:block; float:left; width:62px; height:60px; padding:10px; border-bottom:1px solid #d4d4d4;}
.paymentscroll span img{width:62px;}
.paymentChannel::-webkit-scrollbar {display: none;}
.paymentbutton{background-color:#fff; height:60px; position:fixed; bottom:0; width:100%; line-height:60px; border-top:1px solid #d4d4d4; padding:0 10px; overflow:hidden; box-sizing:border-box; color:#666666;}
.paymentbutton button{ background-color:#0083dc; color:#fff; width:120px; height:40px; text-align:center; float:right;  margin-top:10px;}
.paymentbutton span{font-size:14px; color:#f46700; }
.paymentbutton span em{font-size:24px; color:#f46700;font-family:Arial, Helvetica, sans-serif;}
.ddtext{color:#0083dc; font-size:14px; padding-left:15px; line-height:30px;}
.zhifu_xiala{height:30px; line-height:30px;}
.zhifu_xiala input{vertical-align:middle; margin-right:6px;}

/*座位图*/
.seatHead{height: 60px; width: 100%; background-color:#1991f0; padding: 1% 4% 1% 2%; box-sizing:border-box;}
.seatHead h3{color:#FFF; font-size:14px; line-height:30px;}
.seatHead p{color:#fff; font-size:12px;}
.screenMode{width:100%; padding:10px 0px 5px 15%; box-sizing:border-box; height:60px; }
.screenMode ul li{float:left; width:20%; margin-right:5px; text-align:left; font-size:12px}
.hasSeat img,.checkSeat img,.sellSeat img,.loveSeat img{width:15px; height:15px; vertical-align:middle; margin-right:2px;}
.ting_name{width:100%;margin-bottom: -15px; position:absolute; top:105px; z-index:120; }
.ting_name span{border:1px solid #d4d4d4; border-radius:15px;display:inline-block; padding:0 15px; line-height:25px; color:#9a9a9a; font-size:13px; margin-left:35%; background-color:#fff; z-index:110;}
.detail_mode{margin: 0 auto;font-size: 14px; background: #f7f8fa; overflow: hidden; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; z-index:100; padding:38px 0 0; position:relative;}
.seatPanel {clear: both; position: relative; overflow: hidden; margin: 0 auto; display:box; padding-bottom:38px;}
.seatPanel dt {float: left; margin-left: 10px; position: relative;background: hsla(0,0%,80%,.8);text-align:center;color:#fff;border-radius:15px; padding:8px 0; width:28px; margin-right:10px;}
.seatPanel dt p {width: 28px; height: 28px; text-align: center;}
.seatPanel dd { float: left; position: relative; overflow: hidden; z-index: 2; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); flex:1; padding-top:8px;}
.seatPanel dd,.seatPanel ul { overflow: hidden;}
.seatPanel dd li {height: 28px; width: 100%; overflow: hidden;clear: both;}
.seatPanel dd li span{outline: none; display: inline-block; width: 24px; height:20px; float: left; background-position: center;
 background-origin:content-box;  background-size:contain; background-repeat:no-repeat;  background-size: 24px auto; margin:0 1px;}
.seatPanel .hasSeat{ background-image:url(../images/hasSeat.png); }
.seatPanel .loveSeat{background-image: url(../Images/loveSeat.png);}
.seatPanel .checkSeat{background-image: url(../Images/checkSeat.png);}
.seatPanel .noSeat{outline: none; display: inline-block; width: 25px; height: 25px; float: left; background-origin:content-box;               background-position:50% 50%; background-size:contain; background-repeat:no-repeat; background-size: 24px auto;}
.middle-line{width:1px; border-left:1px dashed #d4d4d4; height:110%; position:absolute; left:50%; z-index:1000; top:0;}
.CheckSeat1{height:60px; background-color:#f7f8fa; padding:10px;}
.CheckSeat1 h3{color:#666666; font-weight:normal; margin-bottom:10px;}
.seatList span{display: inline-block; font-size: 14px; margin-right: 2px;border:1px solid #3faaf5;color:#3faaf5;line-height:23px;padding:0 5px;border-radius:5px;position:relative; margin-right:5px;}
.seatList span img{width:10px; height:10px; position:absolute; right:0; top:0;}
/*iphone 5| iphone6 放大模式*/
@media screen and (min-device-width : 320px) and (max-device-width : 370px) and (min-device-height : 567px)  and (max-device-height : 569px) and (-webkit-device-pixel-ratio: 2){
.seatList span{display: inline-block; font-size: 12px;border:1px solid #3faaf5;color:#3faaf5;line-height:23px;padding:0 3px;
border-radius:5px;position:relative; margin-right:5px;}
}
.yfk{ height:60px; padding:10px; border-top:1px solid #d4d4d4; /*position:fixed; bottom:0; left:0;*/ background-color:#fff; width:100%; box-sizing:border-box;}
.ykf_left{float:left;}
.ykf_left h3{height:33px;}
.ykf_left h3 span{font-size: 14px; color:#666; display:block; float:left;}
.ykf_left h3 em{color: #f46700;font-size: 24px; display:block; float:left; margin-top:-6px;}
.ykf_left p{padding-left:55px; color:#0993f5; font-size:12px; margin-top:-5px;}
.ykf_right{float:right;}
.ykf_right a{background: none repeat scroll 0 0 #0083dc; border-radius: 3px;color: #FFFFFF; display: block; font-size: 14px; height: 25px; line-height: 25px;padding: 5px 10px; padding-left: 15px; padding-right: 15px; text-align: center; text-decoration: none;}

/*排片无数据*/
.ppwsjImg{border-radius:50%; background-color:#eaeaea; width:4rem; height:4rem; margin:1rem auto 15px;}
.ppwsjText{text-align:center; color:#666666; font-size:12px;}
.ppwsjText a{color:#0083dc; line-height:25px;}

/*影片列表影院列表搜索删除*/
.delete_icon{background:url(../images/icon_delete.png) no-repeat center center; background-size: 100%; width: 27px; height: 18px; position: absolute;right: 20px;top:5px; display:none;}
.swiper-container {width: 100%;height: 100%;padding-bottom: 10px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*welfarelist*/
.filmbottom{width: 100%;text-align: center;line-height: 40px;color: #696969;}