@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; outline:0 none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{font:12px/1.5 "Arial","Hiragino Sans GB","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',tahoma,sans-serif;background:#141e34;color:#fff;}
a{outline:0 none;cursor:pointer;text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
img{border:0 none;}
em,i{font-style:normal;font-weight:normal;}
h1,h2,h3,h4{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
.fl, .fr { display: inline; float: left; }

.fr { float: right; } 

.pr{ position:relative; }

.pa{ position:absolute; }

.pf{ position: fixed;}
[class*="btn"]{ display: block; background-repeat: no-repeat; background-size: 100% 100%}

.bg{ background-repeat: no-repeat; background-size: 100% 100%;}

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

.pup{ top: 50%; left: 50%; background-repeat: no-repeat; background-size: 100% 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 102;}

a{ -webkit-transition: all .5s; transition: all .5s;}
a:hover{ -webkit-transform: scale(.95); transform: scale(.95);}


 
body,html{ height: 100%; font-size: .2rem; color: #fff;}

.wrapper{ width: auto; min-width: 13rem; height: 100%; font-family:"microsoft yahei", sans-serif; font-size: 20px; color: #fff; overflow: hidden;}

.l-header { top:0; left: 0; right: 0px; height:2.15rem ;z-index: 9; line-height: 1; box-sizing: border-box; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; padding: .2rem 0 0 .3rem;background-position-y: -.4rem;}
.l-header .l-gnav__list {
	display: flex;
	display: -webkit-flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.l-header .l-gnav__list .l-gnav__item {
	position: relative;
	top: .2rem;
	padding: 0 .28rem 0 .12rem;
	font-size: .18rem;
	font-weight: bold;
	letter-spacing: .02rem;
	text-align: center;
	cursor: pointer;
	line-height: 1;
}
.l-header .l-gnav__list .l-gnav__item span {
	display: inline-block;
	padding: .08rem .24rem;
	color: #fff;
	line-height: 1.2;
	border: .03rem solid transparent;
	border-radius: 1rem;
}
.l-header .l-gnav__list .l-gnav__item span:hover {
	color: #ffb923;
}
.l-header .l-gnav__list .l-gnav__item.active span {
	color: #770f0f;
	background: #ffb923;
	border-color: #fff;
}
.l-header .l-gnav__list .l-gnav__item:after {
	content: "/";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: .18rem;
	font-weight: normal;
	color: #fff;
	pointer-events: none;
}
.l-header .l-gnav__list .l-gnav__item:last-of-type:after {
	content: "";
}
.l-header .code{display: none; width: 1.61rem; height: 2.02rem; background-image: url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/bg_tips.png"); text-align: center; }
.l-header .code.show{ display: block;}
.l-header .code-follow{ top: .6rem; right: 0;}
.l-header .code-download{ top: .6rem; right: 1.6rem;}
.l-header .code img{ margin-top: .3rem; width: 1.36rem; }
.l-header .code span{ display: block; margin-top: .1rem; font-size: .16rem;}
.l-header .logo img{ width: 2.82rem;}


.l-main { /*display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; grid-auto-rows: auto;*/ height: 100%;}
.swiper-container{ position: relative; top: 0; left: 0; overflow: hidden; width: 100%; min-width: 13rem; height: 100%;}
.content-slide{ height: 100%;  opacity: 0; -webkit-transition: 0.8s cubic-bezier(0.76, 0, 0.24, 1); transition: 0.8s cubic-bezier(0.76, 0, 0.24, 1);}
.swiper-slide-active{ z-index: 2; -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); opacity: 1;}
.front-main{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.slide-section{position: relative; overflow: hidden; width: 100vw; height: 100%;}
.p-slide-section__bg { position: absolute; top: 0; left: 0; background-size: cover; /*background-attachment: fixed;*/ z-index: -1; pointer-events: none; width: inherit;
 height: inherit; background-image:url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_inside.jpg"); background-position: center; /*-webkit-transition: 15s -webkit-transform; transition: 15s -webkit-transform; transition: 15s transform;*/}
.swiper-slide-active .p-snap-section.active .p-slide-section__bg { -webkit-transition: 15s -webkit-transform; transition: 15s -webkit-transform; transition: 15s transform;
 transition: 15s transform, 15s -webkit-transform; -webkit-transform: scale(1.1); transform: scale(1.1);}
.content-slide-index .p-slide-section__bg { background-image:url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg.jpg);}
.p-slide-section__body{ overflow: hidden; text-align: center; z-index: 1; height: inherit; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.p-slide-section__body--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.bg-video{ position: absolute; width: 100%; height:100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: -100; }
.bg-video video{ object-fit: cover; width: 100%; height: 100%; }

.btn-info{ bottom: .7rem; padding: .05rem .1rem; background: rgba(17, 14, 0, .63); gap: .1rem; }
.btn-info .code{ color: #fdf0cc; font-size: .16rem; }
.btn-info .code img{ display: block; width: 1.45rem; }
.btn-list { -webkit-flex-flow: column;  flex-flow: column; gap: .1rem; }
.btn-list a{ width: 2.98rem;  height: .8rem;  }
.btn-list .btn-pc{  background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_simulator_b.png);}
.btn-list .btn-web{ background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_web_b.png);}
.btn-info .btn-pay { width: 1.7rem; height: 1.7rem; background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_recharge_b.png);}

.ico-right {
	top: 50%;
	right: .15rem;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.ico-right__box {
	width: 2.54rem;
    height: 6.59rem;
	padding: 2.4rem 0 .12rem .2rem;
	background: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_float.png) no-repeat center top;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
    box-sizing: border-box;
}
.ico-right__btn {
	display: block;
	width: 1.71rem;
	height: .47rem;
	margin-bottom: .06rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.ico-right__btn.btn-web {
	background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_web.png);
}

.ico-right__btn.btn-pc {
	background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_simulator.png);
}

.ico-right__btn.btn-pay {
	background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/btn_recharge.png);
}

.ico-right__code {
	width: 1.48rem;
	margin-top: .02rem;
	text-align: center;
}
.ico-right__code img {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-radius: .04rem;
}
.ico-right__code span {
	display: block;
	margin-top: .05rem;
	font-size: .16rem;
	color: #fff;
	line-height: 1.25;
	white-space: nowrap;
}
.content-slide-index .banner{ bottom: 1rem; text-align: center; }
.content-slide-index .banner img{ width: 14.4rem;}
.content-slide-index .btn-list{ bottom: .9rem;}
.content-slide-index .age{ bottom: .3rem; left: .3rem;z-index: 10}
.content-slide-index .age img{ width: .69rem;}
.content-slide-index .service{ bottom: .3rem; right: .6rem; width: .65rem; height: .71rem; background-image: url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/ico_service.png"); z-index: 10}



.content-slide-news .news-section-title {
	margin-top: .3rem;
	margin-bottom: .08rem;
}
.content-slide-news .news-section-title img {
	display: block;
	width: 11.22rem;
	height: 1.48rem;
	margin: 0 auto;
}
.content-slide-news .news-panel {
	position: relative;
	width: 13.77rem;
	height: 5.83rem;
	margin: 0 auto;
	padding: .56rem .6rem .44rem .4rem;
	background: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_news.png) no-repeat center;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.content-slide-news .news-panel::before {
	content: "";
	position: absolute;
	bottom: -.2rem;
	left: -.5rem;
	width: 3.84rem;
	height: 1.38rem;
	margin-left: -.18rem;
	background: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_news_after.png) no-repeat center top;
	background-size: 100% 100%;
	opacity: .85;
}
.content-slide-news .news-panel__inner {
	display: flex;
	align-items: flex-start;
	height: 100%;
	gap: .18rem;
	box-sizing: border-box;
}
.content-slide-news .news-banner {
	position: relative;
	width: 7.67rem;
	flex-shrink: 0;
	padding-top: .8rem;
}

.content-slide-news .news-banner__frame {
	box-sizing: border-box;
	padding: .03rem;
    width: 7.81rem;
    height: 3.33rem;
    background-image: url(https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_frame.png);
}
.content-slide-news .news-banner .swiper-container {
	width: 100%;
	min-width: 0;
	height: 3.21rem;
    border: .03rem #D94312 solid;
	border-radius: .02rem;
	overflow: hidden;
}
.content-slide-news .news-banner .swiper-slide {
	height: 3.21rem;
}
.content-slide-news .news-banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.content-slide-news .news-banner-pagination-wrap,
#features .feature-pagination-wrap,
#rooms .room-pagination-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: .2rem;
}

.content-slide-news .news-banner-pagination-line:first-child::after,
#features .feature-pagination-line:first-child::after,
#rooms .room-pagination-line:first-child::after {
	right: 0;
}
.content-slide-news .news-banner-pagination-line:last-child::after,
#features .feature-pagination-line:last-child::after,
#rooms .room-pagination-line:last-child::after {
	left: 0;
}
.content-slide-news .news-banner-pagination,
#features .feature-pagination,
#rooms .room-pagination {
	position: relative !important;
	bottom: auto !important;
	left: auto !important;
	width: auto !important;
	flex-shrink: 0;
	margin: 0 .14rem;
	line-height: 0;
	text-align: center;
}
.content-slide-news .news-banner-pagination .swiper-pagination-bullet,
#features .feature-pagination .swiper-pagination-bullet,
#rooms .room-pagination .swiper-pagination-bullet {
	width: .08rem;
	height: .08rem;
	margin: 0 .07rem !important;
	background: #4a2311;
	opacity: .75;
	border-radius: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}
.content-slide-news .news-banner-pagination .swiper-pagination-bullet-active,
#features .feature-pagination .swiper-pagination-bullet-active,
#rooms .room-pagination .swiper-pagination-bullet-active {
	width: .12rem;
	height: .12rem;
	background: #ff8c00;
	opacity: 1;
	box-shadow: 0 0 .06rem rgba(255, 140, 0, .45);
}
.content-slide-news .news-main {
    margin-left: .1rem;
	flex: 1;
	min-width: 0;
	height: 4.62rem;
	display: flex;
	flex-direction: column;
	padding-top: .12rem;
}
.content-slide-news .news-tabs {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 0 .12rem;
	border-bottom: .02rem dashed rgba(139, 90, 43, .45);
}
.content-slide-news .news-tabs__item {
	padding: .05rem .24rem;
	font-size: .3rem;
	font-weight: bold;
	color: #5c3a1a;
	cursor: pointer;
	line-height: 1.35;
	border-radius: .06rem;
}
.content-slide-news .news-tabs__item .text{
    -webkit-text-stroke: .02rem #FFFFFF;
}
.content-slide-news .news-tabs__item .text::after{
    content: attr(data-text);
    position: absolute;
    left: 0;
    background: -webkit-linear-gradient(#872E10,#CE4816);
    background: linear-gradient(#872E10,#CE4816);
    background-clip: text;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 0;
    
}
.content-slide-news .news-tabs__item.active {
	background-color: #D94312;
}
.content-slide-news .news-tabs__item.active .text{
    -webkit-text-stroke: .02rem #C41C00;
}
.content-slide-news .news-tabs__item.active .text::after{
    content: attr(data-text);
    position: absolute;
    left: 0;
    background: -webkit-linear-gradient(#FECD2C,#FDFBD9);
    background: linear-gradient(#FECD2C,#FDFBD9);
    background-clip: text;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 0;
    
}
.content-slide-news .news-list-wrap {
	position: relative;
	flex: 1;
	overflow: hidden;
	margin-top: .08rem;
	padding: .02rem .04rem 0 0;
}

.content-slide-news .news-list {
	height: 100%;
	overflow-y: auto;
	text-align: left;
	scrollbar-width: thin;
	scrollbar-color: rgba(139, 90, 43, .35) transparent;
}
.content-slide-news .news-list::-webkit-scrollbar {
	width: .05rem;
}
.content-slide-news .news-list::-webkit-scrollbar-thumb {
	background: rgba(139, 90, 43, .35);
	border-radius: .04rem;
}
.content-slide-news .news-item {
	border-bottom: none;
}
.content-slide-news .news-item__link {
	display: flex;
	align-items: center;
	padding: .065rem 0;
	font-size: .22rem;
	color: #88251C;
	line-height: 1.2;
}
.content-slide-news .news-item__link:hover .news-item__title {
	color: #c41e1e;
}
.content-slide-news .news-item__title {
	flex: 0 1 auto;
	max-width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.content-slide-news .news-item__title::first-letter {
	color: #88241B;
}
.content-slide-news .news-item__dots {
	flex: 1;
	min-width: .14rem;
	margin: 0 .08rem .04rem;
	border-bottom: .02rem dotted rgba(74, 48, 24, .5);
	height: .04rem;
}
.content-slide-news .news-item__date {
	flex-shrink: 0;
	font-size: .22rem;
	color: #88251C;
	letter-spacing: .01rem;
}
.content-slide-news .news-item--empty .news-item__link {
	-webkit-justify-content: center;
	justify-content: center;
	color: #8a6030;
}

.swiper-content{position:relative; margin:.4rem auto 0px; width:85%; max-width: 13rem;}
#rooms{ margin-top: -.2rem; }
.swiper-content .swiper-slide{ opacity: 0!important; overflow: hidden;}
#features .swiper-slide{ width:9.52rem;height:5.44rem; background: url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/bg_feature_frame.png") no-repeat; background-size: 100% 100%;}
#features .swiper-container,
#rooms .swiper-container{ min-width: 0; height: auto; overflow: visible; }
.swiper-content .swiper-slide.swiper-slide-prev,
.swiper-content .swiper-slide.swiper-slide-next{ opacity: .5!important;}
.swiper-content .swiper-slide.swiper-slide-active{ opacity: 1!important;}
#features .swiper-slide img{ width: 9.21rem; height: 5.2rem; object-fit: cover; }
#rooms .swiper-slide{ width: 6.8rem; height: 6.8rem; background: none; }
#rooms .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: contain; }
.swiper-content .feature-button-prev,
.swiper-content .feature-button-next,
.swiper-content .room-button-prev,
.swiper-content .room-button-next{ top: 50%; right:.35rem; margin-top: -.1rem; width:.64rem;height:.72rem;background-image:url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/ico_next.png"); cursor: pointer; z-index: 3;}
.swiper-content .feature-button-prev,
.swiper-content .room-button-prev{ left: .35rem; right: auto; transform: rotate(180deg); }
#features .feature-pagination .swiper-pagination-bullet{ background-color: #ECE6C0; }
#features .feature-pagination .swiper-pagination-bullet-active{ background-color: #FFFF79; box-shadow: 0 0 .1rem #fff inset, 0 0 .1rem #fff; }
#rooms .room-pagination .swiper-pagination-bullet{ background-color: #ECE6C0; }
#rooms .room-pagination .swiper-pagination-bullet-active{ background-color: #FFFF79; box-shadow: 0 0 .1rem #fff inset, 0 0 .1rem #fff; }

.content-slide-room .item-title img{
	display: block;
	width: 11.22rem;
	height: 1.48rem;
	margin: 0 auto;
}

.content-slide-room .btn-list{ margin-top: -.4rem;}

.content-slide-footer{ height: 3rem; background: #861C1C; font-size: .14rem; color: #fff; }
.content-slide-footer .bot-logo{ margin-right: .45rem;}
.content-slide-footer a{ color: #fff;}
.content-slide-footer .footer-content .text img{ display: inline; vertical-align: middle; width: auto; max-width: none; }
.content-slide-footer .p-slide-section__body{text-align: left; }

.arrow { position: fixed; bottom: .1rem; left: 0; width: 100%; text-align: center; font-size: .12rem; color: #d7d7d7; z-index: 9;}
.arrow i{display: block;margin: 0 auto .1rem;width: .17rem;height: .15rem;background: url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/260526/ico_arrow.png") no-repeat;-webkit-animation: opacity 1.5s infinite;animation: opacity 1.5s infinite;background-size: 100% 100%;}
.arrow i:last-of-type{margin-top: -.35rem;-webkit-animation-delay: .2s;animation-delay: .2s;}
@keyframes opacity {
 0% {
  opacity: 1
 }
 100% {
  opacity: .5
 }
}

.pup{ position: fixed; top: 50%; left: 50%; padding: .25rem .5rem; background: #193890; border: .02rem #11b1ff solid; border-radius: .1rem; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 51;}
.pup .btn-close{ top: .3rem; right: .2rem; width: .22rem; height: .23rem; background: url("https://static.byqpdr.com/h5bkbyyx/images/new_website/pc/btn_close.png") no-repeat; background-size: 100% 100%; }
.pup .title{ margin-bottom: .4rem; font-size: .3rem; color: #45f4ff; text-align: center; font-weight: bold; }
.pup .text{ margin-bottom: .35rem; width: 9.85rem; font-size: .18rem; color: #fff; word-break: break-word; }

.thickdiv{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;border:0 none;opacity:.5;z-index:50;overflow:hidden}

.room-tips-popup{ position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 102; cursor: pointer; }
.room-tips-popup img{ display: block; max-width: 90vw; max-height: 80vh; }
#rooms .swiper-slide{ cursor: pointer; }

@media only screen and (max-width: 1920px) {


}
@media only screen and (max-width: 1680px) {


}
@media only screen and (max-width: 1440px) {

}
@media only screen and (max-width: 1300px) {


}

@media only screen and (min-width: 2560px) {

}