html {
	font-size: 62.5%;
}

* {
	margin: 0;

	padding: 0;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	vertical-align: middle;
}

div {
	box-sizing: border-box;
}

.core {
	width: 140rem;
	margin: 0 auto;
}

/* 清除浮动 */

.clearfix:after {
	content: ' ';

	display: block;

	clear: both;

	height: 0;
}

/* 左浮动 */

.fl {
	float: left;
}

/* 右浮动 */

.fr {
	float: right;
}

.fwb {
	font-weight: bold;
}

.font14 {
	font-size: 1.4rem;
}

.font16 {
	font-size: 1.6rem;
}

.font18 {
	font-size: 1.8rem;
}

.font20 {
	font-size: 2rem;
}

.font22 {
	font-size: 2.2rem;
}

.font24 {
	font-size: 2.4rem;
}

.font26 {
	font-size: 2.6rem;
}

.font30 {
	font-size: 3rem;
}

.font60 {
	font-size: 6rem;
}

/* 外边距 */

.mb100 {
	margin-bottom: 10rem;
}

.mb85 {
	margin-bottom: 8.5rem;
}

.mb80 {
	margin-bottom: 8rem;
}

.mb75 {
	margin-bottom: 7.5rem;
}

.mb45 {
	margin-bottom: 4.5rem;
}

.mb25 {
	margin-bottom: 2.5rem;
}

.mt30 {
	margin-top: 3rem;
}

.mt50 {
	margin-top: 5rem;
}

.mt65 {
	margin-top: 6.5rem;
}

/* 内边距 */

.pt160 {
	padding-top: 16rem;
}

.pb130 {
	padding-bottom: 13rem;
}

.pb250 {
	padding-bottom: 25rem;
}

/* header头部开始 */

.header-wrap {
	position: fixed;

	top: 0;

	width: 100%;

	background-color: #ffffff;

	z-index: 99;
}

header {
	border-bottom: 0.1rem solid #f2f2f2;
}

.header-top {
	display: flex;

	justify-content: space-between;

	width: 90%;

	height: 4rem;

	line-height: 4rem;

	margin: 0 auto;

	padding: 4rem 0;
}

/* 头部header 左边 */

.header-nav-l {
	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 44rem;
}

.header-nav-l .login i {
	display: inline-block;

	content: '';

	width: 2rem;

	height: 2rem;

	margin-bottom: 0.2rem;

	background: url('../images/header/login.png') no-repeat;

	vertical-align: middle;
}

.login span {
	margin-left: 0.5rem;

	color: #187caf;
}

.en-cn a {
	color: #000000;

	font-weight: bold;
}

.en-cn span {
	display: inline-block;

	width: 0.1rem;

	height: 1.2rem;

	background-color: #000000;
}

.tpl i {
	display: inline-block;

	content: '';

	width: 1.8rem;

	height: 1.6rem;

	margin-bottom: 0.3rem;

	vertical-align: middle;

	background: url('../images/header/tpl.png') no-repeat;
}

.tpl span {
	color: #000000;

	font-weight: bold;
}

.location {
	display: block;

	width: 1.3rem;

	height: 1.7rem;

	background: url('../images/header/location.png') no-repeat;
}

.email {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/email.png') no-repeat;
}

/* logo */

.header-logo {
	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0 2rem;
}

/*.header-logo img {*/

/*    width: 100%;*/

/*}*/

.header-logo a {
	display: block;

	width: 19.7rem;

	height: 5.5rem;

	background: url('../images/header/h-logo.png') no-repeat;

	background-position: top center;

	background-size: 100%;
}

/* 头部header右边 */

.header-nav-r {
	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 54rem;
}

.header-nav-r .red-book {
	display: block;

	width: 4.1rem;

	height: 1.4rem;

	background: url('../images/header/xiaohongshu.png') no-repeat;
}

.header-nav-r .wei-xin {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weixin.png') no-repeat;
}

.header-nav-r .wei-bo {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weibo.png') no-repeat;
}

.header-nav-r .wei-bo {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weibo.png') no-repeat;
}

.header-nav-r .face-book {
	display: block;

	width: 1.4rem;

	height: 1.4rem;

	background: url('../images/header/facebook.png') no-repeat;
}

.header-nav-r .fei-ge {
	display: block;

	width: 1.6rem;

	height: 1.4rem;

	background: url('../images/header/feige.png') no-repeat;
}

.header-nav-r .book-now {
	width: 16rem;

	height: 4rem;

	line-height: 4rem;

	text-align: center;

	color: #ffffff;

	background-color: #187caf;
}

.book-now:hover {
	background-color: #0072ae;
}

/* 移动端 导航栏 nav */

.move-tab {
	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 1rem 4rem;
}

.move-header-nav-r {
	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 50%;
}

.move-header-nav-r .red-book {
	display: block;

	width: 4.1rem;

	height: 1.4rem;

	background: url('../images/header/xiaohongshu.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .wei-xin {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weixin.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .wei-bo {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weibo.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .wei-bo {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/header/weibo.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .face-book {
	display: block;

	width: 1.4rem;

	height: 1.4rem;

	background: url('../images/header/facebook.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .fei-ge {
	display: block;

	width: 1.6rem;

	height: 1.4rem;

	background: url('../images/header/feige.png') no-repeat;

	background-size: 100%;
}

.move-header-nav-r .book-now {
	width: 16rem;

	height: 4rem;

	line-height: 4rem;

	text-align: center;

	color: #ffffff;

	background-color: #187caf;
}

.move-en-cn .language {
	color: #000000;

	font-weight: bold;
}

.move-en-cn .line {
	display: inline-block;

	width: 0.1rem;

	height: 1.2rem;

	background-color: #000000;
}

.move-en-cn .per-info {
	margin-right: 2rem;
}

.move-en-cn .per-info span {
	color: #187caf;
}

.move-en-cn i {
	display: inline-block;

	content: '';

	width: 2rem;

	height: 2rem;

	margin-bottom: 0.5rem;

	background: url('../images/header/login.png') no-repeat;

	background-size: 100%;

	vertical-align: middle;
}

.nav ul {
	display: flex;

	justify-content: center;

	height: 6.8rem;

	line-height: 6.8rem;
}

.nav li {
	position: relative;

	padding: 0 3rem;
}

.nav li a {
	display: block;

	width: 100%;

	height: 100%;

	color: #000000;
}

.nav li img {
	width: 8.7rem;

	height: 8.7rem;
}

.nav li dl dd {
	width: calc((100% / 4) - 11px);

	height: 10rem;

	display: flex;

	justify-content: center;

	align-items: center;
}

/* .nav li dl dd:not(:last-child){

    border-right: 1px solid #F5F5F5;

} */

.nav li dl dd:nth-child(5) {
	border: none !important;
}

.nav li dl dd:nth-child(2),
.nav li dl dd:nth-child(3),
.nav li dl dd:nth-child(4),
.nav li dl dd:nth-child(5),
.nav li dl dd:nth-child(6),
.nav li dl dd:nth-child(7),
.nav li dl dd:nth-child(8) {
	margin-right: 1rem;

	border-right: 1px solid #f5f5f5;
}

.footer-item {
	display: flex;

	justify-content: space-between;

	padding: 0rem 2rem 0 0;
}

.footer-item span {
	font-size: 1.2rem;

	color: #999999;
}

.footer-item img {
	width: 5.4rem !important;

	height: 0.8rem !important;
}

.nav li div {
	display: flex;

	width: 100%;

	align-items: center;
}

.item {
	width: 22.5rem !important;
}

.item span {
	color: #333333;

	font-size: 1.8rem;

	font-weight: 600;
}

.nav li .active {
	border-bottom: 1px solid #187caf;

	color: #187caf;
}

.nav li a:hover {
	color: #187caf;

	/* border-bottom: 1px solid #187CAF; */
}

.nav li:hover dl {
	display: flex;
}

.nav ul li dl {
	display: none;

	position: absolute;

	top: 10rem;

	left: 150%;

	transform: translateX(-50%);

	width: 90rem;

	padding: 10% 15%;

	line-height: 4rem;

	text-align: center;

	background-color: #ffffff;

	z-index: 9;

	justify-content: flex-start;

	flex-wrap: wrap;
}

.dl1::after {
	position: absolute;

	top: -3rem;

	left: 35%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl2::after {
	position: absolute;

	top: -3rem;

	left: 40%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl3::after {
	position: absolute;

	top: -3rem;

	left: 40%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl4::after {
	position: absolute;

	top: -3rem;

	left: 35%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl5::after {
	position: absolute;

	top: -3rem;

	left: 40%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl6::after {
	position: absolute;

	top: -3rem;

	left: 40%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl7::after {
	position: absolute;

	top: -3rem;

	left: 37.5%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.dl8::after {
	position: absolute;

	top: -3rem;

	left: 40%;

	transform: translateX(-50%);

	display: block;

	content: '';

	width: 0;

	height: 0;

	border-width: 1.5rem;

	border-style: solid;

	border-color: transparent transparent #ffffff transparent;

	z-index: 9;
}

.nav-button-wrap {
	display: none;
}

.nav-button {
	position: absolute;

	top: 1.5rem;

	left: 2.3rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 4rem;

	height: 4rem;

	border-radius: 0.5rem;

	background-color: #187caf;

	cursor: pointer;
}

.nav-button .nav-button-item {
	display: block;

	width: 2rem;

	height: 0.4rem;

	margin: 0.2rem 0;

	border-radius: 0.2rem;

	background-color: #fff;
}

.nav-close {
	position: absolute;

	top: 1.5rem;

	left: 2.3rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	width: 4rem;

	height: 4rem;

	border-radius: 0.5rem;

	background-color: #187caf;

	cursor: pointer;

	display: none;
}

.nav-close .nav-close-item {
	position: absolute;

	display: block;

	width: 60%;

	height: 0;

	border: 1px solid;

	border-radius: 5px;

	color: #ffffff;

	transform-origin: center;

	transition: opacity 0.2s, transform 0.2s 0.25s;
}

.nav-close .nav-close-item:first-child {
	transform: rotate(45deg);
}

.nav-close .nav-close-item:nth-child(2) {
	opacity: 0;
}

.nav-close .nav-close-item:nth-child(3) {
	transform: rotate(-45deg);
}

.sidebar {
	display: none;

	position: absolute;

	top: 8rem;

	left: 0;

	width: 100%;

	background-color: #ffffff;

	z-index: 10;

	box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.15);
}

.sidebar ul {
	padding: 0 4rem;

	background-color: #ffffff;
}

.sidebar li {
	position: relative;

	border-bottom: 1px solid #e6e6e6;
}

.sidebar li:nth-last-of-type(1) {
	border-bottom: none;
}

.sidebar li div a {
	display: block;

	line-height: 8rem;

	font-weight: bold;

	color: #333333;
}

.sidebar li .nav-dd {
	position: absolute;

	top: 1.7rem;

	right: 0;

	width: 4rem;

	height: 4rem;

	line-height: 4rem;

	font-size: 2.2rem;

	text-align: center;

	z-index: 12;
}

.sidebar li .nav-dd span {
	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	font-weight: bold;
}

.nav-dd .yes {
	display: block;
}

.nav-dd .no {
	display: none;

	color: #187caf;
}

.sidebar ul li.active {
	color: #187caf;
}

.sidebar ul li div a.active {
	color: #187caf;
}

.sidebar li dl {
	display: none;

	margin: 1rem 0;

	padding: 1rem;

	background-color: #eeeeee;

	text-align: center;
}

.sidebar li dl a {
	display: block;

	width: 100%;

	height: 3rem;

	line-height: 3rem;

	padding: 0.5rem 0;

	color: #333333;
}

.sidebar li dl a:hover {
	background-color: #187caf;

	color: #ffffff;
}

/* header头部结束 */

/* banner模块开始 */

.banner {
	position: relative;

	width: 100%;

	margin-top: 15.9rem;
}

.banner .top-bg {
	position: absolute;

	bottom: 0;

	left: 50%;

	-moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	height: 7.5rem;

	background-color: #ffffff;

	z-index: 9;
}

.banner-bg {
	width: 100%;

	height: 29rem;

	background-repeat: no-repeat;

	background-position: bottom center;
}

.banner img {
	width: 100%;

	height: 100%;

	vertical-align: middle;
}

.banner .describe {
	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	color: #ffffff;

	z-index: 2;
}

.describe p {
	/*margin-bottom: 30px;*/
}

.anticipate-about {
	display: flex;

	justify-content: space-between;

	position: absolute;

	bottom: -5rem;

	left: 50%;

	transform: translateX(-50%);

	/*padding: 37px 44px;*/

	background-color: #ffffff;

	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);

	z-index: 2;
}

.about {
	display: flex;

	justify-content: space-between;

	width: 100%;

	padding: 2% 3%;
}

.anticipate-about button {
	position: relative;

	width: 26%;

	padding: 2.6rem 5rem;

	text-align: left;

	background-color: #ffffff;

	border: 1px solid #cccccc;

	cursor: pointer;
}

.anticipate-about .date::after {
	position: absolute;

	top: 2.4rem;

	left: 1.5rem;

	display: block;

	content: '';

	width: 1.9rem;

	height: 1.9rem;

	background: url('../images/banner/date.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .date::before {
	position: absolute;

	top: 3rem;

	right: 1.5rem;

	display: block;

	content: '';

	width: 1.8rem;

	height: 1rem;

	background: url('../images/banner/lower.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .adult::after {
	position: absolute;

	top: 2.3rem;

	left: 1.5rem;

	display: block;

	content: '';

	width: 2.2rem;

	height: 2.2rem;

	background: url('../images/banner/chengren.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .adult::before {
	position: absolute;

	top: 3rem;

	right: 1.5rem;

	display: block;

	content: '';

	width: 1.8rem;

	height: 1rem;

	background: url('../images/banner/lower.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .children::after {
	position: absolute;

	top: 2.2rem;

	left: 1.5rem;

	display: block;

	content: '';

	width: 2.4rem;

	height: 2.4rem;

	background: url('../images/banner/ertong.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .children::before {
	position: absolute;

	top: 3rem;

	right: 1.5rem;

	display: block;

	content: '';

	width: 1.8rem;

	height: 1rem;

	background: url('../images/banner/lower.png') no-repeat;

	background-size: 100%;
}

.anticipate-about .at-once {
	width: 16%;

	padding: 0;

	background-color: #187caf;

	color: #ffffff;

	border: 1px solid #187caf;

	text-align: center;
}

/* banner模块结束 */

/* footer底部开始 */

.footer-wrap {
	width: 100%;

	padding: 6.4rem 0;

	background-color: #187caf;
}

footer {
	display: flex;

	justify-content: space-between;
}

.footer-l {
	width: 32%;

	color: #ffffff;

	padding: 2rem 4%;
}

.footer-l h2 {
	margin: 3rem 0 4.5rem 0;
}

.footer-l p {
	margin-bottom: 1.5rem;
}

.footer-c {
	width: 32%;

	padding: 2rem 4%;

	color: #ffffff;

	border-left: 1px solid #519ec4;
}

.footer-c .line {
	display: block;

	width: 3.3rem;

	height: 0.4rem;

	margin: 2.3rem 0 3rem 0;

	background-color: #ffffff;
}

.footer-c p {
	margin-bottom: 2rem;
}

.footer-icon {
	display: flex;

	justify-content: space-between;

	width: 50%;
}

.footer-c .red-book {
	display: block;

	width: 4.1rem;

	height: 1.4rem;

	background: url('../images/footer/f-xiaohongshu.png') no-repeat;

	background-size: 100%;
}

.footer-c .wei-xin {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/footer/f-weixin.png') no-repeat;

	background-size: 100%;
}

.footer-c .wei-bo {
	display: block;

	width: 2rem;

	height: 1.6rem;

	background: url('../images/footer/f-weibo.png') no-repeat;

	background-size: 100%;
}

.footer-c .face-book {
	display: block;

	width: 1.4rem;

	height: 1.4rem;

	background: url('../images/footer/f-facebook.png') no-repeat;

	background-size: 100%;
}

.footer-c .fei-ge {
	display: block;

	width: 1.6rem;

	height: 1.4rem;

	background: url('../images/footer/f-feige.png') no-repeat;

	background-size: 100%;
}

.footer-r {
	width: 32%;

	padding: 6rem 4%;

	color: #ffffff;

	border-left: 1px solid #519ec4;
}

.footer-r ul {
	display: flex;

	flex-wrap: wrap;

	/*justify-content: space-between;*/

	align-items: center;
}

.footer-r li {
	width: 25%;

	margin-bottom: 2.2rem;

	text-align: left;
}

.footer-r li a {
	color: #ffffff;
}

.footer-r li:nth-of-type(1) {
	margin-right: 6rem;
}

.footer-r li:nth-of-type(4) {
	margin-right: 6rem;
}

.footer-r li:nth-of-type(7) {
	margin-right: 6rem;
}

.back-top {
	position: fixed;

	top: 80%;

	right: 1%;

	width: 10.9rem;

	height: 10.9rem;

	cursor: pointer;

	z-index: 999;
}

.back-top img {
	width: 100%;

	height: 100%;
}

/* footer底部结束 */

/* 认识一座岛 */

.know {
	/*width: 73%;*/

	/*padding: 160px 0 130px 0;*/

	text-align: center;
}

.know p {
	padding: 0 3rem;

	line-height: 3em;
}

/* 最新优惠开始 */

.new-discount {
	position: relative;

	width: 100%;
	background-color: #fff;
}

.new-discount .new-bg-b {
	position: absolute;

	bottom: 0;

	width: 100%;

	height: 60%;

	background-color: #eceff1;
}

.new-discount .new-title {
	/*margin-bottom: 85px;*/

	text-align: center;
}

.new-discount .more {
	position: absolute;

	bottom: 11rem;

	left: 50%;

	transform: translateX(-50%);

	display: block;

	width: 23.3rem;

	height: 5.9rem;

	line-height: 5.9rem;

	text-align: center;

	color: #000000;

	background-color: #ffffff;

	border: 1px solid #7d7d7d;
}

.new-swiper-wrap {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	width: 76%;

	margin: 0 auto;
}

.new-swiper-item {
	/*width: 31%;*/

	background-color: #ffffff;

	/* border: 1px solid #E1E4E6; */
	/* border: 1px solid red; */

	box-sizing: border-box;

	width: 75%;
}

.new-swiper-item img {
	width: 100%;
	height: 336px;
}

.new-swiper-content {
	/*padding: 45px 86px 70px 35px;*/

	padding: 7% 17% 17% 8%;
	box-sizing: border-box;
	overflow: hidden;

	position: relative;

	/* border: 1px solid red; */
}

.new-swiper-content .title {
	margin-bottom: 1.5rem;

	text-align: left;
}

.new-swiper-content .txt {
	line-height: 2em;

	color: #555555;

	text-align: left;

	overflow: hidden;
}

/* 最新优惠结束 */

/* 入住体验开始 */

.check-experience {
	position: relative;

	width: 100%;

	padding: 10.5rem 0 15rem 0;
}

.check-title {
	margin-bottom: 11.5rem;

	text-align: center;
}

.check-wrap {
	position: relative;

	/* width: 76%; */
}

.check-l {
	/* position: relative; */

	width: 40%;

	/*padding: 18rem 12rem 25rem 12rem;*/

	padding: 10% 5% 15% 5%;

	background-color: #187caf;
}

.check-l p {
	line-height: 1.5em;

	color: #ffffff;
}

.check-l .content {
	margin-top: 4rem;
}

.check-r .button-prev {
	position: absolute;

	left: -34rem;

	top: 110%;

	width: 5rem;

	height: 5rem;

	background: url('../images/banner/prev.png') no-repeat;

	background-size: 100%;

	cursor: pointer;

	z-index: 9;
}

.check-r {
	display: flex;

	justify-content: left;

	position: absolute;

	left: 36%;

	top: 50%;

	transform: translateY(-50%);

	width: 60%;

	background-color: #ffffff;
}

.check-r .check-img {
	width: 40%;
}

.check-r img {
	width: 100%;

	height: 100%;
}

/* 入住体验结束 */

/* 服务及设施开始 */

.service-wrap {
	width: 100%;

	padding: 6rem 0 6rem 0;

	background-color: #eceff1;
}

.service-wrap .service-title {
	margin-bottom: 6rem;

	text-align: center;
}

.service-wrap .service-item {
	width: 100%;
}

.service-item img {
	width: 100%;

	height: 100%;
}

.service-item p {
	padding-top: 2.5rem;

	font-size: 2.1rem;

	color: #333333;

	text-align: left;

	background-color: #eceff1;
}

/* 服务及设施结束 */

/* 客房页面 */

.guest-room {
	width: 100%;

	margin-top: 14.5rem;

	margin-bottom: 4rem;
}

.guest-room ul {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.guest-room li {
	width: 48%;

	/*margin-bottom: 78px;*/
}

.guest-room li a {
	color: #333333;
}

.guest-room li img {
	width: 100%;
}

.guest-room li p {
	/*margin-top: 30px;*/
}

.guest-room li span {
	display: block;

	width: 100%;

	height: 1px;

	/*margin-top: 30px;*/

	background-color: #bfbfbf;
}

.guest-room .des {
	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
}

/* 客房详情 */

.guest-room-details {
	padding: 0 2rem;
}

.room-detail-tab {
	position: absolute;

	bottom: -8rem;

	left: 50%;

	transform: translateX(-50%);

	padding: 3.7rem 4.4rem;

	background-color: #ffffff;

	box-shadow: 0 0.5rem 1rem #fafafa;

	z-index: 2;
}

.room-detail-tab a {
	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;
}

.room-detail-tab .address span {
	display: block;

	width: 4.5rem;

	height: 5.2rem;

	background: url('../images/room/address.png') no-repeat;

	background-size: 100%;
}

.room-detail-tab .wei-xin span {
	display: block;

	width: 5.3rem;

	height: 4.2rem;

	background: url('../images/room/room-weixin.png') no-repeat;

	background-size: 100%;
}

.room-detail-tab .wei-bo span {
	display: block;

	width: 4.6rem;

	height: 3.7rem;

	background: url('../images/room/room-weibo.png') no-repeat;

	background-size: 100%;
}

.room-detail-tab .red-book span {
	display: block;

	width: 13rem;

	height: 4.6rem;

	background: url('../images/room/room-xiaohongshu.png') no-repeat;

	background-size: 100%;
}

.room-detail-tab p {
	margin-top: 1.5rem;

	text-align: center;

	color: #333333;
}

.params {
	margin-top: 11.5rem;
}

.params ul {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.params li {
	width: 48%;

	padding: 2.2rem 0;

	border-bottom: 1px solid #bfbfbf;
}

.params .txt {
	font-weight: bold;
}

.params .count {
	padding-left: 5rem;

	color: #333333;
}

.guest-room-details .content {
	margin: 4.8rem 0 7.7rem 0;
}

.guest-room-details .content p {
	line-height: 2em;
}

.room-detail-list {
	/*margin-bottom: 10rem;*/
}

.room-detail-list li {
	width: 100%;

	height: 100%;

	margin-bottom: 2rem;
}

.room-detail-list li img {
	width: 100%;

	vertical-align: middle;
}

/* 会议与婚礼开始 */

.public-wrap {
	position: relative;

	width: 100%;

	margin-bottom: 4rem;
}

.public-content {
	background-color: #ffffff;

	z-index: 2;
}

.public-content .meet-wed-ul {
	padding: 0 5rem;
}

.public-content ul li .meet-l {
	width: 45%;
}

.public-content ul li .meet-r {
	width: 50%;

	height: 100%;

	margin-top: 13rem;
}

.meet-l-title {
	line-height: 3.5em;

	margin-bottom: 7.5rem;
}

.meet-l p {
	line-height: 2.5em;

	color: #555555;
}

.understand-more {
	display: block;

	width: 22rem;

	height: 6rem;

	line-height: 6rem;

	margin-top: 5rem;

	color: #ffffff;

	background-color: #187caf;

	text-align: center;
}

.public-content .meet-table {
	padding: 0 5rem;
}

.public-content table {
	width: 100%;

	border: 1px solid #e6e6e6;
}

.public-content table thead tr {
	height: 7rem;

	padding: 1rem 0;

	color: #ffffff;

	font-size: 2.1rem;

	background-color: #429fce;
}

.public-content table thead tr th {
	border-left: 1px solid #3789b3;
}

.public-content table tbody tr {
	height: 8rem;

	text-align: center;
}

.public-content table tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

.public-content table tbody tr:nth-child(even) {
	background-color: #f7f7f7;
}

.meet-wed-details {
	box-sizing: border-box;

	width: 100%;

	padding: 0 5rem;
}

.meet-content p {
	line-height: 2.5em;

	color: #555555;
}

.meet-detail-img {
	width: 100%;
}

.meet-detail-img li {
	margin-bottom: 2rem;
}

.meet-detail-img img {
	width: 100%;

	vertical-align: middle;
}

.public-content .meet-wed-ul .row_1 {
	display: flex;

	justify-content: space-between;

	align-items: center;
}

.public-content .meet-wed-ul .row_1 h1 {
	color: #187caf;

	font-size: 2.6rem;

	font-weight: bold;
}

.public-content .meet-wed-ul .row_1 div {
	width: 22rem;

	height: 6rem;

	background-color: #187caf;

	color: #fff;

	font-size: 1.6rem;

	display: flex;

	justify-content: center;

	align-items: center;
}

.public-content .meet-wed-ul .row_1 div:hover {
	cursor: pointer;
}

.public-content .yd-meet-ui {
	margin-top: 9.6rem;
}

.public-content .meet-wed-ul .row_2 p {
	color: #555555;

	font-size: 1.6rem;

	line-height: 2.8rem;
}

.public-content .meet-wed-ul .row_3 {
	width: 100%;

	margin-top: 3rem;
}

.public-content .meet-wed-ul .row_3 img {
	width: 100%;
}

/* 会议与婚礼结束 */

/* 餐饮开始 */

.restaurant-wrap {
	padding: 0 5rem;
}

.restaurant-wrap .restaurant-l p {
	line-height: 1.5em;

	color: #187caf;

	/* border: 1px solid red; */
}

.restaurant-wrap .restaurant-describe {
	position: relative;

	margin-bottom: 5.5rem;
	flex: 3;
}

.restaurant-wrap .restaurant-describe p {
	line-height: 2.5em;

	color: #555555;
}

.restaurant-describe .more {
	position: absolute;

	bottom: 0;

	right: 0;
}
.restaurant-wrap .restaurant-r {
	flex: 1;
	width: 29%;
}

.restaurant-wrap .restaurant-r p {
	line-height: 2.5em;
}

/*.restaurant-img ul {*/

/*    display: flex;*/

/*    flex-wrap: wrap;*/

/*    justify-content: space-between;*/

/*}*/

.restaurant-img li {
	width: 100%;

	margin-bottom: 2rem;
}

.restaurant-img li img {
	width: 100%;
}

/* 餐饮结束 */

/* 娱乐开始 */

.recreation-wrap {
	padding: 0 5rem;
}

.recreation-content-1 {
	width: 100%;
}

.recreation-content-1-l {
	float: left;

	display: flex;

	flex-direction: column;

	justify-content: space-around;

	width: 41%;

	margin-bottom: 2rem;

	/*height: 50rem;*/
}

.recreation-content-1-l .title p {
	line-height: 2em;
}

.recreation-content-1-l .describe p {
	line-height: 3.5em;

	color: #555555;
}

.recreation-content-1-r {
	float: right;

	width: 53%;
}

.recreation-content-1-r img {
	width: 100%;
}

.recreation-content-2 .title p {
	line-height: 2em;
}

.recreation-content-2 .describe p {
	line-height: 3.5em;

	color: #555555;
}

/* 娱乐结束 */

/* 相册开始 */

.album-wrap {
	position: relative;

	width: 100%;

	height: 60rem;

	margin-top: 15.9rem;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 100% 100%;
}

.album-txt {
	position: absolute;

	top: 25rem;

	left: 50%;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	color: #ffffff;

	text-align: center;
}

.album-txt p {
	line-height: 2em;
}

.album-list {
	display: flex;

	justify-content: space-between;

	position: absolute;

	bottom: 7rem;

	left: 50%;

	-o-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);
}

.album-list .album-list-item {
	position: relative;

	width: 100%;

	height: 45.7rem;

	padding: 2.5rem 2rem;

	border: 1px solid #ffffff;
}

/*.swiper-slide .album-list-item:nth-of-type(1) {*/

/*    background-color: #FFFFFF;*/

/*    border: 1px solid #535353;*/

/*}*/

.album-list-item-bgb {
	/*background-color: #FFFFFF;*/

	border: 1px solid #535353;
}

.album-list .album-list-item img {
	/*display: none;*/

	width: 100%;

	height: 100%;

	vertical-align: middle;
}

/*.album-list .album-list-item:nth-of-type(1) img {*/

/*    display: block;*/

/*}*/

.album-list-txt {
	position: absolute;

	left: 3rem;

	bottom: 4rem;

	text-align: left;
}

.album-list-txt p {
	line-height: 1.5em;

	color: #ffffff;
}

/*.album-list .album-list-txt:nth-of-type(1) {*/

/*    display: none;*/

/*}*/

.album-btn {
	position: absolute;

	top: 45% !important;

	left: 13rem !important;

	width: 7.5rem !important;

	height: 7.5rem !important;

	border: 0;

	outline: none;

	background: url('../images/album/album-next.png') no-repeat !important;

	background-size: 100% !important;
}

.album-details-wrap {
	padding: 0 7.5rem;
}

.album-details-wrap ul {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.album-details-wrap ul li {
	position: relative;

	width: 31.5%;

	height: 21.3rem;

	margin-bottom: 3rem;
}

.album-details-wrap ul li a {
	display: block;

	width: 100%;

	height: 100%;
}

.album-details-wrap ul li img {
	width: 100%;

	height: 100%;

	vertical-align: middle;
}

.album-t {
	position: absolute;

	top: 1.5rem;

	left: 0;

	height: 2.6rem;

	padding: 0 1.5rem;

	line-height: 2.6rem;

	background-color: #187caf;

	color: #ffffff;

	font-size: 1.4rem;

	text-align: center;

	border-top-right-radius: 1.3rem;

	border-bottom-right-radius: 1.3rem;
}

.album-btn-more {
	display: block;

	width: 23.3rem;

	height: 6rem;

	margin: 3.5rem auto 0;

	line-height: 6rem;

	border: 1px solid #7d7d7d;

	text-align: center;

	color: #333333;
}

.album-btn-more:hover {
	background-color: #187caf;

	color: #ffffff;
}

.album-mantle {
	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.4);

	transition: 0.3s;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	cursor: pointer;

	opacity: 0;
}

.album-mantle span {
	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	display: block;

	width: 5.6rem;

	height: 5.6rem;

	background: url('../images/album/search.png') no-repeat;

	background-size: 100%;
}

.album-mantle:hover {
	opacity: 1;
}

/* 缩略图 */

.album-thumbnail-wrap {
	display: none;

	position: absolute;

	top: -7.5rem;

	left: 0;

	width: 100%;

	background: rgba(0, 0, 0, 0.6);

	z-index: 99;
}

.album-thumbnail {
	margin-top: 7rem;

	margin-bottom: 2.3rem;

	padding: 0 7.5rem;
}

.album-bao {
	position: relative;
}

.album-bao .close {
	position: absolute;

	top: -4rem;

	right: 4rem;

	width: 3rem;

	height: 3rem;

	line-height: 3rem;

	background-color: #ffffff;

	text-align: center;

	border-radius: 1.5rem;

	z-index: 101;

	cursor: pointer;
}

/* 相册结束 */

/*  酒店周边开始 */

.around-intro1 {
	box-sizing: border-box;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	padding: 0 5rem;
}

.around-intro1-l {
	width: 41%;
}

.around-title {
	color: #333333;
}

.around-title,
.around-time {
	line-height: 2em;
}

.around-time,
.around-detail {
	color: #555555;
}

.around-detail {
	padding-top: 3rem;
}

.around-detail p {
	line-height: 2em;
}

.around-intro1-r {
	width: 53%;
}

.around-intro1-r img {
	width: 100%;
}

.around-intro2 {
	box-sizing: border-box;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	padding: 0 5rem;
}

.around-intro2-l {
	width: 53%;
}

.around-intro2-l img {
	width: 100%;
}

.around-intro2-r {
	width: 41%;
}

/* 酒店周边结束 */

/* 其他开始 */

.other-wrap {
	box-sizing: border-box;

	width: 100%;

	padding: 0 10rem;

	font-size: 1.6rem;

	color: #555555;
}

.other-content {
	position: relative;
}

.other-content .other-content-l {
	/*width: 80%;*/
}

.other-content .other-content-r {
	/*width: 20%;*/
}

.other-title {
	color: #187caf;
}

.other-content-l .t {
	padding: 2rem 0;

	font-size: 2.1rem;

	font-weight: bold;
}

.other p {
	line-height: 2em;
}

.other-content .more {
	position: absolute;

	right: 0;

	bottom: 0;

	display: block;

	width: 22rem;

	height: 6rem;

	line-height: 6rem;

	background-color: #187caf;

	color: #ffffff;

	text-align: center;
}

.other .other-img {
	width: 100%;

	padding: 6rem 0;
}

.other-img img {
	width: 100%;
}

.other-content-l .t-item {
	font-size: 1.8rem;
}

/* 其他结束 */

/* 个人中心开始 */

.personal-center-wrap {
	box-sizing: border-box;

	width: 100%;

	padding: 0 10rem;
}

.center-nav ul {
	line-height: 3rem;

	display: flex;

	flex-wrap: wrap;

	font-size: 1.8rem;

	color: #999999;
}

.center-nav ul li {
	margin-right: 9rem;

	padding: 0.5rem 0;

	cursor: pointer;
}

.center-nav ul li.active {
	font-size: 2.4rem;

	font-weight: bold;

	color: #000000;
}

/* 个人资料 */

.personal-data {
	/*display: none;*/

	width: 75%;
}

.per {
	margin-bottom: 2rem;

	font-size: 1.6rem;

	font-weight: bold;

	color: #cccccc;
}

.per-name {
	border-bottom: 1px solid #333333;
}

.per-name input {
	width: 100%;

	padding: 2rem 0;

	border: 0;

	outline: none;

	font-size: 2.1rem;

	font-weight: bold;
}

.sex-wrap {
	display: flex;
}

.sex-wrap p {
	margin-top: 2rem;

	font-size: 1.6rem;

	color: #333333;
}

.man {
	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	margin-right: 7.5rem;

	cursor: pointer;
}

.man span {
	display: block;

	width: 7rem;

	height: 7.9rem;

	background: url('../images/personalCenter/man.png') no-repeat;

	background-size: 100%;
}

.woman {
	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	cursor: pointer;
}

.woman span {
	display: block;

	width: 7rem;

	height: 7.9rem;

	background: url('../images/personalCenter/woman.png') no-repeat;

	background-size: 100%;
}

.sex-wrap p.active {
	color: #187caf;
}

.age {
	display: flex;

	justify-content: space-between;
}

.age select {
	width: 27rem;

	height: 5.5rem;

	/*padding: 0 20px;*/

	font-size: 1.6rem;

	font-weight: bold;

	border: 1px solid #dcdcdc;

	outline: none;
}

/* 预定信息 */

.info_submit {
	display: inline-block;

	width: 10.4rem;

	height: 3.7rem;

	line-height: 3.7rem;

	margin-right: 2rem;

	border: 1px solid #000000;

	font-size: 1.6rem;

	color: #000000;

	text-align: center;
}

.reserve-msg {
	display: none;

	width: 100%;
}

.reserve-msg ul {
	display: flex;

	flex-direction: column;

	gap: 2rem;
}

.reserve-msg ul .reserve-item {
	display: block;

	box-sizing: border-box;

	width: 100%;

	padding: 2.5rem;

	margin-bottom: 0;

	background-color: #ffffff;

	border-radius: 1rem;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);

	transition: all 0.3s ease;
}

.reserve-msg ul .reserve-item:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);

	transform: translateY(-2px);
}

.reserve-item > div {
	display: flex;
	flex-direction: column;
}

.reserve-item > div > div:first-child {
	display: flex;
	gap: 2rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid #f0f0f0;
}

.reserve-item > div > div:first-child p {
	margin: 0;

	padding: 0;

	font-size: 1.4rem;

	font-weight: 600;

	color: #495057;

	border-bottom: none;
}

.reserve-item > div > div:first-child p:first-child {
	color: #187caf;
}

.reserve-item > div > div:first-child p:last-child {
	color: #6c757d;
}

.reserve-item p {
	display: flex;

	align-items: center;

	padding: 0.8rem 0;

	font-size: 1.6rem;

	color: #333333;

	margin: 0;

	border-bottom: none;
}

/* 套餐名字加粗样式 */
.reserve-item p:nth-child(2) {
	font-weight: 700;
	font-size: 1.8rem;
	color: #2c3e50;
}

.reserve-item p span {
	margin-left: 1rem;

	font-weight: 600;

	color: #187caf;
}

/* 操作按钮容器 */
.reserve-item > div > div {
	display: flex;
	margin-top: 1rem !important;
}

.reserve-item .update-btn {
	display: inline-block;

	width: 12rem;

	height: 4rem;

	line-height: 4rem;

	margin-right: 1rem;

	border: 1px solid #187caf;

	border-radius: 0.5rem;

	font-size: 1.4rem;

	color: #187caf;

	text-align: center;

	background-color: #ffffff;

	transition: all 0.3s ease;

	cursor: pointer;
}

.update-btn:hover {
	background-color: #187caf;

	color: #ffffff;

	transform: translateY(-1px);

	box-shadow: 0 2px 8px rgba(24, 124, 175, 0.3);
}

.reserve-item .cancel-btn {
	display: inline-block;

	width: 12rem;

	height: 4rem;

	line-height: 4rem;

	border: 1px solid #ff6b6b;

	border-radius: 0.5rem;

	font-size: 1.4rem;

	color: #ff6b6b;

	text-align: center;

	background-color: #ffffff;

	transition: all 0.3s ease;

	cursor: pointer;
}

.cancel-btn:hover:not([disabled]) {
	background-color: #ff6b6b;

	color: #ffffff;

	transform: translateY(-1px);

	box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}

.cancel-btn[disabled] {
	background-color: #f5f5f5;

	border-color: #cccccc;

	color: #999999;

	cursor: not-allowed;

	opacity: 0.6;
}

/* 我的积分 */

.integral {
	display: none;

	width: 100%;
}

.integral-total {
	padding-bottom: 2.5rem;

	border-bottom: 0.5rem solid #f7f7f7;
}

.integral-total .title {
	color: #555555;
}

.integral-total .total {
	margin-top: 1.5rem;

	font-size: 3.2rem;

	font-weight: bold;

	color: #555555;
}

.integral ul {
	margin-top: 3rem;
}

.integral ul li {
	box-sizing: border-box;

	position: relative;

	width: 100%;

	height: 10rem;

	padding: 3rem 0;

	border-bottom: 1px solid #e5e5e5;

	font-size: 1.6rem;
}

.integral-l {
	display: flex;

	flex-direction: column;

	justify-content: center;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;
}

.integral-r {
	display: flex;

	flex-direction: column;

	justify-content: center;

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;
}

.integral-r .ad {
	display: flex;

	justify-content: flex-end;
}

/* 我的优惠卷 */

.coupon {
	display: none;

	width: 100%;
}

.use-wrap {
	width: 100%;

	margin-bottom: 2rem;
}

.use-wrap ul {
	display: flex;
}

.use-wrap ul li {
	margin-right: 12rem;

	padding: 1rem;

	font-size: 1.8rem;

	color: #333333;

	cursor: pointer;
}

.use-wrap ul li.active {
	font-weight: bold;

	color: #187caf;
}

.use-item ul {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.use-item ul li {
	display: flex;

	justify-content: space-between;

	width: 46%;

	height: 13.5rem;

	margin-bottom: 2rem;

	background-color: #f7f7f7;

	border-radius: 1rem;

	background: url('../images/personalCenter/coupon-bg.png') no-repeat;

	background-size: 100% 100%;
}

.use-item-l {
	box-sizing: border-box;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	align-items: center;

	width: 32%;

	height: 100%;

	padding: 3rem 0;

	color: #ffffff;
}

.use-item-l .price {
	margin-left: 1.5rem;

	font-size: 5rem;
}

.use-item-l .pay {
	font-size: 3rem;
}

.use-item-l .t {
	margin-top: 0.5rem;

	font-size: 1.5rem;
}

.use-item-r {
	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: space-between;

	width: 71%;

	margin-left: 3.5rem;

	padding: 2.5rem 0;
}

.use-item-r span {
	font-size: 2.5rem;

	color: #000000;
}

.show {
	font-size: 1.5rem;

	color: #a0a0a0;
}

.use-btn {
	position: absolute;

	top: 2.2rem;

	right: 1.5rem;

	display: block;

	width: 7.8rem;

	height: 2.8rem;

	line-height: 2.8rem;

	font-size: 1.5rem;

	color: #d0deab;

	border: 3px solid #d0deab;

	border-radius: 1.7rem;

	text-align: center;
}

.not-use {
	display: block;
}

.over-use {
	display: none;
}

.already-use {
	display: none;
}

.personal-center-wrap .title {
	padding: 20px 0;

	font-size: 2.4rem;

	font-weight: bold;

	color: #000000;
}

/* 个人中心结束 */

/*!* 登录开始 *!*/

/*.login-wrap {*/

/*    display: flex;*/

/*    justify-content: center;*/

/*    width: 100%;*/

/*    min-height: 100vh;*/

/*}*/

/*.login-wrap .login-l {*/

/*    position: relative;*/

/*    width: 40%;*/

/*    !*min-height: 100vh;*!*/

/*    background-image: url("../images/login/login-bg.png");*/

/*    background-repeat: no-repeat;*/

/*    background-position: center center;*/

/*}*/

/*.login-wrap .login-r {*/

/*    width: 60%;*/

/*    !*min-height: 100vh;*!*/

/*    background: #FFFFFF;*/

/*    border-left: 4px solid #000000;*/

/*}*/

/*.login-l .logo-img {*/

/*    position: absolute;*/

/*    top: 145px;*/

/*    left: 190px;*/

/*}*/

/*.logo-img img {*/

/*    width: 100%;*/

/*}*/

/*.login-content {*/

/*    position: absolute;*/

/*    top: 50%;*/

/*    left: 50%;*/

/*    color: #FFFFFF;*/

/*    -webkit-transform: translate(-50%,-50%);*/

/*    -ms-transform: translate(-50%,-50%);*/

/*    -o-transform: translate(-50%,-50%);*/

/*    -moz-transform: translate(-50%,-50%);*/

/*    transform: translate(-50%,-50%);*/

/*}*/

/*.login-content .describe p {*/

/*    line-height: 2em;*/

/*}*/

/*!* 登录右边 *!*/

/*.login-r {*/

/*    position: relative;*/

/*}*/

/*.login-r .login {*/

/*    position: absolute;*/

/*    top: 50%;*/

/*    left: 50%;*/

/*    -webkit-transform: translate(-50%,-50%);*/

/*    -ms-transform: translate(-50%,-50%);*/

/*    -o-transform: translate(-50%,-50%);*/

/*    -moz-transform: translate(-50%,-50%);*/

/*    transform: translate(-50%,-50%);*/

/*}*/

/*.login-r .login {*/

/*    width: 620px;*/

/*}*/

/*.line-wrap {*/

/*    position: relative;*/

/*    width: 100%;*/

/*    margin: 50px 0;*/

/*    border: 2px solid #E5E5E5;*/

/*}*/

/*.line-wrap .line {*/

/*    position: absolute;*/

/*    top: -4px;*/

/*    left: 0;*/

/*    width: 20%;*/

/*    border: 4px solid #187CAF;*/

/*}*/

/*.login form input {*/

/*    box-sizing: border-box;*/

/*    width: 100%;*/

/*    height: 76px;*/

/*    line-height: 76px;*/

/*    margin-bottom: 40px;*/

/*    padding: 0 40px;*/

/*    background-color: #EEEEEE;*/

/*    border-radius: 5px;*/

/*    border: 0;*/

/*    outline: none;*/

/*    color: #847F82;*/

/*}*/

/*.login-btn {*/

/*    width: 100%;*/

/*    height: 76px;*/

/*    line-height: 76px;*/

/*    border-radius: 5px;*/

/*    background-color: #187CAF;*/

/*    color: #FFFFFF;*/

/*    text-align: center;*/

/*}*/

/*.login .next {*/

/*    display: flex;*/

/*    justify-content: space-between;*/

/*    margin: 35px 0;*/

/*}*/

/*.login .next-l span {*/

/*   color: #000000;*/

/*}*/

/*.login .next-r a {*/

/*    margin-left: 20px;*/

/*    color: #BABABA;*/

/*}*/

/*.login .next-r a:hover {*/

/*    color: #187CAF;*/

/*}*/

/*!* 登录结束 *!*/

/*!* 注册开始 *!*/

/*.code-wrap {*/

/*    position: relative;*/

/*}*/

/*.code {*/

/*    position: absolute;*/

/*    top: 20px;*/

/*    right: 20px;*/

/*    padding: 10px;*/

/*    background-color: #D0D0D0;*/

/*    color: #333333;*/

/*    border-radius: 5px;*/

/*    cursor: pointer;*/

/*}*/

/*!* 注册结束 *!*/

/* 测试 */

/* 登录开始 */

.login-wrap {
	display: flex;

	justify-content: center;

	width: 100%;

	min-height: 100vh;
}

.login-wrap .login-l {
	position: relative;

	width: 40%;

	/*min-height: 100vh;*/

	background-image: url('../images/login/login-bg.png');

	background-repeat: no-repeat;

	background-position: center center;
}

.login-wrap .login-r {
	width: 60%;

	/*min-height: 100vh;*/

	background: #ffffff;

	border-left: 0.4rem solid #000000;
}

.login-l .logo-img {
	position: absolute;

	top: 15%;

	left: 40%;

	width: 19.7rem;

	height: 5.5rem;

	color: #ffffff;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	background-image: url('../images/login/logo.png');

	background-repeat: no-repeat;

	background-size: 100%;
}

/*.logo-img img {*/

/*    width: 100%;*/

/*}*/

.login-content {
	position: absolute;

	top: 50%;

	left: 46%;

	color: #ffffff;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);
}

.login-content .title {
	font-size: 6rem;
}

.login-content .describe {
	margin-top: 5rem;

	font-size: 1.8rem;
}

.login-content .describe p {
	line-height: 2em;
}

/* 登录右边 */

.login-r {
	position: relative;
}

.login-r .login {
	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);
}

.login-r .login {
	width: 62rem;
}

.login-r .login h2 {
	font-size: 2.2rem;
}

.line-wrap {
	position: relative;

	width: 100%;

	margin: 5rem 0;

	border: 0.2rem solid #e5e5e5;
}

.line-wrap .line {
	position: absolute;

	top: -0.4rem;

	left: 0;

	width: 20%;

	border: 0.4rem solid #187caf;

	transition: left 0.2s ease-in-out;
}

.login form {
	font-size: 1.8rem;
}

.login form input {
	box-sizing: border-box;

	width: 100%;

	height: 7.6rem;

	line-height: 7.6rem;

	margin-bottom: 4rem;

	padding: 0 4rem;

	background-color: #eeeeee;

	border-radius: 5px;

	border: 0;

	outline: none;

	color: #847f82;
}

.login-btn {
	width: 100%;

	height: 7.6rem;

	line-height: 7.6rem;

	border-radius: 5px;

	background-color: #187caf;

	color: #ffffff;

	text-align: center;

	font-size: 2.2rem;
}

.login .next {
	display: flex;

	justify-content: space-between;

	margin: 3.5rem 0;
}

.login .next-l span {
	color: #000000;
}

.login .next-r a {
	margin-left: 2rem;

	color: #bababa;
}

.login .next-r a:hover {
	color: #187caf;
}

/* 登录结束 */

/* 注册开始 */

.code-wrap {
	position: relative;
}

.code {
	position: absolute;

	padding: 1rem;

	top: 35%;

	right: -6%;

	-webkit-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	background-color: #d0d0d0;

	color: #333333;

	border-radius: 5px;

	cursor: pointer;

	border: 0;

	outline: none;
}

/* 注册结束 */

/* 订单 start */

.order-wrap {
	padding: 0 10rem;
}

.order-detail-wrap {
	padding: 0 10rem;
}

.order-nav {
	height: 6.5rem;

	line-height: 3.5rem;

	margin-top: 3rem;

	padding-top: 1.5rem;

	background-color: #ffffff;
}

.order-nav ul {
	display: flex;
}

.order-nav ul li {
	padding: 0 1rem;

	margin-left: 5rem;

	cursor: pointer;
}

.order-nav ul .active {
	color: #187caf;

	border-bottom: 1px solid #187caf;
}

.order-content {
	margin-top: 3rem;

	/*padding: 3rem;*/

	background-color: #ffffff;
}

.order-info-wrap {
	width: 100%;

	/*height: 11rem;*/

	padding: 3rem;

	background-color: #f5f7fa;
}

.order-info {
	position: relative;

	/*width: 88.5rem;*/

	height: 5.5rem;

	line-height: 5.5rem;

	background-color: #ffffff;
}

.order-info ul {
	display: flex;

	justify-content: space-between;
}

.order-info ul li {
	/*padding: 0 5rem;*/
}

.order-info .down {
	/*position: absolute;*/

	/*top: 2.3rem;*/

	/*right: 1.5rem;*/

	display: block;

	content: '';

	width: 1.8rem;

	height: 1rem;

	margin-top: 2.3rem;

	margin-right: 1.5rem;

	background: url(../images/banner/lower.png) no-repeat;

	background-size: 100%;
}

.order-item {
	display: flex;

	justify-content: space-between;

	width: 100%;

	padding: 3rem 0;
}

.order-item .order-item-l {
	width: 12%;
}

.order-item .order-item-r {
	width: 88%;
}

.order-item-l img {
	width: 100%;
}

.order-item-l .t {
	padding: 1.5rem 0;

	color: #333333;
}

.order-item-l .look {
	color: #187caf;
}

.order-item-r ul li {
	box-sizing: border-box;

	display: flex;

	justify-content: space-between;

	height: 11rem;

	margin-left: 2rem;

	padding: 2rem 2rem 2rem 2rem;

	border: 1px solid #eaeaea;

	/*border-left: 1px solid #EAEAEA;*/

	/*border-bottom: 1px solid #EAEAEA;*/
}

.order-item-r .icon {
	width: 4rem;

	height: 2rem;

	background: url(../images/order/order-icon.png) no-repeat;

	background-size: 100%;
}

.order-item-r .des p {
	margin-bottom: 0.5rem;
}

.order-item-r .des .not {
	color: #69cad3;
}

.order-item-r .pro p {
	margin-bottom: 0.5rem;
}

.order-item-r .sub a {
	display: block;

	margin-bottom: 0.5rem;

	color: #69cad3;
}

.order-item-r .car span {
	padding: 0.2rem;

	background-color: #fff0e5;

	color: #ffb780;
}

.order-item-r .car p {
	margin-top: 0.5rem;
}

.order-item-r .price {
	display: flex;
}

.order-item-r .price .yuanPrice {
	color: #999999;

	text-decoration: line-through;
}

.order-item-r .price .nowPrice {
	margin-left: 0.5rem;
}

.order-item-r .price .nowPrice p {
	margin-bottom: 1.5rem;

	color: #0087f6;

	text-align: right;
}

.nowPrice .yh {
	padding: 0.3rem;

	background-color: #ffb780;

	color: #ec8231 !important;
}

.order-item-r .yu a {
	display: block;

	width: 7.7rem;

	height: 3.5rem;

	line-height: 3.5rem;

	margin-bottom: 1rem;

	background-color: #187caf;

	color: #ffffff;

	text-align: center;
}

.order-item-r .yu p {
	text-align: center;
}

.order-content .line {
	width: 100%;

	height: 1rem;

	background-color: #f5f7fa;
}

/* 订单 end */

/* 订单详情 start */

.order-detail {
	margin-top: 5rem;

	padding: 2rem 3rem;

	background-color: #ffffff;
}

.detail {
	padding: 1.5rem 0;

	border-bottom: 1px solid #8c8c8c;
}

.detail .address {
	line-height: 4rem;

	display: flex;

	align-items: center;
}

.detail .address .icon {
	content: '';

	display: inline-block;

	width: 1.3rem;

	height: 1.7rem;

	margin-right: 1rem;

	background: url(../images/header/location.png) no-repeat;

	background-size: 100%;
}

.detail .bed {
	line-height: 3rem;
}

.detail .des {
	line-height: 3rem;

	font-size: 0.9rem;
}

.detail .ren {
	display: inline-block;

	content: '';

	width: 0.9rem;

	height: 1rem;

	background: url(../images/order/ren.png) no-repeat;

	background-size: 100%;
}

.detail .bedding {
	display: inline-block;

	content: '';

	width: 1rem;

	height: 0.8rem;

	background: url(../images/order/bed.png) no-repeat;

	background-size: 100%;
}

.detail .break {
	display: inline-block;

	content: '';

	width: 1rem;

	height: 1.3rem;

	background: url(../images/order/break.png) no-repeat;

	background-size: 100%;
}

.order-detail .reading {
	padding: 1.5rem 0;

	border-bottom: 1px solid #8c8c8c;

	font-size: 1.2rem;
}

.reading .read-item {
	display: flex;

	align-items: center;

	line-height: 2.5rem;
}

.reading .read-item .i {
	display: inline-block;

	content: '';

	width: 1.3rem;

	height: 1.3rem;

	margin-right: 1rem;

	background: url(../images/order/read.png) no-repeat;

	background-size: 100%;
}

.discount {
	padding: 1.5rem 0;

	color: #ff7f0c;
}

.dis-item {
	line-height: 2rem;
}

.dis-item .ic {
	display: inline-block;

	width: 0.8rem;

	height: 0.8rem;

	background-color: #ff7f0c;

	border-radius: 0.4rem;
}

.order-des {
	margin-top: 2rem;

	padding: 0 3rem;

	background-color: #ffffff;
}

.live-wrap {
	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 4rem 0;

	/*border-bottom: 1px solid #666666;*/
}

.checkIn {
	padding: 0.5rem 0;

	border-bottom: 1px solid #666666;
}

.checkIn p {
	line-height: 3rem;
}

.cus-info {
	padding: 3rem 0;

	color: #0f294d;
}

.cus-info .data h2 {
	/*color: #0F294D;*/
}

.cus-info .data p {
	line-height: 4rem;
}

.cus-info .cusMsg {
	margin-bottom: 3rem;
}

.cus-info input {
	width: 43.5rem;

	height: 5rem;

	line-height: 5rem;

	border: 0;

	outline: none;

	border-bottom: 1px solid #666666;

	font-size: 2.4rem;
}

.special {
	margin-top: 2rem;

	padding: 3rem 3rem;

	background-color: #ffffff;
}

.flash {
	margin-top: 2rem;

	padding: 3rem 3rem;

	background-color: #ffffff;
}

.flash .agreement {
	margin: 2rem 0;

	height: 7rem;

	line-height: 7rem;

	background-color: #f5f7fa;
}

.agreement .ag {
	color: #67a5ff;

	border-bottom: 1px solid #67a5ff;
}

.flash .full {
	margin-left: 2rem;

	color: #2a81fa;
}

.flash .cou {
	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 4rem;

	line-height: 4rem;
}

.cou .cou-r a {
	color: #666666;
}

.to-pay {
	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 2rem;

	padding: 3rem 3rem;

	background-color: #ffffff;
}

.to-pay .price {
	margin-left: 2rem;

	color: #2a81fa;
}

.to-pay .toPay {
	width: 10.5rem;

	height: 6rem;

	line-height: 6rem;

	background-color: #187caf;

	color: #ffffff;

	text-align: center;
}

/* 订单详情 end */

/* 待支付 start */

.pendingPay {
	display: flex;

	align-items: center;

	margin-top: 3rem;
}

.pendingPay .success-icon {
	display: inline-block;

	content: '';

	width: 5.8rem;

	height: 5.8rem;

	background: url(../images/order/success.png) no-repeat;

	background-size: 100%;
}

.pendingPay .sub {
	margin-left: 2rem;
}

.pendingPay .sub p {
	line-height: 2em;
}

.sub .sub-price {
	color: #fa0606;
}

.sub .down-time {
	color: #1a9bf5;
}

.pay-method {
	margin-top: 3rem;

	padding: 4rem 0;

	/* border-top: 1rem solid #F7F7F7; */
}

.payment ul {
	display: flex;
}

.payment ul li {
	margin-right: 5rem;

	color: #999999;

	cursor: pointer;
}

.payment ul li.active {
	color: #333333;
}

.pay-m {
	margin-top: 4rem;
}

.pay-m .pa {
	display: flex;

	flex-wrap: wrap;

	align-items: center;
}

.pay-m .pa li {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 25%;

	height: 10rem;

	margin-right: 2rem;

	line-height: 10rem;

	border: 1px solid #999999;

	cursor: pointer;
}

.pay-m .pa li .method-icon {
	display: inline-block;

	content: '';

	width: 3.5rem;

	height: 3.5rem;

	margin-right: 1rem;

	background-repeat: no-repeat;

	background-size: 100%;
}

.zhifubao {
	background-image: url(../images/order/zhifubao.png);
}

.weixi {
	background-image: url(../images/order/weixin-d.png);
}

.yinlian {
	width: 5.9rem !important;

	height: 3.7rem !important;

	background-image: url(../images/order/yinlian.png);
}

.wanshida {
	width: 6.7rem !important;

	height: 6.7rem !important;

	background-image: url(../images/order/wanshidaka.png);
}

.weisaka {
	width: 8.4rem;

	height: 8.4rem;

	background-image: url('../images/order/weisika.png');
}

.pay-m li.active {
	border: 1px solid #1a9bf5;
}

.pay-code {
	margin-top: 4rem;
}

.pay-code ul {
	/*display: flex;*/
}

.pay-code ul .pay-code-item {
	/*display: flex;*/

	display: none;

	justify-content: center;

	align-items: center;

	width: 25%;

	margin-right: 2rem;
}

.pay-code ul li .pay-img {
	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

	width: 18.4rem;

	height: 18.4rem;

	background-color: #ffffff;

	box-shadow: 0 0.1rem 5px 0 rgba(0, 0, 0, 0.3);
}

.pay-img img {
	width: 100%;
}

.pay-code ul li .pay-img span {
	position: absolute;

	top: -2rem;

	left: 50%;

	transform: translateX(-50%);

	border-style: solid;

	border-width: 1rem;

	border-color: transparent transparent #ffffff transparent;
}

/* 待支付 end */

/*  日历 start */

.WGj {
	display: block;

	position: absolute;

	top: 11.5rem;

	left: 50%;

	transform: translateX(-50%);

	padding: 3rem 0;

	background-color: #ffffff;

	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.05);

	z-index: 9999;
}

.DFg:not(.DFh) .DFo {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin: 0 0 1.25rem;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
}

.DFg:not(.DFh) {
	max-width: 100rem;

	margin: 0 auto;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
}

.DFg:not(.DFh) .DFo .DFr {
	position: relative;

	display: flex;

	width: 48%;

	height: 8rem;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding: 0;

	border: 1px solid #d9d9d9;

	border-radius: 0.1875rem;

	color: #282828;

	transition: box-shadow 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.DFg:not(.DFh) .DFo .DFr.DFw {
	border: 1px solid #0072ae;

	box-shadow: inset 0 0 0 2px #0072ae;

	color: #0072ae;
}

.DFg:not(.DFh) .DFx {
	display: flex;

	height: auto;

	flex-wrap: wrap;

	justify-content: space-between;

	margin: 3rem 0;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
}

.DFg:not(.DFh) .DFx .DFy {
	position: relative;

	display: flex;

	flex-direction: column;

	flex-basis: 48%;

	flex-grow: 0;

	flex-shrink: 0;
}

.DFg:not(.DFh) .DFx .DFy.DFa4 {
	/*align-items: flex-end;*/
}

.DFg:not(.DFh) .DFbi {
	opacity: 0;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fff;

	visibility: hidden;

	transition: visibility 0s linear 0.2s, opacity 0.2s;
}

.DFg:not(.DFh) .DFx .DFy .DFz {
	position: absolute;

	top: 0;

	bottom: 0;

	/*width: 1.875rem;*/

	width: 100%;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;
}

.DFg:not(.DFh) .DFx .DFy table.DF3 th {
	position: relative;

	height: 5rem;

	line-height: 5rem;

	font-size: 0.875rem;

	vertical-align: top;

	text-align: center;

	background-color: #fff;

	box-shadow: 0 -2px 0 2px #fff;
}

.DFg:not(.DFh) .DFx .DFy table.DF3 td {
	width: 2.5rem;

	height: 5rem;

	touch-action: pinch-zoom;

	position: relative;

	padding: 0.25rem 0;

	border: 1px solid #fff;

	background-color: #fff;

	border-radius: 0 !important;

	cursor: default;

	font-size: 0.75rem;

	text-align: center;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	vertical-align: middle;

	line-height: normal;
}

.DFg:not(.DFh) .DFd .select__control {
	padding: 0 0.625rem;

	border: 0;

	border-radius: 0;

	cursor: pointer;
}

.css-1hwfws3 {
	-webkit-box-align: center;

	align-items: center;

	display: flex;

	justify-content: center;

	flex: 1 1 0%;

	flex-wrap: wrap;

	padding: 2px 8px;

	position: relative;

	overflow: hidden;

	box-sizing: border-box;
}

.DFg:not(.DFh) .DFd .select__single-value {
	padding-right: 0.625rem;

	padding-left: 0;

	color: #0072ae;

	font-size: 1.25rem;

	font-weight: 400;
}

.DFg:not(.DFh) .DFx .DFy table.DF3 {
	position: relative;

	margin: 2rem 0;

	border-collapse: separate;

	border-spacing: 1px;

	background-color: #f2f2f2;
}

.DFd.DFe .select__value-container:after {
	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	/*background-image: url(/img/sprite.svg#view-icon-arrow-down-96823);*/

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: 14px 14px;

	content: '';

	right: 0;

	left: auto;

	width: 14px;

	background-position: 100%;

	transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.DFg:not(.DFh) .DFx .DFy .DFz .DFas .DF1 {
	width: 4rem;

	height: 4rem;

	position: absolute;

	touch-action: auto;

	z-index: 1;

	top: 0;

	left: 0;

	border: 1px solid #e6e6e6;

	background: transparent;

	border-radius: 2rem;

	color: #4a4a4a;

	font-size: 1.25rem;

	text-align: center;

	transition: color 1s, border-color 0.6s;

	cursor: pointer;
}

.DFg:not(.DFh) .DFx .DFy .DFz .DFas .DF1-r {
	width: 4rem;

	height: 4rem;

	position: absolute;

	touch-action: auto;

	z-index: 1;

	top: 0;

	right: 0;

	border: 1px solid #e6e6e6;

	background: transparent;

	border-radius: 2rem;

	color: #4a4a4a;

	font-size: 1.25rem;

	text-align: center;

	transition: color 1s, border-color 0.6s;

	cursor: pointer;
}

.DFg:not(.DFh) .DFx .DFy .DFz.DF0 .DF1:after {
	position: absolute;

	top: 1.4rem;

	left: 1.7rem;

	content: '';

	width: 1rem;

	height: 1rem;

	border-top: 2px solid #000000;

	border-right: 2px solid #000000;

	transform: rotate(-135deg);
}

.DFg:not(.DFh) .DFx .DFy .DFz.DF0 .DF1-r:after {
	position: absolute;

	top: 1.4rem;

	right: 1.7rem;

	content: '';

	width: 1rem;

	height: 1rem;

	border-top: 2px solid #000000;

	border-right: 2px solid #000000;

	transform: rotate(45deg);
}

.DFg:not(.DFh) .DFx .DFy .DFz.DF2 .DF1:after {
	position: absolute;

	top: 1.4rem;

	left: 1.7rem;

	content: '';

	width: 1rem;

	height: 1rem;

	border-top: 2px solid #000000;

	border-right: 2px solid #000000;

	transform: rotate(-135deg);
}

.DFg:not(.DFh) .DFx .DFy .DFz.DF2 .DF1-r:after {
	position: absolute;

	top: 1.4rem;

	right: 1.7rem;

	content: '';

	width: 1rem;

	height: 1rem;

	border-top: 2px solid #000000;

	border-right: 2px solid #000000;

	transform: rotate(45deg);
}

.DFg:not(.DFh) .DFd .select__control {
	padding: 0 0.625rem;

	border: 0;

	border-radius: 0;

	cursor: pointer;
}

.DFg:not(.DFh) .DFd .select__single-value {
	padding-right: 0.625rem;

	padding-left: 0;

	color: #0072ae;

	font-size: 2.4rem;

	font-weight: 400;
}

.css-gj7qu5-dummyInput {
	background: 0px center;

	border: 0px;

	font-size: inherit;

	outline: 0px;

	padding: 0px;

	width: 1px;

	color: transparent;

	left: -100px;

	opacity: 0;

	position: relative;

	transform: scale(0);
}

.select-room-wrap {
	padding: 3rem 1rem;

	border-top: 1px solid #d2d2d2;

	border-bottom: 1px solid #d2d2d2;
}

.select-room {
	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;
}

.select-room-item {
	width: 35%;
}

.select-room-item .adultss {
	display: flex;

	justify-content: space-between;

	padding: 1rem 0;

	width: 100%;
}

.select-room-item .adultss p {
	line-height: 1.5em;
}

.select-room-item .adultss button {
	width: 4rem;

	height: 4rem;

	line-height: 4rem;

	padding: 0;

	border-radius: 2rem;

	text-align: center;
}

.select-room-item .adultss .number {
	padding: 0 2rem;
}

.select-room-wrap .add {
	display: block;

	font-size: 2rem;

	color: #187caf;

	line-height: 1.5em;
}

.find-room {
	display: block;

	width: 30rem;

	height: 7rem;

	line-height: 7rem;

	margin: 2rem auto;

	background-color: #187caf;

	color: #ffffff;

	font-size: 1.8rem;

	text-align: center;
}

/* 日历 end */

/* 视频插件 start */

.video {
	/*padding-top: 8rem;*/

	width: 100%;

	height: 100%;

	margin: 0 auto;

	position: relative;
}

.video video {
	width: 100%;

	height: 100%;

	object-fit: fill;
}

.VideoBtn {
	position: absolute;

	left: 50%;

	top: 50%;

	display: block;

	width: 7rem;

	height: 7rem;

	margin-left: -3.5rem;

	margin-top: -3.5rem;

	cursor: pointer;

	z-index: 10;
}

/* 视频插件 end */

.swiper-wrapper {
	width: 100%;
	height: 100%;
}

.swiper-wrapper img {
	width: 1920px;
	object-fit: cover;
}

/* 预定信息额外优化样式 */
.reserve-item > div > p {
	position: relative;
	padding-left: 0;
	line-height: 1.6;
	transition: all 0.2s ease;
}

.reserve-item > div > p:hover {
	color: #187caf;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7);
	}
	70% {
		box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
	}
	100% {
		box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
	}
}

/* 订单状态切换菜单样式 */
.order-status-tabs {
	margin-bottom: 3rem;
	border-bottom: 1px solid #e6e6e6;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.reserve-msg .order-status-tabs .status-tab-list {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: max-content;
	gap: 0 !important;
}

.reserve-msg .order-status-tabs .status-tab-list li {
	position: relative;
	padding: 1.5rem 3rem;
	margin-right: 2rem;
	font-size: 1.6rem;
	color: #666666;
	cursor: pointer;
	transition: all 0.3s ease;
	border-bottom: 3px solid transparent;
	white-space: nowrap;
	flex-shrink: 0;
	display: inline-block !important;
}

.reserve-msg .order-status-tabs .status-tab-list li:hover {
	color: #187caf;
	background-color: #f8f9fa;
}

.reserve-msg .order-status-tabs .status-tab-list li.active {
	color: #187caf;
	font-weight: bold;
	border-bottom-color: #187caf;
	background-color: #f0f8ff;
}

.reserve-msg .order-status-tabs .status-tab-list li.active::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #187caf 0%, #0072ae 100%);
}