#main{overflow:visible;}
.activity-head{position:relative;line-height:0px;}
.activity-head .activity-nav{
	position:absolute;top:20px;width:calc(100% - 60px);left:0px;height:30px;padding:0px 30px;
}
.activity-head .activity-nav a{
	color:#fff;font-size:14px;margin-right:20px;text-decoration: none;
}
.activity-tips{
	position:absolute;width:100%;height:150px;left:0px;top:40px;
}
.activity-tips > div{
	height:36px;line-height:36px;
    white-space: nowrap;
    word-break: keep-all;position:relative;
}
.activity-tips span{
	border-radius:30px;height:30px;line-height:30px;background:#fff;padding:0px 10px;opacity:0.5;
	font-size:12px;margin-right:20px;display:inline-block;
	position:absolute;z-index:9;
}



.activity-con{
	padding:30px;min-height:360px;
	position:relative;
	margin-top: 30px;
}
.activity-price{
	max-width:700px;padding:45px 30px;margin:0 auto;border-radius: 16px;
	border: 1px solid #ccc;background: rgba(255,255,255,1);
}
.activity-price.flex{
	display:flex;flex-wrap: wrap;justify-content: space-between;
}
.activity-price-item{
	width: calc(100% / 4 - 20px);box-sizing: border-box;height: 156px;
	border-radius: 8px;border: 1px solid #ccc;
	background: rgba(255,255,255,1);
	box-shadow: 0 8px 16px 0 #ddd;
	padding:12px 12px;position:relative;text-align:center;
}
.activity-price-item .price-title{
	font-size:18px;font-weight:bold;color:#41001B;
}
.activity-price-item .price-num{
	color:#41001B;font-weight:bold;font-size:17px;color:#FF456D;
}
.activity-price-item .price-origin{
	margin-left:4px;color:#999;text-decoration: line-through;font-size:12px;
}
.activity-price-item .price-youhui{
	position:absolute;
	margin-left: 4px;
    padding: 2px 9px;
    font-size: 12px;
    color: #FF456D;
    border-radius: 6px;
    position: absolute;
    right: -6px;
    color: #fff;
    top: -10px;
    background: #62aa38;
}
.activity-price-des{
	display:flex;flex-direction: row;
	justify-content: space-between;
	padding:20px;
}
.activity-price-des > div{
	text-align:center;
}
.activity-price-des > div{
	text-align:center;line-height:24px;
}
.activity-price-des > div > div:first-child{
	font-size:16px;color:#62aa38;
}
.activity-price-des > div > div:last-child{
	font-size:13px;color:#41001B;margin-top:6px;
}

.activity-btn:hover,.activity-btn.active{
	color:#fff;
	background: #62aa38;
}
.activity-btn{
	border: 1px solid #62aa38;
	background: rgba(255,255,255,1);
	cursor:pointer;
	text-align:center;display:inline-block;
	width: 100px;line-height:30px;height: 30px;
	border-radius: 30px;color:#333;
	font-size: 13px;
}
.activity-con1{
	height:20px;position:relative;max-width:700px;margin:0 auto;
}
.activity-link{
	position:absolute;top:-22px;width:14px;height:64px;
}
.activity-link.right{
	right:30px;
}
.activity-link.left{
	left:30px;
}	
.activity-link .top-dot{z-index:1;display:inline-block;width: 14px;height: 14px;border-radius: 12px;background: #ccc;}
.activity-link .link-bar{z-index:2;left:2px;position:absolute;top:5px;width: 10px;height: 55px;border-radius: 10px;background: rgba(255,255,255,1);box-shadow: inset 0 0 6px 0 #ccc;}
.activity-link .bottom-dot{z-index:1;position:absolute;bottom:0px;left:0px;display:inline-block;width: 14px;height: 14px;border-radius: 12px;background: #ddd;box-shadow: inset 0 0 8px 0 #ddd;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.center{text-align:center;}
.mt4{margin-top:4px;}
.fs13{font-size:12px;}
@media (max-width: 600px) {
  .activity-head img {
    width:900px !important;
    margin-left:-261px;
  }
  .activity-tips span{
  	opacity:0.45;
  }
  #bar1_1{
  	left:25% !important;
  }
  .activity-price.flex{
  	flex-direction: column;
  }
  .activity-price-item{width:100%;margin-bottom:10px;}
  .activity-price-des{
  	padding:20px 0px;
  }
}