@charset "utf-8";
/* CSS Document */

.index{
	width:100%;
	height:240px;
	background:url(../img/index_bg.png) no-repeat;
	background-position: top center;
	background-size: 100%;
}
.change{
	padding:10px 15px;
	background: rgba(0,0,0,0.5);
	border-radius:5px;
	display:inline-block;
}
.choose-lang{
	color:#fff;
	font-size:16px;
}
.index-search{
	width:100%;
	padding:10px 20px;
	background:#fff;
	border-radius:8px;
	-moz-box-shadow:0px 0px 15px #8e8e8e;
	-webkit-box-shadow:0px 0px 15px #8e8e8e;
	box-shadow:0px 0px 15px #8e8e8e;
}
.serach-click{
	font-size:18px;
	padding:15px 30px;
	color:#bcbcbc;
	background: url(../img/index-search.png) no-repeat;
	background-size:18px;
	background-position:left center;
	border-bottom: solid 1px #dfdfdf;
	display:block;
}
.search-button{
	font-size:15px;
	color:#fff;
	text-align:center;
	padding:15px 0px;
	background:#4373f3;
	border-radius:8px;
	display:block;
	margin-top:20px;
}
.search-detail{
	font-size:16px;
	line-height:44px;
	color:#999;
	text-align:center;
	margin-top:10px;
}
.swiper-hot{
	width: 100%;
	margin: 20px auto;
}
.swiper-hot .swiper-slide{
	width:40%;
	margin-left:20px
}
.hot-add{
	width:100%;
	padding-bottom:100%;
	border-radius:5px;
	overflow:hidden;
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
.swiper-hot .swiper-slide:last-child{
	margin-right:20px;
}
.hot-ti{
	bottom:0px;
	left:0px;
	font-size:18px;
	color:#fff;
	line-height:22px;
	padding:10px 15px;
}
.advertisement{
	padding:5px 10px;
	border: solid 1px #bfbfbf;
	border-radius:5px;
	display:inline-block;
	font-size:12px;
	line-height:1em;
	float:right;
	margin-top:8px;
}
.swiper-ad .swiper-slide{
	width:80%;
	margin-left:20px;
}
.swiper-slide .ad-img{
	width:100%;
	padding-bottom:60%;
	border-radius:8px;
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}
.swiper-ad .swiper-slide:last-child{
	margin-right:20px;
}
.ad-ti{
	padding:0 20px 20px 20px;
	bottom:0px;
	left:0px;
}
.ad-bg{
	position:absolute;
	top:0px;
	left:0px;
}
.ad-ti-ti{
	font-size:20px;
	color:#fff;
	line-height:30px;
}
.button-link{
	font-size:13px;
	color:#fff;
	padding:10px 20px;
	background:#4373f3;
	border-radius:5px;
	display:inline-block;
	margin-top:10px;
}
.swiper-nav .swiper-slide{
	width: auto !important;
}
.nav-tab a{
	font-size:14px;
	font-weight:600;
	padding:10px 20px;
	display:inline-block;
}
.nav-active{
	color:#4373f3 !important;
	background:#e2eaff;
	border-radius:50px;
}
.swiper-nav .swiper-slide:first-child{
	margin-left:20px;
}
.swiper-nav .swiper-slide:last-child{
	margin-right:20px;
}
.product{
	margin:0 -5px;
}
.product ul{
	overflow:hidden;
	margin:0px;
}
.product ul li{
	width:50%;
	float:left;
	padding:0px 5px;
	margin-bottom:30px;
}
.pro-img{
	width:100%;
	padding-bottom:60%;
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	border-radius:5px;
}
.pro-tab{
	position:absolute;
	top:8px;
	left:8px;
	padding:5px 10px;
	background: rgba(255,255,255,0.7);
	border-radius:5px;
	display:inline-block;
	color:#111;
	font-size:12px;
}
.read-more button{
	font-size:15px;
	padding:16px 0px;
	width:100%;
	display:block;
	text-align:center;
	color:#0057ff;
	border: solid 1px #4385ff;
	border-radius:8px;
	background:#fff;
}
.footer{
	position:fixed;
	z-index:2;
	bottom:0px;
	left:0px;
	width:100%;
	background:#fafafa;
	border-top: solid 1px #e9e9e9;
}
.foot{
}
.foot ul{
	overflow:hidden;
	padding:10px 0px;
	margin:0px;
}
.foot ul li{
	width:33.333%;
	float:left;
	text-align:center;
}
.foot-nav{
	font-size:12px;
	color:#97a7c0;
	padding-top:7px;
}
.foot-nav-current{
	color:#0057ff !important;
}
/*   dialog-all    */
.dialog-bg{
	width:100%;
	height:100%;
	position: fixed;
	z-index: 9;
	top: 0px;
	left: 0px;
	background: #fff;
	display: none;
}
.choose-lau li {
	width: 100%;
	font-size: 18px;
	padding: 15px 0px;
	border-bottom: 1px #dfdfdf solid;
	margin-bottom: 30px;
}
.current-lau {
	background: url(../img/lau-choose.png) no-repeat;
	background-position: right center;
	background-size: 16px;
}
.search-container{
	/*display: block;*/
	overflow-y: auto;
}
input{
	outline:none;
}
.serach-input{
	font-size: 14px;
	width:100%;
	padding: 15px 30px;
	color: #111111;
	font-weight:600;
	background: url(../img/index-search.png) no-repeat;
	background-size: 18px;
	background-position: left center;
	border-bottom: solid 1px #dfdfdf;
	border-left: none;
	border-top: none;
	border-right: none;
	display: block;
}
.serach-input::-webkit-input-placeholder{
	color:#cbcbcb;
	font-weight:normal;
}
.search-box{
	padding-top:16px;
}
.search-box div{
	width:100%;
}
.search-li{
	width:100%;
	font-size:14px;
	line-height:60px;
	border-bottom: solid 1px #dfdfdf;
}

#history a{
	font-size:14px;
	color:#111;
	line-height:30px;
	padding:0px 10px;
	display:inline-block;
	margin-right:15px;
	border: solid 1px #999999;
	border-radius:15px;
	margin-bottom:15px;
}
.search-hot-li ul li a{
	font-size:16px;
	color:#111;
	padding-top:17px;
	padding-bottom:17px;
	display:block;
}
.search-hot-li ul li:first-child a{
	background:url(../img/hot-search@3x_11.png) no-repeat;
	background-size:15px;
	background-position: left center;
	padding-left:25px;
}
/*  order  */
.order-ti{
	overflow:hidden;
}
.order-ti li{
	width:25%;
	float:left;
	text-align:center;
}
.order-ti li a{
	font-size:14px;
	line-height:44px;
	display:inline-block;
}
.current-order a{
	color:#0057ff;
	font-weight:600;
	border-bottom: solid 1px #0057ff;
}
.order-li ul{
	padding-bottom:80px;
}
.order-li ul li{
	background:#fff;
	padding:20px;
	border-radius:8px;
	margin-top:20px;
	-moz-box-shadow:0px 0px 6px #dddddd;
	-webkit-box-shadow:0px 0px 6px #dddddd;
	box-shadow:0px 0px 6px #dddddd;

}
/*   订单详情    */
.order-detail{
	width: 100%;
	height: 240px;
	background: url(../img/hui002.png) no-repeat;
	background-position: top center;
	background-size: cover;
}
.order-de-ti{
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	margin-top: -80px;
	-moz-box-shadow: 0px 0px 6px #dddddd;
	-webkit-box-shadow: 0px 0px 6px #dddddd;
	box-shadow: 0px 0px 6px #dddddd;
}
.order-de-ticket{
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 6px #dddddd;
	-webkit-box-shadow: 0px 0px 6px #dddddd;
	box-shadow: 0px 0px 6px #dddddd;
	margin-top:20px;
}
.ticket-tabs .tabs{
	border-bottom: solid 1px #eaeaea;
	overflow:hidden;
}
.ticket-tabs .tabs li{
	line-height:44px;
	height:46px;
	font-size:14px;
	float:left;
	padding-right:30px;
}
.ticket-tabs .tabs li .current{
	color:#4373f3;
	font-weight:600;
	border-bottom: solid 2px #4373f3;
	display:inline-block;
}
.ticket-tabs .content .content-tab{
	padding-top:20px;
}
.content-tabimg img{
	width:50%;
	margin:20px 25%;
}
.ticket-mes{
	padding-bottom:110px;
}
.ticket-member-de{
	background:url(../img/ticket-person.png) no-repeat;
	background-size:16px;
	background-position: 20px 1px;
	padding-left:45px;
	margin-bottom:20px;
}
.explain-container{
	overflow-y: scroll;
}

/*  产品列表  */
.pro-list-top{
	width:100%;
	position:fixed;
	top:0px;
	background:#fff;
	-moz-box-shadow:0px 0px 8px #dcdcdc;
	-webkit-box-shadow:0px 0px 8px #dcdcdc;
	box-shadow:0px 0px 8px #dcdcdc;
	z-index:5;
}
.choose-list{
	overflow:hidden;
	line-height:20px;
}
.choose-list ul{
	overflow:hidden;
	margin-bottom:0px;
}
.choose-list ul li{
	float:left;
	margin-right:30px;
	font-size:14px;
	color:#333333;
	font-weight:600;
	padding-right:15px;
}
.current-pro{
	color:#0057ff !important;
}
.up{
	background:url(../img/up.png) no-repeat;
	background-position: right center;
	background-size:10px;
}
.down{
	background:url(../img/down.png) no-repeat;
	background-position: right center;
	background-size:10px;
}
/**加载效果旋转**/
@-webkit-keyframes rotate {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}@keyframes rotate {
	 0% {
		 -webkit-transform:rotate(0deg);
		 transform:rotate(0deg);
	 }
	 100% {
		 -webkit-transform:rotate(360deg);
		 transform:rotate(360deg);
	 }
 }.loadmore {
	  display:block;
	  line-height:50px;
	  text-align:center;
	  color:#ccc;
	  font-size:14px;
  }
.loadmore span {
	height:20px;
	width:20px;
	border-radius:100%;
	display:inline-block;
	margin:10px;
	border:2px solid #0057ff;
	border-bottom-color:transparent;
	vertical-align:middle;
	-webkit-animation:rotate 1.1s infinite linear;
	animation:rotate 1.1s infinite linear;
}
.loadover {
	position:relative;
	line-height:20px;
	color:#909090;
	text-align:center;
}
.loadover span {
	position:relative;
	display:inline-block;
	z-index:2;
	margin-top:50px;
}


.Sort-eject {
	position:fixed;
	top:-65%;
	width:100%;
	height:65%;
	z-index:1;
	-webkit-transition-duration:.4s
}
.Sort-eject>ul {
	margin:0;
	padding:0;
	overflow:auto;
	width:100%;
	padding:15px 15px 80px 15px;
	-webkit-transition-duration:.4s;
	overflow:hidden;
}
.Sort-eject>ul>li {
	width:33.333%;
	padding: 8px;
	float:left;
}
.Sort-eject>ul>li>a{
	width:100%;
	line-height:34px;
	background:#f5f5f5;
	display:inline-block;
	text-align:center;
	border-radius:4px;
}
.grade-w-roll {
	top:210px;
}
.grade-w-roll::after {
	position:fixed;
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:rgba(0,0,0,.2);
	top:0;
	z-index:2;
}
.Sort-ejects {

}
.Sort-ejects>ul {
	margin:0;
	padding:0;
	overflow:auto;
	width:100%;
	padding:0px 15px 0px 15px;
	-webkit-transition-duration:.4s;
}
.Sort-ejects>ul>li {
	width:33.333%;
	padding: 8px;
	float:left;
}
.Sort-ejects>ul>li>a{
	width:100%;
	line-height:34px;
	background:#f5f5f5;
	display:inline-block;
	text-align:center;
	border-radius:4px;
}
.choose-sorts{
	width:100%;
	position:absolute;
	bottom:50px;
}
.Sort-Sort {
	background:#fff;
	position:absolute;
	z-index:3;
	left:0;
	list-style-type:none
}
.Sort-Sort>li {
	padding:0
}
.Sort-Sort1 {
	background:#fff;
	position:absolute;
	z-index:3;
	left:0;
	list-style-type:none
}
.Sort-Sort1>li {
	padding:0
}
.Sort-Sort2 {
	background:#fff;
	position:absolute;
	z-index:3;
	left:0;
	list-style-type:none;
}
.Sort-Sort2>li {
	padding:0
}
.Sort-height {
	height:250px;
}
.choose-sort{
	width:100%;
	overflow:hidden;
	margin-left:-15px;
	position:absolute;
	bottom:0px;
}
.sort-reset{
	font-size:16px;
	line-height:50px;
	background:#f5f5f5;
	text-align:center;
}
.sort-choose{
	font-size:16px;
	line-height:50px;
	color:#fff;
	background:#0057ff;
	text-align:center;
}
.Sort-current a{
	background:#d9e6ff !important;
	color:#0057ff;
}
/*    商品详情页    */
.week-container{
	width: 100%;
	overflow: hidden;
	margin:0 auto;
	font-family: 'Microsoft YaHei';
	font-size: 16px;
}
.week-container .week_head{
}
.week-container .week_head span{
	line-height:40px;
	font-weight:600;
	text-align:center;
	display:block;
	font-size:18px;
}
.week-container .time_header{
	overflow: hidden;
}
.week-container .time_header h3{
	width:14.1%;
	text-align: center;
	margin:0;
	font-weight:normal;
	line-height: 34px;
	float: left;
	font-size: 12px;
	color:#686868;
}
.week-container .time_con{
	overflow: hidden;
	width: 300%;
	margin-left: -100%;
}
.week-container .time .slider_li{
	float: left;
	width:33.3%;
	box-sizing: border-box;
}
.week-container .time_td{
	float: left;
	width:14.1%;
	height:40px;
	text-align: center;
	border-radius: 50%;
	position: relative;
}
.week-container .current_else {
	float: left;
	width: 14.1%;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	position: relative;
	color:#999999;
}
.week-container .time_td p{
	margin:0;
}

.week-container .current_date{
	background: #4373f3;
	color: #fff;
}
.week-container .dot{
	position:absolute;
	left: 50%;
	bottom: 4px;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	background: #d9e6ff;
	border-radius: 50%;
}

.pro-ticket{
	padding:0px 20px 20px 20px;
	background-size:100% 200px !important;
	background-position:top center !important;
	background-repeat: no-repeat !important;
	border-radius:8px;
	overflow:hidden;
	-moz-box-shadow: 0px 0px 8px #dcdcdc;
	-webkit-box-shadow: 0px 0px 8px #dcdcdc;
	box-shadow: 0px 0px 8px #dcdcdc;
}
.ticket-ti a{
	font-size:16px;
	font-weight:600;
	line-height:25px;
	margin-top:10px;
	display:block;
	padding-right:10px;
	background: url(../img/ticket-go.png) no-repeat;
	background-size:7px;
	background-position:right center;
}
.accont-foorter{
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:5;
	-moz-box-shadow:0px -5px 10px #EAEAEA;
	-webkit-box-shadow:0px -5px 10px #EAEAEA;
	box-shadow:0px -5px 10px #EAEAEA;
}
.sum-price{
	line-height:60px;
	padding-left:20px;
	font-size:14px;
}
.sun-buy a{
	line-height:60px;
	text-align:center;
	display:inline-block;
	width:100%;
	background:#4373f3;
	color:#fff;
	font-size:16px;
}
.price-all{
	width:1px;
	height:1px;
	margin-left:-1px;
	margin-top:-1px;
	display:inline-block;
	overflow:hidden;
}
#num li input{
	border: none;
	background: none;
	color:#4373f3;
	font-size:24px;
	font-weight:600;
}
.number{
	padding:0 20px;
	display:inline-block;
}
.choose-person-row{
	width:100%;
	border-bottom: solid 1px #dfdfdf;
    overflow: hidden;
}
.right-protocol{
	float: right;
	margin-top: 8px;
}
.choose-person-a{
	padding:12px 20px;
	min-width: 100px;
	/*width:150px;*/
	/*text-align:center;*/
	margin-right:10px;
	/*margin-bottom:15px;*/
	color:#999999;
	/*background:#fafafa;*/
	display:inline-block;
	border-radius:5px;
}
.add-person-a{
	padding:12px 20px;
	min-width:100px;
	max-width:200px;
	text-align:center;
	margin-right:10px;
	margin-bottom:15px;
	color:#999999;
	background:#fafafa;
	display:inline-block;
	border-radius:5px;
	position: relative;
}
.current-person{
	background:#4373f3 !important;
	color:#fff !important;
}
.input{
	font-size:15px;
	padding:15px 0px;
	width:100%;
	border-bottom: solid 1px #dfdfdf;
	border-left: none;
	border-top: none;
	border-right: none;
	display: block;
	color:#111111;
	font-weight:600;
}
.input::-webkit-input-placeholder{
	color:#cbcbcb;
	font-weight:normal;
}
.button{
	width:100%;
	display:inline-block;
	font-size: 15px;
	color: #fff;
	text-align: center;
	padding: 15px 0px;
	background: #4373f3;
	border-radius: 8px;
	display: block;
	margin-top: 20px;
	border: none;
}
.textarea{
	width:100%;
	border: none;
	background:#fafafa;
	padding:15px;
	font-size:15px;
	line-height:22px;
	resize:none;
}
.detail-container{
	display:none;
}
.nav-height {
	height: 50px;
	box-sizing: border-box;
	z-index: 5;
	top: 0;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.nav-wrap {
	height: 50px;
	background: #fff;
	opacity: 1;
	overflow-x: scroll;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}
.nav-wrap ul {
	white-space: nowrap;
	margin:0px;
	height:50px;
	overflow-y:hidden;
	border-bottom: solid 1px #dfdfdf;
}
.nav-wrap li {
	display:inline-block;
	overflow: hidden;
	margin-right:20px;
	height:50px;
}
.nav-wrap li:last-child{
	margin-right:20px;
}
.nav-wrap li a {
	text-align: center;
	font-size: 15px;
	color: #484848;
	text-decoration: none;
	line-height: 46px;
	overflow:hidden;
	display: inline-block;
}
.nav-wrap li a.active {
	border-bottom: solid 2px #4373f3;
}
.nav-wrap.navFix {
	position:fixed !important;
	top: 0px;
	left: 0px;
	padding:0px 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-bottom: 1px solid #e3e3e3\9;
	z-index: 99;
}
.sidenav {
	animation: fade-in;
	animation-duration: 0.5s;
	-webkit-animation: fade-in 0.5s;
	opacity: 1 !important;
}
.pro_list_search{
	margin:-20px -20px 20px -20px;
}
.list_search_bg{
	width:100%;
	height:150px;
	padding:20px;
	background:url(../img/hui002.png) no-repeat;
	background-position:center;
	background-size:cover;
}
.list_input{
	width:100%;
	border-radius:5px;
	display:block;
	line-height:40px;
	background:url(../img/index-search.png) no-repeat #fff;
	background-size:15px;
	background-position:10px center;
	padding-left:35px;
}
.hot_place{
	background:url(../img/hot_place.png) no-repeat;
	background-size:15px;
	background-position:10px 10px;
	padding-left:35px;
	margin-top:10px;
}
.product_container{
	margin-top:230px;
}
.sj-color-wechat {
	background-color: #24db5a;
	color:#fff;
	font-size:16px;
}

.sj-color-blue {
	background-color: #009cde;
	color:#fff;
	font-size:16px;
}
.sj-color-master{
	background-color: #221f1f;
	color:#fff;
	font-size:16px;
}
.sj-color-visa{
	background-color: #1a1f71;
	color:#fff;
	font-size:16px;
}

.sj-hiddenfooter {
	z-index: -1 !important;
}
.sj-login {
	overflow-y: auto;
}
.sj-payment {
	overflow-y: auto;
}
.sj-close-payment {
	position: absolute;
	top: 30px;
	right: 5px;
	color: lightgray;
}
.sj-close-login {
	position: absolute;
	top: 30px;
	right: 20px;
	color: lightgray;
}
.sj-pay-h2 {
	line-height: 100px;
	font-weight: 500
}
.sj-bt-box {
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	flex-direction: column;
	margin-top: 50px;
}
.sj-p-expline{
	font-size: 14px;
	color: #484848;
	margin-top:20px;
}
.sj-face,.sj-bd,.sj-line,.sj-wx{
	height:50px;
	width:50px;
}
.sj-bg-logo{
	height:160px;
	width:160px;
	margin:0 auto;
}
.sj-bg-ex{
	height:60px;
	width:290px;
	margin:0 auto;
}
.sj-pay-ul{
	justify-content:space-between;
	width: 50%;
	height:50px;
	list-style: none;
	display:flex;
	margin: 10px auto;
	box-sizing: border;
}
.swiper-detail{
	height:200px;
}
.detail-img{
	width:100%;
	height:100%;
	background-repeat:no-repeat !important;
	background-position:center !important;
	background-size:cover !important;
}
.service{
	width:100%;
	position:fixed;
	bottom:100px;
	right:0px;
}
.service-container{
	overflow-y: scroll;
}
.service-view{
}
.service-time{
	font-size:12px;
	text-align:center;
	color:#999999;
	line-height:36px;
}
.service-world{
	width:80%;
	margin:10px 0px;
}
.system-logo{
	width:44px;
	height:auto;
}
.system-world{
	width: calc(100% - 44px);
	width: -webkit-calc(100% - 44px);
	width: -moz-calc(100% - 44px);
	padding-left:10px;
	margin-top:5px;
}
.system-world-box{
	background:#f5f5f5;
	padding:10px 15px;
	font-size:14px;
	line-height:22px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-bottomleft:7px;
	border-top-left-radius:0px;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
}
.service-user{
	width:100%;
	padding-left:20%;
	margin:10px 0px;
}
.close-con{
	width:100%;
	height:auto;
	background: #fff;
	position:fixed;
	top:0px;
	padding:10px 20px;
	z-index:10;
	-moz-box-shadow:0px 2px 3px #F4F4F4; -webkit-box-shadow:0px 2px 3px #F4F4F4; box-shadow:0px 2px 3px #F4F4F4;
}
.close-service{

}
.user-world-box{
	padding:10px 15px;
	font-size:14px;
	line-height:22px;
	background:#4373f3;
	color:#fff;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-bottomleft:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:7px;
}
.service-enter{
	width:100%;
	position: fixed;
	bottom:0px;
	z-index:10;
	background:#f7f7f7;
	padding:10px 0px;
}
.enter-textarea{
	width:100%;
	resize: none;
	padding:12px;
	line-height:18px;
	border-radius:5px;
	overflow-y:hidden;
	min-height:40px;
}
.enter-btn{
	width:100%;
	height:40px;
	border: none;
	background:#4373f3;
	text-align:center;
	border-radius:5px;
	color:#fff;
}
.date {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:100;
	width:100%;
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	text-align:center
}
.date .action {
	margin-top:20px
}
.date .title div {
	display:inline
}
.date ul li {
	display:inline-block;
	width:14.285%;
	text-align:center
}
.week li {
	background-color:#f1f1f1
}
.day .enter {
	color:#fff
}
.day .leave {
	background-color:salmon;
	color:#fff
}


.buytime{
	border-bottom: solid 1px #dfdfdf;
	padding:15px 0px;
	margin-bottom:10px;
	font-size:16px;
}

/*  日期控件*/
.date {
	padding-bottom:100px;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:100;
	width:100%;
	height:100%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	text-align:center
}
.date .action {
	margin-top:20px
}
.date .title div {
	display:inline
}
.tac-ti{
	font-size:20px;
	text-align:left;
	padding-left:20px;
}
.tac{
	font-size:16px;
	text-align:left;
	padding-left:20px;
	line-height:44px;
}
.date ul{
	overflow:hidden;
}
.date ul li {
	width:14.285%;
	display:block;
	text-align:center;
	float:left;
	margin:12px 0px;
}
.date ul li span{
	width:40px;
	line-height:40px;
	text-align:center;
	margin:auto;
	display:block;
	color:#fff;
	color:#111;
	font-weight:600;
	cursor:pointer;
}
.week{
	margin:0px;
}
.week li {
	background-color:#f1f1f1;
	line-height:32px;
	color:#111111;

}

.day .enter span{
	background-color:#0057ff;
	color:#fff;
	border-radius:50%;
}
.day .leave {
	background-color:salmon;
	color:#fff
}
.day .disable span{
	color:#999999 !important;
	font-weight:normal !important;
}
.close-btn {
	text-align:right;
	line-height:60px;
	padding-right:20px;
}
.footer-fix{
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	background: #fff;
	-moz-box-shadow: 0px -2px 5px #d9d9d9;
	-webkit-box-shadow: 0px -2px 5px #d9d9d9;
	box-shadow: 0px -2px 5px #d9d9d9;
}
.today{
	line-height:50px;
	font-size:16px;
}
.today-price{
	color:#009688;
}
.pricenumber {
	padding-left:10px;
	line-height:60px;
}
@keyframes hover-color {
	from {
		border-color: #c0c0c0; }
	to {
		border-color: #3e97eb; } }

.magic-radio,
.magic-checkbox {
	position: absolute;
	display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
	cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
	position: relative;
	display: block;
	padding-left: 30px;
	margin-bottom:0px !important;
	line-height:22px;
	cursor: pointer;
	vertical-align: middle; }
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
	animation-duration: 0.4s;
	animation-fill-mode: both;
	animation-name: hover-color; }
.magic-radio + label:before,
.magic-checkbox + label:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	content: '';
	border: 1px solid #c0c0c0; }
.magic-radio + label:after,
.magic-checkbox + label:after {
	position: absolute;
	display: none;
	content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
	cursor: not-allowed;
	color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
	cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
	border: 1px solid #e4e4e4;
	animation-name: none; }
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
	border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
	animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
	display: block; }

.magic-radio + label:before {
	border-radius: 50%; }

.magic-radio + label:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3e97eb; }

.magic-radio:checked + label:before {
	border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
	border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
	background: #c9e2f9; }

.magic-checkbox + label:before {
	border-radius: 3px; }

.magic-checkbox + label:after {
	top: 2px;
	left: 7px;
	box-sizing: border-box;
	width: 6px;
	height: 12px;
	transform: rotate(45deg);
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	border-top: 0;
	border-left: 0; }

.magic-checkbox:checked + label:before {
	border: #3e97eb;
	background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
	border: #c9e2f9;
	background: #c9e2f9; }



.dialog-mesbg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9;
	top: 0px;
	left: 0px;
	background: rgba(0,0,0,.5);
	display: none;
}
.mes-container{
	width:300px;
	height:200px;
	background:#fff;
	border-radius:5px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-120px;
	margin-left:-40%;
}
.dia-btn{
	padding: 12px 20px;
	min-width: 100px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	background: #4373f3 ;
	color: #fff;
}
.mydetail-detail p{
	line-height: 22px !important;
}
.detail-p img{
	width: 100%;
	height: auto;
}
.myface-hidden{
	width: 50px;
	height: 50px;
	display: block;
	margin-top: -50px;
	opacity: 0;
}
.float-none{
	float: none !important;
}
.de-ti {
	text-align: center;
	background: url(../img/detail-bg.jpg) repeat-x;
	background-position: center;
}
.de-ti span {
	padding: 0px 13px;
	background: #fff;
}
.detail-p {
	font-size: 15px;
	line-height: 24px;
	padding: 10px 0px;
	background: none !important;
	border: none !important;
}