html{font-size: 16px; height:100%;-webkit-text-size-adjust:none;}
body,h1,h2,h3,ul,li,p{margin: 0;padding: 0;font-size: 14px;font-weight: normal;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration: none;}
img{vertical-align: top;width: 100%;}
ul,li{list-style: none;}
input{font-size:100%;outline:none;}
body{font-family: Helvetica;height:100%;overflow-x: hidden;}
*{-webkit-text-size-adjust: none;padding: 0;margin: 0;}
.wraper {width: 7.5rem;position: relative;font-size: 0.22rem;color: #e7c17c;line-height:0.36rem;min-height: 10rem;}
a,select,div{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
div#afooter {padding: .2rem 0;text-align: center;color: #5a5a5a;background: #181716;font-size: .2rem;line-height: 0.4rem;}
div#afooter a{color:#5a5a5a;}
footer.foot {padding-bottom: 0;}


.part{
	width: 7.5rem;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.part1{
	height:11.24rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/index-bg1.jpg) no-repeat;
	background-size: 100%;
}
.home{
	display: block;
	width: 1.93rem;
	height: .44rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/home.png) top center no-repeat;
	background-size: 100%;
	position: absolute;
	top: .65rem;
	right: .5rem;
}
.btn-play{
	display: block;
	width: 1.3rem;
	height: 1.3rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/btn-play.png) top center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 5.8rem;
	left: 3rem;
	-webkit-animation: scale 3s ease infinite;
    animation: scale 3s ease infinite;
}
.btn-download{
	display: block;
	width: 3.25rem;
	height: .88rem;
	margin: 9.15rem auto 0;
}


.part2{
	height:9.89rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/index-bg2.jpg) no-repeat;
	background-size: 100%;
}
.gift-nav{
	width: 7.5rem;
	position: absolute;
	top: 2rem;
	left: 0;
	text-align: center;
	z-index: 9;
}
.gift-nav a{
	display: inline-block;
	margin: 0 .1rem;
	font-size: .22rem;
	color: #7e51ad;
	position: relative;
}
.gift-nav a:after {
    content: '/';
    display: inline-block;
    position: absolute;
    top: 0px;
    color: #7f52ae;
    font-size: .24rem;
    right: -6px;
}
.gift-nav a:last-child:after{
	display: none;
}
.gift-nav a.on{
	font-size: .24rem;
	font-weight: bold;
	color: #ffffff;
}
.gift-list{
	width: 7.5rem;
	height: 7.45rem;
	position: absolute;
	top: 1.9rem;
	left: 0;
}
.gift-list .gift-box{
	width: 100%;
	height: 100%;
	overflow:hidden;
	display: none;
}
.gift-list .gift-box.current{
	display: block;
}
.gift-list .gift-box img{
	display: block;
	width: 100%;
	height: auto;
}

.year-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.year-box .year-gift{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.year-box .year-gift.current{
	display: block;
}

.year-nav{
	width: 7.5rem;
	height: .41rem;
	position: absolute;
	left: 0;
	bottom: .5rem;
	text-align: center;
}
.year-nav a{
	display: inline-block;
	width: 2.2rem;
	height: .41rem;
	margin: 0 .1rem;
	text-align: center;
	line-height: .41rem;
	color: #7e51ad;
	font-size: .2rem;
	font-weight: bold;
}
.year-nav a.active{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/dot.png) top center no-repeat;
	background-size: 100%;
	font-size: .22rem;
	font-weight: bold;
	color: #e17599;
}
.fly-nav{
	width: 7.5rem;
	height: .41rem;
	position: absolute;
	left: 0;
	bottom: .5rem;
	text-align: center;
}
.fly-nav a{
	display: inline-block;
	width: 2.2rem;
	height: .41rem;
	margin: 0 .1rem;
	text-align: center;
	line-height: .41rem;
	color: #7e51ad;
	font-size: .2rem;
	font-weight: bold;
}
.fly-nav a.active{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/dot.png) top center no-repeat;
	background-size: 100%;
	font-size: .22rem;
	font-weight: bold;
	color: #e17599;
}




.day-gift-pic{
	display: block;
	width: 7.5rem;
	height: 1.47rem;
	position: absolute;
	top: 2rem;
	left: 0;
}
.day-tip{
	text-align: center;
	font-size: .22rem;
	color: #ffffff;
	font-weight: bold;
	margin-top: 1.3rem;
}
.day-tip span{
	color: #fdaef8;
}

.day-box{
	width: 7.5rem;
	height: 2.5rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/day-bg.png) top center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 3.2rem;
	left: 0;
}
.day-box .days{
	width: .95rem;
	height: 1.1rem;
	position: absolute;
	overflow: hidden;
}
.days i.dot{
	display: block;
	width: .1rem;
	height: .1rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/dot-3.png) top center no-repeat;
	background-size: 100%;
	margin: .2rem auto 0;
}
.days.active i.dot{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/dot-4.png) top center no-repeat;
	background-size: 100%;
}
.days.active i.heart{
	display: block;
	width: .16rem;
	height: .14rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/heart.png) top center no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -0.085rem;
	top: 0rem;
	background-size: 100%;
}
.days p{
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	color: #d1bdef;
	margin-top: .05rem;
}
.days.active p{
	color: #fff;
}

.days-1{
	top: 0.35rem;
	left: .3rem;
}
.days-2{
	top: 0.35rem;
	left: 1.35rem;
	width: 1.2rem !important;
}
.days-3{
	top: 0.35rem;
	left: 2.6rem;
}
.days-4{
	top: 0.35rem;
	left: 3.7rem;
}
.days-5{
	top: 0.35rem;
	left: 4.8rem;
}
.days-6{
	top: 0.35rem;
	left: 5.8rem;
}
.days-7{
	top: 1.66rem;
	left: 5.8rem;
}
.days-8{
	top: 1.66rem;
	left: 4.8rem;
}
.days-9{
	top: 1.66rem;
	left: 3.7rem;
}
.days-10{
	top: 1.66rem;
	left: 2.6rem;
}
.days-11{
	top: 1.66rem;
	left: 1.3rem;
}




.part3{
	height:10.76rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/index-bg3.jpg) no-repeat;
	background-size: 100%;
}
.type-list{
	width: 7rem;
	height: 6rem;
	overflow:hidden;
	position: relative;
	margin: 1.7rem auto 0;
}
.type-list li{
	display: none;
}
.type-list li.current{
	display: block;
}
.type-list li img{
	display: block;
	width: 100%;
	height: auto;
}
.type-list li p{
	font-size: .24rem;
	color: #b24345;
	margin-top: .2rem;
	line-height: .32rem;
}

.type-nav{
	width: 7.5rem;
	overflow:hidden;
	margin: 0rem auto 0;
	text-align: center;
}
.type-nav a{
	display: inline-block;
	width: 2.38rem;
	height: 2.13rem;
	float: left;
	margin: 0 .05rem;
}
.type-nav .type-nav-1{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-1.png) top center no-repeat;
	background-size: 100%;
}
.type-nav .type-nav-2{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-2.png) top center no-repeat;
	background-size: 100%;
}
.type-nav .type-nav-3{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-3.png) top center no-repeat;
	background-size: 100%;
}
.type-nav .type-nav-1.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-11.png) top center no-repeat;
	background-size: 100%;
}
.type-nav .type-nav-2.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-22.png) top center no-repeat;
	background-size: 100%;
}
.type-nav .type-nav-3.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/tab-33.png) top center no-repeat;
	background-size: 100%;
}

.part4{
	height:7.47rem;
	background-image: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/index-bg4-0.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
}
.cloth-nav{
	width: 7.5rem;
	position: absolute;
	top: 2rem;
	left: 0;
	text-align: center;
	z-index: 9;
}
.cloth-nav a{
	display: inline-block;
	margin: 0 .3rem;
	font-size: .24rem;
	color: #af91d3;
	position: relative;
}
.cloth-nav a.on{
	font-size: .3rem;
	font-weight: bold;
	color: #ffffff;
}
.cloth-nav a:after {
    content: '/';
    display: inline-block;
    position: absolute;
    top: .02rem;
    color: #af91d3;
    font-size: .3rem;
    right: -.52rem;
}
.cloth-nav a:last-child:after {
	display: none;
}
.cloth-list{
	width: 7.5rem;
	height: 5.7rem;
	position: absolute;
	top: 2rem;
	left: 0;
}
.cloth-list li{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.cloth-list li.current{
	display: block;
}
.cloth-list li img{
	display: block;
	width: 100%;
	height: auto;
}

.cut-nav{
	width: 7.5rem;
	height: .41rem;
	position: absolute;
	left: 0;
	bottom: .5rem;
	text-align: center;
}
.cut-nav a{
	display: inline-block;
	width: .95rem;
	height: .41rem;
	margin: 0 .15rem;
	text-align: center;
	line-height: .41rem;
	color: #af91d3;
	font-size: .2rem;
	font-weight: bold;
}
.cut-nav a.active{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/dot-1.png) top center no-repeat;
	background-size: 100%;
	font-size: .22rem;
	font-weight: bold;
	color: #e17599;
}

.part5{
	height:7.95rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/index-bg5.jpg) no-repeat;
	background-size: 100%;
}
.music-box-1{
    width: 3.17rem;
    overflow: hidden;
    position: absolute;
    top: 2.95rem;
    left: .45rem;
}
.music-box-2{
    width: 3.17rem;
    overflow: hidden;
    position: absolute;
    top: 2.95rem;
    right: .45rem;
}
.music-box .music-name{
    text-align: center;
    margin-top: .1rem;
    font-size: .22rem;
    font-weight: bold;
    color: #ce6c93;
}
.music-box .music-author{
    text-align: center;
    font-size: .22rem;
    color: #ce6c93;
}
.music-box .play-music{
    display: block;
    width: 1.81rem;
    height: .4rem;
    margin: .2rem auto 0;
    background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/play-music.png) top center no-repeat;
    background-size: 100%;
}
.music-box .play-music.playing{
    background: url(//game.gtimg.cn/images/x5m/cp/a20190130xbbm/pause-music.png) top center no-repeat;
    background-size: 100%;
}

@-webkit-keyframes scale {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes scale {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pop-cover{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); z-index: 9999997; visibility: hidden;}
.vplayer{position: fixed; left: 0; top: 50%; display: none; width: 100%; z-index: 9999998;
  -webkit-transform: translateY(-50%);transform: translateY(-50%);}
.vp-close{position: fixed; right: 0; top: 0; width: .7rem; line-height: .7rem;height: .7rem; text-align: center; font-size: .4rem; color: #fff; background-color: #828282;
  visibility: hidden; z-index: 9999999;}