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

.fl{ float:left;}
.fr{ float:right;}
.water_transport_title{ margin-top:50px;}
.water_transport_con{ padding:5px;}
.water_transport_con .img{ float:left;}
.water_transport_con .txt{ float:right; width:460px; margin-right:20px;}
.water_transport_con .txt h2{ font-size:24px; font-weight:normal; padding:25px 10px 15px;}
.water_transport_con .txt h2 a{ color:#0167B3;}
.water_transport_con .txt h2 a:hover{ text-decoration:underline;}
.water_transport_con .txt .time{ padding:0 10px 22px; border-bottom:1px solid #eee; color:#333;}
.water_transport_con .txt ul{ padding:0 10px 24px;}
.water_transport_con .txt li{ margin-top:24px;}
.water_transport_con .txt li span{ color:#333; margin-right:20px; vertical-align:middle;}
.water_transport_con .txt li a{
	display:inline-block;
	max-width:340px;
	vertical-align:middle;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;/* IE/Safari */
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;/* Opera */
	-moz-binding:url("ellipsis.xml#ellipsis");/* FireFox */
}
.water_transport_con .txt li a:hover{ color:#0167B3; text-decoration:underline;}
.water_transport_con .txt .more{ padding:0 10px;}
.water_transport_con .txt .more a{ color:#333;}
.water_transport_con .txt .more a:hover{ color:#0167B3; text-decoration:underline;}
.water_transport_con .common_problem li{ height:48px; line-height:48px; padding-left:45px; background:url(../image/ico_list.png) 18px center no-repeat; border-bottom:1px solid #eee;}
.water_transport_con .common_problem li a{
	display:inline-block;
	max-width:1100px;
	color:#333;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;/* IE/Safari */
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;/* Opera */
	-moz-binding:url("ellipsis.xml#ellipsis");/* FireFox */
}
.water_transport_con .common_problem li a:hover{ color:#0167B3; text-decoration:underline;}
.water_transport_con .more2{ height:48px; line-height:48px; padding-right:20px; text-align:right;}
.water_transport_con .more2 a{ color:#0167B3;}
.water_transport_con .more2 a:hover{ text-decoration:underline;}
.transportation_title{ margin-top:50px; border-bottom:2px solid #A88A65}
.transportation_title .title_ship{ height:36px; background-image:url(../image/title_address.png);}
.transportation_title .info_title_h1{ color:#A88A65;}
.transportation_con{ padding:5px; margin-bottom:50px;}
.transportation_con.mt40{ margin-top:40px;}
.transportation_con .img{ float:left;}
.transportation_con .txt{ float:right; width:460px; margin-right:20px;}
.transportation_con .txt h2{ font-size:24px; font-weight:normal; color:#333; padding:25px 10px;}
.transportation_con .txt .address,.transportation_con .txt .tel{ color:#333; padding:0 10px 0 40px; height:20px; line-height:20px; margin-bottom:18px;}
.transportation_con .txt .address{ background:url(../image/address.png) 10px center no-repeat;}
.transportation_con .txt .tel{ background:url(../image/tel.png) 10px center no-repeat;}
.transportation_con .txt .line{ height:12px; border-bottom:1px solid #eee;}

.transportation_con .txt .ferry{ padding:20px 10px;}
.transportation_con .txt .ferry span{ float:left; display:block; height:30px; line-height:30px; white-space:nowrap; padding:0 10px; color:#333; border:1px solid #eee; text-align:center; margin:10px 10px 0 0; cursor:pointer;}
.transportation_con .txt .ferry span:hover{ color:#0167B3;}
.transportation_con .txt .ferry span.on{ font-weight:bold; color:#0167B3;}
.transportation_con .txt .ferry p{ color:#666;}
.transportation_con .txt .btn_row5{ padding:10px;}
.transportation_con .txt .btn_row5 button{ width:120px; height:36px; font-family:Microsoft YaHei; background:#AA9168; color:#fff; outline:none;}
.transportation_con .txt .btn_row5 button:hover{ background:#BA9858;}
.transportation_con .txt .btn_row5 button:active{ background:#816943;}

.page_inside{ color:#333; padding:50px 0;}
.page_inside h2{ font-size:24px; font-weight:normal; text-align:center;}
.page_inside .time{ margin:20px auto 25px; text-align:center;}
.page_inside .img_wrap{ text-align:center;}
.page_inside p{ padding:0 20px; margin-top:20px; line-height:1.5;}
.page_inside ul{ padding:0 20px; margin-top:20px;}
.page_inside ul li{ margin-top:10px; text-indent:30px;}

/* 人才招聘 */
.job_info{ color:#333;}
.job_info .title{ font-size:24px; margin-top:50px; text-align:center;}
.job_info .describe{ padding:0 20px; line-height:2; margin-top:30px;}
.table_title{ font-size:16px; margin:40px 0 15px;}
.t_job{ width:100%; border-collapse:collapse; border:1px solid #eee;}
.t_job thead tr{ height:50px; background:#F8F8F8; font-size:16px;}
.t_job thead tr td{ text-align:center; border-bottom:1px solid #eee;}
.t_job thead tr td.first{ text-align:left; text-indent:30px;}
.t_job tbody tr.item:hover{ cursor:pointer;}
.t_job tbody tr.item th,.t_job tbody tr.item td{ height:50px; border-bottom:1px solid #eee;}
.t_job tbody tr.item th{ font-size:16px; text-align:left; text-indent:15px;}
.t_job tbody tr.item td{ text-align:center;}
.t_job tbody tr.detail td{ border-bottom:1px solid #eee;}
.t_job tbody tr.detail td div{ padding:20px 30px; background:#F9F7F4; line-height:2; position:relative;}
.t_job tbody tr.detail td div .triangle{ position:absolute; width:16px; height:8px; background:url(../image/triangle.gif) no-repeat; left:45px; top:-8px;}
.t_job tbody tr.detail td div .require{ font-weight:bold;}
.t_job tbody tr.detail td div .con{ padding-left:24px;}

.explain,.contact{ padding:0 20px; margin-top:40px; color:#333;}
.explain .con,.contact .con{ padding-left:46px; margin-top:15px;}
.contact .download{ margin:25px 0;}
.contact .download a{ color:#0167B3; text-decoration:underline;}

/* 航班票价 */
.ticket_price{ margin:30px auto 50px; border:1px solid #E5E5E5;}
.ticket_price h2{ font-size:24px; font-weight:normal; color:#333; margin:50px auto; text-align:center;}
.ticket_price .sidebar{ float:left; width:200px; border:1px solid #E5E5E5; border-left:none;}
.ticket_price .sidebar li{ height:48px; line-height:48px; border-bottom:1px solid #E5E5E5; position:relative;}
.ticket_price .sidebar li.last{ border-bottom:none;}
.ticket_price .sidebar li a{ position:absolute; width:202px; height:49px; text-indent:16px; color:#333; left:-1px; top:-1px;}
.ticket_price .sidebar li a:hover{ font-weight:bold;}
.ticket_price .sidebar li.on a{ background:#0167B3; color:#fff; font-weight:bold;}
.ticket_price .sidebar li.on b{ position:absolute; width:9px; height:18px; background:url(../image/triangle_white.png) no-repeat; right:-1px; top:50%; margin-top:-9px;}
.col_main{ float:right; width:760px; color:#333; margin-right:130px; position:relative;}
.table_title2{ height:40px; line-height:40px;}
.table_title2.mt50{ margin-top:50px;}
.table_title2.mt120{ margin-top:120px;}
.table_title2 span,.table_title2 strong{ color:#B20000; margin-left:5px;}
.table_half{ width:370px; border-collapse:collapse; border:1px solid #E5E5E5;}
.table_half tr{ height:40px;}
.table_half th{ background:#F2F7FB; border:1px solid #E5E5E5; font-weight:normal;}
.table_half th span{ font-weight:bold;}
.table_half td{ width:50%; font-size:16px; text-align:center; border:1px solid #E5E5E5;}
.table_half td.triangle{ background:url(../image/ico_tablecell1.png) 60px center no-repeat;}
.table_half td.square{ background:url(../image/ico_tablecell2.png) 60px center no-repeat;}
.table_half td.star{ background:url(../image/ico_tablecell3.png) 60px center no-repeat;}
.table_half td.red{ font-weight:bold; color:#B20000;}
.time_explain{ margin:10px auto 60px;}
.time_explain p{ line-height:1.5; margin-top:5px;}
.time_explain p.red{ color:#B20000;}
.time_explain p em{ font-style:normal;}
.time_explain p span{ display:inline-block; padding-left:8px; margin-right:20px;}
.time_explain p .s1{ background:url(../image/ico_tablecell1.png) left center no-repeat;}
.time_explain p .s2{ background:url(../image/ico_tablecell2.png) left center no-repeat;}
.time_explain .warm_tips{ margin-top:15px;}
.time_explain .warm_tips b{ font-weight:normal; color:#B20000;}
.table_all{ width:100%; border-collapse:collapse; border:1px solid #E5E5E5;}
.table_all tr{ height:40px;}
.table_all th{ background:#F2F7FB; font-weight:normal;}
.table_all td{ width:33.33%; text-align:center; border:1px solid #E5E5E5;}
.table_all td.first{ text-align:left; text-indent:35px;}
.table_tel{ width:400px; margin-bottom:40px;}
.table_tel tr{ height:30px;}
.table_tel td{ width:50%;}
.table_tel th{ color:#0167B3; text-align:left;}
.col_main .line{ width:1000px; height:1px; background:#eee; position:absolute; right:-130px;}

/* 个人中心1 */
.margin{ margin:30px auto;}
.sidebar2{ width:158px; height:420px; border:1px solid #D9D9D9; float:left;}
.col_main2{ float:right; width:1030px;}
.member{ text-align:left; color:#333;}
.member_basic{ border:1px solid #D9D9D9;}
.member_basic_top{ height:118px; border-bottom:1px solid #D9D9D9; background:#fafafa;}
.member_basic_top .face{ float:left; margin:20px 0 0 12px; position:relative;}
.member_basic_top .face .shade{ position:absolute; left:0; top:0; z-index:8;}
.member_basic_top .txt_info{ float:left; margin:34px 0 0 26px;}
.member_basic_top .txt_info strong{ font-size:16px;}
.member_basic_top .txt_info p{ margin-top:14px; font-size:12px; color:#999;}
.member_basic_top .txt_info p em{ display:inline-block; width:40px; height:16px; line-height:16px; text-align:center; color:#fff; background:#d3d3d3; margin-left:10px;}
.member_basic_top .txt_info p em.on{ background:#d02727;}
.member_basic_top .txt_info p span{ margin-left:22px; color:#666;}
.member_basic_top .txt_info p span label{ margin-left:5px;}
.member_basic_bottom{ height:50px; background:#F2F7FB;}
.member_basic_bottom li{ float:left; width:256px; height:30px; line-height:30px; text-align:center; margin-top:10px; border-right:1px solid #d3d3d3;}
.member_basic_bottom li.last{ border-right:none;}
.member_basic_bottom li.on{ font-weight:bold;}
.member_basic_bottom li strong{ color:#ff5d02; margin-left:10px;}

.member .route{ float:left; width:736px; min-height:380px; border:1px solid #D9D9D9; margin-top:10px;}
.member .route .member_h4{ font-size:20px; font-weight:normal; padding:20px 20px 35px;}
.member .route .list{ margin-left:102px; border-left:1px solid #D9D9D9; padding-bottom:40px; position:relative;}
.member .route .list.last{ border-left:none;}
.member .route .list .date{ width:70px; position:absolute; left:-70px; top:0;}
.member .route .list .date b{ position:absolute; top:0; right:-6px; width:12px; height:12px; background:url(../image/dot_gray.png) no-repeat;}
.member .route .list .date p{ width:48px; text-align:center;}
.member .route .list .date .p1{ font-size:16px; position:absolute; top:-5px;}
.member .route .list .date .p2{ font-size:12px; padding-top:18px;}
.member .route .list .ticket{ float:left; width:277px; background:#fff; border:1px solid #D9D9D9; border-radius:4px; margin:-13px 0 0 46px; position:relative;}
.member .route .list .ticket b{ position:absolute; left:-9px; top:12px; width:9px; height:12px; background:url(../image/triangle3.png) no-repeat;}
.member .route .list .ticket .port{ height:48px; line-height:48px;}
.member .route .list .ticket .port span{ display:inline-block; text-align:center; font-size:16px; font-weight:bold;}
.member .route .list .ticket .port i{ display:inline-block; width:47px; height:9px; background:url(../image/arrow.png) no-repeat; margin-top:22px;}
.member .route .list .ticket p{ height:30px; line-height:30px; color:#fff; background:#AA9168; text-indent:16px; font-size:12px;}
.member .route .list .ticket p.last{ border-radius:0 0 4px 4px;}
.member .route .list.last .date{ border-right:none;}
.member .route .list .no_plan{ font-size:16px; font-weight:bold; position:absolute; left:112px; top:-5px;}
.member .weixin_ewm{ float:right; width:280px; height:380px; background:#F2F7FB; border:1px solid #D9D9D9; margin-top:10px;}
.member .weixin_ewm .erweima5{ width:200px; height:200px; margin:36px auto 0; border:1px solid #EDEDED;}
.member .weixin_ewm p{ text-align:center; line-height:1.5;}
.member .weixin_ewm .p1{ margin-top:15px; font-weight:bold;}
.member .weixin_ewm .p2{ font-size:12px; color:#999;}
.no_route{ width:140px; margin:60px auto 0; text-align:center;}
.no_route .p1{ color:#666;}
.no_route .p2{ font-weight:bold; margin:10px 0 25px;}
.no_route a{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:#0167B3;}
.no_route a:hover{ background:#0160A5;}
.no_route a:active{ background:#015492;}

/* 全部订单 */
.order{ text-align:left; color:#333;}
.order_status_tab{ height:40px; line-height:40px; border-bottom:2px solid #0167B3;}
.order_status_tab li{ float:left; width:120px; height:40px; line-height:40px; background:url(../image/split.png) right center no-repeat; font-size:16px; color:#666; text-align:center;}
.order_status_tab li.last{ background:none;}
.order_status_tab li a{ display:block; color:#666;}
.order_status_tab li.on a{ font-weight:bold; color:#fff; background:#0167B3;}
.order_filter{ margin:15px;}
.order_filter .ml45{ margin-left:45px;}
.order_filter input{ height:30px; line-height:30px; padding:0 4px; border:1px solid #E5E5E5;}
.order_filter input:focus{border:1px solid #0469B4;box-shadow:0 0 1px 1px rgba(4,105,180,0.3);}
.order_filter input.date{ width:92px; padding-right:24px; background:url(../image/date.png) 102px center no-repeat; cursor:pointer;}
.order_filter input.search{ width:110px;}
.order_filter span{ margin:0 2px;}
.order_filter button{ width:80px; height:30px; background:#0167B3; color:#fff; margin-left:10px;}
.order_filter button:hover{ background:#015CA0;}
.order_filter button:active{ background:#01538F;}
.order_list_hd{ height:32px; line-height:32px; border:1px solid #D9D9D9; background:#F2F7FB;}
.order_list li{ float:left; text-align:center;}
.order_list .li1{ width:230px;}
.order_list .li2{ width:180px;}
.order_list .li3{ width:154px;}
.order_list .li4{ width:150px;}
.order_list .li5{ width:150px;}
.order_list .li6{ width:160px;}
.order_list_hd .li4{ padding:0 1px;}
.order_list_hd .li5{ padding-right:1px;}
.order_list_con{ border:1px solid #D9D9D9; margin-top:10px;}
.order_list_con .item_hd{ height:28px; line-height:28px; border-bottom:1px solid #CECECE; background:#F2F7FB; color:#666; padding-left:20px; font-size:12px;}
.order_list_con .item_hd b{ float:right; display:inline-block; width:16px; height:17px; background-position:-49px -266px; margin:6px 16px 0 0; cursor:pointer;}
.order_list_con .item_hd span{ margin-right:20px;}
.order_list_con .item_hd span.col_blue{color:#0066B2;}
.order_list_con .item_hd .delete{ float:right; display:block; width:16px; height:17px; background:url(../image/delete.png) no-repeat; margin:6px 22px 0 0;}
.order_list_con .item_bd{ height:88px;}
.order_list_con .item_bd li{ height:88px;}
.order_list_con .item_bd .li4{ border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.order_list_con .item_bd .li5{ border-right:1px solid #d3d3d3;}
.order_list_con .item_bd .li1 p span{ display:inline-block; width:86px; text-align:center; font-weight:bold;vertical-align: middle;}
.order_list_con .item_bd .li1 p span.align_right{ text-align:right;}
.order_list_con .item_bd .li1 p span.align_left{ text-align:left;}
.order_list_con .item_bd .li1 p i{ display:inline-block; width:36px; text-align:center;}
.order_list_con .item_bd .p1{ margin-top:20px;}
.order_list_con .item_bd.single .p1{ margin-top:36px;vertical-align: middle;}
.order_list_con .item_bd .p2{ margin-top:14px;}
.order_list_con .item_bd .li4 p{ color:#ff5d02; font-size:16px; font-weight:bold; margin-top:35px;}
.order_list_con .item_bd .li5 .p3{ margin-top:24px;}
.order_list_con .item_bd .li5 .p3.orange{ color:#ff5d02;}
.order_list_con .item_bd .li5 .p4{ margin-top:10px;}
.order_list_con .item_bd .li5 .p4 a{ color:#333;}
.order_list_con .item_bd .li5 .p4 a:hover{ color:#0167B3; text-decoration:underline;}
.order_list_con .item_bd .li5 .p4 a:hover{ color:#27356d;}
.order_list_con .item_bd .li6 p.pay{ margin-top:32px;}
.order_list_con .item_bd .li6 p.pay button{ width:80px; height:28px; background:#AA9168; color:#fff; border:none; font-weight:bold; outline:none;}
.order_list_con .item_bd .li6 p.pay button:hover{ background:#9D8459;}
.order_list_con .item_bd .li6 p.pay button:active{ background:#8A744F;}
.order_list_con .item_bd .li6 p.tuipiao2{ margin-top:38px;}
.order_list_con .item_bd .li6 p.tuipiao2 a{ font-size:12px; color:#27356d;}
.no_order{ margin-top:130px; text-align:center;}
.no_order .img{ display:inline-block; width:48px; height:48px; background:url(../image/tanhao.png) no-repeat; vertical-align:middle;}
.no_order span{ vertical-align:middle; margin-left:15px;}
.no_order span a{ font-weight:bold; color:#0066B2; margin:0 5px;}
.no_order span a:hover{ text-decoration:underline;}

/* 分页 */
.page{ text-align:right; font-size:12px; margin:20px 0;}
.page a,.page b{ display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; color:#666;}
.page a{ background:#fafafa; border:1px solid #d3d3d3; border-radius:2px;}
.page a.btn_page{ width:56px;}
.page a.current{ background:#dadde9; border-color:#939ab6; font-weight:bold;}
.page span{ margin-left:20px;}
.page input{ width:44px; height:24px; border:1px solid #d3d3d3; border-radius:2px; text-align:center; outline:none; margin:0 4px;}
.page button{ width:38px; height:28px; border:none; background:#0167B3; color:#fff; margin-left:4px;}
.page button:hover{ background:#015CA0;}
.page button:active{ background:#01538F;}

.boxm{ border:1px solid #D9D9D9; background:#E5F0F7; margin-bottom:10px;}
.boxm2{ border-top:3px solid #0167B3;}
.boxm .hd{ height:40px; line-height:40px; padding:0 20px;}
.boxm2 .hd{ height:56px; line-height:56px; background:#fff;}
.boxm .hd span{ color:#656565; margin-right:60px;}
.boxm2 .hd span{ color:#000;}
.boxm2 .hd span.bold{ font-weight:bold;}
.boxm .hd span b{ font-weight:normal; color:#000;}
.boxm .hd span strong{ color:#000;}
.boxm .hd label{ float:right; margin-left:35px;}
.boxm .hd label strong{ color:#FF5D01;}
.boxm .bd{ height:42px; line-height:42px; background:#fff; padding:0 20px;}
.boxm .bd span{ float:right;}
.boxm .bd span b{ color:#f00;}
.boxm .bd em{ font-style:normal; color:#977C4F; margin-right:20px;}
.boxm .bd i{ font-style:normal;}
.wait_pay h4{ margin:24px 0 10px 0; color:#977B4E;}
.wait_pay h4 a{ float:right; color:#008AFF;}
.wait_pay h4 .btn1{ float:right; width:100px; height:30px; margin-top:-5px;}
.ticket_info{ width:100%; border-collapse:collapse;}
.ticket_info thead tr{ height:32px; background:#E5F0F7;}
.ticket_info thead tr th{ font-weight:normal; color:#999; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;}
.ticket_info tbody tr{ height:40px; background:#fff;}
.ticket_info th,.ticket_info td{ text-align:center; position:relative;}
.ticket_info td span{ display:inline-block; padding:8px 15px 8px 0; background:url(../image/arrow_down.png) right center no-repeat; cursor:pointer;}
.ticket_info td span:hover{ background-image:url(../image/arrow_up.png)}
.seat_num{ width:180px; border:1px solid #D9D9D9; background:#F2F7FB; position:absolute; left:50%; margin-left:-98px; top:36px; z-index:1; display:none;}
.seat_num ul{ max-height:204px; overflow:auto;}
.seat_num ul:hover{ cursor:default;}
.seat_num ul li{ height:20px; line-height:20px; color:#FF5D00; margin:5px 0;}
.seat_num .triangle{ position:absolute; width:12px; height:7px; background:url(../image/triangle4.png) no-repeat; left:50%; margin-left:-6px; top:-7px;}
.ticket_user,.pay_info{ height:120px; border:1px solid #D9D9D9; margin-bottom:10px;}
.ticket_user .hd,.pay_info .hd{ font-size:20px; color:#333; padding:23px 20px;}
.ticket_user .hd span{font-size: 14px;}
.ticket_user .bd span{float: left; margin-left: 40px;}
.pay_info p{ margin-left:40px;}
.pay_info p span{ margin-right:90px;}
.btn_row2{ text-align:center; margin-top:50px;}
.btn_brown{ width:150px; height:40px; background:#fff; color:#AA9167; border:1px solid #AA9167; font-size:14px; outline:none;}
.btn_brown:hover{ background:#977c4f; color:#fff;}
.btn_brown:active{ background:#816943; color:#fff;}
.btn_brown.small{ width:120px; height:34px;}
.btn_blue{ width:150px; height:40px; background:#0167B3; color:#fff; outline:none; font-size:14px; margin-left:10px;}
.btn_blue.small{ width:120px; height:34px;}
.btn_blue:hover{ background:#0178CF;}
.btn_blue:active{ background:#015898;}
.user_info_wrap{ padding:50px 0; border:1px solid #D9D9D9;}
.user_info{ width:320px; margin:0 auto;}
.user_info .face{ text-align:center; position:relative;}
.user_info .face .shade{ border-radius: 3rem;}
.user_info .face .mask{ width:80px; height:80px; position:absolute; left:50%; margin-left:-40px; top:0;}
.user_info .item{ margin-top:24px; color:#333;margin-left: 65px;}
.user_info .item span{ margin-right:8px;}
.user_info .item label{ display:inline-block; height:16px; line-height:16px; background:url(../image/radio.png) left center no-repeat; margin-right:35px; cursor:pointer;}
.user_info .item label.on{ background-image:url(../image/radio_checked.png);}
.user_info .item label .input_radio{ margin-right:12px; opacity:0; filter:alpha(opacity=0);}
.user_info .item .input_text{ width:180px; height:30px; line-height:30px; padding:0 24px 0 6px; border:1px solid #E5E5E5;}
.user_info .item .input_text:focus{border:1px solid #0469B4;box-shadow:0 0 1px 1px rgba(4,105,180,0.3);}
.user_info .item .input_text.datepicker{ background:url(../image/date.png) 192px center no-repeat; cursor:pointer;}
.btn_row3{ margin-top:30px; text-align:center;}
.btn_modify{ width:120px; height:34px; background:#0167B3; color:#fff; font-size:14px; outline:none;}
.btn_modify:hover{ background:#015796;}
.btn_modify:active{ background:#015089;}
.btn_row3 .btn_modify{ margin-left:40px;}

.security_level{ padding-left:15px;}
.security_level.mt40{ margin-top:40px;}
.security_level em{ font-style:normal; margin-right:20px;}
.security_level em.ml45{ margin-left:45px;}
.security_level span{ display:inline-block; width:50px; height:20px; text-align:center; line-height:20px; background:#D3D3D3; color:#fff; margin-right:10px;}
.security_level span.red.on{ background:#CF2727;}
.security_level span.yellow.on{ background:#FFA801;}
.security_level span.blue.on{ background:#0167B3;}
.security_wrap{ border:1px solid #D9DEE1; margin-top:10px;}
.security_wrap .item{ height:90px; border-bottom:1px solid #EDE8DC; padding-top:30px; margin:0 12px;}
.security_wrap .item.last{ border-bottom:none;}
.security_wrap .item table{ width:100%; height:60px;}
.security_wrap .item table td.first{ width:200px; border-right:1px solid #EDE8DC; text-align:center;}
.security_wrap .item table td.second{ text-indent:20px;}
.security_wrap .item table td.third{ width:100px; text-indent:20px;}
.security_wrap .item table td i{ display:inline-block; width:28px; height:22px; background:url(../image/icon_right_gay.png) no-repeat; margin-right:20px;}
.security_wrap .item table td i.success{background:url(../image/icon_right.png) no-repeat; background-size:28px 22px;}
/*2017-11-27新增开始*/
.security_wrap .item.none{display: none;}
.security_wrap .item table td i.xl_error_new{display:inline-block; width:24px; height:24px; background:url(../image/xl_error.png) no-repeat; margin-right:20px;}
.security_wrap .item table td .bold{font-weight: bold;}
/*2017-11-27新增完成*/
.security_wrap .item table td .red{ color:#CF2727;}
.security_wrap .item table td a{ color:#0066B2;}
.security_wrap .item table td a:hover{ text-decoration:underline;}

.phonenum_modify_wrap{ padding:10px 0; border:1px solid #D9D9D9;}
.phonenum_modify_wrap .title{ font-size:20px; color:#333; padding:10px 20px;}
.progress{ width:204px; margin:0 auto;}
.progress .img{ display:block; width:184px; height:22px; margin-left:18px;}
.progress .img.step1{ background:url(../image/progress1.png) no-repeat;}
.progress .img.step2{ background:url(../image/progress2.png) no-repeat;}
.progress .txt{ margin-top:12px;}
.progress .txt .left{ float:left;}
.progress .txt .right{ float:right;}
.progress .txt .gray{ color:#999;}
.phonenum_modify{ width:530px; margin:20px auto 40px;}
.phonenum_modify tr{ height:40px;}
.phonenum_modify th{ width:150px; font-weight:normal; text-align:right;}
.phonenum_modify td .areaCode{width: 60px;height: 30px;font-weight: bold;border: 1px solid #D3D3D3;text-indent: 1px;font-size: 14px;color: #0167b3 !important;border-radius: 4px;}
.phonenum_modify td .input_text{ width:200px; height:30px; line-height:30px; padding:0 6px; border:1px solid #E5E5E5; font-size:14px; vertical-align:middle;}
.phonenum_modify td .input_text:focus{border:1px solid #0469B4;box-shadow:0 0 1px 1px rgba(4,105,180,0.3);}
.phonenum_modify td .code_img{ vertical-align:middle; margin:0 15px;}
.phonenum_modify td a{ color:#3485C2;}
.phonenum_modify td a:hover{ text-decoration:none;}
.phonenum_modify td .phone_code{ display:inline-block; width:112px; height:30px; line-height:30px; border:1px solid #AA9168; padding-left:28px; color: #AA9167; background:url(../image/phone.png) 5px center no-repeat; vertical-align:middle; margin-left:15px; cursor:pointer;}
.phonenum_modify td .phone_code:hover{ background-color:#977c4f; color:#fff;}
.phonenum_modify td .phone_code:active{ background-color:#816943; color:#fff;}
.phonenum_modify .btn_modify{ margin:30px 0 0 40px;}
.modify_success{ width:120px; text-align:center; margin:50px auto;}
.modify_success .ico_success{ display:inline-block; width:60px; height:60px; background:url(../image/sk_payok.png) no-repeat;}
.modify_success .txt_tips{ font-size:16px; margin:10px auto 40px;}
.mail_modify_success{ border:1px solid #D9D9D9;}
.mail_modify{ width:370px; margin:140px auto;}
.mail_modify .ico_success{ float:left; width:60px; height:60px; background:url(../image/sk_payok.png) no-repeat;}
.mail_modify .txt{ float:left; margin-left:20px;}
.mail_modify .txt .success{ font-size:16px; color:#333; margin-top:5px;}
.mail_modify .txt .gray{ color:#666; margin-top:10px;}
.mail_modify .btn_row4{ margin-top:48px;}

.problem_search{ margin:15px 20px 25px;}
.problem_search input{ width:210px; height:30px; line-height:30px;padding:0 8px; font-size:14px; border:1px solid #E5E5E5; vertical-align:middle;}
.problem_search input:focus{border:1px solid #0469B4;box-shadow:0 0 1px 1px rgba(4,105,180,0.3);}
.problem_search button{ width:60px; height:32px; font-size:14px; color:#fff; background:#AA9168; outline:none; margin-left:10px; vertical-align:middle;}
.problem_list{ padding:0 20px 20px;}
.problem_list li{ padding-left:30px; background:url(../image/dot_blue.png) 5px 8px no-repeat; font-size:16px; line-height:1.5; margin-bottom:10px;}
.problem_list li a{ color:#333;}
.problem_list li a:hover{ text-decoration:underline;}
.no_data{ margin:150px 0; text-align:center;}
.no_data .ico{ display:inline-block; width:48px; height:48px; background:url(../image/tanhao.png) no-repeat; margin-right:24px; vertical-align:middle;}
.no_data span{ vertical-align:middle;}
.common_problem_detail{ padding:20px 35px; color:#333; position:relative;}
.common_problem_detail h2{ font-size:20px; font-weight:normal;}
.common_problem_detail h2.mt30{ margin-top:30px;}
.common_problem_detail p{ margin:20px 0 0 10px;}
.common_problem_detail .return{ position:absolute; right:35px; top:20px; color:#0167B3;}
.order_tip{font-size:14px;color:#B20000;padding-left:18px;}
.order_tip>span{display:inline-block;vertical-align:middle;margin-right:8px;}
.common_problem_detail .return:hover{ text-decoration:underline;}

/* 游轮订票首页 */
.tab_item li{ float:left; width:210px; height:50px; line-height:50px; text-align:center; font-size:16px; background:#0167B3; color:#fff; cursor:pointer;}
.tab_item li.on{ background:none; color:#000; font-weight:bold;}
.ticket_search .ly_radio{ margin:20px 23px;}
.ticket_search h2{ padding:22px 35px 10px; font-size:16px;}
.btn_row.mt10{ margin-top:46px;}

/* 游轮推荐 */
.youlun_recommend_title{ margin-top:50px; border-bottom:2px solid #57AA92;}
.youlun_recommend_title .title_ship{ height:38px; background-image:url(../image/title_recommend.png);}
.youlun_recommend_title .info_title_h1{ color:#57AA92;}
.youlun_recommend_con{ padding:5px;}
.youlun_recommend_con .scroll_wrap{ overflow:hidden;}
.youlun_recommend_con ul{ width:1220px;}

.youlun_recommend_con li{ float:left; width:395px; margin:0 7px 25px 0;position: relative;}
.yln_hot_recommend{display: block;position: absolute;top: 10px;right: 0;font-size: 14px;color: #fff;}
.yln_hot_recommend_p{display: block;position: relative;height: 26px;line-height: 26px;padding-left: 10px}
.yln_hot_txt{display: block;padding: 0 12px 0 8px;background-color: #FF3F00;}
.yln_icon_hot{position: absolute;top: 0;left: 0;display: block;width: 10px;height: 26px;background: url('../image/yln_hots.png') no-repeat;}
.i_discount{display: inline-block;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 14px;background-color: #FF3F00;color: #fff;overflow: hidden;}



.youlun_recommend_con li{ float:left; width:395px; height:332px; margin:0 7px 25px 0;}
.youlun_recommend_con li .img{ display:block;}
.youlun_recommend_con li .img img{ display:block; width:395px; height:235px;}
.youlun_recommend_con li .txt{ padding:0 12px;}
.youlun_recommend_con li .txt h4{ font-size:16px; color:#333; margin:8px 0; white-space:nowrap; overflow:hidden;}
.youlun_recommend_con li .txt h4 span{ margin-left:25px;}
.youlun_recommend_con li .txt p{ max-height:36px; overflow:hidden; font-size:13px; color:#666; margin:5px 0;}
.youlun_recommend_con li .txt .invalid_line{ text-decoration: line-through;}
.youlun_recommend_con li .txt .info{ margin-top:12px;}
.youlun_recommend_con li .txt .info .datetime{ float:left; font-size:16px; color:#333; margin-top:5px;}
.youlun_recommend_con li .txt .info .datetime i{ font-style:normal; margin-left:10px;}
.youlun_recommend_con li .txt .info .price{ float:right; color:#878787;}
.youlun_recommend_con li .txt .info .price strong{ font-size:24px; font-weight:normal; color:#B20000; margin-right:8px;}



/* 游轮旅游首页 */
.yl_menu{ position:absolute; width:100%; height:40px; line-height:40px; background:#F0F5F8; border-bottom:1px solid #E1E4E5; z-index:999;}
.yl_menu li{ float:left; margin-right:35px;}
.yl_menu li.first{ margin-left:156px;}
.yl_menu li a{ color:#333;}
.yl_menu li a:hover{ font-weight:bold; color:#0167B3;}
.youlun_wrap{ position:absolute; z-index:1; width:360px; background:url(../image/transparent_bg.png);}
.youlun_wrap .item{ padding-left:20px; border-bottom:1px solid #E6E9EA; position:relative;}
.youlun_wrap .item.last{ border-bottom:none;}
.youlun_wrap .item .first_item{ height:104px; overflow:hidden;}
.youlun_wrap .item:hover{ background:#fff;}
.youlun_wrap .item:hover .border{ position:absolute; width:360px; height:102px; border:2px solid #0167B3; left:-2px; top:0; pointer-event:none;}
.youlun_wrap .item:hover .border_right{ position:absolute; width:2px; height:102px; background:#fff; right:-2px; top:2px; z-index:1;}
.youlun_wrap .item.sub_item .first_item{ background:url(../image/yl_more.png) 316px center no-repeat;}
.youlun_wrap .item.sub_item:hover .first_item{ background:none;}
.youlun_wrap .item .first_item .item_hd{ margin-top:24px; height:20px; line-height:20px; padding-left:26px; color:#A18058;}
.youlun_wrap .item:hover .first_item .item_hd{ color:#0167B3;}
.youlun_wrap .item .first_item .item_hd.yl_ico1{ background:url(../image/yl_ico1.png) left center no-repeat;}
.youlun_wrap .item:hover .first_item .item_hd.yl_ico1{ background:url(../image/yl_ico1_on.png) left center no-repeat;}
.youlun_wrap .item .first_item .item_hd.yl_ico2{ background:url(../image/yl_ico2.png) left center no-repeat;}
.youlun_wrap .item:hover .first_item .item_hd.yl_ico2{ background:url(../image/yl_ico2_on.png) left center no-repeat;}
.youlun_wrap .item .first_item .item_hd.yl_ico3{ background:url(../image/yl_ico3.png) left center no-repeat;}
.youlun_wrap .item:hover .first_item .item_hd.yl_ico3{ background:url(../image/yl_ico3_on.png) left center no-repeat;}
.youlun_wrap .item .first_item .item_hd.yl_ico4{ background:url(../image/yl_ico4.png) left center no-repeat;}
.youlun_wrap .item:hover .first_item .item_hd.yl_ico4{ background:url(../image/yl_ico4_on.png) left center no-repeat;}
.youlun_wrap .item .first_item .item_bd{ margin-top:20px;}
.youlun_wrap .item a{ color:#333;}
.youlun_wrap .item a:hover{ color:#0167B3; text-decoration:underline;}
.youlun_wrap .item .first_item .item_bd a{ margin-right:20px; position:relative; z-index:2;}
.youlun_wrap .item .second_item{ position:absolute; left:360px; top:0; padding:0 40px 26px; width:480px; background:#fff; border:2px solid #0167B3; display:none;}
.youlun_wrap .item:hover .second_item{ display:block;}
.youlun_wrap .item .second_item li{ float:left; width:120px; margin-top:26px;}
.youlun_wrap .item .date_wrap{ padding:5px 40px;}
.youlun_wrap .item .date_wrap .row{ padding:10px 0; border-bottom:1px solid #E6E9EA;}
.youlun_wrap .item .date_wrap .row.last{ border-bottom:none;}
.youlun_wrap .item .date_wrap .row .year{ float:left; margin:11px 0 0 6px;}
.youlun_wrap .item .date_wrap .row .month{ float:right; width:420px;}
.youlun_wrap .item .date_wrap .row .month a{ float:left; display:block; width:48px; height:32px; line-height:32px; text-align:center; margin:5px 0 5px 12px;}
.youlun_wrap .item .date_wrap .row .month a:hover{ background:#0167B3; color:#fff; font-weight:bold; text-decoration:none;}

/* 热门航线 */
.youlun_hotroute_title{ margin-top:50px;}
.youlun_hotroute_title .title_ship{ height:39px; background-image:url(../image/title_hotroute.png);}
.youlun_hotroute_title .info_title_h1{ color:#0066B2;}
.hotroute{ position:relative;}
.hotroute .btn_img{ position:absolute; width:20px; height:38px; top:102px; cursor:pointer;}
.hotroute .btn_prev{ background:url(../image/btn_prev_img.png) no-repeat; left:-58px;}
.hotroute .btn_next{ background:url(../image/btn_next_img.png) no-repeat; right:-58px;}
.hotroute .scroll_wrap{ position:relative; height:360px; overflow:hidden;}
.hotroute .scroll_wrap ul{ position:absolute; left:0; top:0; height:360px;}

/* 目的地风光 */
.destination_title{ margin-top:50px; border-bottom:2px solid #AA9167;}
.destination_title .title_ship{ height:39px; background-image:url(../image/title_destination.png);}
.destination_title .info_title_h1{ color:#AA9167;}

.destination_title .info_title_menu li i{ bottom:-1px; background: url(../image/up_icon2.png) no-repeat;}
.destination_title .info_title_menu li:hover a{color:#AA9167;}
.destination_title .info_title_menu li.on a{color:#AA9167;}
.destination_con{ padding:5px;}

/* 游轮生活 */
.youlun_life_title{ margin-top:40px; border-bottom:2px solid #FF8B8F;}
.youlun_life_title .title_ship{ height:38px; background-image:url(../image/title_life.png);}
.youlun_life_title .info_title_h1{ color:#FF8B8F;}
.youlun_life_con{ padding:5px;}
.youlun_life_con .left_img,.youlun_life_con .right_img div{ position:relative;}
.youlun_life_con .right_img{ width:593px;}
.youlun_life_con .right_img .img4,.youlun_life_con .right_img .img5{ margin-top:8px;}
.youlun_life_con img{ display:block;}
.youlun_life_con p{ position:absolute; left:0; right:0; bottom:0; height:36px; line-height:36px; text-align:center; color:#fff; background:url(../image/transparent_bg2.png) left top repeat-x;}


/* 出行百科 */
.chuxing_baike_title{ margin-top:50px; border-bottom:2px solid #57AA92;}
.chuxing_baike_title .title_ship{ height:38px; background-image:url(../image/title_baike.png);}
.chuxing_baike_title .info_title_h1{ color:#57AA92;}
.chuxing_baike_con{ overflow:hidden; margin-bottom:50px;}
.chuxing_baike_con ul{ width:1210px;}
.chuxing_baike_con li{ float:left; margin-right:7px; width:395px; position:relative;}
.chuxing_baike_con li a,.chuxing_baike_con li a img{ display:block;}
.chuxing_baike_con li a p{ position:absolute; left:0; right:0; bottom:0; height:36px; line-height:36px; text-align:center; color:#fff; background:url(../image/transparent_bg2.png) left top repeat-x;}
.chuxing_baike_title .info_title_menu li i{ bottom:-1px; background: url(../image/up_icon3.png) no-repeat;}
.chuxing_baike_title .info_title_menu li:hover a{color:#57AA92;}
.chuxing_baike_title .info_title_menu li.on a{color:#57AA92;}

/* 邮轮旅游详情 */
.yl_detail_hd{ border:1px solid #E5E5E5; margin-top:20px;}
.yl_detail_hd .img{ margin:20px 0 20px 20px; position:relative;}
.yl_detail_hd .img img{ display:block;}
.yl_detail_hd .img .desc{ position:absolute; left:0; right:0; bottom:0; height:115px; padding:0 15px; background:url(../image/transparent_bg3.png) repeat-x;}
.yl_detail_hd .img .desc h4{ font-size:16px; color:#fff; padding:10px 0;}
.yl_detail_hd .img .desc h4 span{ margin-right:20px; vertical-align:middle;}
.yl_detail_hd .img .desc h4 span.yl_name{ display:inline-block; max-width:366px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.yl_detail_hd .img .desc h4 a{ color:#fff; vertical-align:middle;}
.yl_detail_hd .img .desc h4 a:hover{ text-decoration:underline;}
.yl_detail_hd .img .desc p{ color:#fff; text-indent:30px; line-height:22px; max-height:66px; overflow:hidden;}
.yl_detail_hd .txt{ width:550px; margin:20px 20px 0 0;}
.yl_detail_hd .txt h2{ font-size:24px; font-weight:normal; color:#333; line-height:1.5;}
.yl_detail_hd .txt .gray{ color:#868686; margin:15px auto 10px;}
.yl_detail_hd .txt .price{ height:100px; line-height:100px; background:#F2F7FB; color:#868686; position:relative;}
.yl_detail_hd .txt .price span{ margin-left:25px; font-size:20px; color:#FF5D00; margin-right:10px;}
.yl_detail_hd .txt .price span b{ font-size:36px; font-weight:normal;}
.yl_detail_hd .txt .price em{ font-style:normal; color:#0066B2; margin-left:24px; cursor:pointer;}
.yl_detail_hd .txt .price .explain{ width:276px; padding:15px; border:1px solid #d9d9d9; background:#F2F7FB; position:absolute; left:284px; top:-20px; display:none;}
.yl_detail_hd .txt .price .explain b{ position:absolute; width:9px; height:16px; background:url(../image/left_triangle_line.png) no-repeat; left:-9px; top:30px;}
.yl_detail_hd .txt .price .explain p{ line-height:20px; font-size:12px; color:#333;}
.yl_detail_hd .txt .route{ margin:20px 0;}
.yl_detail_hd .txt .route span{ color:#868686;}
.yl_detail_hd .txt .date{ position:relative;}
.yl_detail_hd .txt .date span{ display:inline-block; width:212px; height:24px; line-height:24px; border:1px solid #E5E5E5; background:url(../image/ico_date.png) 12px center no-repeat; text-indent:40px;}
.yl_detail_hd .txt .date b{ position:absolute; left:234px; top:3px; font-weight:normal; color:#868686;}
.yl_detail_hd .txt .btn_row6{ margin-top:45px;}
.yl_detail_hd .txt .btn_row6 button{ width:160px; height:60px; background:#0167B3; font-family:Microsoft YaHei; font-size:24px; font-weight:normal; color:#fff; margin-right:20px;}
.yl_detail_hd .txt .btn_row6 button:hover{ background:#015B9E;}
.yl_detail_hd .txt .btn_row6 button:active{ background:#01538F;}
.yl_detail_hd .txt .btn_row6 button.disabled,.yl_detail_hd .txt .btn_row6 button.disabled:hover,.yl_detail_hd .txt .btn_row6 button.disabled:active{ background:#ccc; cursor:default;}
.yl_detail_hd .txt .btn_row6 span{ color:#333;}

.fixed_menu_wrap{ height:112px; overflow:hidden;}
.fixed_menu{ height:50px; border:1px solid #E5E5E5; background:#fff; margin:30px auto;}
.fixed_menu.fixed{ position:fixed; left:50%; top:0; margin-left:-601px; margin-top:0; z-index:99;}
.fixed_menu ul{ float:left;}
.fixed_menu li{ float:left; border-right:1px solid #E5E5E5;}
.fixed_menu li span{ display:block; width:96px; height:46px; line-height:46px; text-align:center; color:#333; margin:2px; cursor:pointer;}
.fixed_menu li.on span{ font-size:16px; font-weight:bold; color:#fff; background:#0167B3;}
.fixed_menu .right_info{ float:right; height:40px; line-height:40px; margin:5px 20px 0 0; display:none;}
.fixed_menu .right_info button{ width:140px; height:40px; background:#0167B3; font-family:Microsoft YaHei; font-size:20px; font-weight:normal; color:#fff; vertical-align:middle; margin-left:10px;}
.fixed_menu .right_info button:hover{ background:#015B9E;}
.fixed_menu .right_info button:active{ background:#01538F;}
.fixed_menu .right_info button.disabled,.fixed_menu .right_info button.disabled:hover,.fixed_menu .right_info button.disabled:active{ background:#ccc; cursor:default;}

.route_intro{ border:1px solid #E5E5E5; position:relative;}
.route_intro h2{ font-size:24px; font-weight:normal; color:#333; text-align:center; margin:30px auto;}
.route_intro .map{ float:left; margin-left:30px;}
.route_intro .desc{ float:right; width:670px; margin-right:20px;}
.route_intro .desc .captain{ height:40px; line-height:40px; background:#F2F2F2;}
.route_intro .desc span{ float:left; width:146px; height:40px;}
.route_intro .desc span i{ color:#858585;}
.route_intro .desc .col1{ margin-left:30px;}
.route_intro .desc .col3,.route_intro .desc .col4{ text-align:center;}
.route_intro .desc ul{ height:240px; padding-top:5px; overflow:auto;}
.route_intro .desc ul li{ height:40px; line-height:40px;}
.route_intro .desc ul li.even{ background:#fafafa;}
.route_intro .desc .tips{ margin:10px 0 0 30px; color:#868686;}
.route_intro .desc .tips b{ font-weight:normal; color:#0066B2; margin-right:4px;}
.route_intro .route_list{ margin:70px 20px 20px 30px;}
.route_list .left_nav{ float:left; width:58px; background:#fff; border-right:2px solid #F2F2F2;}
.route_list .left_nav.fixed{ position:fixed; left:50%; top:60px; margin-left:-570px; z-index:99;}
.route_list .left_nav.absolute{ position:absolute; left:30px; bottom:40px;}
.route_list .left_nav li{ height:28px; line-height:28px; text-align:center; color:#333; margin-bottom:10px; position:relative; cursor:pointer;}
.route_list .left_nav li.last{ margin-bottom:0;}
.route_list .left_nav li.on{ background:#0167B3; width:60px; color:#fff;}
.route_list .left_nav li span{ display:block;}
.route_list .left_nav li.on span{ padding-right:2px;}
.route_list .left_nav li b{ position:absolute; right:-8px; top:6px; width:8px; height:17px; background:url(../image/arrow_gray.png) no-repeat;}
.route_list .left_nav li.on b{ background-image:url(../image/arrow_blue.png);}
.route_list .route_detail{ float:right; width:1030px; color:#333; margin-right:20px;}
.route_list .route_detail li .route_detail_hd{ height:40px; line-height:40px; padding-left:20px; background:#eee; border-left:2px solid #0167B3; font-weight:bold;}
.route_list .route_detail li .route_detail_hd span{ float:left; display:block;}
.route_list .route_detail li .route_detail_hd .w1{ width:108px;}
.route_list .route_detail li .route_detail_hd .w2{ width:196px;}
.route_list .route_detail li .route_detail_hd .w2 i{ margin-left:10px;}
.route_list .route_detail li .route_detail_bd{ padding:15px 20px 20px; line-height:24px;}

.route_detail_bd  .text-words-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.route_detail_bd .icon-tips-meals{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('../image/icon_meals.png') no-repeat;
	background-size: cover;
	margin-right: 8px;
}
.route_detail_bd .icon-tips-dormitory{
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('../image/icon_stay.png') no-repeat;
	background-size: cover;
	margin-right: 8px;
}
.route_detail_bd .travel_arrangement{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}
.route_detail_bd .travel_arrangement .icon-tips-details{
	width: 16px;
	height: 16px;
	background: url('../image/icon_details.png') no-repeat;
	background-size: cover;
	margin: 4px 8px 0 0;
}
.route_detail_bd .travel_arrangement .words{
	word-break: break-all;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.route_detail_bd .imgListBox{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    overflow: hidden;
	margin-top: 12px;
}
.route_detail_bd .imgListBox .environmentalImg{
	display: block;
	width: 186px;
	height: 120px;
	margin-right: 12px;
}

.expense_explain,.visa_explain{ border:1px solid #E5E5E5; color:#333; margin-top:30px;}
.expense_explain h2,.visa_explain h2{ font-size:24px; font-weight:normal; margin:36px 0; text-align:center;}
.expense_explain .expense_wrap,.visa_explain .visa_wrap{ padding:0 40px 40px;}
.expense_explain .expense_wrap h4{ font-size:14px; margin:20px auto 10px;}
.expense_explain .expense_wrap p,.visa_explain .visa_wrap p{ line-height:24px;}
.expense_explain .expense_wrap .tips{ color:#0066B2; margin-top:20px;}

.book_notice{ border:1px solid #E5E5E5; color:#333; margin-top:30px;}
.book_notice h2{ font-size:24px; font-weight:normal; margin:36px 0; text-align:center;}
.book_notice .notice_detail{ width:940px; float:right; margin:0 20px 40px 0;}
.book_notice .notice_detail p{ line-height:24px; margin-bottom:20px; word-wrap:break-word;}

/* 目的地风光 */
#preview{height:564px;overflow:hidden;}
#spec-n1{float:left;width:960px;height:564px;overflow:hidden;position:relative;z-index:5;zoom:1;}
#spec-n1 .o-img{width:960px;height:564px;}
#spec-n1 .o-img .img_txt{ position:absolute; left:0; right:0; bottom:0; height:120px; padding:0 20px; background:url(../image/transparent_bg4.png) repeat-x; color:#fff;}
#spec-n1 .o-img .img_txt h2{ font-size:16px; padding:10px 0;}
#spec-n1 .o-img .img_txt h2 a{ float:right; color:#fff;}
#spec-n1 .o-img .img_txt h2 a:hover{ text-decoration:underline;}
#spec-n1 .o-img .img_txt p{ line-height:20px; margin-top:5px; max-height:60px; overflow:hidden;}
#spec-n1 .switch{width:960px;height:564px;position:absolute;z-index:10;top:0;left:0;}
#spec-n5{position:relative;float:right;width:200px;height:512px;padding:25px 0px;zoom:1}
#spec-list{width:208px;height:490px;overflow:hidden; margin-top:13px;}
#spec-list ul{height:490px;overflow:hidden;margin:0;}
#spec-list li{width:192px;height:112px; padding:2px; margin:2px 0; border:2px solid #fff;}
#spec-list img{ width:100%; height:100%;}
#spec-list .curr{border:2px solid #AA9167;}
#spec-n5 .control{position:absolute;width:134px;height:25px; left:32px;background-repeat:no-repeat;cursor:pointer;}
#spec-top{top:0; background:url(../image/btn_top.png) center center no-repeat;}
#spec-bottom{bottom:-2px; background:url(../image/btn_down.png) center center no-repeat;}
#intro{float:left;width:720px;height:25px;line-height:25px;text-align:center;overflow:hidden;font-size:12px;}
#foward{display:block;width:360px;height:540px;float:left;cursor:url(..image/foward.ico),pointer;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#foward.disabled,#next.disabled{cursor:default;}
#next{display:block;width:360px;height:540px;float:right;cursor:url(..image/next.ico),pointer;background:#fff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.thickcon{line-height:40px;text-align:center}

/* 目的地风光 */
.server_error{ width:540px; margin:0 auto; padding-top:120px;} 
.server_error .ico{ width:246px; height:201px; background:url(../image/server_error.png) no-repeat; float:left;}
.server_error .txt{ float:left; margin:60px 0 0 60px;}
.server_error .txt p{ font-size:16px; font-weight:bold; line-height:34px;}
.server_error .txt div{ margin-top:15px;}
.server_error .txt button{ width:120px; height:40px; font-family:Microsoft YaHei; background:#0167B3; font-weight:bold; color:#fff; outline:none;}
.server_error .txt button:hover{ background:#015CA0;}
.server_error .txt button:active{ background:#01538F;}
/*20170918新增实名制订单状态*/
.smz .smz_order_status .smz_order_top{border:1px solid #d9d9d9 ;border-top:3px solid #0167b3;height: 57px;box-sizing: border-box;font-size: 14px;line-height: 53px;padding:0 20px;}
.smz .smz_order_status .smz_order_top>div{margin-right:20px;}
.smz .smz_order_status .smz_order_top .open_detail{padding-right:15px;cursor: pointer;text-align: right;background: url(../image/arrow_up.png) right center no-repeat;}
.smz .smz_order_status .smz_order_top .open_detail.on{background: url(../image/arrow_down.png) right center no-repeat;}
.smz .smz_order_status .smz_order_mid .margin_top10{margin-top: 10px;}
.smz .smz_order_status .smz_order_mid .margin_top20{margin-top: 20px;}
.smz .smz_order_status .smz_order_mid .paddd_h{padding-left: 20px;padding-right: 20px;overflow: hidden;}
.smz .smz_order_status .smz_order_mid .paddd_v{padding-top: 15px;padding-bottom: 15px;}
.smz .smz_order_status .smz_order_mid .border_full{border:1px solid #d9d9d9;}
.smz .smz_order_status .smz_order_mid .smz_order_info>.smz_order_tit{line-height: 50px;}
.smz .smz_order_status h4{font-size: 14px; font-weight: bold;line-height: 34px;}
.smz .smz_order_status .smz_order_mid .smz_order_info p.smz_order_route{font-size: 14px;line-height: 34px;}
.smz .smz_order_status .smz_order_mid .smz_order_info p.smz_order_route span{margin-right:30px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list{font-size: 14px;line-height:20px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li{overflow: hidden;margin-bottom: 10px;height: 82px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li.limore{height: 123px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li:last-of-type{margin-bottom: 0;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_l{line-height: 82px;font-size: 16px;width:179px;text-align: center;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_l_more{line-height: 123px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R{width: 849px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1{height: 41px;box-sizing: border-box;padding: 10px 0;display:-webkit-box;display:-ms-box;display:-moz-box-;display:box;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1:first-of-type{border-bottom: 1px solid #d9d9d9;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1_more{border-bottom: 1px solid #d9d9d9;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1 span{display: block;box-sizing: border-box;text-indent:10px;border-right:1px solid #d9d9d9;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1 span.short{min-width: 250px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1 span.flex1{-webkit-box-flex: 1;-moz-box-flex: 1;box-flex:1;width: 1px;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1 span:last-of-type{border-right: none;}
.smz .smz_order_status .smz_order_mid .smz_order_info .smz_passenger_list>li .passenger_item_R .passenger_item_d1 span em{color:#aa9167 ;}
.smz .smz_order_status .smz_order_mid .smz_order_info_l,.smz .smz_order_status .smz_order_mid .smz_order_info_r{width: 494px;box-sizing: border-box;float: left;cursor: pointer;}
.smz .smz_order_status .smz_order_mid  .smz_order_info_r{padding-left: 20px; border-left: 1px solid #d9d9d9;}
.smz .smz_order_status .smz_order_bot{padding: 15px 20px;border:1px solid #d9d9d9;margin-top: 20px;}
.smz .smz_order_status .smz_order_bot h4{line-height: 24px;}
.smz .smz_order_status .smz_order_bot>p{font-size: 14px;line-height: 34px;}
.smz .smz_order_status .smz_order_bot>p span{margin-right: 16px;}
/*2018-01-31start*/
.Insurance_info{
	padding: 15px 20px;
    border: 1px solid #d9d9d9;
    margin-top: 20px;
}
.Insurance_info .l_14{
	margin-left: 14px;
}
.Insurance_info>p{
	margin-bottom: 12px;
}
.Insurance_info .l_25{
	margin-left: 25px;
}
/*2018-01-31end*/

.hidden{
    display: none;
}

@-webkit-keyframes invoiceModalFadeIn {
    0%{
        visibility: visible;
        opacity: 0;
    }
    100%{
        visibility: visible;
        opacity: 1;
    }
}
@-webkit-keyframes invoiceModalFadeOut {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        z-index: -1;
    }
}

.invoiceModalFadeIn{
    animation-name: invoiceModalFadeIn ;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
}
.invoiceModalFadeOut{
    animation-name: invoiceModalFadeOut ;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
}

.invoice-modal{
    visibility: hidden;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.invoice-modal:before{
    content: '';
    position: absolute;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
}




.invoice-form-modal{
    width: 600px;
    height: auto;
    top: 50%;
    transform: translate(-50%, -50%) !important;
    position: absolute;
    left: 50%;
    z-index: 999;
    background: #ffffff;
    padding-bottom: 40px;
}

.invoice-form-modal-title{
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.19px;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 28px;
}
.invoice-form-modal-header{
    background: #F2F7FB;;
    font-family: SourceHanSansCN-Normal;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0.19px;
    padding: 6px 15px;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    position: relative;
}

#close-modal-button{
    position: absolute;
    top: 50%;
    width: 20px;
    text-align: center;
    right: 15px;
    transform: translate(0, -50%);
    border: none;
    background: none;
}


.invoice-form-modal-content{
    border-radius: 0 !important;
}
.invoice-modal-body{
    padding-top: 20px;
    padding-left: 127px;
    padding-right: 145px;
    box-sizing: border-box;
    height: 500px;
    overflow-y: auto;
}
.invoice-modal-body .form-group{
    margin-bottom: 10px;
}
.invoice-modal-body .form-group > label{
    display: inline-block;
    width: 100px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.17px;
    text-align: right;
}
.input-wrapper{
    position: relative;
    display: inline-block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.17px;
    text-align: right;
}
.input-wrapper .areaCode{
	width: 60px;
	height: 30px;
	font-weight: bold;
	border: 1px solid #D3D3D3;
	text-indent: 1px;
	font-size: 14px;
	color: #0167b3 !important;
	border-radius: 4px;
}
.input-wrapper input:not([type=radio]){
    width: 170px;
    height: 32px;
    padding-left: 10px;
    border:1px solid #e3e3e3
}
.invoice-type-item-wrapper{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0.17px;
    text-align: right;
}
.invoice-type-item-wrapper:first-child{
    padding-left: 0;
}

.input-item{
    border-radius: 0;
}
.input-required-item{
    position: absolute;
    top: 0;
    right: -20px;
    color: #FF0000;
    line-height: 40px;
    font-size: 15px;
    height: 38px;
}

.font-red{
    color: #FF0000;
}

.content-btn-group{
    margin-top: 40px;
    text-align: center;
}
.cancel-submit-button{
    font-family: SourceHanSansCN-Normal;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.17px;
    text-align: center;
    background: #AA9168;
    width: 100px;
    height: 40px;
    line-height: 28px;
    border-radius: 0;
}
.confirm-submit-button{
    background: #0167B3;
    font-family: SourceHanSansCN-Normal;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.17px;
    text-align: center;
    width: 100px;
    height: 40px;
    line-height: 28px;
    border-radius: 0;
    margin-left: 14px;
}

/* 退款原因弹框 */
.refund_dialog{position: fixed;top: 50%;left: 50%;margin-top: -236px;margin-left: -300px;width: 600px;height: 472px;padding-bottom: 20px;background: #fff;border: 1px solid #D9DEE1;box-shadow: 1px 2px 3px #D9DEE1, -1px -2px 3px #D9DEE1;z-index: 99921;overflow: hidden;}
.refund_dialog_tile {font-size: 16px;padding: 0 20px;height: 52px;line-height: 52px;color: #333;overflow: hidden;background: #F2F7FB;border-bottom: 1px solid #D9DEE1;}
.refund_lodlg_del{display: block;position: absolute;right: 10px;top: 10px;width: 32px;height: 32px;background: url(../image/sk_del.png) center no-repeat;cursor: pointer;}
.refund_dialog .fl {float: left;}
.refund_dialog_content {padding: 30px 80px 34px;line-height: 3;}
.refund_dialog_content input{margin-right: 6px;}
.refund_dialog_btn {width: auto;padding: 0 26px;}
.refund_dialog .reason_file {width: 328px;line-height: 20px;color: #999;}
.refund_dialog .upload_reason_file {position: relative;width: 140px;height: 70px;}
.refund_dialog .upload_reason_file input {width: 100%;height: 100%;position: absolute;left:0;top:8px;z-index: 10;opacity: 0;}
.refund_dialog .upload_reason_file .mask {width: 100%;height: 100%;position: absolute;left:0;top:8px;z-index: 1;background-color: #e6e6e6;text-align: center;padding: 12px 0;box-sizing: border-box;cursor: pointer;}
.refund_dialog .preview_img {width: 100%;height: 100%;position: absolute;left:0;top:8px;z-index: 1;}
.refund_dialog .icon_add_file {display: inline-block;width: 18px;height: 18px;background: url(../image/icon_add_file.png) no-repeat;background-size: contain;}
.refund_dialog .hover_effect {display: none;width: 100%;height: 100%;position: absolute;left:0;top:8px;background-color: rgba(0,0,0,.34);z-index: 2;color: #fff;line-height: 70px;text-align: center;cursor: pointer;}
.refund_dialog .btn_box {margin-top: 50px;}
.refund_dialog_detail, .refund_dialog_check_detail, .refund_dialog_notice, .refund_dialog_tips {position: fixed;top: 50%;left: 50%;margin-top: -210px;margin-left: -210px;width: 420px;height: 420px}
.refund_dialog_detail .refund_dialog_content {padding: 30px 66px 34px;}
.refund_dialog_detail .btn_box {margin-top: 20px;margin-left: 30px;}
.refund_dialog_detail .btn_box button {width: 100px;}
.refund_dialog_detail .label {width: 100px;display: inline-block;text-align: right;}
.refund_dialog_detail .check_detail {color: #0167B3;cursor: pointer;}

.refund_dialog_check_detail {height: 340px;}
.refund_dialog_check_detail img {width: 340px;height: 221px;margin: 0 auto;display: block;}
.refund_dialog_check_detail .refund_dialog_content {padding: 40px 0;}

.refund_dialog_notice .refund_dialog_content {margin: 20px;padding: 20px;line-height: 24px;height: 275px;box-sizing: border-box;border: 1px solid #D9DEE1;background-color: #F2F7FB;overflow-y: auto;}
.refund_dialog_notice li {list-style: decimal;margin-left: 10px;list-style-type:none}
.refund_dialog_notice .btn_box {text-align: center;margin-top: 24px;}

.refund_dialog_tips {height: 196px;}
.refund_dialog_tips .refund_dialog_content {line-height: 24px;text-align: center;padding: 22px 66px 34px;}
.refund_dialog_tips .btn_box {text-align: center;margin: 0;}



/* 2020-03-20  新增样式表 */
.question_logo{
	background: url('../image/ico_question_mark.png') no-repeat;
	background-size: cover;
	display: inline-block;
	width: 14px ;
	height: 14px;
	top: 1px;
	position: relative;
	margin-left: 4px;
	cursor: pointer;
}
.fileExamplePopup{
	width: 280px;
	height: 380px;
	overflow: hidden;
	background: #fff;
	padding: 0 10px;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 100000;
	box-shadow:  0  0 0 5px #f1f1f1;
	display: none;
}
.fileExamplePopup .middle_content{
	width: 100%;

}
.fileExamplePopup .example_title{
	font-size: 18px;
	line-height: 25px;
	color: #333333;
	letter-spacing: 0.22px;
	margin: 25px auto 15px;
	text-align: center;
}
.fileExamplePopup .example_img{
	width: 245px;
	height: 165px;
	display: block;
	margin: 0 auto  10px;
}
.fileExamplePopup .text_description{
	font-size: 14px;
	color: #999999;
	letter-spacing: 0.17px;
	line-height: 20px;
	text-align: left;
	margin-bottom: 30px;
}
.fileExamplePopup .pop_confirm_btn{
	width: 100%;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	color: #5A70C5;
	letter-spacing: 0.22px;
	margin-top: 30px;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.fileExamplePopup .pop_confirm_btn::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 0;
	background: #E5E5E5;
	transform: scaleY(0.5);
}
.fileExamplePopup .pop_confirm_btn p{
	flex: 1;
	height: 100%;
}
.fefund_popup_box{
	padding: 20px 80px;
}
.refund_title{
	height: 30px;
	line-height: 30px;
}
.refund_item_li{
	padding-left: 20px;
	height: 25px;
	line-height: 25px;
}
.refund_dialog .reason_file{
	margin-top: 10px;
}
.refund_reason_box{
	height: 510px;
}
.refund_reason_box .btn_box{
	margin-top: 24px;
}
.fefund_popup_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.select_reasons{
	display: flex;
	flex-direction: column;
	justify-content: center;
}