.main{
	background-color: #fff;
	box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.05)
}

section h2{
	padding: 50px 0;
	text-align: center;
	font-size: 32px;
	color: var(--txt_bold);
	font-family: PingFang SC;
	font-weight: 200
}

section h2 a{
	font-size: var(--fs_m);
	color: var(--txt_regular)
}

section h2 a:after {
	content: "\e60d\e60d";
	font-family: iconfont;
	font-size: var(--fs_m);
	color: var(--txt_placeholder);
	letter-spacing: -20px;
	padding: 0 0 0 5px
}
.issue{
	background-color: #fff;
	padding: 0 0 50px;
	overflow-anchor: none
}
.main .box{
	width: 1200px;
	margin: 0 auto 0;
	padding: 30px 0 50px;
	line-height: 1
}

.main .box header{
	margin: 20px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	box-shadow:none;
}

.main .box header figure a{
	text-decoration:none;
}

.main .box header figure h3{
	color: var(--txt_bold);
	font-size: var(--fs_xxl)
}

.main .box header figure h4{
	font-size: var(--fs_xl);
	color: var(--txt_regular);
	padding: 10px 0 0
}

.main .box header figure p{
	font-size: var(--fs_m);
	color: var(--txt_secondary);
	padding: 10px 0 0
}

.main .box header figure p i{
	display: inline-flex;
	align-items: center;
	color: var(--main);
	padding: 0 0 0 10px;
	font-weight: 700;
	cursor: pointer
}

.main .box header figure p i:before {
	padding: 0 3px 0 0;
	font-weight: 400;
	font-size: 1.2em
}

.main .box header .grade{
	font-size: 32px;
	color: var(--warn)
}

.main .box header .grade:after {
	content: "分";
	font-size: .6em
}

.main .box .imgs{
	display: flex;
	margin: 30px 0 10px
}

.main .box .imgs dt{
	width: 800px;
	height: 100%;
	position: relative;
	flex: none;
}

.main .box .imgs dt img{
	display: block;
	width: 100%;
	height: 600px;
	border-radius: 5px;
	-o-object-fit: cover;
	object-fit: cover
}
.main .box .item .nodes p img
{
	max-width:100%
}
.main .box .imgs dt p{
	position: absolute;
	right: 30px;
	top: 30px;
	background-color: rgba(0,0,0,.6);
	padding: 10px 15px;
	border-radius: 3px;
	display: flex;
	align-items: baseline;
	font-size: var(--fs_xxl);
	font-weight: 420;
	color: #fff
}

.main .box .imgs dt p:after {
	content: "张图片";
	font-size: .6em;
	padding: 0 0 0 5px;
	font-weight: 700
}

.main .box .imgs dd{
	padding: 0 0 0 10px;
	display: flex;
	justify-content: space-between;
	align-content: flex-start;
	flex-wrap: wrap
}

.main .box .imgs dd img{
	display: inline-flex;
	width: 190px;
	height: 133px;
	border-radius: 5px;
	margin: 0 0 10px;
	box-shadow: inset 0 0 15px 0 rgba(0,0,0,.2)
}

.main .box ul.search{
	width: 1200px;
	display: flex;
	margin: 20px auto
}

.main .box ul.search li{
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color: var(--bdr_light);
	width: 50%;
	padding: 0 20px;
	min-height: 75px;
	display: inline-flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	position: relative
}

.main .box ul.search li:last-of-type {
	border-right-width: 1px
}

.main .box ul.search li .tit{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: var(--txt_secondary);
	padding: 0 0 10px
}

.main .box ul.search li .bold{
	font-size: 16px;
	font-weight: 700;
	color: #232323
}

.main .box ul.search li .bold strong{
	color: var(--.main);
	padding: 0 3px
}

.main .box ul.search li .time{
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative
}

.main .box ul.search li .time:before {
	content: attr(data-count);
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-12px);
	font-size: .8em;
	font-weight: 400;
	padding: 5px 10px;
	border-radius: 20px;
	border: 1px solid var(--main);
	color: var(--main);
	font-weight: 700
}

.main .box ul.search li .count,.main .box ul.search li .el-date-editor{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}

.main .box ul.search li .options{
	position: absolute;
	left: 0;
	top: 120%;
	padding: 10px;
	border: 1px solid #e4e7ed;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	background: #fff;
	border-radius: 4px;
	width: 220px;
	transform: scaleY(0);
	transform-origin: center top;
	transition: transform .3s
}

.main .box ul.search li .options.on{
	transform: scaleY(1)
}

.main .box ul.search li .options p{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: var(--txt_regular)
}

.main .box ul.search li .options p:last-of-type {
	margin: 10px 0 0
}

.main .box .change{
	display: flex;
	align-items: center
}

.main .box .change button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 40px;
	font-size: var(--fs_m);
	font-weight: 700;
	color: var(--txt_regular);
	margin: 0 20px 0 0;
	border-radius: 4px;
	border: 1px solid var(--bdr_light);
	outline: none;
	cursor: pointer
}

.main .box .change button.on{
	background-color: var(--bdr_placeholder);
	color: var(--main);
	border-color: var(--bdr_light)
}

.main .box .list{
	margin: 20px 0 30px;
	border: 1px solid var(--bdr_light);
	min-height: 100px
}

.main .box .list:empty:before {
	content: "暂无房间！";
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 30px 0
}

.main .box .list>li{
	display: flex;
	align-items: flex-start;
	border-bottom: 1px solid var(--bdr_light);
	padding: 0 15px
}

.main .box .list>li:last-of-type {
	border-bottom: none
}

.main .box .list>li figure{
	display: block;
	padding: 20px 15px 20px 0
}

.main .box .list>li figure img{
	width: 120px;
	height: 80px
}

.main .box .list>li figure b{
	display: block;
	font-size: var(--fs_m);
	font-weight: 700;
	color: var(--txt_bold);
	padding: 10px 0 0;
	line-height: 1.2;
	width: 120px
}

.main .box .list>li figure p{
	display: flex
}

.main .box .list>li figure p:last-of-type {
	padding: 10px 0 0
}

.main .box .list>li figure p i{
	display: inline-flex;
	align-items: center;
	font-size: var(--fs_s)
}

.main .box .list>li figure p i+i{
	margin: 0 0 0 15px
}

.main .box .list>li figure p i:before {
	color: var(--.main);
	padding: 0 5px 0 0
}

.main .box .list>li figure p i.icon-gou:before {
	color: var(--success);
	font-size: .8em
}

.main .box .list>li figure p i.icon-zaocan:before {
	font-size: 1.2em
}

.main .box .list>li figure p i.off{
	color: var(--err)
}

.main .box .list>li figure p i.off:before {
	color: var(--err)
}

.main .box .list>li .options{
	padding: 0 0 0 15px;
	border-left: 1px solid var(--bdr_light);
	width: 100%;
	min-height: 171px;
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap
}

.main .box .list>li .options li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--bdr_light);
	padding: 10px 0
}

.main .box .list>li .options li:last-of-type {
	border-bottom: none
}

.main .box .list>li .options li .desc p{
	padding: 5px 0;
	font-size: var(--fs_m);
	color: var(--txt_regular)
}

.main .box .list>li .options li .desc p b{
	font-size: var(--fs_l);
	color: var(--txt_bold);
	font-weight: 700
}

.main .box .list>li .options li .desc p span{
	display: block
}

.main .box .list>li .options li .desc p span:last-of-type {
	padding: 10px 0 0
}

.main .box .list>li .options li .desc p span i{
	display: inline-flex;
	align-items: center;
	font-size: var(--fs_s);
	padding: 0 15px 0 0
}

.main .box .list>li .options li .desc p span i:before {
	color: var(--.main);
	padding: 0 5px 0 0
}

.main .box .list>li .options li .desc p span i.icon-gou:before {
	color: var(--success);
	font-size: .8em
}

.main .box .list>li .options li .desc p span i.icon-zaocan:before {
	font-size: 1.2em
}

.main .box .list>li .options li .desc p span i.off{
	color: var(--err)
}

.main .box .list>li .options li .desc p span i.off:before {
	color: var(--err)
}

.main .box .list>li .options li .price{
	display: inline-flex;
	align-items: center
}

.main .box .list>li .options li .price b{
	font-size: var(--fs_xxl);
	font-weight: 700;
	color: var(--err)
}

.main .box .list>li .options li .price b:before {
	content: "¥";
	font-size: .6em;
	padding: 0 3px 0 0
}

.main .box .list>li .options li .price button{
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 15px;
	background-color: var(--warn);
	border-radius: 3px;
	margin: 0 0 0 15px;
	font-size: var(--fs_m);
	font-weight: 700;
	color: #fff;
	outline: none
}

.main .box .list>li .options .hint{
	justify-content: center;
	cursor: pointer;
	display: flex;
	font-size: var(--fs_m);
	color: var(--txt_secondary);
	width: 100%;
	padding: 10px 0 0
}

.main .box .nav{
	display: flex;
	border: 1px solid var(--bdr_light);
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 1
}

.main .box .nav a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* width: 100px; */
	padding: 10px;
	position: relative;
	cursor: pointer;
}

.main .box .nav a:hover{
	text-decoration:none;
}

.main .box .nav a:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) scaleX(0);
	width: 40px;
	height: 3px;
	background-color: var(--.main);
	border-radius: 5px;
	transition: transform .3s
}

.main .box .nav a.on{
	color: var(--.main);
	font-weight: 700
}

.main .box .nav a.on:before {
	transform: translateX(-50%) scaleX(1)
}

.main .box .item{
	margin: 20px 0 0
}

.main .box .item h4{
	display: flex;
	align-items: center;
	height: 40px;
	font-size: var(--fs_l);
	font-weight: 700;
	color: var(--main)
}

.main .box .item h4:before {
	content: "";
	width: 3px;
	height: 20px;
	background-color: var(--main);
	margin: 0 15px 0 0;
	border-radius: 2px
}

.main .box .item #map{
	width: 100%;
	height: auto
}

.main .box .item #map img{
	width: 100%;
}

.main .box .item .nodes{
	line-height: 1.6
}

.main .box .item .tags{
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.main .box .item .tags span{
	margin: 10px 10px 0 0;
	padding: 5px;
	border: 1px solid var(--bdr_light);
	border-radius: 3px
}

#section1{
  display: block;
  height: 40px; /*和顶部fix的高度一致*/
  margin-top: -40px; /*和顶部fix的高度一致*/
  visibility: hidden;
}
#section2{
  display: block;
  height: 40px; /*和顶部fix的高度一致*/
  margin-top: -40px; /*和顶部fix的高度一致*/
  visibility: hidden;
}
#section3{
  display: block;
  height: 40px; /*和顶部fix的高度一致*/
  margin-top: -40px; /*和顶部fix的高度一致*/
  visibility: hidden;
}
#section4{
  display: block;
  height: 40px; /*和顶部fix的高度一致*/
  margin-top: -40px; /*和顶部fix的高度一致*/
  visibility: hidden;
}
#section5{
  display: block;
  height: 40px; /*和顶部fix的高度一致*/
  margin-top: -40px; /*和顶部fix的高度一致*/
  visibility: hidden;
}

.price{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 15px 0
}

.price p{
	font-size: var(--fs_s);
	color: var(--txt_secondary)
}

.price p b{
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: var(--err);
}

.price p b:before {
	content: "¥";
	font-size: .8em;
	padding-right: 5px
}

.price b:after {
	content: "/起";
	font-size: .6em;
	font-weight: 400;
	padding: 0 0 0 5px;
	color: var(--txt_secondary)
}

.price .btn button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--err);
	width: 120px;
	height: 40px;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	font-size: var(--fs_l)
}