@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";font-weight:normal}
body{margin:0;padding:0;color:#333;min-width:1200px}
ul,li,dd,dl,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ul,li,dd,dl{list-style:none}
a{text-decoration:none;color:#333}
img{border:none}
.img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer}
.img:hover img{transform:scale(1.1)}
input{border:none}
textarea{border:none;resize:none}
.clear,.cl{clear:both}
.cr{clear:both;height:0px;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
.clearfix{*zoom:1}
#header{background:url(../images/head_bg_1_01.png) left top no-repeat #0069c7}
#header .head_box{width:1200px;height:115px;margin:0 auto;position:relative}
#header .logo{position:absolute;top:12px;left:30px}
#header .tel{color:#fdd000;font-size:19px;position:absolute;top:52px;right:32px;padding-top:15px;background:url(../images/tel_10.png) top left no-repeat;padding-left:67px;padding-bottom:10px;font-weight:bold}
#header .search{color:#fdd000;font-size:19px;position:absolute;top:15px;right:25px;padding-top:15px;padding-left:67px;padding-bottom:10px;font-weight:bold}
#header .top{color:#ffffff;font-size:14px;position:absolute;width:160px;top:5px;right:25px;background:url(../images/yuding_06.png) center left no-repeat;padding-left:27px}
#header .top a{color:#FFF}
#header .top a:hover{color:#fdd000;transition:all 0.4s linear;-ms-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear}
#nav{height:46px;background:url(../images/nav_bg_02.jpg) top center no-repeat #0069c7;padding-bottom:0px}
#nav .nav_box{width:1200px;margin:0 auto;position:relative}
#nav ul.nav_link{width:1200px;margin:0 auto;line-height:40px}
#nav ul.nav_link li{float:left;width:125px;text-align:center;margin-left:10px}
#nav ul.nav_link span{background:url(../images/nav_bg_1_03.png) center no-repeat;padding-bottom:6px;font-weight:bold;float:left;width:125px;text-align:center;margin-right:10px;display:block}
#nav ul.nav_link span a{color:#FFF;font-size:17px;display:block}
#nav ul.nav_link li a{color:#FFF;font-size:17px;display:block}
#nav ul.nav_link li a:hover,#nav ul.nav_link li.on a{background:url(../images/hov1.png) no-repeat center top}
#navBd{position:relative}
.navHover a{display:inline-block}
#navSelected{position:absolute;top:0;width:125px;height:78px}
.foot{width:1200px;margin:20px auto 0px;border-top:solid 1px #4381bc;font-size:14px;color:#333;text-align:center;padding:15px 0 0;line-height:30px}
.foot a{padding:0 5px}
#left_layer{position:fixed;z-index:999;right:5px;bottom:5px}
#left_layer ul{width:66px;float:right;position:relative;z-index:88;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#left_layer ul li{width:66px;height:71px;float:left;position:relative;z-index:666;border:1px solid #ccc;border-top:none;margin-top:0px;background:#fff}
#left_layer ul li a{width:64px;height:71px;float:left;position:relative;z-index:77}
#left_layer ul li a img{width:64px;height:71px}
#left_layer ul li .dwx{display:none;width:150px;height:150px;float:left;position:absolute;z-index:900;right:64px;background:#11afde;border:1px solid #ccc;margin-top:-1px}
#left_layer ul li .dwx img{width:148px;height:148px}
#left_layer ul li:hover .dwx{display:block}
#left_layer ul li .hot1{display:none;width:220px;height:auto;float:left;border:1px solid #ccc;position:absolute;z-index:90;right:64px;top:0;background:#fff;font-family:'Microsoft YaHei';font-size:20px;color:#333;line-height:36px;text-align:center;font-weight:normal;padding:10px 0}
#left_layer ul li:hover .hot1{display:block}
.announcement{overflow:hidden;width:1200px;margin:0 auto;border:1px #0c86e9 solid;border-top:none;box-sizing:border-box;padding:0 10px;height:48px;line-height:48px}
.announcement p{float:left;font-size:24px;color:#F00}
.announcement div{width:1100px;float:right;font-size:24px;color:#808080}
.warp{width:1200px;margin:0 auto;margin-top:20px}
.warp-left{width:378px;background-color:#3884e6;border-radius:10px;padding:3px;padding-top:14px;float:left}
.warp-left h1{font-size:20px;color:#fff;background:url(../images/icon_03.png) no-repeat center left;padding-left:40px;margin-left:14px}
.warp-mid{background-color:#ffffff;border-radius:10px;height:271px;padding:22px 22px 0;margin-top:10px}
.wm-top{overflow:hidden}
.go{float:left;width:132px}
.go p{color:#908d8d;font-size:14px;margin-bottom:5px}
.go select{width:127px;height:30px;text-align:center;border:solid 2px #eaeaea}
.wm-top button{float:left;width:64px;border:none;background:url(../images/icon_04.png) no-repeat center;height:30px;margin-top:25px}
.go-day{margin-top:14px}
.go-day p{color:#908d8d;font-size:14px;margin-bottom:5px}
.go-day input[type="text"]{width:100%;height:30px;border:solid 2px #eaeaea;padding-left:10px}
.chaxun{width:100%;height:35px;background-color:#fd9404;color:#fff;font-size:16px;margin-top:18px}
.warp-mid > input[type="button"]{width:100%;height:35px;background-color:#fd9404;color:#fff;font-size:16px;margin-top:18px}
.view{overflow:hidden;margin-top:14px}
.view h2{width:60px;text-align:center;font-size:14px;color:#fff;background-color:#3884e6;float:left;line-height:34px;height:34px;margin-right:6px}
.view p{line-height:34px;float:left;font-size:14px;margin-right:4px}
.view input[type="text"]{width:227px;height:35px;border:solid 1px #7d7d7d;float:left;margin-top:7px;padding-left:6px;font-size:18px;border-radius:5px}
.view input[type="submit"]{width:86px;height:35px;border:solid 1px #7d7d7d;background-color:#f2efef;float:right;font-size:16px;margin-top:7px;background-color:#3884e6;color:#FFF;border:navajowhite}
.yx-rotaion{margin:0 auto;float:right;width:784px;height:352px;position:relative}
.yx-rotaion-title,.yx-rotaion .hd,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1;background-color:transparent}
.yx-rotation-t{color:#fff;font-size:16px;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotaion .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;line-height:12px;text-indent:-9999px;border:solid 2px #fff;border-radius:50%;cursor:pointer;margin-left:5px}
.yx-rotaion .hd{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotaion .hd li.on{border:solid 2px #3884E6}
.rotaion_list{overflow:hidden}
.rotaion_list li img{height:352px;width:790px}
.route{width:1200px;margin:0 auto;margin-top:50px}
.route .col{float:left;width:880px;padding-top:20px}
.route .cph{border:solid #D3D3D3;border-width:0 1px}
.route-top{}
.route-top .route_box{height:40px;border-bottom:1px solid #EAEAEA;position:relative}
.route-top .route_box dt{float:left;font-size:24px;font-weight:normal;width:165px;line-height:28px;position:relative;padding-left:5px}
.route-top .route_box dt span{display:inline-block;*zoom:1;*display:inline;width:24px;height:24px;background:url(../images/index_ico.png) no-repeat 0 -56px;position:absolute;right:18px;bottom:0px}
.route-top .route_box dd.route-left{font-size:16px;float:left;cursor:pointer;padding:0 5px;line-height:28px;color:#4A4A4A}
.route-top .route_box dd.route-left .route-now{color:#FFBD00}
.route-top .route_box dd.route-right{font-size:12px;cursor:pointer;padding:0;line-height:28px;float:right;margin-right:5px}
.route-top .route_box dd.route-right .route-more{margin:1px auto;display:block;width:48px;height:26px;line-height:26px;background:#ECECEC;color:#7C7C7C;text-align:center;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.route-ul{overflow:hidden;padding-top:20px}
.route-ul li{float:left;width:285px;box-sizing:border-box;border:solid 1px #e4e4e4;margin-right:20px;margin-bottom:20px;overflow:hidden;position:relative;padding-bottom:10px}
.route-ul li:nth-child(4){margin-right:0px}
.route-ul li img{width:100%;height:210px}
.route-ul li a{width:100%;height:100%;display:block}
.route-ul li .route-baokuan{width:65px;height:65px;background-image:url(../images/index_ico.png);background-position:0 -170px;background-repeat:no-repeat;position:absolute;left:0;top:0;z-index:9999}
.route-ul li div{font-size:18px;color:#666;line-height:35px;padding-left:6px;float:left;margin-top:20px;height:35px;overflow:hidden}
.route-ul li h1{color:#e76e03;font-size:14px;float:right;padding-right:6px;margin-top:20px;height:35px;width:95px}
.route-ul li h1 b{font-size:22px}
.route-ul li h1 span{color:#333;font-size:12px}
.mend{width:1200px;margin:0 auto;margin-top:20px}
.md-top{height:40px;border-bottom:1px solid #EAEAEA;font-size:20px;line-height:38px;font-weight:normal;padding-left:15px}
.md-ul{overflow:hidden;margin:20px 0}
.md-ul li{float:left;width:224px;margin-right:20px;box-sizing:border-box;border:solid 1px #e4e4e4;overflow:hidden}
.md-ul li:nth-child(5n){margin-right:0px}
.md-ul li a{width:100%;height:100%;display:block}
.md-ul li img{width:100%;height:140px}
.md-ul li h1{font-size:18px;color:#666;height:35px;line-height:35px;margin-top:5px;text-align:center}
.mend-fl{float:left;width:700px;border:1px solid #EAEAEA}
.mend-fl p{padding:15px;text-indent:2rem;line-height:2.4;text-align:justify}
.mend-fr{float:right;width:485px;border:1px solid #EAEAEA}
.news-fl li{width:50%;float:left;height:30px;line-height:30px}
.news-fr li{width:50%;float:left;line-height:2;text-align:center}
.news-fr li img{width:100%}
.news-div{float:left;width:485px;margin-top:15px}
.news-div img{width:100%}
.chuanbo-ul{float:left;height:541px;overflow:hidden;width:1200px;margin-top:1px}
.chuanbo-ul li{float:left;line-height:0px}
.chuanbo-ul li a{position:relative;display:block}
.chuanbo-ul li.li_1 img{width:320px;height:180px}
.chuanbo-ul li.li_2 img{width:560px;height:360px}
.chuanbo-ul li.li_3 img{width:320px;height:360px}
.chuanbo-ul li.li_4 img{width:560px;height:181px}
.chuanbo-ul li.li_5 img{width:320px;height:181px}
.chuanbo-ul li.li_6 img{width:320px;height:181px}
.chuanbo-ul li a span{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;text-align:center;background:url(../images/pro_bg_1_03.png)top left repeat;padding-top:30%;color:#FFF;font-size:20px}
.chuanbo-ul li.li_3 a span{padding-top:60%}
.chuanbo-ul li.li_4 a span{padding-top:20%}
.chuanbo-ul li a:hover span{display:block}
.information{overflow:hidden;width:1200px;margin:20px auto}
.infor-left{float:left;width:880px}
.room dl{overflow:hidden;text-align:center;line-height:40px;border-bottom:dashed 1px #d2d2d2}
.room dl h2{float:left;font-size:14px;color:#2e2e2e;width:100px}
.room dl p{float:left;width:540px;font-size:14px;color:#2e2e2e;line-height:20px;padding:10px 0}
.room dl p span{display:block}
.room dl h3{float:left;font-size:14px;color:#f29822;width:86px}
.room dl a{display:block;float:right;width:44px;height:24px;border:solid 1px #e77c00;background-color:#ffb000;color:#fff;font-size:12px;border-radius:2px;line-height:22px;margin-top:7px;margin-right:30px}

.br-r{background-color:#f5f5f5;padding:15px 10px;font-size:14px;color:#9c9fa2;text-align:justify}
.cang_lie{width:200px;height:auto;float:left;margin-top:20px;border:solid 1px #e4e4e4;border-top:none;box-sizing:border-box;overflow:hidden}
.cang_lie li{float:left;width:100%;height:auto;overflow:hidden;border-top:solid 1px #e4e4e4}
.cang_lie li a{float:left;width:100%;height:42px;color:#333;font-size:14px;line-height:42px;background:#fff;text-align:center}
.cang_lie li a:hover,.cang_lie li a.cur{float:left;color:#fff;background:#44b0f5}
.cang_ul{width:980px;height:auto;float:right;margin-top:20px;box-sizing:border-box;overflow:hidden}
.cang_ul li{float:left;width:230px;margin-right:20px;margin-bottom:20px;box-sizing:border-box;border:solid 1px #e4e4e4;overflow:hidden}
.cang_ul li:nth-child(4n){margin-right:0px}
.cang_ul li a{width:100%;height:100%;display:block}
.cang_ul li img{width:100%;height:140px}
.cang_ul li h1{font-size:18px;color:#666;height:35px;line-height:35px;margin-top:5px;text-align:center}
.cang_show{width:980px;height:auto;float:right;margin-top:20px;box-sizing:border-box;border:solid 1px #e4e4e4;padding:20px;overflow:hidden}
.cang_show h1.cang_title{text-align:center;padding-bottom:15px;line-height:40px;border-bottom:dashed 1px #e4e4e4}
.cang_show .cang_show_ul{}
.cang_show .cang_show_ul li{border:solid 1px #e4e4e4;float:left;margin:20px 20px 0 0;width:459px;overflow:hidden;box-sizing:border-box}
.cang_show .cang_show_ul li:nth-child(2n){margin-right:0px}
.cang_show .cang_show_ul li img{width:100%;height:318px;float:left}
.cang_show .cang_show_ul li span{width:100%;font-size:18px;color:#666;height:40px;line-height:40px;float:left;margin-top:5px;text-align:center}
.cang_show .cang_show_con{font-size:16px;line-height:2;padding:10px 0;overflow:hidden}
.cang_show .cang_show_con p{text-indent:2rem;text-align:justify}
.cang_show .cang_show_con img{padding:10px 0}
.port{overflow:hidden;width:1200px;margin:0 auto;padding-top:30px}
.port-left{float:left;width:190px;padding-left:40px;border-right:solid 1px #e4e7ea}
.port-left h1{font-size:22px;color:#2279e2;margin-bottom:30px}
.port-ul li{font-size:18px;color:#2279e2;background:url(../images/icon_09.png) no-repeat center right;background-position-x:90px;background-position-y:6px;margin-bottom:30px}
.port-ul .mmp{color:#0b0b0b;background:url(../images/icon_08.png) no-repeat center right;background-position-x:90px;background-position-y:8px}
.port-right{float:right;padding:0 22px;min-height:720px;font-size:16px;color:#4c4c4c;line-height:2;width:1010px}
.port-right img{max-width:100%;margin-bottom:20px}
.tearm ul li{margin-bottom:20px}
.tearm ul li span{font-size:12px;color:#000}
.tearm ul{width:520px;margin:0 auto}
.tearm ul li input[type="text"]{width:202px;height:26px;border:solid 1px #b5b5b5;margin-left:10px}
.tearm{width:1200px;margin:0 auto;padding-top:60px}
.tearm ul li b{color:#666;font-weight:normal;font-size:12px;margin-left:8px}
.tearm ul li textarea{width:404px;border:solid 1px #b5b5b5;padding:6px;height:120px;margin-left:10px}
.tearm ul li input[type="button"]{width:78px;height:23px;border:solid 1px #b5b5b5;background-color:#000;color:#fff;display:block;margin:0 auto}
.anbg{border-bottom:solid 1px #a0a0a0;padding-bottom:20px}
.contact{width:1200px;margin:0 auto;overflow:hidden;padding-top:30px;padding-bottom:50px}
.tact-left{width:520px;float:left;margin-left:60px}
.tltu img{width:100%}
.tl-txt{background-color:#f7f7f7;border:solid 1px #e4e4e4;padding:20px 0;text-align:center;margin-top:10px}
.tl-txt .ewm{font-size:16px;line-height:2.5;color:#2279e2}
.ttl{font-size:14px;color:#737373;line-height:30px}
.ttt{margin-top:20px}
.ttt h1{color:#2279e2;font-size:20px}
.ttt p{font-size:18px;color:#4f4f4f}
.tact-right{float:left;width:400px;margin-left:50px}
.tact-right h1{font-size:24px;color:#4b4b4b;margin-bottom:15px}
.tact-right input[type="text"]{width:400px;background-color:#f7f7f7;height:54px;padding-left:20px;margin-bottom:5px}
.tact-right input[type="submit"]{width:400px;height:50px;border:solid 1px #2279e2;color:#2279e2;font-size:16px;background-color:transparent;margin-top:30px}
.tact-right textarea{width:400px;height:260px;background-color:#f7f7f7;padding:20px}
.spotbg{width:1200px;margin:0 auto}
.spot-top{margin-left:150px;overflow:hidden;margin-top:30px;margin-bottom:50px}
.spot-top img{width:395px;height:254px;float:left}
.st-r{float:left;margin-left:140px;padding-top:30px}
.st-r h1{color:#2279e2;font-size:20px;margin-bottom:30px}
.st-r p{color:#666;font-size:16px;margin-bottom:30px}
.st-r h2{color:#808080;font-size:20px}
.st-r h2 b{color:#e7890f;font-size:30px;font-weight:normal}
.spot-con h1{width:144px;height:38px;font-size:20px;background:url(../images/icon_10.png) no-repeat center left #2279e2;color:#fff;padding-left:45px;line-height:38px;background-position-x:16px}
.sp-tact{font-size:16px;color:#4c4c4c;padding:0 60px;padding-top:50px;padding-bottom:50px;line-height:36px}
.sp-tact img{max-width:100%}
.order{float:left;width:880px;border:solid 1px #d3d3d3}
.order_tool{height:60px;overflow:hidden;padding:10px 10px 0}
.order_tool .stat{float:left}
.order_tool .stat a{line-height:40px;height:40px;padding:0 20px;border:1px solid #e8e8e8;display:inline-block}
.order_tool .stat a:hover{background:#E8E8E8}
.order_tool .stat a.on{background:#2279e2;color:#fff}
.order_tool form{float:right}
.order_tool form .view{margin-top:0}
.order ul{padding:15px 30px;border-bottom:solid 1px #d3d3d3}
.order ul.payfs{border-bottom:none}
.order_ul li{border:solid 1px #2279e2;line-height:40px;color:#212020;font-size:16px;padding-left:30px;padding-right:30px;margin:5px 0;height:100%;overflow:hidden;position:relative}
.order_ul li a{background:url(../images/icon_11.png) no-repeat center left;font-size:16px;color:#2279e2;padding-left:26px;position:absolute;top:50%;right:30px;transform:translate(-0%,-50%)}
.order_ul li span{margin-right:50px}
.order_ul li em{font-style:normal;color:#888}
.or_item h1{color:#2279e2;font-size:20px;line-height:2;padding:0 30px;border-bottom:dashed 1px #d3d3d3;background-color:#f5f5f5}
.or_ul{overflow:hidden}
.or_ul li{float:left;font-size:16px;margin-bottom:14px}
.or_ul li:nth-child(1){width:730px}
.or_ul li:nth-child(4){width:260px}
.or_ul li:nth-child(7){width:260px}
.or_ul li:nth-child(9){width:260px}
.or_ul li:nth-child(2){width:170px}
.or_ul li:nth-child(5){width:170px}
.or_ul li:nth-child(3){width:260px}
.or_ul li:nth-child(6){width:260px}
.or_ul li:nth-child(8){width:400px}
.or_ul li:nth-child(10){width:400px}
.or_ck{overflow:hidden}
.or_ck li{font-size:16px;height:30px;line-height:30px}
.or_ck li p{width:240px;float:left}
.or_ck li p.c2{width:220px}
.or_ck li p.c3{width:346px}
.or_ck li span{color:#888;padding:0 5px}
.or_cw{overflow:hidden}
.or_cw li{float:left;font-size:16px;margin-bottom:14px;width:50%}
.or_cw li em{font-style:normal;color:#666}
.or_cw li span{color:#f00;padding:0 10px}
.or_item h2{font-size:16px;margin-bottom:14px;padding:0 30px}
.or_item h2 b{font-weight:normal;font-size:28px;color:#f00}
.or_item h3{color:#2279e2;font-size:20px;line-height:2;padding:0 30px;border-bottom:dashed 1px #d3d3d3;background-color:#f5f5f5}
.or_item img{width:140px}
.or_bt{clear:both}
.or_bt input{width:180px;height:50px;border-radius:20px;background-color:#2279e2;color:#fff;display:block;margin:0 auto;margin-top:80px;margin-bottom:80px;font-size:20px}
.wm-top p{color:#908d8d;font-size:14px;margin-bottom:5px}
.wm-top select{width:100%;height:30px;text-align:center;border:solid 2px #eaeaea}
.tz-datepicker{display:none!important}
.chaxun{width:100%;height:35px;background-color:#fd9404;color:#fff;font-size:16px;margin-top:18px}
.navFix{position:fixed;left:50%;top:0;_position:absolute;z-index:2;width:880px;margin-top:0;margin-left:-600px;padding-top:10px;padding-bottom:10px}
.m_indBox{width:1200px;margin:0 auto;margin-top:20px;position:relative}
.blank10{width:100%;height:10px;clear:both}
.blank20{width:100%;height:20px;clear:both}
.blank30{width:100%;height:30px;clear:both}
.blank40{width:100%;height:40px;clear:both}
.blank50{width:100%;height:50px;clear:both}
.bkBox{min-height:666px;background:none;float:left;width:840px}
.bokk1{height:110px;background:#fff;border-bottom:1px solid #dadada;box-shadow:-3px 0 5px #ccc,0px 0 0px yellow,0 0px 0px blue,2px 0px 12px #ccc}
.bokk1 span.mess1{width:165px;height:110px;float:left;border-right:1px solid #e8e8e8;font-family:'Microsoft YaHei';font-size:15px;color:#777;line-height:110px;font-weight:bold;text-align:center}
.bokk1 span.mess2{width:250px;height:auto;float:left;padding-left:50px;padding-top:30px;font-family:'Microsoft YaHei';font-size:15px;color:#333;line-height:25px;font-weight:normal;text-align:left}
.bokk1 span.mess3{width:98px;height:85px;float:left;padding:30px 0px 0 0;font-size:28px;color:#222;line-height:30px;text-align:center;font-weight:normal}
.bokk1 span.mess3 font{width:98px;height:auto;float:left;padding:0px 0px 0 0;font-size:14px;color:#999;line-height:20px;text-align:center;font-weight:normal}
.bokk1 span.mess4{width:149px;height:30px;float:left;padding-top:30px;margin-left:10px;margin-top:30px;font-size:14px;color:#999;line-height:30px;text-align:center;font-weight:normal;background:url(../images/botline.jpg) no-repeat left bottom}
.bkTxt{width:320px;float:right}
.bkTxt .rbd{width:320px;overflow:hidden}
.bkTxt h3{font-size:18px;color:#4d4d4d;line-height:30px;text-align:left;margin-bottom:8px}
.bkTxt h3 span.dianhua3{display:block;font-size:16px;color:#9900FF}
.bkTxt .desc{line-height:24px;padding:10px;border:1px solid #ccc;background:#fff;font-size:12px;text-align:justify}
.bkTxt .desc h4{color:#f00}
.content{height:300px;overflow:hidden;position:relative}
.content div{clear:both;min-height:1em;white-space:pre-wrap}
.get_ct_more{height:78px;position:absolute;bottom:0px;width:298px;background:linear-gradient(to top,#fff,rgba(255,255,255,0) 70%);margin:0px}
.more_bt{width:102px;height:30px;margin-left:98px;cursor:pointer;margin-bottom:-10px}
.bktt{width:268px;height:auto !important;min-height:565px;float:left;background:#fff;border:1px solid #CCC;font-family:SimSun;font-size:12px;color:#000;line-height:20px;text-align:justify;font-weight:normal;padding:10px 20px}
.bktt strong{font-weight:bold;font-size:12px}
.Bsea{height:60px;background:#f7f7f7;float:left;padding-top:10px;font-family:'Microsoft YaHei';font-size:14px;color:#1d85e5;line-height:30px;font-weight:normal;text-align:left;overflow:hidden}
.Bsea span{float:left;font-family:'Microsoft YaHei';font-size:18px;color:#555;line-height:40px;font-weight:normal;text-align:left;padding:5px 15px}
.tabk1{width:225px;height:40px;float:left;padding-left:20px;margin-top:5px;background:#fff;border:1px solid #cacaca;border-radius:5px;font-size:18px;color:#333;line-height:58px\9;line-height:38px;text-align:left;font-weight:normal;overflow:hidden}
.tabk2{width:225px;height:40px;float:left;padding-left:20px;margin-top:5px;background:#fff url(../images/t01.png) no-repeat 210px 14px;border:1px solid #cacaca;border-radius:5px;font-size:18px;color:#333;line-height:58px\9;line-height:38px;text-align:left;font-weight:normal;overflow:hidden}
.tabk3{width:105px;height:44px;float:right;margin-top:0px;background:#ff9705;border:1px solid #ff9705;border-radius:5px;font-size:14px;color:#fff;line-height:58px\9;line-height:30px;text-align:center;font-weight:normal;overflow:hidden}
.bk1{height:40px;float:left;background:#f0f0f0}
.bk1 h3{width:240px;height:40px;float:left;padding-left:40px;font-size:14px;color:#777;line-height:40px;text-align:left;font-weight:normal}
.bk1 h4{width:232px;height:40px;float:left;padding-left:70px;font-size:14px;color:#777;line-height:40px;text-align:left;font-weight:normal}
.bk1 h5{width:130px;height:40px;float:left;padding-left:40px;font-size:14px;color:#777;line-height:40px;text-align:left;font-weight:normal}
.boktab{height:auto;float:left;border-top:1px solid #dadada}
.boktab ul{height:auto;float:left;position:relative;z-index:20}
.boktab ul li{height:85px;float:left;position:relative;z-index:13;background:#fff;border-bottom:1px solid #dadada}
.boktab ul li:hover{height:85px;float:left;position:relative;z-index:15;background:#fff;border-bottom:1px solid #dadada;box-shadow:-3px 0 5px #ccc,0px 0 0px yellow,0 0px 0px blue,2px 0px 12px #ccc}
.boktab ul li h3{width:170px;height:85px;float:left;padding:0 10px 0 20px;font-size:20px;color:#333;line-height:85px;text-align:left;font-weight:normal}
.boktab ul li h4{width:98px;height:85px;float:left;padding:20px 0px 0 0;font-size:28px;color:#222;line-height:30px;text-align:center;font-weight:normal}
.boktab ul li h4 font{width:98px;height:auto;float:left;padding:0px 0px 0 0;font-size:14px;color:#999;line-height:20px;text-align:center;font-weight:normal}
.boktab ul li h5{width:119px;height:30px;float:left;padding-top:10px;margin-left:10px;font-size:14px;color:#999;line-height:30px;text-align:center;font-weight:normal;background:url(../images/botline.jpg) no-repeat left bottom}
.boktab ul li h6{width:120px;height:85px;float:left;padding:0 10px;margin-left:40px;font-size:22px;color:#ff9705;line-height:85px;text-align:center;font-weight:normal}
.boktab ul li a{width:65px;height:35px;float:left;margin-top:20px;background:#2aadf1;border:1px solid #2aadf1;border-radius:10px;font-size:16px;color:#fff;line-height:35px;text-align:center;font-weight:normal}
.backbtn{text-align:center}
.back2{width:177px;height:42px;margin:20px auto 0;font-size:20px;color:#000;text-align:center;font-weight:normal;line-height:38px;text-decoration:none}
.bk2{height:60px;background:#f0f0f0;line-height:60px;color:#777;text-align:center;font-weight:bold}
.bk2 h3,.bk2 h4,.bk2 h5,.bk2 h6{float:left;font-size:16px}
.bk2 h3{width:240px;text-indent:2em;text-align:left}
.bk2 h4{width:120px}
.bk2 h5{width:320px}
.bk2 h6{width:158px}
.book{width:1200px;margin:20px auto}
.book-left .book_title{font-size:14px;font-weight:bold;padding:10px}
.book-left .book_title_l{width:500px;float:left}
.book-left form{width:350px;float:right}
.book-top{}
.book-top span{font-size:18px}
.book-top input[type="text"]{width:158px;height:23px;border:solid 1px #a0a0a0;margin:0 20px}
.book-top input[type="button"]{width:51px;height:28px;border-radius:3px;background-color:#2277cc;color:#fff}
.book-left{float:left;width:880px;border:solid 1px #d3d3d3}
.book-left strong{font-size:20px;color:#181717;padding-right:15px}
.book-left span{font-weight:normal}
.book-left .book_cate_list{padding:11px;}
.book-left .book_cate_list .book_cate_type{display:block;width:94px;height:25px;line-height:25px;margin:1px 1px 0 0;text-align:center;float:left}
.book-left .book_cate_list a{display:block;width:94px;height:25px;line-height:25px;margin:1px 1px 0 0;text-align:center;float:left}
.book-left .book_cate_list a.active,.book-left .book_cate_list a:hover{background-color:#2577E3;text-decoration:none;color:#FFF}
.book-title{width:110px}
.book-date{width:110px}
.book-right{float:right;width:300px;border:solid 1px #d3d3d3}
.book-right h1{font-size:18px;color:#666;line-height:44px;background-color:#f5f5f5;padding-left:10px;border-bottom:solid 1px #d3d3d3}
.book-right h2{line-height:35px;font-size:14px;color:#666;background-color:#fff;padding-left:10px}
.w{width:1200px;margin:0 auto}
.container{display:flex;padding:0 0 20px 0;justify-content:space-between}
.content_top{height:50px;line-height:50px;color:#666}
.left-content {
    flex: 1;
    margin-right: 20px;
}

.right-content {
    width: 300px;
    flex-shrink: 0;
}


.search-form{display:flex;align-items:center;flex-wrap:nowrap}
.search-form span{font-weight:bold;color:#333;white-space:nowrap}
.submit-btn{background-color:#1E9FFF;color:white;border:none;border-radius:4px;padding:8px 25px;font-size:15px;cursor:pointer;transition:all 0.3s;font-weight:bold;white-space:nowrap}
.submit-btn:hover{background-color:#0d8bf2}
.flight-list-container{background-color:#fff;border-radius:8px;border:1px solid #e6e6e6;overflow:hidden}
.flight-list-header{background-color:#f8f8f8;padding:12px 20px;border-bottom:1px solid #e6e6e6;display:flex;font-weight:bold;color:#333;font-size:14px}
.flight-list-header .name{width:120px}
.flight-list-header .departure{flex:1;text-align:center}
.flight-list-header .duration{width:150px;text-align:center}
.flight-list-header .arrival{flex:1;text-align:center}
.flight-list-header .price{width:120px;text-align:center}
.flight-list-header .action{width:100px;text-align:center}
.flight-list{padding:0;margin:0;list-style:none}
.flight-item{padding:18px 20px;border-bottom:1px solid #eee;transition:all 0.3s}
.flight-item .flight-item-content{display:flex;align-items:center}
.flight-item:hover{background-color:#f0f9ff;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,0.05)}
.flight-item:last-child{border-bottom:none}
.flight-item.status-sold-out,.flight-item.status-closed{background-color:#f9f9f9;color:#999}
.flight-item.status-sold-out:hover,.flight-item.status-closed:hover{background-color:#f5f5f5;transform:none;box-shadow:none}
.flight-item.status-sold-out .ship-name,.flight-item.status-sold-out .departure-time,.flight-item.status-sold-out .arrival-time,.flight-item.status-sold-out .price-amount,.flight-item.status-closed .ship-name,.flight-item.status-closed .departure-time,.flight-item.status-closed .arrival-time,.flight-item.status-closed .price-amount{color:#999}
.flight-item.status-sold-out .departure-port,.flight-item.status-sold-out .arrival-port,.flight-item.status-sold-out .duration-text,.flight-item.status-sold-out .price-suffix,.flight-item.status-closed .departure-port,.flight-item.status-closed .arrival-port,.flight-item.status-closed .duration-text,.flight-item.status-closed .price-suffix{color:#bbb}
.flight-item.status-sold-out .duration-arrow-line,.flight-item.status-closed .duration-arrow-line{background:linear-gradient(to right,#e0e0e0,#e0e0e0)}
.flight-item.status-sold-out .duration-arrow-head,.flight-item.status-closed .duration-arrow-head{border-color:transparent transparent transparent #e0e0e0}
.sname{width:120px;font-size:17px;color:#1E9FFF;text-align:left;font-weight:500;position:relative}
.departure-info{flex:1;text-align:center;padding:0 10px}
.departure-time{font-size:22px;color:#333;margin-bottom:3px;font-weight:500}
.departure-port{font-size:13px;color:#666}
.ticket-info{width:150px;text-align:center;padding:0 10px;position:relative}
.ticket-info .duration-text{padding-top:10px;font-size:15px;color:#1E9FFF;margin-bottom:5px;font-weight:500}
.ticket-info .duration-arrow{margin:8px 0 5px 0;position:relative;height:10px}
.ticket-info .duration-arrow-line{height:1px;background:linear-gradient(to right,#d0d0d0,#d0d0d0);position:relative;margin:0 15px}
.ticket-info .duration-arrow-head{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:12px 0 0 14px;border-color:transparent transparent transparent #d0d0d0;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}
.new-energy-tag{display:inline-block;background-color:#3884e6;color:white;font-size:11px;padding:3px 10px;border-radius:10px;font-weight:normal;position:relative;top:-4px}
.flight-item.green-antong.status-closed .new-energy-tag{background-color:#8bc34a}
.tags-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;position:relative;top:-4px;justify-content:left}
.flight-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:normal;color:white}
.flight-tag.tag-green{background-color:#3884e6}
.flight-tag.tag-blue{background-color:#1E9FFF}
.flight-item.status-sold-out .flight-tag,.flight-item.status-closed .flight-tag{opacity:0.6}
.next-day-badge{display:inline-block;background-color:#1E9FFF;color:white;font-size:11px;padding:1px 4px;border-radius:8px;font-weight:normal;margin-left:4px;margin-top:-2px;vertical-align:middle;line-height:1.4;position:absolute;top:-10px;right:-1rem}
.presale-badge{background-color:#FF9800;cursor:pointer;padding:2px 8px;background-color:#ff6b6b;color:white;border-radius:4px;font-size:12px;white-space:nowrap}
.flight-item.status-sold-out .next-day-badge,.flight-item.status-closed .next-day-badge{background-color:#bbb}
.arrival-info{flex:1;text-align:center;padding:0 10px}
.arrival-time{font-size:22px;color:#333;font-weight:500;position:relative;display:inline-block}
.arrival-port{font-size:13px;color:#666}
.price-info{width:120px;text-align:center;padding:0 10px}
.price-amount{font-size:18px;color:#FF5722;margin-bottom:3px;font-weight:500}
.price-suffix{font-size:13px;color:#999}
.yud-btn{width:100px;text-align:center;padding:0 10px}
.go-btn{display:inline-block;background-color:#3884e6;color:white;padding:7px 18px;border-radius:4px;text-decoration:none;font-weight:500;font-size:14px;transition:all 0.3s}
.go-btn:hover{background-color:#4cae6a;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,0.1)}
.sold-out-btn,.closed-btn{display:inline-block;padding:7px 18px;border-radius:4px;font-weight:500;font-size:14px;cursor:default;text-align:center}
.sold-out-btn{background-color:#f0f0f0;color:#999;border:1px solid #ddd}
.closed-btn{background-color:#ffeded;color:#ff6b6b;border:1px solid #ffd6d6}
.notice-card{background-color:#fff;border-radius:8px;border:1px solid #e6e6e6;overflow:hidden;margin-bottom:20px}
.notice-header{background:linear-gradient(135deg,#1E9FFF 0%,#0d8bf2 100%);color:white;padding:12px 15px;border-bottom:none;font-size:15px;font-weight:600}
.notice-content{padding:18px;max-height:600px;overflow-y:auto}
.notice-content h1{font-size:18px;color:#1E9FFF;margin-top:0;margin-bottom:12px;border-bottom:2px solid #1E9FFF;padding-bottom:8px;font-weight:500}
.notice-content h2{font-size:15px;color:#FF5722;margin-top:18px;margin-bottom:8px;font-weight:500}
.notice-content p{font-size:13px;line-height:1.6;color:#666;margin-bottom:12px}
.notice-content strong{color:#333;font-weight:500}
.notice-content span{color:#666}
.phone-number{color:#FF5722;font-weight:500;font-size:17px}
@media (max-width:1240px){.main-container{width:95%}
}@media (max-width:992px){.container{flex-direction:column}
    .right-content{width:100%}
    .flight-list-header{display:none}
    .flight-item{flex-direction:column;align-items:stretch;padding:15px}
    .name,.departure-info,.duration-info,.arrival-info,.price-info,.action-btn{width:100%;text-align:left;margin-bottom:8px;padding:0}
    .duration-arrow{display:none}
    .new-energy-tag{display:inline-block;margin-left:10px}
    .departure-time,.arrival-time{font-size:20px}
    .book-btn,.sold-out-btn,.closed-btn{width:100%;text-align:center;padding:8px}
    .search-form{flex-wrap:wrap}
}.ship-info-card{border:1px solid #e6e6e6;border-radius:8px;width:100%;max-width:900px;background-color:#fff;position:relative;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,0.08)}
.trip-header{background-color:#f8f8f8;padding:12px 20px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.trip-header-left{display:flex;align-items:center}
.trip-type{background-color:#1E9FFF;color:white;padding:3px 10px;border-radius:4px;font-size:14px;font-weight:bold;margin-right:15px}
.trip-info{font-size:15px;color:#333;font-weight:bold}
.route-detail{color:#666;font-size:14px;margin-left:10px}
.trip-notice{display:flex;align-items:center;font-size:13px;color:#666}
.refund-section{display:flex;align-items:center;margin-right:15px}
.refund-label{padding:4px 8px;background-color:#ffccc7;color:#d4380d;border-radius:4px 0 0 4px;font-weight:500;white-space:nowrap}
.refund-detail{padding:4px 8px;background-color:#fff2e8;color:#fa541c;border-radius:0 4px 4px 0;border-left:1px solid #ffccc7;white-space:nowrap}
.notice-link{color:#1E9FFF;text-decoration:none;padding:4px 8px;border-radius:4px;transition:all 0.3s;background-color:#f0f9ff}
.notice-link:hover{background-color:#e6f7ff;text-decoration:underline}
.trip-details{display:flex;align-items:center;padding:25px 20px}
.departure-box,.arrival-box{flex:1;text-align:center;padding:10px}
.arrival-box .time,.departure-box .time{font-size:32px;color:#333;font-weight:bold;margin-bottom:5px;position:relative;display:inline-block}
.port-name{font-size:18px;color:#333;font-weight:bold;margin-bottom:5px}
.port-detail{color:#666;font-size:14px}
.center-info{flex:1.2;text-align:center;position:relative;padding:0 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.ship-name-box{margin-bottom:0}
.ship-name{font-size:22px;color:#1E9FFF;font-weight:bold}
.best-arrow{position:relative;width:100%;max-width:300px;margin:10px 0}
.best-arrow-line{width:100%;height:1px;background:linear-gradient(to right,transparent 0%,#d0d0d0 15%,#d0d0d0 100%)}
.half-arrow-head{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:10px 0 0 16px;border-color:transparent transparent transparent #d0d0d0;clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}
.duration-info{display:flex;align-items:center;justify-content:center;margin-top:5px}
.duration-box{background-color:#f0f9ff;padding:8px 15px;border-radius:20px;border:1px solid #d1e9ff;display:flex;align-items:center}
.duration-text{color:#1E9FFF;font-weight:bold;font-size:16px}
.cabin-card{border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.05);margin-top:25px}
.cabin-head{background-color:#f8f8f8;padding:15px 20px;border-bottom:1px solid #e6e6e6;font-size:18px;color:#333;font-weight:bold}
.cabin-photo{width:60px;height:40px;background-color:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-size:10px;margin-right:10px;cursor:pointer;overflow:hidden;position:relative;transition:all 0.3s}
.cabin-photo:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.cabin-photo img{width:100%;height:100%;object-fit:cover}
.quantity-control{display:flex;align-items:center}
.quantity-btn{width:30px;height:30px;border:1px solid #dcdcdc;background-color:#f8f8f8;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:bold}
.quantity-btn:hover{background-color:#e8e8e8}
.quantity-input{width:40px;height:30px;border:1px solid #dcdcdc;text-align:center;margin:0 5px;border-radius:4px}
.order-summary{background-color:#f9f9f9;border-radius:8px;padding:20px;border:1px solid #e6e6e6}
.order-summary .cabin-head{border-bottom:0;padding-left:0}
.order-item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eee}
.order-total{font-size:18px;font-weight:bold;color:#FF5722;margin-top:15px;padding-top:15px;border-top:2px solid #eee}
.section-title{font-size:20px;color:#333;padding-bottom:10px}
.cabin-table{width:100%;border-collapse:collapse}
.cabin-table thead{background-color:#ffffff}
.cabin-table thead tr{border-bottom:2px solid #1E9FFF}
.cabin-table th{padding:12px 15px;text-align:left;font-weight:bold;color:#333;border:none}
.cabin-table tbody tr{border-bottom:1px solid #eee;transition:all 0.3s;cursor:default}
.cabin-table tbody tr:hover{background-color:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.05)}
.cabin-table td{padding:15px;border:none}
.cabin-info{display:flex;align-items:center;width:auto}
.cabin-table .red{font-weight:bold;color:#FF5722;font-size:16px}
.cabin-table .desc{width:250px;font-size:12px;color:#666}
@media (max-width:1240px){.main-container{width:95%}
}.order-box{border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.05);margin-bottom:25px}
.order-header{background-color:#f8f8f8;padding:15px 20px;border-bottom:1px solid #e6e6e6;font-size:18px;color:#333;font-weight:bold}
.order-content{padding:20px}
.order-list{display:flex;flex-direction:column;gap:20px}
.order-card{border:1px solid #e6e6e6;border-radius:8px;overflow:hidden;background-color:#fff;transition:all 0.3s;margin-bottom:20px}
.order-card:hover{box-shadow:0 5px 15px rgba(0,0,0,0.1);transform:translateY(-2px)}
.order-card-header{background-color:#f8f8f8;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6e6e6}
.order-card-title{font-size:16px;font-weight:bold;color:#333}
.order-card-status{display:flex;align-items:center;gap:10px}
.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:bold;text-align:center}
.order-detail-content .status-badge{padding:8px 20px;font-size:16px}
.status-unpaid{background-color:#FFB800;color:white}
.status-paid{background-color:#3884e6;color:white}
.status-cancelled{background-color:#FF5722;color:white}
.status-refunded{background-color:#999;color:white}
.order-card-content{padding:20px}
.order-info-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px}
@media (min-width:1200px){.order-info-box{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}.order-card .item{margin-bottom:10px}
.order-card .info-label{font-weight:bold;color:#666;margin-bottom:5px;font-size:13px}
.order-card .info-value{color:#333;font-size:15px;font-weight:500}
.order-card .order-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}
.action-btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:bold;cursor:pointer;transition:all 0.3s;border:none}
.order-detail-content .action-btn{padding:12px 30px;border-radius:6px;font-size:16px}
.view-detail-btn{background-color:#1E9FFF;color:white}
.view-detail-btn:hover{background-color:#0d8bf2}
.pay-btn,.refund-btn{background-color:#FF5722;color:white}
.pay-btn:hover,.refund-btn:hover{background-color:#e64a19}
.refund-btn:disabled{background-color:#ccc;cursor:not-allowed}
.order-detail-content{padding:20px}
.order-status-section{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8f8f8;border-radius:8px;margin-bottom:20px;border-left:4px solid #1E9FFF}
.order-status-left h3{margin:0 0 5px 0;font-size:18px;color:#333}
.order-status-left p{margin:0;color:#666;font-size:14px}
.countdown{color:#ff5722;padding:4px 12px;border-radius:4px;font-size:24px;font-weight:bold;text-align:center}
.order-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:25px;background-color:#f9f9f9;padding:20px;border-radius:8px;border:1px solid #e6e6e6}
.info-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.info-item .info-label{font-weight:bold;color:#666;margin-bottom:8px;font-size:14px}
.info-item .info-value{color:#333;font-size:16px;font-weight:500}
.passenger-table{width:100%;border-collapse:collapse;margin-top:15px;margin-bottom:25px;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.passenger-table thead{background-color:#1E9FFF}
.passenger-table thead tr{border-bottom:none}
.passenger-table th{padding:12px 15px;text-align:left;font-weight:bold;color:white;border:none;font-size:14px}
.passenger-table tbody tr{border-bottom:1px solid #eee}
.passenger-table tbody tr:hover{background-color:#f0f9ff}
.passenger-table td{padding:12px 15px;border:none;vertical-align:middle;font-size:14px}
.passenger-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:bold}
.status-picked{background-color:#3884e6;color:white}
.status-unpicked{background-color:#FFB800;color:white}
.status-used{background-color:#FF5722;color:white}
.total-price-section{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e6e6e6}
.total-price-label{font-size:18px;font-weight:bold;color:#333}
.total-price-amount{font-size:28px;font-weight:bold;color:#FF5722}
.payment-section{margin-top:30px;padding:25px 0;background-color:white;border-radius:8px}
.payment-section h3{margin-top:0;color:#333;font-size:18px;margin-bottom:20px}
.submit-payment-btn{margin-top:30px;padding:15px 40px;background-color:#3884e6;color:white;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:bold;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.submit-payment-btn:hover{background-color:#4cae6a;transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.submit-payment-btn i{font-size:20px}
.refund-notice{margin-top:25px;padding:20px;background-color:#f0f9ff;border-radius:8px;border-left:4px solid #1E9FFF}
.refund-notice h4{margin-top:0;color:#1E9FFF;margin-bottom:15px}
.refund-notice ul{margin:0;padding-left:20px;color:#666;line-height:1.6}
.refund-notice li{margin-bottom:8px}
.action-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}
.order-detail-content .action-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.modal-content{background-color:white;margin:30px auto;width:90%;max-width:700px;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.2)}
.modal-header{background-color:#f8f8f8;padding:15px 20px;border-bottom:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}
.modal-title{font-size:18px;font-weight:bold;color:#333}
.modal-close{font-size:24px;cursor:pointer;color:#999}
.modal-close:hover{color:#333}
.modal-body{padding:20px;max-height:70vh;overflow-y:auto}
.passenger-select-list{margin:15px 0;max-height:300px;overflow-y:auto;border:1px solid #e6e6e6;border-radius:6px}
.passenger-select-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:all 0.3s}
.passenger-select-item:hover{background-color:#f9f9f9}
.passenger-select-item.selected{background-color:#f0f9ff;border-left:4px solid #1E9FFF}
.passenger-select-item:last-child{border-bottom:none}
.passenger-checkbox{margin-right:15px;width:20px;height:20px;cursor:pointer}
.passenger-info{flex:1}
.passenger-name{font-weight:bold;color:#333;margin-bottom:5px}
.passenger-details{display:flex;justify-content:space-between;font-size:13px;color:#666}
.passenger-price{color:#FF5722;font-weight:bold}
.passenger-status-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:bold;margin-left:10px}
.refund-rate-info{background-color:#fff2e8;padding:15px;border-radius:6px;margin:15px 0;border-left:4px solid #fa541c}
.refund-rate-info h4{color:#fa541c;margin-top:0;margin-bottom:10px}
.refund-rate-info ul{margin:0;padding-left:20px;color:#666}
.refund-rate-info li{margin-bottom:5px}
.refund-calc-section{background-color:#f9f9f9;padding:15px;border-radius:6px;margin:15px 0}
.refund-calc-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #ddd}
.refund-calc-row:last-child{border-bottom:none;font-weight:bold;font-size:16px;color:#FF5722}
.refund-verification-form{margin-top:20px;padding-top:20px;border-top:1px solid #eee;width:100%;box-sizing:border-box}
.refund-verification-form .form-group{margin-bottom:20px;width:100%;box-sizing:border-box}
.refund-verification-form .form-label{display:block;font-weight:bold;margin-bottom:8px;color:#333;font-size:15px;width:100%}
.refund-verification-form .form-input{width:100%;padding:12px 15px;border:1px solid #dcdcdc;border-radius:6px;font-size:15px;transition:all 0.3s;box-sizing:border-box}
.refund-verification-form .form-input:focus{border-color:#1E9FFF;outline:none;box-shadow:0 0 0 3px rgba(30,159,255,0.1)}
.refund-verification-form .input-with-btn{display:flex;gap:10px;width:100%;box-sizing:border-box}
.refund-verification-form .input-with-btn .form-input{flex:1;min-width:0}
.refund-verification-form .send-code-btn{padding:12px 20px;background-color:#3884e6;color:white;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:bold;white-space:nowrap;transition:all 0.3s;flex-shrink:0}
.refund-verification-form .send-code-btn:hover{background-color:#4cae6a}
.refund-verification-form .send-code-btn:disabled{background-color:#ccc;cursor:not-allowed}
.empty-state{text-align:center;padding:60px 20px;color:#999}
.empty-state-icon i{font-size:60px;color:#dcdcdc;margin-bottom:20px}
.empty-state-text{font-size:18px;margin-bottom:10px}
.empty-state-desc{font-size:14px;color:#999}
.query-section{background:#ffffff;border-radius:10px;padding:25px 30px;margin-bottom:25px;box-shadow:0 4px 12px rgba(0,0,0,0.08);border:1px solid #e8e8e8}
.ordersearch{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}
#ordersearch{display:flex;gap:12px;align-items:center}
.query-form-item{flex:1;min-width:0;position:relative}
#ordersearch input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:15px;color:#333;transition:all 0.3s ease;background:#fafafa;box-sizing:border-box}
#ordersearch input:focus{outline:none;border-color:#1E9FFF;background:#fff;box-shadow:0 0 0 3px rgba(30,159,255,0.1)}
#ordersearch input::placeholder{color:#999}
#ordersearch input.layui-form-danger{border-color:#FF5722}
#ordersearch input.layui-form-danger:focus{border-color:#FF5722;box-shadow:0 0 0 3px rgba(255,87,34,0.1)}
#ordersearch .sava{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 30px;background:linear-gradient(135deg,#1E9FFF 0%,#0d8bf2 100%);color:white;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;width:140px;box-sizing:border-box;flex-shrink:0}
#ordersearch .sava:hover{background:linear-gradient(135deg,#0d8bf2 0%,#1E9FFF 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,159,255,0.3)}
#ordersearch .sava:active{transform:translateY(0)}
.form-section{margin:0 20px;padding:20px 0 0}
.form-section:last-of-type{border-bottom:none;margin-bottom:30px}
.section-title{font-size:18px;color:#333;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}
.section-title .left{display:flex;align-items:center}
.section-title .left .layui-icon{margin-right:10px;font-size:18px;color:#1E9FFF}
.ticket-collector-form .layui-form-item{margin-bottom:15px}
.form-tip{color:#999;font-size:13px;margin-top:5px;margin-left:110px}
.passenger-list{margin-top:15px}
.passenger-item{padding:12px;margin-bottom:10px;background-color:#f9f9f9;border-radius:6px;border-left:3px solid #d1e9ff;position:relative}
.passenger-item:last-child{margin-bottom:0}
.passenger-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-right:30px}
.passenger-type{font-size:16px;font-weight:bold;color:#333}
.passenger-price{font-size:14px;font-weight:bold;color:#FF0000}
.delete-passenger{position:absolute;top:8px;right:8px;width:28px;height:20px;border-radius:4px;background-color:#d4d4d4;color:#999;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all 0.3s;border:1px solid #e0e0e0}
.delete-passenger:hover{background-color:#999;color:#666}
.passenger-form-row{display:flex;align-items:center;margin-bottom:10px}
.passenger-form-row:last-child{margin-bottom:0}
.passenger-form-row .layui-form-label{width:80px;padding:9px 5px;text-align:right}
.passenger-form-row .layui-input-inline{margin-right:10px}
.id-type-select{width:120px}
.id-number-input{width:250px}
.vehicle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.vehicle-empty,.passenger-empty{text-align:center;padding:20px;border:2px dashed #e6e6e6;border-radius:10px;margin-bottom:20px;background-color:#fafafa;color:#999;font-size:16px}
.vehicle-empty p{font-size:14px;color:#aaa}
.travel-protection{margin-top:15px}
.protection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.protection-price{font-size:16px;color:#FF5722;font-weight:bold;display:flex;align-items:center}
.protection-switch{margin-left:10px}
.protection-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.protection-option{flex:1;min-width:120px;text-align:center;padding:10px;border:1px solid #e6e6e6;border-radius:6px;cursor:pointer;transition:all 0.3s;background-color:#f8f8f8}
.protection-option:hover{border-color:#3884e6;background-color:#f0f9f0}
.protection-option.selected{border-color:#3884e6;background-color:#e8f7e8;color:#3884e6;font-weight:bold}
.protection-option .icon{font-size:20px;margin-bottom:5px;color:#3884e6}
.protection-option .title{font-size:13px;font-weight:bold;margin-bottom:3px}
.protection-option .desc{font-size:11px;color:#666}
.protection-desc{color:#999;font-size:13px;margin-top:10px;line-height:1.5}
.payment-methods{display:flex;gap:15px;margin-top:15px}
.payment-method{flex:1;text-align:center;padding:15px;border:2px solid #e6e6e6;border-radius:8px;cursor:pointer;transition:all 0.3s;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:center}
.payment-method:hover{border-color:#1E9FFF;background-color:#f0f9ff}
.payment-method.selected{border-color:#1E9FFF;background-color:#e8f7ff;box-shadow:0 0 10px rgba(30,159,255,0.2)}
.price-summary{background-color:#f9f9f9;border-radius:8px;padding:20px;border:1px solid #e6e6e6;position:sticky;top:20px}
.price-item{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eee}
.price-total{font-size:18px;font-weight:bold;color:#FF5722;margin-top:15px;padding-top:15px;border-top:2px solid #eee}
.submit-section{margin:0 20px;padding:25px 0;text-align:center;border-top:2px solid #eee}
.submit-btn-add{width:300px;margin:0 auto}
.right-pay-btn{margin-top:20px}
.countdown-alert{background:linear-gradient(135deg,#fff2e8 0%,oklab(0.89 0.05 0.02 / 0) 100%);border:2px solid #FF5722;border-radius:8px;padding:20px;margin:20px 20px 10px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(255,87,34,0.15);animation:pulse 2s infinite}
.countdown-alert span{font-size:18px;font-weight:bold;color:#d4380d;flex:1}
.countdown-alert .countdown{font-size:24px;font-weight:bold;color:#FF5722;margin:0 20px;text-align:center;min-width:180px}
.countdown-alert button{background-color:#FF5722;color:white;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:bold;cursor:pointer;transition:all 0.3s;white-space:nowrap;margin-right:15px}
.countdown-alert button:hover{background-color:#e64a19;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,87,34,0.3)}
.countdown-alert a{color:#1E9FFF;font-size:14px;text-decoration:none;border:1px solid #1E9FFF;border-radius:6px;padding:10px 20px;transition:all 0.3s}
.countdown-alert a:hover{background-color:#1E9FFF;color:white;text-decoration:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,87,34,0.4)}
    70%{box-shadow:0 0 0 10px rgba(255,87,34,0)}
    100%{box-shadow:0 0 0 0 rgba(255,87,34,0)}
}@media (max-width:768px){.countdown-alert{flex-direction:column;align-items:stretch;gap:15px}
    .countdown-alert span{text-align:center;margin-bottom:10px}
    .countdown-alert .countdown{margin:10px 0;min-width:auto}
    .countdown-alert button,.countdown-alert a{width:100%;margin:5px 0;text-align:center}
}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#10b981;--gray-100:#f8fafc;--gray-200:#f1f5f9;--gray-300:#e2e8f0;--gray-600:#64748b;--gray-700:#334155;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 6px 20px rgba(0,0,0,0.08);--shadow-lg:0 12px 32px rgba(0,0,0,0.1);--radius-md:12px;--radius-sm:8px}
.change-cabin-dialog{padding:20px;max-height:350px;overflow-y:auto}
.change-cabin-title{text-align:center;margin-bottom:20px;font-size:18px;font-weight:bold}
.cabins-container{display:flex;flex-wrap:wrap;gap:15px;margin:20px 10px}
.cabin-option{border:1px solid #e6e6e6;border-radius:8px;padding:15px;width:200px;cursor:pointer;background:#fff;transition:all 0.3s}
.cabin-option:hover{border-color:#FF5722;box-shadow:0 2px 8px rgba(255,87,34,0.2)}
.cabin-option.selected{border:2px solid #FF5722;background:#fff8f6}
.cabin-name{font-weight:bold;font-size:16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.cabin-jiage{display:flex;justify-content:flex-start;align-items:center}
.cabin-remaining{color:#666;font-size:12px;background:#f5f5f5;padding:2px 6px;border-radius:10px;margin-left:8px}
.cabin-price{color:#FF5722;font-size:18px;font-weight:bold;display:inline-block;vertical-align:middle}
.cabin-current-tag{color:#FF5722;font-size:14px;margin-left:10px;display:inline-block;vertical-align:middle}
.add-passenger-form{padding:20px}
.passenger-item{margin-bottom:20px;border:1px solid #e6e6e6;border-radius:8px;padding:15px;background:#fff}
.passenger-item-content{display:flex;justify-content:space-between;align-items:center}
.passenger-info-left{flex:1;min-width:0}
.passenger-name{font-weight:bold;font-size:16px;margin-bottom:5px;color:#333}
.passenger-id-card{color:#666;font-size:14px}
.passenger-info-right{text-align:right;margin-right:45px}
.passenger-cabin-info{font-size:14px;color:#333;margin-bottom:5px}
.passenger-price{color:#FF5722;font-size:18px;font-weight:bold}
.passenger-actions{display:flex;gap:0px}
.protection-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.protection-option{flex:1;min-width:120px;padding:10px;border:1px solid #e6e6e6;border-radius:6px;cursor:pointer;transition:all 0.3s;background-color:#f8f8f8;display:flex;align-items:center;gap:8px}
.protection-option:hover{border-color:#3884e6;background-color:#f0f9f0}
.protection-option.selected{border-color:#3884e6;background-color:#e8f7e8;color:#3884e6;font-weight:bold}
.protection-option .icon{font-size:20px;color:#3884e6;flex-shrink:0}
.protection-option .title{font-size:13px;font-weight:bold;margin-bottom:0}
.protection-option .desc{font-size:11px;color:#666;margin-top:2px}
:root{--primary-color:#1E9FFF;--primary-hover:#0d8bf2;--danger-color:#FF5722;--success-color:#3884e6;--warning-color:#FFB800;--gray-100:#f8f9fa;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition:all 0.3s ease}
.vehicle-item{margin-bottom:12px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;transition:var(--transition)}
.vehicle-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.vehicle-item-content{display:flex;align-items:center;padding:16px;gap:16px}
.vehicle-info-left{flex:1;display:flex;align-items:center;gap:12px}
.vehicle-plate{font-weight:bold;font-size:16px;color:#333;display:flex;align-items:center}
.vehicle-length{color:#666;font-size:14px}
.new-energy-label{background-color:#3884e6;color:white;font-size:12px;padding:2px 8px;border-radius:12px}
.vehicle-info-right{display:flex;align-items:center;gap:16px}
.vehicle-cabin{color:#666;font-size:14px}
.vehicle-price{color:#FF5722;font-size:16px;font-weight:bold}
.vehicle-actions{margin-left:auto}
.cabin-name{font-weight:bold;font-size:15px;color:#333}
.cabin-price{color:#FF5722;font-size:16px;font-weight:bold}
.add-passenger-item{display:flex;align-items:center;justify-content:center;padding:22px 20px;margin-bottom:15px;background-color:white;border-radius:var(--radius-md);border:2px dashed var(--gray-300);transition:var(--transition);cursor:pointer}
.add-passenger-item:hover{border-color:var(--primary-color);background-color:rgba(30,159,255,0.05);transform:translateY(-2px)}
.add-passenger-item .add-icon{display:flex;align-items:center;gap:12px;color:var(--primary-color);font-weight:600;font-size:16px}
.modern-empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}
.modern-empty-state h3{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--gray-500)}
.modern-empty-state p{font-size:15px;margin-bottom:24px;max-width:300px;margin-left:auto;margin-right:auto;line-height:1.6}
.modern-passenger-list{}
.modern-passenger-item{display:flex;align-items:center;padding:18px 20px;margin-bottom:12px;background-color:white;border-radius:var(--radius-md);border:1px solid var(--gray-200);transition:var(--transition);position:relative}
.modern-passenger-item:hover{border-color:var(--primary-color);box-shadow:0 6px 16px rgba(0,0,0,0.08);transform:translateY(-2px)}
.modern-passenger-item.selected{border-color:var(--primary-color);background-color:rgba(30,159,255,0.05)}
.modern-checkbox{margin-right:20px;position:relative}
.radio-wrapper{margin-right:20px;position:relative}
.modern-radio{display:inline-flex;align-items:center;justify-content:center}
.modern-radio input[type="radio"]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}
.modern-passenger-info{flex:1}
.modern-passenger-name{font-weight:600;font-size:16px;margin-bottom:6px;color:var(--gray-800)}
.modern-passenger-id-info{font-size:14px;color:var(--gray-500);display:flex;align-items:center;gap:15px}
.id-type-badge{background-color:var(--gray-100);padding:4px 10px;border-radius:20px;font-size:12px;color:var(--gray-600);font-weight:500}
.modern-passenger-actions{display:flex;gap:10px}
.modern-action-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);border:none;background-color:transparent;color:var(--gray-500)}
.modern-action-btn:hover{transform:scale(1.1)}
.modern-edit-btn:hover{background-color:rgba(30,159,255,0.1);color:var(--primary-color)}
.modern-delete-btn:hover{background-color:rgba(255,87,34,0.1);color:var(--danger-color)}
.layui-layer-content{display:flex;flex-direction:column;height:100%;overflow:hidden}
.modern-btn{padding:12px 28px;border-radius:8px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;box-shadow:0 4px 6px rgba(0,0,0,0.07)}
.modern-btn-primary{background:linear-gradient(135deg,#1E9FFF 0%,#0B87FF 100%);color:white}
.modern-btn-primary:hover{background:linear-gradient(135deg,#0B87FF 0%,#0066CC 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(11,135,255,0.25)}
.modern-btn-secondary{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6}
.modern-btn-secondary:hover{background-color:#e9ecef;border-color:#ced4da;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.08)}
.add-passenger-form .layui-form-item[style*="text-align:center"]{margin-top:auto;padding-top:20px;border-top:1px solid #e6e6e6}
.mainBox::-webkit-scrollbar{width:6px;height:6px}
.mainBox::-webkit-scrollbar-track{background:white;border-radius:2px}
.mainBox::-webkit-scrollbar-thumb{background:#E6E6E6;border-radius:2px}
.mainBox::-webkit-scrollbar-thumb:hover{background:#E6E6E6}
.mainBox::-webkit-scrollbar-corner{background:#f6f6f6}
.mainBox{width:100%;position:absolute;top:0px;left:0px;bottom:80px;overflow:auto}
.bottom{width:100%;position:absolute;bottom:0px;left:0px;height:80px;background-color:#FFFFFf;border-top:1px solid #FFF;display:flex;align-items:center;justify-content:center}
.button-container{gap:16px;display:flex}
.main-container{margin:15px}
.main-container .layui-form-item{margin-bottom:15px !important;margin-top:10px !important}
.modern-passenger-item.disabled{opacity:0.6;background-color:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}
.modern-passenger-item.disabled:hover{border-color:#d9d9d9;box-shadow:none;transform:none}
.modern-passenger-item.disabled .modern-passenger-name,.modern-passenger-item.disabled .modern-passenger-id-info{color:#999}
.modern-passenger-item.disabled .new-energy-tag{background-color:#999 !important}
.layui-bg-green{background-color:#16b777 !important}
.age-category-badge{padding:2px 6px;border-radius:10px;font-size:12px;color:white}
.hide{display:none !important}
.protection-form{border-top:1px solid #e6e6e6}
.driver-info-section{display:none;padding-top:20px}
.contact-phone-form{margin-top:20px;padding:15px;border-bottom:1px solid #e6e6e6;display:none}
.contact-phone-form.show{display:block}
.section-title.compact{margin-bottom:15px}
.inline-width-300{width:300px}
.green-antong-warning{display:none;margin-top:12px;padding:12px;background-color:#fff2f0;border-radius:8px;border-left:4px solid #ff4d4f;color:#666;font-size:14px;margin-bottom:10px}
.green-antong-warning.show{display:block}
.right-pay-btn{}
.layui-btn.pay-button{background-color:#FF5722;height:50px;font-size:18px}
.payment-instructions{margin-top:20px;font-size:13px;color:#999}
.loading-placeholder{text-align:center;padding:20px;color:#999}
.payment-form{padding-bottom:20px}