@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;/*	display: block;*/ }
.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 */
#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 */
#nav { height: 46px; background: url(../images/nav_bg_02.jpg) top center no-repeat #0069c7; padding-bottom: 16px; }
#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; }
/*footer*/
.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; height: 352px; 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; width: 100%; border-radius: 10px; height: 297px; padding: 22px; 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: 30px; }
.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-right: 15px; 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: left; 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; }
.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; width: 180px; 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; margin-right: 15px; border: 1px solid #EAEAEA; }
.mend-fl p { padding: 0 15px; text-indent: 2rem; line-height: 2; text-align: justify; }
.mend-fr { float: left; 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; }
/*订票价格*/
.price { width: 100%; border: solid 1px #cfe6fa; background-color: #eff6fc; padding: 30px 0; padding-left: 64px; overflow: hidden; }
.cr { font-size: 18px; color: #464545; }
.pri-l { float: left; width: 300px; border-right: solid 1px #cfe6fa; }
.pri-r { float: left; padding-left: 50px; font-size: 24px; color: #ff8300; }
/*订票船次*/
.shipci { min-height: 42px; margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
}
.shipci h1 { position: absolute; margin-left: -110px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.ship { min-height: 32px; _height: 32px; *zoom: 1;
width: 100%; border: solid 1px #cfe6fa; background-color: #eff6fc; padding: 15px 0; overflow: hidden; }
.ship-l { width: 140px; float: left; padding: 10px 0; line-height: 25px; margin-left: 36px; border-right: 1px solid #d7e8f5; font-size: 14px; }
.ship-r { margin-left: 15px; display: inline-block; overflow: hidden; }
.sr { text-align: right; float: left; }
.srr { text-align: left; }
.sr h2 { font-weight: bold; font-size: 24px; color: #2f2e2e; }
.sr p { font-size: 18px; color: #2f2e2e; }
.sr-line { float: left; width: 110px; text-align: center; margin: 0 12px; }
.sr-line h2 { font-size: 18px; color: #1b1b1b; }
.sy { width: 98px; margin: 0 auto; height: 6px; background: url(../images/icon_05.png) no-repeat; background-size: cover; }
/*取票人信息*/
.ticket { min-height: 42px; margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
}
.ticket h1 { position: absolute; margin-left: -110px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.ticket-in { overflow: hidden; width: 100%; border: solid 1px #cfe6fa; background-color: #eff6fc; padding: 15px 0 20px; }
.ticket-text { width: 100%; float: left; margin-bottom: 10px; }
.ticket-text span { float: left; margin-left: 30px; text-align: center; font-size: 16px; }
.ticket-text span:nth-child(1) { width: 150px; }
.ticket-text span:nth-child(2) { width: 250px; }
.ticket-text span:nth-child(3) { width: 260px; }
.ticket-in input { margin-left: 30px; height: 34px; border: solid 1px #d2d2d2; padding-left: 6px; }
.ticket-in .p1 { float: left; width: 150px; }
.ticket-in .p2 { float: left; width: 250px; }
.ticket-in #qpdz { float: left; width: 260px; margin-left: 30px; height: 34px; border: solid 1px #d2d2d2; padding-left: 6px; }
/*取票人信息*/
.enger { min-height: 42px; margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
}
.enger h1 { position: absolute; margin-left: -110px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.eng { border: solid 1px #cfe6fa; background-color: #eff6fc; padding: 20px 36px 0px; }
.eng .biaot { font-size: 18px; color: #312f2f; }
.eng .biaot b { font-weight: normal; margin-right: 20px; }
.eng .biaot a { color: #5995e4; }
.eng dd { padding-bottom: 20px; border-bottom: 1px dashed #CCC; }
.eng dd:last-child { border-bottom: none; }
.eng ul li { overflow: hidden; margin-top: 14px; }
.eng ul li h2 { float: left; font-size: 16px; color: #312f2f; margin-right: 20px; line-height: 38px; }
.eng ul li input { float: left; width: 210px; height: 38px; border: solid 1px #d2d2d2; padding-left: 6px; }
.add { overflow: hidden; margin-top: 23px; }
.addk { width: 150px; height: 42px; display: block; float: left; background: url(../images/t1.png) no-repeat; background-size: 100% 100%; line-height: 46px; color: #333; margin-right: 40px; padding-left: 58px; }
.addk:hover { background: url(../images/t.png) no-repeat; background-size: 100% 100%; }
.addk1 { background: url(../images/t.png) no-repeat; background-size: 100% 100%; }
/*汽车上船服务*/
.car { margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
min-height: 85px; height: 100%; overflow: hidden }
.car h1 { position: absolute; margin-left: -110px; width: 85px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.car-item { border: #d1eaff 1px solid; margin-bottom: 23px; background-color: #eff6fc; padding: 0px 21px; }
.car-item dd { border-bottom: 1px dashed #CCC; }
.car-item dd:last-child { border-bottom: none; }
.car-item input { width: 210px; height: 38px; border: solid 1px #d2d2d2; margin-left: 10px; }
.car-item a { margin-top: 10px; }
.car-item span { color: #ff8400; padding: 0 20px; }
/*选择支付*/
.payzl { min-height: 42px; margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
}
.payzl h1 { position: absolute; margin-left: -110px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.payzl .yd_xx6 { border: #d1eaff 1px solid; background-color: #eff6fc; height: 60px; line-height: 60px; padding: 0px 36px; }
.payzl .yd_xx6 .yd_xx_fw1 { }
/*支付方式*/
.zhifubg { min-height: 42px; margin-top: 20px; margin-bottom: 10px; padding-left: 110px; border: 1px solid #D7E8F5; *zoom: 1;
}
.zhifubg h1 { position: absolute; margin-left: -110px; padding: 8px 10px 8px 15px; font: 16px/34px "Microsoft Yahei", Tahoma, Arial, sans-serif; color: #666; }
.zhifu { width: 100%; border-bottom: #d1eaff 1px solid; padding: 14px 0; padding-left: 36px; overflow: hidden; margin-top: 0px }
.zhifu li { float: left; height: 44px; margin-right: 20px; }
.zhifu li.zfico3 { background: url(../images/zfico.png) no-repeat 10px 9px; }
.zhifu li.zfico7 { background: url(../images/zfico.png) no-repeat 10px -34px; }
.zhifu li a,
.zhifu li a:visited { display: block; line-height: 36px; height: 40px; overflow: hidden; position: relative; text-align: center; border: 2px solid #ddd; text-indent: 40px; padding-right: 23px; }
.zhifu li i { display: none; width: 12px; height: 12px; background: url(../images/opaysel.gif) no-repeat; position: absolute; bottom: 0; right: 0; }
.zhifu li a.on,
.zhifu li a:hover { border: 2px solid #E4393C; }
.zhifu li a.on i { display: block; }
/*提交订单*/
.tj input { width: 264px; height: 40px; border: solid 1px #e88111; background-color: #ffb001; color: #fff; display: block; margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
/*船票列表*/
.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.on,
.book-left .book_cate_list a:hover { background-color: #2577E3; text-decoration: none; color: #FFF; }
.odd { background-color: #f1f1f1; overflow: hidden; line-height: 30px; border-bottom: solid 1px #d3d3d3; border-top: solid 1px #d3d3d3; }
.odd li { float: left; font-size: 14px; text-align: center; border-right: solid 1px #d3d3d3; }
.odd li:nth-child(1) { width: 110px; }
.odd li:nth-child(2) { width: 110px; }
.odd li:nth-child(3) { width: 365px; }
.odd li:nth-child(4) { width: 100px; }
.odd li:nth-child(5) { width: 100px; }
.odd li:nth-child(6) { width: 90px; border-right: none; }
.book-ship li { overflow: hidden; font-size: 14px; border-bottom: solid 1px #d3d3d3; }
.book-ship li:hover { background: #f5f5f5 }
.book-ship div.book-list { float: left; text-align: center; line-height: 50px; border-right: solid 1px #d3d3d3; padding: 10px 0; }
.book-title { width: 110px; }
.book-date { width: 110px; }
.go-ship { float: left; width: 365px; border-right: solid 1px #d3d3d3; padding: 10px 0; }
.gs-l { float: left; width: 40%; line-height: 25px; }
.gs-l:first-child { text-align: right; }
.gs-l h2 { font-weight: bold; font-size: 16px; }
.go-ship img { float: left; margin: 22px 4%; width: 11% }
.gs-l p { font-size: 14px; }
.gos-time { width: 100px; }
.gos-mon { width: 100px; }
.gos-mon span { color: #ff6a1f; }
.cho-ship { width: 62px; height: 22px; margin: 25px 0 0 14px; border: solid 1px #e77c00; background-color: #ffb000; color: #fff; font-size: 12px; border-radius: 2px; float: left; line-height: 20px; text-align: center; cursor: pointer; }
.cho-ship a { color: #fff; display: block }
.mr-ship{border: solid 1px #0c86e9;background-color: #2577E3;}
.cho-ship.fc { background: #aaa; border: 1px solid #aaa }
.cho-ship.ts { background: #ddd; border: 1px solid #ddd }
.ship-room { position: fixed; top: 2%; left: 50%; width: 820px; margin-left: -410px; background-color: #dceffe; display: none; }
.sr-top { overflow: hidden; background-color: #2279e2; line-height: 30px; }
.choose { cursor: pointer; }
.sr-top dl { float: left; color: #fff; font-size: 16px; text-align: center; }
.sr-top dl:nth-child(1) { width: 100px; }
.sr-top dl:nth-child(2) { width: 540px; }
.sr-top dl:nth-child(3) { width: 86px; }
.sr-top dl:nth-child(4) { float: right; margin-right: 20px; }
.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; }
/*订票右边*/
.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; }
.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; }
/*book_1 xiugai*/

.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; }
/*book_c   book change*/

.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; }

/**/
.boktab2 { height: auto; border: 1px solid #dadada }
.boktab2 ul { height: auto; float: left; position: relative; z-index: 20; width: 100% }
.boktab2 ul li { height: 66px; position: relative; z-index: 13; background: #fff; border-bottom: 1px solid #dadada; float: left; width: 100%; }
.boktab2 ul li:hover { height: 66px; 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; /*底边阴影*/ }
.boktab2 ul h3,
.boktab2 ul h4,
.boktab2 ul h5,
.boktab2 ul h6 { height: 66px; float: left; line-height: 66px; text-align: left; color: #333; }
.boktab2 ul li h3 { width: 200px; text-indent: 1em; font-size: 20px; font-weight: normal; }
.boktab2 ul li h3 jj3 { color: #ff0000; }
.boktab2 ul li h4 jj3 { color: #ff0000; }
.boktab2 ul li h4 { width: 120px; font-size: 19px; color: #ff7800; text-align: center; }
.boktab2 ul li h5 { width: 320px; height: auto; padding: 15px 10px 0 10px; font-size: 13px; color: #555; line-height: 20px; text-align: center; }
.boktab2 ul li h6 { width: 120px; font-size: 18px; color: #333; line-height: 66px; text-align: center; display: none }
.boktab2 ul li span.tabsea { width: 80px; height: 32px; float: left; margin: 22px 0 0 40px; }
.boktab2 ul li span.tdcss input { display: none }
.boktab2 .cwimg {width: 60px;height: 40px;float: left;margin: 10px 0 0 10px}
.inps1 { width: 20px; height: 24px; float: left; background: #fff; border: 1px solid #ccc; font-size: 12px; color: #ff9900; line-height: 16px; text-align: center; font-weight: normal; }
.inps1:hover { width: 20px; height: 24px; float: left; background: #fff; border: 1px solid #ff9900; font-size: 12px; color: #ff9900; line-height: 16px; text-align: center; font-weight: normal; }
.inps2 { width: 40px; height: 24px; float: left; background: #fff; border: 1px solid #ccc; border-left: none; border-right: none; font-size: 12px; color: #222; line-height: 16px; text-align: center; font-weight: normal; }
/*私人订制*/

.tailor { background: #def1ff url(../images/change1.jpg) no-repeat right bottom; padding-top: 20px; padding-right: 60px; }
.tailor h3 { width: 142px; height: auto; float: left; margin-top: 2px; margin-right: 30px; font-size: 22px; color: #333; line-height: 30px; text-align: center; font-weight: normal; }
.tailor h3 font { width: 142px; height: auto; float: left; font-size: 14px; color: #777; line-height: 20px; text-align: center; font-weight: normal; }
.inpc1 { float: left; margin: 6px 0 0 10px; }
.tailor span { float: left; padding: 2px 10px 0 5px; font-size: 15px; color: #333; line-height: 20px; text-align: left; font-weight: normal; }
/*船票*/
.float { position: fixed; top: 0px; left: 50%; margin-left: 280px; margin-bottom: 20px; background-color: #fff; width: 320px }
.float2 { position: absolute; top: auto; bottom: 50px; right: 0; z-index: 98; }
.steam { border: 1px solid #ccc; background-color: #FFFAED; padding: 10px; display: none; margin-bottom: 20px; }
.steam h3 span.jiesuan3 { float: right; font-size: 14px; color: #FF0000 !important; padding-right: 15px; }
.steam h3 span.jiesuan3 a { font-size: 14px; color: #FF0000 !important; }
.steam ol { padding: 0; margin: 0; }
.steam ol li { width: 100%; height: 32px; float: left; margin-top: 0px; background: url(../images/rline.jpg) repeat-x left 15px; }
.steam ol li b { float: left; padding: 0 10px 0 0; background: #FFFAED; font-size: 14px; color: #444; line-height: 32px; text-align: left; font-weight: normal; }
.steam ol li font { width: 80px; height: 32px; float: right; padding: 0 0 0 10px; background: #FFFAED; font-size: 14px; color: #444; line-height: 32px; text-align: left; font-weight: normal; }
.steam #sum_price { font-size: 18px; color: #444; line-height: 32px; font-weight: bold; padding: 10px 20px 0px; text-align: right; }
.steam #sum_price span { float: right; font-size: 28px; color: #ff7800; line-height: 32px; text-align: left; font-weight: normal; font-style: normal; }
.steam #sum_price span em { padding: 5px 10px 0 0; font-size: 14px; color: #444; line-height: 32px; text-align: left; font-weight: normal; font-style: normal; }
/*lianxirenxinxi*/

.person_car { margin: 0 0 30px 0; clear: both; width: 100%; height: 100%; overflow: hidden }
.person_car h3 span { float: left; font-size: 13px; color: #999; line-height: 32px; text-align: left; font-weight: bold; font-style: normal; }
.person_car h3 jj3 { color: #ff0000; }
.person_car1 { float: left; }
.person_car h6 { width: 100%; float: left; margin: 20px 20px 20px 0px; }
.person_car h6 a { width: 131px; height: 39px; float: left; margin: 0; background: url(../images/vdd2.jpg) no-repeat center top; border: 0px solid #eff6fc; text-indent: -99999px; cursor: pointer; }
.perp1 { width: 126px; height: 38px; float: left; background: #fff; margin-left: 0px; padding-left: 10px; border: 1px solid #dfdfdf; font-size: 15px; color: #333; line-height: 38px; text-align: left; font-weight: normal; border-radius: 8px; }
.perp2 { width: 256px; height: 38px; float: left; background: #fff; margin-left: 20px; padding-left: 10px; border: 1px solid #dfdfdf; font-size: 15px; color: #333; line-height: 38px; text-align: left; font-weight: normal; border-radius: 8px; }
.delp1 { width: 100px; height: 38px; float: left; cursor: pointer; background: #dfdfdf; margin-left: 20px; border: 1px solid #dfdfdf; font-size: 15px; color: #333; line-height: 38px; text-align: center; font-weight: normal; border-radius: 8px; }
.person_xinxi1 { min-height: 0px; float: left; width: 680px }
.perp3 { width: 402px; height: 38px; float: left; background: #fff; margin-left: 0px; padding-left: 10px; border: 1px solid #dfdfdf; font-size: 15px; color: #333; line-height: 38px; text-align: left; font-weight: normal; border-radius: 8px; }
.person_gbk { }
.perp4 { width: 820px; height: 105px; float: left; margin-left: 10px; background: #f8f8f8; border: none; font-size: 13px; color: #333; line-height: 20px; text-align: left; font-weight: normal; }
.person_add { width: 840px; height: auto !important; min-height: 100px; margin: 10px auto 0; }
.person_add h3 { width: 100px; height: auto; float: left; margin-left: 20px; font-size: 18px; color: #444; line-height: 42px; text-align: left; font-weight: normal; }
.qpselect,.person_add1 { width: 300px; height: auto; float: left; padding: 0 10px; }
.person_add1 ul { width: 450px; height: auto; float: left; }
.person_add1 ul li { width: 450px; min-height: 30px; float: left; font-size: 14px; color: #444; line-height: 30px; text-align: left; font-weight: normal; }
.person_add1 ul li font { width: 400px; min-height: 30px; float: left; font-size: 14px; color: #444; line-height: 30px; text-align: left; font-weight: normal; }
.person_add1 ul li .spa1 { float: left; margin: 10px 10px 0 0; }
.person_add b { float: left; width: 350px; font-size: 16px; color: #f65972; line-height: 31px; text-align: left; font-weight: normal; }
.qpdesc {float: left;width: 300px;padding-left: 20px}
.perp5 { width: 330px; height: 50px; display: block; margin: 0 auto 20px; background: #0b86e8; border: none; border-radius: 10px; font-size: 20px; color: #fff; line-height: 40px; text-align: center; font-weight: normal; }
.m_indBox .book_xinxi { margin-top: 0px; padding-bottom: 0px; }
.m_indBox .book_xinxi h2 { text-align: center; color: #333333; font-size: 22px; padding-top: 46px; padding-bottom: 16px; border-bottom: #e8e8e8 solid 1px; font-weight: normal; }
.notice_t { color: #ff0000; font-size: 16px; text-align: center; padding-top: 15px; }
.per { padding: 0 20px; min-height: 30px; margin: 0 auto; 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; /*底边阴影*/ border-radius: 5px; padding: 20px 0 30px 0 }
.per h3 { width: 120px; height: auto; float: left; margin-left: 20px; font-size: 18px; color: #444; line-height: 42px; font-weight: bold; }
.person_zf .bd { width: 700px; float: right; }
.person_zf dl { padding-bottom: 15px; line-height: 44px; }
.person_zf dl dt { float: left; width: 100px; line-height: 44px; font-size: 16px; color: #888 }
.person_zf dl dd { float: left; line-height: 44px }
.opay li { float: left; height: 44px; margin-right: 20px; }
.opay li.zfico3 { background: url(../images/zfico.png) no-repeat 10px 9px; }
.opay li.zfico7 { background: url(../images/zfico.png) no-repeat 10px -34px; }
.opay li a,
.opay li a:visited { display: block; line-height: 36px; height: 40px; overflow: hidden; position: relative; text-align: center; border: 2px solid #ddd; text-indent: 40px; padding-right: 23px; }
.opay li i { display: none; width: 12px; height: 12px; background: url(../images/opaysel.gif) no-repeat; position: absolute; bottom: 0; right: 0; }
.opay li a.on,
.opay li a:hover { border: 2px solid #E4393C; }
.opay li a.on i { display: block; }
.ydloaction { height: 60px; }
.ydloaction b { float: left; font-size: 22px; color: #2c78b6; border-bottom: #2c78b6 solid 1px; height: 40px; display: block }
.ydloaction p { float: right; border-bottom: #a6a6a6 solid 1px; height: 40px; width: 1080px; text-align: right }
.zfprice { font-size: 18px; color: #f00 }
.zfprice em { font-style: normal; font-size: 14px; }

/*下拉框*/
.filter-disabled {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.filter-box {position: relative;}
.filter-box select {display: none;}
.filter-text {height: 100%;overflow: hidden;position: relative;cursor: pointer;padding: 0 30px 0 10px;background: #fff;border: 1px solid #e6e6e6;}
.filter-text input {font-size: 14px;outline: none}
.filter-text .filter-title {width: 100%;height: 36px;line-height: 36px;border: 0;background-color: transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;cursor: pointer;color: #888;}
.filter-list {display: none;width: 100%;max-height: 300px;background-color: #fff;font-size: 14px;position: absolute;top: 42px;left: 0;z-index: 99;border: 1px solid #e6e6e6;overflow: auto;}
.filter-list li.filter-null a {color: #d2d2d2;}
.filter-list li a {display: block;padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;cursor: pointer;}
.filter-list li:hover {background-color: #f2f2f2;}
.filter-list li.filter-selected {background-color: #236FFB;}
.filter-list li.filter-selected a {display: block;color: #fff;}
.filter-list li.filter-disabled {background-color: #fff;}
.filter-list li.filter-disabled a {display: block;color: #d2d2d2;}
.filter-list li.filter-disabled:hover a {cursor: not-allowed!important;background-color: #fff;}
.icon {position: absolute;}
.icon-filter-arrow {width: 8px;height: 6px;background-repeat: no-repeat;background-image: url(../images/select.png);background-size: 100%;right: 10px;top: 13px;transition: all .2s;}
.icon-filter-arrow.filter-show {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.filter-list::-webkit-scrollbar {width: 4px;height: 4px;}
.filter-list::-webkit-scrollbar-track {background: #fff}
.filter-list::-webkit-scrollbar-thumb {background: #CBCBCB;}
.cwimg {cursor:pointer}
.pupop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 888;background: rgba(0,0,0,.55);display: flex;justify-content: center;align-items: center;}
.pupop_box {border-radius: 14px;-webkit-animation-duration: .5s;animation-duration: .5s;position: relative;width: 638px;height: 93%;padding: 2% 30px 5%;background: #fff;}
.pupop_box .close {font-size: 18px;width: 40px;line-height: 40px;height: 40px;background: #eceff6;color: #596080;border-radius: 0 14px 0 14px;position: absolute;right: 0;top: 0;display: flex;align-item:center;text-align: center;justify-content: center;cursor: pointer;}
.pupop .hd {font-size: 20px;font-weight: 700;color: #2d2b33;line-height: 47px;height: 47px;text-align: center}
.pupop .bd {height: 100%;text-align: center}
.pupop .bd img {width: auto;height: 94%;max-width: 100%}