﻿.main {position: relative;z-index: 1;background:#c4dce9;}
.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;}


.activity{margin-top: -55px;}
.activity-cont{background: #e8f9ff;padding:6% 4.5%;}
.activity-cont .item-tit {text-align: center;}
.activity-cont .item-tit h3{font-size: 32px;color:#fff;font-weight: normal;background: #002c47;border:6px solid #65ebff;border-radius: 40px;padding:16px 50px;display: inline-block;letter-spacing: 2px;}
.activity-cont .item-tit h3 em {font-weight: bold;}

.group-rule {border: 12px solid #d5edf6; border-radius: 36.5px;padding:45px 40px;margin-top: 15px;}
.group-rule:first-child {margin-top: 0;}
.group-rule .item-rule-hd {float: left;color:#002c47;position: relative;width: 120px;}
.group-rule .item-rule-hd:before {content:'';position: absolute;right: -30px;top:0;width: 1px;height: 100%;background: #d0e4ec;}
.group-rule .item-rule-hd strong {font-weight: bold;position: absolute;left:0;top:50%;margin-top: -40px;text-align: center;font-size: 24px;line-height: 1.2;height:1.2em;margin-top:-0.6em;width: 100%;}
.group-rule .item-rule-hd img {margin:0 auto;display: block;max-width: 100%;}

.group-rule .item-rule-bd {margin-left: 150px;padding-left:38px;}
.group-rule .item-rule-bd p {font-size: 16px; color:#002c47;line-height: 1.75;letter-spacing: 1px;}
.group-rule .item-rule-bd .underline {font-weight: bold;background: url('../images/underline.jpg') left bottom repeat-x;}
.group-rule .item-rule-bd li .item-rule-num {font-size: 12px;color: #fff;width: 22px;height: 22px;background: #002c47;float: left;text-align: center;line-height: 22px;border-radius: 50%;margin-right: 10px;position: relative;top:3px;}
.group-rule .item-rule-bd li p {display: inline;}

.group-QA .item-QA-hd{position: relative;padding:8px 32px;background: #65ebff;color:#002c47;border-radius: 0 30px 30px 0;display: inline-block;}
.group-QA .item-QA-hd .item-QA-num {font-size: 36px;font-weight: bold;}
.group-QA .item-QA-hd .item-QA-tit{font-size: 24px;font-weight: bold;letter-spacing: 1px;position: relative;top: -3px;margin-left: 5px;}
.group-QA .item-QA-bd .item-QA-step{padding:20px 15px 30px;}
.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: 30.33%;margin:15px 1.5%;}
.item-QA-step .step-tit{font-size: 16px;line-height: 1.4;min-height: 2.8em;}
.item-QA-step .step-tit .step-num{font-size: 12px;color: #fff;width: 24px;height: 24px;background: #002c47;float: left;text-align: center;line-height: 24px;border-radius: 50%;vertical-align: middle;}
.item-QA-step .step-tit .step-text{color:#002c47;font-weight: normal;vertical-align: middle;margin-left: 5px;}
.item-QA-step .step-pic {margin-top: 8px;}
.item-QA-step .step-pic img{max-width: 100%;border:6px solid #fff;border-radius: 5px;}

.activity-01 {margin-bottom: 80px;}
.activity-01 .item-cont {padding:20px 0;}

.activity-02 {background: #d5edf6;border-radius: 12px;}
.activity-02 .item-tit {position: relative;top:-40px;}

@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;
	}
    .activity-cont .item-tit h3{font-size: 28px;}
    .activity-cont{padding:4% 3.5%;}
}

@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 .wrapper {width: auto;margin: 0px;left:0px;position: static;padding: 0;}
.main .banner {width: auto;margin: 0px;left:0px;position: static;}
.main .banner img.phone {display: block;width: 100%;}
.main .banner img.pc {display: none;}


.activity {margin-top: 0;}
.activity-cont{padding:35px 25px;}
.activity-cont .item-tit h3{font-size: 24px;padding:12px 35px;border-width: 4px;}

.group-rule {border-width: 10px;padding: 30px;display: table;}
.group-rule .item-rule-hd {width: 100px;display: table-cell;float:none;vertical-align: middle;}
.group-rule .item-rule-hd:before {right: 0;}
.group-rule .item-rule-hd strong {font-size: 20px;width: 80px;}
.group-rule .item-rule-hd img {margin:0;}
.group-rule .item-rule-bd {margin-left: 0;padding-left: 25px;display: table-cell;vertical-align: middle;}


.group-QA .item-QA-hd .item-QA-num {font-size: 28px;}
.group-QA .item-QA-hd .item-QA-tit{font-size: 20px;}

.group-QA .item-QA-bd .item-QA-step{padding:10px 10px 20px;}
.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-pic img {max-width: 90%;}

}

@media (max-width: 768px) {
    .activity-cont{padding:30px 15px;}
    .activity-cont .item-tit h3{font-size: 20px;}
    
    .group-rule {padding:20px;border-width: 8px;}
    .group-rule .item-rule-hd {width: 80px;}
    .group-rule .item-rule-hd strong {width: 2em;font-size: 18px;height: 2.4em;margin-top: -1.2em;padding-left: 12px;}
    .group-rule .item-rule-hd img {width: 60px;}
    .group-rule .item-rule-bd p {font-size: 14px;}

    .group-QA .item-QA-hd .item-QA-num {font-size: 24px;}
    .group-QA .item-QA-hd .item-QA-tit {font-size: 18px;}
    .group-QA .item-QA-bd .item-QA-step li{width: 48%;margin:15px 1%;}
    .activity-01 {margin-bottom: 50px;}
    .activity-02 .item-tit {top:-26px;}
    
    .item-QA-step .step-tit {font-size: 14px;}

}
@media (max-width: 480px) {
    .activity-cont{padding:15px;}
    .activity-cont .item-tit h3 {padding:10px 12px;}
    .group-QA .item-QA-bd .item-QA-step li{width: 100%;margin:10px 0;float: none;}
    .item-QA-step .step-tit{min-height: auto;max-width: 320px;margin:0 auto;}
    .item-QA-step .step-pic {text-align: center;}
    .item-QA-step .step-pic img{width: auto;}

    .group-QA .item-QA-hd .item-QA-num {font-size: 20px;}
    .group-QA .item-QA-hd .item-QA-tit {font-size: 16px;}
    
    .group-rule {padding:15px;}
    .group-rule .item-rule-hd {width: 60px;}
    .group-rule .item-rule-hd img {
        width: 45px;
    }
    .group-rule .item-rule-hd strong {font-size: 16px;padding-left: 6.5px;}

    .group-rule .item-rule-bd{padding-left: 20px;}
    .activity-01 {margin-bottom: 35px;}
    
}