*,
*::after,
*::before {
	margin: 0;
	padding: 0;
}

@media screen and (max-width:1900px) {
    body,html {
        width: 100%;
    }
}
ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

.title {
	width: 630px;
	height: 136px;
	margin: auto;
	text-align: center;
	line-height: 114px;
	font-weight: 600;
	position: relative;
	background: url(./images/summer/xiariqiepian_13.png);
}

.title>p {
	font-size: 47px;
	color: #ffffff;
}

.title>p>span {
	font-size: 56px;
	color: #1961d1;
	padding-right: 113px;
}

.summer-activity-Header {
	width: 100%;
	height: 888px;
	position: relative;
	background-position: center;
	background-size: 100% 100%;
	background-position: center !important;
	background: url(./images/summer/beijing_01.jpg) no-repeat;
}
.summer-activity-Header>.logo{
	width: 1400px;
	margin: auto;
	position: relative;
}
.summer-activity-Header>.logo>a{
	position: absolute;
	top: 52px;
    left: 96px;
}
.summer-activity-Header>.logo>a>img{
	display: inline-block;
	width: 178px;
	height: 41px;
}
.summer-activity-Header .active-bg>img {
	width: 1158px;
	display: block;
	margin: auto;
	padding-top: 115px;
}

.summer-activity-Header>.active {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 146px;
	background-color: rgba(255, 255, 255, 0.43);
}

.summer-activity-Header>.active>.active-box {
	width: 1215px;
	height: 102px;
	margin: 22px auto 22px;
	display: flex;
	position: relative;
}
.summer-activity-Header>.active>.active-box>div:hover{
	transform: scale(1.05);
	z-index: 100;
}
.summer-activity-Header>.active>.active-box .header-box{
	width: 407px;
	height: 102px;
	position: absolute;
	background: linear-gradient(90deg,
	#3a7bf4,#4b86f1,#6c9cf1);
}
.summer-activity-Header>.active>.active-box .header-box>a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.header-box>a>img:nth-child(1){
	position: absolute;
	top: 0;
	left: 0;
}
.header-box>a>img:nth-child(2){
	padding: 27px 6px 27px 75px;
}
.header-box>a>p{
	display: inline-block;
	font-size: 30px;
	line-height: 13px;
	letter-spacing: 0px;
	color: #ffffff;
	position: relative;
	top: -41px;
	left: 20px;
}
.active-box>.box2>a>img:nth-child(1){
	left: 18px;
}
.active-box>.box3>a>img:nth-child(1){
	left: 18px;
}
.summer-activity-Header>.active>.active-box>.box1 {
	left: 34px;
	clip-path: polygon(93% 0%,
			/* Top */
			100% 50%,
			/* Top right */
			93% 100%,
			/* Bottom right */
			0% 100%,
			/* Bottom left */
			0% 0%
			/* Top left */
		)
}

.summer-activity-Header>.active>.active-box>.box2 {
	left: 405px;
	clip-path: polygon(92% 0%,
			/* Top */
			100% 50%,
			/* Top right */
			92% 100%,
			/* Bottom right */
			2% 100%,
			9% 50%,
			/* Bottom left */
			2% 0%
			/* Top left */
		)
}

.summer-activity-Header>.active>.active-box>.box3 {
	right:32px;
	clip-path: polygon(100% 0%,
			/* Top */
			100% 50%,
			/* Top right */
			100% 100%,
			/* Bottom right */
			1% 100%,
			/* Bottom left */
			9% 50%,
			1% 0%
			/* Top left */
		)
}

.summer-activity-Header .activity-time {
	position: absolute;
	bottom: 0;
	background-color: #eeebeb;
	width: 100%;
	height: 146px;
	opacity: .4;
}

.summer-activity-Zone {
	width: 100%;
	height: 1218px;
	background-position: center !important;
	background: url(./images/summer/beijing_02.jpg) no-repeat;
}

.Zone-title {
	top: 100px;
}

.Zone-title>p {}

.Zone-title>p>span {
	padding-right: 113px;
}

.summer-activity-Zone .zone-box {
	width: 1533px;
	height: 522px;
	margin: auto;
	position: relative;
	top: 10rem;
	display: flex;
	gap: 3rem;
	justify-content: center;
}

.active-plate {
	width: 307px;
	height: 522px;
	border-radius: 26px;
	text-align: center;
	background-color: #fff
}
.summer-activity-Zone .zone-box .active-plate>a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.summer-activity-Zone .zone-box .active-plate h5 {
	font-size: 16px;
	line-height: 32px;
	letter-spacing: 1px;
	color: #257abf;
	margin: 39px 0;
}

.summer-activity-Zone .zone-box .active-plate .plate-title {
	font-size: 20px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #257abf;
	display: inline-block;
	margin: 56px 0 0;
}
.summer-activity-Zone .zone-box .active-plate .plate-title>span:nth-child(1) {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 20px;
	font-size: 22px;
	position: relative;
	top: -6px;
    margin: 0 4px;
	font-weight: 500;
	color: #ffffff;
	background-image: linear-gradient(0deg, 
		#ef7b40 0%, 
		#f7ab79 100%), 
	linear-gradient(
		#ff5735, 
		#ff5735);
	background-blend-mode: normal, 
		normal;
	box-shadow: inset 0px 3px 4px 0px 
		#f9bf94, 
		inset 0px -3px 1px 0px 
		rgba(232, 73, 24, 0.57);
}
.summer-activity-Zone .zone-box .active-plate .plate-title>span {
	font-weight: 600;
}

.summer-activity-Zone .zone-box .active-plate .dexcription {
	font-size: 15px;
	line-height: 32px;
	letter-spacing: 0px;
	color: #257abf;
}

.summer-activity-Zone .zone-box .active-plate .D-one {
	background-color: #4f88e2;
	height: 60px;
	font-size: 15px;
	color: #fff;
	line-height: 60px;
	border-radius: 0 0 23px 23px;
	position: relative;
	top: 64px;
}

.summer-activity-Zone .zone-box .active-plate:nth-child(3) .D-one {
	line-height: 20px;
	height: 50px;
	padding-top: 10px;
}

/* 订单 */
.summer-order-bg {
	background-position: center !important;
	background: url(./images/summer/beijing_03.jpg) no-repeat;
	width: 100%;
	height: 1998px;
}

.order-active-bg {
	position: relative;
	top: 6.25rem;
}
.ticket-p{
	display: inline-block;
	text-align: center;
	background-image: linear-gradient(0deg, 
		#ef7b40 0%, 
		#f7ab79 100%), 
	linear-gradient(
		#ffffff, 
		#ffffff);
	background-blend-mode: normal, 
		normal;
	box-shadow: inset 0px 3px 4px 0px 
		#f9bf94, 
		inset 0px -3px 1px 0px 
		rgba(232, 73, 24, 0.57);
	border-radius: 10px;
	font-size: 14px;
	letter-spacing: 0px;
	color: #ffffff;
	box-shadow: 0px 3px 2px 0px 
		#e04e19;
}
.ticketcode-up .ticket-p{
	position: relative;
	width: 90px;
	height: 28px;
	line-height: 28px;
	top: 140px;
    left: 167px;
}
.ticketcode-down .ticket-p{
	position: relative;
	top: 171px;
    left: 42px;
	width: 113px;
	height: 34px;
	line-height: 34px;
}

.Order-bg {
	width: 1023px;
	height: 505px;
	margin: auto;
	background-color: #f9fbff;
	box-shadow: 2px 4px 12px 0px rgba(86, 154, 208, 0.41);
	border-radius: 26px;
	position: relative;
	z-index: 100;
	top: 80px;
}

.summer-activity-Product {
	position: relative;
	z-index: 100;
}

.summer-activity-Order>.bg,
.summer-activity-Product>.bg {
	position: absolute;
	top: 30px;
	left: 255px;
	font-size: 29px;
	color: #feffff;
	font-weight: 600;
	padding-top: 5px;
	z-index: 1;
	padding-left: 41px;
	width: 405px;
	height: 300px;
	background-color: #4f88e2;
	box-shadow: 2px 4px 12px 0px #569ad0;
	border-radius: 26px 83px 26px 26px;
}

.summer-activity-Product>.bg {
	z-index: -1;
	top: -50px;
}

.product-bg {
	width: 1023px;
	height: 529px;
	margin:196px auto 0;
	background-color: #f9fbff;
	box-shadow: 2px 4px 12px 0px rgba(86, 154, 208, 0.41);
	border-radius: 26px;
}

.order-title {
	position: relative;
	top: 50px;
}

.order-title>p {
	padding-left: 30px;
}

.order-title>p>span {
	padding-right: 80px;
}

.order-active-bg {
	width: 1533px;
	height: 1837px;
	margin: auto;
}

.order-layout {
	display: flex;
	justify-content: center;
}

.TicketCode .ticketcode-up,
.TicketCode .ticketcode-down {
	width: 619px;
	display: flex;
}

.TicketCode .ticketcode-up>.img {
	width: 293px;
	height: 185px;
}

.TicketCode .ticketcode-up>.img:nth-child(1) {
	background: url(./images/xiariqiepian_41.png);
}

.TicketCode .ticketcode-up>.img:nth-child(2) {
	background: url(./images/xiariqiepian_43.png);
}

.order-layout .TicketCode-Rules {
	padding: 0 20px 0 37px;
}

.order-layout .TicketCode-Rules .rules-up>p {
	display: inline-block;
	font-size: 24px;
	letter-spacing: 0px;
	color: #e7841a;
	position: relative;
	top: -100px;
	font-weight: 600;
}

.order-layout .TicketCode-Rules .rules-up>img {
	width: 230px;
	display: inline-block;
}

.order-layout .TicketCode-Rules .rules-down li {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #000000;
}
.order-layout .TicketCode-Rules .rules-down li:nth-child(2){
	font-weight: 600;
}

.order-layout .TicketCode-Rules .rules-down li>a {
	color: #e7841a;
}
.TicketCode{
	padding-top: 41px;
}

.TicketCode .ticketcode-down>.img {
	width: 195px;
	height: 238px;
}

.TicketCode .ticketcode-down>.img:nth-child(1) {
	background-image: url(./images/xiariqiepian_47.png);
}

.TicketCode .ticketcode-down>.img:nth-child(2) {
	background-image: url(./images/xiariqiepian_49.png);
}

.TicketCode .ticketcode-down>.img:nth-child(3) {
	background-image: url(./images/xiariqiepian_51.png);
}

.product-area {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
	justify-items: center;
	grid-row-gap: 3rem;
	position: relative;
	top: 65px;
}

.product-area>a>div {
	width: 457px;
	height: 179px;
	background-color: #1961d1;
	border-radius: 7px;
}

.product-area>a>div>h4 {
	font-size: 26px;
	color: #000000;
	padding: 38px 0 13px 21px;
}

.product-area>a>div>.descri {
	font-size: 14px;
	color: #3f7fe3;
	padding: 3px 0 20px 21px;
}

.product-area>a>div>.button {
	margin-left: 21px;
	width: 97px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	letter-spacing: 1px;
	color: #ffffff;
	background-image: linear-gradient(0deg,
			#ef7b40 0%,
			#f7ab79 100%),
		linear-gradient(#ffffff,
			#ffffff);
	background-blend-mode: normal,
		normal;
	box-shadow: inset 0px 3px 4px 0px #f9bf94,
		inset 0px -3px 1px 0px rgba(232, 73, 24, 0.57);
	border-radius: 14px;
}

.product-area>a:nth-child(1)>div {
	background-image: url(./images/xiariqiepian_61.png);
}

.product-area>a:nth-child(2)>div {
	background-image: url(./images/xiariqiepian_63.png);
}

.product-area>a:nth-child(3)>div {
	background-image: url(./images/xiariqiepian_67.png);
}

.product-area>a:nth-child(4)>div {
	background-image: url(./images/xiariqiepian_68.png);
}

.consult {
	position: relative;
	bottom: -11rem;
	width: 219px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	margin: auto;
	background-image: linear-gradient(0deg,
			#ef7b40 0%,
			#f7ab79 100%),
		linear-gradient(#ffffff,
			#ffffff);
	background-blend-mode: normal,
		normal;
	box-shadow: inset 0px 3px 4px 0px #f9bf94,
		inset 0px -3px 1px 0px rgba(232, 73, 24, 0.57);
	border-radius: 14px;
}

.consult>a {
	color: #fff;
	font-size: 600;
	width: 100%;
	height: 100%;
	display: inline-block;
}

/* gift */
.summer-activity-gift {
	width: 100%;
	height: 840px;
	padding-top: 100px;
	position: relative;
}

.summer-activity-gift>img {
	position: absolute;
	bottom: 18px;
	right: 29px;
}

.active-gift-plate {
	position: relative;
	height: 591px;
	width: 1291px;
	top: 40px;
	margin: auto;
	background: url(./images/summer/xiariqiepian_17.png) no-repeat;
}

.gift-plate-box {
	position: absolute;
	right: 45px;
	top: 100px;
	width: 593px;
	height: 102px;
	background-color: #fdfdfd;
	box-shadow: 0px 1px 12px 0px rgba(152, 188, 245, 0.37);
}

.gift-plate-box>a>img {
	position: absolute;
	top: 17px;
	left: 17px;
}

.gift-plate-box>a>.T-one {
	font-size: 25px;
	line-height: 13px;
	letter-spacing: 0px;
	font-weight: 600;
	color: #4f88e2;
	padding: 29px 0 17px 65px;
}

.gift-plate-box>a>.T-one>span {
	width: 215px;
	height: 26px;
	font-weight: 500;
	background-color: #e8f0fd;
	border-radius: 13px;
	font-size: 16px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #4f88e2;
	margin-left: 10px;
	padding: 0 24px 0 18px;
}

.gift-plate-box>a>.des-gift {
	font-size: 16px;
	line-height: 13px;
	letter-spacing: 1px;
	color: #8a8f9b;
	padding: 0 0 0 65px;
}

.gift-plate-box:nth-child(2) {
	top: 238px;
}

.gift-plate-box:nth-child(3) {
	top: 370px;
}

.gift-title {
	top: -10px;
}

/* active-footer */
.summer-activity-footer {
	width: 100%;
	height: 456px;
	text-align: center;
	position: relative;
	background-position: center !important;
	background: url(./images/summer/beijin_05.jpg) no-repeat;
}

.summer-activity-footer>img {
	position: absolute;
	top: 219px;
	left: 76rem;
}

.summer-activity-footer .active-footer-one {
	font-size: 26px;
	line-height: 56px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
	position: relative;
	top: 76px;
}

.summer-activity-footer .active-footer-one>span {
	color: #1a4e9f;
	font-weight: 600;
}

.summer-activity-footer>a {
	width: 408px;
	height: 61px;
	display: inline-block;
	line-height: 61px;
	padding-left: 40px;
	font-size: 30px;
	letter-spacing: 0px;
	color: #c27d40;
	text-align: center;
	background-image: linear-gradient(0deg,
			#f6dec2 0%,
			#fff9f3 100%),
		linear-gradient(#0975ec,
			#0975ec);
	background-blend-mode: normal,
		normal;
	box-shadow: inset 0px -3px 3px 0px rgba(202, 111, 36, 0.83),
		inset 6px 6px 3px 0px rgba(255, 255, 255, 0.83);
	border-radius: 10px;
	position: inherit;
	top: 114px;
}
.summer-activity-footer>a>img{
	position: absolute;
	left: 56px;
	top: 16px;
}
.active-footer-two {
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	position: inherit;
	top: 171px;
}

.active-footer-three {
	height: 63px;
	background-color: #82b3dd;
	font-size: 20px;
	line-height: 56px;
	letter-spacing: 0px;
	color: #ffffff;
	position: inherit;
	top: 252px;
}

/*新的网站底部样式*/
.footer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 50px 0 0 0;
	width: 100%;
	background-color: #2e3033;
	font-size: 14px;
	display: inline-block;
}

.footer-con {
	margin: 0 auto;
	width: 1200px
}

.footer-con .footer-top {
	font-size: 1.2rem
}

.footer-con .footer-top h4 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: .5rem;
	font-family: inherit;
	line-height: 1.2;
}

.footer-con .footer-mid {
	overflow: hidden;
	padding: 20px 0 30px;
	border-bottom: 1px solid #494b4d
}

.footer-con .footer-mid div.mid-left {
	float: left;
	overflow: hidden;
}

.footer-con dl dd a,
.footer-con dl dd span {
	display: block;
	color: #999;
	text-decoration: none;
	font-size: 14px;
	line-height: 32px;
}

.footer-con dl dd a:hover {
	color: #e94709
}

.footer-con .footer-mid div.mid-left dl {
	margin-right: 80px;
	overflow: hidden;
	float: left;
}

.footer-con .footer-mid div.mid-left dl:nth-child(2)~span {
	width: 1px;
	height: 168px;
	background-color: #494b4d;
	display: block;
	float: left;
	margin: 0 80px 0 0;
}

.footer-con .footer-mid div.mid-left dl:last-child {
	margin-right: 0;
	width: 200px;
}

.footer-con .footer-mid div.mid-left dl dt:before {
	position: relative;
	margin-left: -8px;
	width: 4px;
	height: 14px;
	background-color: #ea4609;
	content: '';
	top: 4px;
	float: left;
}

.footer-con .footer-mid div.mid-left dl dt {
	margin-bottom: 25px;
	margin-left: 8px;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
}

.footer-con .footer-mid div.mid-left dl dd {
	line-height: 30px;
	margin-bottom: .5rem;
	margin-left: 0;
}

.footer-con .footer-mid div.mid-left dl:first-child dd {
	float: left
}

div.mid-right {
	float: right;
}

div.mid-right p {
	color: #fff;
	text-align: center;
	font-size: 13px;
	margin: 0;
	line-height: 2;
}

div.mid-right p:last-child {
	margin-bottom: 0
}

div.mid-right div {
	padding: 5px;
	background-color: #fff
}

div.mid-right div img {
	display: block;
	border: none
}

div.f-bottom {
	text-align: center
}

div.bottom-nav {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 20px
}

.bnc a {
	float: left;
	margin-right: 10px;
}

.bnc i {
	float: left;
	margin-right: 10px;
	color: #999;
}

div.bottom-nav a {
	display: inline-block;
	margin: 0 10px;
	color: #eeebeb;
	text-align: center;
}

div.f-bottom p {
	color: #888;
	line-height: 80px;
	margin-bottom: 0;
}

div.f-bottom p img {
	vertical-align: -3px
}

.nSelected {
	color: #e94709 !important
}

a.qqchart,
a.zx {
	border: 1px solid #999;
	text-align: center;
	padding: 0 6px;
}

a.qqchart:hover,
a.zx:hover {
	border-color: #e94709;
	color: #e94709
}

a.qqchart img,
a.zx img {
	margin-right: 5px;
	vertical-align: -3px
}

/*右侧固定导航样式*/
.tipNav * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	color: #666;
}

.tipNav {
	height: 270px;
	width: 44px;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	z-index: 10000;
	box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
}

.tipNav>a {
	display: block;
	text-align: center;
	background-color: #fff;
	color: #545559;
	position: relative;
	border: 1px solid #f0f0f0;
	border-bottom: 0;
	border-top: 0;
}

.tipNav #ev-right-onlinechart {
	border-radius: 4px 4px 0px 0px;
	color: #fff;
	border: none;
	background-color: #fa5512;
	background-image: linear-gradient(0deg, #fa5512 0%, #fb8c56 100%);
}

.tipNav #ev-right-onlinechart span {
	border-radius: 4px 4px 0px 0px;
	color: #fff;
	writing-mode: tb-rl;
	font-size: 14px;
	padding: 15px;
	letter-spacing: 4px;
	height: 128px;
}

.tipNav>a img {
	display: block;
	border: none;
	margin: 0 auto 5px;
}

.tipNav>a .hoverImg {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	background-color: #fff;
}

.tipNav>a span,
.tipNav #ev-right-400 span {
	font-size: 12px;
	display: block;
	line-height: 1.2;
	color: #545559;
}

.tipNav>a:hover .hoverImg {
	z-index: 2;
}

.tipNav>a:hover span {
	color: #ff7733;
}

.tipNav>a.toTop {
	border: none;
}

.tipNav #ev-right-400 {
	background: #fff;
	text-align: center;
	cursor: pointer;
	height: 100px;
}

.tipNav #ev-right-400 span {
	writing-mode: tb-rl;
	padding: 12px 15px;
	font-size: 14px;
	letter-spacing: 4px;
	height: 100px;
	width: 45px;
}

.tipNav #ev-right-400:hover span {
	color: #ff7733;
}

.tipNav #ev-right-400 .rntel {
	position: absolute;
	top: 50px;
	left: -235px;
	width: 240px;
	height: 252px;
	color: #666;
	text-align: left;
	padding-left: 20px;
	text-shadow: none;
	display: none;
}

.tipNav #ev-right-400 .rntel div {
	background: #fff;
	font-size: 14px;
	padding: 18px 0 18px 14px;
	margin-right: 15px;
	box-shadow: 0px 0px 7px 0px rgba(47, 65, 102, 0.15);
	border-radius: 3px;
}

.tipNav #ev-right-400 .rntel div p {
	line-height: 1.75;
	margin: 14px;
}

.tipNav #ev-right-400 .rntel div p img {
	margin-right: 16px
}

.tipNav #ev-right-400 .rntel div a:hover {
	color: #e94709
}

.tipNav #ev-right-400:hover .rntel {
	display: block;
}

.tipNav #ev-right-400:hover .rntel div:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 100px;
	left: 225px;
}

.tipNav #ev-buycar {
	padding: 10px 0;
	font-size: 1.5em;
	border-top: 1px solid #f0f0f0;
	border-left: 0;
	border-right: 0;
}

.tipNav #ev-buycar:hover {
	color: #ff7733
}

.tipNav #ev-right-back {
	margin-top: 4px;
	height: 44px;
	overflow: hidden;
	font-size: 2em;
	box-shadow: 0px 0px 7px 0px rgb(47 65 102 / 15%);
}

.tipNav #ev-right-back i {
	margin: 0px 6px 8px 6px;
	transition: all .2s;
	-webkit-transition: all .2s;
	position: RELATIVE;
	top: -5px;
}

.tipNav #ev-right-back b {
	font-weight: normal;
	font-size: .7rem;
	color: #e94709;
	line-height: 1.2;
	display: block;
	transition: all .2s;
	-webkit-transition: all .2s;
	margin-top: 10px;
}

.tipNav #ev-right-back:hover i {
	transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
}

.tipNav #ev-right-back:hover b {
	opacity: 1;
	transform: translateY(-45px);
	-webkit-transform: translateY(-45px);
}

.tipNav #ev-right-back:after,
.tipNav #ev-right-onlinechart:after,
.tipNav #ev-right-suggest:after {
	content: '';
	height: 0;
}