@charset "utf-8";
ins{
 text-decoration: none;
}
.t_l{
 text-align: left;
}
.t_r{
 text-align: right;
}
.clearfix:before,
.clearfix:after {
 content: " ";
 display: table;
}
.clearfix:after {
 clear: both;
}
.width_center{
 width: 1000px;
 margin: 0 auto;
}
/*Popup style*/
.layerMask{position:fixed; background:#000;z-index:900;opacity:0.5;filter:alpha(opacity=50); top:0; left:0; width:100%;}
.dialog{display:none;  top:0; left:0; width:auto; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.9); position:fixed; *_position:absolute;/*background-color:#cfd9db;border-radius: 4px;padding: 2px;*/}
.dialog .pop_table_border{/*box-shadow: 0 3px 26px rgba(0, 0, 0, 0.9);border-radius: 4px;*/}
.dialog .pop_tit{width:100%; height:40px; line-height:40px; display:block; position:relative;background-color:#5AA4F0;color:#fff;}
.dialog .pop_tit span{font-size:14px;line-height:38px; padding-left:15px;}
.dialog .pop_tit var{display:block; position:absolute; width:40px;height:40px;top:0px; right:0px; overflow:hidden; cursor:pointer;line-height: 40px;text-align: center;font-size: 30px;    font-family: "Segoe UI";}
.dialog .pop_tit var{-webkit-transition: all 0.5s ease; -moz-transition:-moz-transform 0.5s ease; -o-transition:-o-transform 0.5s ease;-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.5s ease;}
.dialog .pop_tit var:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);transform:rotate(360deg);}
.dialog .pop_frame{padding:20px 20px 10px; *width:300px; line-height:30px;background-color: #fff;min-width: 300px;position: relative;}
.dialog .pop_frame .pop_content{text-align:center; padding:20px 0px; min-height:40px;}
.dialog .pop_frame .pop_contentprompt{padding-bottom:6px; display:inline-block;}
.dialog .pop_bot{text-align:center; display:block;background-color: #fff;width: 380px;*zoom:1;}
.dialog .pop_bot .Popup-btn-box{margin: 0 auto;display: inline-block;*display:inline;*zoom:1;  text-align: center;}
.dialog .pop_bot .closelink{width:40px; height:28px; line-height:28px; display:inline-block; text-align:center;}

.loading{position:fixed; width: 20%;height:40%;z-index: 901;text-align: center;}
.loading-img{display: inline-block;margin: 10px auto;}
.loading-tips{font-size: 12px;text-align: center;line-height: 40px;}
.loading .loading-tips{color: #fff;}

.locationBar{
 padding-top: 20px;
 color: #7D7C7D;
}
.locationBar span{
 display: inline-block;
 padding: 0 10px;
}
.locationBar a:hover{
 color: #7D7C7D;
 text-decoration: underline;
}
.flight_order{
 margin-top: 20px;
}

.flight_info .left_flight i, .right_flight .plane_ico i{background: url("../images/ordering-logo.png") no-repeat; display: inline-block;}
.flight_info .shrink_menu .before, .flight_info .s_up, .flight_info .s_up .after, .flight_info .s_down, .flight_info .s_down .after, .left_user li i, .food_detail .type,
.food_detail .type i, .food_detail .food_text em, .menu_content li.on em, .food_intro i, .food_intro i.on{background: url("../images/ordering_img.png") no-repeat; display: inline-block}
.left_user li ins{
 display: block;
 width: 75px;
 white-space:nowrap; overflow:hidden; text-overflow:ellipsis
}
.flight_info{
 position: relative;
 width: 950px;
 padding: 12px 25px;
 color: #444;
 background-color: #ECF0F3;
 border-bottom: 3px solid #374E59;
}
.flight_info .left_flight{
 float: left;
 width: 390px;
}
.flight_info .left_flight i{
 position: absolute;
 background-position: 0 6px;
 width: 40px;
 height: 40px;
}
.flight_info .font18{
 display: block;
 padding-bottom: 3px;
 font-size: 18px;
 font-weight: normal;
}
.left_flight .p_left50{
 padding-left: 50px;
}
.left_flight .p_left50 em{
 padding:0 0 0 5px;
}
.flight_info .right_flight{
 float: left;
 width: 560px;
}
.flight_info .right_flight span{
 float:left;
 padding-right: 7px;
}
.flight_info .right_flight .w_130{
 width: 130px;
 line-height: 1.7;
}
.right_flight .w_130 ins{
 color: #999;
}
.flight_info .right_flight .flight_time{
 font-size: 26px;
 font-weight: bold;
}
.right_flight .plane_ico i{
 background-position: -90px 0;
 width: 129px;
 height: 32px;
}
.right_flight .plane_ico em{
 display: block;
 text-align: center;
}
.flight_info .shrink_menu{
 width: 230px;
 height: 34px;
 text-align: center;
 color: #fff;
 font-size: 18px;
 line-height: 1.9;
 cursor: pointer;
 -webkit-transition: bottom .3s ease-out .3s;
 -moz-transition: bottom .3s ease-out .3s;
 -ms-transition: bottom .3s ease-out .3s;
 -o-transition: bottom .3s ease-out .3s;
 transition: bottom .3s ease-out .3s;
}

.flight_info .shrink_menu .before{
 position: relative;
 top: 2px;
 left: -10px;
 width: 24px;
 height: 18px;
 background-position: 0 -269px;
}
.shrink_menu i.after{
 position: relative;
 top: -2px;
 left: 10px;
 width: 14px;
 height: 4px;
}

.flight_info .s_up{
 position: absolute;
 bottom:-29px;
 left: 38%;
 z-index: 1;
 background-position: 0 -140px;
}
.flight_info .s_up .after{
 background-position: -154px -272px;
}
.flight_info .s_down{
 position: absolute;
 bottom:-9px;
 left: 38%;
 z-index: 1;
 background-position: 0 -206px;
}
.flight_info .s_down .after{
 background-position: -210px -272px;
}
.menu_detail{
 display: none;
 width: 100%;
 height: 600px;
}
.menu_detail .left_user{
 float: left;
 width: 170px;
 height: 100%;
 padding-left:20px;
 border-right: 1px dotted #A8B1BE;
}
.left_user li{
 display: inline-block;
 width: 167px;
 clear: both;
 margin: 10px 0;
 cursor: pointer;
}
.left_user li.on{
 border-right: 3px solid #FC6621;
}
.left_user li:hover{
 border-right: 3px solid #FC6621;
}
.left_user li img{
 position: relative;
 top: 3px;
 float: left;
}
.left_user li span{
 float: left;
 padding: 0 10px;
 color: #A4B0BF;
}
.left_user li span b{
 display: block;
 font-size: 14px;
 color: #444;
}
.left_user li i{
 position: relative;
 top: 8px;
 float: left;
 width: 26px;
 height: 26px;
 background-position: 0 -320px;
}

.menu_detail .right_menu{
 float: left;
 width: 789px;
 padding: 40px 0 0 20px;
}
.right_menu .passenger{
 height: 30px;
 line-height: 30px;
}
.right_menu .passenger b{
 padding-right: 12px;
 font-size: 14px;
}
.right_menu .passenger span{
 padding: 0 8px;
}
.right_menu .menu_content{
 position: relative;
 z-index: 1;
 width: 100%;
 height: 530px;
 overflow-y: auto;
}
.right_menu .menu_content li{
 display: inline-block;
 padding-bottom: 10px;
 height: 200px;
 cursor: pointer;
}
.menu_content li .food_img{
 float: left;
 width: 500px;
 height: 100%;
}
.menu_content li .food_img img{
 width: 100%;
 height:100%;
}
.menu_content li .food_detail{
 float: left;
 width: 270px;
}
.food_detail .type{
 position: relative;
 left: -3px;
 width: 71px;
 height: 31px;
 margin-top: 10px;
 font-size: 14px;
 color: #fff;
 line-height: 2.0;
 background-position: -58px -320px;
}
.food_detail .type i{
 position: relative;
 top:3px;
 margin-left:3px;
 width: 24px;
 height: 18px;
}
.food_detail .type i.zc{
 background-position: -80px -269px;
}
.food_detail .type i.xc{
 background-position: 0 -269px;
}
.food_detail .food_text{
 position: relative;
 height: 149px;
 padding: 10px 0 0 30px;
}
.food_detail .food_text h4{
 font-size: 18px;
 padding-bottom: 5px;
}
.food_detail .food_text span{
 padding-top: 10px;
 font-weight: bold;
 color: #FC6621;
}
.food_detail .food_text span ins{
 padding: 0 5px;
 font-style: italic;
 font-size: 24px;
}
.food_detail .food_text em{
 position: absolute;
 right: 0;
 bottom: 0;
 width: 58px;
 height: 58px;
 background-position: -110px -58px;
}
.menu_content li.on em{
 background-position: 0 -58px;
}
.right_menu .alternative li{
 position: relative;
 float: left;
 width: 250px;
 height: 250px;
 margin: 10px 10px 0 0;
 cursor: pointer;
}
.alternative li .food_detail .food_intro{
 position: absolute;
 left: 0;
 bottom: 0;
 width: 250px;
 color: #fff;
 background:rgba(120, 119, 117, 0.8)!important;
 filter:Alpha(opacity=80);
 background:#787775;
}
.food_intro .food_name{
 padding: 17px 10px;
}
.food_intro h4{
 display: inline-block;
 font-size: 14px;
}
.food_intro i{
 position: absolute;
 top: 15px;
 right: 15px;
 width: 30px;
 height: 24px;
 background-position: -214px -320px;
}
.food_intro i.on{
 background-position: -161px -320px;
}
.food_detail .food_intro p{
 padding: 10px 17px;
 margin-bottom: 0;
 background:rgba(119, 119, 119, 0.6)!important;
 filter:Alpha(opacity=60);
 background:#777;
}

.order-form .fillin{
 clear: both;
 width: 100%;
 padding: 20px 0;
 background-color: #FAFAFC;
}
.order-form .fillin li{
 float: left;
 width: 340px;
 height: 30px;
 padding: 10px 0 0 40px;
 color: #666;
}
.order-form .fillin li label{
 display: inline-block;
 width: 100px;
 padding-right: 20px;
 text-align: right;
}
.fillin li label em{
 color: #ff0000;
}
.order-form .fillin li input, .order-form .fillin li select{
 display: inline-block;
 width: 180px;
 height: 30px;
 padding: 0 10px;
 line-height: 30px;
 border: 1px solid #ccc;
}
.order-form .fillin li select{
 width: 202px;
 padding: 0;
}
.order-form .order_text{
 width: 100%;
 background-color: #EDEDF3;
}
.order-form .order_text .order_con{
 width: 90%;
 margin: 0 auto;
 color: #A3A3A3;
}
.order_text .order_con .submit_wrap{
 padding: 20px 0;
 height: 40px;
 line-height: 40px;
 border-bottom: 1px dashed #A2A2A2;
}
.order_con .submit_wrap p{
 float: left;
 line-height: 42px;
}
.order_con .submit_wrap div{
 float: right;
 color: #666;
}
.order_con .submit_wrap div b{
 color: #ff0000;
 padding: 0 5px;
}
.order_con .submit_wrap a{
 display: inline-block;
 margin-left: 10px;
 width: 150px;
 height: 40px;
 text-align: center;
 color: #fff;
 font-size: 18px;
 background-color: #5AA5F0;
 border: 0;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.order_con .tips{
 padding: 15px 0 25px 0;
 line-height: 1.8;
}
.order_con .tips em{
 display: block;
 color: #666;
}
.order_con .scan_code{
 padding: 10px 0 30px 0;
}
.order_con .scan_code img{
 float: left;
}
.order_con .scan_code p{
 float: left;
 width: 580px;
 padding-left: 20px;
}
.order_con .scan_code p b{
 display: block;
 padding: 15px 0;
 color: #707073;
}
.choosed .choosedImg{
     position: relative;
     right: 0px;
     top: 3px;
     display: block;
     width: 6px;
     height: 26px;
     background-image: url("../images/choosed.png");
     background-size: 100% 100%;
     background-position: center;
     background-repeat: no-repeat;
}