.bankwarp .topBg {
	background-color: #feb938;
	padding-bottom: .13333rem
}

.bankwarp .swiper-slide {
	width: 4.96rem;
	transition: .3s;
	transform: scale(.8)
}

.bankwarp .swiper-slide-active,
.bankwarp .swiper-slide-duplicate-active {
	transform: scale(1)
}

.bankwarp .top {
	border-bottom-left-radius: 50% .53333rem;
	border-bottom-right-radius: 50% .53333rem;
	background-image: linear-gradient(-44deg, #ffb739, #f8b935)
}

.bankwarp .top .van-nav-bar {
	background-color: transparent
}

.bankwarp .top .van-nav-bar:after {
	border-width: 0
}

.bankwarp .top .van-nav-bar .van-nav-bar__title {
	width: 50%
}

.bankwarp .top .van-nav-bar .van-icon {
	color: #000
}

.bankwarp .top .tab {
	position: relative
}

.bankwarp .top .tab .van-tabs__nav {
	background-color: #ffb739 !important
}

.bankwarp .top .tab .van-tabs__wrap {
	height: .8rem;
	/*padding-top: .21333rem*/
}

.bankwarp .top .tab .van-tab {
	color: rgb(45, 45, 45);
}

.bankwarp .top .tab .van-tab--active {
	font-weight: 600;
	color: rgb(45, 45, 45);
}

.bankwarp .top .tab .van-tab--active:after {
    bottom: 0.04rem;
    left: 50%;
    position: absolute;
    background-color: rgb(45, 45, 45);
    border-radius: 4px;
    height: 4px;
    width: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    display: block;
    content: "";
}

.bankwarp .top .changDdataNav {
	display: flex;
	justify-content: center;
	border: .02667rem solid #2d2d2d;
	border-radius: .48rem;
	width: 4.16rem;
	margin: .34667rem auto;
	padding: .05333rem 0
}

.bankwarp .top .changDdataNav .changeItem {
	display: flex;
	flex-direction: row
}

.bankwarp .top .changDdataNav .changeItem .changeItems {
	font-size: .37333rem;
	color: #2d2d2d;
	line-height: .74667rem;
	text-align: center;
	width: 2.02667rem;
	border-radius: .48rem;
	background-color: #fecc78
}

.bankwarp .top .changDdataNav .changeItem .changeItemu {
	font-size: .37333rem;
	color: #2d2d2d;
	line-height: .74667rem;
	text-align: center;
	width: 2.08rem
}

.bankwarp .top .topSwipev {
	position: relative;
	margin-top: .13333rem;
	height: 4.26667rem
}

.bankwarp .top .topSwipev .swipV {
	width: 4.96rem;
	background-color: #ffe0b0;
	border-radius: .42667rem;
	overflow: hidden;
	top: 0
}

.bankwarp .top .topSwipev .swipV .swipImgV {
	position: relative
}

.bankwarp .top .topSwipev .swipV .swipImgV .swipImg {
	width: 4.96rem;
	height: 2.93333rem
}

.bankwarp .top .topSwipev .swipV .swipImgV .swipItemTag {
	position: absolute;
	right: .13333rem;
	font-size: .29333rem;
	color: #fff;
	border-radius: .05333rem;
	padding: .02667rem .13333rem;
	background-color: #ba00ff;
	top: .13333rem
}

.bankwarp .top .topSwipev .swipV .swipImgV .vipTag {
	background-color: #ff2a85
}

.bankwarp .top .topSwipev .swipV .swipImgV .goldTag {
	background-color: #f7b43f
}

.bankwarp .top .topSwipev .swipV .swipImgV .swipItemBotm {
	position: absolute;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 .13333rem .13333rem .13333rem;
	box-sizing: border-box;
	width: 100%;
	background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6))
}

.bankwarp .top .topSwipev .swipV .swipImgV .swipItemBotm .swipItemNum,
.bankwarp .top .topSwipev .swipV .swipImgV .swipItemBotm .swipItemTime {
	font-size: .26667rem;
	color: #fff
}

.bankwarp .top .topSwipev .swipV .swipItemMes {
	position: absolute;
	top: .13333rem;
	width: 100%
}

.bankwarp .top .topSwipev .swipV .swipTitle {
	height: .98667rem;
	padding: .16rem .32rem .24rem .32rem;
	line-height: .48rem;
	font-size: .34667rem;
	color: #000;
}

.bankwarp .top .topSwipev .swipPre {
	left: .26667rem;
	transform: scale(.8);
	transform-origin: left center
}

.bankwarp .top .topSwipev .swipNext {
	right: .26667rem;
	transform: scale(.8);
	transform-origin: right center
}

.bankwarp .top .topSwipev .active {
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	background-color: #fff2df;
	border-radius: .21333rem
}

.bankwarp .top .rankingImgV {
	display: flex;
	justify-content: center
}

.bankwarp .rankItemV {
	padding: 0 .26667rem
}

.rankBgV .rankConV {
	display: flex;
	flex-direction: row;
	margin: .24rem 0
}

.rankBgV .rankConV .rankLeftV {
	position: relative
}

.rankBgV .rankConV .rankLeftV .rankImgV .rankImg {
	width: 4.69333rem;
	height: 2.77333rem
}

.rankBgV .rankConV .rankLeftV .rankImgV .rankTag {
	font-size: .29333rem;
	border-radius: .10667rem;
	color: #fff;
	width: .74667rem;
	height: .42667rem;
	text-align: center;
	position: absolute;
	right: 1.3vw;
	top: 1.3vw
}

.rankBgV .rankConV .rankLeftV .rankImgV .vipTag {
	background: #ff2a85
}

.rankBgV .rankConV .rankLeftV .rankImgV .flTag {
	background: #ba00ff
}

.rankBgV .rankConV .rankLeftV .rankImgV .goldTag {
	background: #f7b43f
}

.rankBgV .rankConV .rankLeftV .rankImgV .rankTime {
	font-size: .26667rem;
	color: #fff;
	position: absolute;
	bottom: 2.3vw;
	right: 1.3vw
}

.rankBgV .rankConV .rankLeftV .rankMesV {
	position: absolute;
	top: 0
}

.rankBgV .rankConV .rankRight {
	padding: .26667rem
}

.rankBgV .rankConV .rankRight .rankTitle {
	font-size: .34667rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #000;
}

.rankBgV .rankConV .rankRight .rankPlay {
	font-size: .29333rem;
	margin: .13333rem 0;
	color: #666
}

.rankBgV .rankConV .rankRight .rankNum {
	font-size: .34667rem;
	background-color: #ffebcc;
	text-align: center;
	width: .64rem;
	line-height: .64rem;
	border-radius: .10667rem;
	color: #000;
}