*{ margin:0px; padding:0px; font-family:Microsoft Yahei; box-sizing:border-box}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
img,input{ border:0px;}
ul li{ list-style:none;}
em,i{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.main{ margin:0 auto;}
body{ margin:0 auto;position:relative;}
input[type="submit"],input[type="reset"],input[type="button"],button,input[type="text"]{-webkit-appearance: none;border-radius:0px; outline:none; border:0px;}
select{ border:0px;background:none;border-radius:0px;}

.sy_list .btn span:hover, .gp_list .btn:hover {
	background: #0c6cdd;
}


body{ background: #ECECEC;}
.content{ margin: 0 auto; width: 100%; max-width: 560px;}
.main{ position: relative; width: 100%; padding-bottom: 60px; min-height: 100vh;}
.header,.footer{ display:flex;justify-content: center; align-items:center; width:100%;}
.footer{ position: absolute; bottom: 0; left: 0; width: 100%;}
.header img,.footer img{ max-width:100%}
.header .img_pc,.footer .img_pc{ display:none}
.header .img_yd,.footer .img_yd{ display:inline-block}
@media (min-width: 640px) {
	.header .img_pc,.footer .img_pc{ display:inline-block}
	.header .img_yd,.footer .img_yd{ display:none}
}

/* 首页 */
.sy_bg {
	background: #0c6cdd;
}
.sy_main{ display: flex; width: 100%; min-height: 100vh; justify-content: center; align-items: center;}
.sy_list{ padding: 30px 0; width: 550px;}
	.sy_list li {
		background: #fff;
		margin: 30px 0 40px 0;
		border-radius: 10px;
		padding: 50px 30px;
		text-align: center;
	}
.sy_list .pimg{ width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}
.sy_list .pimg img{ max-height: 90px; max-width: 100%;}
.sy_list .title{ color: #323232; font-size: 32px; line-height: 50px;}
.sy_list .info{color: #323232; font-size: 22px; line-height: 40px;}
.sy_list .btn{ text-align: center; padding: 25px 0 10px 0;}
	.sy_list .btn span {
		display: inline-block;
		width: 340px;
		line-height: 60px;
		background: #0c6cdd;
		color: #fff;
		font-size: 22px;
		cursor: pointer;
		transition: 0.5s;
	}
		
@media (max-width: 640px) {
	.sy_main{ padding:10px 25px;}
	.sy_list{ width: 100%; padding: 0;}
	.sy_list li{ margin: 30px 0; padding: 30px;}
	.sy_list .pimg{ margin-bottom: 20px;}
	.sy_list .pimg img{ max-height: 70px; max-width: 65%;}
	.sy_list .title{font-size: 24px; line-height: 40px;}
	.sy_list .info{ font-size: 17px; line-height: 30px;}
	.sy_list .btn{ padding: 20px 0 10px 0;}
	.sy_list .btn span{ width: 95%; line-height: 46px; font-size: 18px;}
}


/* 弹框 */
.xuzhi{ width:680px; background:#fff; border-radius:10px;}
.xuzhi .tit{ width:100%; line-height:60px; border-bottom:1px solid #D3D3D3; text-align:center; color:#323232; font-size:22px; font-weight:bold}
.xuzhi .desc{ padding:25px; line-height:32px; max-height:460px; overflow:hidden; overflow-y:auto; font-size:16px; color:#323232;}
.xuzhi .desc{-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.xuzhi .desc::-webkit-scrollbar {width: 5px;}
.xuzhi .desc::-webkit-scrollbar-track-piece  { width:7px; background-color: #E8EBF4; -webkit-border-radius: 10% 10%;}
.xuzhi .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; background-color:#969696;}
.xuzhi .bottom{  padding:30px 0; text-align:center;border-top:1px solid #D3D3D3;}
.xuzhi .btn{ width:180px; height:50px;  color:#fff; cursor:pointer;  background:#075737; font-size:18px}
@media (max-width: 640px) {
	.xuzhi{ width:320px;}
	.xuzhi .tit{ font-size:18px; line-height:50px}
	.xuzhi .desc{ font-size:14px; line-height:28px; padding:15px; max-height: 400px;}
	.xuzhi .btn{ width:150px; height:44px; font-size:16px;}
	.xuzhi .bottom{ padding: 20px 0;}
	.xuzhi .btn{ border-radius: 60px;}
}


/* 购票列表 */
.gp_list{ padding: 40px 0;}
.gp_list li{ padding: 30px 0;}
.gp_list .nei{ border: 1px solid #075737;  padding: 20px 30px;}
.gp_list .top{ display: flex; justify-content: space-between; align-items: center; line-height: 46px;}
.gp_list .top .title{ color: #323232; font-size: 28px; }
.gp_list .top .price{ color: #E01F1F; font-size: 20px; display: flex; align-items: center;}
.gp_list .top .price span{ font-size: 36px;}
.gp_list .top .price .mianFei{ font-size: 30px;}
.gp_list .desc{ line-height: 32px; font-size: 16px; color: #959595;}
.gp_list .btn{ width: 100%; display: block; line-height: 50px; text-align: center; color: #fff; font-size: 22px; background: #075737; cursor: pointer; margin: 10px 0;}

.gp_list .select{ border: 1px solid #075737;  border-top: 0; padding: 0 20px; text-align: center; line-height: 60px; display: none;}
.gp_list .select dt{ color: #959595; font-size: 20px;}
.gp_list .select dd{ color: #075737; font-size: 20px; border-top: 1px solid #C7C7C7; cursor: pointer;}
.gp_list .select dd:hover{ font-weight: bold;}

@media (max-width: 640px) {
	.gp_list{ padding: 20px 15px;}
	.gp_list li{ padding: 15px 0;}
	.main{ padding-bottom: 40px !important;}
	.gp_list .nei{ padding:10px 15px; border-radius: 6px;}
	.gp_list .top{ line-height: 40px;}
	.gp_list .top .title{ font-size: 22px;}
	.gp_list .top .price{ font-size: 18px; width: 38%; justify-content: center;}
	.gp_list .top .price span{ font-size: 28px;}
	.gp_list .top .price .mianFei{ font-size: 24px;}
	.gp_list .desc{ line-height: 24px; font-size: 14px; width: 40%;}
	.gp_list .bottom{ display: flex; justify-content: space-between; align-items:center; padding-top: 5px;}
	.gp_list .btn{ width: 38%; line-height: 40px; font-size: 17px; margin: 0;}
	.gp_list .select{border: 1px solid #075737; margin-top: 10px; border-radius: 6px;}
	.gp_list .select{ line-height: 50px;}
	.gp_list .select dt,.gp_list .select dd{ font-size: 16px;}
}