/*********************************首页********************************/


#StartWharf{width: 150px;border: 1px solid #ddd;position: absolute;top: 225px;left: 123px;  font-size: 14px;z-index: 888;background: #fff;box-shadow: 0 0 10px 0 #ccc; border-radius: 5px;}
#EndWharf{width: 150px;border: 1px solid #ddd;position: absolute;top: 200px;left: 360px;  font-size: 14px;z-index: 888;background: #fff;box-shadow: 0 0 10px 0 #ccc; border-radius: 5px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px;height:20px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;height:20px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.indexwarp{ width: 100%; height: auto; background: url(../images/homebg.jpg) top center no-repeat;}
.indexwarp .in_content{ width: 1000px; margin: 0 auto; height: auto;}
.box_tit{ 
  height: 45px;
  padding-top: 25px;
  line-height: 53px;
  text-align: center;
  font-size: 24px;
  background: url(../images/ico_png.png) 0 -43px no-repeat;
  margin-bottom: 15px;}
.box_tit span{ color: #ff8800;}
.serach_box{ height: auto; width: 100%;}
.serach_con{ background: #ff6f00; height: 152px; width: 100%;}
.serach_con .serachdiv{ height: 40px; width: 100%; padding: 16px 0 11px 0;}
.serach_con .serachdiv .formtext{ font-size: 18px; color: #fff; line-height: 40px; float: left; width: 110px; text-align: center;}
.serach_con .serachdiv .mt_input{width: 303px; height: 38px; border-radius: 5px; border: 1px solid #dd6100; float: left; background: url(../images/mtinput_bg.jpg) #fff center right no-repeat;position: relative;}
.serach_con .serachdiv .inputtxt{ width: 293px; padding-left: 10px; line-height: 38px; height: 38px; font-size: 14px; cursor: pointer; color: #666; background: none}
.serach_con .serachdiv .selectwarp {width: 303px;border: 1px solid #ddd;position: absolute;top: 45px;left: 0;z-index: 888;background: #fff;box-shadow: 0 0 10px 0 #ccc; border-radius: 5px;}
.serach_con .serachdiv .selectwarp li {line-height: 34px;color: #666;font-size: 14px;cursor: pointer;padding-left: 8px;}
.serach_con .serachdiv .selectwarp li:hover{ color:#fff; background:#2577e3;}
.serach_con .serachdiv .inputtxt{ width: 293px; padding-left: 10px; line-height: 38px; font-size: 14px; cursor: pointer; color: #666; background: none}
.serach_con .serachdiv .datediv{ width: 305px; height: 40px; float: left;}
.serach_con .serachdiv .datediv .dateinput{width: 293px; padding-left: 10px; height: 38px; line-height: 38px; border-radius: 5px;-moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari 和 Chrome */ border: 1px solid #dd6100; float: left; background: url(../images/dateinput_bg.jpg) #fff center right no-repeat; color: #666; cursor: pointer;}
.serach_con .serachdiv .bontdiv{ width: 150px; height: 40px; float: left;}
.serach_con .serachdiv .bontdiv input.search_btn{ width: 120px; height: 40px; background: #ffaf53; display:block; border-radius: 5px; font-size: 22px; color: #fff; margin-left: 20px; border: 1px solid #e97c00; cursor: pointer;}
.hot_box{ width: 100%; height: auto;}
.hot_con{ width: 100%; height: auto;}
.hot_tit{ width: 100%; height: 80px; background: #003c81;}
.hot_tit li{ float: left; width: 166px; line-height: 80px; text-align: center; color: #fff; font-size: 21px;}
.hot_tit li.long {
  width: 332px;
}
.hot_list_cp{ width: 998px; border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; background: #fff}
.hot_list_cp .listcp{ width: 100%; height: 87px; border-bottom: 1px solid #e6e6e6;}
.hot_list_cp .listcp li{ width: 166px; float: left; text-align: center;font-size: 16px; color: #666; line-height: 37px;}
.hot_list_cp .listcp li.yh{ color: #ff9124;line-height: 77px;}
.hot_list_cp .listcp li.zhj{ color: #ff9124; font-size: 24px; line-height: 77px;}
.hot_list_cp .listcp a.booking{ margin-top: 18px; width: 110px; border-radius: 5px;	padding-left: 9px; line-height: 32px; height: 32px; text-align: left; display: inline-block;background: url(../images/ico_png.png) -156px -5px no-repeat; font-size: 18px; color: #ff8800;cursor: pointer;}
.hot_list_cp .listcp li.hxname {
  color: #666;
  line-height: 40px;
}       
.hot_list_cp .listcp li.long {
  width: 332px;
}
.hot_list_cp .listcp .lc_time {
  float: left;
  width: 200px;
  padding-left: 55px;
  text-align: center;
  padding-top: 12px;
}
.hot_list_cp .listcp .lc_time .time_top {
  width: 200px;
  color: #333;
  font-size: 14px;
  width: 100%;
}
.hot_list_cp .listcp .lc_time p.time_sy {
  height: 20px;
  line-height: 20px;
  border-radius: 3px;
  color: #fff;
  background: #ffcc99;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  float: inherit;
  margin: 6px 0 0 60px;
}                         
text-transform: uppercase;outline: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.hot_list_cp .listcp a.booking:hover{background: url(../images/ico_png.png) -285px -5px no-repeat #ff8800; color: #fff;}
.busines_box{ width: 100%; height: auto;}


.busines_con{ width: 1020px; height: auto; overflow: hidden; padding-top: 15px;}
.busines_con li{ float: left; width: 150px; padding-right: 20px; height: 315px;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; position: relative;}
.busines_con li:hover{ margin-top: -15px;}
.busines_con img{-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;}
.busines_con img:hover{opacity:0.8; }
.busines_con .bse_name{background: rgba(37,119,227,0.80);  position: absolute; height: 45px; left: 0; top: 265px; line-height: 45px; text-align: center; width: 150px; font-size: 16px; color: #fff; text-align: center;border-radius:0 0 10px 10px;} 
.busines_con .bse_name a{ color: #fff}
.introduce_box{ width: 100%; height: auto;}
.introduce_con{ width: 100%; height: 440px;}
.introduce_con .conbox1{ width: 328px; height:440px; float: left; margin-right: 10px;background: url(../images/introduce_01.png) no-repeat;}
.introduce_con .conbox2{ width: 443px; height:440px; float: left; margin-right: 10px;background: url(../images/introduce_02.png) no-repeat;}
.introduce_con .conbox3{ width: 208px; height:440px; float: left;background: url(../images/introduce_03.png) no-repeat;}
.introduce_con p.itde_text1{ padding: 50px 15px 0px 15px; color: #fff; line-height: 26px; font-size: 14px;}
.introduce_con p.itde_text2{ padding: 55px 15px 0px 15px; color: #fff; line-height: 26px; font-size: 14px; width: 175px; height: 250px;}
.introduce_con p.morelink{ width: 205px; height: 124px; padding-top: 10px;}
.introduce_con p.morelink a{ font-size: 24px; color: #fff; border-radius: 10px; width: 205px; height: 124px; background: #ccc; display: inline-block; line-height: 124px; text-align: center;-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; }
.introduce_con p.morelink a:hover{ background:#2577e3}
.introduce_con p.morelink span.moreico{ width: 27px; height: 27px; background: url(../images/home_morebg.gif); display: inline-block; vertical-align: middle;}
.introduce_con p.itde_text3{ padding: 280px 15px 0px 15px; color: #fff; line-height: 26px; font-size: 14px; width: 178px;}
.news_box{ width: 100%; height: auto;}
.news_con{ width: 958px; height: 320px; background: #fff; border: 1px solid #e6e6e6; padding: 20px;}
.news_con .picnews{ width: 380px; height: 320px; float: left;}
.news_con .textnews{ width: 540px; height: 320px; float: left; margin-left: 30px;}
.news_con .textnews li{ line-height: 37px; border-bottom: 1px dashed #eeeeee; background: url(../images/newslistbg.gif) no-repeat left center; padding-left: 15px;}
.news_con .textnews span{ float: right; color: #999; font-size: 14px;}
.news_con .textnews a{ color: #666; font-size: 15px;}
.news_con .textnews a:hover{ color: #2577e3}
/*************************************搜索列表***********************************/
.loading{ width: 100%; height: 200px; border:1px solid #ffcc99; background: url(../images/loading_listbg.gif) no-repeat center center; margin-top: 30px;}
.loading .waiting{ text-align: center; font-size: 16px; color: #647aa8; padding-top: 70px;}
.serach_mt li:hover{color:#fff; background:#2577e3;}
.warpcon{ width: 1200px; height: auto; margin: 0px auto; }
.lsit_serachbox{ width: 1198px; border-left: 1px solid #d3f3ff;border-right: 1px solid #d3f3ff;border-bottom: 1px solid #d3f3ff; border-top: 3px solid #5e9beb; height: 65px;}
/*航班查询*/
.serach_mt{ width: 825px; float: left; padding-top: 17px; padding-left: 25px;}
.serach_mt .formli{ height: 30px; float: left; width: auto; padding-right: 15px;}
.serach_mt span{ color: #333; font-size: 14px; padding-right: 7px;}
.serach_mt input.sertext{ width: 145px; height: 28px; border: 1px solid #e6e8e8; padding-left: 5px; line-height: 28px; font-family: 微软雅黑; color: #999;cursor: pointer; } 
.serach_mt input.bont{ width: 80px; height: 30px; text-align: center; cursor: pointer;line-height: 30px; color: #fff; font-size: 14px; background: #ff8800; border-radius: 3px;-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
transition: All 0.2s ease-in-out;
-webkit-transition: All 0.2s ease-in-out;
-moz-transition: All 0.2s ease-in-out;
-o-transition: All 0.2s ease-in-out;}
.serach_mt input.bont:hover{ background: #f60}
.serach_mt input.timebg{background: url(../images/dateinput_bg.jpg) #fff center right no-repeat;}
/*订票进程*/
.dp_proces{ width: 325px; float: right; color: #666; padding-top: 14px;}
.dp_proces p.column_t1{ width: 275px; height: 13px;background: url(../images/ico_png.png) no-repeat -189px -121px; margin-left: 25px}
.dp_proces p.column_t2{ width: 275px; height: 13px;background: url(../images/ico_png.png) no-repeat -189px -190px; margin-left: 25px}
.dp_proces p.column_t3{ width: 275px; height: 13px;background: url(../images/ico_png.png) no-repeat -189px -167px; margin-left: 25px}
.dp_proces p.column_t4{ width: 275px; height: 13px;background: url(../images/ico_png.png) no-repeat -189px -190px; margin-left: 25px}
.dp_proces p.column_b_txt{ width: 100%; color: #666; font-size: 12px;}
.dp_proces p.column_b_txt span.text_li{ width: 80px; line-height: 28px; display:inline-block; text-align:center; float: left;}
/*时间列表*/
.date_tab{ width:1198px; height: 70px; border: 1px solid #d3d3d3;}
.lastbont a,.nextbont a{ width: 48px; height: 42px; padding-top: 28px; display: inline-block;}
.date_tab .lastbont{ float: left; text-align: center; width: 50px; background: #fafafa; border-right:1px solid #d3d3d3; height: 70px; }
.date_tab .lastbont span.bontico{ width: 7px; height: 14px;background: url(../images/ico_png.png) no-repeat -789px -14px; display: inline-block;}
.date_tab .nextbont{ float: right; text-align: center;width: 50px; background: #fafafa; height: 70px; }
.date_tab .nextbont span.bontico{ width: 7px; height: 14px;background: url(../images/ico_png.png) no-repeat -806px -14px; display: inline-block;}
.date_tab .route_list{ width: 1096px; height: auto; float: left;}
.date_tab .route_list li{ float: left; text-align: center; width: 136px;height: 60px; padding: 5px 0; border-right: 1px solid #d3d3d3}
.date_tab .route_list p.tiome{ font-size: 14px; padding-top: 7px; color: #666}
.date_tab .route_list p.price{ font-size: 20px; color: #ff8800;}
.date_tab .route_list li.current{background: #2577e3; color: #fff}
.date_tab .route_list li.current p.tiome{ font-size: 14px; padding-top: 7px; color: #fff}
.date_tab .route_list li.current p.price{ font-size: 20px; color: #fff;}
/*标题*/
.list_tit_box{ width: 100%; height: 50px; background: #eeeeee; line-height: 50px; font-size: 16px; color: #666;padding-top: 13px}
.list_tit_box li.c1{ float: left; width: 310px; padding-left: 40px;}
.list_tit_box li.c2{ float: left; width: 200px; text-align: center;}
.list_tit_box li.c3{ float: left; width: 250px; text-align: center;}
.list_tit_box li.c4{ float: left; width: 180px; text-align: center;}
.list_tit_box li.c5{ float: left; width: 190px; padding-left: 30px;}

.all_listcon{ width: 1200px; height: auto;}
.all_listcon .column{ height: 105px; width: 100%; border-top: 1px solid #97b4f0; }
.all_listcon .column.current{ background:#fafafa; }
.all_listcon li.item{ width: 100%; height: auto; margin-top: 15px;}

.lc_name{float: left; width: 310px; padding-left: 40px; font-size: 16px;}
.lc_time{ float: left; width: 200px; text-align: center; padding-top: 25px}
.lc_time .time_top{ width: 200px; color: #000; font-size: 24px; width: 100%}
.lc_time .time_top span{ padding: 0 6px;}
.lc_time .time_top e.jt_ico{ width: 47px; height: 11px; display: inline-block; background: url(../images/ico_png.png) no-repeat -822px -16px;}
.lc_time p.time_sy{ height: 20px; line-height: 20px; border-radius: 3px; color: #fff; background: #ff9900; font-size: 12px; padding: 0 5px; display: inline-block; float: inherit; margin:6px 0 0 60px}
.lc_place{ float: left; width: 250px; text-align: center; font-size: 14px; color: #666; line-height: 30px; padding-top: 15px}
.lc_price{ float: left; width: 180px; text-align: center; padding-top: 15px;}
.lc_price p.yj{ color: #666; text-decoration: line-through; font-size: 14px; line-height: 24px}
.lc_price p.xj{ color: #ff8800; font-size: 24px;}
.lc_price p.xj em.zk{ font-size: 14px;}
.lc_yd{  float: left; width: 190px; padding-left: 30px; padding-top: 25px;}
.lc_yd a.bont_link{ width: 140px; height: 48px; font-size: 18px; color: #fff; text-align: center; line-height: 48px; background: #2577e3; display: inline-block; border-radius: 3px;transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.lc_yd a.bont_link:hover{ background: #1a48d3}
.lc_yd  em.few {background: url(../images/fewico.png);width: 33px;height: 13px;display: block;float: right;margin-right: 10px;margin-top: 5px;}
.all_listcon .detailed{ height:auto; width: 1080px; padding: 20px; margin: 0 auto; border-left: 1px solid #2577e3;border-bottom: 1px solid #2577e3;border-right: 1px solid #2577e3;border-top: 2px solid #2577e3; background: #ffffee;}
.all_listcon .detailed .deta_tit{ width: 1080px; height: 45px; background: #7dace9; line-height: 45px; color: #fff; font-size: 16px;}
.all_listcon .detailed .deta_tit li{ width: 180px; float: left; text-align: center;}
.all_listcon .detailed .deta_con{ width: 100%; height: auto;}
.all_listcon .detailed .deta_con li{ border-bottom: 1px dashed #ccc; height: 100px; text-align: center; font-size: 18px;}
.all_listcon .detailed .deta_con .deta_c1{ width: 180px; line-height: 100px; float: left;}
.all_listcon .detailed .deta_con .deta_c2{ width: 180px; line-height: 100px; float: left;}
.all_listcon .detailed .deta_con .deta_c3{ width: 180px; height: 100px; float: left;    display: flex;align-items: center;}
.all_listcon .detailed .deta_con .deta_c4{ width: 180px; float: left; padding-top: 20px;}
.all_listcon .detailed .deta_con .deta_c4 p.yj{ color: #666; text-decoration: line-through; font-size: 14px; line-height: 24px}
.all_listcon .detailed .deta_con .deta_c4 p.xj{ color: #ff8800; font-size: 24px;}
.all_listcon .detailed .deta_con .deta_c4 p.xj em.zk{ font-size: 14px;}

.all_listcon .detailed .deta_con .deta_c5{ width: 180px; line-height: 100px; float: left;}
.all_listcon .detailed .deta_con .deta_c6{ width: 130px; float: left; padding-left: 50px; padding-top: 30px;}
.all_listcon .detailed .deta_con .deta_c6 a.bont_link{ width: 110px; height: 40px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; background: #ff8800; display: inline-block; border-radius: 3px;transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;}
.all_listcon .detailed .deta_con .deta_c6 a.bont_link:hover{ background: #ff6600}
/**********************************************填写订单*****************************************/
.filltop{ width: 1200px; height: 50px;}
.filltop h3.tit{font-size: 22px;float: left;font-weight: normal;float: left; padding-top: 20px;}
.fillcont{ width:1158PX; padding: 0 20px 30px 20px; height: auto; background: #f4f4f4;}
.fillcont .f_cont_tit{ font-size: 16px; font-weight: bold; color: #333; line-height: 36px; padding-left: 20px; padding-top: 15px;}
/*订单信息*/
.fillcont .cont_info{ background: #fff; width: 100%; border:1px solid #ddd; height: 105px; padding-top: 20px}
.fillcont .cont_info .info1{ width: 180px; text-align: center; float: left; color: #666; font-size: 14px;}
.fillcont .cont_info .info2{ width: 120px; text-align: center; float: left; color: #666; font-size: 14px;}
.fillcont .cont_info .info3{ width: 150px; text-align: center; float: left; color: #666; font-size: 14px;}
.fillcont .cont_info .info3 p.time{ color: #ff9900; font-size: 36px;}
.fillcont .cont_info .info2 p.time{ color: #009933; }
.fillcont .cont_info .info1 p.time{ color: #ff9900; font-size: 36px;}
.fillcont .cont_info .Tran{ width: 180px; height: 5px; background: #919191; float: left; margin-top: 30px}
.fillcont .cont_info .info_bont{ width: 130px; height: auto; float: right; padding-top: 15px; padding-right: 38px;}
.fillcont .cont_info .info_bont a{ width: 130px; height: 42px; line-height: 42px; text-align: center; color: #fff;-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; background: #2577e3; display: inline-block; font-size: 16px; border-radius: 2px}
.fillcont .cont_info .info_bont a:hover{ background: #1a48d3;}
/*购票信息*/
.contTicket{background: #fff; width: 100%; border:1px solid #ddd; height: 110px;}
.contTicket .ticket_tit{ background: #f5f5f5; height: 40px; text-align: center; font-weight: bold; line-height: 40px; width: 100%; font-size: 14px}
.contTicket .ticket_tit p.list{ width: 193px; float: left;}
.contTicket li{ width: 193px; float: left; text-align: center; font-size: 14px; color: #666; padding-top: 20px;}
.contTicket span.text1{text-decoration:line-through}
.contTicket span.text2{ color: #f60; font-size: 18px; font-weight: bold;}
.number{ width: 100px;background: #7dace9; padding: 0; margin: 0; height: 30px; margin-left: 40px}
.contTicket .number a.add{ color: #fff; font-size: 24px;}
.contTicket .number a.reduce{ color: #fff; font-size: 24px;}
.contTicket .number .ztdiv{ width: 25px; float: left;}
.contTicket .number input.nub{ width: 44px; height: 26px; line-height: 26px; color: #666; border:none; text-align: center; float: left; margin-top: 2px}
/*取票联系人*/
.Collect{background: #fff; width: 100%; border:1px solid #ddd; height:110px; padding-top: 5px;}
.Collect .contant{ width: 100%; height: 45px; line-height: 45px;}
.Collect .contant p.text{ width: 110px; text-align: right; font-size: 14px; font-weight: bold; color: #333; float: left;}
.Collect .add_contant .inputs{ width: 1010px; float: left; padding-top: 8px}
.Collect .contant input{ margin-left: 10px;}
.Collect .contant label{ padding-left: 3px;}
.Collect .add_contant{ width: 100%; height: 30px;}
.Collect .add_contant p.text{ width: 110px; text-align: right; font-size: 14px; font-weight: bold; color: #333; float: left; line-height:42px;}
.Collect .add_contant label{ padding-right: 3px; font-weight: bold; padding-left: 10px;}
.Collect .add_contant input.bont{ width: 130px; float: right; height: 42px;border: none;line-height: 42px; text-align: center; font-size: 16px;background: #2577e3;color: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; margin-left: 42px}
.Collect .add_contant input.bont:hover{ background: #1a48d3}
.Collect .add_contant input.text_name{ border:#ccc 1px solid; height: 26px; width: 103px; padding-left: 10px; color: #666}
.Collect .add_contant input.text_nub{ border:#ccc 1px solid; height: 26px; width: 193px; padding-left: 10px; color: #666}
.Collect .add_contant input.text_phone{ border:#ccc 1px solid; height: 26px; width: 153px; padding-left: 10px; color: #666}
.Collect .add_contant select{ height: 26px; line-height: 26px; vertical-align: middle; margin-right: 5px;}
.Collect .add_contant option{ height: 26px; line-height: 26px;}
/*报销与凭证*/
.write{background: #fff; width: 1126px; border:1px solid #ddd; height:30px; padding: 20px 0 20px 30px;}
.write label{ color: #999}
.write select{ height: 26px;}
/*积分显示*/
.integral{background: #fff; width: 1126px; border:1px solid #ddd; height:30px; padding: 20px 0 20px 30px; font-size: 14px; color: #666}
.integral span.color{ color: #f60; font-size: 18px;}
/*订单金额*/
.amount{background: #fff8ee; width: 1126px; border:1px solid #fed7a7; height:42px; padding: 20px 0 20px 30px; font-size: 14px; color: #666; line-height: 42px; }
.amount span.color{ color: #f60; font-size: 16px;}
.amount p{ float: left; font-size: 14px; padding-right: 10px}
.amount span.jgcolor{color: #f60; font-size: 36px; padding-right: 20px;}
.amount .pay_bont{ width: 130px; height: auto; float: right; padding-right: 38px;}
.amount .pay_bont a{ width: 130px; height: 42px; line-height: 42px; text-align: center; color: #fff;-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; background: #ff8800; display: inline-block; font-size: 16px; border-radius: 2px}
.amount .pay_bont a:hover{ background: #ff6600;}
/**********************************************支付订单*****************************************/
.paycont{ width:100%;  height: auto; background: #f4f4f4;}
.paycont .paytime{ width: 100%; border-bottom: 1px solid #ccc; height: 60px; padding: 30px 0}
.paycont .paytime .tickico{ width: 45px; height: 45px; background: url(../images/ico_png.png) -474px -121px; float: left; margin-left: 200px}
.paycont .paytime .paytext{ float: left; width: auto; padding-left: 20px;}
.paycont .paytime  p.text1{ font-size: 14px; color: #333; font-weight: bold;}
.paycont .paytime  p.text2{ font-size: 14px; color: #999;}
.paycont .paytime  p.text1 span.color{ color: #f80; font-size: 22px;}
.paycont .paytime  .countdown{ background: #f5b93c; width: 80px; height: 32px; text-align: center; line-height: 32px; border-radius: 3px; float: left; font-size: 20px; color: #fff; margin-left: 10px; margin-top: 25px;}
.paycont .p_cont_tit {font-size: 16px;font-weight: bold;color: #333;line-height: 36px;padding-left: 20px;padding-top: 15px;}
.paycont .p_cont_tit span.ts{ color: #999; font-size: 12px; font-weight: normal; padding-left: 5px}
.fpinfo{background: #fff; width: 1158px; border:1px solid #ddd; height: 110px; margin-left: 20px;}
.fpinfo .gpinfo_tit{ background: #f5f5f5; height: 40px; text-align: center; font-weight: bold; line-height: 40px; width: 100%; font-size: 14px}
.fpinfo .gpinfo_tit p.list{ width: 230px; float: left;}
.fpinfo li {width: 230px;float: left;text-align: center;font-size: 14px;color: #666;padding-top: 20px;}
.fpinfo span.nub{ color: #f60; font-size: 16px;}
.paycont .cont_info{ background: #fff; width: 1158px; border:1px solid #ddd; height: 105px; padding-top: 20px; margin-left: 20px; margin-top: 20px;}
.paycont .cont_info .info1{ width: 200px; text-align: center; float: left; color: #666; font-size: 14px;}
.paycont .cont_info .info2{ width: 120px; text-align: center; float: left; color: #666; font-size: 14px;}
.paycont .cont_info .info3{ width: 150px; text-align: center; float: left; color: #666; font-size: 14px;}
.paycont .cont_info .info3 p.time{ color: #ff9900; font-size: 36px;}
.paycont .cont_info .info2 p.time{ color: #009933; }
.paycont .cont_info .info1 p.time{ color: #ff9900; font-size: 36px;}
.paycont .cont_info .Tran{ width: 300px; height: 5px; background: #919191; float: left; margin-top: 30px}
.paycont .p_cont_tit2 {font-size: 16px;font-weight: bold;color: #333;line-height: 36px;padding-left: 20px;padding-top: 15px; border-bottom: 1px solid #ccc}
.shoppbank{ width:1158px; background:#f2f2f2;height:auto; padding:10px 10px 30px 10px;}
.shoppbank img{ border:1px solid #e5e5e5}
.shoppbank li{ float:left; padding-left:20px; padding-top:10px;}
.shoppbank input{ float:left; margin-top:10px}
.shoppbank dt{ padding-left:20px;padding-top:20px; font-weight: bold; color: #666}
.shoppbank dl{ width:100%; height:auto;}
.Payment{ width: 100%; height:100px; padding-top: 50px;}
.Payment .pay_jg{ line-height: 50px; float: right;}
.Payment span.jgcolor{color: #f60; font-size: 36px; padding-right: 20px;}
.Payment .pay_bont{ width: 150px; height: auto; float: right;}
.Payment .pay_bont a{ width: 150px; height: 50px; line-height: 50px; text-align: center; color: #fff;-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out; background: #f80; display: inline-block; font-size: 22px; border-radius: 2px}
.Payment .pay_bont a:hover{ background: #f60;}
.successful{background: #f4f4f4; padding:80px 0;}
.successful .tickico{ width: 60px; height: 60px; background: url(../images/ico_png.png) -474px -121px; float: left; margin-left: 500px}
.successful .textsucc{ font-size: 24px; line-height: 45px; padding-left: 10px; float: left; color: #f60}

#black_pay_top{position: absolute;top: 0px;filter: alpha(opacity=30);background-color: #000;z-index: 1;left: 0px;opacity: 0.3;-moz-opacity: 0.3;width: 100%;height: 100%;}
.payfloat{ width: 480px;height: 300px;box-shadow: #333 0px 0px 6px; float: right; position: absolute; z-index: 2; background: #fff; border:3px solid #999;}
.payfloat .pay_tit{ border-bottom: 1px solid #e4e4e4; color: #f5b73c; font-size: 22px; line-height: 50px; height: 50px; padding-top: 5px; background: #f5f5f5; padding: 0 15px}
.payfloat .pay_tit p.colse{ padding-top: 15px; padding-right: 5px}
.payfloat .pay_tit a.colse{ width: 19px; height: 19px; background: url(../images/ico.png) -158px -294px; display: inline-block;}
.payfloat .pay_cen{ width:380px; padding: 40px 50px; height: 80px;}
.payfloat .pay_cen p.sigh{ float: left; width: 56px; height: 56px; background: url(../images/ico.png) -193px -275px;}
.payfloat .pay_cen .cen_cont{ width: 300px; height: 80px; float: right;}
.payfloat .pay_cen .cen_cont dt{ font-size: 16px; color: #666; font-weight: bold; padding-bottom: 15px;}
.payfloat .pay_cen .cen_cont dd{ color: #666; font-size: 14px; line-height: 23px;}
.payfloat .pay_bont{ padding-left: 130px; height: 200px;} 
.payfloat .pay_bont a.paytop_bont{ margin-right: 10px; display: inline-block; text-align: center; width: auto; padding: 0 25px; height: 42px;border: none;line-height: 42px;text-indent: center;font-size: 16px;background: #ff9900;color: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;cursor: pointer;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.payfloat .pay_bont a.paytop_bont:hover{ background: #ed8f02}


.backinfo { border-top:2px solid #0092d2;  background: #fff;width: 1158px; height: 105px; padding-top: 20px; margin-left: 20px; margin-top: 10px; margin-top:30px;}