@charset "utf-8";
/* 电影选座 */
.buy_seat{ padding:34px 20px 40px 20px; margin-bottom:40px; background-color:#fff; border:1px solid #ededed;}
.buy_seat .step_bg .step{width:290px; color:#828282;}
.buy_seat .step_bg .step.cur,.step_bg .step.over{ color:#fff;}
.buy_seat .step_bg .wid_411{ width:288px;}


.seat_box{ position:relative; width:100%;}
.seat_box .seat_left{ position:relative; float:left; padding-left:70px; padding-top:20px; width:810px; height:630px;}
.seat_box .seat_title{ margin:0 auto 28px auto; width:592px; height:102px;}
.buy_seat .seat_type{ height:20px; background:url(../../../img/common/bg/buy_seat.png) 0 0 no-repeat;}
.seat_colors .seat_type{ background:url(../../../img/common/bg/buy_seat1.png) 0 0 no-repeat;}
.buy_seat .tit{ margin-top:40px; width:514px; height:39px; text-align:center; line-height:26px; background:url(../../../img/common/bg/buy_seat.png) -34px -31px no-repeat;}
.buy_seat .seat_colors .tit{margin-top:15px;}
.seat_more{text-align: center;}
.seat_more span{display: inline-block;margin-right: 20px;padding-left: 35px;margin-top: 15px;}
.seat_more .sp_seat1{background: url(../../../img/www/movie/seat1.png) 0 50% no-repeat;}
.seat_more .sp_seat2{background: url(../../../img/www/movie/seat2.png) 0 50% no-repeat;}
.seat_more .sp_seat3{background: url(../../../img/www/movie/seat3.png) 0 50% no-repeat;}
.seat_more .sp_seat4{background: url(../../../img/www/movie/seat4.png) 0 50% no-repeat;}
.seat_more .sp_seat5{background: url(../../../img/www/movie/seat5.png) 0 50% no-repeat;}
.seat_more .sp_seat6{background: url(../../../img/www/movie/seat6.png) 0 50% no-repeat;}

.seat_box .col_num{ position:absolute; top:151px; left:-7px;  width:75px; height:390px;}
.seat_box .col_num .p{ position:absolute;right:0; margin-bottom:10px; width:100%; color:#fff; text-align:center;}
.seat_box .col_num .i{ display:inline-block;padding:0 4px;max-width:75px;min-width:26px; height:20px; line-height:20px; text-align:center; border-radius:20px; background:#619ee0; font-style:normal;}
.seat_box .seat_list{ width:740px; height:390px; overflow-x:auto;}
.seat_box .vista{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}
.seat_box .seat_bd{ position:relative; margin:0 auto; width:300px;}
.seat_bd .seat_tip{ display:block; position:relative; width:1px; height:1px;}

 
.tip_seat{ display:none; position: absolute;top:-35px; left:-48px;/*120/2-25/2*/ z-index:100; width:120px; text-align:center; font-size:12px; zoom: 1;}
.tip_seat .tip_txt{margin: 0px; border: 1px solid rgb(255, 164, 99); padding: 1px 5px 3px; border-radius: 3px; z-index: 999; color: rgb(51, 51, 51); background: rgb(255, 255, 225);}
.tip_seat .arrs{ position: absolute; left:50%; margin-left:-8px;  top: auto; bottom: -8px;z-index: 3; padding: 0px; width: 16px; height: 16px; line-height: 16px; overflow: hidden;font-size: 1.2em;}
.tip_seat .arrs i{width: 16px; height: 16px; display: block; font-family: SimSun; position: absolute; font-style: normal;}
.tip_seat .i_1{z-index: 1; color: rgb(255, 164, 99);  bottom: -1px;}
.tip_seat .i_2{z-index: 9; color: rgb(255, 255, 225);}
/*.seat_bd .seat_bg:hover .tip_seat{ display:block;}*/
 
 

.seat_box .seat_bg{ position:absolute; width:25px; height:20px; background:url(../../../img/common/bg/df_ico_bg.png) -56px -499px no-repeat;}
.seat_box .putong{  background-position:-56px -499px;}
.seat_box .putong_sel{ background-position:-56px -475px;}

.seat_box .putong.seatbg1{background: url(../../../img/www/movie/seat1.png) 0 50% no-repeat;}
.seat_box .putong.seatbg2{background: url(../../../img/www/movie/seat2.png) 0 50% no-repeat;}
.seat_box .putong.seatbg3{background: url(../../../img/www/movie/seat3.png) 0 50% no-repeat;}
.seat_box .putong.seatbg4{background: url(../../../img/www/movie/seat4.png) 0 50% no-repeat;}
.seat_box .putong.seatbg5{background: url(../../../img/www/movie/seat5.png) 0 50% no-repeat;}
.seat_box .putong.seatbg6{background: url(../../../img/www/movie/seat6.png) 0 50% no-repeat;}

.seat_box .love_left{ background-position:0 -475px;}
.seat_box .love_right{ background-position:-22px -475px;}


.seat_box .putong_sale{ background-position:-88px -475px;}

.seat_box .love_left_sel{ background-position:-120px -475px;}
.seat_box .love_right_sel{ background-position:-142px -475px;}
.seat_box .love_left_sale{ background-position:0 -499px;}
.seat_box .love_right_sale{ background-position:-22px -499px;}
.srh .info_left .info_img { width: 280px; height: 280px; }
.srh .info_left .info_ul { float:right; width:490px; }
.srh .seat_box .seat_right { height:400px; min-height:400px; }


.seat_box .seat_right{ float:right; padding:20px; width:300px; background:#f3f8fd; min-height:664px;}
.seat_right .form_line .input{ font-size:14px;}
.seat_right .m_info{ position:relative; padding-left:106px; height:128px; overflow:hidden;}
.seat_right .m_info img{ position:absolute; top:0; left:0; width:96px; height:128px;}
.seat_right .m_info .h3{ margin-bottom:10px; color:#000; font-size:16px;}
.seat_right .m_info p{ color:#828282;}


.seat_right .cc_info li{ position:relative; margin-top:20px; padding-left:50px; color:#000;}
.seat_right .cc_info .s_tit{ position:absolute; top:0; left:0; color:#828282;}
.seat_right .cc_info .seat_txt{ display:inline-block; margin-right:7px; margin-bottom:10px; padding:3px 5px; border:1px solid #e23128; color:#e23128;}
.price_total{ color:#e23128;}
.price_total b{ font-weight:bold; font-size:18px;}

.form_line{ margin-top:24px; padding-top:24px; border-top:1px solid #ededed;}
.form_line .line{ height:44px;}
.form_line .reg_tit{ position:absolute; top:13px; left:16px; width:60px; height:25px; font-size:14px; color:#828282;z-index:6; }
.form_line .msg_tit{ position:absolute; top:13px; left:16px; width:86px; height:25px; font-size:14px; color:#828282;z-index:6; }
.form_line .placeholder{ top:13px; left:84px;  font-size:14px; }
.form_line .input{ padding-left:80px; height:44px;}
.form_line .check_line{ padding:0 0 30px 0; font-size:16px; color:#bfbfbf;}
.form_line .code_txt{ width:435px;}
.form_line .code_txt2{ width:500px;}
.form_line .wid_160{ width:160px;}
.form_line .btn_send_code{float:right;}
.form_line .reg_rtit{ margin-bottom:25px;  font-size:14px;  color:#828282;}
.form_line .btn_com { height:42px; line-height:42px; font-size:16px;}
.seat_right .form_line .code_pic{ display:none; position:absolute; top:0; right:0; width:88px; height:44px; text-align:center; border:1px solid #ededed;}
.seat_right .form_line .msg_btn{  position:absolute; top:0; right:0; width:96px; height:44px; line-height:44px; color:#666; text-align:center; background:#eee; cursor:pointer;}
.seat_right .form_line .msg_btn.wait{   color:#999;  background:#eee; font-size:12px; cursor:text;}
.form_line .code_pic img,
.form_line .code_pic img{ width:88px; height:42px;}
.form_line .code_pic .change_txt{ display: none;}
.form_line .code_pic:hover .change_txt{ display: block; position: absolute; width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #fff; background: #000000; opacity: .6;filter:alpha(opacity=60);}


.form_line.b_form_line{}
.form_line.b_form_line .reg_tit{ width:100px;}
.form_line.b_form_line .tip_txt{ padding-top:10px; color:#999;}
.form_line.b_form_line .line.height_64{ height:64px;}
.form_line.b_form_line .line.height_64 .txt_pd84{ padding-left:115px;}


.info_left{ float:left;width:810px; }
.info_left .info_img{ float:left; width:210px; height:280px;}
.info_left .info_ul{ float:left; margin-left:15px; width:545px;}
.info_left .info_ul li{ margin-bottom:10px;}


.order { padding:15px 15px; border:1px solid #ECECEC; background:#F9F9F9; }
.order_left { float:left; width:890px; }
.order_left .date { float:left; display:inline-block; padding:10px 15px; background:#E13128; color:#fff; text-align:center; border-radius:5px;  }
.order_left .date strong { font-size:22px; }
.order_left .tips { float:left; margin:0 0 0 20px; line-height:220%; }
.order_left .tips span { color:#E13128; }
.order_right { float:right; text-align:right; line-height:200%; } 
.order_right p strong { font-size:24px; color:#E13128; }
.order_right a { padding:0 20px 0 0; background:url(../../../img/common/bg/ico01.png) right no-repeat; }
.pay { margin:30px 0 0 0; }
.pay_p { font-size:20px; } 
.pay_p a { margin:0 0 0 15px; float:right; display:inline-block; border:1px solid #818181; padding:5px 10px; font-size:16px; color:#a3a3a3; border-radius:5px; }
.pay span {float:right;  }
.pay strong { font-size:18px; color:#E13128; }

.pay_tab { margin:15px 0 0 0; }
.pay_tab table th { padding:15px 0; text-align:center; background:#E9F7FF; }
.pay_tab table td { text-align:center;  padding:15px 0; border-bottom:1px solid #E9F7FF; }

.pay_sect { font-size:20px; margin:25px 0 0 0; padding:0 0 25px 0; border-bottom:1px solid #ECECEC; color:#999; }
.pay_r { float:right; margin:20px 0 0 0; }
.pay_r .btn_blue { width:200px;font-size: 20px; height:50px; line-height:50px;text-align: center; }
.pay_r .btn_blue:hover{color:#fff;}

.p_fare{border-bottom:1px solid #ededed;font-size: 16px;color: #818181;text-align: right;line-height: 28px;padding: 20px 15px 0 0;}

/*订单支付成功*/
.order_sec  { padding:50px 0 50px 220px; }
.order_sec .cont { float:left; margin:0 0 0 15px; width:500px; line-height:200%; }
.order_sec .cont.suc_wid{ width:600px;}
.order_sec .cont .title { font-size:24px; margin:0 0 10px 0; }
.order_sec .cont span { color:#999; }


.red-font-color{color:#e13128;}
.minus-or-plus *{display: inline-block;vertical-align: middle;}
.minus-or-plus .minus{border:1px solid #d9d9d9;padding:0 5px;border-radius:8px 0 0 8px;cursor: pointer;}
.minus-or-plus .num{height:32px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;line-height:28px;margin:0 -4px;}
.minus-or-plus .num input{width:30px;padding:0 10px;border:0px;height:28px;}
.minus-or-plus .plus{border:1px solid #d9d9d9;padding:0 5px;border-radius:0 8px 8px 0;cursor: pointer;}
.no-under-line{text-decoration:none !important;}
.pay-box{border:4px solid #EBF8FF;height:100px;}
.pay-box-left{float:left;margin:18px;}
.pay-box-left span{margin-right:20px;}
.pay-box-right{float:right;margin:30px 18px}
.pay-box-right strong{color:#e23129;font-size:24px;}
.good-each-th{background:#fafafa none repeat scroll 0 0;}
.good-logo{float:left;width:40%;}
.good-detail{float:left; margin-left:15px;width:50%;text-align:left;}
.good-logo-width img{max-width:140px;max-height:200px;}
.good-logo-height img{max-width:140px;max-height:200px;}
.good-logo-square img{max-width:140px;max-height:200px;}

.seat_mask_bg{z-index: 3000;position:absolute; top:0; left:0;width:100%;height:100%;background:rgba(0,0,0,.1);}
.seat_mask_bgimg{ position:absolute; z-index:3001; width:32px; height:32px; left:50%; top:50%; margin-left:-16px; background:url(../../../js/common/lib/layer/skin/default/loading-2.gif);}

.form_line .txt_pd100{padding-left: 100px;}
.form_line .wid_180{ width:161px;}


/***********
*宽1000px布局
************/
@media all and (max-width: 1366px) {
	/*订单支付 buy_seat.css */
	.srh .info_left .info_img{ width:220px; height:220px;}
	.srh .info_left .info_ul{ width:400px;}
	.seat_box .seat_left{ float:none; margin:0 auto 20px auto; width:910px;}
	.seat_box .seat_list{ width:840px;}
	.seat_box .seat_right{ float:none; width:100%;  min-height:340px;height:340px;}
	.seat_box .seat_right.order_confirm {float:right; width:300px;}
	.seat_right.order_confirm .form_line{float:none; margin-top:24px;}
	.seat_right .m_info{ float:left; margin-top:10px;padding-left:136px; width:300px; height:160px;}
	.seat_right .m_info img{ width:120px; height:160px;}
	.seat_right .cc_info{ float:left; width:300px; margin-left:20px;}
	.seat_right .cc_info li{ margin-top:5px;}
	.seat_right .form_line{float:right; width:268px; margin-top:0; padding-top:0; border-top:0px solid #ededed; }
	.form_line .txt_pd84.wid_160{ width:166px;}
	.form_line .wid_180{ width:166px;}
	/*订单确认  buy_seat.css*/
	.info_left{ width:640px;}
	.info_left .info_ul{ width:415px;}
	/*订单支付  buy_seat.css*/
	.order_left{ width:80%;}
	.buy_seat .step_bg .step.wid_386{ width:33.3%;}

}

.movie-real-name{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0,0,0,0.4);
	display: none;
  }
  .movie-dialog-wrap{
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.05);
	transform: translate(-50%, -50%);
  }
  .movie-dialog-header{
	line-height: 56px;
	text-align: center;
	font-size: 18px;
	color: 111;
	border-bottom: 1px solid #efefef;
	position: relative;
  }
  .movie-dialog-close{
	position: absolute;
	right: 17px;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
  }
  .movie-dialog-body{
	padding: 16px 60px 40px;
	color: #333;
	font-size: 14px;
  }
  .movie-form-item{
	margin-bottom: 30px;
	position: relative;
  }
  .movie-dialog-tips{
	margin-bottom: 30px;
	line-height: 22px;
	font-size: 13px;
	position: relative;
	padding-left: 8px;
  }
  .movie-dialog-tips::before{
	  content: '*';
	  line-height: 22px;
	font-size: 13px;
	position: absolute;
	left: 0;
	top: 0;
  }
  .movie-form-item-content{
	display: flex;
	align-items: center;
  }
  .movie-form-item-content span{
	color: #999;
	width: 70px;
  }
  .movie-form-item-content input{
	border: 1px solid #E5E5E5;
	padding: 10px 12px;
	width: 352px;
	box-sizing: border-box;
  }
  .movie-form-item-content select{
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	border: 1px solid #E5E5E5;
	padding: 10px 12px;
	width: 352px;
	box-sizing: border-box;
	background: url(/html/movie_real_name/imgs/select_icon.png) 324px center no-repeat;
	background-size: 16px 8px;
  }
  .movie-form-item-content select::-ms-expand { 
	display: none; 
  }
  .movie-dialog-error-info{
	color: #F44545;
	position: absolute;
	left: 50px;
	bottom: -20px;
	display: none;
  }
  .movie-dialog-error-info img{
	width: 12px;
	height: 12px;
  }
  .movie-form-btn{
	display: flex;
	justify-content: center;
  }
  .movie-form-btn button{
	border: none;
	width: 120px;
	height: 40px;
	margin: 0 10px;
	border-radius: 4px;
	box-sizing: border-box;
  }
  .movie-form-btn button.submit{
	background:linear-gradient(315deg,rgba(92,180,236,1) 0%,rgba(61,150,226,1) 100%);
	color: #fff;
	font-weight: bold;
  }
  .movie-form-btn button.cancel{
	color: #666;
	border: 1px solid #e5e5e5;
	background: #fff;
  }