@charset "utf-8";
/*基本设置*/
html{
	-webkit-font-smoothing: antialiased;
	font-family: "Helvetica" !important;
	color:#444;
}
/*==============通用=================*/
@media (min-width: 320px) {
    html
    {
        font-size: 12px !important;
    }
}
@media (min-width: 360px) {
    html
    {
        font-size: 13px !important;
    }
}
@media (min-width: 375px) {
    html
    {
        font-size: 14px !important;
    }
}
@media (min-width: 414px) {
    html
    {
        font-size: 15px !important;
    }
}
@media (min-width: 500px) {
    html
    {
        font-size: 18px !important;
    }
}
@media (min-width: 600px) {
    html
    {
        font-size: 20px !important;
    }
}
@media (min-width: 700px) {
    html
    {
        font-size: 25px !important;
    }
}
@font-face {font-family: "iconfont_home";
    src: url('/statics/web3/font/iconfont.eot?t=1472717101');
    src: url('/statics/web3/font/iconfont.eot?t=1472717101#iefix') format('embedded-opentype'),
    url('/statics/web3/font/iconfont.woff?t=1472717101') format('woff'),
    url('/statics/web3/font/iconfont.ttf?t=1472717101') format('truetype'),
    url('/statics/web3/font/iconfont.svg?t=1472717101#iconfont') format('svg');
}
.iconfont-home {
    font-family:"iconfont_home" !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    margin-right: .1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #9e9e9e;
    display: inline-block;
}
body{
	background-color:#f8f8f8;
	margin:0;
}
ul,li,p,img,h1,h2,h3,h4,h5,h6{
	list-style:none;
	padding:0;
	margin:0;
}
b,i{
    font-weight:normal;
    font-style:normal;
}
.bottom_border{
	border-bottom:1px solid #DCDCDC;
}
.right_border{
	border-right:1px solid #DCDCDC;
}
.top_nopadding{
	padding-top:0!important;
}
.round_corner{
	border-radius: 0.3rem;
}
.box_shadow{
	box-shadow:2px 2px 5px rgba(0,0,0,0.4);
}
.tip_header_bar{
	width: 94% !important;
	position: fixed;
	top: 0;
    height: 2rem;
    background: #ffffff;
    padding: .5rem 3%;
    padding-left: 1rem;
    overflow: hidden;
    z-index: 999;
    border-bottom: 1px solid #DCDCDC;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.tip_header_bar .icon{
	width: 2.3em;
	height: 1em;
	font-size: 3rem;
	vertical-align: -0.15em;
	fill: currentColor;
	color: #a57b44;
	overflow: hidden;
}
.tip_header_bar .new_logo_area>a{
	display: block;
}
.tip_header_bar>a{
	margin-right: 0.5rem;
}
.tip_header_bar>a>.icon{
	width: 1.3em;
    height: 1em;
    font-size: 2rem;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}
.tip_header_bar>img{
	height: 1.2rem;
    margin-top: 0.3rem;
}
.tip_header_bar>span{
	float:left;
	height:1.2rem;
	line-height:1.2rem;
	width:90%;
	text-align:center;
	margin-top: 0.3rem;
	font-size: 1.2rem;
}
.tip_header_bar .onlineAnswer{
	margin: 0 auto;
    padding: 2px 6px;
    background: #ff8000;
    color: #fff;
    border-radius: 5px;
}
.tip_poster{
	height:11rem;
	overflow:hidden;
	background-color:#ffffff;
}
.tip_poster>img{
	width:100%;
	height:auto;
}
.tip_hot{
	width:100vw;
	overflow:hidden;
	margin-bottom:0.625rem;
	height:auto;
	background-color:#ffffff;
}
.tip_hot_title{
	margin:0.875rem;
	margin-top:0;
	text-align:center;
	font-size:0.88rem;
	height:1.2rem;
	color:#333333;
	position:relative;
}
.tip_hot_title>b{
	z-index:0;
	position:absolute;
	top:0.6rem;
	left:0;
	height:0.1rem;
	width:100%;
    background: -moz-linear-gradient(left, transparent 10%, #aaaaaa 50% ,transparent 90%);
    background: -webkit-gradient(linear, left top, right top, color-stop(10%,transparent),color-stop(50%,#aaaaaa),color-stop(90%,transparent));
    background: -webkit-linear-gradient(left, transparent 10%, #aaaaaa 50% ,transparent 90%);
    background: -o-linear-gradient(left, transparent 10%, #aaaaaa 50% ,transparent 90%);
    background: -ms-linear-gradient(left, transparent 10%, #aaaaaa 50% ,transparent 90%);
    background: linear-gradient(to right, transparent 10%, #aaaaaa 50% ,transparent 90%);
}
.tip_hot_title>span{
	position:absolute;
	top:0;
	left:33vw;
	z-index:10;
	background-color:#ffffff;
	padding:0 0.8rem;
}
.tip_hot_cell{
	height:9.2rem;
	overflow:hidden;
	position:relative;
}
.tip_hot_cell>img{
	width:100%;
	height:215px;
}
.tip_hot_cell>div{
	left:0;
	text-align: center;
	color:#ffffff;
	display: block;
	width:100%;
}
.tip_hot_cell>div>h3{
	font-size:1.28rem;
	font-weight:normal;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	width: 100%;
}
.tip_hot_cell>div>p{
	font-size: 1rem;
	max-width: 75%;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	white-space: nowrap;
	padding: 0.2rem 2rem;
	background-color: rgba(0,0,0,0.5);
}
.tip_hot_more{
	color:#ff8000;
	border:1px solid #ff8000;
	height:1.5rem;
	line-height:1.5rem;
	width:5.8rem;
	font-size:0.94rem;
	padding:0 0.5rem;
	border-radius:0.78rem;
	margin:0 auto;
}
.tip_hot_menu{
	width:100%;
	overflow:hidden;
	padding:0.625rem 0 0 10.5vw;
}
.tip_hot_2{
	height:auto;
	padding:0.875rem 0;
	padding-bottom:0;
	overflow:hidden;
	display:block;
}
.tip_hot_cell_2{
	overflow:hidden;
	width:100%;
	margin-bottom: 0;
	background: #fff;
	padding: 0.5rem 0.8rem 0.1rem 0.8rem;
	margin-top: 0.5rem;
	box-sizing: border-box;
	display: block;
	text-decoration:none;
	out-line: none;
	color:#444;
}
.tip_hot_cell_2>div.imgs{
	float:left;
	width: 33%;
	height: 6.7rem;
	margin-right: 0.7rem;
	margin-top: 0.2rem;
}
.tip_hot_cell_2>div.texts{
	float:left;
	width: 63%;
	position: relative;
	height: 6.7rem;
	margin-top: 0.2rem;
}
.tip_hot_cell_2>div.texts>h3{
	font-size:1.1rem;
	color:#444;
	width:100%;
	height:1.5rem;
	font-weight: 100;
	line-height:1.5rem;
	overflow: hidden;
}
.tip_hot_cell_2>div.texts>p{
	font-size: 1.1rem;
	line-height:1.5rem;
	width:100%;
	color:#999;
}

.tip_hot_cell_desti{
	height:12.5rem;
	margin-bottom:0;
}

.tip_desti_related{
	padding:1rem 1rem 0 1rem;
	overflow:hidden;
	background-color:#ffffff;
}
.tip_desti_detail{
	width:14.4%;
	margin-right:7%;
	float:left;
	margin-bottom:0.625rem;
}
.tip_desti_detail:nth-child(5n){
	margin-right:0;
}
.tip_desti_detail>div{
	width:100%;
}
.tip_desti_detail>span{
	width:100%;
	font-size:1.1rem;
	color:#444;
	text-align:center;
	display:block;

}
.tip_desti_detail{
	out-line: none;
	text-decoration:none
}
.tip_hot_2_title{
	padding:0.625rem;
	padding-bottom:0;
}
.tip_hot_2_title>b{
	display:inline-block;
	color:#ff8000;
	width:0.2rem;
	background:#ff8000;
	margin-right:0.5rem;
}

.tip_detail_text{
	padding:4rem 1rem;
	background-color:#ffffff;
	margin-bottom:0.625rem;
}
.tip_detail_text>h1{
	font-size:1.5rem;
	color:#444;
	font-weight:bold;
	line-height: 2.3rem;
	margin-bottom:0.625rem;
	font-family: PingFangSC-Semibold;
}
.tip_detail_text span{
	font-size: 1.14rem !important;
	text-align:justify !important;
	line-height: 1.7em !important;
	font-family: "Hiragino Sans GB","华文细黑","STHeiti","微软雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.tip_detail_text img{
	width:100%;
	max-width:100%;
	height: auto;
}
.tip_detail_text>p{
	width:100%;
	max-width:100%;
	height: auto;
}
.tip_detail_text img[width="700"]{
	width: 100%!important;
	height: auto !important;
}
.tip_detail_text img[width="1"]{
	width: auto;
	height: auto;
}
.tip_swiper_title{
	text-align:center;
	font-size:1rem;
	color:#333333;
	background-color:#ffffff;
	padding-top:0.625rem;
}
.swiper-container.swiper_indetail{
    width: 100%;
    height:8.35rem;
    background-color:#ffffff;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}
.swiper-slide.swiper_indetail {
    background-position: center;
    background-size: cover;
    width: 14rem;
    height:8.35rem;
    position:relative;
}
.swiper-slide-text{
	position:absolute;
	left:0;
	bottom:0;
	height:2.1rem;
	width:96%;
	background-color:#ffffff;
	z-index:2;
	font-size:0.6rem;
	padding:2%;
}
.swiper-slide-text>h3{
	font-size:0.75rem;
	color:#444;
}
.swiper-slide-text>span{
	font-size:0.6rem;
	color:#444;
}
.swiper-slide-text>span.tip_price{
	text-align:right;
	display:inline-block;
	width:51%;
	font-size:0.7rem;
}
.swiper-slide-text>span.tip_price>b{
	color:#ff8000;
}
.swiper-slide-mask{
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	left:0;
	top:0;
	z-index:5;
}
.swiper-slide-active .swiper-slide-mask{
	background-color:transparent;
}

.tip_hot_cell.tip_hot_cell_food{
	height:14rem;
	margin:0;
	overflow:hidden;
	position:relative;
}
.tip_hot_cell.tip_hot_cell_food>.tip_hot_cell_img{
	background-size: cover;
	background-position:center;
	height: 100%;
}
.tip_hot_cell.tip_hot_cell_food>.tip_hot_cell_mask{
	background-color:transparent;
	background: -moz-linear-gradient(top, transparent 85%, rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85%,transparent), color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,transparent 85%,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,transparent 85%,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top,transparent 85%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,transparent 85%,rgba(0,0,0,0.5) 100%);
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
}
.tip_hot_cell.tip_hot_cell_food>.tip_hot_cell_text{
	display:block;
	position:absolute;
	left:2%;
	bottom:2%;
	width:96%;
	height:auto;
}
.tip_hot_cell.tip_hot_cell_food>.tip_hot_cell_text>b{
	font-size:1.1rem;
	line-height:1.5rem;
	font-weight: bold;
	float:left;
	margin-right:0.5rem;
	word-break:break-all;
}
.tip_hot_cell.tip_hot_cell_food>.tip_hot_cell_text>span{
	font-size:0.85rem;
	line-height:1.7rem;
	float:left;
}

.tip_comment_box{
	background-color:#ffffff;
	padding:0.625rem;
}
.tip_comment_title{
	overflow:hidden;
	margin-bottom:0.625rem;
}
.tip_comment_title>img{
	float:left;
	width:2rem;
	height:2rem;
	margin-right: 0.5rem;
	border-radius:1rem;
}
.tip_comment_title>span{
	float:left;
	font-size:0.85rem;
	line-height:2rem;
	height:2rem;
}
.tip_comment_title>b{
	float:right;
	font-size:0.68rem;
	line-height:2rem;
	height:2rem;
}
.tip_comment_text{
	font-size:0.8rem;
	margin-bottom:0.625rem;
}
.swiper-container.swiper_infood{
	height:6rem;
}
.swiper-slide.swiper_infood{
	height:6rem;
	width:6rem;
	background-position: center;
    background-size: cover;
}

.tip_search_box{
	background-color:#ffffff;
	padding-top: 3rem;
}
.tip_search_sidebar{
	width:20%;
	float:left;
	overflow-y:scroll;
}
.tip_nav_box{
	margin:0.625rem;
	font-size:0.85rem;
	text-align:center;
	color:#333333;
	padding-bottom:0.625rem;
}
.tip_nav_box.tip_active{
	color:#ff8000;
	font-weight:bold;
}
.tip_search_main{
	overflow-y:scroll;
	padding:0.625rem;
}
.tip_search_index>h3{
	font-size:0.9rem;
	font-weight:normal;
	padding:0.2rem 0.5rem;
	width:5rem;
	color:#666666;
	border-bottom:1px solid #dddddd;
}
.tip_search_index>h3.tip_active{
	border-bottom:2px solid #ff8000;
}
.tip_search_index>div{
	padding:0.625rem 0;
	font-size:0;
}
.tip_search_index>div>span{
	display:inline-block;
	font-size:0.85rem;
	padding:0.2rem 0.5rem;
	background-color:#f4f4f4;
	margin-right:0.3rem;
	margin-bottom:0.3rem;
	border-radius:0.4rem;
	text-align:center;
}
.tip_search_index>div>span:hover{
	background-color:#ff8000;
	color:#ffffff;
}

.sprite {display:inline-block;overflow:hidden;background-image:url(../img/jy.png);}

.entertainment {background-position: -4px -4px}
.food {background-position: -105px -4px}
.intro {background-position: -206px -4px}
.scene {background-position: -307px -4px}
.shopping {background-position: -408px -4px}
.stay {background-position: -509px -4px}
.tips {background-position: -610px -4px}
.traffic {background-position: -711px -4px}
.visa {background-position: -812px -4px}

.spriteall {display:inline-block;overflow:hidden;background-image:url(../img/index.png);}
.tip{background-position: 0px -212px;}
.villa{background-position: 0px -318px;}
.travel{background-position: 0px -106px;}
.show{background-position: 0px 0px;}

#loadMore{
    margin:0!important;
    height:1.6rem;
    display:block;
    width:100%;
}
.Cloading{
    height:1.6rem;
    color:#666666;
    background-color:#f8f8f8;
    overflow:hidden;
    padding-left:35%;
}
.Cloading>img{
    width:0.8rem;
    height:0.8rem;
    float:left;
    margin-top:0.4rem;
    margin-right:0.4rem;
}
.Cloading>span{
    line-height:1.6rem;
    height:1.6rem;
    float:left;
    font-size:0.8rem;
    color:#888888;
}

.swiper-pagination-bullet-active{
	background-color:#ffffff!important;
}
.appbar {
    display: block;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.download-app {
    padding: 0 14px;
    margin-bottom: 0;
    height: 3.2rem;
    border-bottom: 1px solid #ddd;
    line-height: 2.2rem;
}
.download-app .logo {
    width: 2.5rem;
    float: left;
    margin-top: .4rem;
}
.download-app .appname {
    margin-left: 10px;
    font-size: .85rem;
    line-height: 3rem;
    vertical-align: middle;
}
.download-app span {
    vertical-align: middle;
    font-size: 16px;
    line-height: 41px;
}
.btn {
    float: right;
    background-color: #FFA137;
    color: #fff;
    padding: .1rem .5rem;
    text-decoration: none;
    font-size: .9rem;
    font-family: PingFangSC-Thin;
    line-height: 1.7rem;
    margin: .6rem 0 0;
}
.search-container{
	background: #fff;
	text-align: center;
}
.search-container img{
	width: 1.1rem;
	margin-right: 0.3rem;

}
.gl-search{
	margin-top: 12px;
	margin-bottom: 12px;
	width: 25.02rem;
	height: 2.08rem;
	line-height: 2.08rem;
	background-color: #F8F8F8;
	background-size: 14px;
	color: #777;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.title_box_index {
	padding: .83333rem 0;
	padding-right: 1.3rem;
	padding-left: 0.8rem;
	margin: .8rem 0 0;
	color: #444444;
	position: relative;
	overflow: hidden;
	line-height: 2.1rem;
}
.title_box_index:first-child{
	margin-top: 0;
}
.title_box_index .title_index {
	font-size: 1.25rem;
	margin: 0px;
	text-align: left;
	position: relative;
	color: rgb(68, 68, 68);
	padding-left: .8rem;
	float: left;
}
.more_box_index {
	float: right;
}
.more_box_index .more_index {
	text-decoration: none;
	font-size: 1rem;
	margin: 0rem auto;
	color: #444;
	padding: 5px 5px;
	text-align: right;
	font-weight: normal;
	position: relative;
}
.title_box_index .title_index:before {
	content: "";
	position: absolute;
	background: #FF8000;
	width: 3px;
	height: 1.2rem;
	margin-top: .47rem;
	left: 0;
}
.more_box_index .more_index:before {
	content: "";
	background: url(https://m.senseluxury.com/statics/web3/m/img/new_index/m_new_index_right_arrow.svg) center no-repeat;
	background-size: contain;
	position: absolute;
	width: 1.1rem;
	height: 1.1rem;
	right: -.8rem;
	top: .47rem;
}

.des_bar {
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	height: 3.715rem;
	line-height: 2.2rem;
	font-size: 1.1rem;
	margin-left: 0.7rem;
}
.des_bar span.active {
	color: #ff8000;
	position: relative;
}
.des_bar span {
	margin: 0 .4rem;
	font-size: 1.1rem;
	color: #444;
}
.des_bar span.active:before {
	content: "";
	width: 88%;
	position: absolute;
	bottom: -.5rem;
	height: 2px;
	/* left: -40%; */
	background: #ff8000;
	color: #ff8000;
	/* margin-left: 50%; */
}
.hot-des,.season-des{
	margin-left: 3%;
}
.season-des .swiper-slide{
	width: 11.85rem!important;
}
.hot-des-item{
	height: 7rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	width: 23rem;
	overflow: hidden;
	display: inline-block;
}
.hot-des-item-left{
	float: left;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	border-right: 1px solid #DCDCDC;
	font-size: 1.1rem;
	color: #4a4a4a;
	width: 2.8rem;
	display: inline-flex;
	align-items: center;
	height: 10rem;
	text-align: center;
}

.hot-des-item-right a:nth-child(3n){
	margin-right: 0rem;
}

.hot_cell_index {
	height: 166px;
	margin-top: 0.5rem;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.name_index{
	position: absolute;
	color: white;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	bottom: 0px;
	width: 94%;
	font-size: 1.2rem;
	height: 1.5rem;
	display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.recom-gl{
	overflow: hidden;
}
.recom-gl-left{
	width: 45.5%;
	height: 14.9rem;
	display: inline-block;
	margin-left: 3%;
	overflow: hidden;
	float: left;
}
.recom-gl-left a,.recom-gl-right-item{
	position: relative;
}

.recom-gl-right{
	width: 45.5%;
	height: 14.9rem;
	display: inline-block;
	margin-left: 3%;
	overflow: hidden;
	float: left;
}
.recom-gl-right-item{
	height: 7.2rem;
	margin-bottom: 0.7rem;
	overflow: hidden;

}
.recom-gl-left img,.recom-gl-right img{
	width: auto;
}

.recom-gl-left img{
	height: 14.8rem;
}
.recom-gl-right img{
	height: 10rem;

}
.tip_hot_item h3{
	padding-top: 0.55rem;
}

.tip_hot_2 h3{
	font-family: PingFangSC-Regular;
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-left: 0.8rem;
	font-weight: 100;
}
.hot-des .swiper-slide {
	background: #fff;
	width: 22rem;
	height: 12.5rem!important;
}
.slide-more {
	width: 20%!important;
	position: relative;
	background: #fff;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 9rem!important;
	color: #626262;
}
.hot-des .swiper-slide{
	background: #fff;
	width: 22rem;
}

.tip_hot_item .tip_hot_cell_2{
	padding-top: 0;
	margin-top: 0;
}
.tip_hot_item .tip_hot_cell_2 .tip_hot_cell_2>div.imgs{
	margin-top: 0;
}
.tip_hot_item .tip_hot_cell_2 .tip_hot_cell_2>div.texts{
	margin-top: 0;
}
.tip_hot_time{
	width: 100%;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	bottom: 0.2rem;
	float: left;
	font-size: 14px;
	color: #999;
	line-height: 20px;
}
.this_villa_img{
	width: 5.4rem;
	height: 5.4rem;
	overflow: hidden;
	float: left;
}
.this_villa_img img{
	height: 100%;
}
.this_villa_right{
	display: inline-block;
	width: 19rem;
	margin-left: 0.7rem;
}
.villa_title{
	display: inline-block;
	width: 100%;
	font-size: 1.28rem;
	line-height: 2rem;
}
.villa_des{
	display: inline-block;
	width: 12rem;
	font-size: 1rem;
	color: #3d3d3d;
	overflow: hidden;
}

.villa_button a{
    color: white;
}

.recommend {
	background: #fff;
	overflow: hidden;
}
.recommend span{
	margin-left: 0.7rem;
	display: inline-block;
	width: calc( (100% - 3.3rem)/2 );
	background: #f8f8f8;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0.7rem;
	padding-left: 0.6rem;
	font-size: 1rem;
	font-weight: normal;
	color: color: rgb(68, 68, 68);;
	float: left;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
}
.recommend span a{
	text-decoration :none;
	color: rgb(68, 68, 68);
	display: inline-block;
	width: 90%;
	overflow: hidden;
	text-align:left;
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.des_bar span.active:before {
	content: "";
	width: 88%;
	position: absolute;
	bottom: -.5rem;
	height: 2px;
	background: #ff8000;
	color: #ff8000;
}
.hot-des,.season-des{
	margin-left: 3%;
}
.hot-des-item{
	height: 10rem;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
	width: 20.8rem;
	overflow: hidden;
	display: inline-block;
}
.hot-des-item-left{
	float: left;
	padding-left: 1rem;
	padding-right: 1rem;
	border-right: 1px solid #e8e8e8;
	font-size: 14px;
	color: #4a4a4a;
	width: 2.5rem;
	display: inline-flex;
	align-items: center;
	height: 10rem;
	text-align: center;
}
.hot-des-item-right{
	float: right;
	display: inline-block;
	width: 15rem;
	height: 7rem;
}
.hot-des-item-right a{
	display: inline-block;
	width: 6rem;
	text-align: left;
	font-size: 14px;
	color: #626262;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hot_cell_index {
	height: 12.9rem;
	margin-top: 0.5rem;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.name_index{
	position: absolute;
	color: white;
	padding-left: 10px !important;
	padding-bottom: 10px !important;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	bottom: 0px;
	width: 100%;
	font-size: 1.2rem;
}
.recom-gl{
	overflow: hidden;
}
.recom-gl-left{
	width: 45.5%;
	height: 14.9rem;
	display: inline-block;
	margin-left: 3%;
	overflow: hidden;
	float: left;
}
.recom-gl-left a,.recom-gl-right-item{
	position: relative;
}
.recom-gl-right{
	width: 45.5%;
	height: 14.9rem;
	display: inline-block;
	margin-left: 3%;
	overflow: hidden;
	float: left;
}
.recom-gl-right-item{
	height: 7.2rem;
	margin-bottom: 0.7rem;
	overflow: hidden;
}
.recom-gl-left img,.recom-gl-right img{
	width: 100%;
}
.recom-gl-right img{
	height: 100%;
}
.tip_hot_cell_2 h3{
	margin-left: 0rem;
	font-weight: 100;
}
.tip_hot_item{
	background: #fff;
	width: 100%;
	padding-top: 0.7rem;
	padding-bottom: 0.3rem;
	margin-bottom: 0.7rem;
}
.author{
	bottom: 0.2rem;
	width: 50%;
	display: inline-flex;
	align-items: center;
	float: right;
	position: absolute;
	line-height: 1.6rem;
	right: 1.58rem;
	text-align: right;
	justify-content: flex-end;
	color: #999;
	overflow: hidden;
	height: 1.6rem;
}
.author img{
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	margin-left: 0.6rem;
}
.texts-time{
	position: absolute;
	bottom: 0;
	color: #999;
	font-size: 1rem;
	line-height: 1rem;
}

.detail_head_img{
	width: 100%;
	height: 15rem;
	overflow: hidden;
}
.detail_head_img img{
	width: 100%;
}

.detail-author{
	margin-top: 1rem;
	margin-bottom: 1rem;
	color: #afafaf;
	line-height: 1.4rem;
}

.this_villa{
    background: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding:0.7rem 0;
    overflow: hidden;
    position: relative;
}
.this_villa_img{
	width: 5.4rem;
	height: 5.4rem;
	overflow: hidden;
	float: left;
	margin-left: 1rem;

}
.this_villa_img img{
	height: 100%;
}
.this_villa_right{
	display: inline-block;
	width: 19rem;
	margin-left: 1rem;
}
.villa_title{
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	line-height: 2rem;
}
.villa_des{
	display: inline-block;
	width: 12rem;
	font-size: 1rem;
	color: #3d3d3d;
	overflow: hidden;
}
.villa_detail{
	display: inline-block;
	width: 12rem;
	font-size: 1rem;
	overflow: hidden;
}
.villa_button{
	display: inline-block;
	width: 6.3rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background: #ff8000;
	color: #fff;
	font-size: 1rem;
	text-align: center;
	position: absolute;
	bottom: 1.3rem;
}
.share{
	overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #dcdcdc;
    position: fixed;
    bottom: 0;
    width: 94%;
    padding: 3%;
	z-index: 9;
	display: flex;
	justify-content: space-between;
}
.share_r{
	width: 60%;
	display: flex;
	align-items: center;
    justify-content: space-between;
}
.share_l>img{
	height: 1.2rem;
    margin-top: 0.3rem;
}
.share_left{
	/* float: right; */
    text-align: center;
    display: inline-flex;
    justify-content: center;
    font-size: 1rem;
    color: #999;
}
.share_left img,.share_right img{
	margin-right: 0.3rem;
}
.share_right{
	float: right;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    font-size: 1rem;
    color: #999;
}
.article_comment .icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
	font-size: 1.4rem;
    color: #ff8000;
}
#comment{
	/* width: calc( 100% - 0.7rem); */
	/* background: #F8F8F8;
	border:0px;
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	height: 2.8rem;
	font-size: 1rem;
	color: #999;
	padding-left: 0.7rem;
	line-height: 2.8rem; */
}
.comment-item{
	padding: 1rem;
	background: white;

}
.author-head{
	width: 2.7rem;
	height: 2.7rem;
	display: inline-block;
	overflow: hidden;
	text-align: left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.author-head img{
	height: 100%;
	width: 100%;
	border-radius: 50%;
}
.comment-title{
	position: relative;
}
.author-name{
	position: absolute;
	top:0;
	margin-left: 0.7rem;
}
.comment-time{
	position: absolute;
	top: 1.6rem;
	margin-left: 0.7rem;
}
.reply{
	display: inline-block;
	color: #ff8000;
	font-size: 1.2rem;
	position: absolute;
	right: 0;
}
.comment-content{
	font-size: 1.1rem;
	line-height: 2rem;
	color: #666;
	padding-bottom: 1rem;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	word-break: break-all;
	font-family: "Hiragino Sans GB","华文细黑","STHeiti","微软雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.index_loading_img{

	background: url("/statics/web3/m/img/new_index/index_loading.gif") center no-repeat;
	background-size: 4rem;
	width: 100%;
	height: 9.4rem;
}
.submit_sub{
    width: 11rem;
    height: 2.8rem;
    border: 1px solid #ff8000;
    line-height: 2.8rem;
    float: left;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    font-size: 1rem;
    color: #999;

    margin: 0 auto;
    margin-left:27%;
    margin-top: 0.5rem;
}
.kong_kong{
    height: 1px;
}

.btntntntn{
    width: 100%;
}
.comment_div{
    width: 100vw;
    height: 100vh;
    position:absolute ;
    display: none;
    z-index: 999;
    background: white;
    top: 0;
    left: 0;
}
body{
    position: relative;
    padding-bottom: 3rem;
}
.title_top{
    height: 2rem;
    border-bottom: 1px solid #DCDCDC;
    padding: 0.5rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1.1rem;
}
.back{
    float: left;
    line-height: 2rem;

    width: 3rem;
    text-align: center;
}
.send_comment{
    line-height: 2rem;
    width: 3rem;
    float: right;
    text-align: center;
    background: #FF8000;
    color: white;
}
.comment_area{
    width: 96vw;
    height: 90vh;
    margin-top: 0.5rem;
    padding: 0 2vw;
}
.color_memng{
    color: #ff8000;
}

.notice_div_wrap{
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.5;
    position: relative;
}
.notice_div{
    width: 60%;
    height: 8rem;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    z-index: 2;
}
.notice_top{
    text-align: center;
    line-height: 5rem;
    border-bottom:1px solid  #dddddd;
}
.notice_bottom{
    text-align: center;
    line-height: 3rem;
}
.notice_wrap{
    display: none;
}
.notice_div_wrap1{
    width: 100vw;
    height: 100vh;
    background: #000000;
    opacity: 0.5;
    position: relative;
}
.notice_div1{
    width: 60%;
    height: 10rem;
    background: white;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
    z-index: 2;
}
.notice_top1{
    text-align: center;
    line-height: 3rem;
    border-bottom:1px solid  #dddddd;
    margin-bottom: 0.5rem;
}
.notice_bottom1{
    width: 4rem;
    height: 2rem;
    background: #FF8000;
    color: white;

    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
}
.notice_wrap1{
    display: none;
}
.notice_wrap2{
    display: none;
}
.comment-item:last-child{
    padding-bottom: 5rem;
}
.success_img{
    width: 2rem;
}
.success_img_div{
    width: 2rem;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.notice_bottom2{
    width: 4rem;
    height: 2rem;
    background: #FF8000;
    color: white;

    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
}
.bottom_kong{
    height: 5rem;
}
.share_panel{
    position: fixed;
    bottom: 0 !important;
}
pre{
    word-break: break-all !important;
    white-space: pre-wrap; /*css-3*/
    white-space: -moz-pre-wrap; /*Mozilla,since1999*/
    white-space: -pre-wrap; /*Opera4-6*/
    white-space: -o-pre-wrap; /*Opera7*/
    word-wrap: break-word; /*InternetExplorer5.5+*/
    font-family: "微软雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.messgae_detail{
    color: #999;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}
/*加时间因子  开始*/
.messgae_detail span{
    margin-right: .7rem;
    position: relative;
    line-height: 1.4rem;
    color: #AFAFAF;
    padding-left: 1.4rem;
    font-size: 1rem;
}
.icon-num-look {
    width: 1rem;
    height: 1rem;
    background: url(/statics/web3/images/article/lookIcon.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: .2rem;
    left: 0;
}
.icon-num-time {
    width: .95rem;
    height: .95rem;
    background: url(/statics/web3/images/article/timeIcon.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: .2rem;
    left: 0;
}
/*加时间因子  结束*/
.list-paddingleft-2{
    width: 100% !important;
}
/* 推荐攻略   推荐别墅修改    开始 */
.detail-author>p{
    color:#464646 ;
    font-size:1.1rem;
    padding:1px;
}
.detail-author{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.subtitle{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1rem;
    color: #464646;
}
.subtitle>p{
    line-height: 1.4rem;
}
.subtitle>p>span{
    font-size: 1.1rem;
    color: #464646;
    line-height: 1.4rem;
}
.detailLocation{
    color: #444444;
    line-height: 1.4rem;
    margin-right: 1rem;
    display: flex;
    align-items: center;
}
.detailLocation>img{
    width: .9rem;
}
.detailLocation>p{
    margin-left: .6rem;
    color: #464646;
    line-height: 1.4rem;
    font-size: 1.1rem;
}
.changeRecommend{
    background: #F8F8F8;
    padding-bottom: .1rem;
    width: 100%;
    overflow: hidden;
}
.changeRecommendTitle{
    padding: .83333rem 0;
    padding-right: 1.3rem;
    padding-left: 0.8rem;
    color: #444444;
    position: relative;
    overflow: hidden;
    line-height: 2.1rem;
}
.changeRecommendTitleText{
    margin: 0px;
    text-align: left;
    position: relative;
    color: rgb(68, 68, 68);
    padding-left: .8rem;
    float: left;
    font-size: 1.2rem;
}
.changeRecommendTitleText:before{
    content: "";
    position: absolute;
    background: #FF8000;
    width: 3px;
    height: 1.2rem;
    margin-top: .47rem;
    left: 0;
}
/*推荐攻略cell 样式*/
.changeRecommendConCell{
    background: white;
    width: 100%;
    padding: 0 .7rem;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
}
.changeRecommendConCell>h3{
    line-height: 3.4rem;
    font-size: 1.2rem;
    color: black;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 93%;
}
.changeRecommendConCellBox{
    display: flex;
    align-items: center;
}
.changeRecommendConCellBox>img{
    width: 9.93rem;
    height: 6.75rem;
    display: block;
}
.changeRecommendConCellBoxCon{
    margin-left: .786rem;
    width: 14.29rem;
}
.changeRecommendConCellBoxCon>p{
    font-size: 1rem;
    color: #a5a5a5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.changeRecommendConCellBoxConBottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .6rem;
}
.changeRecommendConCellBoxConBottom>p{
    font-size: 1rem;
    color: #a5a5a5;
}
.changeRecommendConCellBoxConBottom>div{
    display: flex;
    align-items: center;
}
.changeRecommendConCellBoxConBottom>div>p{
    font-size: 1rem;
    color: #a5a5a5;
}
.changeRecommendConCellBoxConBottom>div>img{
    width: 1.57rem;
    height: 1.57rem;
    border-radius: 50%;
    margin-left: .5rem;
    display: block;
}
/*  推荐别墅 */
.recommendingVilla{
    background: white;
    overflow: hidden;
}
.recommendingVillaCon{
    padding-left: .7rem;
    width: 100%;
    overflow: hidden;
    background: white;
}
.recommendingVillaConCell{
    position: relative;
}
.recommendingVillaConCell>img{
    width: 100%;
    height: 10.9rem;
}
.recommendingVillaConCell>p{
    height: 2rem;
    line-height: 2rem;
    padding: 0 .5rem;
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    color: white;
    font-size: 1rem;
}
.recommendingVillaConCellText{
    padding-bottom: 1rem;
}
.recommendingVillaConCellText>p{
    line-height: 2rem;
    color: black;
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.recommendingVillaConCellText>p>span{
    line-height: 2rem;
    padding-left: .5rem;
    font-size: 1rem;
}
.recommendingVillaConCellText>div{
    color: #444444;
    font-size:1rem;
}
/* 推荐攻略   推荐别墅修改    结束*/
/* 弹出层样式 */
.ticket_message {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
}
.ticket_message_info {
    padding-top: 40%;
    position: relative;
}
.ticket_width {
    width: 20.214rem;
    height: 26.429rem;
    display: block;
    margin: 0 auto;
    position: relative;
}
.getPopupImg {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.popupLine {
    position: absolute;
    top: -1.321rem;
    width: 1px;
    height: 1.321rem;
    background: white;
    right: 2rem;
}
.btn_error {
    width: 2.071rem;
    height: 2.071rem;
    border: 1px solid white;
    color: white;
    top: -3.5rem;
    position: absolute;
    right: 1rem;
    border-radius: 50%;
    line-height: 1.9rem;
    text-align: center;
    font-size: 1.2rem;
    margin-left: -1.08rem;
}
.sm_ticket_pupup{
	display: none;
	background: url(/statics/activity/double2019/m/img/activityIcon.png) no-repeat center center;
	width: 5.1rem;
	height: 5.71rem;
	position: fixed;
	right: 1rem;
	background-size: contain;
	bottom: 4.5rem;
	z-index: 99;
}
.Copyright-Statement{
	display: flex;
	max-width: 1200px;
	font-size: 12px;
	color: #aaa;
	margin: 0 auto;
}
.engner_first_image{
	height: 220px;
    overflow: hidden;
    position: relative;
	background: #fff;
}
.engner_first_img{
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.engner_artical_202409{
	padding-top: 1rem;
}
