/*border-box 告诉浏览器去理解你设置的边框和内边距的值是包含在width内的*/
*{box-sizing: border-box;}
body{
    font-family: "微软雅黑";
    background: #3f1e87;
    margin:0;
    font-size: 14px;
    overflow: hidden;
    overflow-y: auto;
}
img{
    max-width: 100%;
}
.container{
    margin:0 auto;
    width: 100%;
    height: 100%;
}
/*防止子元素的magin-top越界*/
.container:before{
    content: '';
    display: table;
}
/*防止子元素的margin-bottom越界*/
.container:after{
    content: '';
    display: table;
    clear: both;
}

 /*活动背景图*/
 .title-bg{
    background: url(../images/activity/christmas/christmas-title-bg.png) top center no-repeat;
    background-size: 100% 100%;
    height: 100%;
 }

 .title-bg img{
    display: block;
    margin-right: auto;
    margin-left: auto;
 }
 
 .activity-time .h1{
    font-size: 1.75em;
    color: #fff;
     line-height: 25px;
 }

 .activity-time span{
    font-size: 1.18em;
    padding-left: 19px;
    color: #fff;
 }

 .text-fl{
    float: left;
 }

/*活动时间*/
 .activity-time{
     position: relative;
     width: 970px;
     padding: 0 94px;
     margin: 0 auto;
     margin: -16.5% auto 0%;
 }

 /*下载客户端*/
.download{
    margin:58px auto;
    background: url('../images/activity/christmas/christmas-btn.png') center no-repeat;
    text-align: center;
}

.download a{
    line-height: 358%;
    font-size: 2.14em;
    color: #fff;
}
.download .channel_btn{
    display: inline-block;
    height: 5rem;
    line-height: 5rem;
    margin-top: 5rem;
}

.download a:hover{
    color: #3572d4;
}
.pulldown_arrowhead{
	position: relative;
    bottom: 170px;
}
.pulldown_arrowhead img{
    display: block;
    margin: 10px auto;
}


/*领取优惠卷*/
.receive{
    width: 60%;
    margin: 20px auto;
    background: url(../images/activity/christmas/christmas-coupon-bg.png) top center no-repeat;
    background-size: 100%;

}
.receive-step{
    height: 100%;
    overflow:hidden;
}

/*领取步骤*/
.step{
    width:70%;
    float: left;
    padding: 12% 1% 1% 14%;
}

.step h2{
    font-size: 1.85em;
    color: #fff;
    line-height: 46px;
}

.step p{
    font-size: 1.28em;
    color: #fff;
    line-height: 33px;
}

/*二维码*/
.fn-ewm{
    width: 30%;
    float: right;
    padding: 9% 1% 1% 1%;
}
 .clearfix{
    clear: both;
 }
/*优惠券卡片*/
.discount{
    padding: 6% 1% 15% 1%;
    overflow: hidden;
}
.discount ul li{
    float: left;
    width: 20%;
    color: #FFF;
    margin-left: 11.5%;
    padding: 41px 0px;
    text-align: center;
}
.discount ul li.twoitem{
    margin-left: 7%;
}

.discount ul li.threeitem{
    margin-left: 7.5%;
}
/*人民币符号*/
.discount .money{
    font-size:2.85em;
    text-shadow: 5px 5px 5px #2e59bb;
}
/*价格*/
.discount .money-num{
    font-size:5.42em;
    text-shadow: 5px 5px 5px #2e59bb;
}

.discount .use{
    font-size:2em;
    text-shadow: 5px 5px 5px #2e59bb;
    line-height: 43px;
}

/*折扣详情*/
.details{
    width: 60%;
    background: url(../images/activity/christmas/christmas-rule.png) center top no-repeat;
    background-size: 100%;
    margin: 20px auto;
    overflow: hidden;
}
/*标题*/
.discount-title{
    text-align: center;
    line-height: 70px;
}
.discount-title p{
    line-height: 60px;
    color: #fff;
    font-size:2.85em;
}
/*中间内容垂直居中*/
.details .card-details{
    width: 90%;
    height: 65%;
    margin: 3% auto;
    position: relative;
    overflow: hidden;
}
.card-details .card{
    height: 100%;
}
/*5折*/
.card-details .card .card-item{
    float: left;
    width: 20.5%;
    background: url(../images/activity/christmas/card-bg.png) center no-repeat;
    background-size: 100% auto;
    margin: 4% 6% 8% 0;
    border: 4px solid #9ec9fd;
    border-radius: 13px;
}
/*4.5折*/
.card-details .card .new_bg{
    float: left;
    width: 20.5%;
    margin-right:0%;
    background: url(../images/activity/christmas/card-bg.png) no-repeat;
    background-size: 100% auto;
    margin-top: 4%;
    border: 4px solid #9ec9fd;
    border-radius: 13px;
}

/*卡片内文字*/
.card-details ul li{
    color: #fff;
    text-align: center;
}

.card-title{
    padding-top: 11.3%;
    padding-bottom: 24.4%;
    background: url(../images/activity/christmas/christmas-5.png)right no-repeat;
    background-position: 100% 1%;
    border-radius: 4px;
}

.card-new-title{
    padding-top: 11.3%;
    padding-bottom: 24.4%;
    background: url(../images/activity/christmas/christmas-45.png)right no-repeat;
    background-position: 100% 1%;
    border-radius: 4px;
}
 .card-title .monthly-card,.card-new-title .monthly-card{
    font-size:2.14em;
 }
.n-price{
    height: 20%;
    color: #eb8783;
}
 

.card-title span{
    font-size: 1em;
    position: relative;
    top: 16px;
 }

.card-item .price{
    font-size: 2.42em;
    color:#eb8783;
 }
.old_price{
   padding: 14.4% 0 9% 0;
}
.card-item .province{
    color: #ffffff;
    font-size:1.0em;
}

.old_price del{
    color:#b6b1bc;
    font-size:1.0em;
}

/*去充值*/
.recharge{
    font-size: 1.0em;
    border-radius: 10px;
    border: 2px solid #fefcf2;
    background: #8565cc;
    width: 61%;
    height: 10%;
    margin: 0 auto;
    position: relative;
    top: -16px;
    visibility: hidden;
}

.recharge a{
    line-height:204%;
    color: #fff;
    display: inline-block;
    width: 100%;
}

/*hover*/
.card-details ul li:hover .recharge{
    visibility:visible;
   -webkit-transition: all 1s ease;
}

.card-details ul li:hover .about{
    visibility: hidden;
   -webkit-transition: all 1s ease;
}

.about{
    font-size: 0.8em;
    margin: 0 auto;
    position: relative;
    top: 4px;
}

/*活动规则*/
.rule{
    width: 60%;
    background: url(../images/activity/christmas/christmas-rule.png) center top no-repeat;
    background-size: 100%;
    margin: 70px auto;
    overflow: hidden;
    margin-bottom: 190px;
}
.rules{
    width: 90%;
    margin: 0 auto;
    margin-top: 7%;
    margin-bottom: 10%;
}
.rules p{
    font-size: 1.28em;
    color: #ffffff;
    line-height: 38px;
}
/*撑满整个页面*/
.full{
    min-height: 200px;
}