@CHARSET "UTF-8";
@font-face {
	font-family: 'Engravers';
	src: url('font/EngraversGothicBT.eot');
	src: url('font/EngraversGothicBT.eot?#iefix') format('embedded-opentype'),
	       url('font/EngraversGothicBT.woff') format('woff'),
	       url('font/EngraversGothicBT.ttf') format('truetype'),
	       url('font/EngraversGothicBT.svg#Engravers') format('svg');
/*     src: url('font/ENGRAVERS'-GOTHIC-BT.eot'); */
/* 	src: url('font/ENGRAVERS'-GOTHIC-BT.eot?#iefix') format('embedded-opentype'), */
/* 	       url('font/ENGRAVERS'-GOTHIC-BT.woff') format('woff'), */
/* 	       url('font/ENGRAVERS'-GOTHIC-BT.ttf') format('truetype'), */
/* 	       url('font/ENGRAVERS'-GOTHIC-BT.svg#Engravers') format('svg'); */
	font-weight: normal;
	font-style: normal;
}

/* @font-face { */
/*  font-family: 'SourceHanSansCN'; */
/*  src: url('font/SourceHanSansCN-Regular.otf'),url('font/SourceHanSansCN-Normal.otf'),url('font/SourceHanSansCN-Medium.otf') */
/* 			 ,url('font/SourceHanSansCN-Light.otf'),url('font/SourceHanSansCN-Heavy.otf'),url('font/SourceHanSansCN-ExtraLight.otf') */
/* 			 ,url('font/SourceHanSansCN-Bold.otf'); */
/* } */

.en{
	font-size:0.41rem !important;
	color:rgba(86,86,86,1);
	font-family: Engravers !important;
	margin:0.1rem 0;
	height:0.5rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:0.5rem;
	min-width :1.6rem;
}
/*----------------------------------------------------------------------------------------------
 * 公用移动端样式开始*
----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
input,select,button{
	outline:none;
	background:transparent;
	font-size:inherit;
}
body{
	background:#fff;
}
.bodycolor{
	background:#eee !important;
}
.viewport{
	min-width:300px;
	max-width:640px;
	margin: 0 auto;
	width:100%;
	height:100%;
	font-size:0.55rem;
}
@media (min-width: 1024px) {
	html {
		font-size: 21.5px !important;
	}
	.viewport {
		max-width: 375px;margin: 0 auto;
	}
	.night-header{
		margin-left:calc( 50% - 187.5px);
		max-width : calc( 375px - .95rem);
	}
	.modal{
		margin-left:calc( 50% - 187.5px);
		max-width : calc( 375px - 4%);
	}
	.menuBar{
		margin-left:calc( 50% - 187.5px);
		max-width : calc( 375px );
	}
	#chargePage .btn-groups{
		max-width : 375px;
		margin-left: calc( 46% - 187.5px );
	}
	#myBalancePage .charge{
		max-width : 375px;
		margin-left: calc( 46% - 187.5px );
	}
	#orderDetailPage .submitDiv{
		max-width: 375px;
		margin-left:calc( 50% - 187.5px);
	}
	#freeTravelParticularPage .bottomArea{
		max-width :calc( 375px - 2% );
		margin-left:calc( 50% - 187.5px);
	}
	#completeOrderPage .orderSubmit{
		max-width : 375px;
		margin-left:calc( 47% - 187.5px);
	}
	.header{
		max-width : calc( 375px - 6% );
		margin-left:calc( 50% - 187.5px);
	}
	#customerInfoPage .addCustomer{
		max-width : calc( 375px - 6% );
		margin-left:calc( 50% - 187.5px);
	}
}
.center {
	text-align: center;
}
.inline{
	display:inline-block;
}
table{
	width:auto !important;
}
.footer{
	width:100%;
	border-top:1px solid #DBDBDB;
	background:rgba(255,255,255,0.95);
	position:fixed;
	bottom:0rem;
	left:0px;
	clear:both;
	color:#333;
	max-width:640px;
}
.footer ul{
	display:flex;
	align-items:center;
	width:100%;
}
.footer li{
	width:18%;
	box-sizing:border-box;
	margin:0.3rem auto;
	text-align:center;
}
.footer li.current{
	color:#3eb7ed;
	color:#7ecef4 !important;
}
.iconfont{
	opacity:0.7;
	font-size:1.1rem;
}
.menus-text{
	width:100%;
	font-size:0.8rem;
	color:#666;
}
.current .menus-text{
	color:#7ecef4 !important;
}
.hide{
	display:none;
}
.Wnav{ 
	width:100%; 
	height:45px; 
/* 	background:#ff9000;  */
	background:#3eb7ed;
	position:relative;
}
.Wnav a.Home{ 
	display:block; 
	width:23px; 
	height:21px; 
	background:url(../icon/main1.png) no-repeat 0 0; 
	text-indent:-9999px; 
	outline:none; 
	position:absolute; 
	top:10px; 
	right:10px;
}
.Wnav a.Back{ 
	display:block; 
	width:30px; 
	height:30px; 
	line-height:20px; 
	text-indent:-9999px; 
	background: url(../icon/previous.png) no-repeat center center; 
	background-size:100% 100%;
	position:absolute; 
	left:10px; 
	top:6px;
}
.Wnav a.sure{
	display:block; 
	width:50px; 
	height:25px; 
	text-indent:-9999px; 
/* 	background:url(../icon/main.png) no-repeat 0 0;  */
	position:absolute; 
	right:10px; 
	top:11px;
}
.Wnav span{
	display:block; 
	height:45px; 
	line-height:45px; 
	font-size:1em; 
	color:#fff; 
	text-align:center; 
	margin:0 40px;
}
.Wnav span.other{
	font-size:1.4em; 
	line-height:normal; 
	padding-top:3px; 
	height:42px;
}
.Wnav span.other i{
	display:block; 
	font-size:0.9em; 
	font-style:normal;
}
.Wnav span.spa{ 
	line-height: normal; 
	padding-top:3px;
}
.Wnav span.spa em{ 
	display:block; 
	font-size:0.6em;
}
ul{
	list-style:none;
}
.police{
	font-size:0.9rem;
	margin-bottom:0.8rem;
}
.police a{
	display:inline-block;
	text-decoration:none;
	height:20px;
	line-height:20px;
}
.policeImg{
	 float:left;
	 width: 26px;
}
.policeText{
	float:left;
	height:20px;
	line-height:20px;
	margin: 0px 0px 0px 5px;
	font-size:0.8rem;
	color:#b2b1af;
	margin-top:1%;
}
.copyright{
	width:100%; 
	margin-top:2rem;
	color:#b2b1af;
}
@media (min-width:768px){
	.footer{
		width:100%;
		margin:0 auto;
		left:auto;
		bottom:0;
	}
}
#gray5{ 
	display:none; 
	background:rgba(0,0,0,0.7); 
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000'); 
	position:fixed; left:0; bottom:0; right:0; top:0; z-index:9999;
}
#loginBox5{ 
	display:none; 
	width:80%; 
	background-color:#ffffff; 
	position:fixed; 
	left:10%;
	right: 10%; 
	top:30%;
	right: 30%; 
	z-index:99999;
}

.inputAds .infoT{padding:15px; background:#fff; margin-bottom:15px; font-size:1.4em; line-height:1.4em;}
.inputAds .infoT .need{ color:#f00;}
.inputAds .info{background:#fff;}
.inputAds .info li{height:30px; padding:10px; border-bottom:1px solid #e4e4e4;}
/*.inputAds .info .bg{height:30px; background-size:auto 15px;}*/
.inputAds .info .bg{height:30px; background:#fff;}
.inputAds .info .bg1{height:30px; background:url(../images/more.png) no-repeat right center; background-size:auto 15px;}
.inputAds .info .bg .icon{ display:block; height:20px; width:20px; margin-top:5px; float:left;}
.inputAds .info .bg .icon_1{ background:url(../images/ads_icon_1.png) no-repeat center center; background-size:auto 100%;}
.inputAds .info .bg .icon_sign_out{ background:url(../images/sign_out.png) no-repeat center center; background-size:auto 100%;}
.inputAds .info .bg .icon_suo{ background:url(../images/suo.png) no-repeat center center; background-size:auto 100%;}
.inputAds .info .bg .icon_2{ background:url(../images/ads_icon_2.png) no-repeat center center; background-size:auto 100%;}
.inputAds .info .bg .icon_3{ background:url(../icon/region.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_4{ background:url(../images/ads_icon_4.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_name{ background:url(../images/1.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_sex{ background:url(../images/2.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_moble{ background:url(../images/4.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .emeil{ background:url(../images/5.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_c{ background:url(../images/6.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_z{ background:url(../images/7.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_x{ background:url(../images/8.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_y{ background:url(../images/9.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .updatePassword{ background:url(../images/updatePassword.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .icon_date{ background:url(../images/3.png) no-repeat center center; background-size:100% auto;}
.inputAds .info .bg .name{ display:block; float:left; width:80px; padding-left:10px; height:28px; line-height:28px; border:1px solid #fff; font-size:1em; color:#888;}
.inputAds .info .bg .textIn{display:block; width:60%; float:left; height:28px; line-height:27px; border:none; font-size:1.4em; color:#666; background:#fff; }
.inputAds .info .bg .textIn select{ width: 100%;height:1.5rem;}
.inputAds .tips,.order .tips{ padding:10px; font-size:1.4em; line-height:1.4em; color:#888;}
#PrCity{ display:none; width:200px; height:200px; background:#fff; padding:0 10px; position:fixed; top:50%; left:50%; z-index:9999; margin:-110px 0 0 -110px;}
#PrCity h3{ font-size:1.4em; padding:10px 5px; border-bottom:1px solid #e4e4e4;}
#PrCity .clearfix{height:25px; padding-top:10px; line-height:25px;}
#PrCity .clearfix span{ font-size:1.4em;}
#PrCity .clearfix select{ height:25px; font-size:1.4em; margin-left:10px; width:160px;}
#PrCity .sureBtn{ display:block; width:110px; margin:15px auto 0 auto; height:30px; line-height:30px; text-align:center; font-size:1.4em; color:#fff; background:#ff9000; border-radius:5px;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display: table;line-height: 0;content: "";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear:both;}

.kyBtn{display:block; margin:10px; height:35px; line-height:35px; text-align:center; font-size:1rem; border-radius:4px;}
.kyBtnYellow{ background:#3eb7ed; color:#fff;text-decoration:none;}/*background:#ff9000;*/
.kyBtnGray{ background:white; color:grey;}
.kyBtnWhite{ background:#fff; border:1px solid #e4e4e4; color:#666;}

.pageFooter{
	display:block;
	cursor:default;
/* 	background:#e1e2e5; */
	background:transparent;
	height:1.5rem;
/* 	color:#51545b; */
	color:#666;
	font-weight:700;
	line-height:1.5rem;
	text-align:center;
	text-decoration:none;
	position:relative;
	z-index:5;
	-webkit-transition:all ease .7s;
	-moz-transition:all ease .7s;
	transition:all ease .7s;
	font-size:0.55rem;
}
.mask{
	position:fixed;
	background:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:5;
	display:none;
}
.middle{
	vertical-align:middle;
}
.passwordModal{
	position:fixed;
	background:rgba(250,250,250,1);
	top:25%;
	left:10%;
	width:80%;
	z-index:9;
	display:none;
	font-size:0.55rem;
}
.modalHeader{
	border-bottom:1px solid #BBE5BD;
	padding:3%;
	width:94%;
	display:flex;
	align-items:center;
}
.priceDiv{
	text-align:center;
	line-height:1rem;
	border-bottom:1px solid #D8D8D8;
	font-weight:bold;
	color:#353535;
	padding:3%;
}
.passwordContainer{
	text-align:center;
	width:84%;
	padding:3% 8%;
	white-space:nowrap;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.passwordInput {
	width : auto;
	height : 1.2rem;
	border-right:1px solid #ededed;
	outline:none;
	text-align:center;
	margin:0 1px;
	-webkit-text-security:disc;
}
.head{
	width:1.5rem;
	height:1.5rem;
	margin-left:3%;
}
.modalText {
	margin-left:3%;
}
.ordPrice{
	letter-spacing:2px;
}
.orderName{
	overflow:hidden;
}
.chooseCardModal{
	width:100%;
	bottom:0;
	left:0;
	color:#595959;	
}
.m_header{
	width:100%;
	padding:2% 5%;
	border-bottom:1px solid #ededed;
}
.confirm{
	width:100%;
	background:#353535;
	text-align:center;
	color:#fff;
	border:none;
	padding : .6rem 0;
}
.cardItem{
	background:#fff;
	width:90%;
	margin:4% 5%;
	border-radius:5px;
	border:1px solid #ededed;
	text-align:center;
	padding: .4rem 0;
}
.cardItem.choosen{
	box-shadow:0px 0px 10px 1px rgba(53,53,53,.7);
	color: #353535;
	border:1px solid transparent;
}
.noMessage{
	width:98%;
	text-align:right;
	font-size:0.45rem;
	color: #353535;
	line-height:1.5rem;
	height:1.5rem;
}
.searchDiv{
	width:96%;
	display:flex;
	align-items:center;
	padding:2%;
}
.searchInput{
	border:1px solid #e4e4e4;
	padding: .35rem 0;
	padding-left:2.5rem;
	background:#fff url(../icon/search.png) no-repeat 1rem center;
	width: 70%;
	border-radius:5px;
	margin: 0.2rem auto;
	display:block;
}
.searchIcon{
	background:#353535;
	height: 1.4rem;
	line-height: 1.4rem;
	width:10%;
	text-align:center;
	border-radius:5px;
	margin-left:auto;
	display:flex;
	align-items:center;
	justify-content:center;
}
/*空白数据样式*/
.emptyDiv{
	width:100%;
	text-align:center;
	color:#999;
	font-size:0.55rem;
}
/*单选样式*/
.radio{
	min-height: 1rem;
	padding-right: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
	position: relative;
	display: block;
}
.radio label{
	position: relative;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 18px;
	min-width: 18px;
	font-weight: normal;
	cursor: pointer;
}
.radio label::before{
	cursor: pointer;
	color: #353535;
	content: "";
	background-color: #FAFAFA;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	display: inline-block;
	text-align: center;
	margin-right: 8px;
	position: relative;
	top: 5px;
	border-radius: 100%;
	font-size: 10px;
	font-family: FontAwesome;
	text-shadow: 0 0 1px #353535;
	line-height: 7px;
	height: 9px;
	min-width: 9px;
	padding:4px;
}
.radio input[type=radio]{
	box-sizing:border-box;
	padding:0;
	line-height:normal;
	margin:4px 0 0;
	opacity: 0;
	cursor: pointer;
	margin-left:-20px;
	z-index: -100 !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}
.radio input[type=radio]:checked + label::before{
    background-clip: content-box;
    content: "";
    display: inline-block;
	background-color: #353535;
	border-color: #adb8c0;
}
/*多选样式*/
.checkbox{
	min-height: 27px;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	display: block;
}
.checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}
.checkbox label input[type=checkbox].ace{
	z-index: -100 !important;
	width: 1px !important;
	height: 1px !important;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	opacity: 0;
	cursor: pointer;
	margin-left:-20px;
	margin:4px 0 0;
	line-height:normal;
	box-sizing:border-box;
	padding:0;
}
.checkbox label input[type=checkbox].ace + .lbl, .radio label input[type=radio].ace + .lbl{
	margin-left: -10px;
	position: relative;
	display: inline-block;
	margin: 0;
	line-height: 20px;
	min-height: 18px;
	min-width: 18px;
	font-weight: normal;
	cursor: pointer;
}
.checkbox input[type=checkbox].ace + .lbl::before{
	cursor: pointer;
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 12px;
	color: #353535;
	content: "";
	background-color: #FAFAFA;
	border: 1px solid #c8c8c8;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	/*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	border-radius: 0;
	display: inline-block;
	text-align: center;
	height: 16px;
	line-height: 14px;
	min-width: 16px;
	margin-right: 1px;
	position: relative;
	top: 4px;
}
.checkbox input[type=checkbox].ace:checked + .lbl::before{
	background-clip: content-box;
    content: '';
    display: inline-block;
	border-color: #adb8c0;
	background:url(../icon/check-blue.png) center center no-repeat;
	background-size:14px 14px;
}

/*笙美会header*/
.header{
	width:94%;
	display:flex;
	align-items:center;
	background:#fff;
	height:1.8rem;
	padding:1% 3%;
	border-bottom:1.8px solid rgba(237,237,237,1);
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}
.header img{ 
	width:0.9rem; 
	height:0.9rem; 
	opacity:0.65;
}
.header .previous{
	margin-right:auto;
}
.header .index{
	margin-left:auto;
}
.header-text{
	font-size:0.55rem;
}
.header .title{
	margin:0 auto;
}
/*新标题*/
.night-header{
	width: calc( 100% - 0.96rem );
	display:flex;
	align-items:center;
	background:#353535;
	color:#fff;
	height:1.8rem;
	padding:0 .48rem;
	font-size:0.55rem;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}
.night-header .title{
	margin:0 auto;
	width: 70%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.night-header img{
	width:1rem;
	height:1rem;
}
.night-header.one .previous-icon,.night-header.one .tohome-icon,.night-header.two .home-icon,.night-header.two .invite-icon{
	display:none;
}
.container{
	width:100%;
	padding-top:1.8rem;
}
.container-index{
	padding-top:0;
}
/*新菜单*/
.menuBar{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
	background: rgba(53,53,53,1);
	color:#fff;
	font-size:0.55rem;
	padding:0.3rem 0 0.2rem 0;
}
.menu-bar-item{
	width:25%;
	text-align:center;
	position : relative;
	height:1.8rem;
}
.menu-bar-icon{
	width:1rem;
	height: auto;
}
.menu-bar-text{
	font-size:0.4rem;
	position:absolute;
	bottom: 0;
	left:0;
	width:100%;
}
/*选择样式*/
.showOptions{
	position:absolute;
	right:0;
	top:3rem;
	border:1px solid rgba(197,150,72,1);
	background:#fff;
	width:8rem;
	z-index:999;
	display:none;
}
.showOptions:before{
	content:"";
	border-top:7px solid transparent;
	border-bottom:7px solid rgba(197,150,72,1);
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	position:absolute;
	top:-15px;
	right:5px;
}
.option-item{
	padding-left:2rem;
	height:1.2rem;
	line-height:1.2rem;
	position:relative;
}
.option-item.current{
	background:rgba(197,150,72,1);
	color:#fff;
}
.option-item.current:before{
	content:"";
	background:url(../icon/right.png) center center no-repeat;
	background-size:100% 100%;
	width:0.6rem;
	height:0.6rem;
	position:absolute;
	top:0.3rem;
	left:0.8rem;
}
.colored{
	color:#3eb7ed;
}
.active{
	position:relative;
	color: #353535;
}
.active:after{
	content:"";
	position:absolute;
	bottom:0;
	left:calc( 50% - 1rem );
	height:2px;
	width:2rem;
	background:#353535;
	-webkit-transition:all 0.4s,-webkit-transform .4s;
	-moz-transition:all 0.4s,-moz-transform .4s;
	-o-transition:all 0.4s,-o-transform .4s; 
	transition:all 0.4s,transform .4s;
	-webkit-animation: widthen 1s 1;
	animation: widthen 1s 1 ;
}
@keyframes widthen {
	0% {width:0;}
	100% { width:2rem; }
}
@-webkit-keyframes widthen {
	0% {width:0}
	100% { width:2rem;  }
}
.red{
	color:#a50000;
}
.colornew{
	background:#EEC591;
}
.colorpayed{
	background:#388E8E;
}
.colorcancel{
	background:#C1C1C1;
}
.coloroutdate{
	background:#636363;
}
.colorcomplete{
	background:#CD0000;
}
.colorrefund{
	background:#DDA0DD;
}
.modal{
	position:fixed;
	background:#fff;
	z-index:9999;
	border-radius:0.3rem;
	font-size:0.55rem;
	display:none;
}
.modal-title{
	width:100%;
	text-align:center;
	border-bottom:1px dotted #cdcdcd;
	padding:0.6rem 0;
}
.modal-content{
	width:94%;
	padding:3%;
	height:96%;
	max-height: 11rem;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
.modal-footer{
	width:94%;
	display:flex;
	align-items:center;
	justify-content:center;
	border-top:1px dotted #cdcdcd;
	padding:3%;
}
.flex{
	display:flex;
	align-items:center;
}
.inlineflex{
	display:inline-flex;
	align-items:center;
}
.flex-wrap{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.gold{
	color:#CFB286;
}
.fr{
	margin-left:auto;
}

/*会员卡桥廊*/
.card-gallery{
	width:100%;
	white-space:nowrap;
	overflow:auto;
	margin:0.4rem 0 0;
	background:#FBFBFB;
	/* padding:0.6rem 0 0.75rem; */
	padding:0.6rem 0 0.3rem;
	height: 7.6rem;
}
.card-gallery::-webkit-scrollbar{
    display: none;
}
.card-item{
	background-size:100% 100% !important;
	width:10.76rem;
	height:6.98rem;
	border-radius:10px;
	margin:0 0.5rem;
	display:inline-block;
	position:relative;
}
.card-content{
	padding:7% 8%;
	position:absolute;
	width:90%;
	top:0;
	left:0;
}
.card-content1{
	padding:7% 8%;
	position:absolute;
	width:90%;
	top:0;
	left:0;
	height: 90%;
}
.logo{
	width:1.7rem !important;
}
.card-info{
	margin-top:2rem;
	width:90%;
	display:flex;
	align-items:flex-end;
	font-size:0.4rem;
}
.card-info1{
	margin-top:-1.5rem;
	width:90%;
	display:flex;
	align-items:flex-end;
	font-size:0.4rem;
	height: 50%;
}
.card-info-left{
	color:#fff;
}
.card-content1>.card-info-name{
	color: #9D7E2B;
	font-size: .4rem;
}
.card_spring .card-info-left{
	color : #333;
}
.card-info-name{
	margin-bottom:0.2rem;
}
.card-info-right{
	display:flex;
	margin-left:auto;
	color: #dedede;
}
.card-info-right>strong{
	position:absolute;
	bottom:13.9%;
	font-size: .27rem;
	right: 1.5rem;
}
.qrcode{
	width:1.2rem !important;
	height:1.2rem !important;
}

/*识别二维码*/
.QRcodeDiv{
	width:100%;
	height:auto;
}
.r_qrcode{
	width:4rem;
	height:4rem;
}
.r_qrcode1{
	width:3rem;
	height:3rem;
}
.recognizeDiv{
	width:calc( 100% - 4.5rem);
	margin-left:auto;
}
.r_top{
	width:100%;
}
.recognizeTitle{
	color:#727272;
	margin-left:0.5rem;
}
.recognizeTitle1{
	color:#727272;
}
.recognizeImg{
	width:1.3rem;
	height:1rem;
}
.pinkTitle{
	color:#f79b9b;
}
.recognizeContent{
	color:#727272;
	white-space:normal;
}

.swiper-container img{
	width:100%;
	height:100%;
}

.slogo{
	background: #000;
	width: 100%;
	height:auto;
/* 	margin-left:calc( 50% - 6rem ); */
}
.sBack{
	width:100%;
	height:3rem;
}


.CompanyIntroduction b {
	font-weight: bold;
}

.CompanyIntroduction p {
	text-indent: 2em;
}

.CompanyIntroduction h1 {
	text-align: center;
}

.CompanyIntroduction {
	width: 96%;
	background: #fff;
	border-radius: 10px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.CompanyIntroduction .logoLeft {
	width: 15%;
	float: left;
	padding: 0.5rem;
}

.CompanyIntroduction .content {
	width: 94%;
	font-family: "Microsoft YaHei";
	padding: 3%;
	color: #727272;
	margin-bottom: 1rem;
	max-width: 94% !important;
}

.CompanyIntroduction .contentTitle {
	font-size: 0.75rem;
	padding: 0.3rem 0;
	text-align:center;
}

.CompanyIntroduction .contentText {
}

.CompanyIntroduction *{
	max-width :100%;
}

.main-text table td{
	border-style:solid;
}
.main-text table td,.main-text table p{
	position:relative;
	font-size:12px;
}
.main-text table *{
	font-size:12px !important;
}
.main-text table td>span{
	position:absolute;
	top:50%;
	transform: translate(0, -50%);
	width:100%;
	text-align:center;
	left:0;
}
.question{
	background:url(../icon/user/question.png) center center no-repeat;
	background-size:100% 100%;
	width:0.8rem;
	height:.8rem;
	margin-left:0.3rem;
}

/*转发*/
.repostDiv{
	z-index:9999;
	background:#000;
	opacity:0.5;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
}
.toRepostImg{
	position:absolute;
	right:0;
	top:0;
	color:#fff;
	width:65%;
	height:23%;
}
.closeSmall{
	width:.8rem;
	height:.8rem;
}

.chooseMainCard {
	top:20%;
	width:80%;
	left:10%;
}

.sureBtn{
	background:#353535;
	color:#fff;
	border:none;
	width:49%;
	height:1.5rem;
	border-radius: 5px;
	margin:2% auto;
}
.cancelBtn{
	background:#ccc;
	color:#fff;
	border:none;
	width:49%;
	height:1.5rem;
	border-radius: 5px;
	margin:2% auto;
}
.card-option-item{
	width: 84%;
	padding:3%;
	border:1px solid #353535;
	margin: 2% 5%;
	border-radius:5px;
	display:flex;
	align-items:center;
	justify-content:space-around;
}
.card-option-item.choosen{
	background:#353535;
	color:#fff;
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
}
.card-option-info{
	min-width:1rem;
}
.navList{
	background:#fff;
	width:100%;
	display:flex;
	align-items:center;
}
.statusNav{
	text-align:center;
	box-sizing:border-box;
	height:1.5rem;
	line-height:1.5rem;
	padding-top:.1rem;
}
.price{
	color:#3eb7ed;
	font-size: 120%;
	font-weight : 700;
}

/*推广样式*/

.toPromote{
	color:#ff3f3c;
	border:1px solid #ff3f3c;
	border-radius:1rem;
	margin-left:auto;
	width:25%;
	text-align:center;
	padding:0.1rem 0.4rem;
}
/*推广样式*/
.promoteDiv{
	bottom:0;
	left:0;
	padding:2%;
	width:96%;
}
.promoteInfo{
	margin-top:2%;
	width:100%;
}
.productionName{
}
.promoteContent{
	margin-top:2%;
	width:100%;
	display:inline-flex;
	align-items:center;
}
.pro_pic {
	width:34%;
	height:3rem;
}
.proContent{
	width:62%;
	padding-left:2%;
}
.proName{
	text-overflow:ellipsis;
	width: 100%;
	overflow:hidden;
	height: 1rem;
	white-space:nowrap;
	line-height: 1rem;
}
.proSubName{
	color:#999;
	width: 100%;
	font-size: 90%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.proPrice{
	height: .8rem;
	line-height: .8rem;
	margin-top: .1rem;
}
.proBenefit{
	color:#ee9200;
}
.promoteList{
	padding:2% 0;
	color:#999;
}
.promoteWay{
	padding:3% 0;
	overflow:hidden;
}
.promoteTitle{
	border-left:3px solid #29aa33;
	padding-left:2%;
}
.currentUrl {
	margin-top:1%;
	width:96%;
	overflow:hidden;
}
.shareBtn{
	border:1px solid #1aad19;
	color:#1aad19;
	padding: .2rem 2%;
	border-radius:0.2rem;
	background:#fff;
	margin-top:2%;
}

.loading{
	background:rgba(0,0,0,1) !important;
	top:40%;
	bottom:40%;
	left:30%;
	right:30%;
	padding: 9% 5%;
	text-align:center;
}
.loading img{
	-webkit-filter:invert(1);
	width:40px;
	height:40px;
}
.loading div{
	color:#fff;
	width:100%;
	text-align:center;
}

/*swiper*/

.swiper-pagination-bullet{
	width: .5rem;
	height: .5rem;
	display:inline-block;
	border-radius:100%;
	background: #fff;
	opacity:.2;
	border-radius: 2px;
}
.swiper-pagination-bullet-active{
	opacity:1;
	/* background:var(--swiper-pagination-color,var(--swiper-theme-color)) */
	background : #fff;
}
/*团购列表*/
.group_item{
	padding:1% 3% 1% 3%;
}
.group_pic_{
	width:100%;
	border-radius:0.3rem;
	height:7rem;
}
.group_name_{
	width:100%;
	margin-bottom : .2rem;
}
.showPrice{
/* 	color:#CDB38B; */
/* 	color:#7ecef4; */
/* 	padding:0.1rem; */
/* 	font-size: 120%; */
/* 	font-family:dataNumber; */
/* 	height:1rem; */
/* 	line-height:1rem; */
/* 	font-weight:bold; */
/* 	text-overflow: ellipsis;  */
/* 	overflow:hidden;  */

    color: #353535;
    border : 1px solid;
/*     border: none; */
    border-radius: 3px;
/*     color: #fff; */
/*     width: 30%; */
    padding: .2rem .3rem;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
    align-items : center;
}
.showPrice svg{
	margin-right : .15rem;
}
.showPrice span{
	margin-right : .3rem;
}
.qr1{
	position: absolute;
    bottom: calc(13.9% + 0.6rem);
    right: 2.1rem;
}