﻿body {background:#eaeff5;}
.main {position: relative;z-index: 1;}
.main .wrapper {width: 1200px;margin-left: -600px;left: 50%;position: relative;}

.main .banner {width: 100%;overflow: hidden;position: relative;}
.main .banner .pc{width: 1920px;margin-left: -960px;left: 50%;position: relative;text-align: center;}
.main .banner .phone {display: none;}

.wrapper{max-width: 1200px;margin:0 auto;}
.clearfix::before,.clearfix::after{content:'';display: table;}
.clearfix::after{clear:both;}
.clearfix{zoom:1;}

.section{background: #fff;padding:2.5% 0;}
.section .section-tit{text-align: center;}
.section .section-tit h3{font-size: 36px;color:#333;position: relative;letter-spacing: 1px;}
.section .section-tit h3 a{color:#ca0303;border-bottom: 2px solid #ca0303;margin-left: 5px;}
.section .section-tit p{font-size: 12px;color:#999;letter-spacing: 0.8em;text-indent: 0.8em;margin-top: 10px;opacity: .8;}

.activity{padding:5% 0;}
.activity .wrapper{background: #fff;border-radius: 16px;box-shadow: 0.996px -0.087px 10px 0px rgba(0, 0, 0, 0.1);}
.activity-tab {border-radius: 16px;background: #fbfbfb;text-align: center;font-size: 0;}
.activity-tab li{width: 20%;padding:30px 0;/*float: left;*/text-align: center;cursor: pointer;position: relative;display: inline-block;font-size: 14px;}
.activity-tab li em {position: absolute;left:20px;top:-3px;width: 28px; height: 25px;background: url('../images/sprite.png') no-repeat right top;color:#fff;font-size: 18px;line-height: 20px;text-align: center;}
.activity-tab li span[class^="icon-"] {display: block;width: 45px;height: 35px;background-image: url('../images/sprite.png');background-repeat: no-repeat;margin:0 auto;opacity: .27;}
.activity-tab li strong{padding:0 15px;font-size: 22px;color:#333;font-weight:bold;letter-spacing: 1px;display: block;margin-top: 5px;}
.activity-tab li.on {background: #fff;border-radius: 16px 16px 0 0;}
.activity-tab li.on em{background-position: -372px 0;}
.activity-tab li.on span[class^="icon-"] { opacity: 1; }
.activity-tab li.on strong{color:#ca0303;}

.icon-rz {background-position: 0 0;}
.icon-zb {background-position: -75px 0;}
.icon-lc {background-position: -150px 0;}
.icon-sh {background-position: -225px 0;}
.icon-sx {background-position: -300px 0;}

.activity-cont{padding:3% 8% 5%;}
.activity-item{display: none;}
.activity-item.on{display: block;}
.activity-item .item-tit {text-align: center;}
.activity-item .item-tit h4{font-size: 32px;color:#333;font-weight: bold;}
.activity-item .item-tit p{color:#4076ce;font-size: 20px;letter-spacing: 1px;max-width: 720px;margin:20px auto 0; line-height: 1.4;font-weight: bold;}
.group-QA{margin-top: 20px;}
.group-QA:first-child{margin-top: 0;}
.group-QA .item-QA-hd{position: relative;margin-bottom:15px;}
.group-QA .item-QA-hd .item-QA-tit{padding-left:15px;font-size: 20px;font-weight: bold;color:#ca0303;letter-spacing: 1px;background: url('../images/border.png') left 4px no-repeat;}
.group-QA .item-QA-hd .item-QA-tit.single {color:#333;}
.group-QA .item-QA-hd .item-QA-tit.single strong {color:#ca0303;font-weight: bold;}
.group-QA .item-QA-bd .item-QA-text{font-size: 16px;line-height: 1.6;color:#333;padding:0 1em;}
.group-QA .item-QA-bd .item-QA-text a{color:#ca0303;font-weight: bold;}
.group-QA .item-QA-bd .item-QA-text p strong {color:#ca0303;}

.group-QA .item-QA-bd .item-QA-step ul{font-size: 0;}
.group-QA .item-QA-bd .item-QA-step li{display: inline-block;font-size: 14px;vertical-align: top;width: 22%;margin:15px 1.5%;text-align: center;}
.item-QA-step .step-tit {display: inline-block;margin:0 10px;}
.item-QA-step .step-tit .step-num{color:#fff;background: #ca0303;text-align: center;font-size: 12px;float:left;width: 16px;height: 16px;border-radius: 50%;margin-top: 3px;}
.item-QA-step .step-tit .step-text{color:#666;font-size: 16px;line-height: 1.4;min-height: 2.8em;display: block;margin-left: 25px;text-align: left;}
.item-QA-step .step-pic {margin-top: 12px;}
.item-QA-step .step-pic img{width: 100%;}
.item-QA-step .step-pic.border {border: 2px solid #ccc;border-radius: 10px;overflow: hidden;padding-bottom: 4px;}

@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;}

	.main .banner .pc{
		width: 1600px;
		margin-left: -800px;
	}
    .section .section-tit h3 {font-size: 28px;}
    .activity-tab li strong {font-size: 18px;}
    .group-QA .item-QA-hd .item-QA-tit {font-size: 18px;}
}

@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;}

.main {padding-bottom: 30px;}

.main .wrapper {width: auto;margin: 0px;left:0px;position: static;padding: 0 10px }
.main .banner {width: auto;margin: 0px;left:0px;position: static;}
.main .banner img.phone {display: block;width: 100%;}
.main .banner img.pc {display: none;}

.section .section-tit h3 {font-size: 20px;}
.section .section-tit h3 br, .section .section-tit h3 span {display: none;}
.activity{padding:30px 0;}
.activity-tab li {padding:20px 0;}
.activity-tab li strong {font-size: 16px;padding:0 5px;}
.activity-cont {padding:20px 50px 30px;}

.section .section-cont{font-size: 14px;padding:0 20px;}
.activity-item .item-tit h4{font-size: 24px;}
.activity-item .item-tit p{font-size: 16px;}
.group-QA .item-QA-hd .item-QA-tit {background-position: left 2px;font-size: 16px;}

.group-QA .item-QA-bd .item-QA-step li{margin:15px 1%;width: 31%;}
/* .item-QA-step .step-tit{min-height: 2.8em;line-height: 1.4;} */
.item-QA-step .step-pic{margin-top: 5px;}
.item-QA-step .step-tit .step-num {margin-top: 2px;}
.item-QA-step .step-tit .step-text {font-size: 14px;} 

}

@media (max-width: 768px) {
    .section {padding:20px 0;}
    .section .section-tit h3 {font-size: 16px;}
    .activity{padding:20px 0;}
    .activity-tab ul{display: table;width: 100%;}
    .activity-tab ul::before,.activity-tab ul::after{display: none;}
    .activity-tab li{display: table-cell;vertical-align: top;float: none;padding:10px 0;}
    .activity-tab li em {left:5px;font-size: 12px;width:22px;height: 18px;background-size: 344px 26px;-webkit-background-size: 344px 26px;line-height: 14px;}
    .activity-tab li.on em {background-position: -280px 0;}
    .activity-tab li span[class^="icon-"] {width: 34px;height:26px;background-size: 344px 26px;-webkit-background-size: 344px 26px;}
    .activity-tab li strong{font-size: 14px;letter-spacing: 0;}
    .icon-rz {background-position: 0 0;}
    .icon-zb {background-position: -57px 0;}
    .icon-lc {background-position: -112px 0;}
    .icon-sh {background-position: -165px 0;}
    .icon-sx {background-position: -222px 0;}

    .activity-cont{padding:10px 20px 20px;}
    .activity-item .item-tit h4{font-size: 20px;}
    .activity-item .item-tit p{font-size: 14px;margin-top: 15px;}
    .activity-item .item-tit br{display: none;}
    .activity-item .item-cont{margin-top: 15px;}
    .group-QA .item-QA-hd {margin-bottom: 10px;}
    .group-QA .item-QA-hd .item-QA-num{float: none;position: absolute;left:0;top:50%;margin-top: -12px;}
    .group-QA .item-QA-bd .item-QA-step li{width: 48%;margin:15px 1%;}
    .group-QA .item-QA-bd .item-QA-text {font-size: 14px;}


}
@media (max-width: 480px) {
    .section .section-tit h3 {font-size: 14px;}
    .section .section-tit h3 br {display: none;}
    .activity-tab li {padding:18px 0 5px;}
    .activity-tab li strong{padding:0;}
    .activity-tab li em {left: 0;}
    .activity-cont{padding:5px 10px 20px;}
    .group-QA .item-QA-bd .item-QA-text {padding: 0 0.5em;}
    .group-QA .item-QA-bd .item-QA-step li{width: 100%;margin:10px 0;float: none;}
    .item-QA-step .step-tit{text-align: center;max-width: 320px;margin:0 auto;}
    .item-QA-step .step-tit .step-text {min-height: auto;}
    .item-QA-step .step-pic {text-align: center;max-width: 223px;margin-left:auto;margin-right: auto;}
    .item-QA-step .step-pic img{width: 100%;}
    

}
@media (max-width: 359px) {
    .activity-tab li strong {
        font-size: 12px;
    }
}