.mbsc-ios .dwo { background: rgba(0,0,0,.3); }
.mbsc-ios .dwwr { background: #ffffff; }
.mbsc-ios .dwwo { background: linear-gradient(#ffffff,rgba(245,245,245,0) 52%,rgba(245,245,245,0) 48%,#ffffff); }
.dw-i { text-align: center; }
.mbsc-ios .dwhl .dwwc { padding: 10px 0; }
.dw-li { padding: 0;transition: all 200ms;}
.dwfl:first-child .dw-i { width: 100%;float: right;}
.dwfl:last-child .dw-i { width: 100%;float: left;}
.mbsc-ios .dw-li { overflow: hidden; }
.dwc { width: 100%; }
.mbsc-ios .dw-li { color: #6A6A6A;font-size: 18px; }
.mbsc-ios .dwcc .dw-sel { color: #3A3A3A;font-size: 24px;font-weight:500; }
.mbsc-ios .dwb-s .dwb {color: #fb9426;}
.mbsc-ios .dwwr { padding-top: 44px; }
.mbsc-ios .dwb { height: 44px;line-height: 44px;font-size: 16px;color: #666666; }
.mbsc-ios .dwbc,.mbsc-ios .dw-dr { background: #FFFFFF;color: #999999; }
.mbsc-ios .dwb { padding: 0 12px; }
.mbsc-ios .dwwol { margin: -18px 0 0 0px; }
.mbsc-ios .dw-sel .dw-dr { background: #f7f7f7;color: #fb9426;}
.mbsc-ios .dw-dr-c { width: 50%;float: left; }
.mbsc-ios .dw-dr-t { overflow: hidden; }
.mbsc-ios .dw-dr-c:nth-child(1) { border-right: 2px solid #e0e0e0; }
.from ul {
	padding: .28rem .32rem .44rem;
	font-size: .28rem;
}
.from ul li {
	height: .88rem;
	line-height: .88rem;
	border-bottom: 1px solid #e0e0e0;
	color: #666666;
	padding: 0 .24rem;
}
.from ul li .left {
	font-weight: bold;
}
.from ul li .right {
	color: #546ea3;
}
.from ul li .right .input {
	color: #546ea3;
	font-size: .32rem;
	height: .82rem;
	text-align: right;
	background-color: transparent;
}
.from .confirm-btn {
	display: block;
	width: 74.8%;
	margin: 0 auto .3rem;
	border-radius: .4rem;
	text-align: center;
	height: .86rem;
	line-height: .86rem;
	font-size: .32rem;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #fb9426;
	box-shadow: .07rem .07rem 0 #f0f0f0;
}
.from .confirm-btn:disabled {
	background-color: #CCCCCC;
}
.image-list {
	padding: .2rem;
}
.image-list li {
	background-color: #FFFFFF;
	padding: .04rem;
	margin-bottom: .22rem;
}
.image-list li .img {
	max-height: 4.68rem;
	overflow: hidden;
}
.image-list li .infor {
	height: 1rem;
	padding: 0 .32rem;
}
.image-list li .infor .title {
	width: 100%;
  height: 1rem;
  line-height: 1rem;
  font-size: .36rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.image-list li .infor .intro {
	width: 67%;
  color: #989898;
  font-size: .24rem;
  margin-top: .24rem;
  line-height: .3rem;
}
.image-list li .infor .intro span {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*预约会议室*/
.meeting-room-wrap .top {
	width: 100%;;
	overflow: hidden;
	position: relative;
}
.meeting-room-wrap .top .bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.meeting-room-wrap .top .ph {
	position: absolute;
	width: 84%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.meeting-room-wrap .top .appoint-time {
	position: absolute;
	right: .16rem;
	bottom: .24rem;
	padding: 0 .18rem;
	height: .52rem;
	line-height: .52rem;
	text-align: center;
	font-size: .28rem;
	color: #FFFFFF;
	background-color: #a4998e;
	border-radius: .24rem;
}
.meeting-room-wrap .top .appoint-time i {
	color: #f4d214;
}
.meeting-room-wrap .from .select-room  {
  appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  background: url("../img/arrow.png") no-repeat scroll right center transparent ;
  direction: rtl;
  padding-right: 16px;
}
.meeting-room-wrap .from .equipment {
	min-height: .88rem;
	height: inherit;
}
.meeting-room-wrap .from .equipment .right {
	width: 5rem;
	text-align: right;
}
.meeting-room-wrap .from .equipment .right span {
	display: inline-block;
  font-weight: initial;
  font-size: .28rem;
  padding: 0 .18rem;
  height: .48rem;
  line-height: .48rem;
  text-align: center;
  margin-left: .06rem;
  color: #555555;
  border: 1px solid #eeeeee;
  border-radius: .4rem;
}
.meeting-room-wrap .from .equipment .right span.active {
	color: #FFFFFF;
	background-color: #ff8400;
	border-color: #ff8400;
}
.meeting-room-wrap .from .cancel-order {
	border-bottom: none;
}
.meeting-room-wrap .from .cancel-order .cancel-btn {
	width: 1.6rem;
	height: .54rem;
	text-align: center;
	line-height: .52rem;
	border: 1px solid #d9d4ce;
	color: #777777;
	font-size: .24rem;
	margin: .28rem 0 0 -.24rem;
	border-radius: .26rem;
	display: none;
}
/*.meeting-room-wrap .from .tip {
	border-bottom: none;
	font-size: .24rem;
}
.meeting-room-wrap .from .tip .left {
	color: #fb9b33;
	font-weight: inherit;
}
.meeting-room-wrap .from .tip .right {
	color: #999999;
}
.meeting-room-wrap .from .tip .dur {
	margin: 0 .1rem;
}*/
/*预约参观*/
.visit-wrap .from ul {
	padding: .9rem .32rem .92rem;
}
.visit-wrap .from ul li {
	margin-bottom: .2rem;
}
.visit-wrap .from ul li:nth-child(4) {
	margin-bottom: .1rem;
}
.visit-wrap .from ul li.tip {
	border-bottom: none;
	color: #999999;
	font-size: .24rem;
}
.visit-wrap .from ul li.tip a {
	color: inherit;
	font-size: inherit;
}
.visit-wrap .bg-con {
	width: 5.68rem;
	padding: .18rem  0 0 .22rem;
}
/*提示*/
.hint .icon-success {
	display: block;
	width: 1.66rem;
	margin: 4rem auto .72rem;
}
.hint .text {
	font-size: .28rem;
	font-weight: bold;
	line-height: .4rem;
	text-align: center;
	color: #666666;
}
/*反馈建议*/
.feedback {
	background-color: #EDEDED;
}
.feedback .bg-title {
	width: 4.92rem;
	padding: .24rem 0 0 .24rem;
}
.feedback .textarea {
	padding: .56rem .2rem 0 .24rem;
}
.feedback .textarea textarea {
	resize:none;
	width: 100%;
	height: 5rem;
	outline: none;
	border: 1px solid #e0e0e0;
	padding: .2rem;
	font-size: .32rem;
	color: #666666;
	background-color: #FFFFFF;
}
.feedback .confirm-btn {
	margin-top: .54rem;
	box-shadow: 0.07rem 0.07rem 0 #dfdfdf;
}
/*会员服务（个人中心）*/
.index,.recent-activity-wrap,.member-story {
	background-color: #ededed;
}
.index .top-header {
	width: 100%;
	position: relative;
}
.index .top-header .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: .44rem;
	text-align: center;
}
.index .top-header .con .head {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%;
	box-shadow: 3px 3px 0 rgb(0,0,0,0.2);
}
.index .top-header .con .name {
	color: #FFF;
	font-weight: bold;
	font-size: .32rem;
	margin: .12rem 0 .01rem;
}
.index .top-header .con .phone {
	color: #CCC;
	font-size: .32rem;
}
.index .top-header .setting {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	position: absolute;
	top: .44rem;
	right: .4rem;
}
.index .appointment>div {
	margin-top: .3rem;
	display: none;
}
.index .appointment .title {
	height: 1rem;
	line-height: 0.9rem;
	padding: .0rem .3rem .5rem .3rem;
	font-size: .28rem;
	color: #666;
	font-weight: bold;
}
.index .appointment .title .left {
}
.index .appointment .meeting-room .title .right i {
	color: #fb9426;
}
.index .appointment .icon {
	width: .6rem;
	text-align: center;
	display: inline-block;
	margin-right: .12rem;
}
.index .appointment .meeting-room .icon img {
	width: .5rem;
  margin-top: .2rem;
}
.index .appointment .station .icon img {
	width: .5rem;
  margin-top: .2rem;
}
.index .appointment .title .go-more {
	color: #fb9426;
	margin-left: .16rem;
}
.index .appointment .list,
.appointment-list .list {
	background-color: #FFFFFF;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 .2rem 0 .28rem;
}
.appointment-list {
	background-color: #ededed;
}
.appointment-list .list {
	border: none;
}
.index .appointment .list li,
.appointment-list .list li {
	padding: .1rem .4rem .1rem 0;
	border-bottom: 1px solid #e0e0e0;
}
.index .appointment .list li:last-child,
.appointment-list .list li:last-child {
	border-bottom: none;
}
.index .appointment .list li .room,
.appointment-list .list li .room {
	width: 1.13rem;
  height: 1.13rem;
  margin-right: .34rem;
  text-align: center;
  color: #FFFFFF;
  background-color: #ff6d2c;
  box-shadow: 0.04rem 0.04rem 0 rgb(217,217,217,0.8);
  font-size: .24rem;
  padding-top: .3rem;
  line-height: 1;
}
.index .appointment .list li .room span,
.appointment-list .list li .room span {
	display: block;
	font-size: .32rem;
	margin-top: .06rem;
}
.index .appointment .station .list li .room,
.appointment-list.station-list .list li .room,
.index .appointment .list li .room1,
.appointment-list .list li .room1 {
	padding-top: 0;
	line-height: 1.13rem;
	font-size: .4rem;
}
.index .appointment .list li .date,
.appointment-list .list li .date {
	color: #234D76;
	font-size: .38rem;
	margin: .24rem 0 0 0;
	line-height:.38rem;
}
.index .appointment .list li .time,
.appointment-list .list li .time {
	color: #a6b4b9;
	font-size: .24rem;
	margin:  0;	
}
.index .appointment .station .list .type2,
.appointment-list .list li .type2 {
	/*margin-top: .08rem;*/
	margin-top: .4rem;
}
.index .appointment .station .list li,
.appointment-list.station-list .list li {
	overflow: hidden;
}
.index .appointment .station .list li .date,
.appointment-list.station-list .list li .date {
	line-height: 1;
	margin: 0;
	text-align: center;
	float: left;
}
.index .appointment .list li .exit-btn img,
.appointment-list .list li .exit-btn img,
.index .appointment .list li .refund-btn img,
.appointment-list .list li .refund-btn img {
	width: .33rem;
	margin: .03rem .14rem 0 0;
}
.index .appointment .list li .open-btn img,
.appointment-list .list li .open-btn img {
	width: .3rem;
	margin: .06rem .14rem 0 0;
}
.index .appointment .list li .refund-btn img,
.appointment-list .list li .refund-btn img {
	margin-top: .04rem;
}
.index .appointment .list li .exit-btn,
.appointment-list .list li .exit-btn,
.index .appointment .list li .refund-btn,
.appointment-list .list li .refund-btn,
.index .appointment .list li .open-btn,
.appointment-list .list li .open-btn {
	color: #67787e;
	font-size: .28rem;
	margin-top: .4rem;
}
.index .link {
	margin: .3rem 0;
	background-color: #FFFFFF;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 .4rem 0 .28rem;
}
.index .link li {
	height: 1.1rem;
	line-height: 1.1rem;
	border-bottom: 1px solid #e0e0e0;
}
.index .link li:last-child {
	border-bottom: none;
}
.index .link li a {
	display: block;
	font-size: .28rem;
	color: #666;
	font-weight: bold;
}
.index .link li a .left img {
	width: .5rem;
  text-align: center;
  margin: .28rem .16rem 0 0;
}
.index .link li a .icon-dir {
	width: .06rem;
	margin-right: .12rem;
	padding-top: .38rem;
}
.index .station .list  img {
	width: .7rem;
  text-align: center;
  margin: .22rem .22rem ;
}
.index .station .list .type2 img {
	width: .36rem;
  text-align: center;
  margin: 0rem 0.1rem ;
}
.index .station .list .date  a {
	font-size: .18rem;
}

/*空间展示*/
.space-show {
	width: 100%;
	height: 100%;
	background: url(../img/space-show-bg1.jpg) no-repeat;
	background-size: 100% 100%;
	/*padding: .3rem .22rem .88rem .22rem;*/
}
.space-show .swiper-container {
	border: 1px solid #FFFFFF;
	position: absolute;
	top: .3rem;
  bottom: .88rem;
  left: .22rem;
  right: .22rem;
}
.space-show .swiper-container img {
	height: 100%;
}
.space-show .swiper-pagination {
	width: 100%;
  /*margin-top: .26rem;*/
 	bottom: .36rem;
}
.space-show .swiper-pagination-bullet {
	width: .22rem;
	height: .22rem;
	border: 1px solid #ffffff;
	opacity: 1;
	background-color: transparent;
	margin: 0 .06rem 0 0;
}
.space-show .swiper-pagination-bullet-active {
	background-color: #FFFFFF;
	width: .74rem;
	border-radius: .16rem;
}
.space-show .swiper-container a>div {
  background-size: cover;
  background-position: center;
  height: 98%;
  width: 97%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.space-show .swiper-container a .intro {
	position: absolute;
  color: #ffffff;
  bottom: .34rem;
  left: .3rem;
  font-size: .26rem;
  line-height: .36rem;
}
/*预约工号*/
.appoint-station {
	padding-bottom: 2.52rem
}
.appoint-station .top-swiprt {
	height: 4.28rem;
}
.appoint-station .top-swiprt .intor {
	position: absolute;
	width: 100%;
	height: 1.26rem;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 1;
	padding: 0 .2rem .2rem .3rem;
	color: #FFFFFF;
	line-height: 1;
}
.appoint-station .top-swiprt .intor .title {
	font-size: .32rem;
	padding: .28rem 0 .12rem;
}
.appoint-station .top-swiprt .intor p {
	font-size: .22rem;
}
.appoint-station .section {
	margin-top: .4rem;
	padding: 0 .22rem .44rem .3rem;
	line-height: 1;
}
.appoint-station .section .left .title {
	font-size: .32rem;
	line-height: .64rem;
	color: #000000;
}
.appoint-station .section .left .area,
.appoint-station .section .left .time {
	color: #777777;
	font-size: .22rem;
}
.appoint-station .section .left .area {
	margin-bottom: .06rem;
}
.appoint-station .section .seat {
	width: 2.5rem;
	height: .52rem;
	line-height: .52rem;
	text-align: center;
	color: #FFFFFF;
	font-size: .26rem;
	background-color: #a4998e;
	border-radius: .4rem;
	display: none;
}
.appoint-station .list {
	padding: 0 .35rem 0 .3rem;
}
.appoint-station .list li {
	height: .86rem;
	line-height: .84rem;
	border-bottom: 1px solid #B1B1B1;
	font-size: .28rem;
	padding: 0 .4rem 0 .32rem;
}
.appoint-station .list li .left {
	color: #636363;
}
.appoint-station .list li .right {
	color: #234d76;
}
.appoint-station .list li .type {
	border: 1px solid #e4e0dd;
	background-color: #e4e0dd;
	border-radius: .4rem;
	margin-top: .18rem;
	position: relative;
}
.appoint-station .list li .type div {
	width: 1.24rem;
	height: .48rem;
	line-height: .48rem;
	text-align: center;
	border-radius: .4rem;
}
.appoint-station .list li .type div:nth-child(2) {
	margin: 0 -.2rem;
}
.appoint-station .list li .type div.active {
	background-color: #ff8400;
	color: #FFFFFF;
}
.appoint-station .list li .handle-num {
	margin-top: .3rem;
	height: .32rem;
}
.appoint-station .list li .handle-num img {
	width: .32rem;
}
.appoint-station .list li .handle-num .input-num {
	width: .66rem;
	height: .32rem;
	vertical-align: top;
	text-align: center;
	color: #234d76;
	font-size: .28rem;
}
.appoint-station .list li .select-date {
	position: relative;
}
.appoint-station .list li .select-date .date-input {
	position: absolute;
	right: 0;
	min-width: 3rem;
  height: .84rem;
  opacity: 0;
  background-color: transparent;
  z-index: 1;
}
.appoint-station .list li .select-date .date-result {
	display: none;
}
.appoint-station .list li .payment img {
	width: .52rem;
	margin-right: .14rem;
	margin: .2rem .14rem 0 0;
}
.appoint-station .list li.tip {
	border-bottom: none;
	line-height: 1;
}
.appoint-station .list li.tip .title {
	color: #d25400;
	font-size: .24rem;
	margin: .24rem 0 .15rem 0;
}
.appoint-station .list li.tip .text {
	color: #898989;
	font-size: .22rem;
}
.appoint-station .cancel-btn {
	position: absolute;
	bottom: 1.68rem;
	left: .24rem;
	width: 1.6rem;
	height: .54rem;
	text-align: center;
	line-height: .52rem;
	border: 1px solid #d9d4ce;
	color: #777777;
	font-size: .24rem;
	border-radius: .26rem;
	display: none;
}
.appoint-station .bottom-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #aea297;
	width: 100%;
	height: 1.38rem;
	line-height: 1.38rem;
	padding: 0 .3rem 0 .36rem;
}
.appoint-station .bottom-bar .left {
	color: #d7d2cc;
	font-size: .26rem;
}
.appoint-station .bottom-bar .left .sum {
	color: #f8f7f6;
	font-size: .3rem;
	font-weight: bold;
}
.appoint-station .bottom-bar .left .sum i {
	font-size: inherit;
	font-weight: inherit;
}
.appoint-station .bottom-bar .submit-btn {
	width: 4.1rem;
	height: .86rem;
	line-height: .86rem;
	text-align: center;
	font-size: .32rem;
	color: #FFFFFF;
	background-color: #ff8400;
	border-radius: .4rem;
	margin-top: .28rem;
}
/*联系我们*/
.contact-us .top .title {
	width: 5.2rem;
	margin: .18rem 0 0 .34rem;
}
.contact-us .con {
	position: relative;
	padding-top: .9rem;
}
.contact-us .con .bg-con {
	width: 6.8rem;
}
.contact-us .con .con-box {
	position: absolute;
  top: 0;
  padding: .14rem 0 0 .85rem;
}
.contact-us .con .title {
	margin-top: 1.24rem;
	margin-bottom: .14rem;
}
.contact-us .con .title-tel {
	width: 1.08rem;
}
.contact-us .con .title-park{
	width: 3.5rem;
}
.contact-us .con .title-email {
	width: 2rem;
}
.contact-us .con .title-add {
	width: 2.7rem;
}
.contact-us .con .text {
	color: #a9adb0;
	font-size: .26rem;
  font-weight: bold;
}
.contact-us .con .go-navigation {
	width: 2.88rem;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	font-size: .32rem;
	color: #FFFFFF;
	background-color: #ff8400;
	border-radius: .4rem;
	box-shadow: .07rem .07rem 0 #DFDFDF;
	margin-top: .44rem;
}
/*登录，绑定公司*/
.login,.bind-company {
	background-image: url(../img/login-bg.jpg);
	background-size: cover;
	background-position: center;
}
.login .confirm-btn,.bind-company .confirm-btn {
	display: block;
}
.login .input:disabled,.bind-company .input:disabled {
	color: #999999 !important;
}
.login .from, .bind-company .from {
	width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.3);
  padding-top: .4rem;
}
.login .from ul, .bind-company .from ul {
	padding: .4rem .34rem .44rem;
}
.login .from li, .bind-company .from li {
	color: #FFFFFF;
	line-height: .74rem;
	height: .74rem;
	margin-top: .34rem;
	border-bottom-color: #8f908e;
}
.login .from li .right .input, .bind-company .from li .right .input {
	height: .72rem;
	color: #FFFFFF;
	width: 3rem;
}
.login .from li .right .input:not(.msgCode), .bind-company .from li .right .input:not(.msgCode) {
	width: 5.6rem;
}
.login .from .set-code,.bind-company .from .set-code {
	background: transparent;
  color: #fff;
  background-color: #fb9426;
  padding: 0 .24rem;
  font-size: .28rem;
  height: .46rem;
  border-radius: .2rem;
  margin-left: .18rem;
}
.login .from .confirm-btn, .bind-company .from .confirm-btn {
	box-shadow: none;
	margin: .34rem auto .78rem;
}
.login .from .confirm-btn:disabled, .bind-company .from .confirm-btn:disabled {
	background-color: #CCCCCC;
}
.qrcode-open .code-box {
	width: 7rem;
	margin: 2rem auto 0;
  padding: .5rem;
  background-color: #ff6d2c;
}
.qrcode-open .qrcode-box {
  width: 6rem;
  height: 6rem;
  margin: auto;
  padding: .4rem;
  text-align: center;
  background-color: #fff;
  border-radius: .08rem;
}

/*停车缴费*/
.park .top .title {
	width: 3.8rem;
	margin: .18rem 0 0 .18rem;
}
.park .con {
	position: relative;
	padding-top: .9rem;
}
.park .con .bg-con {
	width: 6.8rem;
}
.park .con .con-box {
	position: absolute;
  top: 0;
	line-height: .30rem;
	font-size: .20rem;	
	padding: 0.5rem 0.5rem 0 0.5rem;
}
.park .con .title {
	margin:0 auto;  
	margin-top: 0.6rem;
	margin-bottom: .14rem;
}
.park .con .title-park{
	width: 3.5rem;
}
.park .con .text {
	color: #a9adb0;
	font-size: .26rem;
  font-weight: bold;
	line-height: 0.5rem;
  text-align:center;
  margin-bottom:0.6rem;
}
.park .con .go-navigation {
	width: 2.88rem;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	font-size: .32rem;
	color: #FFFFFF;
	background-color: #ff8400;
	border-radius: .4rem;
	box-shadow: .07rem .07rem 0 #DFDFDF;
	margin-top: .44rem;
}