@charset "utf-8";

html {
	height: 100%;
	width: 100%;
	overflow: hidden
}
.clear{
    clear: both
}
body {
	height: 100%;
	width: 100%;
	font-family: Arial,"Microsoft YaHei",SimSun;
	overflow: hidden;
	color: #666;
	background-color: #fff;
	line-height: 18px;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: none;
	font-size: 12px
}

p,img,form {
	border: 0;
	margin: 0;
	padding: 0
}

p {
	margin-bottom: 10px;
}
.pull-right{
    float:right;
}
.mlAuto {
	margin-left: auto;
	margin-right: auto
}

.height1 {
	height: 1px;
	overflow: hidden;
	clear: both
}

.height2 {
	height: 2px;
	overflow: hidden;
	clear: both
}

.height5 {
	height: 5px;
	overflow: hidden;
	clear: both
}

.height10 {
	height: 10px;
	overflow: hidden;
	clear: both
}

.height15 {
	height: 15px;
	overflow: hidden;
	clear: both
}

.height20 {
	height: 20px;
	overflow: hidden;
	clear: both
}

.height25 {
	height: 25px;
	overflow: hidden;
	clear: both
}

.height30 {
	height: 30px;
	overflow: hidden;
	clear: both
}

.height35 {
	height: 35px;
	overflow: hidden;
	clear: both
}

.height40 {
	height: 40px;
	overflow: hidden;
	clear: both
}

.height45 {
	height: 45px;
	overflow: hidden;
	clear: both
}

.height50 {
	height: 50px;
	overflow: hidden;
	clear: both
}

input,textarea,select {
	font-family: Arial,"Microsoft YaHei",SimSun;
	outline: none;
	resize: none;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle
}

.img-middle {
	vertical-align: middle
}

.auto-width {
	width: 100%;
	height: 100%
}

.img-block {
	display: block
}

.scale {
	width: 320px;
	overflow: hidden;
	-webkit-transform-origin: left top;
	transform-origin: left top
}

* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

a {
	color: #666;
	text-decoration: none
}

.main {
	width: 100%;
	max-width: 640px;
	height: 100%;
	overflow: hidden;
	position: relative
}

.main .main-c {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.loading {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2000
}

.main .bottom {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #b8b7b7;
	color: #fff;
	height: 49px;
	z-index: 1000
}

.main .bottom.flow {
	bottom: -49px
}

.main .bottom.flow.opened {
	bottom: 0
}

.main .bottom .chat-input {
	margin-left: 12px;
	margin-right: 12px;
	position: relative
}

.main .bottom .chat-input .ci-l {
	padding-top: 10px;
	margin-right: 75px
}

.main .bottom .chat-input .ci-r {
	position: absolute;
	right: 0;
	top: 11px
}

.main .bottom .chat-input .ci-r .btn {
	display: inline-block;
	height: 49px;
	text-align: center;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 15px auto;
	color: #797979;
	margin-left: 10px
}

.main .bottom .chat-input .ci-r .btn.light {
	color: #24b3c4
}

.main .bottom .chat-input .ci-r .btn .text {
	padding-top: 15px
}

.main .bottom .chat-input .ci-l .input {
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px
}

.main .bottom .chat-input .ci-l .input input {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
	height: 28px;
	line-height: 28px;
	color: #666
}

.main .bottom .del-btn {
	position: absolute;
	right: 0;
	display: block;
	font-size: 15px;
	color: #ff9b43;
	line-height: 49px;
	text-align: center;
	width: 55px;
	top: 0
}

.main .bottom .select-all-btn {
	position: absolute;
	left: 12px;
	display: block;
	font-size: 15px;
	color: #797979;
	padding-left: 20px;
	line-height: 49px;
	text-align: center;
	padding-right: 10px;
	background-size: 16px auto;
	background-position: left center;
	background-repeat: no-repeat;
	top: 0;
	background-image: url(../images/icons/timeline-chk.png)
}

.main .bottom .select-all-btn.chk {
	background-image: url(../images/icons/timeline-checked.png)
}

.main .bottom .btns .list {
	float: left;
	width: 50%
}

.main .bottom .btns .list a {
	display: block;
	height: 49px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 28px auto;
	color: #797979;
	margin-top: 18px;
	font-size: 15px;
}

.main .bottom .btns .list a.light {
	color: #24b3c4
}

.main .bottom .btns .list a .text {
	padding-top: 26px
}
/*.main .bottom .btns .list:first-child a{background-image:url(../images/icons/bottom/team.png)}*/
/*.main .bottom .btns .list:first-child a.light{background-image:url(../images/icons/bottom/team-hover.png)}
.main .bottom .btns .list:last-child a{background-image:url(../images/icons/bottom/itinerary.png)}*/
/*.main .bottom .btns .list:last-child a.light{background-image:url(../images/icons/bottom/itinerary-hover.png)}*/
.main .bottom .menu-btn .menu-btn-c {
	display: inline-block;
	background-image: url(../images/icons/bottom/popup1.png?123);
	width: 80px;
	height: 31px;
	background-size: 100% 100%
}

.main .bottom .menu-btn {
	position: absolute;
	top: 11px;
	width: 100%;
	text-align: center;
	height: 1px
}

.main .bottom .ac-bottom {
	height: 49px;
	overflow: hidden
}

.main .bottom .ac-bottom .list {
	float: left;
	width: 50%
}

.main .bottom .ac-bottom .list a {
	display: block;
	text-align: center
}

.main .bottom .ac-bottom .list:first-child a {
	color: #797979;
	font-size: 15px
}

.main .bottom .ac-bottom .list:first-child a span {
	display: inline-block;
	background-image: url(../images/icons/heart.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-size: 16px auto;
	height: 49px;
	line-height: 49px
}

.main .bottom .ac-bottom .list:last-child a {
	margin-left: 10px;
	margin-right: 10px;
	background-color: #fda832;
	border-radius: 5px;
	font-size: 15px;
	color: #fff;
	height: 37px;
	line-height: 37px
}

.main .bottom .ac-bottom .list:last-child a.disable {
	color: #fff;
	background-color: #dbdbdb
}

.main .bottom .ac-bottom .list:last-child {
	padding-top: 6px
}

.main .content {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	background-size: 100% 100%;
	-webkit-overflow-scrolling: touch
}

.main .content .content-c {
	padding: 10px
}

.banner {
	position: relative;
	width: 100%;
	overflow: hidden
}

.banner .max {
	width: 100000px;
	overflow: hidden
}

.banner .max .balist {
	float: left;
	overflow: hidden
}

.banner .btn {
	position: absolute;
	left: 0;
	bottom: 5px;
	text-align: center;
	width: 100%
}

.banner .btn .blist {
	display: inline-block;
	background-color: #fff;
	margin-left: 2px;
	margin-right: 2px;
	width: 12px;
	height: 12px;
	border-radius: 6px
}

.banner .btn .blist.current {
	background-color: #2ad2c9
}

.logo {
	position: absolute;
	left: 10px;
	top: 15px
}

.banner .label {
	border-radius: 10px;
	line-height: 14px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	background-color: #54cedd;
	padding: 4px 14px;
	display: inline-block;
	color: #fff
}

.banner .coordinate {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: block;
	background-image: url(../images/icons/coordinate.png);
	width: 18px;
	height: 18px;
	background-size: 100% 100%
}

.banner .title-bar {
	color: #fff;
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px
}

.banner .title-bar .l {
	margin-right: 80px;
	padding-left: 10px
}

.banner .title-bar .l .lc {
	padding-left: 5px;
	border-left: 1px solid #24b3c4;
	line-height: 16px;
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.banner .title-bar .r {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 30px
}

.top {
	height: 38px;
	background-color: #24b3c4;
	overflow: hidden;
	position: relative;
	z-index: 1000
}

.top.gray {
	height: 37px;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5
}

.top.gray .title {
	color: #24b3c4
}

.top.gray .back-btn {
	color: #24b3c4
}

.top .title {
	line-height: 38px;
	height: 38px;
	font-size: 15px;
	text-align: center;
	color: #fff
}

.top .tip {
	background-color: #f5f5f5;
	border-bottom: 12px solid white;
	color: #31b0d5;
	font-size: 15px;
	height: 68px;
	line-height: 20px;
	margin-bottom: 12px;
	position: relative;
	text-align: left;
	z-index: 1100;
	padding-top: 8px;
}

.top .pc-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	height: 38px;
	background-image: url(../images/icons/person.png);
	background-size: 18px 18px;
	background-position: center center;
	background-repeat: no-repeat
}

.top .ms-btn {
	position: absolute;
	right: 6px;
	top: 0;
	width: 30px;
	height: 38px;
	background-image: url(../images/icons/chat.png);
	background-size: 21px 19px;
	background-position: center center;
	background-repeat: no-repeat
}

.top .search-btn {
	position: absolute;
	right: 6px;
	top: 0;
	width: 30px;
	height: 38px;
	background-image: url(../images/icons/search-w.png);
	background-size: 15px 15px;
	background-position: center center;
	background-repeat: no-repeat
}

.top .ms-btn.hasms {
	background-image: url(../images/icons/chat-focus.png)
}

.top .sa-btn {
	position: absolute;
	left: 45px;
	top: 0;
	padding-right: 16px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 15px;
	background-image: url(../images/icons/address.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 9px 13px
}

.top .sa-btn.sb2 {
	left: 60px
}

.top .back-btn {
	position: absolute;
	left: 0;
	top: 0;
	height: 38px;
	background-size: 100% 100%;
	line-height: 38px;
	width: 60px;
	text-align: center;
	color: #fff;
	font-size: 15px
}

.top .send-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	background-size: 100% 100%;
	line-height: 38px;
	width: 60px;
	text-align: center;
	color: #fff;
	font-size: 15px
}

.top .attention-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	background-size: 100% 100%;
	line-height: 38px;
	width: 60px;
	text-align: center;
	color: #fff;
	font-size: 15px
}

.top .refresh-btn {
	position: absolute;
	right: 0;
	top: 0;
	height: 38px;
	background-size: 100% 100%;
	line-height: 38px;
	width: 60px;
	text-align: center;
	color: #fff;
	font-size: 15px
}

.top .general-btn {
	position: absolute;
	right: 10px;
	top: 7px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #fff;
	width: 60px;
	text-align: center;
	color: #fff;
	font-size: 15px
}

.top .del-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px
}

.top .general-btn[href='javascript:void(0);'] {
	color: #dbdbdb;
	border: 1px solid #dbdbdb
}

.top .share-main-btn {
	position: absolute;
	display: block;
	width: 38px;
	right: 0;
	top: 0;
	height: 38px;
	line-height: 38px;
	background-image: url(../images/icons/share.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 16px 16px
}

.activity .list {
	margin-bottom: 12px;
	position: relative;
	border-bottom: 2px solid #e6e6e6;
	background-color: #f5f5f5;
	padding: 10px 10px 10px 10px;
}

.activity .list img.avatar{
    width:20%;
    display:block;
    float:left;
    border-radius:1%;
    margin-left:1%;
    margin-right:1%;
    margin-top: 5px;
}



.activity .list .label {
	z-index: 600;
	position: absolute;
	right: 13px;
	top: -3px;
	background-image: url(../images/icons/activity-label-bg.png);
	width: 82px;
	height: 32px;
	background-size: 100% 100%;
	text-align: center;
	font-size: 9px
}

.activity .list .label-c {
	color: #fff;
	line-height: 32px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.activity .list .label.yellow {
	background-image: url(../images/icons/activity-label-yellow-bg.png)
}

.activity .list .list-c {
    width:78%;
    float:left;
}

.activity .list .list-c .title {
	font-size: 15px;
	line-height: 20px
}

.activity .list .list-c .title .line {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #24b3c4;
	width: 2px;
	height: 18px
}

.activity .list .list-c .title .tc {
	color: #3c3c3c;
	padding-left: 10px;
	position: relative;
	font-size: 17px;
	line-height: 1.5;
}

.activity .list.has-label .list-c .title .tc {
	color: #3c3c3c;
	padding-left: 10px;
	position: relative;
	padding-right: 100px
}

.activity .list .list-c .title .tc a {
	color: #3c3c3c
}

.activity .list .list-c .items {
	width: 100%;
	overflow: hidden;
	padding-top: 0px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}
/* 
.activity .list .list-c .items .item:first-child {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15)
} */

.activity .list .list-c .line {
	height: 12px;
	overflow: hidden;
	border-top: 1px solid #e6e6e6
}

.activity .list .list-c .attr {
	#height: 50px;
	overflow: hidden
}

.activity .list .list-c .attr .date {
	float: left;
	#position:relative;
    margin-left: 10px;
    margin-right: 30px;
}

.activity .list .list-c .attr .locations {
	#float: left;
	margin-left: 10px;
	margin-right: 30px;
}

.activity .list .list-c .attr .daynum {
    float: left;
}

.activity .list .list-c .attr .count {
	float: right
}

.activity .list .list-c .attr .count span {
	color: #24b3c4
}

.activity .list .list-c .attr .count span.attention {
	background-size: 12.5px auto;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center
}

.activity .list-out {
	position: relative;
	width: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.activity .list-out .cancel-attention {
	position: absolute;
	width: 90px;
	top: 0;
	right: -90px;
	height: 100%;
	background-color: #ffa061;
	display: block;
	background-image: url(../images/icons/cancel.png);
	background-size: 65px auto;
	background-position: center center;
	background-repeat: no-repeat
}

.activity .list-out.open {
	margin-left: -90px
}

.activity .list .end {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	left: 0;
	text-align: center;
	font-size: 15px;
	color: #fff;
	top: 0;
	background-position: center center;
	background-image: url(../images/end.png);
	background-size: 45px auto;
	background-repeat: no-repeat
}

.ns-window {
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000
}

.ns-window .ns-window-c {
	margin-left: auto;
	margin-right: auto;
	width: 256px;
	height: 134px;
	background-size: 100% 100%;
	background-color: #fff;
	color: #000;
	padding: 10px
}

.ns-window .ns-window-c span {
	color: #ff9a00
}

.ns-window .ns-window-c .ns-window-close .b {
	display: inline-block;
	background-size: 100% 100%;
	cursor: pointer;
	width: 30px;
	height: 30px
}

.ns-window .ns-window-c .ns-window-close {
	display: block;
	text-align: right
}

.hide {
	display: none
}

.ns-checkbox.theme1 {
	text-align: center
}

.ns-checkbox.theme1 .nschkbox {
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px
}

.ns-checkbox.theme1 .nschkbox.chk {
	border: 1px solid #24b3c4;
	color: #fff;
	background-color: #24b3c4
}

.ns-checkbox.theme1 .clist {
	display: inline-block
}

.ns-checkbox.theme2 {
	text-align: center
}

.ns-checkbox.theme2 .nschkbox {
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #dcdcdc;
	display: block;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	padding-left: 15px;
	padding-right: 15px
}

.ns-checkbox.theme2 .nschkbox.chk {
	border: 1px solid #24b3c4;
	color: #fff;
	background-color: #24b3c4
}

.ns-checkbox.theme2 .clist {
	float: left;
	width: 25%;
	margin-bottom: 10px
}

.nsselect {
	height: 26px;
	line-height: 26px;
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: right center
}

.ns-items {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.7);
	left: 0;
	top: 0;
	z-index: 6000
}

.ns-items .ns-items-c {
	max-height: 80%;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	margin-left: 20px;
	margin-right: 20px;
	box-shadow: 0 0 1px 1px rgba(255,255,255,0.4);
	position: relative;
	overflow: hidden
}

.ns-items .ns-items-c .ns-item {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc
}

.ns-items .ns-items-c .ns-item span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: 10px;
	margin-right: 10px
}

.ns-items .ns-items-c .ns-item:last-child {
	border-bottom: 0 solid #ccc
}

.ns-items .ns-items-c .ns-item:active,.ns-items .ns-items-c .ns-item.current {
	background-color: #666;
	color: #fff
}

.welcome {
	background-image: url(../images/loading/loading.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover !important
}

.load-ing {
	background-image: url(../images/loading.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover !important
}

.icon-items .item {
	float: left;
	background-size: cover;
	border-radius: 5px;
    border-radius: 50%;
}

.menu {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.menu.opened {
	bottom: 50px
}

.menu.opened.at-bottom {
	bottom: 0
}

.menu a {
	display: inline-block;
	margin: 4px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(.1, .1);
	transform: scale(.1, .1);
	opacity: 0;
	background-size: 100% 100%
}

.menu.opened a {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1
}

.menu a.m11 {
	background-image: url(../images/menu/follow_me.png);
	width: 74px;
	height: 74px
}

.menu a.m12 {
	background-image: url(../images/menu/take_me.png);
	width: 74px;
	height: 74px
}

.menu a.m21 {
	background-image: url(../images/menu/menu-2-1-hover.png);
	width: 51px;
	height: 51px
}

.menu a.m22 {
	background-image: url(../images/menu/menu-2-2-hover.png);
	width: 51px;
	height: 51px
}

.menu a.m23 {
	background-image: url(../images/menu/menu-2-3-hover.png);
	width: 51px;
	height: 51px
}

.menu a.m24 {
	background-image: url(../images/menu/menu-2-4-hover.png);
	width: 51px;
	height: 51px
}

.menu a.m25 {
	background-image: url(../images/menu/menu-2-5-hover.png);
	width: 51px;
	height: 51px
}

.menu a.m31 {
	background-image: url(../images/menu/eat.png);
	width: 64px;
	height: 64px
}

.menu a.m32 {
	background-image: url(../images/menu/play.png);
	width: 64px;
	height: 64px
}

.menu a.m33 {
	background-image: url(../images/menu/buy.png);
	width: 64px;
	height: 64px
}

.menu a.m34 {
	background-image: url(../images/menu/live.png);
	width: 64px;
	height: 64px
}

.chat .info {
	background-color: #efefef;
	margin-bottom: 10px
}

.chat .info .info-c {
	padding: 10px;
	position: relative
}

.chat .info .info-c .date {
	position: absolute;
	right: 10px;
	top: 10px
}

.chat .info .info-c .title {
	font-size: 15px;
	height: 26px;
	margin-right: 70px
}

.chat .info .info-c .title .tc {
	color: #3c3c3c;
	padding-left: 4px;
	border-left: 1px solid #24b3c4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chat .info .info-c .title .tc a {
	color: #3c3c3c
}

.chat .info .info-c .items {
	min-height: 52px;
	position: relative
}

.chat .info .info-c .items .captain {
	background-size: 100% 100%;
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 3px
}

.chat .info .info-c .items .item-c {
	padding-top: 13px;
	margin-left: 61px;
	overflow: hidden
}

.chat .info .info-c .items .item-c .item {
	background-size: 100% 100%;
	width: 39px;
	height: 39px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 3px
}

.chat .ms-items {
	margin-left: 13px;
	margin-right: 13px
}

.chat .ms-items .item {
	margin-bottom: 13px;
	position: relative;
	min-height: 40px
}

.chat .ms-items .item .img {
	position: absolute;
	top: 0;
	width: 39px;
	height: 39px;
	border-radius: 3px;
	overflow: hidden
}

.chat .ms-items .item.l .img {
	left: 0
}

.chat .ms-items .item.r .img {
	right: 0
}

.chat .ms-items .item .desc {
	padding-top: 9px
}

.chat .ms-items .item .desc span {
	display: inline-block;
	padding: 5px;
	border: 1px solid #dedede;
	border-radius: 5px
}

.chat .ms-items .item.l .desc {
	margin-left: 50px
}

.chat .ms-items .item.r .desc {
	margin-right: 50px;
	text-align: right
}

.chat.has-name .ms-items .item .desc {
	padding-top: 26px
}

.chat.has-name .ms-items .item .name {
	position: absolute;
	top: 1px
}

.chat.has-name .ms-items .item.l .name {
	left: 50px
}

.chat.has-name .ms-items .item.r .name {
	right: 50px
}

.person-item .car {
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(../images/icons/car.png);
	width: 12px;
	height: 12px;
	background-size: 100% 100%
}

.person-item .sex-man {
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../images/icons/sex-man.png);
	width: 12px;
	height: 12px;
	background-size: 100% 100%
}

.person-item .sex-woman {
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../images/icons/sex-woman.png);
	width: 12px;
	height: 12px;
	background-size: 100% 100%
}

.select-page .list {
	float: left;
	width: 33.33333333%;
	margin-bottom: 10px
}

.select-page .title {
	font-size: 15px;
	padding-left: 7px;
	padding-bottom: 8px
}

.select-page .list a {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #dddcdc;
	height: 40px;
	line-height: 40px;
	color: #3c3c3c;
	font-size: 15px
}

.select-page .list a.current {
	background-color: #24b3c4;
	border: 1px solid #24b3c4;
	color: #fff
}

.activity-detail .main-title {
	height: 28px;
	overflow: hidden
}

.activity-detail .main-title .mtl {
	float: left
}

.activity-detail .main-title .mtl .t1 {
	display: inline-block;
	color: #24b3c4;
	font-size: 15px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	padding-left: 18px;
	margin-right: 10px;
	background-image: url(../images/icons/bus.png)
}

.activity-detail .main-title .mtr {
	float: right
}

.activity-detail .main-title .mtr span {
	color: #24b3c4
}

.activity-detail .list .items {
	min-height: 52px;
	position: relative
}

.activity-detail .list .items .captain {
	background-size: 100% 100%;
	width: 52px;
	height: 52px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 3px
}

.activity-detail .list .items .item-c {
	padding-top: 13px;
	margin-left: 61px;
	overflow: hidden
}

.activity-detail .list .items .item-c .item {
	background-size: 100% 100%;
	width: 39px;
	height: 39px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 3px
}

.activity-detail .list .items .item-c .add-item {
	background-size: 16px auto;
	border: 1px solid #dadada;
	width: 37px;
	height: 37px;
	background-image: url(../images/icons/join.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
	overflow: hidden;
	position: relative;
	border-radius: 3px
}

.activity-detail .list .labels {
	padding-bottom: 10px
}

.activity-detail .list .labels span {
	margin-bottom: 5px;
	display: inline-block;
	padding: 2px 10px 2px 10px;
	border: 1px solid #e1e1e1;
	border-radius: 10px
}

.activity-detail .list .labels span.current {
	background-color: #6dd090;
	border: 1px solid #6dd090;
	color: #fff
}

.activity-detail .list .labels span.current2 {
	background-color: #ffc36f;
	border: 1px solid #ffc36f;
	color: #fff
}

.activity-detail .list .lt {
	color: #3c3c3c;
	font-size: 15px;
	display: inline-block;
	margin-bottom: 5px
}

.activity-detail .list .desc {
	line-height: 20px
}

.activity-detail .list {
	margin-bottom: 10px
}

.activity-detail .comment .ct span {
	color: #3e3e3e;
	font-size: 15px;
	border-left: 1px solid #24b3c4;
	display: inline-block;
	padding-left: 5px
}

.activity-detail .comment .ct {
	height: 30px
}

.activity-detail .comment .textarea {
	border-radius: 5px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	margin-bottom: 10px
}

.activity-detail .comment .textarea textarea {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
	height: 100px
}

.activity-detail .comment .submit {
	width: 85px;
	height: 30px;
	color: #fff;
	font-size: 15px;
	background-color: #fda832;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	border-radius: 3px
}

.activity-detail .comment .comment-list {
	margin-bottom: 10px;
	position: relative;
	min-height: 52px
}

.activity-detail .comment .comment-list .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 52px;
	height: 52px;
	border-radius: 3px;
	overflow: hidden
}

.activity-detail .comment .comment-list .desc {
	margin-left: 62px
}

.activity-detail .comment .comment-list .desc .name {
	color: #24b3c4;
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px
}

.share-flow {
	display: none;
	z-index: 3000;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	left: 0;
	top: 0
}

.share-flow .cancel {
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #fff;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	font-size: 15px;
	color: #24b3c4
}

.share-flow .cancel:active {
	background-color: #dbdbdb
}

.share-flow .btns {
	background-color: #f9f9f9;
	position: absolute;
	padding-top: 10px;
	width: 100%;
	bottom: 42px;
	left: 0
}

.share-flow .btns .list {
	width: 25%;
	float: left;
	text-align: center;
	margin-bottom: 10px
}

.scenic-spots .item {
	margin-bottom: 15px
}

.scenic-spots .item .it {
	font-size: 15px;
	color: #3c3c3c;
	height: 26px
}

.scenic-spots .item .it span {
	display: inline-block;
	border-left: 1px solid #24b3c4;
	padding-left: 6px
}

.scenic-spots .item .ic-list {
	position: relative;
	margin-bottom: 5px;
	min-height: 20px
}

.scenic-spots .item .ic-list .attr {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px
}

.scenic-spots .item .ic-list .text {
	margin-left: 50px
}

.scenic-spots .list {
	background-color: #f6f6f6
}

.scenic-spots .list .list-c {
	padding: 10px;
	min-height: 65px;
	position: relative;
	margin-bottom: 10px
}

.scenic-spots .list .list-c .img {
	border-radius: 3px;
	overflow: hidden;
	width: 65px;
	height: 65px;
	position: absolute;
	left: 10px;
	top: 10px
}

.scenic-spots .list .list-c .desc {
	margin-left: 75px
}

.scenic-spots .list .list-c .desc .title {
	font-size: 15px;
	padding-bottom: 5px
}

.scenic-spots .list .list-c .desc .title a {
	color: #3c3c3c
}

.nomb {
	margin-bottom: 0 !important
}

.nopb {
	padding-bottom: 0 !important
}

.perfect-information .lead {
	background-color: #efefef
}

.perfect-information .lead .lead-c {
	position: relative;
	min-height: 56px;
	padding: 10px
}

.perfect-information .lead .lead-c .img {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 56px;
	height: 56px;
	border-radius: 3px;
	overflow: hidden
}

.perfect-information .lead .lead-c .text {
	line-height: 28px;
	margin-left: 66px
}

.perfect-information .lead .lead-c .count {
	position: absolute;
	right: 10px;
	bottom: 10px
}

.perfect-information .lead .lead-c .count span {
	color: #24b3c4
}

.perfect-information .selecter {
	margin-bottom: 60px
}

.perfect-information .selecter .st {
	font-size: 15px;
	height: 30px;
	text-align: center
}

.perfect-information .selecter .sc {
	position: relative
}

.perfect-information .selecter.data-selecter .sc .l {
	color: #3c3c3c;
	font-size: 14px;
	float: left;
	width: 50%;
	text-align: right
}

.perfect-information .selecter.data-selecter .sc .r {
	color: #3c3c3c;
	font-size: 14px;
	float: right;
	width: 50%;
	text-align: left
}

.perfect-information .selecter.data-selecter .sc .c {
	position: absolute;
	height: 1px;
	text-align: center;
	width: 100%;
	line-height: 24px;
	font-size: 14px
}

.perfect-information .selecter.data-selecter .sc .l span {
	border-bottom: 1px solid #24b3c4;
	line-height: 24px;
	display: inline-block;
	margin-right: 30px
}

.perfect-information .selecter.data-selecter .sc .r span {
	border-bottom: 1px solid #24b3c4;
	line-height: 24px;
	display: inline-block;
	margin-left: 30px
}

.perfect-information .textarea {
	border-radius: 3px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	padding-bottom: 0;
	margin-bottom: 20px
}

.perfect-information .textarea .choose-image {
	position: absolute;
	right: 0;
	bottom: 5px;
	background-image: url(../images/icons/big-photo.png);
	width: 47px;
	height: 34px;
	display: inline-block;
	background-size: 100% 100%
}

.perfect-information .textarea .img-list-out {
	margin-right: 47px;
	overflow: hidden
}

.perfect-information .textarea .img-list-out .img-list {
	float: left;
	width: 80px;
	overflow: hidden;
	height: 70px;
	margin-bottom: 10px
}

.perfect-information .textarea .img-list-out .img-list .img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 3px;
	margin-right: 10px;
	width: 70px;
	height: 70px
}

.perfect-information .textarea .images {
	position: relative
}

.perfect-information .textarea textarea {
	color: #000;
	font-size: 15px;
	border: 0;
	padding: 0;
	margin: 0 0 10px;
	background: none;
	width: 100%;
	height: 100px
}

.perfect-information .submit {
	width: 150px;
	height: 42px;
	color: #fff;
	font-size: 15px;
	background-color: #24b3c4;
	display: inline-block;
	text-align: center;
	line-height: 42px;
	border-radius: 3px
}

.nsdata-selecter {
	z-index: 3000;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	left: 0;
	top: 0
}

.nsdata-selecter .nss-c {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.nsdata-selecter .nss-c .btns {
	bottom: 216px;
	left: 0;
	background-color: #adb4be;
	height: 38px;
	position: absolute;
	width: 100%
}

.nsdata-selecter .nss-c .btns .cancel {
	line-height: 38px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 15px;
	display: inline-block;
	height: 38px;
	width: 50px
}

.nsdata-selecter .nss-c .btns .ok {
	line-height: 38px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 15px;
	display: inline-block;
	height: 38px;
	width: 50px
}

.nsdata-selecter .nss-c .date {
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 216px;
	width: 100%
}

.nsdata-selecter .nss-c .date .col {
	font-size: 15px;
	text-align: center;
	float: left;
	width: 50%;
	height: 216px;
	overflow: hidden
}

.nsdata-selecter .nss-c .mask {
	position: absolute;
	left: 0;
	background-size: 100% 100%;
	bottom: 0;
	width: 100%;
	height: 216px;
	background-image: url(../images/nsdata-selecter-mask.png)
}

.nsdata-selecter .nss-c .area {
	height: 37px;
	position: absolute;
	left: 0;
	bottom: 88px;
	border-top: 1px solid #c8cdd4;
	border-bottom: 1px solid #c8cdd4;
	width: 100%
}

.nsdata-selecter .nss-c .date .col.l .col-max {
	float: right;
	margin-right: 30px;
	width: 37px
}

.nsdata-selecter .nss-c .date .col.r .col-max {
	margin-left: 30px;
	width: 37px
}

.nsdata-selecter .nss-c .date .col .col-max .list {
	line-height: 37px;
	width: 37px;
	height: 37px;
	overflow: hidden
}

.nsdata-selecter .nss-c .date .col .col-max .list.current {
	color: #3c3c3c
}

.nsdata-selecter .nss-c .date .col.l .month-btn {
	float: right;
	margin-right: 30px;
	width: 37px;
	height: 216px
}

.nsdata-selecter .nss-c .date .col.r .day-btn {
	margin-left: 30px;
	width: 37px;
	height: 216px
}

.nsdata-selecter .nss-c .date.nobg {
	background: none
}

.search {
	height: 50px;
	margin-left: 5px;
	position: relative;
	padding-top: 15px
}

.search .r {
	position: absolute;
	right: 0;
	top: 15px
}

.search .r a {
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 15px;
	color: #3c3c3c;
	width: 60px;
	text-align: center
}

.search .l {
	background-image: url(../images/icons/search.png);
	padding-left: 36px;
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: 10px center;
	margin-right: 60px;
	background-color: #efefef;
	height: 34px;
	border-radius: 17px
}

.search .l .input {
	margin-right: 10px
}

.search .l .input input {
	border: 0;
	padding: 0;
	font-size: 15px;
	margin: 0;
	background: none;
	width: 100%;
	height: 34px;
	line-height: 34px;
	color: #666
}

.destination .list {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 5px
}

.destination .list .text {
	width: 100%;
	color: #fff;
	font-size: 15px;
	background-color: rgba(0,0,0,0.2);
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0
}

.destination .list .text .tc {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	border-left: 1px solid #24b3c4;
	line-height: 16px;
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.invite .item {
	padding-top: 10px
}

.invite .item .it {
	margin-left: 10px;
	height: 30px
}

.invite .item .it span {
	line-height: 16px;
	font-size: 15px;
	padding-left: 5px;
	display: inline-block;
	border-left: 1px solid #24b3c4
}

.invite .item .ic .list {
	float: left;
	width: 25%;
	margin-bottom: 10px
}

.invite .item .ic .list .list-c {
	width: 64px
}

.invite .item .ic .list .list-c .img {
	height: 64px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	width: 64px
}

.invite .item .ic .list .list-c .img .icon {
	position: absolute;
	right: 2px;
	top: 2px;
	background-image: url(../images/icons/chk.png);
	width: 16px;
	height: 16px;
	background-size: 100% 100%
}

.invite .item .ic .list .list-c .img.chk .icon {
	background-image: url(../images/icons/checked.png)
}

.invite .item .ic .list .list-c .text {
	height: 30px;
	text-align: center;
	line-height: 28px;
	font-size: 14px
}

.invite .invite-btn {
	display: inline-block;
	width: 150px;
	height: 43px;
	text-align: center;
	font-size: 15px;
	line-height: 43px;
	border-radius: 10px;
	background-color: #24b3c4;
	color: #fff
}

.invite.affirm {
	font-size: 14px
}

.invite.success {
	background-image: url(../images/invite-success-bg.png);
	background-size: 100% auto;
	background-position: left bottom;
	background-repeat: no-repeat
}

.pcenter .info {
	background-color: #f9f9f9;
	padding: 10px
}

.pcenter .info .info-c {
	position: relative;
	min-height: 56px
}

.pcenter .info .info-c .img {
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0
}

.pcenter .info .info-c .text {
	margin-left: 66px;
	line-height: 26px;
	font-size: 14px
}

.pcenter .info .info-c .text span {
	color: #000
}

.pcenter .info .info-c .text .input {
	margin-bottom: 3px;
	position: relative
}

.pcenter .info .info-c .text .input .attr {
	position: absolute;
	left: 0;
	top: 0;
	color: #000
}

.pcenter .info .info-c .text .input .input-c {
	margin-left: 50px
}

.pcenter .info .info-c .text .input .input-c span {
	color: #666
}

.pcenter .info .info-c .text .input .input-c .error-code {
	color: #f00
}

.pcenter .info .info-c .text .input .input-c input {
	height: 26px;
	line-height: 26px;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%
}

.ns-checkbox.theme3 .nschkbox {
	margin-right: 10px;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding-left: 15px;
	background-image: url(../images/icons/radio.png);
	background-size: 12px auto;
	background-repeat: no-repeat;
	background-position: left center
}

.ns-checkbox.theme3 .nschkbox.chk {
	background-image: url(../images/icons/radio-chk.png)
}

.pcenter .video {
	padding: 10px
}

.pcenter .menus {
	margin-bottom: 10px;
	background-color: #f9f9f9
}

.pcenter .menus .list {
	font-size: 15px;
	color: #3c3c3c;
	background-size: 20px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 26px;
	display: block;
	border-bottom: 1px solid #ececec;
	margin-right: 13px;
	margin-left: 13px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pcenter .menus .list:last-child {
	border-bottom: 0
}

.space .video {
	padding: 10px
}

.space .info {
	padding: 10px
}

.space .info .info-c {
	position: relative;
	min-height: 56px
}

.space .info .info-c .img {
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0
}

.space .info .info-c .text {
	margin-left: 66px;
	line-height: 28px;
	font-size: 14px
}

.space .info .info-c .count {
	position: absolute;
	right: 0;
	top: 0;
	line-height: 56px
}

.space .info .info-c .count span {
	color: #24b3c4
}

.space .list .img {
	display: block;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 3px
}

.space .list .img .text {
	width: 100%;
	color: #fff;
	font-size: 15px;
	background-color: rgba(0,0,0,0.2);
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0
}

.space .list .img .text .tc {
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 5px;
	border-left: 1px solid #24b3c4;
	line-height: 16px;
	margin-top: 7px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.space .list .img .text .data {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 12px;
	line-height: 30px
}

.space .list .img .text .data span {
	display: inline-block;
	background-image: url(../images/icons/view.png);
	background-size: 14px auto;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px
}

.space .list .item {
	position: relative
}

.sign-in .textarea textarea {
	font-size: 14px;
	color: #000;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
	height: 100px
}

.sign-in .imgs {
	width: 100%;
	overflow: hidden
}

.sign-in .imgs .item {
	float: left;
	width: 65px;
	height: 65px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative
}

.sign-in .imgs .item .del {
	display: block;
	right: 1px;
	top: 1px;
	position: absolute;
	background-image: url(../images/icons/del.png);
	width: 16px;
	height: 16px;
	background-size: 100% 100%
}

.sign-in .imgs .add-img {
	width: 63px;
	height: 63px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid #cbcaca;
	background-image: url(../images/icons/add-image.png);
	background-size: 40px auto;
	background-position: center center;
	background-repeat: no-repeat
}

.timeline .item .it {
	font-size: 13px;
	color: #24b3c4;
	padding-left: 24px;
	line-height: 22px;
	background-size: 16px auto;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/timeline-chk.png)
}

.timeline .item.chk .it {
	background-image: url(../images/icons/timeline-checked.png)
}

.timeline .item .tl-c {
	background-image: url(../images/icons/timeline.png);
	background-size: 10px auto;
	background-position: 9px top;
	background-repeat: repeat-y;
	margin-left: 12px;
}

.timeline .item .tl-item {
	position: relative;
	min-height: 60px;
	margin-bottom: 20px;
	padding-top: 5px;
}

.timeline .item .tl-item:last-child {
	margin-bottom: 0
}

.timeline .item .tl-item .portrait {
	width: 65px;
	position: absolute;
	left: 0;
	top: 0;
	background-position: left 0;
	background-size: 10px auto;
	background-repeat: no-repeat
}

.timeline .item .tl-item .location_name {
    position:absolute;
    left: 35px;
    z-index: 999;
    color:#ffa303;
    width: 100%;
    /* margin-bottom: 38px; */
}

.timeline .item .tl-item .portrait.buy {
	background-size: 30px auto;
	background-image: url(../images/icons/0312/buy.png)
}

.timeline .item .tl-item .portrait.eat {
	background-size: 30px auto;
	background-image: url(../images/icons/0312/eat.png)
}

.timeline .item .tl-item .portrait.live {
	background-size: 30px auto;
	background-image: url(../images/icons/0312/live.png)
}

.timeline .item .tl-item .portrait.play {
	background-size: 30px auto;
	background-image: url(../images/icons/0312/play.png);
}

.timeline .item .tl-item .desc {
	margin-left: 75px;
	padding-top: 27px;
}

.timeline .item .tl-item .portrait .img {
	float: right
}

.timeline .item .tl-item .portrait .img img {
	display: block;
	border-radius: 50%;
}

.timeline .item .tl-item .desc .name-bar {
	margin-bottom: 5px;
	position: relative;
}

.timeline .item .tl-item .desc .name-bar .date {
	position: absolute;
	top: 0;
	right: 0px
}

.timeline .item .tl-item .desc .text {
        margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

.timeline .item .tl-item .desc .images {
	width: 100%;
	overflow: hidden
}

.timeline .item .tl-item .desc .btns {
	margin-bottom: 10px
}

.timeline .item .tl-item .desc .btns .praise {
	vertical-align: middle;
	background-image: url(../images/icons/praise-1.png);
	line-height: 18px;
	background-size: 18px auto;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right: 20px;
	background-position: left center;
	color: #54cedd;
	display: inline-block;
}

.timeline .item .tl-item .desc .btns .praise.ed {
	background-image: url(../images/icons/praise-1-ed.png)
}

.timeline .item .tl-item .desc .btns .chat {
	vertical-align: middle;
	background-image: url(../images/icons/chat-b.png);
	width: 19px;
	height: 18px;
	background-size: 100% 100%;
	display: inline-block;
	margin-right: 15px;
}

.timeline .item .tl-item .desc .images .ilist {
	float: left;
	width: 75px;
	height: 75px
}

.timeline .item .tl-item .desc .images .ilist .il-c {
	display: block;
	width: 65px;
	height: 65px;
	border-radius: 3px;
	overflow: hidden
}

.timeline .item .tl-item .desc .images.single .ilist {
	height: auto;
	width: 100%;
	margin-bottom: 10px
}

.timeline .item .tl-item .desc .images.single .ilist .il-c {
	display: block;
	width: 100%;
	height: auto
}

.timeline .item .tl-item .map a {
	color: #fff;
	display: inline-block;
	background-image: url(../images/icons/map.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	background-size: 10px auto;
}

.timeline .item .tl-item .map {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99999;
	border-radius: 15px;
	padding: 4px 10px;
	background-color: orange;
	/* color: #fff; */
}

.timeline .item .tl-item .desc .name-bar .name {
	color: #24b3c4
}

.timeline .item .tl-item .desc .comments {
	background-color: #f5f5f5;
	padding: 10px
}

.timeline .item .tl-item .desc .comments .uname {
	color: #24b3c4
}

.timeline .item .tl-item .t {
	margin-bottom: 10px;
	background-position: left top;
	padding-left: 15px;
	background-image: url(../images/icons/pathway.png);
	background-size: 10px auto;
	background-repeat: no-repeat
}

.timeline .item .tl-item .t span {
	color: #24b3c4;
	display: inline-block;
	font-size: 13px;
	background-image: url(../images/icons/address-y.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 14px;
	margin-left: 10px;
	background-size: 10px auto
}

.timeline .item .tl-item .img {
	margin-bottom: 10px;
	padding-left: 15px;
	margin-top: 45px;
}

.timeline .item .tl-item .img img {
	border-radius: 3px
}

.timeline .item .tl-item:first-child .t {
	background-image: url(../images/icons/landmark.png)
}

.timeline .item .tl-item .plist {
	position: relative;
	margin-bottom: 10px;
	min-height: 39px
}

.timeline .item .tl-item .plist .pimg {
	position: absolute;
	left: 15px;
	top: 0;
	border-radius: 3px;
	overflow: hidden
}

.timeline .item .tl-item .plist .ptext {
	margin-left: 62px
}

.timeline .item .tl-item .plist .ptext .name {
	font-size: 14px;
	color: #24b3c4;
	line-height: 22px
}

.timeline .item .replace-btn {
	background-image: url(../images/icons/replace.png);
	background-size: 35px auto;
	width: 35px;
	height: 11px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 30px
}

.timeline.itinerary .item .tl-c {
	margin-left: 0
}

.timeline.itinerary .item .bar {
	position: absolute;
	right: 10px;
	top: 142px
}

.timeline.itinerary .item .bar .chat {
	background-image: url(../images/icons/chat-b.png);
	width: 11px;
	height: 12px;
	background-size: 100% 100%;
	display: inline-block
}

.timeline.itinerary .item .bar .praise {
	background-image: url(../images/icons/praise.png);
	line-height: 14px;
	background-size: 11px auto;
	background-repeat: no-repeat;
	padding-left: 15px
}

.timeline.itinerary .item .bar .praise.light {
	background-image: url(../images/icons/praise-hover.png);
	color: #54cedd
}

.timeline.itinerary .info {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb
}

.timeline.itinerary .info .desc a {
	color: #24b3c4
}

.timeline.itinerary .info .it {
	font-size: 17px;
	margin-bottom: 10px;
	/* background-image: url(../images/icons/blue-car.png); */
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 18px auto;
}

.timeline.itinerary .info .locations {
    #padding-left:24px;
}
.timeline.itinerary .info .max {
	overflow: hidden
}

.timeline.itinerary .info .it img.avatar {
    position: absolute;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    float: left;
    display: block;
    margin-left: 4px;
}
.timeline.itinerary .info .it span {
	padding-left: 43px;
	line-height: 20px;
	display: inline-block;
	color: #3c3c3c;
	/* float: left; */
}

.timeline.itinerary .info .ic {
	overflow: hidden;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.timeline.itinerary .info .date {
	position: relative;
	#margin-left:23px;
	/* margin-bottom: 10px */
}

.timeline.itinerary .info .date .attention {
	position: absolute;
	right: 0;
	display: inline-block;
	background-image: url(../images/icons/attention.png);
	background-size: 12.5px auto;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: left center
}

.timeline.itinerary .info .date .attention-state {
	position: absolute;
	right: 0;
	top: 0
}

.timeline.itinerary .info .date .attention-state .attention-btn {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ff2020;
	color: #ff2020;
	border-radius: 5px;
	width: 60px;
	height: 17px;
	line-height: 17px
}

.timeline.itinerary .info .date .attention-state .attention-btn.ed {
	border: 1px solid #b5b5b5;
	color: #b5b5b5
}

.timeline.itinerary .info .ic .item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	position: relative;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}


.timeline.itinerary .info .labels span {
	margin-bottom: 4px;
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	height: 15px;
	line-height: 15px;
	border-radius: 7.5px;
	padding-left: 6px;
	padding-right: 6px;
	border: 1px solid #ccc
}

.timeline.itinerary .info .desc:empty-cells{
    display:none;
}
.timeline.itinerary .info .desc {
	margin-bottom:10px;
}
.timeline.itinerary .info .labels {
	width: 100%;
	overflow: hidden
}

.top.tab {
	background-color: #f5f5f5;
	background-image: url(../images/icons/top-line.png);
	text-align: center;
	background-position: left bottom;
	background-repeat: repeat-x
}

.top.tab .tablist {
	height: 37px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
	color: #3c3c3c;
	line-height: 37px;
	margin-right: 10px
}

.top.tab .tablist.current {
	color: #24b3c4;
	border-bottom: 1px solid #24b3c4
}

.top.tab .back-btn {
	color: #24b3c4
}

.top.tab .title {
	color: #24b3c4
}

.signin-menu {
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3000
}

.signin-menu .sm-c .sm-inner {
	margin-left: 50px;
	overflow: hidden;
	font-size: 15px;
	color: #3c3c3c;
	margin-right: 50px;
	border-radius: 10px
}

.signin-menu .sm-c {
	position: relative
}

.signin-menu .sm-c a {
	display: block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-bottom: 1px solid #cbcaca;
	background-color: #fff
}

.message .item {
	margin-bottom: 10px
}

.message .item .it {
	line-height: 42px;
	height: 42px;
	background-color: #f9f9f9;
	padding-left: 13px;
	padding-right: 13px
}

.message .item .it span {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #3c3c3c;
	display: inline-block;
	background-size: 17px auto
}

.message .item .list {
	display: block;
	border-bottom: 1px solid #c1c0c0;
	background-color: #efefef;
	min-height: 39px;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.message .item .list .img {
	position: absolute;
	left: 25px;
	top: 8px
}

.message .item .list .text {
	margin-left: 72px;
	margin-right: 25px
}

.message .item .list .text .title {
	font-size: 13px;
	color: #3c3c3c;
	line-height: 24px
}

.message .item:last-child {
	margin-bottom: 0
}

.message .item .list-out {
	position: relative;
	width: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.message .item .list-out .del-btn {
	position: absolute;
	width: 90px;
	top: 0;
	right: -90px;
	height: 100%;
	background-color: #e60012;
	display: block;
	background-image: url(../images/icons/remove.png);
	background-size: 30px auto;
	background-position: center center;
	background-repeat: no-repeat
}

.message .list-out.open {
	margin-left: -90px
}

.contact {
	overflow: hidden !important
}

.contact .item .it {
	height: 26px;
	line-height: 30px;
	color: #24c3c4;
	font-size: 15px;
	padding-left: 12px
}

.contact .item .list {
	display: block;
	border-bottom: 1px solid #c1c0c0;
	background-color: #efefef;
	min-height: 39px;
	padding-top: 8px;
	padding-bottom: 8px;
	position: relative;
	overflow: hidden;
	border-radius: 3px
}

.contact .item .list .img {
	position: absolute;
	left: 12px;
	top: 8px
}

.contact .item .list .text {
	margin-left: 60px;
	line-height: 39px;
	font-size: 14px;
	color: #3c3c3c;
	margin-right: 12px
}

.contact .item:last-child {
	margin-bottom: 0
}

.contact .item .list-out {
	position: relative;
	width: 100%;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.contact .item .list-out .del-btn {
	position: absolute;
	width: 90px;
	top: 0;
	right: -90px;
	height: 100%;
	background-color: #e60012;
	display: block;
	background-image: url(../images/icons/remove.png);
	background-size: 30px auto;
	background-position: center center;
	background-repeat: no-repeat
}

.contact .list-out.open {
	margin-left: -90px
}

.contact .index-bar {
	position: absolute;
	right: 0;
	top: 10px;
	width: 20px
}

.contact .index-bar .ib-list {
	text-align: center;
	width: 20px
}

.contact .mask {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%
}

.contact .mask .letter {
	font-size: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0
}

::-webkit-input-placeholder {
	color: #b8b7b7
}

:-moz-placeholder {
	color: #b8b7b7
}

::-moz-placeholder {
	color: #b8b7b7
}

:-ms-input-placeholder {
	color: #b8b7b7
}

.global-item .git {
	line-height: 18px;
	position: relative;
	padding-left: 10px;
	font-size: 18px;
	color: #3c3c3c;
	margin-bottom: 15px
}

.global-item .git .line {
	position: absolute;
	width: 2px;
	height: 18px;
	background-color: #54cedd;
	left: 0;
	top: 0
}

.input-address .input .input-c .heart {
        display: inline-block;
        background-image: url(../images/icons/bottom/heart.png?123);
        width: 28px;
        height: 25px;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        top: 0;
}

.input-address {
	margin-bottom: 35px;
	margin-left: 15px;
	margin-right: 15px
}

.input-address .input {
	position: relative;
	margin-bottom: 20px
}

.input-address .input .icon {
	position: absolute;
	left: 0;
	top: 0
}

.input-address .input .input-c {
	margin-left: 33px;
	border-bottom: 1px solid #b8b7b7;
}

.input-address .input .input-c input {
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 24px;
	font-size: 15px;
	background: none;
}

.input-address .input:last-child {
	margin-bottom: 0
}

.input-address .btn a {
	background-image: url(../images/icons/add_place.png);
	background-size: 19px 19px;
	padding-left: 24px;
	color: #b8b7b7;
	background-repeat: no-repeat;
	line-height: 20px;
	display: inline-block;
	margin-bottom: 10px
}

.input-address .btn {
	padding-top: 0;
	padding-bottom: 7px
}

.input-address .input.way .input-c {
	padding-right: 24px
}

.input-address .input.way .del-btn {
	background-image: url(../images/icons/del-position.png);
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 5px;
	background-size: 10px auto
}

.tab-bar {
	overflow: hidden;
	height: 40px;
	background-color: #fff
}

.tab-bar .list {
	height: 39px;
	font-size: 18px;
	position: relative;
	border-bottom: 2px solid #c5c5c5;
	text-align: center;
	float: left;
	line-height: 39px
}

.tab-bar .list .point {
	position: absolute;
	right: 15px;
	top: 10px;
	background-color: #ff3b3b;
	width: 5px;
	border-radius: 2.5px;
	height: 5px
}

.tab-bar .list a {
	display: block
}

.tab-bar .list.current {
	border-bottom: 2px solid #24b3c4
}

.tab-bar .list.current a {
	color: #000
}

.activity-detail .info .it .attention {
	display: inline-block;
	color: #24b3c4;
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 0
}

.activity-detail .info .it {
	position: relative
}

.activity-detail .info .it span {
	margin-right: 0;
	display: block !important
}

.activity-detail .cdesc img {
	margin-bottom: 10px;
	border-radius: 6px
}

.activity-detail .desc {
	margin-bottom: 10px
}

.activity-detail .hide-desc .hide-content {
	display: none
}

.activity-detail .hide-desc.opened .hide-content {
	display: block
}

.activity-detail .hide-desc.opened .hide-btn {
	display: none
}

.activity-detail .hide-desc .hide-btn {
	cursor: pointer;
	text-align: center
}

.activity-detail .hide-desc .hide-btn .icon {
	background-image: url(../images/icons/show-more.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	height: 20px
}

.activity-detail .hide-desc .hide-btn .text {
	background-color: #f5f5f5;
	height: 35px;
	line-height: 35px;
	color: #24b3c4;
	font-size: 14px
}

.activity-detail .comments .clist {
	border-bottom: 1px solid #f0f0f0;
	min-height: 50px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative
}

.activity-detail .comments .clist .portrait {
	position: absolute;
	left: 0;
	top: 0
}

.activity-detail .comments .clist .portrait img {
	border-radius: 3px
}

.activity-detail .comments .clist .co-desc {
	margin-left: 55px
}

.activity-detail .comments .clist .co-desc .name {
	font-size: 15px;
	color: #24b3c4;
	line-height: 26px
}

.activity-detail .comments .clist:last-child {
	border-bottom: 0
}

.activity-comment-bottom {
	background-color: #eee !important
}

.activity-comment-bottom .attention {
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/icons/heart-1.png);
	background-size: 25px auto;
	display: block;
	width: 45px;
	background-position: center center;
	background-repeat: no-repeat;
	height: 49px
}

.activity-comment-bottom .attention.lighted {
	background-image: url(../images/icons/heart-1-ed.png)
}

.activity-comment-bottom .input {
	margin-left: 9px;
	position: relative;
	padding-top: 6px
}

.activity-comment-bottom .input .l {
	height: 35px;
	border-radius: 5px;
	background-color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #b5b5b5;
	margin-right: 105px
}

.activity-comment-bottom .input .l input {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #000
}

.activity-comment-bottom .input .r {
	position: absolute;
	top: 6px;
	right: 10px
}

.activity-comment-bottom .input .r a {
	display: inline-block;
	width: 80px;
	height: 35px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	background: none;
	color: #8a8a8a;
	line-height: 35px
}

.nsphoto {
	background-color: #1A1A1A;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000
}

.nsphoto .nsphoto-max {
	position: relative
	overflow: hidden;
	vertical-align:middle;
}

.nsphoto .nsphoto-max .list {
	position: relative;
	background-position: center center;
	float: left;
	vertical-align:middle;
	v-align:middle;
	text-align:center;
	background-size: contain;
	background-repeat: no-repeat;
}


.nsphoto .nsphoto-max .list .list-title {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	font-size: 18px
}

.nsphoto .nsphoto-max .list .download {
    position: absolute;
    right: 15px;
    bottom: 26px;
    width: 8%;
}

.nsphoto .nsphoto-max .list .list-title .lt-c {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.nsphoto .close {
	background-image: url(../images/close.png);
	background-size: 26px;
	position: absolute;
	width: 20px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	right: 20px;
	top: 10px
}

.address-btn {
	display: block;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 50px;
	line-height: 50px
}

.address-btn .ab-c {
	margin-left: 30px;
	font-size: 17px;
	background-image: url(../images/icons/list-icon.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 7px auto;
	margin-right: 30px
}

.address-btn .ab-c span {
	display: block;
	background-image: url(../images/icons/address-1.png);
	margin-right: 10px;
	padding-left: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-size: 18px auto;
	background-position: left center;
	background-repeat: no-repeat
}

.address-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 1500
}

.address-list .al-c {
	border: 1px solid #e5e5e5;
	/* margin-left: 30px; */
	/* margin-right: 30px; */
	height: 100%;
	width: 100%;
	position: relative;
	background-color: #fff;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.address-list .al-c a {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	height: 40px;
	background-color: #f0eff5;
	line-height: 40px;
	font-size: 14px;
}

.address-list .al-c a span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 10px 24px;
	color:#000;
	/* margin-left: 10px; */
	/* margin-right: 10px; */
	/* background-color: #999; */
}

.address-list .al-c a:last-child {
	border-bottom: 0 solid #e5e5e5;
}

img.no_data {
    width: 60%;
    margin: 30% 20%;
}

img.no_sign_data {
    width: 100%;
}

div.downloadImgBG{
    width:100%;
    height:100%;
    position:fixed;
    z-index:999999;
    left:0px;
    top:0px;
    display:table;
    background-color:#000;
}
div.downloadImgBG .tip{
    color:#000;
    background:#fff;
    line-height:1.6;
    font-size:14px;
    text-align:center;
}
div.downloadImgBG img.downloadImg{
    width:100%;
    display:table-cell;
    vertical-align: middle;
}
.inputg input.select_city,input.select_keyword {
    width: 70%;
    margin-left: 5%;
    border: #999 solid 1px;
    border-radius: 4px;
    line-height: 2;
    font-size: 14px;
    padding: 2px 6px;
}
#select_search{
    font-size: 14px;
    line-height: 33px;
    /* padding: 0px 50px; */
    border: 0px;
    height: 33px;
    width: 86px;
    display: inline-block;
    text-align: center;
    /* content: ""; */
    color: #fff;
    background-color: #24b3c4;
    border-radius: 5px;
}