/* 重置样式 */
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
header,
section,
article,
footer {
    margin: 0;
}

body,
button,
input,
select,
textarea {
    font: 12px/1.5 tahoma, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

em,
b {
    font-style: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th,
ul,
ol {
    padding: 0;
}

ol, ul { list-style: none }

/* 页脚样式 */
#afooter {
	text-align: center;
	line-height: 20px;
	color: #6a6a6a;
	background-color: #0e0e0e;
	padding: 20px 0;
}

#afooter a {
	color: #6a6a6a;
}

@font-face {
	font-family:'font';
	src: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/FZShengSKSJW_Zhong.ttf);
}

@font-face {
	font-family:'font1';
	src: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/FZShengSKSJW.ttf);
}


/* 基础样式 */
html {
    font-size: 100px;
}

.sp {
    background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/sp.png) no-repeat;
    background-size: 11.51rem auto;
}

.db {
    display: block;
    text-indent: -9999px;
}

.container {
    width: 12rem;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.wrap{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/bg1.jpg) no-repeat 50% 0,url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/bg2.jpg) no-repeat 50% 10.78rem,url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/bg3.jpg) no-repeat 50% 36.07rem;
	height: 66.2rem;
	background-size: 100% auto;
	font-family:'font';
}

.head{
	height: 12.09rem;
	position: relative;
}

.logobox{
	position: absolute;
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/logo.png) no-repeat;
	background-size: 100% 100%;
	width: 2.53rem;
	height: 1.09rem;
	top: .27rem;
	left: 0;
}

.logo{
	width: 1.27rem;
	height: 1.09rem;
	display: block;
}

.btn_home{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/btn_home.png) no-repeat;
	background-size: 100% 100%;
	width: 2.64rem;
	height: .71rem;
	position: absolute;
	top: .27rem;
	right: 0;
}

.top-btn {
    position: absolute;
    width: 11.98rem;
    height: 2.38rem;
    left: 50%;
    transform: translateX(-50%);
    top: 9.53rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/top_bg.png) no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0 .53rem 0 .72rem;
}

.topbtn_l{
    width: 5.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_code {
    width: 1.61rem;
    height: 1.61rem;
}

.tdownbox{
	width: 3.2rem;	
}

.btn_app{
	background-position: -2.14rem -11.45rem;
	width: 3.2rem;
	height: .87rem;
	font-size: 0;
	display: block;
}

.btn_android{
	background-position:-5.76rem -11.45rem;
	width:3.22rem;
	height: .87rem;
	font-size: 0;
	display: block;
}

.topbtn_c{
	width: 3.4rem;
}

.qf_txt{
	background-position: -2.14rem -11.1rem;
	width: 2.39rem;
	height: .31rem;
	box-sizing: border-box;
	padding-left: .91rem;
	color: #e5e3d8;
	font-size: .2rem;
	line-height: .31rem;
	text-align: center;
	margin: 0 auto;
}

.kf_time{
	color: #e5e3d8;
	font-size: .2rem;
	text-align: center;
	line-height: 1.2;
	padding: .17rem 0;
}

.btn_tlq{
	background-position: -4.87rem -10.66rem;
	width: 2.64rem;
	height: .64rem;
	display: block;
	margin: 0 auto;
	font-size: 0;
}

.btn_tlq.gray{
	background-position: -7.80rem -10.66rem;
}

.btn_downsy{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/btn_down.png) no-repeat;
	background-size: 100% 100%;
	width: 1.93rem;
	height: 1.61rem;
	display: block;
	font-size: 0;
}

.part1{
	position: relative;
}

.part1 h2{
	background-position: 0 0;
	width: 11.51rem;
	height: 1.6rem;
	display: block;
	margin: 0 auto;
}

.tit_ct{
	color: #69431f;
	font-size: .3rem;
	text-align: center;
	line-height: 1.2;
	font-family:'font1';
	padding-top: .1rem;
}

.videobox{
	width: 12.01rem;
	height: 6.31rem;
	position: relative;
	margin: .35rem auto 0;
}

.videobox:before{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/video_sp.png) no-repeat 0 0/12.46rem auto;
	width: 12.46rem;
	height: .96rem;
	position: absolute;
	content: "";
	left: 50%;
	margin-left: -6.23rem;
	top: -.1rem;
	z-index: 9;
	pointer-events: none;
}

.videobox:after{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/video_sp.png) no-repeat 0 -1.67rem/12.46rem auto;
	width: 12.46rem;
	height: .96rem;
	position: absolute;
	content: "";
	left: 50%;
	margin-left: -6.23rem;
	bottom: -.1rem;
	z-index: 9;
	pointer-events: none;
}

.btn_video{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/video_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 12.01rem;
	height: 6.31rem;
	display: block;
}
.videocon{
	width: 12.01rem;
	height: 6.31rem;
	display: none;
}

.pic1{
	width: 4.06rem;
	height: 10.42rem;
	position: absolute;
	top: .63rem;
	left: -3.6rem;
	pointer-events: none;
}

.btn_act1{
	background-position: 0 -9.72rem;
	width: 3.52rem;
	height: .89rem;
	display: block;
	font-size: 0;
	margin: .36rem auto 0;
}

.part2{
	padding-top: 2.28rem;
}

.part2 h2{
	background-position: 0 -1.75rem;
	width: 10.41rem;
	height: 1.67rem;
	display: block;
	margin: 0 auto;
}

.p2box{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/p2box_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 19.2rem;
	height: 11.94rem;
	margin: -2.27rem auto 0;
	position: relative;
	left: -3.60rem;
	box-sizing: border-box;
	padding: 4.85rem 4.5rem 0;
}

.list_p2prop{
	display: flex;
	justify-content: center;
	align-items: center;
}

.list_p2prop li{
	width: 2.24rem;
	background-size: 100% 100%;
}

.list_p2prop li img{
	width: 100%;
	display: block;
}

.list_p2prop li span{
	color: #392415;
	font-size: .32rem;
	text-align: center;
	line-height: 1.2;
	display: block;
	font-family: 'font1';
}

.btn_p2look{
	background-position: -3.90rem -9.72rem;
	width: 3.52rem;
	height: .89rem;
	display: block;
	margin: .2rem auto 0;
	font-size: 0;
}

.part3{
	padding-top: .56rem;
}

.part3 h2{
	background-position: 0 -4.4rem;
	width: 11.24rem;
	height: 1.63rem;
	display: block;
	margin: 0 auto;
}

.p3show_pic{
	width: 12rem;
	height: 4.42rem;
	display: block;
	margin: -.18rem auto 0;
}

.part4{
	padding-top: 3.43rem;
}

.part4 h2{
	background-position: 0 -6.15rem;
	width: 10.41rem;
	height: 1.69rem;
	display: block;
	margin: 0 auto;
}

.part4 .tit_ct{
	color: #ba8c4b;
}

.p4box{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/p4box_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 12.15rem;
	height: 5.84rem;
	position: relative;
	left: -0.06rem;
	box-sizing: border-box;
	padding: .62rem .3rem 0;
}

.list_p4prop{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.list_p4prop li{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/p4prop_bg.png) no-repeat;
	width: 2.14rem;
	height: 2.09rem;
	background-size: 100% 100%;
	margin:0 .1rem .1rem;
	position: relative;
}

.list_p4prop li img{
	width: .82rem;
	display: block;
	margin: .62rem auto 0;
}

.list_p4prop li span{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: .42rem;
	color: #392415;
	font-size: .2rem;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'font1';
	text-align: center;
	letter-spacing: -1px;
}

.btn_p4yuy{
	background-position: -7.80rem -9.72rem;
	width: 3.52rem;
	height: .89rem;
	display: block;
	margin: .2rem auto 0;
	font-size: 0;
}

.part5{
	padding-top: 3.45rem;
}

.part5 h2{
	background-position: 0 -7.95rem;
	width: 11.51rem;
	height: 1.6rem;
	display: block;
	margin: 0 auto;
}

.list_p5code{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: .26rem;
}

.list_p5code li{
	background: url(//game.gtimg.cn/images/yl/cp/a20251112rxqcybscsy/p5code_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 2.33rem;
	height: 2.96rem;
	box-sizing: border-box;
	padding: .37rem .2rem;
}

.list_p5code li img{
	width: 1.7rem;
	display: block;
	margin: 0 auto;
}

.list_p5code li span{
	color: #fff6e1;
	font-size: .3rem;
	text-align: center;
	line-height: 1.2;
	display: block;
	padding-top: .15rem;
}