.slide-bags{position:relative; height: 4.6rem; z-index:10; width:100%; background:#fff; border-bottom: 1px solid #e8e8e8;}
.slide-information.fix-slide-bags{position: fixed; top: 4.4rem; left: 0; right: 0; z-index: 11; max-width: 750px; margin: 0 auto;}
.slide-scroll{height:4.6rem; overflow:hidden;}
.slide-nav{position:relative; overflow-x:scroll; overflow-y:hidden; line-height:4.6rem; white-space:nowrap; -webkit-overflow-scrolling:touch; font-size: 1.5rem;}
.slide-nav::-webkit-scrollbar {display:none;}
.slide-nav li{position:relative; display:inline-block; height:4.6rem; text-align:center; color:#9c9fa1;}
.slide-nav li.current{color:#e93b3d;}
.slide-nav li.current a{font-size: 1.6rem; color: #e93b3d;}
.slide-nav *{vertical-align:middle;}
.slide-nav .item{position: relative; display:inline-block; padding:0 1.2rem; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 4.6rem; line-height: 4.6rem; color: #9c9fa1;}
.slide-nav .line{position: absolute; bottom: 2px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none;}
.slide-nav li.current .line{display: block;}


.bags-listbox{}
.bags-list{}
.bags-list li{background: #fefefe;}
.bags-list li + li{margin-top: 1rem;}
.bags-body{padding: 2rem 1.2rem;}
.bags-body a.go{position: relative; display: block; min-height: 8rem; padding-left: 11.5rem; color: #9c9fa1; font-size: 1.4rem;}

.bags-body .bags-img{position: absolute; top: 0; left: 0; width: 10.5rem; height: 8rem; border-radius: 0.2rem; overflow: hidden;}
.bags-body .bags-img .img{width: 10.5rem; height: 8rem;}
.bags-info h2{line-height: 1.8rem; color: #394043; margin-bottom: 0.2rem;}
.bags-info h2 .name.row2{max-height: 3.6rem; line-height: 1.8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bags-info .name{font-size: 1.5rem; font-weight: 600;}
.bags-info .state{display: inline-block; height: 1.7rem; line-height: 1.7rem; padding: 0 0.4rem; margin-left: 0.6rem; font-size: 1.2rem; border-radius: 0.1rem;}
.bags-info .state.state0{background: #f5f7fd; color: #9498a4;}/*默认、售罄*/
.bags-info .state.state1{background: #e6f2ff; color: #5bacfe;}/*预售*/
.bags-info .state.state2{background: #ffece8; color: #ff8062;}/*在售*/
.bags-info .state.state3{background: #d9f3e8; color: #7ac789;}/*待售*/
.bags-info p{line-height: 1.8rem; margin-top: 0.2rem;}
.bags-info .apply{color: #e93b3d;}
.bags-info .address{height: 1.8rem; line-height: 1.8rem; padding-left: 1.4rem; font-size: 1.3rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; background: url(../images/route_location.png) center left no-repeat; background-size: 1.4rem; }

.bags-foot{padding: 0 1.2rem; border-top: 1px solid #e8e8e8; font-size: 1.3rem; color: #9c9fa1;}
.bags-foot a.go{position: relative; display: block; min-height: 4.6rem; color: #9c9fa1;}
.bags-foot .icon{display: inline-block; height: 4rem; line-height: 4rem; padding-left: 4.8rem;}
.bags-foot .icon.icon-redpacket{background: url(../images/bags_red_packet.png) center left no-repeat; background-size: 4.6rem auto;}
.bags-foot .icon.icon-appliances{background: url(../images/bags_appliances.png) center left no-repeat; background-size: 4.6rem auto;}
.bags-foot .value{color: #e93b3d; font-size: 1.6rem; font-weight: 600;}
.bags-foot .btn{position: absolute; top: 0.8rem; right:0; display: block; padding: 0 0.8rem; height: 2.6rem; line-height: 2.6rem; color: #e93b3d; border:1px solid #e93b3d; border-radius: 0.2rem;}




.packetbox{position: relative; padding-top: 80%; background: url(../images/red_packet_bg.jpg) center no-repeat; background-size: cover;}
.packet-info{position: absolute; left: 21%; right: 21%; bottom: 3.2rem; z-index: 1; text-align: center;}
.packet-info h2{line-height: 3.2rem; font-size: 2.4rem; font-weight: 600; color: #fff;}
.packet-info h2 .unit{font-size: 1.8rem; font-weight: 400;}
.packet-info h4{line-height: 2.6rem; font-size: 1.4rem; color: #fff; margin-bottom: 0.5rem;}
.packet-info h4 .count{color: #fff458;}
.packet-info .apply{display: inline-block; min-width: 9rem; height: 2.8rem; line-height: 2.8rem; padding: 0 1.2rem; border-radius: 1.4rem; text-align: center; color: #d1292e; background: #fbda30;}
@media screen and (min-width: 415px) and (max-width: 579px) {
	.packet-info{bottom: 5rem;}
	.packet-info h2{font-size: 2.8rem;}
}
@media screen and (min-width: 580px){
	.packet-info{bottom: 8rem;}
	.packet-info h2{font-size: 3.4rem;}
}
.packet-apply{position: relative; padding: 0 1.2rem; line-height: 5rem; background: #fff; }
.packet-apply .name{display: inline-block; font-size: 1.8rem;}
.packet-apply .more{position: absolute; top: 0; right: 1.2rem; z-index: 1; color: #e93b3d; font-size: 1.3rem;}


.activity-formbox{margin-top: 1rem; background: #fefefe;}
.activity-form{margin: 0 1.2rem; font-size: 1.5rem; border-bottom: 1px solid #e8e8e8;}
.activity-form dl{position: relative; min-height: 4.6rem; line-height: 4.6rem; padding-left: 7.2rem;}
.activity-form dt{position: absolute; top: 0; left: 0; font-size: 1.6rem;}
.activity-form dd.has-other{position: relative; padding-right: 8.5rem;}
.activity-code{position: absolute; top: 0.8rem; right: 0; z-index: 1; width: 8.2rem; height: 2.9rem; line-height: 2.9rem; color: #6b7072; border: 1px solid #e8e8e8; text-align: center; background: #fff;}  
.activity-code.spot{color: #a19a9b; background: #ebebeb; border:1px solid #dbdbdb;}
.activity-text{width: 100%; height: 4.5rem; line-height: 4.5rem; font-size: 1.5rem; background: none; border: none;}
.activity-btnbox{padding: 1rem 1.2rem;}
.activity-btnbox .btn{display: block; width: 100%; height: 4.2rem; line-height: 4.2rem; border-radius: 0.5rem; border:none; text-align: center; background:#ec3712; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; font-size: 1.6rem; font-weight: 600;}

.activity-explainbox{background: #fff;}
.activity-menu{border-bottom: 1px solid #e8e8e8; font-size: 1.5rem;}
.activity-menu li{position: relative; float: left; width: 50%; height: 4.2rem; line-height: 4.2rem; text-align: center;}
.activity-menu li.on{color: #e93b3d;}
.activity-menu li.on:after{position: absolute; left: 50%; bottom: 0; display: block; content: ""; height: 0.2rem; width: 1.5rem; margin-left: -0.75rem; border-radius: 0.1rem; background: #e93b3d;}

.activity-explain{padding: 2.2rem 0;}
.activity-explain .morebox{margin-top: 1.2rem;}
.explainbox{padding: 0 1.2rem; color: #6b7072; font-size: 1.4rem; line-height: 2rem;}
.explainbox.altitude-limit{max-height: 11.2rem; overflow: hidden;}
.explainbox p+p{margin-top: 1rem;}

.vali-agreebox { padding: 0 1.2rem; font-size: 1.3rem; margin-top: 1.2rem; }
    .vali-agreebox .clause { color: #5680a6; }
.vali-checkbox { display: none; }
.vali-label * { vertical-align: middle; }
.vali-label { display: inline-block; line-height: 4rem; padding-left: 2.4rem; background: url(../images/icon_check36x36.png) center left no-repeat; background-size: 1.8rem; color: #6b7072; }
.vali-checkbox:checked + label.vali-label { background: url(../images/icon_check36x36_active.png) center left no-repeat; background-size: 1.8rem; }