body{padding: 0;}

#Navigation{
	background: none;
	border: none;
}
#Navigation .banner{
	border-bottom: 1px solid #ddd; border-top: none;
	position: relative; z-index: 53;
}
#Navigation .banner:after{
	height: 40px;
	background: #fff;
	position: absolute; top: -40px; left: 0; right: 0; z-index: 1;
	content: '';
}
#Navigation button{
	width: 44px; height: 44px;
	margin-top: -22px;
	border-radius: 50%; border: 2px solid #ccc !important;
	background: none;
	font-size: 32px; color: #ccc;
	display: block;
	position: absolute; top: 50%; right: 30px; z-index: 2;
}
#Navigation > button{
	border-color: #fff !important;
	color: #fff;
}
#Navigation a.home{
	position: absolute;
}
#Navigation > a.home{
	background: url(../../img/customer2/icon_home_white.png) no-repeat center; background-size: 54px;
}
#Navigation a.back{
	width: 80px; height: 100%;
	background: url(../../img/customer2/icon_back_red.png) no-repeat center; background-size: 64px;
    position: absolute; top: 0; left: 0; z-index: 50;
    display: block;
}
#Navigation > a.back{
	background: url(../../img/customer2/icon_back_white.png) no-repeat center; background-size: 64px;
}

.top{
	margin-bottom: 20px;
}
.top img{
	width: 100%;
	display: block;
}
.top .inner{
	padding: 20px 30px;
}
.top p.content{
	font-size: 28px; line-height: 40px;
}
.top p.content + p.content{
	padding-top: 8px;
}
.top p.more{
	margin: 20px -20px 0 0;
	font-size: 24px; line-height: 32px; color: #999;
}
.top p.more b{
	padding: 0 4px;
	color: #bc1c25;
}
.top .entrance{
	height: 140px;
	margin-top: -12px;
	border-radius: 12px 12px 0 0;
	background: #fff;
	position: relative; z-index: 1;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
}
.top .entrance a{
	height: 140px;
	font-size: 28px; line-height: 28px; text-align: center; color: #333;
	-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;
	position: relative;
	display: block;
}
.top .entrance a:before{
	width: 50px; height: 50px;
	margin: 20px auto;
	display: block;
	content: '';
}
.top .entrance a.rule:before{
	background: url(../../img/customer2/icon_refunds_rule.png) no-repeat center; background-size: 50px;
}
.top .entrance a.ranking:before{
	background: url(../../img/customer2/icon_refunds_ranking.png) no-repeat center; background-size: 50px;
}
.top .entrance a + a:after{
	height: 80px; width: 1px;
	margin-top: -40px;
	background: #e6e6e6;
	position: absolute; top: 50%; left: 0;
	content: '';
}

.nolist{
	padding: 325px 0 70px;
    background: url(../../img/customer2/bg_vip_nolist.png) no-repeat center 70px; background-size: 240px;
    font-size: 28px; line-height: 40px; color: #999; text-align: center;
}
.top + .nolist{
	display: block;
}