﻿body {letter-spacing: 0;background: url(../images/bg.jpg) no-repeat center bottom;} 
.wrapper {/* background: url(../images/bg2.jpg) no-repeat center bottom; */position: relative;}
.wrapper .center {width: 1200px;margin: 0 auto;}
.wrapper .banner {margin-bottom: 50px;overflow:hidden;}
.wrapper .banner img {width: 1920px;margin-left:-960px;left: 50%;position: relative; }
.wrapper .banner .banner-phone{display: none;  }
.wrapper .banner .banner-pc{display: block; }

.font20 {
    font-size: 20px!important;
}

.tit{position: relative; margin-bottom: 30px;}
.tit h2{text-align: center;font-size: 30px;margin: 20px 0;color: #1c6cc3;
    background: url(../images/tit.png) no-repeat center center;}
.tit img{width: 100%;height: auto;}
.tit div {width: 680px;padding: 20px;position: absolute;right:0px;bottom: 0px;background: #fff;opacity: 0.9}
.tit p {font-size: 16px;line-height: 1.8;text-align: justify; color:#333;}
.tit p strong{font-weight: bold;color:#333;}

.tabIcon {margin-bottom: 55px;}
.tabIcon ol {overflow: hidden;_zoom:1;max-width: 1300px;}
.tabIcon ol li {float: left;width:575px;float: left;height: 95px;position:relative;cursor: pointer;margin-left: 40px;border-radius: 20px}
.tabIcon ol li:first-child {margin-left: 0;}

.tabIcon ol li h3 {font-size: 26px;color: #fff;padding-left:30px; padding-top: 20px;line-height: 100%;margin-bottom: 10px;}
.tabIcon ol li p {font-size: 18px;color: #fff;padding-left:30px;}
.tabIcon ol li img {display: inline-block;position: absolute;right: 30px;top: 30px;}

.tabIcon ol li.li1 {border: 2px solid #3d81cc;}
.tabIcon ol li.li1 h3,
.tabIcon ol li.li1 p {color: #3d81cc;}
.tabIcon ol li.li2 {border: 2px solid #ff63b7;}
.tabIcon ol li.li2 h3,
.tabIcon ol li.li2 p {color: #ff63b7;}

.tabIcon ol li.li3 {border: 2px solid #a443e8;}
.tabIcon ol li.li3 h3,
.tabIcon ol li.li3 p {color: #a443e8;}

.tabIcon ol li.li1.on {background: #3d81cc;}
.tabIcon ol li.li1.on h3,
.tabIcon ol li.li1.on p {color: #fff;}

.tabIcon ol li.li2.on {background: #ff63b7;}
.tabIcon ol li.li2.on h3,
.tabIcon ol li.li2.on p {color: #fff;}

.tabIcon ol li.li3.on {background: #a443e8;}
.tabIcon ol li.li3.on h3,
.tabIcon ol li.li3.on p {color: #fff;}

.tabDiv h2 {text-align: center;font-size: 30px;margin: 50px 0 40px;}
.tabDiv h4 {font-size: 18px;line-height: 46px;color: #333}

.tabAll .tabDiv .tit p {background: none;padding: 0px;text-align: left;}
.tabAll .tabDiv .tit p.p1{text-align: left;background: url(../images/icon4.png) no-repeat left 15px;padding-left: 15px;}
.tabAll .tabDiv .tit img {display: block;margin-bottom: 20px;}
.tabDiv table {border-radius: 8px;overflow: hidden;border-left: 1px solid #e6e6e6;background: #fff;}
.tabDiv table th {padding: 8px 0;font-size: 18px;text-align: center;background: #ff63b7;color: #fff;border:1px solid #ff92cd;}
.tabDiv table td b {background: url(../images/airline.png) no-repeat center;display: inline-block;width: 28px;height: 18px;padding: 0 5px;}
.tabDiv table td {padding: 8px 0;font-size: 16px;text-align: center;color: #333;border-right: 1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}
.tabDiv table td.tdc {background: #f7f7f7;}
.tabDiv table .tr_txt td,.tabDiv table td.td_txt{color:#333;}


.tabAll .tabDiv p {font-size: 16px;color: #333;line-height: 36px;background: url(../images/icon4.png) no-repeat left 15px;padding-left: 15px; }

/* .tabDiv3 .bgc p,.tabDiv1 .bgc p {white-space:nowrap;} */

.tabDiv1 h2 {color: #ff63b7; background: url("../images/tit_r.png") no-repeat center center;}
.tabDiv3 h2 {color: #1c6cc3; background: url("../images/tit.png") no-repeat center center;}

.tabAll .tabDiv p.p_bg{color: #a443e8;}

.tit_tp{width:100%; border-radius: 25px; font-size:24px; line-height: 2em; text-align: center; color: #fff; margin:30px 0 50px; font-weight: bold;}
.titbg01{background: #ff63b7; margin-bottom: 20px;}
.titbg02{background: #a443e8;}
.titbg03{background: #34a8ff;}
.tabDiv li.tit  {position: relative;}
.tabDiv li.tit div {width: 680px;padding: 20px;position: absolute;right:0px;bottom: 0px;background: #fff;opacity: 0.9}
.tabDiv li.tit div p {font-size: 16px;line-height: 1.8;text-align: justify;}

.tabDiv2 table th {background: #a443e8;border:1px solid #bf7cef;}
.tabDiv3 table th {background: #34a8ff;border:1px solid #71c2ff;}

.tabDiv1 .bgc {background: url(../images/bgc1.png) no-repeat center top; padding: 250px 0 40px 0;}
.tabDiv1 .bgc h2 {color: #fff;}
.tabDiv1 .bgc p,.tabDiv1 .bgc h4 {color: #fff;}
.tabDiv1 .bgc .div1 h2 {text-align: left;background: url(../images/icon6.png) no-repeat right;}
.tabDiv1 .bgc .div2 {padding-top: 50px;}


.tabDiv2 .bgc {background: url(../images/bgc3.png) no-repeat center top; padding: 200px 0 40px 0;}
.tabDiv2 .bgc h2 {color: #fff;}
.tabDiv2 .bgc p,.tabDiv1 .bgc h4 {color: #fff;}
.tabDiv2 .bgc .div1 h2 {text-align: left;background: url(../images/icon6.png) no-repeat right;}
.tabDiv2 .bgc .div2 {padding-top: 60px;}
.tabDiv2 .bgc .div2 table {margin-bottom: 30px;}

.tabDiv3 .bgc {background: url(../images/bgc2.png) no-repeat center top; padding: 200px 0 40px 0;}
.tabDiv3 .bgc h2 {color: #fff;}
.tabDiv3 .bgc p,.tabDiv1 .bgc h4 {color: #fff;}
.tabDiv3 .bgc .div1 h2 {text-align: left;background: url(../images/icon6.png) no-repeat right;}
.tabDiv3 .bgc .div2 {padding-top: 120px;}
.tabDiv3 .bgc .div2 table {margin-bottom: 30px;}

.wrapper .toTop {position: fixed;height:0px;background: #000;bottom: 0px;right: 0px;width: 960px;margin-left:-480px;left: 50%;display: none; }
.toTop a {display:block;width: 38px;height: 38px;background: url(../images/toTop.png) no-repeat;position: absolute;right: -160px;bottom: 380px;}

.footerPhone,.footerhead {display: none;}

.li_tit{width:520px; margin:50px auto 40px; overflow: hidden; _zoom:0;border:1px solid #3d81cc;height: 54px;border-radius:50px;}
.li_tit span {display: inline-block;text-align: center;height: 54px;line-height: 54px;width: 240px;font-size: 20px;cursor: pointer;}
.li_tit span.on{width: 280px;background: #3d81cc;border-radius:50px;color: #fff}

.tit1{width:520px; margin:50px auto 40px; overflow: hidden; _zoom:0;border:1px solid #ff63b7;height: 54px;border-radius:50px;}
.tit1 span {display: inline-block;text-align: center;height: 54px;line-height: 54px;width: 240px;font-size: 20px;cursor: pointer;}
.tit1 span.on{width: 280px;background: #ff63b7;border-radius:50px;color: #fff}



.tabAll .tabDiv1 .tabDiv2_p{ width:900px; margin:20px auto; color:red; font-size: 20px;  background: none; }
.tabAll .tabDiv1 .tabDiv2_p b{font-weight: normal; display: block;}



.tp_p{text-align: center; font-size: 18px; margin:0 auto 40px; color:#cf0606;}
.tabDiv3 .bgc p .br_1, .tabDiv1 .bgc p .br_1{display: none;}
.tabDiv3 .bgc p .br_2, .tabDiv1 .bgc p .br_2{display: block;}

.new_p{color:red;font-size:20px; text-align:center;margin:0px auto 40px;line-height:28px;}
.new_p2{color:#333;font-size:20px; text-align:center;margin:20px auto 60px;line-height:28px;max-width: 1200px;padding:0 20px;box-sizing: border-box;}
.airline {background: #fff;border-top: 8px solid #3d81cc;}
.airline ul {overflow: hidden;_zoom:1;}
.airline ul li {overflow: hidden;_zoom:1;border-bottom: 1px dashed #f5f5f5;padding: 20px 0;width: 50%;float: left;}
.airline ul li div {width: 45%;float: left;padding-left: 5%;}
.airline ul li div.add {overflow: hidden;_zoom:1;}
.airline ul li div.add span {display: inline-block;float: left;height: 30px;line-height: 30px;font-size: 18px;}
.airline ul li div.add .sc {display: inline-block;background: url(../images/icon7.png) no-repeat center;width: 80px;}
.airline ul li div .p1 {width: 100%;overflow: hidden;_zoom:1;}
.airline ul li div .p2 {font-size: 16px;color: #999;}
.airline ul li div.price1 .p1,.airline ul li div.price2 .p1 {font-size: 20px;}
.airline ul li div.price1 .p1 b,.airline ul li div.price2 .p1 b {font-size: 12px;}
.tabAll .tabDiv p{background: none;line-height: 22px;line-height: 28px;}


.airline ul li div.price1{display: none;}
.pbtn {text-align: center;padding-top: 30px;}
.pbtn a {display: inline-block;width: 320px;height: 42px;line-height: 42px;text-align: center;background: #fc2626;color: #fff;font-size: 20px;border-radius: 25px;}

.winpop {position: fixed;z-index:9999;top: 20%;width: 800px;margin-left: -400px;left: 50%;display: none;}
.divPop {background: #fff;padding: 50px;box-shadow: 2px 2px 8px 2px #e1e1e1}
.divPop h3 {font-size: 22px;color: #bf3a3e;padding:20px  0 ;}
.divPop p {font-size: 16px;line-height: 22px;color: #333;}
.divPop table td,.divPop table th {border:1px solid #e1e1e1;font-size: 14px;color: #333;padding: 10px;width: 50%;text-align: center;}
.winpop span {position: absolute;right: 20px;top: 20px;font-size: 22px;color: #333}

.bodybg {background: #000;opacity: 0.7;width: 100%;height: 100%;position: fixed;top: 0px;display: none;z-index: 999}

.tabAll .tabDiv p a {color: #fff;text-decoration: underline;}


/*订票框*/
.bookingBox {margin-top: -120px;position: relative;z-index: 99;margin-bottom: 50px;}
.bookingBoxFix {position:fixed;top: 20%;z-index: 10;width: 1200px;margin-left: -600px;left: 50%;margin-top: 0px;}
.bookingBoxFix .ticketBox {position: relative;z-index: 10}
.bookingBoxFix .kobg {width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;background: url(../images/kobg.png) repeat;z-index:10;}

.bookingBox .tip {display: none;}
.bookingBoxFix .tip {display: block;font-size: 32px;text-align: center;line-height: 56px;color: #fff;padding-top: 30px;z-index: 10;position: relative;font-weight: bold;}

#ticket-2 {display: none;}
.ui-tabs .ui-tabs-nav {display: none;}

.bookingBox .tit {width: 1200px;margin: 0 auto;position: relative;}
.bookingBox .tit span {display: inline-block; font-size: 16px;color: #cb0303;height: 45px;line-height: 45px;padding: 0 23.8px;font-weight: bold;width: 260px;background:url(../images/ticket01.png) no-repeat 260px center #fff;}
.trip-box #trip-box-1 {border:none;}
.has-shadow {box-shadow: none;}
/*订票框*/



@media screen and (max-width: 1450px){
/* .ticketBox .container {width: auto;} */
    .ticketBox .tab-container {max-width: 1000px;}
    .bookingBox .tit{max-width: 1000px;}
    .bookingBox .tit span{width: 200px;background-position: 200px center;}
    .wrapper .toTop{width: auto;margin-left: 0;left:auto;right: 0;}
    .toTop a{bottom: 128px;right: 10px;}
}

@media (max-width: 1200px) {

body {min-width: 1200px;overflow-x:auto }

}


@media(max-width: 1024px) {

	body {min-width: auto;}

    .header,.nav,.footer {display: none;}
    .bookingBox {display: none;}

    .wrapper {padding-bottom: 0px;}
    .wrapper .center{width: auto;margin: 0px;left:0px;position: static;padding: 0 10px;}

	.wrapper .banner .banner-phone{display: block;width: 100%;  }
	.wrapper .banner .banner-pc{margin: 0 auto;display: none; }
	
	.tit{margin:30px 0;}
	.tit h2 {
	    margin: 30px 0 15px;
	    font-size: 18px;
	    background: none;
	}
	.tit div {
	    position: static;
	    left: 0px;
	    padding: 20px;
	    width: auto;
	}
	.wrapper .banner img {width: 100%;margin-left:0px;left: auto;position: relative; }
	.tabIcon ol li {padding-top: 16px;}
	.tabIcon ol li h3 {text-align: center;padding: 0px;font-size: 22px;}
	.tabIcon ol li img {display: none;}
	.tabIcon ol li p {padding: 0px 10px;text-align: center;font-size: 12px;line-height: 18px;}  
	.tabDiv h2 {margin: 30px 0 15px; font-size: 18px; }
	.tabDiv table td {font-size: 14px;line-height: 1.6;padding: 10px 3px;}
     
	.tit_tp{ font-size:14px; width:95%; margin:0 auto; padding:2%; line-height: 1.5em;  }
	
	
	.li_tabList .li_tab{width: 100%;overflow-x:auto;}
	
	.tabDiv1 h2 { background: none;}
	.tabDiv2 h2 { background: none;}
	.tabDiv3 h2 { background: none;}

	.tabDiv table th{ font-size: 14px;padding: 10px 3px;}

	.tabAll .tabDiv p {padding: 0 10px 0 20px;background: url(../images/icon4.png) no-repeat 5px 10px;font-size: 14px;line-height: 26px;}

/*	.wrapper .tabIconfix {position: fixed;top: 0px;left: 0px;width: 100%;background: #fff}
*/
	.tabDiv1 .bgc {background: #ff63b7;padding: 0px; padding-top: 20px;}
	.tabDiv1 .bgc .div2 {background: #34a8ff}

	.tabDiv2 .bgc {background:#a443e8;padding: 0px; padding-top: 20px;}
	.tabDiv2 .bgc .div2 {background: #34a8ff}

	.tabDiv3 .bgc {background:#1c6cc3;padding: 0px;padding-top: 20px;}
	.tabDiv3 .bgc .div2 {background: #ff63b7}


	.footerPhone,.footerhead {display: block;}
	.footerPhone p {text-align: center;font-size: 14px;color:#333;line-height: 48px;}
	.footerhead img {display:inline-block;}
	.footerhead {text-align: center;padding: 20px 0;}


	.li_tit{width:90%; margin:20px auto 10px; overflow: hidden; _zoom:0; }
	.li_tit span{background: #fff; border:1px solid #34a8ff; border-radius: 25px;  width:45%;  padding-left: 0; height:auto; text-align: center; line-height: 2em; color:#34a8ff;  font-size: 14px;}
	.li_tit span.on{background: #34a8ff; color:#fff;}
	.tit1 span{background:#fff; border:1px solid #ff63b7; color:#ff63b7;}
	.tit1 span.on{background:#ff63b7;}
	.tit2 span{background:#fff; border:1px solid #a443e8; color:#a443e8;}
	.tit2 span.on{background:#a443e8;}
	.tabDiv2 .bgc .div1 h2,.tabDiv1 .bgc .div1 h2,.tabDiv3 .bgc .div1 h2{ background: none; }
	
	.tabAll .tabDiv2 .tabDiv2_p{width:98%; margin:10px auto 0; font-size: 16px; padding:0; }

	.tabAll .tabDiv1 .tabDiv2_p{ width:98%; margin:10px auto; color:red; font-size: 16px;  background: none; padding:0; }
	.tp_p{font-size: 14px;}
	.tabDiv3 .bgc p, .tabDiv1 .bgc p{white-space:normal;}

	.tabDiv3 .bgc p .br_2, .tabDiv1 .bgc p .br_2{display: none;}
	.tabDiv3 .bgc p .br_1, .tabDiv1 .bgc p .br_1{display: block;}
	.tabDiv1 .bgc p br,.tabDiv2 .bgc p br,.tabDiv3 .bgc p br{display: none;}
	.new_p{font-size:20px;}

	.airline ul li {padding: 0 10px;}
	.tabAll .tabDiv .tit img {width: 100%;}
	.tabDiv li.tit div {position: static;left: 0px;padding: 20px;width: auto;}
	.tabAll .tabDiv p {background: none;padding: 0px;margin: 0px;}
	.airline ul li div {width:45%;padding: 0px;padding-left: 5%}
	.airline ul li div.add span {}
	.airline ul li div.add span.sc {width:40px; }


	.airline ul li div.price1 .p1, .airline ul li div.price2 .p1 {font-size: 14px;}
	.airline ul li div .p2 {font-size: 14px;}
	.airline ul li div.add span {font-size: 14px;}
	.tabDiv3 .bgc {padding:10px;}

	.airline ul li {width:100%}

	.tabAll .tabDiv p.pbtn  {padding: 20px 0;}
	.footerhead {display: none;}
	.tabIcon ol {width: auto;}
	.tabIcon ol li {width: 47%;margin:0 0.5%;height: auto;padding: 0px;cursor: pointer;}
	.tabIcon ol li h3 {font-size: 16px;line-height:40px;margin: 0px;}
	.tabIcon ol li p {display: none;}

	.li_tit span,.li_tit span.on {width: 50%;border:none;line-height: 54px;}

	.tabAll .bgc {padding: 20px 10px;}
	.wrapper .banner {margin-bottom: 20px;}


	.winpop {width: 100%;margin: 0px;padding: 0px;left: 0px;top: 0px;}
	.divPop {padding: 50px 10px;}
}
@media(max-width: 768px){
	.tabDiv table th {
		padding: 5px 3px;
	}
	.tabDiv table td {
		font-size: 12px;
		padding: 5px 3px;
	}
}
@media(max-width: 480px){
	.tabDiv table td {
		padding: 3px;
		line-height: 1.4;
	}
}
@media(max-width: 412px){
.tabDiv3 .bgc p, .tabDiv1 .bgc p{ font-size: 12px;}
.tabDiv table td b{display: block; margin:0 auto;}
}







