a:hover{
	text-decoration: none;
}
.pccontainer {width: 750px;}
.membertop {
    padding: 6.2rem 0rem 0.2rem;
}
.coursetop {
    background: #ffffff;
    margin: .1rem .2rem .1rem;
    padding: .1rem 0rem 0.1rem 0rem;
    border-radius: .2rem;
    -moz-border-radius: .2rem; /*ÀϵÄFirefox*/
}
.container-fluid {
    background: url(../img/topupBg.png) 0 .88rem no-repeat;
    background-size: 100% auto;
    background-color: #ee1b24;
}
.container-member {
    background: url(../img/topupBg.png) 0 .88rem no-repeat;
    background-size: 100% auto;
    background-color: #ee1b24;
}
.container-three {
    background: url(../img/topupBg.png) 0 .88rem no-repeat;
    background-size: 100% auto;
    background-color: #ee1b24;
}
.container-two {
    background: url(../img/topupBg.png) 0 .88rem no-repeat;
    background-size: 100% auto;
    background-color: #ee1b24;
}
.activityTime{
	padding: 3.3rem 0 0;
	font-size: .3rem;
	color: #fff8e2;
	display: flex;
	flex-direction: column;
	text-align: center;
}
.countDown{
	padding: .28rem 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .16rem;
	color: #be3a33;
}
.countDown span{
	width: .36rem;
	height: .36rem;
	text-align: center;
	line-height: .36rem;
	margin: 0 .05rem;
	color: #fff8e2;
	background-color: #b91f1a;
	border-radius: 3px;
}
.activityTitle {
    padding: 4.1rem .3rem 0;
}
.activityTitle p{
	width: 100%;
	height: .72rem;
	text-align: center;
	line-height: .72rem;
	background-color: #c36606;
	font-size: .48rem;
	color: #ffffff;
	font-weight: bold;
	border-radius:0.3rem ;
}

.activityBottom{
	padding: .3rem .3rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.activityBottom span{
	font-size: .34rem;
	color: #ffffff;
	margin: 0 .16rem;
}
.activityBottom p{
	width: 26%;
	height: 1px;
	background-color: #ffffff;
}
.activityFooter{
	padding: 0 .34rem 0;
	margin: .3rem 0 1.38rem;
	height: 3.62rem;
	background: url(../img/footer.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.activityFooterTime{
	margin: .58rem auto 0;
	width: 5.38rem;
	height: .5rem;
	text-align: center;
	line-height: .5rem;
	font-size: .23rem;
	color: #fff8e2;
	background-color: #ff3d15;
	border-radius: .5rem;
}
.activityFooter p{
	margin: .1rem 0;
	font-size: .24rem; 
	color: #333;
}
.activityFooter p span{
	color: #ff3d15;
	font-weight: bold;
	font-style: italic;
}
.activityNav {
    position: fixed;
    bottom: 0;
    width: 750px;
    height: .98rem;
    padding: 0 0;
    background-color: #ffffff;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0 0.2rem #333;
}
.activityNavMain {
    padding: 0 0;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: .26rem;
    color: #d30a00;
    /*border-right: 1px solid #a80601;*/
}
    .activityNavMain:hover {
        color: #dd1e1a;
    }
.activityNavMain:last-of-type{
	border: 0;
}
    .activityNavMain i {
        width: .4rem;
        height: .4rem;
        margin-bottom: 0.03rem;
    }
.activityNavMainActive {
    height: 100%;
    color: #fff !important;
    background-color: #d30a00 !important;
}


.activityNavMain .topUpNav{
	background: url(../img/one.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.activityNavMainActive .topUpNav{
	background: url(../img/oneActive.png) 0 0 no-repeat !important;
	background-size: 100% 100% !important;
}
.activityNavMain .memberNav {
    background: url(../img/three.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

.activityNavMainActive .memberNav {
    background: url(../img/threeActive.png) 0 0 no-repeat !important;
    background-size: 100% 100% !important;
}

.activityNavMain .courseNav{
	background: url(../img/two.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.activityNavMainActive .courseNav{
	background: url(../img/twoActive.png) 0 0 no-repeat !important;
	background-size: 100% 100% !important;
}



.activityNavMain .appNav{
	background: url(../img/app.png) 0 0 no-repeat;
	background-size: 100% 100%;
}
.activityNavMainActive .appNav{
	background: url(../img/appActive.png) 0 0 no-repeat !important;
	background-size: 100% 100% !important;
}
.footer{
	padding: 0 .24rem;
	margin-bottom: 1.6rem;
}
.footer-Main{
	padding: .4rem .5rem 0;
	margin-top:.2rem;
	background-color: #ffffff;
	border-radius: .2rem;
}
.footer-Time {
    padding: 0 0 0;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .24rem;
    color: #fff;
    background-color: #ee1b24;
    border-radius: 50px;
    margin-bottom: .4rem;
}
.footer-p{
	padding: 0 0 0;
	color:#999999;
}
    .footer-p p {
        font-size: .25rem;
        color: #333333;
        font-weight: bold;
        margin-bottom: .4rem;
    }
.toplineart {
    text-align: center;
    padding: 0.05rem 0.2rem 0.05rem;
    font-size: 0.42rem;
    color: #d30a00;
    font-weight: bold;
}
.topimg{
    text-align: center;
    padding: 0.05rem 0.4rem 0.05rem;
}
.coursetopart {
    text-align: center;
    padding: 0.05rem 0.2rem 0.05rem;
    font-size: 0.4rem;
    color: #d30a00;
    font-weight: bold;
}