html {
	-webkit-tap-highlight-color: transparent
}

body,dd,div,dl,img,li,ol,p,ul {
	margin: 0;
	padding: 0
}

body,html {
	height: 100%
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-size: 100%
}

img {
	display: inline;
	border: 0;
	vertical-align: middle
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

dd,dl,li,ol,ul {
	list-style: none
}
i,em{font-style:normal;}
input,textarea {
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0
}
body{font-family:"Microsoft YaHei","微软雅黑", helvetica, arial, verdana, tahoma, sans-serif;}
input{ font-family:"Microsoft YaHei","微软雅黑", helvetica, arial, verdana, tahoma, sans-serif; list-style:none;-webkit-list-style:none;border:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe{border:0;}

::-webkit-input-placeholder { /* WebKit browsers */
color:#9b9b9b; font-size:0.6rem
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #9b9b9b;font-size:0.6rem
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #9b9b9b;font-size:0.6rem
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #9b9b9b;font-size:0.6rem
}
body{ background:#fff;color:#333;}
/* 子元素-平均分栏 */
.flex1 {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/* 父元素-横向排列（主轴） */
.flex-h {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/* 父元素-纵向排列（主轴） */
.flex-v {
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.box {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	box-orient: horizontal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-o-box-orient: horizontal
}

.box2 {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	box-pack: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	box-orient: vertical;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical
}

.boxflex {
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-o-box-flex: 1
}

.boxflex2 {
	box-flex: 2;
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-o-box-flex: 2
}

/*首页*/
.star_baner{ width:100%; margin-bottom:0.625rem}
.star_baner img{ display:block; width:100%;}
.nav_banr{ margin:0 0.25rem 0.325rem; display:block;}
.nav_banr img{ display:block; width:100%;}

/*场馆列表*/
.search_tab_plan{ position:fixed; top:0; left:0; width:100%;z-index: 1000;}
.search_plan{ height:2.45rem; background:#f4f4f4;align-items: center;justify-content: center;}
.location{ width:3.275rem; height:1.45rem; background:#584f60;box-sizing: border-box;padding: 0 0.2rem;border-radius: 0.1rem 0 0 0.1rem;align-items: center;justify-content: center;}
.location:active{ background:#302639}
.adss_ico{ display:block; width:0.75rem; height:0.95rem;margin-right: 0.2rem;}
.city_name{ font-size:0.6rem; color:#fff; font-weight:bold;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.search_fbtn{height:1.45rem; width:11.45rem; background:#7e708b;border-radius:0 0.1rem 0.1rem 0;box-sizing: border-box;align-items: center;}
.search_fbtn:active{ background:#644252}
.sear_ico{ display:block; width:0.75rem; height:0.775rem; margin:0 0.5rem;}
.sort_btn{ background:#584f60; width:2.75rem; height:1.45rem;border-radius:0.1rem;align-items: center;justify-content: center; margin-left:0.15rem;}
.sort_btn:active{ background:#302639}
.sort_ico{ width:0.5rem; display:block; height:0.25rem; margin-left:0.2rem;}
.sort_list{ position:fixed; right:0.6rem; top:2.1rem; z-index:10; width:5rem; display:none;}
.sort_list dd{ height:1.25rem; line-height:1.25rem;background: #7e708b; border-bottom:1px solid #fff; font-size:0.55rem; font-weight:bold; color:#fff; text-align:center;}
.sort_list dd:active{ background:#644252}
.enjoy_tab_plan{ overflow:hidden; border-bottom:1px solid #f4f4f4; box-sizing:border-box; background:#fff;}
.enjoy_tab_plan li{ float:left; width:50%; position: relative; font-size:0.75rem; color:#999; text-align:center; height:1.775rem; line-height:1.775rem;}
.enjoy_tab_plan .enjoy_cur{color: #584F60; font-weight:600; background:url(../images/list_icon03.png) no-repeat center bottom; background-size:1.75rem auto;}
.venue_plan{ padding:5.125rem 0 0 0; box-sizing:border-box;}
.venue_list{ padding:0.25rem 0.6rem; box-sizing:border-box; border-bottom:1px solid #f4f4f4;}
.venue_list img{ display:block; width:5.5rem; height:4.1rem; object-fit: cover;}
.infor_box{ padding-left:0.5rem; box-sizing:border-box;justify-content: space-between;width: 60%;}
.infor_name{color: #584F60; font-size:0.75rem; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;  align-items: center;}
.infor_price{ color:#999; font-size:0.7rem;}
.open_price{ color: #D39F3B; font-size:0.75rem;}
.stute_vuname{width: 9%;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;font-weight: bold;}
.price_num{ font-size:0.7rem; color:#ff3a3a;font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.total{ font-size:0.9rem; color:#ff3a3a; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.infor_address{}
.address_name{ font-size:0.55rem; color:#999;}
.distance_num{ font-size:0.65rem; color: #3F3F3F;}
.prompt_tit{ text-align: center; font-size:0.75rem; color:#565656; line-height:1.6rem;}

/*搜索页*/
.ransack_head{ position:fixed; top:0; left:0; width:100%; height:2.2rem;background: #FFFFFF;box-shadow: 0 0 4px 0 rgba(0,0,0,0.50); align-items: center; justify-content: center;}
.return_btn{ position:absolute; left:0.65rem; top:0; width:2.6rem; height:2.2rem;align-items: center;justify-content: space-between;}
.return_btn img{ display:block; width:0.625rem; height:1.1rem;}
.return_text{ font-size:0.85rem; color:#333; display:block;}
.ransack_center{ width:12.45rem; height:1.45rem;border: 0.05rem solid #999999;border-radius: 2.5rem; align-items: center;}
.sign_sso{display:block; width:0.75rem; height:0.775rem; margin:0 0.5rem;}
.ransack_ipt{ font-size:0.6rem; color:#333; background:none;margin-left: 32px;height: 1.45rem;}
.empty_btn{ display:none; width:0.8rem; height:0.8rem; margin:0 0.5rem;}
.ransack_cont{ padding:2.2rem 0 0 0;}
.ransack_history{ overflow:hidden;}
.history_tit{ font-size:0.75rem; color:#999; padding:0.75rem 0.6rem 0.55rem}
.history_list{ overflow:hidden}
.history_list li{ float:left; height:1.25rem; line-height:1.25rem; font-size:0.65rem; margin:0 0 0.75rem 0.75rem;border-radius: 2.5rem; padding:0 0.75rem; background:#f4f4f4;}
.empty_history{ height:1.5rem; width:80%; margin:10% 10%;border: 1px solid #333333;border-radius: 0.35rem; align-items: center; justify-content: center;}
.empty_history img{ display:block; width:0.7rem; height:0.85rem;}
.emhtxt{font-size:0.7rem; margin-left:0.5rem;}
.unmatched_plan{ overflow:hidden;}
.unmatched_icon{ padding:1.775rem 0 2rem; text-align:center;}
.unmatched_icon img{ width:7.5rem; height:5.9rem;}
.unmatched_txt{ font-size:0.75rem; color:#999; margin-top:1.1rem;}
.more_recom{ overflow:hidden;}
.recom_tit{ height:2rem; background:url(../images/ran_ico05.png) no-repeat center center; background-size:10.95rem auto;}

/*场馆详情*/
.venue_teger{ padding-bottom:2.45rem; box-sizing:border-box;}
.venue_baner{ width:100%;}
.venue_baner img{ display:block; width:100%}
.venue_introduce{ border-bottom:1px solid #f9f9f9; padding:0 0.6rem; height: 5.3rem;justify-content: space-around;}
.venue_inname{color: #584F60; font-size:0.95rem;}
.venue_inname .store{ font-size:0.75rem; padding-left:0.4rem;}
.venue_inprice{color: #FF3A3A; font-size:0.7rem; font-weight:bold;font-family:Arial, Helvetica, sans-serif}
.inprice_num{ font-size:0.9rem;}
.venue_word{ justify-content: space-between;}
.venue_word span{ color:#666; font-size:0.65rem;}
.position_plan{ border-bottom:0.5rem solid #f4f4f4; height:3.225rem;align-items: center;}
.posi_ico{ display:block; width:1rem; height:1.275rem; margin:0 0.6rem;}
.posi_txt{ color:#666; font-size:0.65rem;line-height: 1.5em;}
.posigo_btn{ width:6.5rem; height: 3.225rem;align-items: center; justify-content: center;color: #584F60; font-size:0.55rem}
.posigo_btn img{ display:block; width:1rem; height:1rem; margin-bottom: 0.3rem;}
.venue_minute{ overflow:hidden;}
.minute_tit{ padding:0 0.46rem; height:2.625rem;align-items: center;color: #584F60; font-size:0.85rem; }
.minute_tit img{ display:block; width:1.5rem; height:1.525rem; margin-right:0.75rem;}
.feature{ color:#666; font-size:0.65rem; line-height:1.5em; padding-left:1.4rem;}
.provide_txt{color:#666; font-size:0.75rem; padding:0.5rem 0.6rem;}
.promptlybtn{ position:fixed; left:0; bottom:0; width:100%; height:2.45rem; line-height:2.45rem; background: #C7B165; color:#fff; font-size:0.95rem; font-weight:bold; text-align:center;z-index: 4;}
.promptlybtn:active{ background:#B7A35E}
.detailpromptlybtn{ position:fixed; left:0; bottom:0; width:100%; height:2.45rem; line-height:2.45rem; background: #584F60; color:#fff; font-size:0.95rem; font-weight:bold; text-align:center;}
/*创建订单*/
.estab_list{ height:2rem; border-bottom:1px solid #f7f7f7;align-items: center; padding:0 0.6rem;justify-content: space-between;}
.estab_list:active{ background:#ddd;}
.field_tit{ color:#333; font-size:0.7rem;}
.time_field{ color:#333; font-size:0.6rem; text-align:right; font-weight:600;width: 100%;}
.fild_dot{ display:block; width:0.45rem; height:0.75rem;}
.estab_list02{justify-content: space-between;}
.spcatcount{ overflow:hidden;}
.spcatcount .minuse{ width:0.95rem; height:0.95rem; float:left; background: url(../images/estaor_icon04.png) no-repeat center center; background-size:100% auto;}
.spcatcount .num{ float:left; width:1rem; height:0.94rem; background:none;  text-align:center; font-size:0.6rem;color: #4A4A4A;}
.spcatcount .plus{width:0.95rem; height:0.95rem; float:left;background: url(../images/estaor_icon05.png) no-repeat center center; background-size:100% auto;}
.sex_plan{ width:5.5rem;justify-content: space-between;align-items: center;}
.sex_plan li{ color:#333; height:2rem; line-height:2rem; font-size:0.6rem; background:url(../images/estaor_icon02.png) no-repeat left center; background-size:0.75rem auto; padding-left:1rem; box-sizing:border-box; font-weight:600;}
.sex_plan .sex_cur{ background:url(../images/estaor_icon01.png) no-repeat left center; background-size:0.75rem auto; }
.estab_name{ font-size:0.6rem; background:none;}
.hui_color{ font-size:0.6rem; color:#999; font-weight:normal}
.ftwt{ font-weight:600}
.demand_txt{ resize:none; height:3.2rem; background:#f4f4f4; font-size:0.55rem; padding:0.25rem; margin:0.6rem 4%; display:block; width:92%; box-sizing:border-box; font-family:"微软雅黑"}

.payment_plan{ position:fixed; left:0; bottom:0; height:100%; width:100%; z-index:10; background:rgba(0,0,0,0.2); display:none;}
.payment_con{ background:#fff; position:fixed; left:0; bottom:0; width:100%;}
.sum_box{ height:3.15rem; position:relative; border-bottom:0.5rem solid #dedede; font-size:0.95rem; color:#333; text-align:center; line-height:3.15rem; font-weight:bold;}
.sum_close{ position:absolute; left:0; top:50%; margin-top:-0.75rem; width:1.5rem; height:1.5rem; background:url(../images/estaor_icon06.png) no-repeat center center; background-size:0.75rem auto;}
.sum_select li{ height:3.225rem;border-bottom:1px solid #dedede;align-items: center; box-sizing:border-box; background:url(../images/estaor_icon02.png) no-repeat 96% center; background-size:1.3rem auto;}
.sum_select .pay_cur{ background:url(../images/estaor_icon01.png) no-repeat 96% center; background-size:1.3rem auto;}
.sum_select li img{ display:block; width:2.75rem; height:2.75rem;margin: 0 0.6rem 0 0.3rem;}
.pay_name{ font-size:0.75rem;}
.paymentbtn{ height:2.45rem; line-height:2.45rem; width:92%; margin:6% 4%; display:block;background: #584F60;border-radius: 0.2rem; color:#fff; font-size:0.9rem; font-weight:bold; text-align:center;}
.paymentbtn:active{ background:#39262f}

/*支付结果页*/
.result_top{ overflow:hidden;align-items: center;color: #24C789; }
.result_fail{color: #666; padding:2rem 1.5rem 0;}
.result_top img{ display:block; height:4rem; margin:0.75rem 0;}
.result_tit{font-size:0.8rem; font-weight:bold; color: #222}
.result_cue{ font-size:0.65rem; margin:0.7rem 0 0}
.result_exp{font-size:0.65rem; text-align:center; line-height:1.5em; margin:1.2rem 0 2.825rem;color: #888888;}
.result_btnbox{ width: 100%; justify-content: space-around;}
.result_btnbox a{ display:block; width:6.5rem; border: 1.4px solid #508BED; height:2.2rem; line-height:2.2rem; text-align:center;background: linear-gradient(to right, #ff6839 , #f51406); border-radius: 15rem; color:#fff; font-size:0.75rem;}
.result_fail .result_btnbox a{background: linear-gradient(to right, #ff6839 , #f51406); }
.result_fail .result_btnbox .lookbtns{background: #fff; color: #508BED; border: 1.4px solid #508BED }
.juet_wt{ font-weight:bold;}



/*订单详情*/
.order_details{ padding-bottom:2.45rem;}
.ordeta_head{ border-bottom:1px solid #f8f8f8; height:2.325rem; box-sizing: border-box; padding:0 0.6rem;align-items: center;}
.ordeta_head img{ display:block; width:1rem; height:1.225rem; margin-right:0.6rem;}
.ordeta_stute_box{ justify-content: center;}
.ordeta_stute_tit{font-size: 0.65rem;color: #24C789; font-weight:bold;}
.ordeta_stute_tit02{ font-size:0.75rem;}
.ordeta_otcue{ font-size:0.55rem; color:#999;}
.ordeta_urse{ height:2.9rem; border-bottom:0.25rem solid #f4f4f4;align-items: center;padding:0 0.6rem;}
.ordeta_urse img{ display:block;width:1rem; height:1.15rem;margin-right:0.6rem;}
.ordeta_urse_news{justify-content: center;}
.ordeta_urse_news p{color: #584F60; font-size:0.65rem;}
.ordeta_code_plan{ box-sizing:border-box; padding:0.6rem 0.6rem 0;justify-content: space-between; color:#999; font-size:0.65rem}
.gold_array{ height:2.1rem; border-bottom:1px solid #a4a4a4;align-items: center;justify-content: space-between; padding:0 0.6rem; box-sizing:border-box; position:relative}
.gold_array:after{ content:''; width:0.65rem; height:0.375rem; position:absolute; right:1.3rem; bottom:-0.05rem; background:url(../images/order_ico03.jpg) no-repeat; background-size:100% auto;}
.gold_tit{ font-size:0.65rem;}
.gold_num{ font-size:0.7rem;}
.gold_num span{ font-size:0.85rem;color: #151515;font-family:Arial, Helvetica, sans-serif}
.noafter{  border-bottom:0.25rem solid #f4f4f4;}
.noafter:after{ content:''; background:none;}
.ordeta_remark{ padding:0 0.6rem;}
.orderm_tit{ line-height:1.725rem; font-size:0.65rem;}
.ordeta_remark .were_txt{ resize:none; height:5.4rem; width:100%; border:1px solid #f4f4f4; box-sizing:border-box; padding:0.4rem; font-size:0.6rem; color:#999;}
.ordeta_opera{ position:fixed; left:0; bottom:0; width:100%; height:2.45rem; z-index:10; border-top:1px solid #fafafa; align-items: center;}
.opera_otcue{ font-size:0.65rem; color:#999; padding:0 0.6rem;}
.otcuespot{ font-weight:600; color:#5d5465; font-size:0.75rem;font-family:Arial, Helvetica, sans-serif}
.ordeta_opera_btn{ width:5.875rem; background:#584f60; color:#fff; font-weight:bold; font-size:0.95rem; text-align:center; height:2.45rem; line-height:2.45rem;}
.ordeta_opera_btn:active{ background:#39262f}
.un_scribe_box{ border-bottom:1px solid #f4f4f4; height:1.95rem; padding:0 0.6rem; box-sizing:border-box;align-items: center;}
.un_scribe_box img{ width:0.4rem; height:0.775rem; padding-left: 0.6rem;}
.scribe_tit{ font-size:0.65rem;}
.scribe_cont{ text-align:right; font-size:0.55rem; color:#999;}
.scribe_model_bot{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:11; top:0; left:0; display:none}
.scribe_model_top{ position:fixed; top:30%; left:50%; z-index:12; margin-left:-6rem; width:12rem; background:#fff; border-radius:5px; text-align:center; display:none;}
.scribe_model_top li{ height:2rem; line-height:2rem; border-bottom:1px solid #f4f4f4; font-size:0.7rem;}
.scribe_model_top li:last-child{ border:0;}
.scribe_model_top li:active{ background:#fffafa}

/*城市选择*/
.container {
	width: 94%;
	overflow: auto
}
.cityword {
	width: 7%;
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	background-color: #fff
}
.citywordCont {
	width: 100%;
	height: 100%
}
.cityword a {
	display: block;
	width: 100%;
	height: 1.1rem;
	line-height: 1.1rem;
	text-align: center;
	color: #3ea1df;
	font-size:0.6rem;
}
.title {
	padding: .475rem 0 .475rem .625rem;
	background: #f7f7f7;
	color: #a8a8a8;
	font-size:0.6rem;
}
.currentcity {
	overflow: auto;
	padding: .1rem 0.1rem .625rem;
	background: #fff
}
.currentcity a {
	float: left;
	width: auto;
	height: 1.8rem;
	line-height: 1.8rem;
	margin-right: .5rem;
	margin: .25rem .5rem .25rem 0;
	padding: 0 1.15rem;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	color: #333;
	font-size: 0.7rem;
}
.currentcity .on {
	border: 1px solid #3ea1df;
	border-radius: 3px;
	color: #3ea1df
}
.citylist {
	width: 100%;
	overflow: auto
}
.citylist a {
	display: block;
	height: 2.3rem;
	line-height: 2.3rem;
	padding-left: .625rem;
	position: relative;
	overflow: hidden;
	background: #fff;
	font-size:0.7rem;
}
.citylist a:after {
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #f0f0f0;
	position: absolute;
	left: .625rem;
	bottom: 0
}
.citylist a:last-child:after {
	display: none
}

/*我的账户*/
.account_top{ height:4.75rem; padding:0 0.6rem;align-items: center;}
.account_top:active{ background:#fffafa}
.urse_photo{ display:block; width:3.75rem; height:3.75rem; object-fit: cover; border-radius: 100%;}
.account_info_box{ padding:0 0.6rem; justify-content: center;}
.urse_name{ font-size:0.95rem; margin-bottom:0.6rem; font-weight:bold;}
.urse_phone{ font-size:0.65rem; color:#999;}
.urse_dot01{ display:block; width:0.625rem; height:1.1rem;}
.account_cen{height:4.75rem; border-bottom:0.25rem solid #f4f4f4;border-top:0.25rem solid #f4f4f4;}
.account_cen a{ align-items: center; justify-content: center;}
.account_cen a:active{ background:#fffafa}
.account_cen a img{ display:block; width:1.875rem; height:1.875rem;}
.acc_cztit{ font-size:0.65rem; margin-top:0.5rem;}
.acc_about{ height:2rem; border-bottom:0.25rem solid #f4f4f4;color: #584F60; font-size:0.7rem;align-items: center; padding:0 0.6rem;justify-content: space-between;}
.acc_about:active{ background:#fffafa}
.acc_ponbtn{ position:fixed; height:2rem;background: #584F60;border-radius: 0.2rem; width:80%; left:10%; bottom:4.625rem; font-size:0.9rem; color:#fff;font-family:Arial, Helvetica, sans-serif; align-items: center; justify-content: center;}
.acc_ponbtn:active{ background:#302639}
.acc_ponbtn img{ display:block; width:1.25rem; height:1.2rem; padding-right:0.6rem;}
.material_list{ border-bottom:1px solid #f4f4f4; padding:0 0.6rem; height:2rem; align-items: center;justify-content: space-between;}
.material_list:active{ background:#fffafa}
.material_list01{ height:3.5rem; position:relative;}
.material_list01 img{ display:block; width:2.5rem; height:2.5rem;}
.mater_tit{ color:#666; font-size:0.75rem;}
.mater_info{ font-size:0.75rem; font-weight:600;}
.down_tx{ position:absolute;height:3.5rem; width:100%; opacity:0; top:0; left:0;}
.mater_tc_bom{ position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.20); z-index:10; display:none}
.mater_tc_top{ position:fixed; top:30%; left:50%; margin-left:-6.875rem; width:13.75rem; background:#fff; height:7.5rem; z-index:11; display:none}
.mater_tc_tit{ font-size:0.95rem; padding:1.225rem 1.1rem 0;}
.sex_tab_plan{ overflow:hidden; padding:0 0.8rem 0 1.675rem;}
.sex_tab_plan li{ font-size:0.75rem; height:2.625rem; line-height:2.625rem; background:url(../images/estaor_icon02.png) no-repeat right center; background-size:0.75rem auto; border-bottom:1px solid #f6f6f6}
.sex_tab_plan li:last-child{ border:0;}
.sex_tab_plan .sex_tcurs{ background:url(../images/estaor_icon01.png) no-repeat right center; background-size:0.75rem auto;}

.order_tab_plan{ overflow:hidden; padding:0 0.8rem 0 1.675rem;}
.order_tab_plan li{ font-size:0.75rem; height:2.625rem; line-height:2.625rem; background:url(../images/estaor_icon02.png) no-repeat right center; background-size:0.75rem auto; border-bottom:1px solid #f6f6f6}
.order_tab_plan li:last-child{ border:0;}
.order_tab_plan .order_tcurs{ background:url(../images/estaor_icon01.png) no-repeat right center; background-size:0.75rem auto;}

/*修改姓名昵称 绑定手机号*/
.modify_plan{ padding:1rem 0 0 0;}
.modify_plan li{align-items: center; padding:0 0.6rem; border-bottom:1px solid #f4f4f4; height:2rem;}
.modify_plan li input{ padding:0 0.7rem;}
.modify_ming{ font-size:0.75rem; font-weight:600;}
.modify_bcbtn{background: #584F60; font-size:0.6rem; color:#fff;border-radius: 0.2rem; display:block; text-align:center; width:5rem; height:1.5rem; line-height:1.5rem;}
.modify_bcbtn:active{ background:#302639}
.modify_phones{font-size:0.75rem; font-weight:600; width:3.2rem; text-align:right;}
.modify_qrbtn{ height:2rem; line-height:2rem; width:80%; margin:2.5rem 10% 0;background: #584F60;border-radius: 0.2rem; color:#fff; font-size:0.9rem; font-weight:bold; text-align:center; display:block;}
.modify_qrbtn:active{ background:#302639}

/*使用优惠券*/
.ts_coupon{ padding:0.6rem;color: #584F60; font-size:0.8rem;}
.ts_coupon span{ font-size:0.65rem; color:#999;}
.coupon_box{ overflow:hidden; padding-bottom:2.45rem; box-sizing:border-box;}
.coupon_box li{ padding:0 0.6rem;position:relative; margin-bottom:1.425rem; }
.coupon_box li .coupon_list{ position:relative;}
.coupon_box li .coupon_list .coupon_current{ position:absolute; right:0; bottom:0; width:2.225rem; height:2.2rem; z-index:3; background:url(../images/coupon_curt.png) no-repeat; background-size:100% auto; display:none}
.coupon_box .coupon_curshow .coupon_list .coupon_current{ display:block}
.coupon_botshodw{ position:absolute; bottom:-0.2rem; left:0; z-index:-1; width:100%; height:0.35rem; background:url(../images/coupon_bg.png) no-repeat center center; background-size:100% auto;}
.coupon_box li .coupon_list img{ display:block; width:100%;}
.coupon_term{ position:absolute; bottom:0; left:0; width:100%; text-align:center;color: #D8D8D8; font-size:0.5rem; height:1rem; line-height:1rem; background:rgba(0,0,0,0.2)}
.coupon_stute{ position:absolute; left:-1rem; bottom:-0.8rem; z-index:1}
.not_used{ width:5.15rem; height:3.975rem; background: url(../images/coupon_stute01.png) no-repeat center center; background-size:100% auto;}
.yes_used{width:5.15rem; height:3.975rem; background: url(../images/coupon_stute03.png) no-repeat center center; background-size:100% auto;}
.overdue{width:5.15rem; height:3.975rem; background: url(../images/coupon_stute02.png) no-repeat center center; background-size:100% auto;}
.coupon_handle{ position:fixed; bottom:0; left:0; width:100%; height:2.45rem; background:#fff;align-items: center; z-index:10; border-top:1px solid #F4F4F4; box-sizing:border-box}
.coupon_num{color: #584F60; font-size:0.65rem; padding:0 0.6rem;}
.couponbtn{ width:6.5rem; height:2.45rem;background: #584F60; color:#fff; text-align:center; line-height:2.45rem; font-size:0.95rem; font-weight:bold;}
.couponbtn:active{ background:#302639}

/*优惠券列表*/
.coupon_tab_wrap{ position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #f4f4f4; z-index:10;align-items: center; background:#fff;}
.coupon_tab_wrap dd{ font-size:0.75rem; color:#999; text-align:center; height:2rem; line-height:2rem;}
.coupon_tab_wrap .coupon_tcur{color: #584F60; font-weight:600; background:url(../images/list_icon03.png) no-repeat center bottom; background-size:1.75rem auto;}
.coupon_content{ padding:2rem 0 0 0; box-sizing:border-box;}
.coupon_content .coupon_box{ padding-bottom:0}
.coupon_content .coupon_box li{ padding:0 0.6rem;position:relative; margin-top:0.7rem; }

/*创建订单时间选择*/
.dateControl {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	overflow: hidden
}

.dateControlCont {
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 1
}

.dateControlBg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9998;
	background: #000;
	opacity: .5
}

.datelist {
	display: none;
	width: 100%;
	height: 12.4rem;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden
}

.datelist h1 {
	width: 100%;
	height: 2.2rem;
	line-height: 2.2rem;
	position: relative;
	z-index: 9999;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: 100
}

.datelist h1 p {
	padding: 0 2.2rem;
	text-align: center;
	color: #333;
	font-size: 0.85rem;
}

.datelist h1 a {
	width: 2.2rem;
	height: 2.2rem;
	position: absolute;
	top: 0;
	color: #a8a8a8;
	font-size: 0.7rem;
}

.datelist h1 .cancle {
	left: 0
}

.datelist h1 .sure {
	right: 0
}

.dateline {
	width: 90%;
	height: 1.9rem;
	position: absolute;
	left: 5%;
	top: 6.2rem;
	z-index: 998;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6
}

.datelist .scroll {
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	top: 0;
	z-index: 999
}

.datelist .scroll span {
	display: block;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	cursor: pointer;
	color: #a8a8a8;
	font-size: 0.7rem;
}

.datelist .scroll span i {
	display: none;
	margin-left: .4rem;
	font-style: normal
}

.datelist .scroll .on {
	color: #666;
	font-size: .9rem
}

.datelist .scroll .on i {
	display: inline
}

.datelist .sdate {
	width: 55%;
	padding-left: 5%
}

.datelist .stime {
	width: 40%
}

.datelist .sdate span {
	text-indent: 1.8rem
}

.datelist .stime span {
	text-align: left
}

.datelist .stime .on {
	text-indent: .8rem
}

.datelist .sdate .on {
	text-indent: 0
}

.datelist .mebcount {
	width: 100%;
	padding: 0 5%
}

.datelist .perc1 {
	width: 40%
}

.datelist .perc {
	width: 26%
}

.datelist .perc span {
	text-align: center
}

.datelist .per100 {
	width: 100%
}

.datelist .per50 {
	width: 50%
}

.datelist .per100 span,.datelist .per50 span {
	text-align: center
}




/*加载中样式start*/
.loading
{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999
}

.loading .loadCont
{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99999;
	background-image: url(/static/images/loading.gif);
	background-size: 1.6rem 1.6rem;
	background-position: center center;
	background-repeat: no-repeat
}

.loading .loadBg
{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	opacity: .5;
	background-color: #fff
}
/*加载中样式end*/

/*关于*/
.aboutz_wrap{ overflow:hidden;font-size: 0.6rem;color: #666666; padding:0 1.825rem;}
.about_logo{ text-align:center; padding:0.9rem 0;}
.about_logo img{ display:inline-block; width:3.75rem;}
.about_txt01{ text-align:center; margin-bottom:0.8rem;}
.about_txt02{ text-indent:2em; margin-bottom:0.8rem;}

.new_model_wrap{ position: fixed; top:4.225rem;  left: 0; width: 100%; z-index: 10;}
.model_list{ border-radius: 0.2rem;background: #7e708b; color: #fff; width: 46%; margin: 0 2%; float: left; height: 2.2rem; position: relative;}
.model_list01{position: absolute; left: 0;top: 5px;}
.model_list02{position: absolute; right: 0;top: 5px;}
.listboit{ width: 50%; font-size: 0.7rem; line-height: 2rem; text-align: center;}
.listboit:active{background: #584f60;}
.dots{width: 0;height: 0;overflow: hidden;
    position: absolute;
    left: 6.5rem;
    top: 0.8rem;
    border: .3rem solid transparent;
    border-top-color: #999;
}
.enjoy_cur .dots{
    border-top-color: #584F60;
}

.dots-up{
    transform: rotate(180deg);
    top: 0.5rem;
}

.ursebtn{
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    border-radius: 5rem;
    background: #fff;
    width: 2.4rem;
    height: 2.4rem;
}
.ursebtn img{
    opacity: 0.6;
    width: 100%;
    display: block;
}

/*订单列表*/
.order_tab_head{background-color: #fff; border-bottom:1px solid #f4f4f4; box-sizing:border-box; overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:10;}
.order_tab_head li{ height:2.1rem; color:#999; font-size:0.75rem; width:25%; line-height:2.1rem; float:left; text-align:center; position: relative;}
.order_tab_head li a{ color: #222; font-size: 0.7rem;}
.stute_cur:after{ content: ""; position: absolute;; bottom: 0; background: #508BED; width: 1.2rem; left: 50%; margin-left: -0.6rem; height: 0.2rem; border-radius: 1rem;}
.order_tab_head .stute_cur a{ color: #F03333; font-size: 0.75rem; font-weight: bold;}
.order_list_plan{padding: 2.6rem 0 0.55rem;}
.order_list{border-bottom:1px solid #f4f4f4; box-sizing:border-box; padding:0.65rem 0.6rem;}
.order_list img{ display:block; width:4.6rem; height:4.5rem; object-fit: cover;}
.order_list .infor_price{justify-content: space-between;}
.order_list .infor_address{justify-content: space-between;}
.amounts{color: #6D7278; font-size:0.7rem; padding-right:0.6rem;font-family:Arial, Helvetica, sans-serif}
.open_time{ font-size:0.7rem; color:#888;}
.stute_remind{color: #000; font-size:0.7rem; font-weight: bold;}
.surplus_time{ color:#999; font-size:0.55rem; padding-right:0.6rem;}
.payoffbtn{background: #24C789;border-radius: 0.2rem; height:1.25rem; width:3.8rem; text-align:center; line-height:1.25rem; color:#fff; font-weight:bold; margin-right: 0.6rem;}
.payoffbtn:active{ background:#04a065;}
.orderList_handel{overflow: hidden;background: #fff; margin-bottom:0.5rem }
.orderList_head{ height: 2.1rem; align-items: center;justify-content: space-between; padding: 0 0.6rem;border-bottom:1px solid #DDDDDD;}
.orderList_num{ color: #222;font-size: 0.7rem;}
.orderList_foot{ height: 2.1rem; align-items: center;justify-content: space-between; padding: 0 0.6rem;}
.price_nums{ font-size: 0.7rem; color: #222}
.price_nums .total {  font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 0.7rem; color: #6D7278}
.orderList_colne{}
.orderList_colne a{ border: 1px solid #508BED; margin-left:0.55rem;  border-radius: 4rem; width: 3.8rem; padding:0.1rem 0; color: #508BED; font-size: 0.65rem; text-align: center; }
.orderList_colne .orderList_colne_sub{ background: #F2F2F2; color: #4A4A4A ;border:1px solid #F2F2F2;}
.infor_box{ padding-left:0.5rem; box-sizing:border-box;justify-content: space-between;width: 60%;}
.infor_name{color: #222; font-size:0.75rem; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;  align-items: center;}