@charset "utf-8";

/* CSS Document */
.common_min_height{
	min-height:570px!important;
}
.red, .error_red{
	color: red!important;
}

.u-relative {
	position: relative;
}

.u-fl {
	float: left;
}

.u-inblock {
	display: inline-block;
}

body {
	font-size: 13px;
	color: #5c5c5c;
	font-family: '微软雅黑';
	line-height: 24px;
	background: #ececec
}

.whitebg {
	background: #fff
}

.full {
	width: 100%;
	float: left;
}

.full div {
	overflow: visible!important
}

.bottomblock {
	height: 50px
}

a {
	color: #5c5c5c;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	object-fit: cover;
}


/***************index css********************/

.ment-right {
	width: 47px;
	height: 315px;
	position: fixed;
	z-index: 999;
	top: 162px;
	right: 15px;
	overflow: visible
}

.ment-right ul li {
	width: 47px;
	height: 47px;
	position: relative;
	margin-bottom: 9px;
}

.top {
	width: 1200px;
	height: 162px;
	margin: 0 auto
}

.top .logo {
	float: left;
	width: 189px;
	height: 71px;
	margin-top: 50px;
}

.top .right {
	float: right;
	height: 33px;
	margin-top: 63px;
}

.top .right a:hover {
	color: #E72F32;
}

.top .right .dl {
	width: 78px;
	height: 33px;
	float: left;
	line-height: 30px;
	background: url(../images/login-bg.png) no-repeat;
	color: #ffffff;
	font-size: 16px;
	display: block;
	text-indent: 30px;
	overflow: hidden;
	margin-right: 20px;
}

.top .right .applets-list {
	position: relative;
}

.top .right .applets-list .wechat-drowndrop {
	position: absolute;
	display: none;
	z-index: 10;
	top: 33px;
	right: -1px;
	background: #fff;
	border: 1px solid #D9D9D9;
	width: 144px;
	box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, .15);
	text-align: center;
}

.top .right .applets-list .wechat-drowndrop .ico_code {
	padding: 10px;
}

.top .right .applets-list .wechat-drowndrop .ico_code img {
	border: none;
	vertical-align: middle;
	display: inline-block;
	width: 112px;
	height: 112px;
}

.top .right .applets-list .wechat-drowndrop .ico_code p {
	font-size: 12px;
	color: #666;
}

.top .right .dl a {
	color: #ffffff;
	font-size: 16px;
}

.top .right .zc {
	float: left;
	margin-right: 20px;
	height: 33px;
	line-height: 33px;
	font-size: 20px;
	color: #393939
}

.top .right .login {
	font-size: 14px
}

.top .right .img {
	margin-right: 5px!important
}

.top .right .img img {
	width: 60px;
	height: 60px;
	line-height: 20px;
	border-radius: 50%;
}

#navigation {
	margin: 0!important;
}

#navigation li {
	float: left;
	text-align: center;
	position: relative;
}

#navigation li a:link,
#navigation li a:visited {
	display: block;
	text-decoration: none;
	height: 40px;
	border-width: 1px 1px 0 0;
	padding-left: 10px;
}

#navigation li ul li {
	border-bottom: 1px solid #d3d3d3;
	width: 100%;
	text-align: left
}

#navigation li ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	width: 220px;
	border: solid 1px #d3d3d3;
	background: #fff
}

#navigation li ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 130px;
	margin-top: 0;
	margin-left: 1px;
	border: solid 1px #d3d3d3;
	width: 220px;
}

.redcircle {
	width: 20px;
	height: 25px;
	font-size: 12px;
	color: #ff0000;
	display: inline-block
}

#navigation .small {
	font-size: 12px
}

.red {
	color: red
}

#nav {
	width: 100%;
	height: 60px;
	z-index: 1001;
	background-color: rgba(0, 0, 0, 0.15);
}

#nav .txt {
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}

#nav .txt ul li {
	width: 68px;
	height: 60px;
	float: left;
	/* margin-right: 1px; */
	padding: 0 30px;
}

#nav .txt ul li a {
	display: block;
	height: 57px;
	line-height: 60px;
	font-size: 21px;
	color: #000;
	text-align: center;
}

#nav .txt ul li .active {
	border-bottom: 3px solid #ff0000;
}

.flash {
	width: 1200px;
	height: 315px;
	margin: 0 auto;
}

.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	height:100%;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	height:100%;
}

.flexslider .slides {
	zoom: 1;
}

.flex-direction-nav a {
	width: 60px;
	height: 90px;
	line-height: 99em;
	overflow: hidden;
	margin: 0px 10px 0;
	display: block;
	position: absolute;
	top: 85%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: -20px;
	background: url(../images/right-add.png) no-repeat;
}

.flex-direction-nav .flex-prev {
	left: 0;
	background: url(../images/left--.png) no-repeat;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
	height:100%;
}
.flexslider .slides>li img{
	width:100%;
	height:100%;
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active {
	background-position: 0 0;
}

.ments {
	width: 1200px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	margin-top: 70px;
}

.ments ul li {
	width: 150px;
	height: 70px;
	display: inline-block;
}

.ments ul li i {
	display: block;
	width: 50px;
	height: 28px;
	margin: 0 auto
}

.ments ul li .name {
	width: 150px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	color: #000000;
	font-size: 16px;
}

.searchs {
	width: 300px;
	height: 70px;
	margin: 0 auto;
	margin-top: 48px;
}

.searchs .box {
	width: 300px;
	height: 29px;
}

.searchs .box .wbk {
	width: 270px;
	height: 29px;
	float: left;
	background: url(../images/wbk.png) no-repeat;
	line-height: 29px;
	text-indent: 15px;
	border: none;
	font-size: 14px;
}

.searchs .box .an {
	float: left;
	background: url(../images/an.png) no-repeat;
	border: none;
	width: 30px;
	height: 29px;
}

.searchs .txt {
	width: 260px;
	margin: 0 auto;
	height: 24px;
	overflow: hidden;
	margin-top: 7px;
}

.searchs .txt .title {
	float: left;
	width: 48px;
	color: #000;
	height: 24px;
	font-size: 16px;
}

.searchs .txt .nr {
	float: left;
	width: 212px;
	height: 24px;
	color: #868686;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.searchs .txt .nr a {
	color: #868686;
	font-size: 14px;
	text-decoration: underline
}

.bq {
	width: 1200px;
	height: 36px;
	text-align: center;
	margin: 0 auto;
	line-height: 36px;
	padding-top: 60px;
}


/******************************** news *********************************/

.top .searchs {
	position: absolute;
	margin-top: 0;
	left: 50%;
	margin-left: -150px;
	top: 64px;
}

.mbxn {
	width: 1200px;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	color: #424242;
	font-size: 15px
}

.mbxn .end {
	color: #424242;
	display: inline-block;
	padding: 0 16px;
	height: 28px;
	background: #e4e4e4;
	line-height: 28px;
	border-solid: 25px;
	border-radius: 25px;
	text-align: center;
	box-shadow: -2px 0 0 #c7c4ba;
	margin-left: 2px;
}

.mbxn .ing {
	color: #424242;
	display: inline-block;
	padding: 0 16px;
	height: 28px;
	background: #fff;
	line-height: 28px;
	border-solid: 25px;
	border-radius: 25px;
	box-shadow: -2px 0 0 #c7c4ba;
	margin-left: 2px;
}

.mbxn .after {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50px;
	display: inline-block;
	line-height: 20px;
	box-shadow: -2px 0 0 #c7c4ba;
	margin-left: 2px;
	text-align: center;
}

.side-top {
	width: 1200px;
	height: 415px;
	margin: 0 auto
}

.side-top .flashn {
	width: 1200px;
	height: 415px;
	float: left
}


/****************************** ny *************************************/

.newsn {
	width: 1200px;
	height: auto;
	margin: 20px auto;
}

#center div {
	overflow: hidden;
}

.newsn .news-title {
	width: 100%;
	height: 48px;
	line-height: 48px;
	color: #666666;
	font-size: 20px;
	background: #f2f2f2;
	border-left: 10px solid #088eed;
	padding-left: 5px;
	color: #088eed;
}

.newsn .left {
	width: 915px;
	height: auto;
	float: left;
}

.newsn .title {
	width: 100%;
	height: 48px;
	background: url(../images/title-bg.png) no-repeat bottom left;
	line-height: 48px;
	color: #666666;
	font-weight: bold;
	font-size: 20px;
}

.newsn .title .text {
	float: left
}

.newsn .title .more {
	float: right;
	font-size: 12px;
	color: #999;
	margin-right: 5px
}

.blue {
	color: #18b9f0
}

.newsn .left .txt {
	width: 915px;
	height: auto;
	margin-top: 20px;
	min-height: 350px;
}

.newsn .left .txt dl {
	width: 915px;
	height: 146px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 15px;
}

.newsn .left .txt dl dt {
	width: 256px;
	height: 146px;
	float: left;
	overflow: hidden
}

.newsn .left .txt dl dt img {
	display: block;
	width: 256px;
	height: 146px;
}

.newsn .left .txt dl dd {
	width: 580px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin-left: 35px;
	margin-top: 15px;
}

.newsn .left .txt dl dd .name {
	height: 32px;
	line-height: 32px;
	width: 550px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
}

.newsn .left .txt dl dd .time {
	height: 20px;
	line-height: 20px;
	padding-top: 5px;
	color: #9f9f9f;
	font-size: 12px;
}

.newsn .left .txt dl dd .memo {
	width: 580px;
	height: 46px;
	line-height: 23px;
	color: #5c5c5c;
	font-size: 14px;
	padding-top: 11px;
}

.newsn .right {
	width: 267px;
	height: auto;
	float: right;
	background: #ffffff;
	margin-top: 20px;
}

.newsn .right .bg {
	width: 237px;
	height: auto;
	margin: 0px auto 15px auto;
}

.newsn .right .bg .title {
	width: 100%;
	height: 48px;
	background: url(../images/title-bg.png) no-repeat bottom left;
	line-height: 48px;
	color: #666666;
	font-size: 20px;
}

.newsn .right .bg .txt {
	width: 100%;
	height: auto;
	margin-top: 10px;
	min-height: 280px;
}

.newsn .right .bg .txt ul li {
	width: 100%;
	height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.newsn .right .bg .txt ul li a {
	color: #333
}


/****************************** index *************************************/

.box_blue {
	height: 385px;
	padding-top: 20px
}

.box_blue .side-top {
	width: 1200px;
	height: 400px;
	margin: 0 auto
}

.box_blue .side-top .flashi {
	width: 654px;
	height: 365px;
	float: left;
}

.box_blue .side-top .indextopnews {
	width: 284px;
	height: 320px;
	float: left;
	background: #fff;
	margin-left: 13px;
	padding: 0 18px;
}

.ht-title {
	float: left;
	width: 333px;
}

.ht-title .title {
	height: 45px;
	width: 290px;
	background: #f2f2f2;
	margin-left: 13px;
	display: inline-block;
	line-height: 45px;
	border-left: 10px solid #1a96ed;
	padding: 0 10px;
	font-size: 20px;
	color: #1a96ed;
}

.ht-right-title {
	float: left;
}

.box_blue .side-top .indextopnews .text {
	float: left
}

.box_blue .side-top .more {
	float: right;
	font-size: 12px;
	color: #999
}

.box_blue .side-top .more .blue {
	color: #2a96f0
}

.box_blue .side-top .txt {
	width: 100%;
	height: auto;
	float: left
}

.box_blue .side-top .txt dl {
	height: 75px;
	overflow: hidden;
	background: #fff;
	margin-top: 15px;
}

.box_blue .side-top .txt dl dt {
	height: 75px;
	overflow: hidden;
	float: left
}

.box_blue .side-top .txt dl dt img {
	display: block;
	width: 100px;
	height: 75px;
}

.box_blue .side-top .txt dl dd {
	width: 135px;
	height: 120px;
	overflow: hidden;
	float: left;
	margin-left: 15px;
	margin-top: 6px;
}

.box_blue .side-top .txt dl dd .name {
	height: 42px;
	line-height: 20px;
	width: 175;
	font-size: 15px;
	font-weight: bold
}

.box_blue .side-top .txt dl dd .time {
	height: 20px;
	line-height: 20px;
	padding-top: 2px;
	color: #9f9f9f;
	font-size: 12px;
}

.box_blue .side-top .txt hr {
	margin-top: 15px;
	border: 0;
	border-top: 1px solid #ccc;
}

.box_blue .side-top .indextopimg {
	width: 164px;
	height: 320px;
	float: left;
	background: #fff;
	margin-left: 13px;
	padding: 0 18px;
}

.ht-right-title .title-short {
	height: 45px;
	width: 170px;
	background: #f2f2f2;
	margin-left: 13px;
	line-height: 45px;
	border-left: 10px solid #1a96ed;
	padding: 0 10px;
	font-size: 20px;
	color: #424242;
}

.box_blue .side-top .indextopimg .txt {
	width: 100%;
	height: auto;
	float: left
}

.box_blue .side-top .indextopimg .txt dl {
	height: 145px;
	overflow: hidden;
	background: #fff;
	margin-top: 15px;
}

.box_blue .side-top .indextopimg .txt dl dt {
	height: 115px;
	overflow: hidden;
	float: left
}

.box_blue .side-top .indextopimg .txt dl dt img {
	display: block;
	width: 172px;
	height: 115px;
}

.box_blue .side-top .indextopimg .txt dl dd {
	width: 165px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 6px 0 0 0;
	text-overflow: clip;
}

.box_blue .side-top .indextopimg .txt dl dd .name {
	height: 32px;
	line-height: 20px;
	width: 175;
	font-size: 12px;
	font-weight: normal;
}

.indevents {
	width: 1160px;
	height: 522px;
	margin: 0 auto;
}


/*公共的title横条*/

.public-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #fe7800;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #fe7800;
}

.public-text {
	float: left;
	margin-left: 10px;
}

.public-more {
	float: right;
	font-size: 14px;
	color: #999;
	margin-right: 20px
}

.public-add {
	display: inline-block;
	width: 17px;
	height: 14px;
	background: orange;
	line-height: 11px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	margin-right: 5px;
}

.orange {
	color: #fe7800
}

.indevents .recommend {
	width: 370px;
	height: 440px;
	float: left;
	margin-top: 20px
}

.indevents .recommend img {
	width: 100%;
	height: 440px;
}

.indevents .right {
	width: 100%;
	float: left
}

.indevents .single {
	width: 356px;
	height: 210px;
	margin: 20px 0 0 30px;
	float: left
}

.indevents .single .img {
	width: 150px;
	height: 210px;
	float: left;
	margin-right: 20px
}

.indevents .single img {
	width: 100%;
	height: 210px;
}

.indevents .single .name {
	width: 170px;
	height: 50px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
}

.indevents .single .name a {
	color: #5c5c5c;
}

.indevents .single .info {
	line-height: 18px;
	margin-top: 20px;
	height: 75px;
	font-size: 16px;
}

.indevents .single .info span {
	display: inline-block;
	height: 20px;
	width: 100%;
	overflow: hidden;
}

.indevents .single .button {
	height: 23px;
	width: 66px;
	background: url(../images/event_reserve.gif);
	float: left;
	margin: 10px 40px 0 0
}

.box_yellow {
	background: #eae9e0;
	padding: 20px 0 10px 0
}

.indfood {
	width: 1170px;
	padding: 2px 0px 50px 30px;
	margin: 0px auto
}

.yellow-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #fcc00b;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #fcc00b;
}

.yellow {
	color: #fcc00a
}

.indfood .intro {
	width: 410px;
	line-height: 20px;
	padding-top: 10px;
	font-size: 13px;
}

.indfood .single {
	width: 255px;
	height: 340px;
	margin: 20px 34px 0 3px;
	float: left
}

.indfood .single .img {
	width: 255px;
	height: 210px;
	margin: 5px 0 5px 0
}

.indfood .single img {
	width: 100%;
	height: 210px;
}

.indfood .single .name {
	color: #31b8c3;
	width: 250px;
	height: 30px;
	line-height: 30px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
}

.indfood hr {
	margin-top: 5px;
	border: 0;
	border-top: 1px solid #bcbcbc;
}

.indfood .info {
	line-height: 19px;
	height: 40px;
	overflow: hidden;
}

.commentnum {
	margin-top: 10px;
	line-height: 22px
}

.commentnum .left {
	float: left
}

.commentnum span {
	color: #999999;
}


/*
.thumbup {
	background: url(../images/zan2.png);
	height: 17px;
	width: 16px;
	float: left;
	margin-right: 2px;
}*/

.thumbup img,
.appreciate img {
	width: 14px!important;
	height: 14px!important;
	vertical-align: middle;
	margin-right:4px;
}

.thumbup,
.appreciate {
	cursor: pointer;
	margin-right: 20px;
	float: left;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	/* IE 10 */
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.thumbup.active span {
	color: #31b8c3;
}


/*.appreciate {
	background: url(../images/eyes.png);
	height: 17px;
	width: 17px;
	float: left;
	margin-right: 2px;
}*/

.talk {
	background: url(../images/talk.png);
	height: 17px;
	width: 17px;
	float: left;
	margin-right: 2px;
}

.eye {
	background: url(../images/eye.png);
	height: 17px;
	width: 18px;
	float: left;
	margin-right: 4px;
}

.massage {
	background: url(../images/massage.png);
	height: 17px;
	width: 15px;
	float: left;
	margin-right: 2px;
}

.box_green {
	background: #e4ecea;
	padding: 20px 0 10px 0;
}

.indlandscape {
	width: 1170px;
	padding: 2px 0px 50px 30px;
	margin: 0px auto
}

.blue-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #1eafdf;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #1eafdf;
}

.green-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #30bf3a;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #30bf3a;
}

.pink-green-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #98bf30;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #98bf30;
}

.red-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #da391a;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #da391a;
}

.violet-bg {
	width: 1190px;
	;
	height: 48px;
	background: url(../images/ht--.png) no-repeat bottom left;
	line-height: 48px;
	color: #8f7fd3;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0;
	margin: 0 auto;
	border-left: 10px solid #8f7fd3;
}

.indlandscape .intro {
	width: 410px;
	line-height: 20px;
	padding-top: 10px;
	font-size: 13px;
}

.indlandscape .single {
	width: 530px;
	height: 155px;
	margin: 20px 12px 0 5px;
	float: left
}

.indlandscape .single .img {
	width: 255px;
	height: 155px;
	margin: 5px 0 5px 0;
	float: left
}

.indlandscape .single img {
	width: 100%;
	height: 155px;
}

.indlandscape .single .right {
	width: 260px;
	;
	float: left;
	margin-left: 15px
}

.indlandscape .single .name {
	color: #31b8c3;
	width: 250px;
	height: 50px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
}

.indlandscape hr {
	margin-top: 5px;
	border: 0;
	border-top: 1px solid #bcbcbc;
}

.indlandscape .info {
	line-height: 19px;
	height: 40px;
	overflow: hidden;
	margin-top: 20px；
}

.left {
	float: left
}


/****************************** events *************************************/

.eventsblock {
	width: 1200px;
	height: 40px;
	background: rgba(255, 255, 255, 0.4);
	margin: auto;
	padding: 14px 0 0 0
}

.eventsblock select {
	border: 0;
	color: #666;
	font-size: 16px;
	-webkit-appearance: none;
	appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-appearance: none;
	background: url(../images/arrowdown.png) no-repeat right center;
	width: 90px;
	margin-left: 40px
}

.eventsrecommend {
	width: 796px;
	/*height: 400px;*/
	padding: 0px 0px 26px 30px;
	margin: 10px 0 0px 0;
	float: left;
	display: inline-block;
}

.event-orange-bg .flip {
	height: 40px;
	float: right;
	margin: 0px 20px 0 0px;
	font-size: 15px;
	color: #666;
	line-height: 49px;
}

.eventsrecommend .flip em {
	color: #fe881c
}

.eventsrecommend .fullside {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 270px;
	margin-top: 10px;
}

.eventsrecommend .title {
	width: 100%;
	height: 48px;
	background: url(../images/indexevent_bg.gif) no-repeat bottom left;
	line-height: 48px;
	color: #fe7800;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0
}

.eventsrecommend .title .text {
	float: left
}

.eventsrecommend .title .more {
	float: right;
	font-size: 12px;
	color: #999;
	margin-right: 30px
}

.eventsrecommend .title .more .orange {
	color: #fe7800
}

.eventsrecommend .single {
	width: 128px;
	height: 305px;
	margin: 0px 16px 5px 15px;
	float: left;
}

.eventsrecommend .single .img {
	width: 128px;
	height: 178px;
	float: left;
}

.eventsrecommend .single img {
	width: 100%;
	height: 235px;
}

.eventsrecommend .name {
	width: 128px;
	height: 25px;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
}

.eventsrecommend .info {
	color: #999;
	font-size: 10px;
}

.event-orange-bg .arrowleft {
	background: url(../images/event_arrows.gif);
	height: 21px;
	width: 21px;
	float: left;
	margin: 13px 0 0 15px;
}

.event-orange-bg .arrowright {
	background: url(../images/event_arrows.gif) 21px 0px;
	height: 21px;
	width: 21px;
	float: left;
	margin: 13px 0 0 5px;
}

.eventscalendarblock {
	width: 1200px;
	margin: auto;
	height: 600px
}

.eventsbubble {
	width: 743px;
	height: 519px;
	background: url(../images/event_bubble.png)no-repeat;
	float: left;
	padding: 30px 30px 30px 55px
}

.eventsbubble .title {
	width: 100%;
	height: 28px;
	line-height: 18px;
	color: #f86f86;
	font-weight: bold;
	font-size: 21px;
	float: left
}

.eventsbubble .more {
	float: right;
	font-size: 12px;
	color: #999
}

.eventsbubble .more .blue {
	color: #2a96f0
}

.eventsbubble .title .text {
	float: left;
	border-bottom: 3px soild black
}

.eventsbubble .single {
	width: 360px;
	height: 210px;
	margin: 20px 10px 20px 0px;
	float: left
}

.eventsbubble .single .img {
	width: 170px;
	height: 210px;
	float: left;
	margin-right: 20px
}

.eventsbubble .single img {
	width: 100%;
	height: 210px;
}

.eventsbubble .single .name {
	width: 170px;
	height: 50px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
}

.eventsbubble .single .name a {
	color: #31b8c3;
}

.eventsbubble .single .info {
	line-height: 18px;
	margin-top: 20px;
	height: 75px;
	font-size: 16px;
}

.eventsbubble .single .info span {
	display: inline-block;
	height: 19px;
	width: 100%;
	overflow: hidden;
}


/*.eventsbubble .single span{color:red;}*/

.eventsbubble .single .button {
	height: 23px;
	width: 66px;
	background: url(../images/event_reserve.gif);
	float: left;
	margin: 10px 40px 0 0
}

.eventsreview {
	width: 1200px;
	height: 580px;
	margin: 0 auto;
}

.eventsreview .title {
	width: 100%;
	height: 48px;
	background: url(../images/event_reviewbg.gif) no-repeat bottom left;
	line-height: 48px;
	color: #333;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 10px 0
}

.eventsreview .title .text {
	float: left
}

.eventsreview .title .more {
	float: right;
	font-size: 12px;
	color: #999;
	margin-right: 30px
}

.eventsreview .title .more .orange {
	color: #fe7800
}

.eventsreview .single {
	width: 374px;
	height: 186px;
	margin: 30px 12px 0 12px;
	float: left;
	background: #fff;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.eventsreview .marginright0 {
	margin-right: 0;
}

.eventsreview .single .img {
	width: 120px;
	float: left;
	margin: 8px 16px 0 8px
}

.eventsreview .single img {
	width: 100%;
	height: 170px;
}

.eventsreview .single .name {
	width: 220px;
	height: 50px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
}

.eventsreview .single .name a {
	color: #31b8c3;
}

.eventsreview .single .info {
	line-height: 18px;
	margin-top: 10px;
	height: 75px;
	font-size: 16px;
}

.eventsreview .single .info span {
	display: inline-block;
	height: 20px;
	width: 100%;
	overflow: hidden;
}


/*.eventsreview .single span{color:red;}*/


/****************************** foodie *************************************/

.foodieslider {
	width: 1200px;
	height: 500px;
	margin: auto
}

.scenery-one {
	background: #edf4ed;
}

.scenery-two {
	background: #eef3f2;
}

.scenery-three {
	background: #ebe5e5;
}

.event-two {
	background: #f4f2ed;
}

.food-one {
	background: #f6f6eb;
}

.event-three {
	background: #ecefee;
	padding: 20px 0 20px 0;
}

.foodieblock {
	width: 1200px;
	margin: 20px auto;
}

.foodieblock .content {
	width: 1170px;
	padding: 2px 0px 26px 30px;
	margin: 0px auto
}

.foodieblock .title {
	width: 1160px;
	padding: 35px 0 0 40px;
	background: url(../images/foodie_colddishs_bg.jpg) no-repeat bottom left;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 23px;
}

.foodieblock .small {
	font-size: 12px;
	padding-left: 10px
}

.foodieblock .titleline {
	width: 1120px;
	height: 4px;
	margin: 15px 0 5px 0;
	background: url(../images/titlewhite.png) no-repeat;
}

.foodieblock .title .more {
	width: 40px;
	height: 22px;
	padding-left: 4px;
	margin-left: 800px;
	float: right;
	font-size: 12px;
	color: #fff;
	margin-right: 40px;
	background: url(../images/more_circle.png) no-repeat
}

.foodieblock .intro {
	width: 410px;
	padding-bottom: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: 100;
	margin-left: 26px;
	margin-top: 10px;
}

.foodieblock .single {
	width: 255px;
	margin: 16px 34px 0 3px;
	float: left;
	background: #fff;
	padding-bottom: 10px;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.foodieblock .single .img {
	width: 259px;
	height: 214px;
	margin: 0px 0 0px 0;
}

.foodieblock .single img {
	width: 100%;
	height: 214px;
	background: #fff;
}

.foodieblock .name {
	width: 244px;
	height: 30px;
	font-size: 19px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding-top: 8px;
	line-height: 28px;
	padding: 8px 8px 0px 8px;
	color: #333333;
}

.foodieblock hr {
	margin-top: 5px;
	border: 0;
	border-top: 1px solid #bcbcbc;
}

.foodieblock .info {
	line-height: 19px;
	height: 40px
}

.foodieblock .topinfo {
	line-height: 19px;
	height: 20px;
	width: 240px;
	padding: 0 8px 0 8px;
}

.foodieblock .snacks {
	background: url(../images/foodie_snacks_bg.jpg);
}

.foodietitle {
	width: 1160px;
	padding: 35px 0 0 40px;
	background: #fff;
	line-height: 20px;
	font-weight: bold;
	font-size: 23px;
}

.foodietitle .small {
	font-size: 12px;
	padding-left: 10px
}

.foodietitle .titleline {
	width: 1120px;
	height: 4px;
	margin: 15px 0 5px 0;
	background: url(../images/indexfood_bg.gif) no-repeat;
}

.foodietitle .more {
	width: 40px;
	height: 22px;
	padding-left: 4px;
	margin-left: 800px;
	float: right;
	font-size: 12px;
	color: #999;
	margin-right: 40px;
}

.foodietitle .color {
	color: #fcc00a
}

.foodietitle .intro {
	width: 410px;
	padding-bottom: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: 100
}

.foodieblock .singlel {
	float: left;
	margin: 15px 31px 0 0px;
	background: #fff;
	padding-bottom: 10px;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.foodieblock .singlel .img {
	margin: 1px 0 0 0
}

.foodieblock .singlel .img img {
	width: 259px;
	height: 542px;
}

.foodieblock .singlew {
	width: 547px;
	margin: 16px 0 0 3px;
	float: left;
	background: #fff;
	padding-bottom: 10px;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.foodieblock .singlew {
	width: 547px;
	margin: 16px 0 0 3px;
	float: left;
	background: #fff;
	padding-bottom: 10px;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.foodieblock .singlew .img img {
	width: 547px;
	height: 210px;
}

.foodieblock .single .img {
	width: 255px;
	height: 210px;
	margin: 0px 0 0px 0
}


/****************************** scenery *************************************/

.scenerytitle .titleline {
	background: url(../images/indexlandscape_bg.gif)!important
}

.scenerytitle .color {
	color: #53cd08!important
}


/****************************** culture product *************************************/

.producttitle .titleline {
	background: url(../images/indexproduct_bg.gif)!important
}

.producttitle .color {
	color: #18b9f0!important
}


/****************************** foodies list *************************************/

.foodieslist {
	width: 1200px;
	height: auto;
	padding: 2px 0 26px;
	margin: 20px auto 0 auto
}

.foodieslist .content {
	width: 945px;
	float: left
}

.foodieslist .title {
	width: 1158px;
	height: 56px;
	line-height: 56px;
	font-size: 18px;
	margin: 10px 0 10px 0;
	float: left;
	border: solid 1px #d2d2d2;
	padding: 0 20px;
	border-radius: 5px;
}

.foodieslist .title .tab {
	float: left;
	color: #333;
	margin-right: 30px
}

.foodieslist .title .tab:hover {
	float: left;
	color: #018bee;
	margin-right: 30px
}

.foodieslist .title .selected {
	float: left;
	color: #018bee!important
}


/*.foodieslist .title .selected hr{border:0;border-top:4px solid #fcc00a;}*/

.foodieslist .intro {
	width: 410px;
	height: 60px;
	line-height: 20px;
	padding-top: 10px
}

.foodieblock .single {
	position: relative;
}

.foodieslist .single {
	width: 280px;
	height: 322px;
	margin: 0 34px 20px 0;
	float: left;
	background: #fff;
	box-shadow: 0px 4px 5px 0px #ccc;
	position: relative;
}

.foodieslist .single.small-height {
	height: 310px;
}

.foodieslist .single.small-height .left .red {
	margin-top: 4px;
	display: inline-block
}

.foodieslist .single .close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 10px;
	z-index: 99;
	cursor: pointer;
}

.foodieslist .single .close img {
	width: 20px;
	height: 20px;
}

.foodieslist .single .dingwei-info {
	font-size: 14px;
	margin: 4px 0 10px 0px;
}

.foodieslist .single .dingwei-info img {
	width: 13.8px;
	height: 20px;
	margin: 0 6px;
	border-radius: inherit;
}

.foodieslist .single .dingwei-info i {
	font-size: 12px;
	display: inline-block;
	margin-left: 6px;
	color: #ccc;
}

.foodieslist .single img {
	width: 100%;
	height: 195px;
}

.foodieslist .single .shadow {
	width: 100%;
	height: 195px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.foodieslist .single .img{
	cursor: pointer;
}
.foodieslist .name {
	width: 100%;
	height: 28px;
	font-size: 18px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
	padding: 8px 0 0 0px;
	color: #78cbd3;
}

.foodieslist .single.small-height .name {
	width: 75%;
	text-align: left;
	padding-left: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.foodieslist .single.small-height .name input {
	width: 100%;
	border: none;
	font-size: 18px;
	color: #78cbd3;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.foodieslist .single.small-height .edit {
	padding-right: 6px;
	color: #8a8a8a;
	font-size: 13px;
	cursor: pointer;
}

.foodieslist .single.small-height .point {
	padding-left: 5px;
	margin-left: 10px;
	cursor: pointer;
}

.foodieslist .single.small-height .edit img {
	margin-right: 4px;
	width: 14px;
	height: 14px;
}

.foodieslist hr {
	margin-top: 5px;
	border: 0;
	border-top: 1px solid #bcbcbc;
}

.foodieslist .info {
	line-height: 18px;
	height: 38px;
	font-size: 14px;
	overflow: hidden;
	padding: 0 10px 0 10px;
	margin: 4px 0 10px 0px;
	color: #4d4d4d;
}

.foodieslist .commentnum {
	margin: 0px 10px;
	line-height: 22px
}
.foodieslist .commentnum .left{
	margin-right:15px;
}
.foodieslist .stararea {
	float: right;
	padding-top: 4px
}

rightcomment {
	width: 255px;
	height: 620px;
	margin: 92px 0px 0 0px;
	float: right
}

.foodieslist .stararea img {
	width: 15px;
	height: 17px;
}

.foodieslist .point {
	font-size: 14px;
	line-height: 26px;
	padding-bottom: 5px;
	float: right;
	margin-left: 5px
}

.rightcomment {
	width: 252px;
	float: right;
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 3px 4px 5px 0px #ccc;
}

.rightcomment .tab {
	width: 126px;
	height: 54px;
	float: left;
	font-size: 19px;
	text-align: center;
	line-height: 48px;
	background: #fff;
	color: #fff
}

.rightcomment .tab span {
	font-size: 13px
}

.rightcomment .selected {
	background: #4191c9;
}

.rightcomment .active {
	background: #1175bc;
}


/*.rightcomment .tab:hover{background:url(../images/rightcommenttabbg.png) no-repeat center ; color: #fff!important}*/

.rightcomment .img img {
	width: 50px;
	height: 50px;
}

.rightcomment .img {
	height: 50px;
	margin: 5px 0 5px 0;
	float: left
}

.rightcomment .writecomment {
	text-align: center;
}

.rightcomment .writecomment a {
	color: #2a7ed2;
	margin-top:5px;
	display:inline-block
}

.rightcomment .content {
	width: 232px;
	margin: 10px;
}

.rightcomment .commentsingle {
	width: 100%;
	margin: 5px 0 25px 0;
	float: left;
}

.rightcomment .rightside {
	float: left;
	margin-left: 5px;
	width: 175px
}

.rightcomment .rightside .cname {
	margin: 0;
	padding: 0;
	float: left;
	font-weight: 600
}

.rightcomment .rightside .cstararea {
	float: left;
	margin: 8px 0 0 3px
}

.rightcomment .rightside .cinfo {
	float: left;
	line-height: 20px;
	width: 100%
}

.rightcomment .commentnum {
	width: 95%;
	float: left;
	margin: 5px 0;
}

.rightcomment .commentnum .right {
	float: right
}

.rightcomment .commentnum .crightside {
	text-align: right
}

.rightcomment .cpager {
	width: 100%;
	float: left;
	margin-bottom: 20px
}

.rightcomment .cpager .pagination {
	margin: auto;
	text-align: center
}

.rightcomment .cpager .pagination {
	margin: auto;
	text-align: center
}

.rightcomment .cpager .prev a {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 15px solid #a1a1a1;
	display: inline-block;
	overflow: hidden!important;
	margin-right: 5px
}

.rightcomment .cpager .prev span {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 15px solid #a1a1a1;
	display: inline-block;
	overflow: hidden!important;
	margin-right: 5px
}

.rightcomment .cpager .prev a:hover {
	border-right: 15px solid #0f6fcf
}

.rightcomment .cpager .next a {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #a1a1a1;
	display: inline-block;
	overflow: hidden!important;
	margin-left: 5px
}

.rightcomment .cpager .next span {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #a1a1a1;
	display: inline-block;
	overflow: hidden!important;
	margin-left: 5px
}

.rightcomment .cpager .next a:hover {
	border-left: 15px solid #0f6fcf
}

.rightcomment .cpager a {
	font-size: 30px;
	color: #a1a1a1;
	font-weight: bold;
	margin: 0 2px 0 2px
}

.rightcomment .cpager li.active a {
	color: #0f6fcf
}

.rightcomment .cpager a:hover {
	color: #0f6fcf
}


/****************************** scenery list *************************************/

.scenerylisttop {
	background: url(../images/scenerylist_topbg.jpg) center!important
}

.scenerylisttitle {
	width: 1200px;
	height: 56px;
	line-height: 48px;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 40px 0;
	float: left;
	border-bottom: solid 1px #d2d2d2
}

.scenerylisttitle .selected {
	float: left;
	color: #65d223!important
}

.scenerylisttitle .selected hr {
	border: 0;
	border-top: 4px solid #65d223;
}

.scenerylisttitle .tab {
	float: left;
	color: #333;
	margin-right: 30px
}

.scenerylisttitle .tab:hover {
	float: left;
	color: #65d223;
	margin-right: 30px
}

.greenborder {
	border: solid 1px #65d223!important
}

.greenborder .selected {
	background: url(../images/rightcommenttabbg_g.png) no-repeat center !important;
	color: #fff!important
}

.greenborder .tab:hover {
	background: url(../images/rightcommenttabbg_g.png) no-repeat center!important;
	color: #fff!important
}

.greenborder .commentsingle {
	border-bottom: solid 1px #c6eeb6 !important
}


/****************************** product list *************************************/


/*.productlisttop{background:url(../images/scenerylist_topbg.jpg) center!important}*/

.productlisttitle {
	width: 1200px;
	height: 56px;
	line-height: 48px;
	font-weight: bold;
	font-size: 23px;
	margin: 10px 0 40px 0;
	float: left;
	border-bottom: solid 1px #d2d2d2
}

.productlisttitle .selected {
	float: left;
	color: #ff7a7b!important
}

.productlisttitle .selected hr {
	border: 0;
	border-top: 4px solid #ff7a7b;
}

.productlisttitle .tab {
	float: left;
	color: #333;
	margin-right: 30px
}

.scenerylisttitle .tab:hover {
	float: left;
	color: #ff7a7b;
	margin-right: 30px
}

.pinkborder {
	border: solid 1px #ff7a7b!important
}

.pinkborder .selected {
	background: url(../images/rightcommenttabbg_p.png) no-repeat center !important;
	color: #fff!important
}

.pinkborder .tab:hover {
	background: url(../images/rightcommenttabbg_p.png) no-repeat center!important;
	color: #fff!important
}

.pinkborder .commentsingle {
	border-bottom: solid 1px #ffd3d3!important
}


/****************************** foodies detail *************************************/

.foodiesdetailtop {
	width: 100%;
	height: 379px;
	color: #fff;
}


/* background:url(../images/foodielist_topbg.jpg) center*/

.foodiesdetailtop .intro {
	width: 1100px;
	padding: 40px 0px 0 0;
	margin: auto;
}

.foodiesdetailtop .topcontent {
	margin: auto;
	display: inline-block;
	background: rgba(96, 96, 96, 0.5);
	padding: 16px;
}

.foodiesdetailtop .topcontent .big {
	font-size: 64px;
	height: 55px;
	margin-bottom: 5px;
	border-bottom: 1px solid #fff;
	/* display: inline-block; */
	height: 90px;
	line-height: 80px;
	overflow: hidden!important;
	width: 100%;
}

.foodiesdetailtop .topcontent .left {
	float: none;
	font-size: 18px
}

.foodiesdetailtop .topcontent .left a {
	display: inline-block;
}

.foodiesdetailtop .topcontent .info {
	font-size: 18px;
}

.foodiesdetailtop .topcontent .info .left {
	width: 300px;
	height: 120px;
	overflow: hidden!important;
	text-overflow: ellipsis;
	margin-bottom: 10px;
	display: inline-block;
}

.foodiesdetailtop .topcontent .info .right {
	min-width: 100px;
	text-align: right
}

.orangethumbup {
	background: url(../images/zan.png);
	height: 18px;
	width: 17px;
	float: right;
	margin: 5px 0 0 10px
}

.white-star {
	background: url(../images/white-star.png);
	height: 18px;
	width: 19px;
	float: right;
	margin: 2px 0 0 10px
}

.foodiesdetailtop .right {
	float: right
}

.foodiesdetailtop .fff {
	color: #fff
}

.foodiesdetailtop .orangethumbup {
	float: none;
	display: inline-block
}

.foodiesdetailtop .points {
	margin: 0 40px;
}

.foodiesdetailtop .small {
	font-size: 14px;
	line-height: 20px
}

.foodiesdetail {
	width: 1200px;
	padding: 22px 0 26px 0;
	background: #fff;
	margin: 20px auto 0 auto
}

.foodiesdetail div {
	overflow: visible!important
}

.foodiesdetail .leftcontent {
	width: 945px;
	float: left
}

.foodiesdetail .intro {
	width: 100%;
	line-height: 20px;
}

.foodiesdetail .intro .introtop {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.foodiesdetail .intro .introtop .video,
.foodiesdetail .intro .introtop .novideo {
	float: left;
	height: 264px;
	width: 364px;
	position: relative;
}

.foodiesdetail .intro .introtop .video img {
	height: 264px;
	width: 364px;
	position: absolute;
	-webkit-filter: brightness(50%);
	-o-filter: brightness(50%);
	-moz-filter: brightness(50%);
}

.foodiesdetail .intro .introtop .novideo {
	float: left;
	height: 264px;
	width: 364px;
}

.foodiesdetail .intro .introtop .novideo img {
	height: 264px;
	width: 364px;
	position: absolute;
}

.foodiesdetail .intro .introtop .video .play {
	margin: 95px auto 0 auto;
	height: 69px;
	width: 69px;
	position: relative;
	background: url(../images/icon_play.png);
}

.foodiesdetail .intro .introtop .add-trip {
	position: absolute;
	bottom: 12px;
	right: 10px;
	background: #4191c9;
	width: 100px;
	height: 30px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	z-index: 10;
}

.foodiesdetail .intro .photos {
	float: left;
	height: 180px;
	margin: 0 0 0px 0;
	width:100%;
}

.foodiesdetail .intro .photos img {
	width: 206px;
	height: 150px;
}

.foodiesdetail .intro .name {
	width: 500px;
	height: 30px;
	font-size: 24px;
	font-weight: 600;
	overflow: hidden!important;
	text-overflow: clip;
	padding: 8px 0 0 25px;
	line-height: 28px
}

.foodiesdetail .intro li {
	display: inline-block;
	margin-right: 26px
}

.foodiesdetail .intro .info {
	width: 540px;
	line-height: 24px;
	font-size: 14px;
	padding: 10px 10px 0 25px;
	float: left
}

.foodiesdetail .indititle {
	width: 890px;
	height: 50px;
	background: #ffb82c;
	font-size: 30px;
	float: left;
	color: #fff;
	padding: 20px 0 0 40px
}

.foodiesdetail .indicontent {
	width: 880px;
	line-height: 40px;
	font-size: 18px;
	padding: 25px;
	float: left
}

.foodiesdetail .long {
	width: 1160px !important
}

.foodiesdetail .long .more {
	line-height: 21px;
	width: 40px;
	height: 22px;
	padding-left: 4px;
	margin-left: 800px;
	float: right;
	font-size: 12px;
	margin-top: 3px;
	color: #fff;
	margin-right: 40px;
	background: url(../images/more_circle.png) no-repeat
}

.foodiesdetail .single {
	width: 315px;
	height: 350px;
	margin: 40px 40px 0 40px;
	float: left;
}

.foodiesdetail .single img {
	width: 100%;
	height: 160px;
}

.foodiesdetail .name {
	height: 26px;
	font-size: 24px;
	margin: 3px 0;
	overflow: hidden;
	text-overflow: clip;
	padding: 8px 0 0 0;
}

.foodiesdetail .add {
	line-height: 18px;
	height: 80px;
	font-size: 16px;
	overflow: hidden;
	margin: 10px 0 0 0;
	border-top: 1px solid #d3d3d3;
	padding-top: 10px
}


/*添加h5*/

.h5-box {
	margin-bottom: 30px;
}

.introtop iframe {
	border: none;
}

.h5-right {
	display: inline-block;
}

.h5-right .video-box {
	display: inline-block;
	float: left;
	margin: 0 10px 0 10px;
}

.content-imgright {
	float: left;
	height: 263px;
	overflow: hidden;
}

.content-imgright .content-imgright-top {
	margin-bottom: 0.1rem;
}

.content-imgright-bottom {
	position: relative;
}

.content-imgright img {
	width: 188px;
	height: 131px;
	object-fit: cover;
}

.content-imgright li {
	display: block!important;
	margin-right: 0!important;
}

.mask-num {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: center;
	line-height: 110px;
	font-size: 70px;
}

.h5-maskbox {
	display: inline-block;
	position: relative;
}

.h5-mask {
	background: url(../images/up-down.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/****************************** scenery detail *************************************/

.greenbg {}

.greenbg .indititle {
	background: #56bb43!important
}

.greenbg .transport {
	float: right;
	width: 232px;
	margin: 20px 0;
	padding: 10px 10px 30px 10px;
	font-size: 14px;
	line-height: 28px
}

.greenbg .transport .title {
	color: #56bb43;
	font-size: 16px;
	font-weight: 600;
	margin: 10px 0
}

.detailbottom {
	height: 100px;
	float: left;
	width: 100%;
}


/****************************** product detail *************************************/

.pinkbg {}

.pinkbg .indititle {
	background: #ff7a7b!important
}

.pinkbg .transport {
	float: right;
	width: 232px;
	margin: 20px 0;
	padding: 10px 10px 30px 10px;
	font-size: 14px;
	line-height: 28px
}


/****************************** news list *************************************/

.newslist {
	width: 1200px;
	margin: 0px auto;
	color: #000
}

.newslist a {
	color: #000
}

.newslist .tit {
	height: 56px;
	line-height: 56px;
	padding: 0 20px;
}

.newslist .tit .tit-left {
	font-size: 22px;
	color: #666;
	float: left;
}

.newslist .tit img {
	vertical-align: middle;
	margin-right: 10px;
}

.newslist .tit .tit-right {
	float: right;
	font-size: 17px;
}

.newslist .tit .tit-right .news-more {
	display: inline-block;
}

.newslist .tit .tit-right .selected {
	display: inline-block;
	color: #018bee!important;
}

.newslist .tit .tit-right .tab {
	display: inline-block;
	color: #333;
	margin-right: 30px;
}


/*.newslist .tab{font-size: 18px; margin-top: 20px}*/

.newslist .tab a {
	color: #000
}

.newslist .tab a:hover {
	color: #0cb5b6
}

.newslist .tab a.active {
	color: #0cb5b6
}

.newslist .single {
	width: 1200px;
	margin-top: 22px;
	height: 300px;
	background: #fff;
}

.newslist .single img {
	float: left;
	height: 300px;
	width: 600px
}

.newslist .single .newsintro {
	width: 440px;
	padding: 50px 90px 0 50px;
	float: right
}

.newslist .single .newsintro:hover {
	color: #31b8c3;
}

.newslist .single .name {
	width: 450px;
	height: 26px;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden!important;
	text-overflow: clip;
}

.newslist .info {
	color: #a3a3a3;
	font-size: 14px;
	margin: 5px 0 30px 0
}

.newslist .single .texts {
	color: #686868;
	width: 100%;
	line-height: 24px;
	font-size: 14px;
	;
	float: left
}

.newslist .single .comment {
	width: 50px;
	height: 23px;
	background: url(../images/eye.png) left no-repeat; 
	padding-left: 22px;
	display: inline-block;
	margin-left: 30px
}
.newslist .single .comment img , .newslist .single .views img{
	width: 16px;
	height: 16px;
	margin-top:4px;
	margin-right: 5px
}

.newslist .single .views {
	/*width: 50px;*/
	height: 23px;
	/*background: url(../images/eyes.png) left no-repeat;*/
	padding-left: 20px;
	display: inline-block
}


/****************************** news article *************************************/

.newsarticle {
	width: 1200px;
	padding: 22px 0 26px 0;
	background: #fff;
	margin: 20px auto;
	color: #000
}

.newsarticle .leftside {
	float: left;
	width: 800px;
	margin-left: 20px
}

.newsarticle .leftside .title {
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	color: #31b8c3;
}

.newsarticle .leftside .fontsize {
	font-size: 14px;
	text-align: right;
	padding: 0 10px;
	background: #ddcd95;
	border-radius: 5px;
}

.newsarticle .leftside .fontsize a {
	color: #fff
}

.newsarticle .leftside .cricle {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	vertical-align: sub;
	margin-left: 10px;
}

.newsarticle .leftside .date {
	margin-left: 50px
}

.newsarticle .leftside .name {
	width: 500px;
	height: 30px;
	font-size: 20px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: clip;
}

.newsarticle .leftside .info {
	color: #0cb5b6;
	font-size: 14px;
	margin: 5px 0 20px 0;
	padding: 10px;
	background: rgba(96, 96, 96, 0.1);
}

.newsarticle .leftside .texts {
	color: #999;
	width: 100%;
	line-height: 24px;
	font-size: 12px;
	margin: 20px 0 0px 0
}

.newsarticle .leftside .comment {
	width: 50px;
	height: 23px;
	/*background: url(../images/eyes.png) left no-repeat;*/
	padding-left: 20px;
	color: #999;
	display: inline-block;
}
 .newsarticle .leftside .comment img{
	width:16px;
	height:16px;
	margin-right:5px;
	vertical-align: middle;
}
.newsarticle .leftside .views {
	width: 50px;
	height: 23px;
	background: url(../images/icon_newsinfoview.png) left no-repeat;
	padding-left: 20px;
	display: inline-block
}

.newsarticle .leftside .content {
	font-size: 16px;
	color: #555
}

.newsarticle .pager {
	padding: 50px 0 50px 0!important
}

.newsarticle .social {
	margin-bottom: 30px;
	overflow: hidden!important;
	background: rgba(96, 96, 96, 0.1);
	padding: 6px 0px 6px 10px;
}

.newsarticle .newsthumb {
	height: 25px;
	/*width: 60px;*/
	/*background: url(../images/zan2.png) left no-repeat;*/
	/*padding-left: 20px;*/
	color: #999;
	float: left;
	cursor: pointer;
}
.newsarticle .newsthumb img{
	width:18px;
	height:18px;
	margin-right:5px;
	vertical-align: sub;
}
.newsarticle .share {
	float: right
}

.newscomment {
	float: left;
	/*width: 760px;*/
}

.newscomment .notlogin {
	padding: 20px;
	text-align: center;
	background: #f6f6f6;
}

.newscomment .notlogin a {
	color: #ea7860
}

.newscomment .subcomment {
	float: left;
	background: #f4f4f4;
	padding: 10px;
}

.newscomment .subcomment .useravatar {
	float: left
}

.newscomment .subcomment .useravatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.newscomment .subcomment .formarea {
	float: left;
	width: 710px;
	padding-left: 10px
}

.newscomment .subcomment .formarea textarea {
	width: 710px;
	height: 65px;
	border: solid 1px #d3d3d3
}

.newscomment .subcomment .formarea .functions {
	height: 20px;
	float: right;
	margin-top: 10px
}

.newscomment .subcomment .formarea .functions img {
	margin-right: 10px;
	margin-top: 5px;
}

.newscomment .subcomment .formarea .button {
	float: right;
	text-align: right;
	margin-top: 10px
}

.newscomment .subcomment .formarea .button input {
	cursor: pointer;
	width: 61px;
	height: 28px;
	background: url(../images/button_subcomm.png);
	border: 0
}

.newscomment .userscomments {
	float: left;
	width: 800px;
	margin-top: 10px;
	background: #f6f6f6;
}

.newscomment .userscomments .single {
	margin: 0 10px 20px 10px;
	overflow: hidden!important;
}

.newscomment .userscomments .tabs {
	margin-bottom: 20px;
	color: #d3d3d3;
	background: rgba(96, 96, 96, 0.1);
	padding: 0 20px;
}

.newscomment .userscomments .tabs a {
	color: #000
}

.newscomment .userscomments .tabs a:hover {
	font-weight: 600
}

.newscomment .userscomments .tabs a.active {
	font-weight: 600;
	color: #35b2ec;
}

.newscomment .userscomments .useravatar {
	float: left
}

.newscomment .userscomments .useravatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.newscomment .userscomments .rightcontent {
	float: left;
	width: 700px;
	padding-left: 10px;
	font-size: 12px;
}

.newscomment .userscomments .rightcontent .rname {
	float: left;
	display: inline-block;
	color: #ea7860;
	font-weight: bold
}

.newscomment .userscomments .rightcontent .rcontent {
	float: left;
}

.newscomment .userscomments .rightcontent .rdate {
	float: left;
	color: #868686
}

.newscomment .userscomments .rightcontent .reply {
	float: right;
	color: #d3d3d3;
}

.newscomment .userscomments .rightcontent .reply a {
	color: #000
}

.newscomment .userscomments .rightcontent .thumbup {
	float: none;
	display: inline-block;
	/*background: url(../images/icon_thumbs.png);*/
	width: 14px;
	height: 15px
}

.newscomment .userscomments .rightcontent .subreply {
	padding: 5px 10px;
	background: #eaeaec;
	float: left;
	width: 680px;
}

.newscomment .userscomments .rightcontent .subreply span {
	color: #ea7860;
	font-weight: bold
}

.newscomment .userscomments .rightcontent .subreply a {
	color: #ea7860;
	font-weight: bold
}

.newscomment .userscomments .more {
	height: 30px;
	float: left;
	width: 100%;
	font-size: 16px;
	text-align: center;
	padding-top: 15px
}

.more .arrowdown {
	background: url(../images/icon_arrowdown.png);
	width: 15px;
	height: 7px;
	display: inline-block;
	margin-left: 5px;
}

.newsarticle .rightside {
	float: right;
	width: 350px
}

.newsarticle .rightside .title {
	width: 100%;
	height: 48px;
	background: url(../images/ht--.png) no-repeat;
	line-height: 48px;
	color: #666666;
	font-size: 20px;
	border-left: 10px solid #078fee;
	padding-left: 10px;
}

.newsarticle .rightside .txt {
	width: 100%;
	height: auto;
	margin-top: 10px;
	min-height: 280px;
}

.newsarticle .rightside .single {
	width: 100%;
	height: 95px
}

.newsarticle .rightside .single img {
	width: 130px;
	height: 95px;
	float: left
}

.newsarticle .rightside .single .newsname {
	float: left;
	width: 200px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	height: 65px
}

.newsarticle .rightside .single .date {
	float: left;
	width: 200px;
	padding-left: 10px;
	font-size: 12px;
	color: #7C7C7C
}

.newsarticle .rightside .txt ul li {
	width: 100%;
	margin: 30px 0
}

.newsarticle .rightside .txt ul li a {
	color: #333
}

.newsarticle .rightside .more {
	height: 35px;
	background: #f6f6f6;
	float: left;
	width: 100%;
	font-size: 16px;
	text-align: center;
	padding-top: 10px
}


/****************************** reply comments *************************************/

.replycomments {
	width: 1200px;
	padding: 22px 0 26px 0;
	background: #fff;
	margin: 20px auto;
	color: #000
}

.replycomments .center {
	margin: auto;
	width: 800px
}
.replycomments .center .content.pure-cotent{
	word-break: break-word;
	white-space: pre-line;
}
.replycomments .photocenter {
	margin: auto;
	width: 100%!important
}

.replycomments .center .title {
	font-size: 24px;
	font-weight: 600;
	text-align: center
}

.replycomments .center .back {
	font-size: 16px;
	width: 80px;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	margin: 20px auto;
	text-align: center
}

.replycomments .photoinfos {
	width: 800px;
	border-top: 1px solid #d3d3d3;
	margin: 30px auto
}

.replycomments .photoinfos .photoinfo {
	text-align: left;
	display: inline-block
}

.replycomments .photoinfos .right {
	float: right
}

.replycomments .photoinfos .right a:hover {
	color: #18b9f0
}

.replycomments .center .userinfo {
	height: 95px;
	width: 350px;
	margin: 30px auto
}

.replycomments .center .useravatar {
	float: left;
	display: inline-block;
	border-radius: 50%;
}

.replycomments .center .usersubinfo {
	float: left;
	width: 235px;
	margin: 20px 0 0 20px;
	line-height: 30px
}

.replycomments .center .userinfo img {
	height: 95px;
	width: 95px;
	border-radius: 50%;
}

.replycomments .center .usersubinfo .name {
	font-weight: bold;
	height: 30px;
	font-size: 18px;
	overflow: hidden!important;
	text-overflow: clip;
	width: 235px;
	display: inline-block
}

.replycomments .center .usersubinfo .blue {
	height: 30px;
	font-size: 18px;
	width: 235px;
}

.replycomments .center .content {
	line-height: 28px
}

.replycomments .center .comment {
	width: 50px;
	height: 23px;
	background: url(../images/icon_newsinfo.png) left no-repeat;
	padding-left: 15px;
	display: inline-block;
}

.replycomments .center .views {
	width: 50px;
	height: 23px;
	background: url(../images/icon_newsinfoview.png) left no-repeat;
	padding-left: 20px;
	display: inline-block
}

.replycomments .center .content {
	font-size: 16px;
	color: #555
}

.replycomments .center .photocontent {
	text-align: center
}

.replycomments .center .photocontent img {
	margin: 0 auto 10px auto;
	max-width: 800px;
	max-height: 640px
}

.replycomments .pager {
	padding: 20px 0 20px 0!important
}

.replycomments .social {
	width: 100%;
	height: 80px;
	text-align: center;
}

.replycomments .newsthumb {
	height: 58px;
	width: 66px;
	background: url(../images/big-good.png) right no-repeat;
	color: #fff;
	margin: auto;
	padding: 7px 0 0 0;
	text-align: center;
	font-size: 14px;
	display: inline-block;
}

.replycomments .share {
	float: right
}

.replycomments .pager {
	margin: auto;
}

.replyothers {
	padding: 20px;
	float: left;
	width: 812px;
	margin: auto
}

.replyothers .notlogin {
	margin-bottom: 20px;
	text-align: center
}

.replyothers .notlogin a {
	color: #ea7860
}

.replyothers .subcomment {
	float: left;
	height: 215px
}

.replyothers .subcomment .useravatar {
	float: left;
}

.replyothers .subcomment .useravatar img {
	height: 60px;
	width: 60px;
	border-radius: 50%;
}

.replyothers .subcomment .formarea {
	float: left;
	width: 702px;
	padding-left: 10px;
}

.replyothers .subcomment .formarea textarea {
	width: 700px;
	font-size: 14px;
	border: solid 1px #d3d3d3;
	height: 160px;
}

.replyothers .subcomment .formarea .functions {
	height: 20px;
	width: 80%;
	float: left;
	margin-top: 10px
}

.replyothers .subcomment .formarea .functions img {
	margin-right: 10px
}

.replyothers .subcomment .formarea .button {
	float: right;
	width: 20%;
	text-align: right;
	margin-top: 10px
}

.replyothers .subcomment .formarea .button input {
	width: 61px;
	height: 28px;
	background: url(../images/button_subcomm.png);
	border: 0
}

.replyothers .userscomments {
	border-top: solid 1px #d3d3d3;
	float: left;
	width: 775px;
}

.replyothers .userscomments .single {
	float: left;
	width: 760px;
	margin-bottom: 40px
}

.replyothers .userscomments .tabs {
	margin: 5px 0;
	color: #d3d3d3
}

.replyothers .userscomments .tabs a {
	color: #000
}

.replyothers .userscomments .tabs a:hover {
	font-weight: 600
}

.replyothers .userscomments .tabs a.active {
	font-weight: 600;
	color: #35b2ec;
}

.replyothers .userscomments .useravatar {
	float: left
}

.replyothers .userscomments .useravatar img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.replyothers .userscomments .rightcontent {
	float: left;
	width: 690px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 28px
}

.replyothers .userscomments .rightcontent .rname {
	float: left;
	display: inline-block;
	color: #ea7860;
	font-weight: bold
}

.replyothers .userscomments .rightcontent .rcontent {
	float: left;
}

.replyothers .userscomments .rightcontent .rdate {
	float: left;
	color: #868686;
	font-size: 12px
}

.replyothers .userscomments .rightcontent .reply {
	float: right;
	color: #d3d3d3;
}

.replyothers .userscomments .rightcontent .reply a {
	color: #000
}
.content .max-img{
	margin:15px 0;
}
.content .max-img img{
	float:left;
	width:32%;
	margin-right:2%;
}
.content .max-img::after{
	content: '';
	clear:both;
}
.content .max-img img:last-child{
	margin-right:0;
}
.replyothers .userscomments .rightcontent .thumbup {
	float: none;
	display: inline-block;
	/*background: url(../images/icon_thumbs.png);*/
	background-size:100%;
	width: 14px;
	height: 14px;
	margin-right:5px;
}
span.reply span.active{
	color:#31b8c3
}
.replyothers .userscomments .rightcontent .subreply {
	padding: 5px 10px;
	background: #eaeaec;
	float: left;
	width: 700px
}

.replyothers .userscomments .rightcontent .subreply span {
	color: #ea7860;
	font-weight: bold
}

.replyothers .userscomments .rightcontent .subreply a {
	color: #ea7860;
	font-weight: bold
}

.replyothers .userscomments .more {
	height: 30px;
	background: #f5f5f5;
	float: left;
	width: 100%;
	font-size: 16px;
	text-align: center;
	padding-top: 15px
}

.more .arrowdown {
	background: url(../images/more-bottom.png)no-repeat;
	width: 56px;
	height: 22px;
	display: inline-block;
	margin-left: 5px
}


/****************************** events list *************************************/

.eventslist {
	width: 1200px;
	padding: 0px 0 26px 0;
	/* background: #fff; */
	margin: 0px auto;
	color: #000;
}


/*更改后的活动列表的样式*/

.new-eventslist {
	width: 1160px;
	padding: 22px 20px 26px 20px;
	background: #fff;
	margin: 0px auto;
	color: #000;
	border-radius: 5px;
}

.new-eventslist select {
	border: 0;
	color: #686868;
	font-size: 16px;
	-webkit-appearance: none;
	appearance: none;
	-ms-appearance: none;
	text-align: left;
	appearance: none;
	-moz-appearance: none;
	background: url(../images/arrowdown.gif) no-repeat right center;
	width: 90px;
	margin-left: 15px
}

.new-eventslist a {
	color: #000
}

.new-eventslist .title {
	font-size: 22px;
	height: 46px;
	color: #686868;
}

.new-eventslist .title img {
	vertical-align: middle;
	margin-right: 20px;
}

.new-eventslist .tab {
	font-size: 16px;
	margin-top: 10px
}

.new-eventslist .tab a {
	color: #686868;
	margin-left: 10px;
	padding: 0 10px
}

.new-eventslist .tab a:hover {
	color: #fff;
	background: #018bee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.new-eventslist .tab a.active {
	color: #fff;
	background: #018bee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.new-eventslist .tab .ccc-tit {
	display: inline-block;
	background: #e5e5e5;
	padding: 0 10px;
	border-radius: 25px;
}

.eventslist .single {
	width: 542px;
	margin: 35px 25px;
	/* border: 1px solid #d3d3d3; */
	height: 262px;
	float: left;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 3px 10px 0px #ccc;
}

.eventslist .single img {
	float: left;
	height: 260px;
	width: 190px
}

.eventslist .single .eventsintro {
	width: 310px;
	padding: 10px 20px 10px 20px;
	float: right
}

.eventslist .single .name {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 20px;
	height: 62px;
	overflow: hidden!important;
	line-height: 30px;
}

.eventslist .single:hover .name {
	color: #78cbd3;
}

.eventslist .single .texts {
	color: #4d4d4d;
	width: 100%;
	line-height: 24px;
	font-size: 16px;
	float: left;
}

.eventslist .single .texts span {
	display: inline-block;
	max-height: 49px;
	width: 100%;
	overflow: hidden;
}

.eventslist .single .comment {
	width: 50px;
	height: 23px;
	background: url(../images/icon_eventsinfo.png) left no-repeat;
	padding-left: 15px;
	display: inline-block;
	margin-left: 30px
}

.eventslist .single .views {
	width: 50px;
	height: 23px;
	background: url(../images/icon_eventsinfoview.png) left no-repeat;
	padding-left: 20px;
	display: inline-block
}


/****************************** events article *************************************/

.eventsarticle {
	width: 1200px;
	padding: 0px 0 26px 0;
	background: #fff;
	margin: 20px auto 0 auto;
	color: #000
}

.eventsarticle div {
	overflow: visible!important
}

.eventsarticle .leftcontent {
	width: 945px;
	float: left
}

.eventsarticle .intro {
	width: 100%;
	line-height: 20px;
}

.eventsarticle .intro .introtop {
	float: left;
	height: 200px;
	width: 100%
}

.eventsarticle .intro .introtop .cover {
	float: left;
	width: 190px;
	height: 200px;
}


/*.eventsarticle .intro .introtop .cover img{ height: 200px; width:100%;}*/

.eventsarticle .intro .introtop .name .small {
	font-size: 14px
}

.eventsarticle .photos {
	float: left;
	margin: 30px 0
}

.eventsarticle .photos img {
	width: 220px;
	height: 164px;
	margin-right: 9px;
}

.eventsarticle .others {
	float: left;
	margin: 30px 0 60px 0;
}

.eventsarticle .others .sin {
	float: left;
	margin-right: 40px;
	width: 200px;
}

.eventsarticle .others:last-child .sin {
	margin-right: 0px;
}

.eventsarticle .others img {
	width: 200px;
	height: 260px;
}

.eventsarticle .others .name {
	text-align: center;
	width: 200px;
	height: 20px;
	overflow: hidden!important;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}

.eventsarticle .albumphotos {
	float: left;
	margin: 10px 0px;
	width: 100%;
}

.eventsarticle .albumphotos img {
	width: 260px;
	height: 190px;
	margin: 20px 20px
}

.eventsarticle .userlist {
	float: left;
	margin: 10px 5px;
	text-align: center
}

.eventsarticle .userlist .single {
	float: left;
	margin: 15px;
	height: 170px;
	width: 140px;
	text-align: center;
}

.eventsarticle .userlist .single img {
	width: 140px;
	height: 140px;
	border-radius: 100%;
}

.eventsarticle .users {
	float: left;
	margin: 30px 0
}

.eventsarticle .users img {
	width: 30px;
	height: 30px;
	margin-right: 10px
}

.eventsarticle .back {
	font-size: 16px;
	float: left;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	margin: 6px 0 0 0px;
	background: #dcdcdc;
}

.eventsarticle .intro .name {
	line-height: 26px;
	height: 28px;
	font-size: 24px;
	padding: 8px 0 8px 0px;
	overflow: hidden!important;
	margin-bottom: 5px;
	color: #333333;
}

.eventsarticle .intro .text {
	max-width: 900px;
	height: 30px;
	overflow: hidden!important;
	text-overflow: clip;
	line-height: 28px;
	float: left
}

.eventsarticle .intro .name .small {
	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	float: left;
	margin: 5px
}

.eventsarticle .intro .info {
	width: 540px;
	line-height: 28px;
	font-size: 14px;
	padding: 10px 10px 0 25px;
	float: left
}

.eventsarticle .intro .shares {
	width: 900px;
	line-height: 28px;
	font-size: 14px;
	padding: 0px 10px 0 10px;
	float: left;
	background: #fff7f0;
}

.eventsarticle .intro .shares a {
	color: #ff7900
}

.eventsarticle .intro .shares .block {
	display: inline-block;
	margin-right: 40px;
}

.eventsarticle .intro .shares .block img {
	vertical-align: middle;
	margin-right: 5px;
}

.eventsarticle .intro .shares .right {
	float: right
}

.eventsarticle .intro .shares .right .jiathis_style {
	float: right;
	padding-top: 5px
}

.eventsarticle .intro .shares .like {
	margin-left: 20px;
	color: #fff;
	background: #68c3d5;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.eventsarticle .intro .photoshares {
	width: 1180px;
	line-height: 28px;
	font-size: 14px;
	padding: 10px 10px 0 0;
	float: left;
	background: #f5f5f5;
}

.eventsarticle .intro .photoshares a {
	color: #333
}

.eventsarticle .intro .photoshares .right {
	float: right
}

.eventsarticle .intro .photoshares .right .jiathis_style {
	float: right;
	padding-top: 5px
}

.eventsarticle .intro .photoshares .like {
	margin-left: 20px;
	color: #a5a5a5;
	font-size: 16px;
}

.eventsarticle .intro .photoshares .like .thumbup {
	margin-left: 5px;
	float: none;
	display: inline-block
}

.eventsarticle .middlecontent {
	width: 920px;
	float: right;
	margin-right: 30px;
}

.eventsarticle .indititle {
	margin-top: 30px;
	height: 48px;
	line-height: 48px;
	font-size: 20px;
	float: left;
	color: #8d8d8d;
	font-weight: bold;
	width: 920px;
	border-left: 10px solid #49c6b6;
	padding-left: 10px;
}


/*虚线*/

.dotted {
	display: inline-block;
	border-top: 1px dashed #8d8d8d;
	margin-bottom: 5px;
}

.eventsarticle .indititle .text {
	float: left
}

.eventsarticle .indititle .small {
	font-size: 14px;
	font-weight: normal;
}

.eventsarticle .indititle .small a {
	color: #ff7900
}

.eventsarticle .indititle .more {
	float: right;
	font-size: 12px;
	color: #999;
	margin-right: 20px
}

.eventsarticle .ticket {
	width: 660px;
	-webkit-border-radius: 5px;
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	float: left;
	margin-top: 20px;
	font-size: 14px
}

.eventsarticle .ticket .left {
	float: left
}

.eventsarticle .ticket .block {
	margin-bottom: 10px;
	width: 610px;
	float: left
}

.eventsarticle .ticket .option {
	float: left;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	margin: 0 5px 10px 5px
}

.eventsarticle .ticket .active {
	border: solid 1px #33a7be;
	color: #33a7be;
	margin-bottom: 10px
}

.eventsarticle .ticket .text {
	width: 30px;
	text-align: center;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	margin: 0 5px;
	height: 24px;
	float: left
}

.eventsarticle .ticket .plus {
	float: left;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d3d3d3;
	margin: 0 5px;
	width: 10px;
	text-align: center
}

.eventsarticle .ticket .button {
	float: left;
	-webkit-border-radius: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #68c3d5;
	margin: 0 0 0 50px;
	width: 100px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px
}

.eventsarticle .eventintro {
	width: 920px;
	line-height: 26px;
	font-size: 16px;
	float: left;
	;
	margin-top: 30px
}

.eventsarticle .map {
	width: 920px;
	height: 400px;
	float: left;
	margin: 30px 0 80px 0;
	overflow: hidden!important
}

.eventsarticle .map span div {
	overflow: hidden!important
}


/*活动内容*/

.events-tit {
	width: 100%;
	height: 120px;
	background: #8ccdc6;
	color: #fff;
	font-size: 22px;
	line-height: 120px;
	position: relative;
}

.inner-center {
	width: 1200px;
	margin: 0 auto;
}

.event-img {
	position: absolute;
	top: 30px;
}

.event-img img {
	width: 190px;
	height: 260px;
}

.events-tit .tit {
	margin-left: 200px;
}


/****************************** search *************************************/

.searchtop {
	min-height: 160px;
	background: #b7e8d0
}

.searchtop .center {
	/*width: 800px;*/
	width: 630px;
	margin: auto;
	/*height: 200px;*/
	margin-top: 30px
}

.searchtop .center .text {
	background: url(../images/seach-box.png) no-repeat;
	background-size: contain;
	width: 516px;
	height: 50px;
	border: 0;
	padding: 0 20px;
	font-size: 16px;
	box-sizing: border-box;
	margin-right:0;
}

.searchtop .center .left {
	float: left
}

.searchtop .center .button {
	background: url(../images/seach-button.png) no-repeat;
	width: 110px;
	height: 50px;
	border: 0;
	background-size: contain;
	cursor: pointer;
}

.searchtop .tags {
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
	float: left;
	color: #808080;
	margin-bottom:20px;
}

.searchtop .tags a {
	color: #9a9a9a;
	margin: 0 5px
}

.searchtop .tags a:hover {
	color: #194f8d
}

.search {
	width: 1200px;
	padding: 22px 0 26px 0;
	background: #fff;
	margin: 20px auto;
	color: #000;
	margin-top:0;
}

.search a {
	color: #000
}

.search .title {
	font-size: 24px;
	font-weight: 600;
	height: 30px
}

.search .tab {
	font-size: 16px;
	margin-top: 20px
}

.search .tab a {
	color: #000;
	margin-left: 10px;
	padding: 0 10px
}

.search .tab a:hover {
	color: #fff;
	background: #018bee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.search .tab a.active {
	color: #fff;
	background: #018bee;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.search .single {
	width: 100%;
	margin: 35px 25px 0px 0;
	border: 1px solid #d3d3d3;
	float: left
}

.search .singleevent img {
	height: 170px!important;
	width: 116px!important
}

.search .single img {
	float: left;
	height: 130px;
	width: 190px;
	margin-right: 20px
}

.search .single .searchintro {
	padding: 10px 20px 0 20px;
	font-size: 12px
}

.search .single .name {
	font-size: 15px;
	font-weight: 600;
	color: #81cac0;
	margin-bottom: 5px
}

.search .single .texts {
	line-height: 20px;
}


/****************************** float comment *************************************/

.floatcomment {
	background: url(../images/commentfloatbg.png);
	width: 533px;
	height: 440px;
	margin: auto;
	padding: 40px;
	text-align: center;
	overflow: hidden;
}

.floatcomment .title {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 15px;
}

.floatcomment .stars {
	font-size: 30px;
	color: #ffcc00;
	margin-top: 20px;
	height: 30px
}

.floatcomment .label {
	border: solid 1px red;
	font-size: 18px;
	color: red;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.floatcomment textarea {
	width: 483px;
	height: 160px;
	margin: 0 25px 0 25px;
	font-size: 14px
}

.floatcomment #shareaddress {
	width: 483px;
	height: 30px;
	margin: 10px 25px;
	font-size: 14px
}

.floatcomment .close {
	font-size: 30px;
	text-align: right;
	color: #999
}

.floatcomment .close a {
	color: #999
}

.floatcomment .close a:hover {
	color: #333
}

.floatcomment .button {
	-webkit-border-radius: 5px;
	padding: 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #ff9b01;
	margin: 20px auto;
	width: 100px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px
}

.floatcomment .hint {
	color: red;
	margin-top: 15px;
	height: 25px
}


/****************************** setting *************************************/

.setting {
	width: 1200px;
	height: 500px;
	margin: auto;
	font-size: 16px
}

.setting-tit {
	width: 100%;
	height: 40px;
	background: #eeeeee;
	line-height: 40px;
	color: #323332;
	margin-top: 10px;
}

.setting-tit img {
	width: 20px;
	height: 20px!important;
	margin: 0 20px;
	vertical-align: middle;
}

.setting li {
	margin-top: 20px
}

.setting label {
	margin-right: 10px
}

.setting img {
	height: 60px;
}
.setting ul li .photo img {
	width:60px;
	height: 60px;
	border-radius: 50%;
}
.setting .selectfile {
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #00c7fb;
	margin: auto;
	width: 100px;
	text-align: center;
	color: #fff;
	display: block;
	margin: 0
}

.setting .info {
	overflow: hidden!important;
	display: inline-block;
	padding: 0 0 0px 10px;
	font-size: 14px
}

.setting .photo {
	display: inline-block;
	margin-top: 10px;
	overflow: hidden!important
}

.setting a {
	color: #00c7fb;
	margin-left: 10px;
}

.setting a:hover {
	color: darkcyan
}

.setting .text {
	font-size: 16px;
	font-family: "微软雅黑";
	height: 35px;
	width: 360px;
	border-radius: 5px;
	border: 1px solid #b5b5b5;
	padding: 0 10px;
}

.setting .button {
	width: 100px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #999;
	margin: 0 20px 0 80px;
	background: #fff;
	font-size: 14px;
	cursor: pointer;
}

.setting .emailb {
	margin: 0 20px 0 105px!important
}

.setting .successb {
	margin: 0!important
}

.setting .button:hover {
	background: #d3d3d3
}

.setting .small {
	font-size: 12px
}


/****************************** messages *************************************/

.messages {
	width: 1200px;
	margin: auto;
	font-size: 16px
}

.massage-inner {
	width: 1060px;
	padding: 40px 70px;
	box-shadow: 0px 0px 8px #888888;
	margin: 10px 0;
}

.messages li {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #e1e1e1
}

.messages img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.messages .info {
	overflow: hidden!important;
	display: inline-block;
	padding: 0 0 0 40px;
	font-size: 16px;
	/*width: 120px;*/
	float: left;
	color: #9c9c9c;
}

.messages .intro {
	overflow: hidden!important;
	margin-left: 80px;
	padding: 0 0 0 10px;
	width: 980px;
	height: 40px;
	line-height: 40px;
}

.messages .photo {
	display: inline-block;
	/* margin-top: 10px; */
	overflow: hidden!important;
	float: left;
}

.messages a:hover {
	color: #00c7fb
}

.messages .small {
	font-size: 12px;
	border: 0!important;
	padding: 0!important
}

.messages .date {
	font-size: 12px;
	color: #999;
	margin-left: 20px;
}


/*app下载*/

.app-download {
	background: url(../images/app-download.jpg) center no-repeat;
	width: 100%;
	height: 692px;
	position: relative;
}

.download-box {
	width: 1200px;
	margin: 0 auto;
}

.min-download-box {
	height: 200px;
	margin: 330px 0px 0px 30px;
}

.min-download-box .download {
	width: 150px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 40px;
	color: #fff;
	padding: 0 10px 0 10px;
	display: block;
	margin: 10px 0px 22px 0px;
}

.min-download-box .download img {
	vertical-align: middle;
	margin-right: 20px;
}

.min-download-box .right .ewm-box {
	width: 142px;
	height: 142px;
	background: #fff;
	margin: 10px 0px 0px 40px;
	border-radius: 5px;
}

.min-download-box .right .ewm-box img {
	border-radius: 5px;
}

.min-download-box .right p {
	margin: 10px 0px 0px 40px;
	color: #fff;
}

.download-box .share {
	margin: 50px 0 0 30px;
	color: #fff;
}

.download-box .share img {
	vertical-align: middle;
	margin-left: 10px;
}

.app-download .hand {
	background: url(../images/hand.png)no-repeat center;
	position: absolute;
	width: 482px;
	height: 560px;
	bottom: 0;
	left: 540px;
}


/****************************** login *************************************/

.loginpage {
	background: url(../images/loginbg.jpg) center no-repeat;
	width: 100%;
	height: 692px
}

.loginpage .loginlayer {
	background: url(../images/loginlayerbg.png) center no-repeat;
	width: 407px;
	height: 619px;
	margin: 40px auto;
	color: #fff
}

.loginpage .reglayer {
	font-size: 16px!important
}

.loginpage .loginlayer .logo {
	width: 76px;
	height: 84px;
	margin: 40px auto 0 auto
}

.loginpage .loginlayer .title {
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	margin: 10px auto;
	text-align: center
}

.loginpage .text {
	width: 262px;
	height: 48px;
	border: 0;
	margin: 10px;
	font-size: 16px;
	color: #fff;
	padding: 0 20px 0 40px;
}

.loginpage #username {
	background: url(../images/loginuserbg.png);
}

.loginpage #password {
	background: url(../images/loginpassbg.png);
}

.loginpage .center {
	margin: auto;
	text-align: center
}

.loginpage .forgot {
	text-align: right;
	padding-right: 45px;
	font-size: 12px;
	color: #b2b2b2
}

.loginpage .forgot a {
	color: #fff
}

.loginpage .forgot a:hover {
	color: #C7C7C7
}

.loginpage .remember {
	font-size: 14px;
	margin-left: 44px;
	color: #fff;
	text-align: left;
}

.loginpage .agreement {
	margin-top: 10px
}

.loginpage .agreement a {
	color: #0bdfff
}

.loginpage .agreement a:hover {
	color: #b1e7ff
}

.loginpage .agreement label {
	cursor: pointer
}

.loginpage .remember input {
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
}

.loginpage .remember div {
	margin: 3px 0 0 5px;
	display: inline-block
}

.loginpage .remember label {
	cursor: pointer
}

.loginpage .button {
	width: 326px;
	border: 0;
	background: url(../images/loginbutton.png);
	color: #fff;
	height: 49px;
	font-size: 20px;
	margin-top: 20px
}

.loginpage .regb {
	background: url(../images/regbutton.png)!important
}

.loginpage .reg {
	font-size: 14px;
	color: #fff;
	margin: 30px 45px;
}

.loginpage .reg a {
	color: #0bdfff
}

.loginpage .reg a:hover {
	color: #b1e7ff
}

.loginpage .wechat {
	margin: 0 auto;
	text-align: center;
}

.loginpage .wechat img {
	width: 45px;
	height: 45px;
}

.loginpage .notice {
	color: red;
	font-size: 12px
}

.loginpage .regtext {
	width: 220px;
	height: 30px;
	font-size: 16px;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	background: transparent;
	margin-top: 12px;
	color: #fff
}

.loginpage .regtext-pssword {
	width: 133px;
}


/*注册页面*/

.loginpage .reg-num-varbtn {
	width: 80px;
	border-radius: 3px;
	color: #000;
	margin-left: 5px;
	line-height: 0;
	height: 33px;
}

.loginpage .regtext {
	width: 220px;
	height: 30px;
	font-size: 16px;
	-webkit-border-radius: 5px;
	padding: 0 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #fff;
	background: transparent;
	margin-top: 30px;
	color: #fff;
}

.loginpage .regtext-pssword {
	width: 133px;
}

.phone-num-varbtn {
	display: inline-block;
	width: 90px;
	height: 29px;
	font-size: 12px;
	border: 1px solid;
	line-height: 29px;
	text-align: center;
	background: #ddd;
	cursor: pointer;
}


/*忘记密码页面*/

.forget-password {
	background: url(../images/forget-password.jpg) center no-repeat;
	width: 100%;
	height: 692px;
}

.forget-password .forget-password-inner {
	background: url(../images/forget-inner-bg.png) center no-repeat;
	width: 880px;
	height: 582px;
	margin: 40px auto;
	color: #fff;
}

.forget-password .forget-password-inner .forget-password-left {
	width: 500px;
	float: left;
	padding: 0 40px;
}

.forget-password .forget-password-inner .forget-password-left .logo {
	text-align: center;
	margin-top: 46px;
	font-size: 22px;
	font-weight: bold;
}

.forget-password .forget-password-inner .forget-password-left .logo img {
	vertical-align: middle;
	margin-right: 10px;
}


/*忘记密码步骤条*/

.step-box {
	margin: 60px 0;
}

.step-container {
	margin: 0;
	padding: 0;
	width: 100%;
}

.step-container li {
	display: inline-block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 49%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	background-color: #ccc;
	color: #ffffff;
}

.step-container li.step-past {
	background-color: #0ea2e4;
	width: 49%;
}

.step-container li.step-current {
	background-color: #5c737f;
}

.arrow {
	position: absolute;
	right: -7.5px;
	height: 40px;
	background-color: #5c737f;
	z-index: 2;
}

.arrow span {
	display: inline-block;
	border-left: 20px solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.arrow-two span {
	display: inline-block;
	border-left: 20px solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.arrow-next {
	margin-left: -15px;
}

.arrow-past .arrow-pre {
	border-left: 20px solid #0ea2e4;
}

.arrow-past .arrow-next {
	border-top: 20px solid #5c737f;
	border-bottom: 20px solid #5c737f;
}

.arrow-current .arrow-pre {
	border-left: 20px solid #5c737f;
}

.arrow-current .arrow-next-two {
	border-top: 20px solid #6d656a;
	border-bottom: 20px solid #6d656a;
}

.arrow-current .public-color {
	border-top: 20px solid #0ea2e4;
	border-bottom: 20px solid #0ea2e4;
}

.arrow-two {
	position: absolute;
	right: -7.5px;
	height: 40px;
	background-color: #0ea2e4;
	z-index: 2;
}

.arrow-past .arrow-next-two {
	border-top: 20px solid #6d656a;
	border-bottom: 20px solid #6d656a;
}

.new-massage {
	display: inline-block;
	line-height: 15px;
	font-size: 14px;
	margin-right: 40px;
}

.code-box {
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: none;
	color: #0cb5b6;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
	cursor: pointer;
}

.mailbox-notive {
	font-size: 18px;
	padding: 0 20px;
	line-height: 30px;
	margin-bottom: 56px;
}


/*步骤条结束*/

.forget-text .forgettext {
	width: 310px;
	height: 38px;
	border-radius: 5px;
	border: 1px solid #cecac7;
	background: none;
	margin-top: 20px;
	color: #abaaa9;
	text-indent: 4px;
	margin-right: 30px;
}

.forget-button-one {
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: rgba(113, 154, 175, 0.5);
	border: none;
	border-radius: 5px;
}

.post-massage {
	display: inline-block;
	line-height: 15px;
	font-size: 14px;
}

.post-massage span {
	color: #0ea2e4;
	font-weight: bold;
}

.forget-text .forget-button-two,
.forget-button-three {
	margin-top: 20px;
}

.forget-text .forget-button-two {
	margin-right: 56px;
}

.forget-button-two {
	height: 40px;
	width: 126px;
	background: #00b7ee;
	border: none;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

.forget-button-three {
	color: #00b7ee;
	height: 38px;
	width: 126px;
	background: none;
	border: 1px solid #c2c3c2;
	border-radius: 5px;
	cursor: pointer;
}

.forget-password-right .notice {
	text-align: center;
	margin-top: 46px;
	height: 76px;
	line-height: 76px;
	font-size: 14px;
}

.forget-password-right .notice a {
	color: #11c4e0;
}

.forget-password-right .button-box {
	text-align: center;
	margin-top: 242px;
}

.forget-password-right .button-box .forget-button-two {
	margin-top: 20px;
}


/****************************** setting *************************************/

.agreementpage {
	width: 1200px;
	margin: auto;
	font-size: 16px;
	line-height: 35px;
	padding: 30px 0
}

.agreementpage .title {
	font-size: 20px;
	font-weight: bold;
	margin: 20px;
	text-align: center;
}


/*******************************申诉页面**************************************/

.setting-innner {
	width: 938px;
	margin: 0 auto;
}

.bank-psd-box {
	width: 834px;
	border: 1px solid #ccc;
	padding: 20px 50px 20px 50px;
	margin: 20px 0 0px 0;
	overflow: hidden;
}

.editor-profiles-title {
	height: 40px;
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 40px;
	clear: both;
}

.phone-ppeal-btn {
	width: 100%;
	height: 42px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
}

.phone-ppeal-btn li {
	border: 1px solid #ccc;
	width: 185px;
	float: left;
	margin-top: 0px;
	background: #ccc;
	color: #fff;
}

.phone-ppeal-btn .active {
	background: #00c7fb;
}

.red-notice {
	height: 55px;
	line-height: 55px;
	color: red;
}

.dis-in-bl {
	display: inline-block;
}

.text-box {
	vertical-align: top;
}

.text-box input {
	margin-bottom: 10px;
}

.phone-num-newtext {
	height: 30px;
	width: 230px;
}

.ks-combobox-input-wrap {
	vertical-align: middle;
	display: inline-block;
	width: 300px;
}

.ks-combobox-input-wrap textarea {
	display: block;
	margin: 0;
	padding: 3px;
	width: 630px;
	height: 212px;
	border: 1px solid #afafaf;
	font-size: 16px;
	font-family: 微软雅黑;
}

.select-box {
	padding: 5px;
}


/*******************************实名认证**************************************/

.cert-main {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.cert-main-title {
	padding-top: 40px;
}

.cert-form .main-left {
	box-sizing: border-box;
	width: 45%;
	float: left;
	border-right: 1px solid #ddd;
}

.cert-form .upload-area-section .cell {
	min-height: 180px;
	margin-bottom: 20px;
}

.upload-area-section .cell {
	padding-top: 10px;
}

.upload-area-section .card-area a {
	position: absolute;
}

.cert-form .main-left .first-div {
	background: url(../images/card-front.png);
}

.upload-area-section .card-area .normal-mask a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

.cert-form .main-left .second-div {
	background: url(../images/card-back.png);
}

.cert-form .main-left .card-area {
	width: 243px;
	height: 153px;
	display: inline-block;
}

.upload-area-section .card-area .normal-mask {
	position: absolute;
	height: 153px;
	width: 100%;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
	z-index: 0;
}

.upload-area-section .card-area {
	position: relative;
}

.form-ipfbi .main-right label {
	vertical-align: top;
	color: #00abd1;
	margin-left: 20px;
}

.cert-form .main-right ul {
	display: inline-block;
	padding-left: 10px;
}

.cert-form .main-right li {
	line-height: 20px;
	background: url(../images/square.png) no-repeat left center;
	padding-left: 10px;
}

.logo-color {
	color: #f60;
}

.upload-area-section .card-area .normal-mask .upload-show-btn {
	position: absolute;
	bottom: 0;
	height: 30px;
	width: 100%;
	border-radius: 0 0 6px 6px;
}

.cert-form .main-left label {
	vertical-align: top;
}

.cert-form .form-item label {
	line-height: 34px;
	font-size: 14px;
}

.cert-form .star {
	vertical-align: middle;
	margin-right: 5px;
	color: #f60;
}

.tr {
	text-align: right;
}

.cert-form .w12em {
	display: inline-block;
	width: 12em;
}

.btn-wrap {
	padding-top: 100px;
}

.upload-area-section .card-area .normal-mask .upload-show-btn {
	background: #689fc3;
}

.cert-form .main-right img {
	width: 170px;
	height: 107px;
	vertical-align: top;
}

.zbj-btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 400;
	font-family: inherit;
	margin: 0;
	overflow: visible;
	background-image: none;
	text-transform: none;
	border: 1px solid;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}

.cert-btn {
	width: 180px;
	font-size: 18px;
	background: #f60;
	line-height: 32px;
	display: inline-block;
	box-sizing: border-box;
	color: #fff;
	border: 0;
}

.cert-main-title span {
	font-size: 16px;
	font-weight: 700;
	border-left: 5px solid #f60;
	line-height: 28px;
	padding-left: 12px;
}


/****************************** 404 *************************************/

.page404 {
	width: 1200px;
	margin: 50px auto;
	height: 450px
}

.page404 .biglogo {
	width: 383px;
	height: 375px;
	background: url(../images/logobig.png);
	float: left
}

.page404 .describe {
	font-size: 40px;
	color: #29abe2;
	float: left;
	margin: 60px 0 0 40px
}

.page404 .info {
	font-size: 18px;
	color: #666;
	float: left;
	margin: 40px;
	width: 700px;
	overflow: hidden!important;
	line-height: 40px;
	height: 120px
}

.page404 .button {
	-webkit-border-radius: 5px;
	padding: 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background: #ff9b01;
	margin: 0 auto 0 40px;
	width: 150px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	float: left
}

.page404 .button:hover {
	background: #ff8200;
	font-size: 22px
}


/*常用*/

.u-inline-block {
	display: inline-block;
}

.u-overflow-hidden {
	overflow: hidden;
}

.u-center {
	text-align: center;
}

.u-right {
	float: right;
}

.u-padding-10 {
	padding: 0 40px;
}

.u-no-bg {
	background: none!important;
}

.u-inline {
	display: inline;
}


/*加背景*/

.index-bg {
	/*background: url("../images/indexbg.jpg") no-repeat center;*/
	width: 100%;
	/*height: 1197px;*/
}

.scenery-bg {
	/*background: url("../images/scenery-bg.jpg") no-repeat center;*/
	width: 100%;
	height: 774px;
}

.food-bg {
	/*background: url("../images/food.jpg") no-repeat center;*/
	width: 100%;
	height: 774px;
}

.food-list-bg {
	/*background: url("../images/food-top.jpg") no-repeat center;*/
	width: 100%;
	height: 630px;
}

.food-small-bg {
	/*background: url("../images/food-small-bg.png")repeat;*/
}

.scenery-list-bg {
	/*background: url("../images/scenery-top.jpg") no-repeat center;*/
	width: 100%;
	height: 620px;
}

.news-list-bg {
	/*background: url("../images/news-top-bg.jpg") no-repeat center;*/
	width: 100%;
	height: 630px;
}

.news-list-small {
	/*background: url("../images/food-small-bg.png")repeat;*/
}

.news-bg {
	/*background: url("../images/news-list.jpg")no-repeat center;*/
	width: 100%;
	height: 690px;
}

.news-small-bg {
	/*background: url("../images/food-small-bg.png")repeat;*/
}

.events-list-bg {
	/*background: url("../images/events-top.jpg");*/
}

.event-bg {
	/*background: url("../images/event.jpg")no-repeat center;*/
	height: 750px;
}


/*评论样式*/

.comment-Submit {
	width: 50px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/camer.png)no-repeat;
	cursor: pointer;
}

.comment-Submit img {
	width: 100%;
	height: 100%;
}

.comment-smallimg {
	display: inline-block;
	vertical-align: middle;
}

.comment-smallimg img {
	width: 50px;
	height: 50px;
	margin-right: 5px;
}


/*回到顶部*/

.goup-container {
	background-image: url(../images/back-to-top.png);
}


/*end*/


/*活动发起活动样式*/

.k-list {
	width: 357px;
	display: inline-block;
	float: left;
	height: 246px;
	overflow: hidden;
}

.k-list ul li {
	height: 37px;
	border-bottom: 1px solid #8c8c8c;
	line-height: 37px;
	overflow: hidden;
	margin: 0 auto;
	font-size: 14px;
	width: 300px;
}

.eventsrecommend-right {
	display: inline-block;
	width: 373px;
	float: left;
	background: rgba(255, 255, 255, 0.5);
	padding: 20px 0 20px 0;
}

.eventsrecommend-box {
	overflow: hidden;
	margin: auto;
	margin: 0 auto;
	width: 1200px;
}

.event-orange-bg-box {
	width: 1200px;
	margin-top: 20px;
}

.event-orange-bg {
	width: 815px;
	height: 48px;
	background: url(../images/event-tit.png) no-repeat bottom left;
	line-height: 48px;
	color: #ff7b06;
	font-weight: bold;
	font-size: 23px;
	margin: 0 auto;
	border-left: 10px solid #ff7b06;
	float: left;
}

.event-blue-bg {
	width: 364px;
	height: 48px;
	background: url(../images/event-short.png) no-repeat bottom left;
	line-height: 48px;
	color: #1eafdf;
	/*font-weight: bold;*/
	font-size: 23px;
	margin: 0 auto;
	border-left: 10px solid #1eafdf;
	float: left;
}


/*收藏夹弹出框*/

.mask {
	background: rgba(0, 0, 0, 0.2);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.favorites-pop {
	width: 860px;
	height: 510px;
	position: fixed;
	background: #fff;
	border-right: 5px;
	top: 50%;
	left: 50%;
	margin-top: -265px;
	margin-left: -440px;
	padding: 10px;
}

.favorites-pop .close {
	float: right;
	cursor: pointer;
}

.favorites-pop .tit {
	margin: 56px 0;
	text-align: center;
	color: #22ac38;
	font-size: 22px;
	font-weight: bold;
}

.favorites-pop .tit img {
	vertical-align: middle;
	margin-right: 20px;
}

.favorites-pop .small-tit {
	text-align: center;
	font-size: 24px;
	color: #666666;
}

.favorites-pop .concent {
	margin-top: 50px;
}

.favorites-pop .concent .one {
	width: 140px;
	display: inline-block;
	margin: 0 35px;
}

.favorites-pop .concent .one p {
	font-size: 15px;
	color: #333;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
}

.favorites-pop .concent .one img {
	width: 140px;
	height: 140px;
	border-radius: 5px;
}


/*收藏夹页面*/

.favorites {
	font-size: 14px;
	overflow: hidden;
}

.favorites .tit-box {
	margin-bottom: 26px;
}

.favorites .tit {
	height: 40px;
	font-size: 14px;
	margin: 20px 0px 0 0px;
	width: 49%;
}

.favorites .tit .active {
	border: 1px solid #c3c3c3;
	background:#1A96ED;
	color:#fff;
}
.favorites .tit .active a{
	color:#fff;
}
.favorites .tit li:hover {
	border: 1px solid #c3c3c3;
	background:#1A96ED;
	color:#fff;
}
.favorites .tit li:hover a{
	color:#fff;
}
.favorites .tit li {
	display: inline-block;
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 25px;
	border: 1px solid #c3c3c3;
	margin-right: 40px;
	box-sizing: border-box;
}
.favorites .tit li a{
	display:inline-block;
	width:100%;
}
i {
	font-style: normal;
}

.favorites .seach-box {
	overflow: hidden;
	width: 50%;
	vertical-align: middle;
}

.win-seach {
	float: right;
	font-size: 0px;
}

.favorites .seach-text {
	left: 0;
	width: 165px;
	height: 30px;
	border: 1px solid #868686;
	line-height: 25px;
	font-size: 14px;
	color: #989898;
	border-right: none;
	text-indent: 1em;
	margin-left: 10px;
	border-radius: 25px 0px 0px 25px;
}

.favorites .seach-button {
	right: 0;
	width: 56px;
	height: 32px;
	border: 1px solid #00afe1;
	font-weight: 700;
	color: #868686;
	border-radius: 0 25px 25px 0;
	cursor: pointer;
	background: #00afe1;
	line-height: 32px;
	vertical-align: top;
}

.favorites .seach-button i {
	font-size: 26px;
	color: #fff;
	font-weight: normal;
}

.favorites .del-img-info {
	margin-bottom: 30px;
}

.favorites .del-img-info .img-box {
	display: inline-block;
	position: relative;
	margin: 0 36px 40px 0;
	box-shadow: 0px 2px 6px 0px #ccc;
	background:#fff;
	border-radius:5px;
}

.favorites .del-img-info .img-box .activity-bigimg {
	width: 200px;
	height: 200px;
	display: inline-block;
	position: relative;
}

.favorites .del-img-info .img-box .activity-bigimg img {
	width: 100%;
	height: 100%;
	border-radius: 5px 5px 0 0;
}

.favorites .del-img-info .img-box .del, .favorites .del-img-info .img-box .collect-yellow{
	background: url(../images/yellow-del.png)no-repeat;
	width: 33px;
	height: 32px;
	position: absolute;
	top: 1px;
	right: 0;
}
.favorites .del-img-info .img-box .collect-yellow{
	background: url(../images/yellow-collect.png)no-repeat;
}
.favorites .del-img-info .img-box .font {
	width: 200px;
	margin-bottom: 10px;
}

.favorites .del-img-info .img-box .font p {
	padding: 0 5px;
	font-size: 14px;
	width: 90%;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.order {
	width: 1200px;
	margin: 0 auto;
	font-size: 14px;
	overflow: hidden;
}

.obtain-btn {
	height: 36px;
	width: 80px;
	background: #00b7ee;
	border: none;
	color: #fff;
	border-radius: 5px;
	vertical-align: bottom;
	background: #ccc;
}


/*美食内容添加地图*/

.food-map {
	margin-bottom: 26px;
}

.food-map .tit {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #d2d2d2;
	padding: 26px 0;
}

.food-map .tit img {
	vertical-align: middle;
	margin-right: 15px;
}

.food-map .concent {
	width: 100%;
	height: 266px;
	padding: 32px 0;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden!important;
}

.food-map .concent .font {
	width: 430px;
	vertical-align: middle;
	font-size: 16px;
	display: inline-block;
	margin-right: 60px;
	overflow: hidden!important;
	max-height: 100%;
}

.food-map .concent .map {
	width: 450px;
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	overflow: hidden!important;
}

.food-map .concent .map span div {
	overflow: hidden!important
}


/*美食内容页更改后的css*/

.topleft {
	float: none;
	font-size: 18px
}

.topleft a {
	display: inline-block;
}

.topleft .orangethumbup {
	/*background: url(../images/zan.png);*/
	background: none;
	height: 18px;
	width: 18px;
	float: right;
	margin: 0 0 0 6px;
}

.topleft .orangethumbup img,
.topleft .white-star img {
	height: 18px;
	width: 18px;
}

.topleft .white-star {
	/*background: url(../images/white-star.png);*/
	background: none;
	height: 18px;
	width: 18px;
	float: right;
	margin: 0 0 0 6px
}

.topleft {
	padding: 0px 0 10px 25px;
}

.topleft .points {
	margin: 0 40px;
}

.topstarbox {
	padding: 10px 0 10px 25px;
}

.topstarbox img {
	width: 20px;
	;
}

.h5-maskbox {
	float: left;
}

.foodiesdetail {
	padding-top: 0;
}

.foodiesdetail .intro .info {
	margin-bottom: 10px;
	width: 527px;
}

.foodiesdetail .intro .name {
	padding: 10px 0 0 25px;
}

.h5-right .concent {
	background: #ccc;
	margin-left: 10px;
	margin-bottom: 10px;
}

.noh5-concent {
	background: #ccc;
	margin-left: 10px;
}

.foodiesdetail .intro .noh5-concent .info {
	width: 505px;
}

.foodiesdetail {
	margin-top: 0;
}


/*弹性盒子元素将向行结束位置对齐(从右向左排布)*/

.u-justify-end {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
}


/*垂直居中*/

.u-items-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	/* IE 10 */
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}


/*水平两端对齐（弹性盒子元素会平均地分布在行里，两端保留子元素与子元素之间间距大小的一半）*/

.u-justify-around {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}


/*弹性盒子元素将向行起始位置对齐（从左到右排布）*/

.u-justify-start {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex!important;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}

.u-justify-between {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex!important;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	/* IE 10 */
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}

.u-flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.city_wrap {
	float: left;
	margin-top: 70px;
	margin-left: 30px;
}

.start_city_station {
	float: left;
	position: relative;
	z-index: 21;
}

.city_spread dt {
	border-bottom: 0;
}

.city_spread dt .location {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.start_city_station>dt .jt-change {
	position: absolute;
	padding: 5px 5px;
	top: 8px;
	right: 10px;
	overflow: hidden;
}

.start_city_station>dt .jt-change img {
	width: 16px;
	height: 16px;
}

.start_city_station>dt span {
	color: #666;
	font-size: 12px;
	padding-left: 4px;
}

.start_city_station>dt {
	position: relative;
	height: 38px;
	border: 1px solid #d6d6d6;
	font: 16px/38px microsoft yahei, simsun, sans-serif;
	color: #1a96ed;
	width: 75px;
	cursor: pointer;
	padding: 0 34px 0 50px;
	background: #fafafa;
	z-index: 22;
	float: left;
	white-space: nowrap;
	border-radius: 30px;
}

.start_city_station>dd {
	position: absolute;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	padding: 14px;
	width: 320px;
	display: none;
	top: 40px;
	left: 0;
	z-index: 21;
	margin-top: -1px;
	margin-left: -174px;
}

.start_city_station .hot_station {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 8px;
}

.start_city_station .hot_station h4 {
	font-weight: 400;
	color: #999;
	font-size: 12px;
	line-height: 20px;
}

.start_city_station .hot_station a {
	display: inline-block;
	line-height: 20px;
	margin-right: 8px;
	color: #666;
}

.station_search {
	margin-top: 10px;
}

.station_search_box {
	height: 28px;
	border: 1px solid #d2d2d2;
	border-radius: 4px;
	box-shadow: 1px 1px 3px #ddd inset;
	position: relative;
	z-index: 3;
}

.station_search_box p {
	position: absolute;
	top: 0;
	left: 0;
	color: #999;
	text-indent: 10px;
	z-index: -1;
	line-height: 28px;
}

.station_search_box input {
	border: 0!important;
	padding: 0!important;
	background-color: transparent;
	box-shadow: none!important;
	width: 96%;
	height: 22px;
	margin: 2px 2%;
	outline: 0;
}

.station_search_result {
	padding: 5px 0;
	font-weight: 700;
}

.station_search_result a {
	display: inline-block;
	margin-right: 10px;
	line-height: 28px;
	color: #1a96ed;
}

.station_wordsselect {
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.station_wordsselect a {
	display: inline-block;
	padding: 0 10px;
	line-height: 22px;
	height: 22px;
	white-space: nowrap;
	color: #000;
	font-family: 'Microsoft yahei';
}

.station_wordsselect a.on,
.station_wordsselect a:hover {
	color: #fff!important;
	background-color: #1a96ed;
	text-decoration: none;
}

.station_wordsselect a.on,
.station_wordsselect a:hover {
	color: #fff;
	background-color: #1a96ed;
	text-decoration: none;
}

.station_search_list {
	margin-top: -1px;
	display: none;
	position: relative;
	z-index: 1;
	max-height: 442px;
	overflow: auto;
	scrollbar-face-color: #ddd;
	scrollbar-highlight-color: #ddd;
	scrollbar-shadow-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #f8f8f8;
	scrollbar-darkshadow-color: #f8f8f8;
	padding-right: 1px;
}

.station_search_list li {
	padding-left: 15px;
	line-height: 30px;
	border-top: 1px dotted #eaeaea;
}

.station_search_list li span {
	margin-left: -15px;
	font-size: 14px;
	color: #1a96ed;
	font-weight: 700;
	float: left;
	margin-top: 1px;
}

.station_search_list li a {
	display: inline-block;
	margin-left: 15px;
	color: #000;
}

.foodieslist.trip-main {
	padding: 15px 20px;
	height: auto;
	margin: 0 auto;
}

.foodieslist.trip-main .content {
	min-height: 400px;
	background: #fff;
}

.rightcomment.trip-slide-nav-left {
	float: left;
}

.rightcomment.trip-slide-nav-left .tab {
	width: 100%;
}

.rightcomment.trip-slide-nav-left .tab.active {
	background: #79aed3;
}

.rightcomment.trip-slide-nav-left .selected {
	background: #ffffff;
	color: #1175bc;
}

.foodieslist.trip-main .content .empty-no,
.empty-no {
	color: #ccc;
	font-size: 13px;
	margin: 50px auto;
	text-align: center;
}

.foodieslist.trip-main .content .establish-btn {
	width: 300px;
	margin: 0 auto;
	margin-top: 30px;
	color: #a1a1a1;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 20px 10px;
}

.foodieslist.trip-main .content .establish-btn .establish-btn-list {
	background: #1175bc;
	padding: 5px 20px;
	border-radius: 20px;
	font-size: 15px;
	color: #fff;
	margin-top: 20px;
}

.foodieslist.trip-main .content .establish-btn .establish-btn-list:first-child {
	background: #78cbd3;
}

.foodieslist.trip-main .content .empty-no img,
.empty-no img {
	width: 100px;
	height: 100px;
}

.foodieslist.trip-main .content .trip-list .list {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	width: 100%;
}

.foodieslist.trip-main .content .trip-list .list:last-child {
	border-bottom: none;
}

.two-padding {
	width: 100%;
	padding: 0 15px;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}

.trip-list .list .list01box {
	/*width: 64%;*/
	width: 56%;
	line-height: 28px;
}

.trip-list .list img {
	width: 65px;
	height: 65px;
	border-radius: 50%;
}

.trip-list .list .list01 {
	display: inline-block;
	font-size: 12px;
	width: calc(100% - 60px);
	margin-left: 10px;
}

.trip-list .list .list01 .tit {
	font-weight: bold;
	font-size: 15px;
}

.trip-list .list .list01 .tit text {
	display: inline-block;
	width: 100%;
}

.u-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trip-list .list .list01 img {
	width: 13.8px;
	height: 20px;
	margin-right: 6px;
	border-radius: inherit;
}

.trip-list .list .list02 {
	float: right;
}

.trip-list .list .list02 i {
	color: red;
	font-size: 13px;
	font-weight: bold;
}

.trip-list .list .list02 .colse {
	width: 16px;
	height: 16px;
}

.trip-list .list .list02 img {
	width: 22px;
	height: 4.5px;
	border-radius: inherit;
}

.trip-list .list .list02 .more-space {
	padding: 10px 10px;
	margin-left: 10px;
}

.content .create-btn {
	margin-top: 20px;
	font-size: 14px;
	color: #a1a1a1;
}

.content .tab-box .create-btn {
	float: right;
	margin-top: 0;
	/*width:100%;*/
}

.content .tab-box .create-btn .create-btn-list {
	width: 100px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	text-align: center;
}

.content .create-btn .create-btn-list {
	border: 1px solid #ccc;
	padding: 4px 20px;
	margin-right: 20px;
	border-radius: 15px;
}

.w100 {
	width: 100%!important;
}

.foodieslist .w100.content .single {
	margin-right: 26.6px;
}

.foodieslist .w100.content .single:nth-child(4n) {
	margin-right: 0;
}


/*我的目标*/

.trip-target .tab-box, .tab-box{
	width: 100%;
	border-bottom: 2px solid #dfdfdf;
	height: 54px;
	line-height: 54px;
	box-sizing: border-box;
}

.trip-target .tab-box .button {
	font-size: 20px;
	color: #383838;
	padding: 0 8px;
	height: 54px;
	margin-right: 36px;
	cursor: pointer;
}

.trip-target .tab-box .active {
	color: #e60012;
	border-bottom: 2px solid #e60012;
}

.trip-target .target-trip .tit {
	margin: 15px 0 15px 0;
	color: #434343;
	font-size: 15px;
}

.trip-target .target-trip .tit .inputbox {
	margin-left: 20px;
}

.trip-target .target-trip .left .inputbox {
	width: 54px;
	text-align: center;
}

.trip-target .target-trip .right div {
	width: 100px;
	text-align: center;
	margin-left: 20px;
}

.trip-target .target-trip .list {
	padding: 10px 0;
	border: 1px solid #dcdcdc;
	margin-top: -1px;
}
.trip-target .target-trip .list .left{
	cursor: pointer;
}
.trip-target .target-trip .active {
	background: #7ecef4;
}

.trip-target .target-trip .right .time {
	color: #009e0f;
}

.trip-target .target-trip .right .closeimg {
	width: 20px;
	height: 20px;
	cursor: pointer;
}

.trip-target .target-trip .left .img {
	width: 100px;
	height: 100px;
	margin: 0 18px 0 0;
}

.trip-target .target-trip .left .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.trip-target .target-trip .left .concent {
	font-size: 14px;
	color: #1b1b1b;
	width: 420px;
}

.trip-target .target-trip .left .concent .name {
	font-size: 20px;
	margin-bottom: 12px;
	color: #1b1b1b;
	font-weight: normal;
}

.trip-target .bottombutton {
	height: 55px;
	border: 1px solid #dcdcdc;
	margin: 0px 0 0px 0;
	padding-left: 20px;
	font-size: 15px;
	color: #434343;
	box-sizing: border-box;
}

.trip-target .bottombutton .right .button {
	width: 177px;
	height: 55px;
	background: #ff0000;
	font-size: 28px;
	color: #fff;
	line-height: 55px;
	margin-left: 50px;
	text-align: center;
	cursor: pointer;
}

.trip-target .bottombutton .left .del {
	margin-left: 50px;
	cursor: pointer;
}

.left input {
	margin-right: 4px;
}

ul.target-trip {
	height: 500px;
	overflow-y: scroll;
}

.add-border {
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #b5b5b5;
	padding: 0 20px;
	background: #fff;
	height: 35px;
	line-height: 35px;
}


/*底部广告*/

.bottomLayer .expand {
	height: 215px;
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	background-color: rgba(17, 17, 17, .88);
	transform: scale(1, 1);
	transform-origin: top left;
	transition: transform .5s ease-in-out;
	z-index: 1000;
}

.bottomLayer .expand.disappear {
	transform: scale(0, .4);
}

.bottomLayer .expand .content {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	display: flex;
}

.bottomLayer .expand .content .left {
	background-image: url(../images/phone.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 207px;
	height: 256px;
	position: relative;
	top: -40px;
	overflow: auto;
}

.bottomLayer .expand .content .middle {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 40px
}

.bottomLayer .expand .content .middle .mainTitle {
	font-size: 38px;
	color: #fff;
	padding-left: 29px;
	padding-bottom: 5px;
	font-weight: 700;
	text-shadow: 0 2px #00087;
	height: 55px;
	line-height: 55px;
}

.bottomLayer .expand .content .middle .mainTitle .price {
	color: #f63;
}

.bottomLayer .expand .content .middle .subTitle {
	color: #cecccc;
	padding-left: 29px;
	font-size: 18px;
	text-shadow: 0 2px #00087;
}

.bottomLayer .expand .content .right {
	width: 139px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
}

.bottomLayer .expand .content .right .description {
	color: #cecccc;
	font-size: 16px;
	padding-top: 9px;
}

.bottomLayer .expand .content .right .qrcode {
	background-image: url(../images/qrcode.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 136px;
	height: 136px;
	position: absolute;
	top: 53%;
	margin-top: -70px;
	box-sizing: border-box;
	background-origin: content-box;
}

.bottomLayer .expand .close {
	background-image: url(../images/close-bottom.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 25px;
	right: 25px;
}

.bottomLayer .fold {
	position: relative;
	z-index: 1000;
}

.bottomLayer .fold .bottomLayerFold {
	width: 246px;
	height: 102px;
	background-color: rgba(17, 17, 17, .89);
	position: fixed;
	left: 0;
	bottom: 131.2px;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 60px;
	display: flex;
	align-items: center;
	padding-left: 11px;
}

.bottomLayer .fold .bottomLayerFold .littleBonus {
	background-image: url(../images/little-bonus.png);
	width: 80px;
	height: 80px;
}

.bottomLayer .fold .bottomLayerFold .text {
	width: 84px;
	font-size: 17px;
	color: #cecccc;
	padding-left: 25px;
	text-shadow: 0 2px #00087;
}

.bottomLayer .fold .bottomLayerFold .arrowRight {
	background-image: url(../images/arrowRight.png);
	width: 17px;
	height: 31px;
	margin-left: 20px;
}

.bottomLayer .Hide {
	display: none!important;
}

.single .del {
	width: 37px;
	height: 37px;
	position: absolute;
	right: 14px;
	top: 150px;
	font-size: 45px;
	color: rgb(0, 0, 0);
	line-height: 37px;
	text-align: center;
	cursor: pointer;
	font-family: 黑体;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 4px #a0a0a0 inset;
    border: 1px solid #a0a0a0;
}


/*****************自动生成行程单**********************/

.trip-auto-time {
	width: 340px;
	float: left;
}

.trip-auto-feature {
	width: 820px;
	float: right;
}

.trip-auto-time .canlendardiv {
	margin-bottom: 30px;
}

.trip-auto-time .week {
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	background: #efeff2;
	color: #666;
	width: 100%;
	z-index: 1;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.trip-auto-time .week text {
	text-align: center;
	width: 14.2%;
}

.week_text_red {
	color: #ff4097!important;
}

.trip-auto-time .month {
	font-size: 16px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	color: #6f6f6f;
	font-family: MicrosoftYaHei;
}

.trip-auto-time .data div {
	font-size: 15px;
	width: 14.28%;
	text-align: center;
	position: relative;
	height: 42px;
	line-height: 42px;
}

.trip-auto-time .data .datesdiv {
	width: 100%;
	text-align: center;
	position: relative;
	color: #040000;
}

.trip-auto-time .data .datesdiv.active {
	width: 30px !important;
	height: 30px !important;
	background: #ff4097;
	color: #fff!important;
	border-radius: 100%;
	margin: 0 auto;
	padding: 0;
	margin-top: 6px;
	line-height: 30px;
	text-align: center;
}

.trip-feature .four-block {
	font-size: 18px;
	width: 330px;
	margin: 0 auto 0 auto;
	text-align: center;
}

.trip-feature .four-block .four {
	background-color: rgba(0, 144, 255, 0.2);
	color: #8c85fc;
	width: 150px;
	margin-right: 30px;
	margin-bottom: 30px;
	height: 150px;
	box-sizing: border-box;
}

.trip-feature .four-block .four:nth-child(2n) {
	margin-right: 0;
}

.trip-feature .four-block .all .con {
	height: 85px;
}

.trip-feature .four-block .imgbox {
	height: 60px;
	line-height: 60px;
}

.trip-feature .four-block img {
	width: 55px;
	height: 55px;
}

.trip-feature .four-block div i {
	display: block;
	font-weight: bold;
}

.trip-feature .four-block .active {
	border: solid 3px rgba(140, 133, 252, 1);
}

#center .trip-auto-feature .leab {
	padding: 0 40px;
	height:320px;
	overflow-y: scroll;
}

.trip-auto-feature .leab div {
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	border: solid 1px rgba(140, 133, 252, 1);
	font-size: 15px;
	color: #8c85fc;
	margin-bottom: 10px;
	margin: 0 10px 10px 0px;
	padding: 0 15px;
	display: inline-block;
}

.trip-auto-feature .leab div.active {
	background: #8c85fc;
	color: #fff;
}

.trip-auto-feature .pop-button {
	text-align: center;
	color: #f7f7f7;
	font-size: 20px;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 100%;
	border-radius: 0;
	padding: 0;
	background: #9c83ff;
	margin: 0 auto;
	width: 75%;
	margin-top: 30px;
	border-radius: 10px;
}


/*****行程详情页******/

.hm-container {
	max-width: 1200px;
	margin: 0 auto;
}

/*.site-content {
	padding-bottom: 60px;
}*/

.bottom-active {
	width: 100%;
	height: 65px;
	background-color: #7ecef4;
	color: #424242;
	text-align: center;
	font-size: 20px;
	line-height: 65px;
}

.trip-preview .trip-mapbox {
	width: 100%;
	height: 700px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.trip-preview .stepmap-box {
	width: 100%;
	height: 100%;
}

.trip-preview .stepmap-box .map {
	width: 100%;
	height: 100%;
	background: #ccc;
}

.trip-preview .shou-mapstep {
	width: 80px;
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	overflow: hidden;
}



.trip-preview .order div {
	width: 26px;
	height: 25px;
	background-color: rgba(250, 252, 255, 1);
	border-radius: 5px;
	border: solid 2px rgba(140, 133, 255, 1);
	text-align: center;
	line-height: 21px;
	color: #8c85ff;
	margin-right: 6px;
}

.trip-preview .order .active {
	background-color: rgba(140, 133, 255, 1);
	border-radius: 5px;
	border: solid 2px rgba(140, 133, 255, 1);
	color: #fff;
	cursor: pointer;
}

.trip-preview .map-step .fang-but .image,
.map-step .shou-but .image {
	width: 31px;
	height: 31px;
	cursor: pointer;
}

.trip-preview .map-step .ul-box {
	/* padding: 30px; */
	/* overflow-y: auto; */
	position: relative;
	padding-bottom: 300px;
	box-sizing: border-box;
	/* overflow-x: hidden; */
	padding: 0;
	margin: 18px;
}

.trip-preview .map-step .ul .line {
	width: 8px;
	height: 100%;
	position: absolute;
	background: #a6a6a6;
	left: 18px;
}

.trip-preview .map-step .li {
	list-style: none;
	/* padding: 0px 20px; */
	position: relative;
	height: 80px;
	border: 11px;
}

.trip-preview .map-step .li .bg-red {
	background: #f3705b;
}

.trip-preview .map-step .li .num {
	width: 28px;
	height: 28px;
	display: block;
	background: #67c6b9;
	position: absolute;
	left: 7px;
	top: 0px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 13px;
}

.trip-preview .map-step .concent {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-left: 50px;
	font-size: 15px;
	color: #626262;
	line-height: 30px;
}

.trip-preview .map-step .concent .info {
	display: inline-block;
	max-width: 400px;
	margin-right: 10px;
	font-size: 15px;
	float: left;
	line-height: 30px;
}

.trip-preview .qiandao-left {
	/* width: 138px; */
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

.trip-preview .qiandao-left-jt {
	float: left;
	display: inline-block;
	margin-top: 8px;
}

.trip-preview .qiandao_left {
	width: 0px;
	height: 0px;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	border-right: 4px solid #7767fb;
}

.trip-preview .qiandao-left-cont {
	float: left;
	display: inline-block;
	background: #7767fb;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
}

.trip-preview .target-box {
	right: 30px;
	top: 80px;
	position: absolute;
}

.trip-preview .target-box .all {
	width: 47px;
	height: 47px;
	font-size: 16px;
	background: #fff;
	text-align: center;
	line-height: 47px;
	border: 1px solid #ccc;
	cursor: pointer;
}

.trip-preview .posotionbutton {
	position: absolute;
	bottom: 9px;
	right: 13px;
	cursor: pointer;
}

.trip-preview .posotionbutton img {
	width: 26px;
	height: 26px;
}

.trip-preview .cont {
	/*padding-left: 8px;*/
	width: 100%;
}

.trip-preview .cont .left {
	width: 296px;
	margin-right: 40px;
}

.trip-preview .cont .left .tit img {
	width: 52px;
	height: 52px;
	border-radius: 50px;
}

.trip-preview .cont .left .tit span {
	font-size: 30px;
	color: #474747;
	margin-left: 24px;
	font-family: 微软雅黑;
	display: inline-block;
	line-height:100%;
}

.trip-preview .cont .left .line {
	margin-top: 28px;
	font-size: 20px;
	color: #474747;
}

.trip-preview .cont .left .line img {
	width: 34px;
	margin-right: 14px;
	vertical-align: middle;
}

.trip-preview .cont .left .line span {
	color: #e4007f;
}

.trip-preview .cont .left .tips {
	margin-top: 31px;
	color: #ff0000;
	font-size: 16px;
}

.trip-preview .cont .right {
	/*width: calc( 100% - 336px);*/
	width: 856px;
}

.trip-preview .prompt {
	font-size: 24px;
	height: 92px;
	line-height: 92px;
}

.trip-preview .prompt img {
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

.trip-preview .generate-box .tit .c-name {
	font-size: 24px;
	color: #999;
}

.trip-preview .xiu-button {
	width: 89px;
	height: 34px;
	border-radius: 10px;
	border: solid 1px rgba(120, 105, 251, 1);
	font-size: 16px;
	color: #7869fb;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
}

.trip-preview .generate-box .tit .tit-add {
	width: 10%;
	text-align: center;
}

.trip-preview .generate-box .tit .tit-add img {
	width: 39px;
	height: 39px;
}

.trip-preview .generate-box .route .target-step .li .serial-number {
	width: 36px;
	font-size: 32px;
	color: #8f85ff;
	font-family: ArialMT;
	display: inline-block;
	margin-right: 11px;
	font-style: italic;
	text-align: center;
	vertical-align: middle;
}

.trip-preview .generate-box .route .target-step .li .noserial-number {
	width: 40px;
	display: inline-block;
	margin-right: 11px;
}

.trip-preview .generate-box .route .target-step .li .right {
	width: 76%;
	margin-top: 2px;
}

.trip-preview .generate-box .tit {
	font-size: 40px;
	font-weight: bold;
	height: 100px;
	line-height: 100px;
}

.trip-preview .generate-box .tit .name {
	width: 80%;
}

.trip-preview .generate-box .tit .tx {
	width: 52px;
	height: 52px;
	border-radius: 50%;
}

.trip-preview .generate-box .tit text {
	margin: 0 20px;
	max-width: 62%;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	vertical-align: middle;
	font-size: 34px;
	color: #474747;
}

.trip-preview .generate-box .tit img {
	width: 32px;
}

.trip-preview .generate-box .tit .pen {
	width: 42px;
}

.trip-preview .travels-publish-pen .list01 {
	margin-top: 20px;
}

.trip-preview .travels-publish-pen .list01 .masage {
	font-size: 24px;
	/* padding: 0.2rem; */
	/* background: #ccc; */
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.trip-preview .travels-publish-pen .list01 .masage div:nth-child(1) {
	border-bottom: 1px solid #ccc;
}

.trip-preview .travels-publish-pen .list01 .masage div {
	display: inline-block;
	width: 45%;
	/* border-top: 1px solid #ccc; */
	height: 65px;
	line-height: 65px;
	text-align: left;
	padding-left: 8px;
	overflow: hidden;
	box-sizing: border-box;
}

.trip-preview .travels-publish-pen .list01 .masage div img {
	width: 40px;
	margin-right: 6px;
}

.trip-preview .travels-publish-pen .list01 .masage div i {
	color: #e4007f;
}

.trip-preview .travels-publish-pen .masage .pen {
	width: 64px;
	position: absolute;
	right: 6px;
	top: 30px;
}

.trip-preview .travels-publish-pen .list01 .masage div:nth-child(even) {
	border-left: 1px solid #ccc;
}

.trip-preview .travels-publish-pen .list01 .masage div:nth-child(2) {
	border-bottom: 1px solid #ccc;
}

.trip-preview .travels-publish .map {
	width: 100%;
	height: 500px;
	background: #ccc;
	margin-top: 20px;
}

.trip-preview .travels-publish-pen .map {
	width: 100%;
	height: 500px;
	background: #ccc;
	margin-top: 20px;
}

.trip-preview .generate-box .route {
	margin-top: -20px;
}

.trip-preview .position-titbg {
	border-bottom: 4px solid #ccc;
	margin: 40px 0;
	overflow: unset!important;
}

.trip-preview .travels-cont .time {
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	position: absolute;
	top: -10px;
	background: #fff;
	padding: 0 40px;
	width: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.trip-preview .target-step {
	/* position: relative; */
	/* border-left: 5px solid #ccc; */
}

.trip-preview .generate-box .route .target-step .li {
	font-size: 16px;
	/* margin: 20px 0; */
	border-bottom: solid 1px rgba(224, 224, 224, 1);
	padding: 20px 0;
}

.trip-preview .generate-box .route .target-step .li img {
	width: 24px;
	/*height: 46px;*/
	/* margin-left: -24px; */
}

.trip-preview .generate-box .route .target-step .li .text {
	margin-left: 10px;
	display: inline;
}

.trip-preview .generate-box .route .target-step .li .red {
	color: red;
}

.trip-preview .generate-box .route .target-step .li .bule {
	color: #7767fb;
	margin-left: 10px;
	font-style: normal;
}

a:hover {
	text-decoration: none!important;
}

.trip-preview .generate-box .route .target-step .li .ccc {
	color: #ccc;
	margin-left: 10px;
	font-style: normal;
}

.trip-preview .generate-box .route .target-step .li .eat {
	width: 200px;
	margin-left: 20px;
	background: none;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background-size: 100%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: inline-flex;
}

.trip-preview .generate-box .route .target-step .li .eat img {
	width: 100%;
	background-size: 100%;
}

.trip-preview .generate-box .route .target-step .li .red-piaojia {
	height: 21px;
	line-height: 21px;
	background: #ea68a2;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	padding: 0 6px;
	display: inline-block;
}

.trip-preview .generate-box .route .target-step .li .g-piaojia {
	height: 21px;
	line-height: 21px;
	background: #8d8d8d;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	padding: 0 6px;
	display: inline-block;
}

.trip-preview .generate-box .route .target-step .li .right {
	width: 80%;
	overflow: hidden;
	display: inline-block;
}

.trip-preview .generate-box .route .target-step .li .douimg-box,
.trip-preview .generate-box .route .target-step .li .p {
	margin-top: 20px;
}

.trip-preview .generate-box .route .target-step .li .douimg-box .p-img {
	width: 200px;
	height: 180px;
	position: relative;
	display: inline-block;
}

.trip-preview .generate-box .route .target-step .li .douimg-box img {
	width: 100%;
	height: 100%;
	margin: 0;
}

.trip-preview .generate-box .route .target-step .li .douimg-box .youp {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
}

.trip-preview .generate-box .route .target-step .li text {
	margin-left: 10px;
	/* vertical-align: text-top; */
}

.bottom-active {
	width: 100%;
	height: 65px;
	background-color: #7ecef4;
	color: #424242;
	text-align: center;
	font-size: 20px;
	line-height: 65px;
}


/* pages/map-step/map-step.wxss */

.trip-preview .trip-mapbox {
	width: 100%;
	height: 700px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.trip-preview .l-hrad-center i {
	font-size: 24px;
}

.trip-preview .clear {
	clear: both;
}

.trip-preview .qiandao-left {
	/* width: 138px; */
	display: inline-block;
	overflow: hidden;
	cursor: pointer;
}

.trip-preview .qiandao-left-jt {
	float: left;
	display: inline-block;
	margin-top: 8px;
}

.trip-preview .qiandao_left {
	width: 0px;
	height: 0px;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	border-right: 4px solid #7767fb;
}

.trip-preview .qiandao-left-cont {
	float: left;
	display: inline-block;
	background: #7767fb;
	width: 50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
}

.trip-preview .map-step {
	position: absolute;
	width: 100%;
	height: 100%;
	padding-bottom: 13px;
	background-color: rgba(255, 255, 255, 0.9);
	/* box-shadow: 0px 4px 20px 0px rgba(209, 110, 254, 0.5); */
	top: 0;
}

.trip-preview .shou-mapstep {
	width: 80px;
	background-color: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	overflow: hidden!important;
}

.trip-preview .map-step .ul-box {
	/* padding: 30px; */
	/* overflow-y: auto; */
	position: relative;
	padding-bottom: 300px;
	box-sizing: border-box;
	/* overflow-x: hidden; */
	padding: 0;
	margin: 18px;
	
}

.trip-preview .map-step .shou-but {
	overflow: hidden;
	padding-top: 30px;
}

.trip-preview .map-step .fang-but {
	padding: 12px 28px 0 0;
}

.trip-preview .map-step .fang-but .image,
.map-step .shou-but .image {
	width: 31px;
	height: 31px;
	cursor: pointer;
}

.trip-preview .map-step view {
	font-size: 14px;
}

.trip-preview .map-step .li {
	list-style: none;
	/* padding: 0px 20px; */
	position: relative;
	height: 80px;
	border: 11px;
}

.trip-preview .map-step .li .num {
	width: 28px;
	height: 28px;
	display: block;
	background: #67c6b9;
	position: absolute;
	left: 7px;
	top: 0px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-size: 13px;
}

.trip-preview .map-step .li .fixed-cont {
	position: fixed;
	width: auto;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 25px;
	left: 10%;
	height: auto;
	padding: 0px 10px 0px 10px;
	max-width: 100%;
	margin: 0 0px 0px 20px;
}

.trip-preview .map-step .concent {
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin-left: 50px;
	font-size: 15px;
	color: #626262;
	line-height: 30px;
}

.trip-preview .map-step .concent .info {
	display: inline-block;
	max-width: 400px;
	margin-right: 10px;
	font-size: 15px;
	float: left;
	line-height: 30px;
}

.trip-preview .fontblue {
	color: #7767fb;
}

.trip-preview .fontorange {
	color: #e60012;
}

.trip-preview .fontred {
	color: red;
}

.trip-preview .map-step .li .bg-red {
	background: #f3705b;
}

.trip-preview .map-step .ul {
	margin: 0 auto;
	/* border-left: 2px solid #999; */
	position: relative;
}

.trip-preview .map-step .ul .line {
	width: 8px;
	height: 100%;
	position: absolute;
	background: #a6a6a6;
	left: 18px;
}

.trip-preview .qiandaoban {
	width: 50px;
	height: 20px;
	line-height: 20px;
	background: #e60012;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.trip-preview .stepmap-box {
	width: 100%;
	height: 100%;
}

.trip-preview .stepmap-box .map {
	width: 100%;
	height: 100%;
	background: #ccc;
}

.sub-itinerary-tabs .generate-button {
	margin: 0;
	width: 220px;
	height: auto;
	color: #a5a5a5;
	padding: 18px 0;
}

.trip-preview .step-active {
	font-size: 20px;
	color: #007085;
	width: 100%;
	height: 37px;
	line-height: 37px;
	background: #b0dbf9;
	text-align: center;
}


/* 单个弹出 */

.trip-preview .lone-pop {
	width: 80%;
	margin-left: 10%;
	font-size: 28px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 25px;
	height: auto;
	padding: 0px 10px 0px 10px;
	top: 20px;
}

.trip-preview .lone-pop .cont {
	max-width: 64%;
	line-height: 66px;
}


/* 弹框 */

.trip-preview .trip-preview .sign-pop {
	width: 70%;
	height: 264px;
	font-size: 36px;
	color: #393939;
	position: fixed;
	top: 35%;
	left: 15%;
	text-align: center;
	background: #fff;
	line-height: 60px;
	padding: 40px 0;
	background-color: rgba(238, 238, 238, 0.8);
	border-radius: 20px;
	box-sizing: border-box;
}

.trip-preview .sign-pop .butbox {
	width: 60%;
	margin: 0 auto;
}

.trip-preview .smallblue {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 80px;
	text-align: center;
	background: #169bd5;
	color: #fff;
	border-radius: 6px;
	font-size: 24px;
	margin-right: 10px;
}

.trip-preview .sign-pop .butbox .view .image {
	width: 46px;
	height: 40px;
	margin-right: 10px;
}

.trip-preview .bulebutton {
	width: 167px;
	height: 57px;
	background-color: rgba(0, 183, 238, 1);
	border-radius: 10px;
	font-size: 22px;
	color: #f7f7f7;
	text-align: center;
	line-height: 57px;
	cursor: pointer;
	margin: 70px auto 0 auto
}
.content .trip-container{
	padding:0 20px;
	margin-top:20px;
}
.content .trip-container .single{
	margin-right:32px;
}
.content .trip-container .single:nth-child(3n){
	margin-right:0;
}
.pop-delete{
	width:300px;
	height:180px;
	background:#fff;
	margin:auto;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:15px;
	z-index:999;
	box-sizing: border-box;
}
.pop-delete .tit{
	text-align:center;
	color:#000;
	font-size:18px;
	border-bottom:1px solid #ccc;
	padding:15px 0;
}
.pop-delete .pop-delete-con{
	padding:40px 20px;
	text-align:center;
	color:#000;
	font-size:18px;
}
.pop-delete .pop-delete-con .text-info{
	color:#999;
	font-size:13px;
	width:70%;
	margin:0 auto;
	margin-top:10px;
	line-height:22px;
}
.pop-delete .pop-delete-con img{
	width:160px;
	height:160px;
	border-radius:5px;
}
.pop-delete.add-height{
	height:300px;
}
.pop-delete .pop-btn{
	border-radius:15px;
	background:rgba(0, 183, 238, 1);
	color:#fff;
	width:100px;
	height:34px;
	line-height:34px;
	text-align:center;
	cursor: pointer;
}
.pop-delete .pop-btn.cancel{
	background:#ccc;
}
.mask.black-opacity{
	background:rgba(0,0,0,0.6);
	z-index:999;
}
.trip-modify .generate-box .tit img {
	width: 16px;
}

.trip-modify .generate-box .route {
	margin-top: 0;
}

.trip-modify .generate-box .route .ul .newadd {
	border: solid 2.5px rgba(255, 11, 166, 1);
}

.trip-modify .generate-box .route .ul .li {
	font-size: 16px;
	margin: 10px 0;
	/* border-bottom: solid 1px rgba(224, 224, 224, 1); */
	padding: 10px 0;
}
.trip-modify .generate-box .route .ul .modify-li .u-justify-start{
	width: 90%;
}
.trip-modify .generate-box .route .ul .modify-li {
	border: 1px solid #ccc;
	padding:10px 5px 10px 5px;
	box-sizing: border-box;
	overflow: hidden;
}

.trip-modify .generate-box .route .ul .end {
	background: #ccc;
}

.trip-modify .generate-box .route .ul .li img {
	width: 25px;
	/*height: 20px;*/
	/*margin-left: 3px;*/
}
.trip-modify .generate-box .route .ul .carfont img{
	vertical-align: baseline;
}
.trip-modify .generate-box .route .ul .li .brand {
	width: 14px;
	height: 10px;
	margin: 0 7px;
}

.trip-modify .generate-box .route .ul .li .douimg-box .p-img {
	width: 150px;
	height: 100px;
	position: relative;
	display: inline-block;
}

.trip-modify .generate-box .route .ul .li .douimg-box .edit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 18px!important;
	height: 20px;
}

.trip-modify .generate-box .route .ul .li .douimg-box img {
	width: 100%!important;
	height: 100%;
}

.trip-modify .generate-box .route .ul .li .douimg-box, .generate-box .route .ul .li .div {
	margin-top: 10px;
}

.trip-modify .generate-box .route .ul .li .red-piaojia {
	height: 19.5px;
	line-height: 19.5px;
	background: #ea68a2;
	border-radius: 2.5px;
	font-size:16px;
	color: #fff;
	padding: 0 3px;
}

.trip-modify .generate-box .route .ul .li text {
	margin-left: 5px;
	display: inline-block;
	max-width: 50%;
	vertical-align: baseline;
}

.trip-modify .generate-box .route .ul .modify-li .breadimg-box {
	width: 20px;
}

.trip-modify .generate-box .route .ul .li .eat {
	width: 200px;
	margin-left: 20px;
	background: none;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background-size: 100%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	display: inline-flex;
}

.trip-modify .generate-box .route .ul .li .eat img {
	width: 100%;
	background-size: 100%;
}
.trip-modify .generate-box .route .ul .li .join img{
	width: 171px;
	height: 23.5px;
}
.trip-modify .generate-box .route .ul .li .modify-right {
	/*width: 66%;*/
	overflow: hidden;
	display: inline-block;
}

.trip-modify .generate-box .route .ul .li .modify-right-two {
	width: 92%;
}

.trip-modify .generate-box .route .ul .li .line {
	margin-left: 5px;
}

.trip-modify .generate-box .route .ul .li .bule {
	color: #7767fb;
	margin-left: 5px;
	font-style: normal;
}

.trip-modify .generate-box .route .ul .li .ccc {
	color: #ccc;
	margin-left: 5px;
	font-style: normal;
}
.trip-modify .generate-box .route .ul .li .ccc i{
	font-style: normal;
}
.trip-modify .generate-box .route .ul .newadd {
	border: solid 2.5px rgba(255, 11, 166, 1);
	overflow: hidden;
}

.trip-modify .generate-box .route .ul .li .newadd-name {
	display: inline-block;
	max-width: 330px;
	font-style: normal;
}

.trip-modify .generate-box .route .ul .after {
	border: solid 1.5px rgba(19, 181, 177, 1);
}

.trip-modify .sub-itinerary {
	box-shadow: none;
}

.trip-modify .change-button {
	width: 60px;
	font-size: 10px;
	text-align: center;
	position: relative;
	height: 100%;
	background: #eee;
}

.trip-modify .change-button img {
	width: 21px;
	height: 21px;
}

.trip-modify .change-button .position {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #999;
	line-height: 20px;
}

.trip-modify .generate-box .tit .c-name {
	font-size: 12px;
	color: #999;
}

.trip-modify .generate-box .route .ul .li .douimg-box .p-img .youp {
	position: absolute;
	right: 0;
	width: 40px;
	height: 12px;
	top: 0;
}

.trip-modify .target-time {
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	position: absolute;
	top: -10px;
	background: #fff;
	padding: 0 40px;
	width: 100px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.trip-modify .generate-box .route .ul .li .douimg-box .edit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 24px!important;
	height: 24px!important;
}

.trip-modify .generate-box .route .ul .li .douimg-box .pc-edit{
	position: absolute;
	bottom: 0;
	right: 0;
}

.trip-modify .generate-box .route .ul .li .pcbutton{
	width: 89px;
	height: 34px;
	border-radius: 10px;
	border: solid 1px rgba(120, 105, 251, 1);
	color: #7869fb;
	text-align: center;
	line-height: 34px;
	display: inline-block;
	cursor: pointer;
}

.u-justify-center {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

.popbutton{
	width: 286px;
	height: 56px;
	background-image: linear-gradient(170deg, rgba(139, 133, 255, 1) 0%, rgba(170, 129, 255, 1) 100%);
	border-radius: 10px;
	font-size: 22px;
	color: #f7f7f7;
	text-align: center;
	line-height: 57px;
	cursor: pointer;
	margin: 70px auto 0 auto;
}

/* 行程单更名 */
.trip-modify .concent .tit {
	font-size: 30px;
	height: 100px;
	line-height: 100px;
	color: #313131;
}

.modify-tit {
	color: #ccc;
	font-size: 0;
}

.modify-tit input {
	width: 353px;
	height: 40px;
	font-size: 14px;
	/*background: no-repeat;*/
	color: #000;
	padding: 0 10px;
	box-sizing: border-box;
	/*border-radius:10px;*/
}

.trip-modify .concent .tit {
	font-size: 20px;
	height: 100px;
	line-height: 100px;
	color: #313131;
}

.trip-modify .concent .img-box {
	display: block;
	margin-bottom: 60px;
	box-sizing: border-box;
	font-size: 0;
}

.trip-modify .concent .img-box .img {
	width: 108px;
	height: 108px;
	text-align: center;
	line-height: 98px;
	border: 4px solid #fff;
	/* margin: 10px; */
}

.trip-modify .concent .img-box img {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	cursor: pointer;
}

.trip-modify .concent .img-box .active {
	border: 4px solid #458bca;
	background: #ccc;
	border-radius: 5%;
}

.trip-modify .more-button {
	font-size: 30px;
	text-align: center;
	/* border-top: 1px solid #ccc; */
	height: 100px;
	line-height: 100px;
}

.trip-modify .more-button img {
	width: 20px;
}
.l-btn {
	width: 140px;
	height: 53px;
	line-height: 53px;
	background-color: #8c85fc;
	border-radius: 4px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin:0 auto;
	cursor: pointer;
}

/* 行程单添加目标点 */
.trip-addtarget .concent .left{
	width:348px;
	margin-right: 30px;
}
.trip-addtarget .concent .left .input .u-relative{
	width: 301px;
	height: 37px;
	border-radius: 5px 5px 5px 5px;
	border: solid 1px rgba(220, 220, 220, 1);
	font-size: 18px;
	color: #282828;
}
.trip-addtarget .concent .left .input input{
	width:calc( 100% - 22px );
	/*height: 100%;*/
	border: solid 1px rgba(255, 255, 255, 1);
}
.trip-addtarget .concent .left .input img{
	width: 22px;
	height: 22px;
	margin-left:12px;
	object-fit: contain;
}
.trip-addtarget .concent .left .input .button{
	width: 38px;
	height: 37px;
	background-color: rgba(230, 0, 18, 1);
	border-radius: 5px 5px 5px 5px;
	margin-left: 11px;
	text-align: center;
	line-height: 37px;
	cursor: pointer;
}
.trip-addtarget .concent .left .input .button img{
	margin: 0;
}

.trip-addtarget .list01 .content {
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	padding: 20px 0;
}

.trip-addtarget .list01 .content .name {
	font-size: 15px;
	display: inline-block;
	width: 88%;
	color: #1b1b1b;
}

.trip-addtarget .list01 .content .add{
	cursor: pointer;
}
.trip-addtarget .list01 .content .add img {
	width: 24px;
	height: 24px;
}
.trip-addtarget .list01 .content .two {
	color: orangered;
	font-size:0px;
	overflow: hidden;
}

.trip-addtarget .list01 .content .two .star img {
	width: 12px;
	height: 12px;
	margin-right: 2px;
}

.trip-addtarget .list01 .content .three {
	color: #c4c3c3;
	font-size: 13px;
}

.trip-addtarget .list01 .content .three text {
	width: 50%;
}

.trip-addtarget .list01 .content .three .time {
	text-align: right;
}
.trip-addtarget .pagination{
	margin:0;
	padding: 0;
}
.trip-addtarget .pagination li {
	display: inline-block;
}
.trip-addtarget div.pager{
	margin:10px 0;
}
.trip-addtarget div.pager span {
	margin:0;
	border-radius: 0!important;
	border:none;
}
.trip-addtarget div.pager a {
	border-radius: 0;
	padding: 0;
	display: inline-block;
	width: auto;
	padding-left: 7px;
	padding-right: 7px;
	height: 23px;
	border: 1px solid #c3c3c3;
	text-align: center;
	line-height: 23px;
	background: #e9e9e9;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}
.trip-addtarget div.pager .active a {
	border: 1px solid #2eafe4;
	background: #2eafe4;
	color: #fff;
	border-radius: 0;
}
.trip-addtarget div.pager .btn {
	display: inline-block;
	cursor: pointer;
	padding-left: 7px;
	padding-right: 7px;
	height: 23px;
	border: 1px solid #c3c3c3;
	text-align: center;
	line-height: 10px;
	background: #e9e9e9!important;
}

.trip-addtarget div.pager .inp {
	display: inline-block;
	width: 46px;
	height: 23px;
	border: 1px solid #c3c3c3;
	text-align: center;
	line-height: 23px;
	background: #e9e9e9;
}
.trip-addtarget .concent .right{
	width:calc( 100% - 378px );
	height: 700px;
	background: #ccc;
}

/* 行程修改页面 */
.trip-mtime {
	padding-left: 8px;
}
.trip-mtime .name{
	font-size: 20px;
	color: #313131;
}
.trip-mtime .con{
	font-size: 20px;
	color: #c30d23;
	margin-left: 14px;
	margin:37px 0 22px 14px;
}
.trip-mtime .button{
	width: 89px;
	height: 34px;
	border-radius: 10px;
	border: solid 1px rgba(120, 105, 251, 1);
	color: #7869fb;
	font-size: 16px;
	text-align: center;
	line-height: 34px;
	display: inline-block;
	margin-left: 16px;
	cursor: pointer;
}
.trip-mtime .time{
	margin-right: 45px;
}
.trip-mtime .time select{
	border: none;
	background: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding-right: 20px;
	cursor: pointer;
}
.trip-mtime .time img{
	width: 15px;
	height: 13px;
	margin-left: 8px;
	right: 0;
	position: absolute;
}
.trip-mtime .buttonbox{
	font-size: 20px;
	color: #f7f7f7;
	text-align: center;
	margin-bottom: 200px;
}
.trip-mtime .buttonbox .shure{
	width: 135px;
	height: 52px;
	background-image: linear-gradient(170deg,
	rgba(139, 133, 255, 1) 0%,
	rgba(170, 129, 255, 1) 100%);
	border-radius: 10px;
	line-height: 52px;
	margin-right: 26px;
	cursor: pointer;
}
.trip-mtime .buttonbox .del{
	width: 90px;
	height: 52px;
	background-color: rgba(125, 125, 125, 1);
	border-radius: 10px;
	line-height: 52px;
	cursor: pointer;
}
.pinkold {
	color: #ff009c;
}
.hotolline{
	width: 89%;
}
.hotolline i{
	max-width: 50%;
}
.hotolline div{
	max-height: 50%;
}


#nav .right {
	float: right;
	width: auto !important; 
	display: flex;
	align-items: center;
	height: 100%;
}

#nav .right a:hover {
	color: #E72F32;
}

#nav .right .dl {
	width: 78px;
	height: 33px;
	float: left;
	line-height: 30px;
	background: url(../images/login-bg.png) no-repeat;
	color: #ffffff;
	font-size: 16px;
	display: block;
	text-indent: 30px;
	overflow: hidden;
}

#nav .right .dl a {
	color: #ffffff;
	font-size: 16px;
}

#nav .right .zc {
	float: left;
	margin-right: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #393939
}

#nav .right .login {
	font-size: 14px
}

#nav .right .img {
	margin-right: 10px;
}

#nav .right .img img {
    width: 50px;
    height: 50px;
	line-height: 20px;
	border-radius: 50%;
}