<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />	
		<title>产品详情页</title>
		<link rel="stylesheet" type="text/css" href="css/details.css"/>
		<link rel="stylesheet" href="css/swiper-bundle.min.css">
	
	</head>
	<body>
		<div class="zhutu-bg">
			<div class="zhutu-img"><img src="img/zhutu.jpg"/></div>
			<div class="img-nums">1/5</div>
		</div>
		<div class="chanpin-infor">
			<div class="chanpin-price-bg">
				<div class="price">￥10.0</div>
				<div class="member-price">￥10.0</div>
				<div class="vip"><img src="img/vip.jpg"/></div>
				<div class="fenxiang"><img src="img/fenxiang.png"/></div>
			</div>
			<div class="chanpin-title">北京同仁堂补中益气丸10袋药品升阳举陷脾胃虚弱腹胀肛门下坠脾虚弱腹胀肛门下坠脾虚</div>
			<div class="chanpin-qita">
				<div class="yuanjia">原价:￥99.0</div>
				<div class="kucun">库存:9件</div>
				<div class="xiaoliang">销量:320件</div>
			</div>
		</div>
		<div class="chanpin-attr">
			<div class="attr-moren">已选择：</div>
			<div class="attr-xuanze">本品3盒 优惠装 节省1.2元</div>
			<div class="more"><img src="img/more-attr.png"/></div>
		</div>
		<div class="pinjia-bg">
			<div class="pinjia-title">
				<div class="yhpj">用户评价（1）</div>
				<div class="haopin"><font style="color: #ff8500;">100%</font>好评率</div>
				<div class="more-pinjia"><img src="img/more-attr.png"/></div>
			</div>
			<div class="pinjia-list">
			<div class="yonghu">
				<div class="touxiang"><img src="img/touxiang.jpg"/></div>
				<div class="mingchen">
					<div class="weixin">微信名称</div>
					<div class="wuxin">★★★★★</div>
				</div>
			</div>
			<div class="riqi-bg">
				2020-08-09  08:10    <font>3盒优惠装</font>
			</div>
			<div class="pinjia-content"> 药已收到，希望能有效果 药已收到，希望能有效果 药已收到，希望能有效果 药已收到，希望能有效果</div>
			</div>
			<div class="pinjia-list">
			<div class="yonghu">
				<div class="touxiang"><img src="img/touxiang.jpg"/></div>
				<div class="mingchen">
					<div class="weixin">微信名称</div>
					<div class="wuxin">★★★★★</div>
				</div>
			</div>
			<div class="riqi-bg">
				2020-08-09  08:10    <font>3盒优惠装</font>
			</div>
			<div class="pinjia-content"> 药已收到，希望能有效果 药已收到，希望能有效果 药已收到，希望能有效果 药已收到，希望能有效果</div>
			</div>
		</div>
		<!--
        	优品推荐
        -->
				<div class="rmbd">
			<div class="remen-title-bg">
				<div class="remen-icon-left"><img src="img/tubiao-left.png"/></div>
				<div class="remen-title"><h3>优品推荐</h3></div>
				<div class="remen-icon-right"><img src="img/tubiao-right.png"/></div>
			</div>
			<!-- Swiper -->
            <div class="swiper-containers">
               <div class="swiper-wrapper">
                 <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>
                  <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>
                  <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>
                  <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>
                  <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>
                  <div class="swiper-slide">
                  	<div class="chanpin-img"><img src="img/cpt1.png"/></div>
                  	<div class="chanpin-title">北京同仁堂六味地黄丸..  丸120丸男补肾虚肾阴</div>
                  	<div class="jine">￥10.0</div>                	
                  </div>                 
               </div>
    <!-- Add Pagination -->
               <div class="swiper-pagination" style="position:relative;bottom: -5px"></div>               
            </div>            
	    </div>
	    
	    <div class="chanpin-tu">
	    	<div class="jieshao-bg">产品介绍</div>
	    	<div class="tupian-list">
	    		<img src="img/zhutu.jpg"/>
	    	    <img src="img/zhutu.jpg"/>
	    	    <img src="img/zhutu.jpg"/>
	    	</div>
	    </div>
	    <div class="bottom">
	    	<div class="anniu">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td><a href="" style="color:#666666"><img src="img/kefu.png"/><div>客服</div></a></td>
						<td><a href="" style="color:#666666"><img src="img/shoucang.png"/><div>收藏</div></a></td>
						<td><a href="" style="color:#666666"><img src="img/shop.png"/><div>购物车</div></a></td>
					</tr>
				</table>
			</div>
			<div class="jrgwc">
			    <div class="jrgwc-anniu" ><a href="" style="color: #ffffff;">加入购物车</a></div>
			   <div class="goumai-anniu"> <a href="" style="color: #ffffff;">立刻购买</a></div>
			</div>
		</div>

	</body>
		    <script src="js/swiper-bundle.min.js"></script>
		  
  <script>
    var swiper = new Swiper('.swiper-containers', {
      slidesPerView: 3,
      spaceBetween: 18,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
    });
  </script>
</html>