html{font-size: 16px;-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;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;}
body{padding-bottom: .84rem;}
.part{
	width: 7.5rem;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.part1{
	height:11.42rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/index-bg1.jpg) no-repeat;
	background-size: 100%;
}
.home{
	display: block;
	width: 1.69rem;
	height: .54rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/home.png);
	position: absolute;
	top: .45rem;
	right: .15rem;
	overflow: hidden;
	line-height: 9.9rem;
	background-size: 100%;
}
.btn-download {
    display: block;
    width: 3.14rem;
    height: 1.02rem;
    margin: 9.7rem auto 0;
    background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-dl.png);
    background-size: 100%;
}



.part2{
	height:14.5rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/index-bg2.jpg) no-repeat;
	background-size: 100%;
}
.title-2{
	text-align: center;
	font-size: .22rem;
	color: #f9ddd5;
	margin-top: 1.4rem;
}
.btn-more {
    display: block;
    width: 3.3rem;
    height: .8rem;
    margin: 11.15rem auto 0;
}



.part3{
	height:8.87rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/index-bg3.jpg) no-repeat;
	background-size: 100%;
}

.title-3{
	text-align: center;
	font-size: .22rem;
	color: #b67878;
	margin-top: 1.3rem;
}



.nav-tab{
	width: 6.79rem;
	overflow: hidden;
	margin: .25rem auto 0;
}
.nav-tab .tab{
	display: block;
	width: 3.4rem;
	height: .42rem;
	float: left;
}
.nav-tab .tab-1{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/tab-1.png);
	background-size: 100%;
}
.nav-tab .tab-2{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/tab-2.png);
	background-size: 100%;
}
.nav-tab .tab-1.on{
	width: 3.39rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/tab-11.png);
	background-size: 100%;
}
.nav-tab .tab-2.on{
	width: 3.39rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/tab-22.png);
	background-size: 100%;
}
.tab-box{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.tab-box .box{
	width: 100%;
	height: 4.8rem;
	position: relative;
	overflow: hidden;
	display: none;
}
.tab-box .box.current{
	display: block;
}
.type-list{
	width: 100%;
	height: 4rem;
	position: relative;
	margin: 0 auto;
}
.type-list li{
	width: 100%;
	height: 4rem;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .6s;
	opacity: 0;
}
.type-list li img{
	display: block;
	width: 6.62rem;
	height: auto;
	margin: .05rem auto;
}
.type-list li.current{
	opacity: 1;
}

.bottom-nav{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.bottom-nav-1 a{
	display: inline-block;
	width: 1.74rem;
	height: .75rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-y.png);
	background-size: 100%;
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	color: #994e1c;
	line-height: .6rem;
	float: left;
	margin: 0 .05rem;
}
.bottom-nav-1 a.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-r.png);
	background-size: 100%;
	color: #ffffff;
}
.bottom-nav-2 a{
	display: block;
	width: 1.74rem;
	height: .75rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-y.png);
	background-size: 100%;
	text-align: center;
	font-size: .2rem;
	font-weight: bold;
	color: #994e1c;
	line-height: .6rem;
	margin: 0 auto;
}

.prize-intro{
	text-align: center;
	font-size: .22rem;
	line-height: .3rem;
	color: #e0e8ff;
	margin-top: .15rem;
}
.prize-intro span{
	font-size: .22rem;
	color: #ffc8c8;
	font-weight: bold;
}









.part4{
	height:8.26rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/index-bg4.jpg) no-repeat;
	background-size: 100%;
}
.title-4{
	text-align: center;
	font-size: .22rem;
	color: #f9ddd5;
	margin-top: 1.5rem;
}
.cloth-tab{
	width: 5.4rem;
	overflow: hidden;
	margin: .15rem auto 0;
}
.cloth-tab a{
	display: block;
	width: 2.5rem;
	height: .54rem;
	line-height: 9.9rem;
	overflow: hidden;
	float: left;
	margin:  0 .1rem;
}
.cloth-tab a.cloth-tab-1{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/cloth-tab-1.png);
	background-size: 100%;
}
.cloth-tab a.cloth-tab-2{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/cloth-tab-2.png);
	background-size: 100%;
}
.cloth-tab a.cloth-tab-1.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/cloth-tab-22.png);
	background-size: 100%;
}
.cloth-tab a.cloth-tab-2.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/cloth-tab-11.png);
	background-size: 100%;
}
.cloth-list{
	width: 6.81rem;
	height: 6rem;
	margin:.32rem auto;
	overflow: hidden;
	position: relative;
}
.cloth-list li{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.6s;
}
.cloth-list li img{
	display: block;
	width: 100%;
	height: auto;
}
.cloth-list li.current{
	opacity: 1;
}

.part5{
	height:11.76rem;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/index-bg5.jpg) no-repeat;
	background-size: 100%;
}
.title-5{
	text-align: center;
	font-size: .22rem;
	color: #b67878;
	margin-top: 1.42rem;
}
.play-music {
    display: block;
    width: 1.09rem;
    height: 1.09rem;
    background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-play.png);
    background-size: 100%;
    position: absolute;
    top: 3.2rem;
    right: 2.4rem;
}
.play-music.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/btn-stop.png);
	background-size: 100%;
}
.tip{
	text-align: center;
	font-size: .22rem;
	font-weight: bold;
	color: #e98585;
	margin-top: .7rem;
}

.music-lyric {
    width: 4.2rem;
    height: 3.6rem;
    margin-top: 4.4rem;
    margin-left: 1.75rem;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}
.lrc_scroll{
	position: relative;
}
.lrc_scroll p {
    font-size: .22rem;
    color: #6570d9;
    text-align: center;
    line-height: .4rem;
}
.lrc_scroll p span{
	font-weight: bold;
	font-size: .24rem;
}
.lrc_scroll p.active {
    color:#edf2fb;
}
.music-lyric::-webkit-scrollbar{
    width: .04rem;
    height: .2rem;
    background-color: #bacae8;
}
.music-lyric::-webkit-scrollbar-track{
    border-radius: .2rem;
    background-color: #bacae8;
}
.music-lyric::-webkit-scrollbar-thumb{
    height: .2rem;
    border-radius: .1rem;
    background-color: #e7ecf7;
}

.wrap-nav{
	width: 7.5rem;
	height: 1.82rem;
	position: fixed;
	bottom: -.25rem;
	left: 0;
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/bottom-nav.png);
	background-size: 7.5rem 1.37rem;
	background-position: bottom center;
	background-repeat: no-repeat;
	font-size: 0;
}
.wrap-nav a{
	display: block;
	width: 1.875rem;
	height: 1.82rem;
	float: left;
}
.wrap-nav .nav-1.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/nav-1.png);
	background-size: 1.82rem 1.21rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.wrap-nav .nav-2.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/nav-2.png);
	background-size: 1.82rem 1.21rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.wrap-nav .nav-3.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/nav-3.png);
	background-size: 1.82rem 1.21rem;
	background-position: center center;
	background-repeat: no-repeat;
}
.wrap-nav .nav-4.on{
	background: url(//game.gtimg.cn/images/x5m/cp/a20190301bbztm/nav-4.png);
	background-size: 1.82rem 1.21rem;
	background-position: center left;
	background-repeat: no-repeat;
}