<!DOCTYPE html>
<html lang="en">
	<head>
		<title>少医堂</title>
		<script id="barrierfree" src="/barrierfree/load.js"></script>
		<meta charset="utf-8">
		<meta name=viewport content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel=stylesheet
			href=http://jusewebapp.oss-cn-hangzhou.aliyuncs.com/node_modules/mescroll.js/mescroll.min.css>
		<link rel=stylesheet
			href=http://jusewebapp.oss-cn-hangzhou.aliyuncs.com/node_modules/Swiper4.4.6/dist/css/swiper.min.css>
		<script src="http://jusewebapp.oss-cn-hangzhou.aliyuncs.com/node_modules/mescroll.js/mescroll.m.js"></script>
		<script src="http://jusewebapp.oss-cn-hangzhou.aliyuncs.com/node_modules/Swiper4.4.6/dist/js/swiper.min.js">
		</script>
		<script src="http://jusewebapp.oss-cn-hangzhou.aliyuncs.com/node_modules/js/jquery.min.js"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script>
		<style>
			.headerS {
				height: 30px;
				border-bottom: 1px solid #ddd;
				background: #eee;
				font: 12px/30px "";
				color: #333;
				cursor: pointer;
				position: relative;
			}

			.margin {
				width: 55%;
				height: 100%;
				margin: 0 auto;
			}

			.header {
				width: 70%;
				height: 100px;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
			}

			.header_logo {
				margin-top: 21px;
				width: 170px;
				height: 58px;
				float: left;
			}

			.nav {
				float: left;
				border: 2px solid #4cb244;
				width: 600px;
				height: 50px;
				margin-top: 23px;
				border-radius: 25px;
				overflow: hidden;
				cursor: pointer;

			}

			.nav_content {
				float: left;
				line-height: 50px;
				text-align: center;
				color: #4cb244;
				font-weight: bold;
				font-size: 14px;
			}

			.sweich {
				width: 100%;
				min-width: 1400px;
				max-height: 1120px;
				overflow: hidden;
			}

			.service {
				width: 800px;
				height: 360px;
				margin: -80px auto 0;
				z-index: 999;
			}

			.service_header {
				text-align: center;
				font-size: 40px;
				line-height: 80px;
			}

			.service_conter {
				line-height: 24px;
				font-size: 16px;
				color: #828282;
				text-indent: 2rem;
			}

			.service_tab {
				width: 100%;
				display: flex;
				justify-content: space-between;
				text-align: center;
				line-height: 24px;
				margin-top: 40px;
			}

			.case {
				width: 100%;
				height: 550px;
				background-color: #f7f7f7;
				margin: 40px auto 0;
				padding-top: 40px;
				text-align: center;
			}

			.case_title {
				text-align: center;
				font-size: 40px;
			}

			.case_title1 {
				text-align: center;
				font-size: 14px;
				line-height: 40px;
				color: #828282;
			}

			.information {
				width: 932px;
				height: 600px;
				margin: 0 auto;
				padding-top: 40px;
			}

			.information_title {
				text-align: center;
				font-size: 40px;
			}

			.information_title1 {
				text-align: center;
				font-size: 14px;
				line-height: 40px;
				color: #828282;
			}

			.information_main {
				width: 100%;
				height: 500px;
				margin: 0 auto;
			}

			.information_main_left {
				float: left;
				width: 357px;
				height: 100%;
			}

			.information_main_right {
				float: right;
				margin-left: 30px;
				width: 545px;
				height: 100%;
			}

			.information_main_right_conter {
				width: 545px;
				height: 130px;
				border-bottom: 1px dashed #a4a4a4;
				margin-top: 20px;
			}

			.information_main_right_conter_left {
				float: left;
				width: 100px;
				height: 100px;
				background-color: #f2f2f2;
				position: relative;
			}

			.information_main_right_conter_right {
				float: left;
				width: calc(100% - 120px);
				margin-left: 20px;
				height: 60px;
			}

			.case_conter {
				width: 932px;
				height: 300px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				text-align: center;
			}

			.case_conter_main {
				width: 235px;
				height: 270px;
			}

			.footer {
				width: 100%;
				height: 288px;
				padding-top: 40px;
				position: relative;
				left: 0;
				bottom: 0;
			}

			.footer_left {
				float: left;
				margin-top: 20px;
				width: 800px;
				height: 120px;
				line-height: 30px;
				color: #b9b9b9;
			}

			.footer_right {
				float: left;
				width: 300px;
				height: 140px;
			}

			.bg {
				background-color: #4cb244;
				color: #ffffff;
			}

			/*案例展示*/
			.swichBg {
				width: 400px;
				height: 270px;
				background-color: #ffffff;
				margin-left: 43px;
				float: left;
				margin-top: 43px;
				box-shadow: 0px 0px 23px 4px #828282;
			}

			.header_right {
				display: flex;
				justify-content: space-between;
				text-align: center;
			}

			.header_login {
				width: 150px;
				margin-top: 25px;
				height: 50px;
				line-height: 50px;
				border-radius: 25px;
				/* border: 1px solid #4cb244; */
				cursor: pointer;
			}

			.header_dingdan {
				width: 60px;
				margin-top: 25px;
				height: 50px;
				line-height: 50px;
				border-radius: 25px;
				/* border: 1px solid #4cb244; */
				cursor: pointer;
			}

			.header_gwc {
				width: 150px;
				margin-top: 25px;
				height: 50px;
				line-height: 50px;
				border-radius: 25px;
				cursor: pointer;
				/* border: 1px solid #4cb244; */
			}

			.main {
				margin: 0 auto;
				width: 1400px;
				height: 800px;
			}

			.main_conter {
				float: left;
				width: 300px;
				height: 350px;
				border-radius: 10px;
				/* border: 1px solid #4cb244; */
				background-color: #ffffff;
			}

			.main_conter1 {
				/* float: left; */
				width: 1000px;
				height: 160px;
				border-radius: 10px;
				font-size: 18px;
				margin: 30px auto;
				font-size: 16px;
				border: 1px solid #4cb244;
				background-color: #ffffff;
			}

			.main_conter_header {
				/* float: left; */
				width: 280px;
				height: 160px;
				background-color: #ffffff;
				float: left;
			}

			.main_conter_left {
				width: 720px;
				height: 160px;
				background-color: #ffffff;
				float: left;

			}

			/*banner上面浮层*/
			.w {
				width: 1200px;
				margin: 0 auto;
			}

			a {
				text-decoration: inherit;
			}

			a,
			li {
				list-style: none;
			}

			.cf:before,
			.cf:after,
			.clearfix:before,
			.clearfix:after {
				content: "";
				display: table;
			}

			.cf:after,
			.clearfix:after {
				clear: both;
			}

			.cf,
			.clearfix {
				clear: both;
				*zoom: 1;
				cursor: pointer;
			}

			.cat_wrap {
				box-shadow: 1px 1px 2px #bfbcbc;
				box-shadow: 0 -4px 8px 0 rgba(7, 17, 27, .1), 0 4px 8px 0 rgba(7, 17, 27, .1);
				background: #fff;
				width: 250px;
				position: absolute;
				z-index: 999;
				top: -30px;
			}

			.cat_wrap .cat_title {
				width: 192px;
				height: 50px;
				line-height: 50px;
				font-size: 16px;
				background: url(i/juxing.png) no-repeat;
				margin-left: -6px;
				margin-top: -15px;
				background-size: 100%;
				color: #fff;
				text-align: center;
			}

			.cat_wrap .cat_header {
				min-height: 450px;
			}

			.cat_wrap .cat_list div {
				background: #fff;
				border-left: 4px solid transparent;
				border-top: 1px solid transparent;
				border-bottom: 1px solid transparent;
			}

			.cat_wrap .cat_list div li {
				float: left;
				color: #323232;
				font-size: 14px;
				margin: 7px 0px;
			}

			.cat_wrap .cat_list div li:first-child {
				margin-left: 15px;
				margin-right: 10px;
			}

			.cat_wrap .cat_list {
				cursor: pointer;
			}

			.cat_wrap .cat_list div.active {
				width: 240px;
				padding-left: 1px;
				position: relative;
				z-index: 999;
				border-left: 3px solid #00a1ea;
				border-top: 1px solid #00a1ea;
				border-bottom: 1px solid #00a1ea;
				border-right: none;
			}

			/*banner浮层滑动显示弹框*/
			.cat_subcont {
				display: none;
			}

			.cat_subcont.active {
				display: block;
			}

			.cat_subcont .cat_sublist {
				position: absolute;
				z-index: 998;
				top: 30px;
				left: 250px;
				padding-top: 5px;
				min-height: 394px;
				width: 340px;
				background: #fff;
				border-top: 1px solid #f9f9f9;
				border-left: 1px solid #00a1ea;
				border-bottom: 1px solid #00a1ea;
				border-right: 1px solid #00a1ea;
			}

			.cat_subcont .cat_sublist .fore1 {
				width: 740px;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list {
				padding: 0 20px;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list h3 {
				padding: 5px;
				border-bottom: 1px solid #d3d3d3;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list h3 a {
				font-size: 14px;
				color: #00a1ea;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list li {
				float: left;
				padding: 5px;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list li a {
				font-size: 12px;
				color: #333;
			}

			.cat_subcont .cat_sublist .fore1 .fore_list li a:hover {
				color: #00a1ea;
				text-decoration: underline;
			}

			.pager {
				padding: 0;
				margin: 0;
				white-space: nowrap;
				text-align: center;
			}

			.pager li {
				list-style: none;
				font-family: arial;
				font-size: 14px;
				padding: 2px;
				margin: 5px;
				border: #333 1px solid;
				text-align: center;
				border-radius: 5px;
				max-width: 80px;
				width: 25px;
				height: 22px;
				line-height: 22px;
				cursor: pointer;
				background: #fff;
				display: inline-block
			}

			.pager li:hover {
				border: #a11418 1px solid;
				color: #a11418;
				opacity: 0.8;
			}

			.pager li.pg-hidepage {
				display: none
			}

			.pager li.pg-prev,
			li.pg-next {
				width: 80px
			}

			.pager li.pg-selected {
				border: #a11418 1px solid;
				background: #a11418;
				color: white
			}

			.pager li.pg-selected:hover {
				color: #000;
				cursor: default
			}

			.pager li.pg-dislabel {
				color: #ccc;
				border: #ccc 1px solid;
				cursor: default
			}

			.pager li.pg-dislabel:hover {
				border: #ccc 1px solid
			}
		</style>
	</head>
	<body style="margin: 0;padding: 0;">
		<div>
			<div class="headerS">
				<div class="margin">
					<div class="show" id="show" style="float: right;padding-left:0;display: none;">
						<span>欢迎回来，<span class="user_name" id="nickname"></span>！</span>
						<!-- <span>|</span>
						<span><a href="/t/655c7c92e1e24/account/shop" style="color:#000;">个人中心</a></span>
						<span>|</span> -->
						<span><a href="shopping.html" style="color:#000">购物车</a></span>

					</div>
					<div class="show" id="show1" style="float: right;padding-left:0;">
						<span>少醫堂,欢迎你！</span>
						<span><a href="login.html" style="color:#000;text-decoration: none;">请，登录</a></span>
						<span>|</span>
						<span><a href="reg.html" style="color:#000;text-decoration: none;">免费注册</a></span>
					</div>
					<div class="show" id="show" style="float: right;padding-left:0;display: none;">

					</div>
				</div>
			</div>
			<div class="header">
				<img src="img/logo.png" alt="" class="header_logo">
				<div class="nav">
					<!-- <div class="nav_content bg" style="width: 100px;" id="check_btn1">首页</div> -->
					<div class="nav_content" style="width: 100px;" id="check_btn6">在线商城</div>
					<!-- <div class="nav_content" style="width: 100px;" id="check_btn2">APP</div> -->
					<div class="nav_content" style="width: 100px;" id="check_btn3">案例展示</div>
					<div class="nav_content" style="width: 100px;" id="check_btn4">资讯动态</div>
					<div class="nav_content" style="width: 100px;" id="check_btn5">联系我们</div>
					<!-- <div class="nav_content" style="width: 100px;" id="check_btn7">商户入驻</div> -->
					<div class="nav_content"><a href="regInfo.html" class="nav_content"
							style="text-decoration: none;width: 100px;" id="check_btn7">商家入驻</a></div>
					<div class="nav_content" style="width: 100px;" id="check_btn8">商家店铺</div>
				</div>
				<!-- <div class="header_right">
					<div class="header_login">您好，请登录</div>
					<div class="header_dingdan">订单 <span style="color: red;">(0)</span></div>
					<div class="header_gwc">购物车 <span style="color: red;">(0)</span></div>
				</div> -->
			</div>
			<div id="sweich1">
				<!-- 				<div class="sweich">
					<img src="img/sweich.png" alt="" style="width: 100%;height: 100%;margin-top: -199px;z-index: -1;">
				</div>
				<div class="service">
					<div class="service_header">我们的服务</div>
					<div class="service_conter" style="line-height: 30px;">
						名医领衔多名医师协助会诊，病情把控更精准，诊疗服务更专业、更权威、更安全、更优质、看病当然更放心。
					</div>
					<div class="service_conter">
						少醫堂品牌隶属于河北少医堂健康咨询有限公司，公司以全民健康、全民理疗为宗旨。公司致力于打造全国性的少醫堂调理中心，
						以线上线下结合的先进营销理念在健康理疗行业中大力发展，已经取得阶段性的成果。目前全国各地200多家加盟店，会员数量突破30万人。
						通过手法为很多患者解决病痛，获得广大患者的一致好评。
					</div>
					<div class="service_tab">
						<div>
							<img src="img/service_1.png" alt="">
							<div>图文问诊</div>
						</div>
						<div>
							<img src="img/service_1.png" alt="">
							<div>复诊开方</div>
						</div>
						<div>
							<img src="img/service_1.png" alt="">
							<div>药师审方</div>
						</div>
						<div>
							<img src="img/service_1.png" alt="">
							<div>预约面诊</div>
						</div>
						<div>
							<img src="img/service_1.png" alt="">
							<div>送药上门</div>
						</div>
					</div>
				</div>
				<div class="case">
					<div class="case_title">案例展示</div>
					<div class="case_title1">Case pressentation</div>
					<img src="img/case.png" alt="">
				</div>
				<div class="information">
					<div class="information_title">资讯动态</div>
					<div class="information_title1">NEWS</div>
					<div class="information_main">
						<div class="information_main_left">
							<img src="img/1.png" alt="">
							<img src="img/2.png" alt="" style="margin-top: 20px;">
						</div>
						<div class="information_main_right">
							<div class="information_main_right_conter">
								<div class="information_main_right_conter_left">
									<div
										style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
										<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
										<div style="color: #595959;">2016/02</div>
									</div>
								</div>
								<div class="information_main_right_conter_right">
									<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
									<div style="color: #777777;font-size: 14px;margin-top: 20px;">
										袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
								</div>
							</div>
							<div class="information_main_right_conter">
								<div class="information_main_right_conter_left">
									<div
										style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
										<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
										<div style="color: #595959;">2016/02</div>
									</div>
								</div>
								<div class="information_main_right_conter_right">
									<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
									<div style="color: #777777;font-size: 14px;margin-top: 20px;">
										袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
								</div>
							</div>
							<div class="information_main_right_conter">
								<div class="information_main_right_conter_left">
									<div
										style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
										<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
										<div style="color: #595959;">2016/02</div>
									</div>
								</div>
								<div class="information_main_right_conter_right">
									<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
									<div style="color: #777777;font-size: 14px;margin-top: 20px;">
										袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="case" style="height: 480px;">
					<div class="case_title">店面展示</div>
					<div class="case_title1">Proin iaculis purus sonsquat sem cure</div>
					<div class="case_conter">
						<div class="case_conter_main">
							<img src="img/case2.png" alt="">
							<div style="line-height: 40px;">石家庄桥西工农路店</div>
						</div>
						<div>
							<img src="img/case3.png" alt="">
							<div style="line-height: 40px;">石家庄桥西工农路店</div>
						</div>
						<div>
							<img src="img/case4.png" alt="">
							<div style="line-height: 40px;">石家庄桥西工农路店</div>
						</div>
					</div>
					<div class="case_title1">点击查看更多店面>></div>
				</div> -->
			</div>
			<div id="sweich2">
				<div class="sweich" style="position: relative;">
					<img src="img/app.png" alt="" style="width: 100%;height: 100%;">
					<div style="position: absolute;top: 150px;left: 140px;width: 500px;height: 450px;color: #ffffff;">
						<div style="width: 100%;height: 150px;line-height: 150px;font-size: 65px;">少醫堂</div>
						<div style="width: 100%;height: 100px;line-height: 50px;font-size: 35px;">更多内容 点击下载</div>
						<div style="width: 100%;height: 100px;display: flex;justify-content: space-between;">
							<div
								style="width: 220px;height: 50px;border: 1px solid #ffffff;border-radius: 25px;display: flex;justify-content: center;line-height: 50px;cursor: pointer;">
								<img src="img/op.png"
									style="width: 19px;height: 23px;margin-top: 11px;margin-right: 5px;" alt="">
								App Store
							</div>
							<div
								style="width: 220px;height: 50px;border: 1px solid #ffffff;border-radius: 25px;display: flex;justify-content: center;line-height: 50px;cursor: pointer;">
								<img src="img/az.png"
									style="width: 19px;height: 23px;margin-top: 11px;margin-right: 5px;" alt="">
								<span>Play Store</span>
							</div>
						</div>
					</div>
				</div>
				<div class="case" style="background-color: #ffffff;height: 965px;">
					<div class="case_title" style="margin-bottom: 40px;">更多内容</div>
					<img src="img/gengduo.png" alt="">
				</div>
				<div class="case" style="height: 840px;">
					<div class="case_title">关于APP</div>
					<div class="case_title1">About APP</div>
					<div style="display: flex;justify-content: space-around;">
						<img src="img/sy.png" alt="">
						<img src="img/al.png" alt="">
						<img src="img/kc.png" alt="">
						<img src="img/my.png" alt="">
					</div>
				</div>
			</div>
			<div id="sweich3" style="display: none;">
				<div class="sweich">
					<img src="img/an_swich.png" alt="" style="width: 100%;height: 100%;">
				</div>
				<div class="case" style="height: 1400px;">
					<div class="case_title">案例展示</div>
					<div class="case_title1">Case Presentation</div>
					<div style="width: 930px;margin: 0 auto;">
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/FpXd-JI8kE5Zr89bJg8582OvNMKQ"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理肩膀疼</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/FmN9wTesl_pXMJ_LA_Q4uFWH-fDI"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理头痛</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/sytjk/202305/16105115675087608.png"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理肩膀疼</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/sytjk/202305/16105115675087608.png"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理脚跟痛</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/sytjk/202305/16105115675087608.png"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理肩膀脱臼</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/sytjk/202305/16105115675087608.png"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理飞蚊症</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/sytjk/202305/16105115675087608.png"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理腰腿疼</div>
						</div>
						<div class="swichBg">
							<div style="width: 350px;height: 200px;margin: 20px auto 0;position: relative;">
								<img src="http://resource.shaoyitang.com/FpXd-JI8kE5Zr89bJg8582OvNMKQ"
									style="width: 100%;height: 100%;" />
								<div
									style="position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%;">
									<img src="img/bofang.png" alt="" style="width: 50px;height: 50px;margin-top: 75px;">
								</div>
							</div>
							<div style="text-indent: 2rem;text-align: left;line-height: 50px;">神奇手法调理腰痛</div>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>
			</div>
			<div id="sweich4" style="display: none;">
				<div class="sweich">
					<img src="img/zixun.png" alt="" style="width: 100%;height: 100%;">
				</div>
				<div class="information" style="height: 900px;">
					<div class="information_title">资讯动态</div>
					<div class="information_title1">NEWS</div>
					<div class="information_main" style="height: 900px;">
						<div class="information_main_right_conter" style="width: 100%;">
							<div class="information_main_right_conter_left" style="margin-left: 30px;">
								<div
									style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
									<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
									<div style="color: #595959;">2016/02</div>
								</div>
							</div>
							<div class="information_main_right_conter_right" style="width: calc(100% - 150px);">
								<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
								<div style="color: #777777;font-size: 14px;margin-top: 20px;">
									袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
							</div>
						</div>
						<div class="information_main_right_conter" style="width: 100%;">
							<div class="information_main_right_conter_left" style="margin-left: 30px;">
								<div
									style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
									<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
									<div style="color: #595959;">2016/02</div>
								</div>
							</div>
							<div class="information_main_right_conter_right" style="width: calc(100% - 150px);">
								<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
								<div style="color: #777777;font-size: 14px;margin-top: 20px;">
									袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
							</div>
						</div>
						<div class="information_main_right_conter" style="width: 100%;">
							<div class="information_main_right_conter_left" style="margin-left: 30px;">
								<div
									style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
									<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
									<div style="color: #595959;">2016/02</div>
								</div>
							</div>
							<div class="information_main_right_conter_right" style="width: calc(100% - 150px);">
								<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
								<div style="color: #777777;font-size: 14px;margin-top: 20px;">
									袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
							</div>
						</div>
						<div class="information_main_right_conter" style="width: 100%;">
							<div class="information_main_right_conter_left" style="margin-left: 30px;">
								<div
									style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
									<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
									<div style="color: #595959;">2016/02</div>
								</div>
							</div>
							<div class="information_main_right_conter_right" style="width: calc(100% - 150px);">
								<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
								<div style="color: #777777;font-size: 14px;margin-top: 20px;">
									袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
							</div>
						</div>
						<div class="information_main_right_conter" style="width: 100%;">
							<div class="information_main_right_conter_left" style="margin-left: 30px;">
								<div
									style="position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 64px;height: 50px;">
									<div style="text-align: center;font-size: 20px;color: #575757;">07</div>
									<div style="color: #595959;">2016/02</div>
								</div>
							</div>
							<div class="information_main_right_conter_right" style="width: calc(100% - 150px);">
								<div style="color: #585858;font-size: 22px;">少醫堂创始人|传承千年医术 只为健康幸福</div>
								<div style="color: #777777;font-size: 14px;margin-top: 20px;">
									袁磊，这个看似普通的名字，背后却隐藏着一个令人敬佩的人生故事。他，作为河北少醫堂健康咨询有限公司的的创始人......</div>
							</div>
						</div>
						<div style="clear: both;"></div>
					</div>
				</div>
			</div>
			<div id="sweich5" style="display: none;">
				<div class="sweich">
					<img src="img/lianxi.png" alt="" style="width: 100%;height: 100%;">
				</div>
				<div style="margin-bottom: 40px;">
					<div style="width: 932px;margin: 0 auto;">
						<div style="width: 932px;height: 270px;">
							<img src="img/dingwei.png" style="float: left;margin: 50px 0 0 100px;" alt="">
							<div style="float: left;margin: 50px 0 0 150px;">
								少醫堂（总店）
								<p>地址：河北省石家庄市桥西区城角街与建国路交叉口耕香园4楼401</p>
								<p>电话：19131199113</p>
								<p>代理咨询：18603111778</p>
								<p>合作：18603111778</p>
							</div>
						</div>
						<img src="img/ditu.png" style="width: 932px;" alt="">
					</div>
					<div style="width: 932px;margin: 0 auto;">
						<div style="width: 932px;height: 270px;">
							<img src="img/dingwei.png" style="float: left;margin: 50px 0 0 100px;" alt="">
							<div style="float: left;margin: 50px 0 0 150px;">
								石家庄桥西工农路店（直营店）
								<p>地址：河北省石家庄市桥西区西二环与工农路交叉口西行20米路北</p>
								<p>电话：18931147448</p>
								<p>代理咨询：18603111778</p>
								<p>合作：18603111778</p>
							</div>
						</div>
						<img src="img/ditu2.png" style="width: 932px;" alt="">
					</div>
					<div style="width: 932px;margin: 0 auto;">
						<div style="width: 932px;height: 270px;">
							<img src="img/dingwei.png" style="float: left;margin: 50px 0 0 100px;" alt="">
							<div style="float: left;margin: 50px 0 0 150px;">
								石家庄桥西新石北路店（直营店）
								<p>地址：河北省石家庄市桥西区中华大街与新石北路交叉口西行200米路北</p>
								<p>电话：13303110119</p>
								<p>代理咨询：18603111778</p>
								<p>合作：18603111778</p>
							</div>
						</div>
						<img src="img/ditu3.png" style="width: 932px;" alt="">
					</div>
				</div>
			</div>
			<div id="sweich6" style="display: none; position:relative;">
				<!-- banner上面浮层 -->
				<div class="cat_wrap">
					<div class="cat_header">
						<h3 class="cat_title">全部课程</h3>
						<!-- <div class="cat_list" id="sweich_cat"> -->
						<div class="cat_list">
							<div class="float for1">
								<ul class="clearfix">
									<li>健康养生</li>
								</ul>
							</div>
							<div class="float for1">
								<ul class="clearfix">
									<li>运动健身</li>
								</ul>
							</div>
							<div class="float for1">
								<ul class="clearfix">
									<li>智能家居</li>
								</ul>
							</div>
							<div class="float for1">
								<ul class="clearfix">
									<li>电子产品</li>
								</ul>
							</div>
						</div>
					</div>
					<!-- banner浮层滑动显示弹框 -->
					<div class="cat_subcont">
						<div class="cat_sublist">
							<!-- 浮层左边列表 -->
							<div class="fore1">
								<div class="fore_list">
									<h3>健康养生</h3>
									<ul class="clearfix">
										<li onclick="shopClick(9)">健康食品</li>
										<li onclick="shopClick(10)">健康养生</li>

									</ul>
								</div>
							</div>
						</div>
						<div class="cat_sublist">
							<!-- 浮层左边列表 -->
							<div class="fore1">
								<div class="fore_list">
									<h3>运动健康</h3>
									<ul class="clearfix">
										<li onclick="shopClick(11)">健身器材</li>
										<li onclick="shopClick(12)">健身服饰</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="cat_sublist">
							<!-- 浮层左边列表 -->
							<div class="fore1">
								<div class="fore_list">
									<h3><a href="javascript:void(0);">智能家居</a></h3>
									<ul class="clearfix">
										<li onclick="shopClick(7)">空气净化器</li>
										<li onclick="shopClick(8)">冰箱</li>
									</ul>
								</div>

							</div>
						</div>
						<div class="cat_sublist">
							<!-- 浮层左边列表 -->
							<div class="fore1">
								<div class="fore_list">
									<h3>电子产品</h3>
									<ul class="clearfix">
										<li onclick="shopClick(5)">手机</li>
										<li onclick="shopClick(6)">电脑</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="main" id="shopShai">

					<div class="main" id="showShop">
					</div>
				</div>
				<ul class="zblist clear" id="zblist">

				</ul>

				<div id="pager"></div>
			</div>
			<div id="sweich8" style="display: none;">
				<!-- <div id="pager"></div> -->

				<div id="businessList">

				</div>
			</div>

			<!-- <div id="sweich7" style="display: none;">
				<div style="width: 600px;height: 500px;margin: 0 auto;">
					<div style="width: 100%;height: 50px;font-size: 22px;">
						<div style="float: left;width: 120px;text-align: right;">
							商家名称：
						</div>
						<input style="float: left;padding: 7px 0;width: 200px;" id="shangjia" type="text">
					</div>
					<div style="width: 100%;height: 50px;font-size: 22px;">
						<div style="float: left;width: 120px;text-align: right;">
							联系人：
						</div>
						<input style="float: left;padding: 7px 0;width: 200px;" id="xingming" type="text">
					</div>
					<div style="width: 100%;height: 50px;font-size: 22px;">
						<div style="float: left;width: 120px;text-align: right;">
							联系电话：
						</div>
						<input style="float: left;padding: 7px 0;width: 200px;" id="tel" type="text">
					</div>
					<div style="width: 100%;height: 50px;font-size: 22px;">
						<div style="float: left;width: 120px;text-align: right;">
							地址：
						</div>
						<input style="float: left;padding: 7px 0;width: 200px;" id="ip" type="text">
					</div>
					<div style="width: 100%;height: 115px;font-size: 22px;">
						<div style="float: left;width: 120px;text-align: right;">
							简介：
						</div>
						<textarea style="float: left;padding: 7px 0;width: 200px;height: 100px;" id="jianjie"
							type=""></textarea>
					</div>
					<div
						style="width: 100%;height: 50px;font-size: 22px;clear: both;text-align: center;margin-top: 50px;">
						<button style="width: 150px;height: 40px;" onclick="tijiao()">提交</button>
					</div>
				</div> -->
		</div>
		<div class="footer">
			<img src="img/footer.png" alt=""
				style="width: 100%;height: 328px;position: absolute;left: 0;top: 0;z-index: -1;">
			<div class="case_title" style="color: #ffffff;">联系我们</div>
			<div class="case_title1" style="color: #7a7a7a;">Contact Us</div>
			<div style="width: 1100px;height: 200px;margin: 0 auto;">
				<div class="footer_left">
					<div>少醫堂中医馆/少醫堂大药房（总店）:</div>
					<div>TEL：18603111778</div>
					<div>ADD：河北省石家庄市桥西区城角街与建国路交叉口耕香园4楼401</div>
				</div>
				<div class="footer_right">
					<img src="img/footer_ma.png" alt="">
				</div>
			</div>
			<div class="case_title1" style="color: #7a7a7a;display: flex;justify-content: center;">
				<img src="img/gonganlogo.png" alt=""
					style="margin-top: 10px;width: 20px;height: 20px;margin-right: 10px;">
				<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=13010402002519"
					style="color: #000000;text-decoration:none;">冀公安备13010402002519号&nbsp;&nbsp;&nbsp;</a>
				<a href="http://beian.miit.gov.cn/" style="color: #000000;text-decoration:none;">冀ICP备2022021629号-1
					河北少医堂健康咨询有限公司版权所有</a>
			</div>
		</div>
		</div>
		<script type="text/javascript">
			var countnum = 0 //总条数
			var data = {}
			$.ajax({
				type: "GET",
				url: "http://syt.shaoyitang.com/prod-api/app/goods/getPlatformGoodsList",
				headers: {

				},
				data: {
					channelSource: 3,
					isSpecialGood: 0
				},
				success: function(data) {
					if (data.code == 0) {
						countnum = data.data.total //获取总条数
						console.log(countnum);
						var pager = document.getElementById("pager");
						var start = 0,
							end = 0;


						//加载分页
						loadPager(pager, {
							pageSize: 8, //每页显示条数
							totalCount: countnum, //总记录数
							curPage: 1, //当前页数，不设置则默认1
							nav_count: 5, //显示多少个导航
							callback: function(count) { //点击翻页后的回调函数
								data = {
									pageSize: 8,
									currentPage: count,
									channelSource: 3,
									isSpecialGood: 0
								}
								getdata(data) //再次根据分页请求数据
							}
						});
					}
				}
			});


			function loadPager(el, option) {
				var page_ul, pageSize, totalCount, curPage, nav_count, callback, totalPage, pagerId, nav_mid, nav_rela,
					prevName = '上一页',
					nextName = '下一页',
					firstName = '首页',
					lastName = '尾页',
					leftCount = 0,
					rightCount = 0,
					btn_dislabel = 'pg-dislabel',
					btn_selected = 'pg-selected',
					btn_hide = 'pg-hidepage';

				//初始化并设置一些默认值
				init();
				//显示分页
				el.innerHTML = genHtml();

				//给UL添加点击事件
				handleClick();

				//处理按钮
				handleBtn();

				//初次加载响应点击事件
				callback(curPage);

				function init() {
					var $option = option || {};
					pageSize = $option.pageSize || 10;
					totalCount = $option.totalCount || 0;
					curPage = $option.curPage || 1;
					nav_count = $option.nav_count || 0;
					callback = $option.callback || function() {};
					//计算总页数
					totalPage = parseInt(totalCount / pageSize) + ((totalCount % pageSize > 0) ? 1 : 0);
					pagerId = "pager_ul_" + Math.round(Math.random() * (9999 - 1000) + 1000);

					nav_mid = Math.round(nav_count / 2);
				}
				//生成显示分页的html
				function genHtml(pager) {
					var html = "<ul class='pager' id='" + pagerId + "'>";
					html += "<li class='pg-next' id='next'>" + nextName + "</li>";
					html += "<li class='pg-prev' id='last'>" + lastName + "</li>";
					// html += "<li class='pg-prev' id='first'>" + firstName + "</li>";
					// html += "<li class='pg-prev' id='prev'>" + prevName + "</li>";
					for (var i = 0; i < totalPage; i++) {
						var page = (i + 1);
						if (i < nav_count) { //显示 
							html += "<li page='" + page + "' class='pg-showpage'>" + page + "</li>"
						} else { //隐藏
							html += "<li page='" + page + "' class='pg-hidepage'>" + page + "</li>"
						}
					}

					html += "</ul>";
					return html;
				}

				function handleClick() {
					page_ul = document.getElementById(pagerId);
					//给UL添加事件
					document.addEventListener ?
						page_ul.addEventListener('click', handleUl) : page_ul.attachEvent('click', handleUl);

					function handleUl(e) {
						var e = e || window.event;
						var target = e.target || e.srcElement;

						if (target.tagName.toUpperCase() !== 'LI') return;
						//查找按钮是不是不可用的
						var index = findIndex(class2Array(target), [btn_dislabel, btn_selected]);
						if (index !== -1) { //如果是不可用的，则不响应点击
							return;
						}
						var page_val; //按钮选择后当前页的值
						//处理首页、上一页、下一页、尾页
						if (target.id === 'prev') {
							page_val = curPage - 1;
						} else if (target.id === 'next') {
							page_val = curPage + 1;
						} else if (target.id === 'first') {
							page_val = 1;
						} else if (target.id === 'last') {
							page_val = totalPage;
						} else {
							page_val = target.innerText;
						}
						curPage = parseInt(page_val);
						//每次选择要重新处理按钮
						handleBtn();
						//响应点击事件
						callback(curPage);
					}
				}

				function handleBtn() {
					//首页是否有效
					var first = page_ul.firstChild;
					if (curPage === 1) {
						handleClass(first, btn_dislabel, 'add');
					} else {
						handleClass(first, btn_dislabel, 'del');
					}
					//前一页按钮是否有效
					var prev = first.nextSibling;
					if (curPage === 1) {
						handleClass(prev, btn_dislabel, 'add');
					} else {
						handleClass(prev, btn_dislabel, 'del');
					}
					//nav_rela
					if (curPage === 1) {
						leftCount = 0;
					} else {
						nav_rela = curPage - nav_mid;
						leftCount = (leftCount + nav_rela) > 0 ? (leftCount + nav_rela) : 0;
						nav_mid += nav_rela;
					}
					if (curPage === totalPage) {
						rightCount = 0;
					} else {
						rightCount = totalPage - nav_count - leftCount; //右边隐藏节点数
					}

					//选择当前页
					for (var i = 1; i <= totalPage; i++) {
						var page = (i + 1);
						if (i == curPage) { //选择当前页
							if (curPage === 1 || curPage === totalPage) {
								handleClass(page_ul.childNodes[page], btn_hide, 'del');
							}
							handleClass(page_ul.childNodes[page], btn_selected, 'add');
						} else {
							if (leftCount <= 0 || rightCount <= 0) { //左右隐藏节点或者为0的时候，要另外处理
								if (leftCount <= 0) {
									if (i <= nav_count) {
										handleClass(page_ul.childNodes[page], btn_hide, 'del');
									} else {
										handleClass(page_ul.childNodes[page], btn_hide, 'add');
									}
								}
								if (rightCount <= 0) {
									if (i > totalPage - nav_count) {
										handleClass(page_ul.childNodes[page], btn_hide, 'del');
									} else {
										handleClass(page_ul.childNodes[page], btn_hide, 'add');
									}
								}
							} else {
								if (i <= leftCount) {
									handleClass(page_ul.childNodes[page], btn_hide, 'add');
								} else if (i > leftCount + nav_count) {
									handleClass(page_ul.childNodes[page], btn_hide, 'add');
								} else if (i <= (leftCount + nav_count)) {
									handleClass(page_ul.childNodes[page], btn_hide, 'del');
								}
							}
							handleClass(page_ul.childNodes[page], btn_selected, 'del');
						}
					}

					//最后一页按钮是否有效
					var last = page_ul.lastChild;
					if (curPage === totalPage || totalPage === 0) {
						handleClass(last, btn_dislabel, 'add');
					} else {
						handleClass(last, btn_dislabel, 'del');
					}
					//下一页按钮是否有效
					var next = last.previousSibling;
					if (curPage === totalPage || totalPage === 0) {
						handleClass(next, btn_dislabel, 'add');
					} else {
						handleClass(next, btn_dislabel, 'del');
					}

				}
				//将元素el的class转换成数组
				function class2Array(el) {
					var oldClass = el.className;
					if (!oldClass) return [];
					return oldClass.split(" ");
				}
				//添加或者删除当前el元素的指定class
				function handleClass(el, className, type) {
					var arr = class2Array(el);
					var index = findIndex(arr, className);

					if (type === 'add') { //添加
						if (index === -1) {
							arr.push(className);
						}
					} else {
						if (index !== -1) { //删除某个元素
							arr.splice(index, 1);
						}
					}

					el.className = arr.join(" ");
				}
				//根据传入的clas名来查到在数组中的下标
				function findIndex(arr, c) {
					if (c instanceof Array) {
						for (var i = 0; i < c.length; i++) {
							var num = findOnceIndex(arr, c[i]);
							if (num !== -1) {
								return num;
							}
						}
					} else {
						return findOnceIndex(arr, c);
					}
					return -1;
				}

				function findOnceIndex(arr, c) {
					for (var i = 0; i < arr.length; i++) {
						if (arr[i] === c) {
							return i;
						}
					}
					return -1;
				}
			}
			let defaultShopData = []


			// var data = {
			// 	categoryId: '82efba2e6b0442f48a10c0f23b17e260',
			// 	pageSize: 6,
			// 	pageNo: pageNo,
			// }
			function getdata(data) {
				$.ajax({
					type: "GET",
					url: "http://syt.shaoyitang.com/prod-api/app/goods/getPlatformGoodsList",
					headers: {
						Authorization: 'Bearer ' + token
						// "content-type":'application/json'
					},
					data,
					success: function(data) {
						defaultShopData = data.data.list
						initShopList(data.data.list.map(m => {
							m.id = `details_${m.id}`;
							return m
						}))
					}
				});
			}

			let businessData = []

			function getBusiness(data) {
				let shopListView = document.getElementById('businessList')
				while (shopListView.firstChild) {
					shopListView.removeChild(shopListView.firstChild)
				}

				$.ajax({
					type: "GET",
					url: "http://syt.shaoyitang.com/prod-api/app/goods/getMerchantListTmp",
					headers: {
						Authorization: 'Bearer ' + token
						// "content-type":'application/json'
					},
					data: {
						pageSize: 8,
						currentPage: 1,
						channelSource: 3,
						isSpecialGood: 0
					},
					success: function(data) {
						console.log(data, "商家列表")
						businessData = data.data.list
						businessData.forEach((v, index) => {
							let goodsHtml = `<div class="main_conter1" id="${v.id}" onclick="shopInfo(${v.id})">
												<div class="main_conter_header">
													<div style="line-height: 30px;text-indent: 2rem;font-weight: bold;text-decoration-line: underline;text-decoration-color: blue;color: blue;cursor:pointer;">${v.merchantName}</div>
													<div style="line-height: 25px;text-indent: 2rem;">
														电话：<span >${v.contactMobile}</span>
													</div>
													<div style="line-height: 25px;text-indent: 2rem;">
														地址：<span>${v.contactAddress}</span>
													</div>
													<div style="line-height: 25px;text-indent: 2rem;">
														描述：<span>5.0</span>
													</div>
													<div style="line-height: 25px;text-indent: 2rem;">
														服务：<span >5.0</span>
													</div>
													<div style="line-height: 25px;text-indent: 2rem;">
														发货：<span>5.0</span>
													</div>
												</div>
												<div class="main_conter_left" id="${'businessChirdList'+v.id}">
													
												</div>
											</div>`
							shopListView.insertAdjacentHTML('beforeend', goodsHtml)
						})
						businessChirdList(businessData)
					}
				});

			}

			// function businessList(data) {

			// 	data.forEach(v => {


			// 	})
			// }
			function businessChirdList(data) {

				data.forEach(v => {
					let shopListView = document.getElementById('businessChirdList' + v.id)
					while (shopListView.firstChild) {
						shopListView.removeChild(shopListView.firstChild)
					}
					$.ajax({
						type: "GET",
						url: "http://syt.shaoyitang.com/prod-api/app/goods/getPlatformGoodsList",
						headers: {
							Authorization: 'Bearer ' + token
							// "content-type":'application/json'
						},
						data: {
							pageSize: 5,
							currentPage: 1,
							channelSource: 3,
							merchantId: v.id,
							isSpecialGood: 0
						},
						success: function(data1) {
							console.log(data1, "商品")
							let dataList = data1.data.list
							dataList.forEach(v1 => {
								let goodsHtml = `<div style="float:left;width:120px;height:100%;margin: 0 10px;cursor: pointer;" onclick="purchase1(${v1.id})">
													<img src="${v1.logoUrl}" alt="${v1.logoUrl}"
													style="width: 120px;height: 120px;margin-top: 10px;">
													<div style="width:100%;height:30px;line-height:30px;text-align: center;color:red;">¥${v1.sellingPrice/100}</div>
												</div>`
								shopListView.insertAdjacentHTML('beforeend', goodsHtml)
							})
						}
					});

				})
			}



			// let defaultShopData = [{
			// 		goodsName: '杀毒灭菌护身包-高效活性二氧化氯',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fos5HcM2PVhZwDOBrs-P0lCuL-Tp',
			// 		id: 'details_1',
			// 		sellingPrice: '3900'
			// 	},
			// 	{
			// 		goodsName: '九宝四溢丸（人参桑椹丸）',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fp5eIfqtA2yk-324KIbJgWnjbKCW',
			// 		id: 'details_2',
			// 		sellingPrice: '179900'
			// 	},
			// 	{
			// 		goodsName: '魔芋白芸豆压片糖果',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fn8u7h1-YD1ccGQV6T8lfQuXj0eF',
			// 		id: 'details_3',
			// 		sellingPrice: '3900'
			// 	},
			// 	{
			// 		goodsName: '玛珈牡蛎肽海参黑松露压果糖片',
			// 		logoUrl: 'http://resource.shaoyitang.com/FqtvmK3O49qGUvNPrbfur0C95u1s',
			// 		id: 'details_4',
			// 		sellingPrice: '78000'
			// 	},
			// 	{
			// 		goodsName: '果蔬维生素C压片糖果',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fjl7M7jygE6NRj9Eys8w9rAlBdZD',
			// 		id: 'details_5',
			// 		sellingPrice: '2280'
			// 	},
			// 	{
			// 		goodsName: '妇科金百消纳米银抑菌凝胶',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fowp4wIZhlXBMZxGNsWrlTYfyCWU',
			// 		id: 'details_6',
			// 		sellingPrice: '4980'
			// 	},
			// 	{
			// 		goodsName: '红枣姜茶',
			// 		logoUrl: 'http://resource.shaoyitang.com/Fnlly9GPA2Tc2BdZ0eiTn7MWQ1n7',
			// 		id: 'details_7',
			// 		sellingPrice: '2980'
			// 	},
			// 	{
			// 		goodsName: '维生素C咀嚼片',
			// 		logoUrl: 'http://resource.shaoyitang.com/FiQnwB290GT-ui9DUQGuq9L4RkYP',
			// 		id: 'details_8',
			// 		sellingPrice: '6900'
			// 	},
			// ]

			function initShopList(data) {
				let shopListView = document.getElementById('showShop')
				while (shopListView.firstChild) {
					shopListView.removeChild(shopListView.firstChild)
				}
				data.forEach(v => {
					let goodsHtml = `<div class="main_conter" id="${v.id}">
							<div style="line-height: 40px;text-indent: 2rem;font-weight: bold;">${v.goodsName}</div>
							<img src="${v.logoUrl}" alt="${v.goodsName}"
								style="width: 240px;height: 240px;margin: 0 30px;">
							<div>
								<div style="float: left;width: 150px;text-align: center;line-height: 60px;">
									价格：<span style="color:red;font-weight: bold;font-size: 18px;">${v.sellingPrice/100}</span>
								</div>
								<div
									style="float: left;width: 120px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #4cb244;margin: 10px 0;border-radius: 10px;cursor: pointer;" onclick="purchase(${v.id + ''})">
							立即购买</div>
						</div>`
					shopListView.insertAdjacentHTML('beforeend', goodsHtml)
				})
			}

			//banner左侧内容栏
			$(function() {
				// getdata()
				initShopList(defaultShopData)

				var thisUB;
				//鼠标离开左侧内容栏
				console.log();
				$('.cat_wrap .cat_list .float').mouseleave(function(even) {
					thisMouseOut();
				});
				//鼠标点击左侧内容栏   滑动出弹层
				$('.cat_wrap .cat_list .float').mouseenter(function() {
					$(this).addClass("active").siblings().removeClass("active");
					thisUB = $(this).index();
					$('.cat_subcont').addClass('active');
					$('.cat_sublist').hide().eq(thisUB).show();
				});

				$('.cat_subcont').mouseenter(function() {
					$('.cat_subcont').addClass('active');
					$('.cat_wrap .cat_list .float').eq(thisUB).addClass('active');
				});
				$('.cat_subcont').mouseleave(function() {
					thisMouseOut();
				});

				//函数——执行鼠标离开左侧内容栏的动作
				function thisMouseOut() {
					$('.cat_subcont').removeClass('active');
					$('.cat_wrap .cat_list .float').removeClass('active');
				}
			});
			var nickName = null
			const token = localStorage.getItem('token');
			if (token) {
				$.ajax({
					type: "GET",
					url: "http://syt.shaoyitang.com/prod-api/oauth/getUserInfo",
					headers: {
						Authorization: 'Bearer ' + token
						// "content-type":'application/json'
					},
					data: {},
					success: function(data) {
						console.log(data)
						nickName = data.data.nickName
						// $("#nickname").value(nickName)
						// 获取要操作的元素
						var nickname = document.getElementById("nickname"); // "myElement"为目标元素的id或其他选择器

						// 设置新的内容
						nickname.innerHTML = nickName;
						$("#show1").hide();
						$("#show").show();

					}
				});
			}

			function shopClick(id) {
				$.ajax({
					type: "GET",
					url: "http://syt.shaoyitang.com/prod-api/app/goods/getPlatformGoodsList",
					headers: {
						Authorization: 'Bearer ' + token
						// "content-type":'application/json'
					},
					data: {
						kindId: id
					},
					success: function(data) {
						initShopList(data.data.list.map(m => {
							m.id = `details_${m.id}`;
							return m
						}))
					}
				});
			}

			function shopInfo(index) {
				console.log(index, '1223');
				$(location).attr("href", "shopInfo.html?id=" + index)
			}

			function purchase(el) {
				console.log('立即购买', el)
				$(location).attr("href", "details.html?id=" + el.id.replace('details_', ''))

			}

			function purchase1(el) {
				console.log('立即购买', el)
				$(location).attr("href", "details.html?id=" + el)

			}
			//获取对方传过来的参数
			function jqueryUrl(url) {
				// debugger
				//将地址从"？"位置分割成两部分
				var arr = url.split('?');
				console.log(arr)
				if (!arr[1]) {
					return {
						id: 1
					}
				}
				//取地址右边参数部分从"&"位置继续分割，成为单独参数列表
				var params = arr[1].split('&'); //得到[a=1,b=2,c=3]
				//定义一个空对象
				var obj = {};
				for (var i = 0; i < params.length; i++) {
					var param = params[i].split('='); //得到[a,1]、[b,2]、[c,3]
					obj[param[0]] = param[1]; //为对象赋值
				}
				return obj;
			}
			var urlParams = jqueryUrl(location.href)
			if (urlParams) {
				console.log(urlParams)
				if (urlParams.id == 1) {
					// $("#sweich1").show();
					$("#sweich2").hide();
					$("#sweich3").hide();
					$("#sweich4").hide();
					$("#sweich5").hide();
					// $("#check_btn1").addClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#sweich6").show();
					$("#sweich7").hide();
					$("#check_btn6").addClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 2) {
					$("#sweich1").hide();
					$("#sweich2").show();
					$("#sweich3").hide();
					$("#sweich4").hide();
					$("#sweich5").hide();
					$("#check_btn2").addClass("bg");
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#sweich6").hide();
					$("#sweich7").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 3) {
					$("#sweich1").hide();
					$("#sweich2").show();
					$("#check_btn2").addClass("bg");
					$("#sweich3").hide();
					$("#sweich4").hide();
					$("#sweich5").hide();
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#sweich6").hide();
					$("#sweich7").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 4) {
					$("#sweich1").hide();
					$("#sweich2").hide();
					$("#sweich3").show();
					$("#check_btn3").addClass("bg");
					$("#sweich4").hide();
					$("#sweich5").hide();
					$("#check_btn1").removeClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#sweich6").hide();
					$("#sweich7").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 5) {
					$("#sweich1").hide();
					$("#sweich2").hide();
					$("#sweich3").hide();
					$("#sweich4").show();
					$("#check_btn4").addClass("bg");
					$("#sweich5").hide();
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#sweich6").hide();
					$("#sweich7").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 6) {
					$("#sweich1").hide();
					$("#sweich2").hide();
					$("#sweich3").hide();
					$("#sweich4").hide();
					$("#sweich5").show();
					$("#check_btn5").addClass("bg");
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#sweich6").hide();
					$("#sweich7").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 7) {
					$("#sweich1").hide();
					$("#sweich2").hide();
					$("#sweich3").hide();
					$("#sweich4").hide();
					// $("#sweich7").show();
					$("#check_btn7").addClass("bg");
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#sweich5").hide();
					$("#sweich6").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#sweich8").hide();
					$("#check_btn8").removeClass("bg");
				} else if (urlParams.id == 8) {
					$("#sweich1").hide();
					$("#sweich2").hide();
					$("#sweich3").hide();
					$("#sweich4").hide();
					$("#sweich8").show();
					$("#sweich5").hide();
					$("#check_btn8").addClass("bg");
					$("#check_btn1").removeClass("bg");
					$("#check_btn3").removeClass("bg");
					$("#check_btn4").removeClass("bg");
					$("#sweich6").hide();
					$("#check_btn6").removeClass("bg");
					$("#check_btn2").removeClass("bg");
					$("#check_btn7").removeClass("bg");
					$("#check_btn5").removeClass("bg");
					getBusiness()
				}
			}



			$("#tijiao").click(function() {

				// window.location("details.html");
			})

			function tijiao() {
				console.log("1222222222")
				$("#shangjia").val("")
				$("#xingming").val("")
				$("#tel").val("")
				$("#ip").val("")
				$("#jianjie").val("")
				alert("提交成功，敬请等待客服联系您！")
				return
			}
			$("#check_btn1").click(function() {
				$("#sweich1").show();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").hide();
				$("#sweich5").hide();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn1").addClass("bg");
				// $("#check_btn2").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#check_btn5").removeClass("bg");
				$("#sweich6").hide();
				$("#check_btn6").removeClass("bg");
				$("#check_btn7").removeClass("bg");
			});
			// $("#check_btn2").click(function() {
			// 	$("#sweich1").hide();
			// 	$("#sweich2").show();
			// 	$("#check_btn2").addClass("bg");
			// 	$("#sweich3").hide();
			// 	$("#sweich4").hide();
			// 	$("#sweich5").hide();
			// 	$("#sweich8").show();
			// 	$("#check_btn8").removeClass("bg");
			// 	$("#check_btn1").removeClass("bg");
			// 	$("#check_btn3").removeClass("bg");
			// 	$("#check_btn4").removeClass("bg");
			// 	$("#check_btn5").removeClass("bg");
			// 	$("#sweich6").hide();
			// 	$("#check_btn6").removeClass("bg");
			// 	$("#check_btn7").removeClass("bg");
			// });
			$("#check_btn3").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").show();
				$("#check_btn3").addClass("bg");
				$("#sweich4").hide();
				$("#sweich5").hide();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#check_btn5").removeClass("bg");
				$("#sweich6").hide();
				$("#check_btn6").removeClass("bg");
				$("#check_btn7").removeClass("bg");
			});
			$("#check_btn4").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").show();
				$("#check_btn4").addClass("bg");
				$("#sweich5").hide();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn5").removeClass("bg");
				$("#sweich6").hide();
				$("#check_btn6").removeClass("bg");
				$("#check_btn7").removeClass("bg");
			});
			$("#check_btn5").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").hide();
				$("#sweich5").show();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn5").addClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#sweich6").hide();
				$("#check_btn6").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn7").removeClass("bg");
			});
			$("#check_btn6").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").hide();
				$("#sweich5").hide();
				$("#sweich6").show();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn6").addClass("bg");
				$("#check_btn5").removeClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn7").removeClass("bg");
			});
			$("#check_btn7").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").hide();
				$("#sweich5").hide();
				$("#sweich6").hide();
				$("#sweich8").show();
				$("#check_btn8").removeClass("bg");
				$("#check_btn7").addClass("bg");
				$("#check_btn5").removeClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn6").removeClass("bg");
			});
			$("#check_btn8").click(function() {
				$("#sweich1").hide();
				$("#sweich2").hide();
				$("#sweich3").hide();
				$("#sweich4").hide();
				$("#sweich8").show();
				$("#sweich5").hide();
				$("#check_btn8").addClass("bg");
				$("#check_btn1").removeClass("bg");
				$("#check_btn3").removeClass("bg");
				$("#check_btn4").removeClass("bg");
				$("#sweich6").hide();
				$("#check_btn6").removeClass("bg");
				$("#check_btn2").removeClass("bg");
				$("#check_btn7").removeClass("bg");
				$("#check_btn5").removeClass("bg");
				getBusiness()
			});
		</script>
	</body>
</html>