<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<groupId>io.renren</groupId>
	<artifactId>Mall-admin</artifactId>
	<version>3.0.0</version>
	<packaging>jar</packaging>
	<description>Mall-admin</description>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.2.5.RELEASE</version>
		<relativePath/>
	</parent>
	<properties>
		<spring-cloud.version>Greenwich.SR3</spring-cloud.version>
		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
		<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
		<java.version>1.8</java.version>
		<druid.version>1.1.13</druid.version>
		<quartz.version>2.3.0</quartz.version>
		<commons.fileupload.version>1.2.2</commons.fileupload.version>
		<commons.io.version>2.5</commons.io.version>
		<commons.codec.version>1.10</commons.codec.version>
		<commons.configuration.version>1.10</commons.configuration.version>
		<shiro.version>1.9.0</shiro.version>
		<kaptcha.version>0.0.9</kaptcha.version>
		<qiniu.version>7.2.23</qiniu.version>
		<aliyun.oss.version>2.8.3</aliyun.oss.version>
		<qcloud.cos.version>4.4</qcloud.cos.version>
		<swagger.version>2.7.0</swagger.version>
		<joda.time.version>2.9.9</joda.time.version>
		<gson.version>2.8.5</gson.version>
		<fastjson.version>1.2.79</fastjson.version>
		<hutool.version>4.1.1</hutool.version>
		<!--wagon plugin 配置-->
		<service-path>/work/renren</service-path>
		<pack-name>${project.artifactId}-${project.version}.jar</pack-name>
		<remote-addr>192.168.1.10:22</remote-addr>
		<remote-username>root</remote-username>
		<remote-passwd>123456</remote-passwd>
	</properties>
	<dependencies>
		<dependency>
			<groupId>com.alatus</groupId>
			<artifactId>Mall-common</artifactId>
			<version>1.0.0</version>
			<exclusions>
				<exclusion>
					<groupId>com.alibaba.cloud</groupId>
					<artifactId>spring-cloud-starter-alibaba-seata</artifactId>
				</exclusion>
			</exclusions>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-aop</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context-support</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-validation</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-configuration-processor</artifactId>
			<optional>true</optional>
		</dependency>
		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>druid-spring-boot-starter</artifactId>
			<version>${druid.version}</version>
		</dependency>
		<dependency>
			<groupId>org.quartz-scheduler</groupId>
			<artifactId>quartz</artifactId>
			<version>${quartz.version}</version>
			<exclusions>
				<exclusion>
					<groupId>com.mchange</groupId>
					<artifactId>c3p0</artifactId>
				</exclusion>
			</exclusions>
		</dependency>
<!--        seata-->
		<dependency>
			<groupId>com.alibaba.cloud</groupId>
			<artifactId>spring-cloud-starter-alibaba-seata</artifactId>
		</dependency>
		<dependency>
			<groupId>commons-fileupload</groupId>
			<artifactId>commons-fileupload</artifactId>
			<version>${commons.fileupload.version}</version>
		</dependency>
		<dependency>
			<groupId>commons-io</groupId>
			<artifactId>commons-io</artifactId>
			<version>${commons.io.version}</version>
		</dependency>
		<dependency>
			<groupId>commons-codec</groupId>
			<artifactId>commons-codec</artifactId>
			<version>${commons.codec.version}</version>
		</dependency>
		<dependency>
			<groupId>commons-configuration</groupId>
			<artifactId>commons-configuration</artifactId>
			<version>${commons.configuration.version}</version>
		</dependency>
		<dependency>
			<groupId>org.apache.shiro</groupId>
			<artifactId>shiro-core</artifactId>
			<version>${shiro.version}</version>
		</dependency>
		<dependency>
			<groupId>org.apache.shiro</groupId>
			<artifactId>shiro-spring</artifactId>
			<version>${shiro.version}</version>
		</dependency>
		<dependency>
			<groupId>com.github.axet</groupId>
			<artifactId>kaptcha</artifactId>
			<version>${kaptcha.version}</version>
		</dependency>
		<dependency>
			<groupId>io.springfox</groupId>
			<artifactId>springfox-swagger2</artifactId>
			<version>${swagger.version}</version>
		</dependency>
		<dependency>
			<groupId>io.springfox</groupId>
			<artifactId>springfox-swagger-ui</artifactId>
			<version>${swagger.version}</version>
		</dependency>
		<dependency>
			<groupId>com.qiniu</groupId>
			<artifactId>qiniu-java-sdk</artifactId>
			<version>${qiniu.version}</version>
		</dependency>
		<dependency>
			<groupId>com.aliyun.oss</groupId>
			<artifactId>aliyun-sdk-oss</artifactId>
			<version>${aliyun.oss.version}</version>
		</dependency>
		<dependency>
			<groupId>com.qcloud</groupId>
			<artifactId>cos_api</artifactId>
			<version>${qcloud.cos.version}</version>
			<exclusions>
				<exclusion>
					<groupId>org.slf4j</groupId>
					<artifactId>slf4j-log4j12</artifactId>
				</exclusion>
			</exclusions>
		</dependency>
		<dependency>
			<groupId>joda-time</groupId>
			<artifactId>joda-time</artifactId>
			<version>${joda.time.version}</version>
		</dependency>
		<dependency>
			<groupId>com.google.code.gson</groupId>
			<artifactId>gson</artifactId>
			<version>${gson.version}</version>
		</dependency>
		<dependency>
			<groupId>com.alibaba</groupId>
			<artifactId>fastjson</artifactId>
			<version>${fastjson.version}</version>
		</dependency>
		<dependency>
			<groupId>cn.hutool</groupId>
			<artifactId>hutool-all</artifactId>
			<version>${hutool.version}</version>
		</dependency>
	</dependencies>

	<dependencyManagement>
		<dependencies>
			<dependency>
				<groupId>org.springframework.cloud</groupId>
				<artifactId>spring-cloud-dependencies</artifactId>
				<version>${spring-cloud.version}</version>
				<type>pom</type>
				<scope>import</scope>
			</dependency>
			<!--spring cloud alibaba 2.1.0.RELEASE-->
			<dependency>
				<groupId>com.alibaba.cloud</groupId>
				<artifactId>spring-cloud-alibaba-dependencies</artifactId>
				<version>2.1.0.RELEASE</version>
				<type>pom</type>
				<scope>import</scope>
			</dependency>
		</dependencies>
	</dependencyManagement>

	<build>
		<finalName>${project.artifactId}</finalName>
		<extensions>
			<extension>
				<groupId>org.apache.maven.wagon</groupId>
				<artifactId>wagon-ssh</artifactId>
				<version>2.8</version>
			</extension>
		</extensions>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
				<version>2.1.8.RELEASE</version>
				<configuration>
					<fork>true</fork>
				</configuration>
			</plugin>
			<!-- 跳过单元测试 -->
			<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-surefire-plugin</artifactId>
				<configuration>
					<skipTests>true</skipTests>
				</configuration>
			</plugin>
			<plugin>
				<groupId>org.codehaus.mojo</groupId>
				<artifactId>wagon-maven-plugin</artifactId>
				<version>1.0</version>
				<configuration>
					<fromFile>target/${pack-name}</fromFile>
					<url><![CDATA[scp://${remote-username}:${remote-passwd}@${remote-addr}${service-path}]]></url>
					<commands>
						<!-- Kill Old Process -->
						<command>kill -9 `ps -ef |grep ${project.artifactId}.jar|grep -v "grep" |awk '{print $2}'`</command>
						<!-- Restart jar package,write result into renren.log -->
						<command><![CDATA[nohup java -jar ${service-path}/${pack-name} --spring.profiles.active=test > ${service-path}/renren.log 2>&1 & ]]></command>
						<command><![CDATA[netstat -nptl]]></command>
						<command><![CDATA[ps -ef | grep java | grep -v grep]]></command>
					</commands>
					<!-- 运行命令 mvn clean package wagon:upload-single wagon:sshexec-->
					<displayCommandOutputs>true</displayCommandOutputs>
				</configuration>
			</plugin>

			<plugin>
				<groupId>com.spotify</groupId>
				<artifactId>docker-maven-plugin</artifactId>
				<version>0.4.14</version>
				<!--<executions>-->
					<!--<execution>-->
						<!--<phase>package</phase>-->
						<!--<goals>-->
							<!--<goal>build</goal>-->
						<!--</goals>-->
					<!--</execution>-->
				<!--</executions>-->
				<configuration>
					<imageName>renren/fast</imageName>
					<dockerDirectory>${project.basedir}</dockerDirectory>
					<resources>
						<resource>
							<targetPath>/</targetPath>
							<directory>${project.build.directory}</directory>
							<include>${project.build.finalName}.jar</include>
						</resource>
					</resources>
				</configuration>
				<!-- 运行命令 mvn clean package docker:build 打包并生成docker镜像 -->
			</plugin>
		</plugins>
	</build>

	<repositories>
		<repository>
			<id>public</id>
			<name>aliyun nexus</name>
			<url>https://maven.aliyun.com/repository/public/</url>
			<releases>
				<enabled>true</enabled>
			</releases>
		</repository>
	</repositories>
	<pluginRepositories>
		<pluginRepository>
			<id>public</id>
			<name>aliyun nexus</name>
			<url>https://maven.aliyun.com/repository/public/</url>
			<releases>
				<enabled>true</enabled>
			</releases>
			<snapshots>
				<enabled>false</enabled>
			</snapshots>
		</pluginRepository>
	</pluginRepositories>

</project>
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>io.renren</groupId>
    <artifactId>Mall-admin</artifactId>
    <version>3.0.0</version>
    <packaging>jar</packaging>
    <description>Mall-admin</description>
    <parent>
       <groupId>org.springframework.boot</groupId>
       <artifactId>spring-boot-starter-parent</artifactId>
       <version>2.2.5.RELEASE</version>
       <relativePath/>
    </parent>
    <properties>
       <spring-cloud.version>Greenwich.SR3</spring-cloud.version>
       <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
       <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
       <java.version>1.8</java.version>
       <druid.version>1.1.13</druid.version>
       <quartz.version>2.3.0</quartz.version>
       <commons.fileupload.version>1.2.2</commons.fileupload.version>
       <commons.io.version>2.5</commons.io.version>
       <commons.codec.version>1.10</commons.codec.version>
       <commons.configuration.version>1.10</commons.configuration.version>
       <shiro.version>1.9.0</shiro.version>
       <kaptcha.version>0.0.9</kaptcha.version>
       <qiniu.version>7.2.23</qiniu.version>
       <aliyun.oss.version>2.8.3</aliyun.oss.version>
       <qcloud.cos.version>4.4</qcloud.cos.version>
       <swagger.version>2.7.0</swagger.version>
       <joda.time.version>2.9.9</joda.time.version>
       <gson.version>2.8.5</gson.version>
       <fastjson.version>1.2.79</fastjson.version>
       <hutool.version>4.1.1</hutool.version>
       <!--wagon plugin 配置-->
       <service-path>/work/renren</service-path>
       <pack-name>${project.artifactId}-${project.version}.jar</pack-name>
       <remote-addr>192.168.1.10:22</remote-addr>
       <remote-username>root</remote-username>
       <remote-passwd>123456</remote-passwd>
    </properties>
    <dependencies>
       <dependency>
          <groupId>com.alatus</groupId>
          <artifactId>Mall-common</artifactId>
          <version>1.0.0</version>
          <exclusions>
             <exclusion>
                <groupId>com.alibaba.cloud</groupId>
                <artifactId>spring-cloud-starter-alibaba-seata</artifactId>
             </exclusion>
          </exclusions>
       </dependency>
       <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-aop</artifactId>
       </dependency>
       <dependency>
          <groupId>org.springframework</groupId>
          <artifactId>spring-context-support</artifactId>
       </dependency>
       <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-starter-validation</artifactId>
       </dependency>
       <dependency>
          <groupId>org.springframework.boot</groupId>
          <artifactId>spring-boot-configuration-processor</artifactId>
          <optional>true</optional>
       </dependency>
       <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>druid-spring-boot-starter</artifactId>
          <version>${druid.version}</version>
       </dependency>
       <dependency>
          <groupId>org.quartz-scheduler</groupId>
          <artifactId>quartz</artifactId>
          <version>${quartz.version}</version>
          <exclusions>
             <exclusion>
                <groupId>com.mchange</groupId>
                <artifactId>c3p0</artifactId>
             </exclusion>
          </exclusions>
       </dependency>
<!--        seata-->
       <dependency>
          <groupId>com.alibaba.cloud</groupId>
          <artifactId>spring-cloud-starter-alibaba-seata</artifactId>
       </dependency>
       <dependency>
          <groupId>commons-fileupload</groupId>
          <artifactId>commons-fileupload</artifactId>
          <version>${commons.fileupload.version}</version>
       </dependency>
       <dependency>
          <groupId>commons-io</groupId>
          <artifactId>commons-io</artifactId>
          <version>${commons.io.version}</version>
       </dependency>
       <dependency>
          <groupId>commons-codec</groupId>
          <artifactId>commons-codec</artifactId>
          <version>${commons.codec.version}</version>
       </dependency>
       <dependency>
          <groupId>commons-configuration</groupId>
          <artifactId>commons-configuration</artifactId>
          <version>${commons.configuration.version}</version>
       </dependency>
       <dependency>
          <groupId>org.apache.shiro</groupId>
          <artifactId>shiro-core</artifactId>
          <version>${shiro.version}</version>
       </dependency>
       <dependency>
          <groupId>org.apache.shiro</groupId>
          <artifactId>shiro-spring</artifactId>
          <version>${shiro.version}</version>
       </dependency>
       <dependency>
          <groupId>com.github.axet</groupId>
          <artifactId>kaptcha</artifactId>
          <version>${kaptcha.version}</version>
       </dependency>
       <dependency>
          <groupId>io.springfox</groupId>
          <artifactId>springfox-swagger2</artifactId>
          <version>${swagger.version}</version>
       </dependency>
       <dependency>
          <groupId>io.springfox</groupId>
          <artifactId>springfox-swagger-ui</artifactId>
          <version>${swagger.version}</version>
       </dependency>
       <dependency>
          <groupId>com.qiniu</groupId>
          <artifactId>qiniu-java-sdk</artifactId>
          <version>${qiniu.version}</version>
       </dependency>
       <dependency>
          <groupId>com.aliyun.oss</groupId>
          <artifactId>aliyun-sdk-oss</artifactId>
          <version>${aliyun.oss.version}</version>
       </dependency>
       <dependency>
          <groupId>com.qcloud</groupId>
          <artifactId>cos_api</artifactId>
          <version>${qcloud.cos.version}</version>
          <exclusions>
             <exclusion>
                <groupId>org.slf4j</groupId>
                <artifactId>slf4j-log4j12</artifactId>
             </exclusion>
          </exclusions>
       </dependency>
       <dependency>
          <groupId>joda-time</groupId>
          <artifactId>joda-time</artifactId>
          <version>${joda.time.version}</version>
       </dependency>
       <dependency>
          <groupId>com.google.code.gson</groupId>
          <artifactId>gson</artifactId>
          <version>${gson.version}</version>
       </dependency>
       <dependency>
          <groupId>com.alibaba</groupId>
          <artifactId>fastjson</artifactId>
          <version>${fastjson.version}</version>
       </dependency>
       <dependency>
          <groupId>cn.hutool</groupId>
          <artifactId>hutool-all</artifactId>
          <version>${hutool.version}</version>
       </dependency>
    </dependencies>

    <dependencyManagement>
       <dependencies>
          <dependency>
             <groupId>org.springframework.cloud</groupId>
             <artifactId>spring-cloud-dependencies</artifactId>
             <version>${spring-cloud.version}</version>
             <type>pom</type>
             <scope>import</scope>
          </dependency>
          <!--spring cloud alibaba 2.1.0.RELEASE-->
          <dependency>
             <groupId>com.alibaba.cloud</groupId>
             <artifactId>spring-cloud-alibaba-dependencies</artifactId>
             <version>2.1.0.RELEASE</version>
             <type>pom</type>
             <scope>import</scope>
          </dependency>
       </dependencies>
    </dependencyManagement>

    <build>
       <finalName>${project.artifactId}</finalName>
       <extensions>
          <extension>
             <groupId>org.apache.maven.wagon</groupId>
             <artifactId>wagon-ssh</artifactId>
             <version>2.8</version>
          </extension>
       </extensions>
       <plugins>
          <plugin>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-maven-plugin</artifactId>
             <version>2.1.8.RELEASE</version>
             <configuration>
                <fork>true</fork>
             </configuration>
          </plugin>
          <!-- 跳过单元测试 -->
          <plugin>
             <groupId>org.apache.maven.plugins</groupId>
             <artifactId>maven-surefire-plugin</artifactId>
             <configuration>
                <skipTests>true</skipTests>
             </configuration>
          </plugin>
          <plugin>
             <groupId>org.codehaus.mojo</groupId>
             <artifactId>wagon-maven-plugin</artifactId>
             <version>1.0</version>
             <configuration>
                <fromFile>target/${pack-name}</fromFile>
                <url><![CDATA[scp://${remote-username}:${remote-passwd}@${remote-addr}${service-path}]]></url>
                <commands>
                   <!-- Kill Old Process -->
                   <command>kill -9 `ps -ef |grep ${project.artifactId}.jar|grep -v "grep" |awk '{print $2}'`</command>
                   <!-- Restart jar package,write result into renren.log -->
                   <command><![CDATA[nohup java -jar ${service-path}/${pack-name} --spring.profiles.active=test > ${service-path}/renren.log 2>&1 & ]]></command>
                   <command><![CDATA[netstat -nptl]]></command>
                   <command><![CDATA[ps -ef | grep java | grep -v grep]]></command>
                </commands>
                <!-- 运行命令 mvn clean package wagon:upload-single wagon:sshexec-->
                <displayCommandOutputs>true</displayCommandOutputs>
             </configuration>
          </plugin>

          <plugin>
             <groupId>com.spotify</groupId>
             <artifactId>docker-maven-plugin</artifactId>
             <version>0.4.14</version>
             <!--<executions>-->
                <!--<execution>-->
                   <!--<phase>package</phase>-->
                   <!--<goals>-->
                      <!--<goal>build</goal>-->
                   <!--</goals>-->
                <!--</execution>-->
             <!--</executions>-->
             <configuration>
                <imageName>renren/fast</imageName>
                <dockerDirectory>${project.basedir}</dockerDirectory>
                <resources>
                   <resource>
                      <targetPath>/</targetPath>
                      <directory>${project.build.directory}</directory>
                      <include>${project.build.finalName}.jar</include>
                   </resource>
                </resources>
             </configuration>
             <!-- 运行命令 mvn clean package docker:build 打包并生成docker镜像 -->
          </plugin>
       </plugins>
    </build>

    <repositories>
       <repository>
          <id>public</id>
          <name>aliyun nexus</name>
          <url>https://maven.aliyun.com/repository/public/</url>
          <releases>
             <enabled>true</enabled>
          </releases>
       </repository>
    </repositories>
    <pluginRepositories>
       <pluginRepository>
          <id>public</id>
          <name>aliyun nexus</name>
          <url>https://maven.aliyun.com/repository/public/</url>
          <releases>
             <enabled>true</enabled>
          </releases>
          <snapshots>
             <enabled>false</enabled>
          </snapshots>
       </pluginRepository>
    </pluginRepositories>

</project>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css" />
		<link rel="stylesheet" type="text/css" href="/static/item/scss/jd.css"/>
		<link rel="stylesheet" href="/static/item/scss/header.css" />
		<link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>
	</head>
	<body>
		<div id="max">
		<header>
			<!--品牌官方网站-->
					<div class="min">
						<ul class="header_ul_left">
							<li class="glyphicon glyphicon-home"> <a href="/static/item/shouye.html" class="aa">京东首页</a></li>
							<li class="glyphicon glyphicon-map-marker"> <a href="/static/item/javascript:;">北京</a>
								<ol id="beijing">
									<li style="background: red;"><a href="/static/item/javascript:;" style="color: white;">北京</a></li>
									<li><a href="/static/item/javascript:;">上海</a></li>
									<li><a href="/static/item/javascript:;">天津</a></li>
									<li><a href="/static/item/javascript:;">重庆</a></li>
									<li><a href="/static/item/javascript:;">河北</a></li>
									<li><a href="/static/item/javascript:;">山西</a></li>
									<li><a href="/static/item/javascript:;">河南</a></li>
									<li><a href="/static/item/javascript:;">辽宁</a></li>
									<li><a href="/static/item/javascript:;">吉林</a></li>
									<li><a href="/static/item/javascript:;">黑龙江</a></li>
									<li><a href="/static/item/javascript:;">内蒙古</a></li>
									<li><a href="/static/item/javascript:;">江苏</a></li>
									<li><a href="/static/item/javascript:;">山东</a></li>
									<li><a href="/static/item/javascript:;">安徽</a></li>
									<li><a href="/static/item/javascript:;">浙江</a></li>
									<li><a href="/static/item/javascript:;">福建</a></li>
									<li><a href="/static/item/javascript:;">湖北</a></li>
									<li><a href="/static/item/javascript:;">湖南</a></li>
									<li><a href="/static/item/javascript:;">广东</a></li>
									<li><a href="/static/item/javascript:;">广西</a></li>
									<li><a href="/static/item/javascript:;">江西</a></li>
									<li><a href="/static/item/javascript:;">四川</a></li>
									<li><a href="/static/item/javascript:;">海南</a></li>
									<li><a href="/static/item/javascript:;">贵州</a></li>
									<li><a href="/static/item/javascript:;">云南</a></li>
									<li><a href="/static/item/javascript:;">西藏</a></li>
									<li><a href="/static/item/javascript:;">陕西</a></li>
									<li><a href="/static/item/javascript:;">甘肃</a></li>
									<li><a href="/static/item/javascript:;">青海</a></li>
									<li><a href="/static/item/javascript:;">宁夏</a></li>
									<li><a href="/static/item/javascript:;">新疆</a></li>
									<li><a href="/static/item/javascript:;">港澳</a></li>
									<li><a href="/static/item/javascript:;">台湾</a></li>
									<li><a href="/static/item/javascript:;">钓鱼岛</a></li>
									<li><a href="/static/item/javascript:;">海外</a></li>
								</ol>
							</li>
						</ul>
						<ul class="header_ul_right">
							<li style="border: 0;">
								<a class="aa" th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/login.html">你好,请登录:</a>
								<a class="aa" th:if="${session.get('loginUser')!=null}">[[${session.get('loginUser').getNickname()}]]</a>
							</li>
							<li th:if="${session.get('loginUser')==null}">
								<a href="http://auth.alatusmall.com/reg.html" style="color: red;">免费注册</a> |
							</li>
							<li><a href="http://order.alatusmall.com/list.html" class="aa">我的订单</a> |</li>
							<li class="jingdong"><a href="/static/item/javascript:;">我的京东</a><span class="glyphicon glyphicon-menu-down">|</span>
								<ol class="jingdong_ol">
									<li><a href="/static/item/javascript:;">待处理订单</a></li>
									<li><a href="/static/item/javascript:;">消息</a></li>
									<li><a href="/static/item/javascript:;">返修退换货</a></li>
									<li><a href="/static/item/javascript:;">我的回答</a></li>
									<li><a href="/static/item/javascript:;">降价商品</a></li>
									<li><a href="/static/item/javascript:;">我的关注</a></li>
									<li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li>
									<li style="margin-top: 0;"><a href="/static/item/javascript:;">我的京豆</a></li>
									<li style="margin-top: 0;"><a href="/static/item/javascript:;">我的优惠券</a></li>
									<li style="margin-bottom: 10px;"><a href="/static/item/javascript:;">我的白条</a></li>
								</ol>
							</li>

							<li><a href="/static/item/javascript:;" class="aa">京东会员</a> |</li>
							<li><a href="/static/item/javascript:;" class="aa">企业采购</a> |</li>
							<li class="fuwu"><a href="/static/item/javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> |
								<ol class="fuwu_ol">
									<h6>客户</h6>
									<li><a href="/static/item/javascript:;">帮助中心</a></li>
									<li><a href="/static/item/javascript:;">售后服务</a></li>
									<li><a href="/static/item/javascript:;">在线客服</a></li>
									<li><a href="/static/item/javascript:;">意见建议</a></li>
									<li><a href="/static/item/javascript:;">电话客服</a></li>
									<li><a href="/static/item/javascript:;">客服邮箱</a></li>
									<li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">金融咨询</a></li>
									<li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">售全球客服</a></li>
									<h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6>
									<li style="margin-top: -5px;"><a href="/static/item/javascript:;">合作招商</a></li>
									<li style="margin-top: -5px;"><a href="/static/item/javascript:;">学习中心</a></li>
									<li><a href="/static/item/javascript:;">商家后台</a></li>
									<li><a href="/static/item/javascript:;">京麦工作台</a></li>
									<li><a href="/static/item/javascript:;">商家帮助</a></li>
									<li><a href="/static/item/javascript:;">规则平台</a></li>
								</ol>
							</li>
							<li class="daohang"><a href="/static/item/javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> |
								<ol class="daohang_ol">
									<li style="width: 34%;">
										<h5>特色主题</h5>
										<p>
											<a href="/static/item/javascript:;">京东试用</a>
											<a href="/static/item/javascript:;">京东金融</a>
											<a href="/static/item/javascript:;">全球售</a>
											<a href="/static/item/javascript:;">国际站</a>
										</p>
										<p>
											<a href="/static/item/javascript:;">京东会员</a>
											<a href="/static/item/javascript:;">京东预售</a>
											<a href="/static/item/javascript:;">买什么</a>
											<a href="/static/item/javascript:;">俄语站</a>
										</p>
										<p>
											<a href="/static/item/javascript:;">装机大师</a>
											<a href="/static/item/javascript:;">0元评测</a>
											<a href="/static/item/javascript:;">定期送</a>
											<a href="/static/item/javascript:;">港澳售</a>
										</p>
										<p>
											<a href="/static/item/javascript:;">优惠券</a>
											<a href="/static/item/javascript:;">秒杀</a>
											<a href="/static/item/javascript:;">闪购</a>
											<a href="/static/item/javascript:;">印尼站</a>
										</p>
										<p>
											<a href="/static/item/javascript:;">京东金融科技</a>
											<a href="/static/item/javascript:;">In货推荐</a>
											<a href="/static/item/javascript:;">陪伴计划</a>
											<a href="/static/item/javascript:;">出海招商</a>
										</p>
									</li>
									<li>
										<h5>行业频道</h5>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">手机</a>
											<a href="/static/item/javascript:;" class="aa_2">智能数码</a>
											<a href="/static/item/javascript:;" class="aa_2">玩3C</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">电脑办公</a>
											<a href="/static/item/javascript:;" class="aa_2">家用电器</a>
											<a href="/static/item/javascript:;" class="aa_2">京东智能</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">服装城</a>
											<a href="/static/item/javascript:;" class="aa_2">美妆馆</a>
											<a href="/static/item/javascript:;" class="aa_2">家装城</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">母婴</a>
											<a href="/static/item/javascript:;" class="aa_2">食品</a>
											<a href="/static/item/javascript:;" class="aa_2">运动户外</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">农资频道</a>
											<a href="/static/item/javascript:;" class="aa_2">整车</a>
											<a href="/static/item/javascript:;" class="aa_2">图书</a>
										</p>
									</li>
									<li>
										<h5>生活服务</h5>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">京东众筹</a>
											<a href="/static/item/javascript:;" class="aa_2">白条</a>
											<a href="/static/item/javascript:;" class="aa_2">京东金融APP</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">京东小金库</a>
											<a href="/static/item/javascript:;" class="aa_2">理财</a>
											<a href="/static/item/javascript:;" class="aa_2">智能家电</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">话费</a>
											<a href="/static/item/javascript:;" class="aa_2">水电煤</a>
											<a href="/static/item/javascript:;" class="aa_2">彩票</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">旅行</a>
											<a href="/static/item/javascript:;" class="aa_2">机票酒店</a>
											<a href="/static/item/javascript:;" class="aa_2">电影票</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">京东到家</a>
											<a href="/static/item/javascript:;" class="aa_2">京东众测</a>
											<a href="/static/item/javascript:;" class="aa_2">游戏</a>
										</p>
									</li>
									<li style="border: 0;">
										<h5>更多精选</h5>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">合作招商</a>
											<a href="/static/item/javascript:;" class="aa_2">京东通信</a>
											<a href="/static/item/javascript:;" class="aa_2">京东E卡</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">企业采购</a>
											<a href="/static/item/javascript:;" class="aa_2">服务市场</a>
											<a href="/static/item/javascript:;" class="aa_2">办公生活馆</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">乡村招募</a>
											<a href="/static/item/javascript:;" class="aa_2">校园加盟</a>
											<a href="/static/item/javascript:;" class="aa_2">京友邦</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">京东社区</a>
											<a href="/static/item/javascript:;" class="aa_2">智能社区</a>
											<a href="/static/item/javascript:;" class="aa_2">游戏社区</a>
										</p>
										<p>
											<a href="/static/item/javascript:;" class="aa_2">知识产权维权</a>
											<a href="/static/item/javascript:;" class="aa_2"></a>
											<a href="/static/item/javascript:;" class="aa_2"></a>
										</p>
									</li>
								</ol>
							</li>
							<li class="sjjd" style="border: 0;"><a href="/static/item/javascript:;" class="aa">手机京东</a>
								<div class="er">
									<div class="er_1">
										<div class="er_1_1">
											<h6><a >手机京东</a></h6>
											<p>新人专享大礼包</p>

										</div>
									</div>
									<div class="er_1">
										<div class="er_1_1">
											<h6><a >关注京东微信</a></h6>
											<p>微信扫一扫关注新粉最高180元惊喜礼包</p>
										</div>
									</div>
									<!--我的理财-->
									<div class="er_1" style="border: 0;">
										<img src="/static/item/img/5874a555Ne8192324.jpg"/>
										<div class="er_1_1">
											<h6><a >京东金融客户端</a></h6>
											<p>新人专享大礼包</p>
											<div><a ><img src="/static/item/img/11.png"/></a><a ><img src="/static/item/img/22.png"/></a></div>
										</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</header>
				<nav>
				<div class="nav_min">
					<div class="nav_top">
						<div class="nav_top_one"><a href="http://alatusmall.com"><img src="/static/item/img/111.png"/></a></div>
						<div class="nav_top_two">
							<input id="searchText" type="text" onkeydown="if(event.key === 'Enter') { search(); }"/>
							<button onclick="search()">搜索</button>
						</div>
						<div class="nav_top_three"><a href="http://cart.alatusmall.com/cart.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span>
							<div class="nav_top_three_1">
								<img src="/static/item/img/44.png"/>购物车还没有商品,赶紧选购吧!
							</div>
						</div>
					</div>
					<div class="nav_down">
						<ul class="nav_down_ul">
							<li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="/static/item/javascript:;">全部商品分类</a>

							</li>
							<li class="ul_li"><a href="/static/item/javascript:;">服装城</a></li>
							<li class="ul_li"><a href="/static/item/javascript:;">美妆馆</a></li>
							<li class="ul_li"><a href="/static/item/javascript:;">超市</a></li>
							<li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">生鲜</a></li>
							<li class="ul_li"><a href="/static/item/javascript:;">全球购</a></li>
							<li class="ul_li"><a href="/static/item/javascript:;">闪购</a></li>
							<li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">拍卖</a></li>
							<li class="ul_li"><a href="/static/item/javascript:;">金融</a></li>
						</ul>
					</div>
				</div>
			</nav>

				</div>


			<div class="crumb-wrap">
			<div class="w">
				<div class="crumb">
					<div class="crumb-item">
						<a href="/static/item/">手机</a>
					</div>
					<div class="crumb-item sep">></div>
					<div class="crumb-item">
						<a href="/static/item/">手机通讯</a>
					</div>
					<div class="crumb-item sep">></div>
					<div class="crumb-item">
						<a href="/static/item/">手机</a>
					</div>
					<div class="crumb-item sep">></div>
					<div class="crumb-item">
						<div class="crumb-item-one">
							华为 (HUAWEI)
							<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
							<div class="crumb-item-two ">
								<div class="crumb-item-con clear">
									<ul class="con-ul">
										<li>
											<img src="/static/item/img/5825a5a6Nde8ecb75.jpg" alt="" />
										</li>
										<li>
											<p>
												荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
											</p>
											<p>
												¥1099.00
											</p>
										</li>
									</ul>
									<ul class="con-ul">
										<li>
											<img src="/static/item/img/5919637aN271a1301.jpg" alt="" />
										</li>
										<li>
											<p>
												荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
											</p>
											<p>
												¥1099.00
											</p>
										</li>
									</ul>
									<ul class="con-ul">
										<li>
											<img src="/static/item/img/599a806bN9d829c1c.jpg" alt="" />
										</li>
										<li>
											<p>
												荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
											</p>
											<p>
												¥1099.00
											</p>
										</li>
									</ul>
								</div>
								<div class="crumb-item-cons clear">
									<ul>
										<li>华为(huawei)</li>
										<li>小米(xiaomi)</li>
										<li>APPle</li>
										<li>魅族(meizu)</li>
										<li>锤子</li>

									</ul>
									<ul>
										<li>三星</li>
										<li>vivo</li>
										<li>飞利浦</li>
										<li>360</li>
										<li>更多>></li>

									</ul>
								</div>
							</div>

						</div>

					</div>
					<div class="crumb-item sep">></div>
					<div class="crumb-item">
						华为Mate 10
					</div>
				</div>

				<div class="contact">
					<ul class="contact-ul">
						<li>
							<a th:text="${item.getInfo().getBrandId()+'京东自营官方旗舰店'}"></a>
							<span class="contact-sp">
								<span class="contact-sp1">
								JD
							</span>
							<span class="contact-sp2">
								自营
							    </span>
							</span>
						</li>
						<li>
							<a >
								<img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" /> 联系供应商
							</a>
						</li>
						<li>
							<a >
								<img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" /> JIMI
							</a>
						</li>
						<li>
							<a >
								<img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" /> 关注店铺
							</a>
						</li>
					</ul>
					<div class="contact-one">
						<ul>
							<li>客服</li>
							<li><img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" />留言</li>
							<li><img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" />JIMI智能</li>
							<li>
								<img src="/static/item/img/1466134037230.jpg" class="contact-img" />
								<p>手机下单</p>
							</li>

						</ul>
						<div class="contact-two">
							<span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />进店逛逛</span>
							<span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />关注店铺</span>
						</div>
					</div>
				</div>

			</div>
		</div>
<div class="Shop">
		<div class="box">
			<div class="box-one ">
				<div class="boxx">

					<div class="imgbox">
						<div class="probox">
							<img class="img1" alt="" th:src="${item.getInfo().getSkuDefaultImg()}">
							<div class="hoverbox"></div>
						</div>
						<div class="showbox">
							<img class="img1" alt="" th:src="${item.getInfo().getSkuDefaultImg()}">
						</div>
					</div>

					<div class="box-lh">

						<div class="box-lh-one">
							<ul>
								<li th:each="image:${item.getImages()}"><img th:src="${image.getImgUrl()}" /></li>
							</ul>
						</div>
						<div id="left">
							< </div>
								<div id="right">
									>
								</div>

						</div>

						<div class="boxx-one">
							<ul>
								<li>
									<span>
										<img src="/static/item/img/b769782fe4ecca40913ad375a71cb92d.png" alt="" />关注
									</span>
									<span>
										<img src="/static/item/img/9224fcea62bfff479a6712ba3a6b47cc.png" alt="" />
										对比
									</span>
								</li>
								<li>

								</li>
							</ul>
						</div>

					</div>
					<div class="box-two">
						<div class="box-name" th:text="${item.getInfo().getSkuTitle()}">
						</div>
						<div class="box-hide" th:text="${item.getInfo().getSkuSubtitle()}">
							<a href="/static/item/"><u th:text="${item.getInfo().getSkuDesc()}"></u></a>
						</div>
						<div class="box-yuyue">
							<div class="yuyue-one">
								<img src="/static/item/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt="" /> 预约抢购
							</div>
							<div class="yuyue-two">
								<ul>
									<li>
										<img src="/static/item/img/f64963b63d6e5849977ddd6afddc1db5.png" />
										<span>190103</span> 人预约
									</li>
									<li>
										<img src="/static/item/img/36860afb69afa241beeb33ae86678093.png" /> 预约剩余
										<span id="timer">

									</span>
									</li>
								</ul>
							</div>
						</div>
						<div class="box-summary clear">
							<ul>
								<li>京东价</li>
								<li>
									<span>¥</span>
									<span th:text="${#numbers.formatDecimal(item.getInfo().getPrice(),3,2)}"></span>
								</li>
								<li style="color: red" th:if="${item.getSecKillInfo()!=null}">
									<span th:if="${#dates.createNow().getTime() < item.getSecKillInfo().getStartTime()}">
										商品将会在[[${#dates.format(new java.util.Date(item.getSecKillInfo().getStartTime()),'yyyy-MM-dd HH:mm:ss')}]]开启秒杀,预约享资格
									</span>
									<span th:if="${#dates.createNow().getTime() >= item.getSecKillInfo().getStartTime() && #dates.createNow().getTime() <= item.getSecKillInfo().getEndTime()}">
										秒杀价:[[${#numbers.formatDecimal(item.getSecKillInfo().getSeckillPrice(),1,2)}]]
									</span>
								</li>
								<li>
									<a href="/static/item/">
										预约说明
									</a>
								</li>
							</ul>
						</div>
						<div class="box-wrap clear">
							<div class="box-wrap-one clear">
								<ul>
									<li>增值业务</li>
									<li><img src="/static/item/img/90a6fa41d0d46b4fb0ff6907ca17c478.png" /></li>
									<li><img src="/static/item/img/2e19336b961586468ef36dc9f7199d4f.png" /></li>
									<li><img src="/static/item/img/1f80c3d6fabfd3418e54b005312c00b5.png" /></li>
								</ul>
							</div>
						</div>

						<div class="box-stock">
							<ul class="box-ul">
								<li>配送至</li>
								<li class="box-stock-li">
									<div class="box-stock-one">
										北京朝阳区管庄
										<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
									</div>
									<div class="box-stock-two">
										<dl>
											<dt>
												<a>选择新地址</a>
												<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="box-stock-two-img"/>
											</dt>
											<dd>
												<div class="box-stock-dd">
													<div class="box-stock-top">
														<div class="box-stock-div">北京</div>
														<div class="box-stock-div">朝阳区</div>
														<div class="box-stock-div">管庄</div>
													</div>
													<div class="box-stock-fot">
														<div class="box-stock-con" style="display: block;">
															<ul>
																<li>北京</li>
																<li>上海</li>
																<li>天津</li>
																<li>重庆</li>
															</ul>
														</div>
														<div class="box-stock-con">
															<ul>
																<li>朝阳区</li>
																<li>海淀区</li>
																<li>东城区</li>
																<li>西城区</li>
															</ul>
														</div>
														<div class="box-stock-con">
															<ul>
																<li>4环到5环之内</li>
																<li>管庄</li>
																<li>北苑</li>
															</ul>
														</div>

													</div>
												</div>
											</dd>
										</dl>
									</div>

								</li>
								<li>
									<span th:text="${item.getHasStock()?'有货':'无货,此商品暂时售完'}"></span>
								</li>
							</ul>
						</div>
						<div class="box-supply">
							<ul class="box-ul">
								<li></li>
								<li>
									由<span>京东</span> 发货,并提供售后服务
								</li>
							</ul>
						</div>
						<div class="box-attr-3">
							<div class="box-attr clear" th:each="attr:${item.getSaleAttr()}">
								<dl>
									<dt>选择[[${attr.getAttrName()}]]</dt>
									<dd th:each="value:${attr.getAttrValues()}">
										<a th:attr="class=${#lists.contains(#strings.listSplit(value.getSkuIds(),','),item.getInfo().getSkuId().toString())?'sku_attr_value checked':'sku_attr_value'}
										   ,skus=${value.getSkuIds()}">
											<img th:src="${item.getInfo().getSkuDefaultImg()}" /> [[${value.getAttrValue()}]]
										</a>
									</dd>
								</dl>
							</div>
						</div>
						<div class="box-btns clear">
							<div class="box-btns-one">
								<input type="text" name="" id="numInput" value="1" />
								<div class="box-btns-one1">
									<div>
										<button id="jia">
									+
									</button>
									</div>
									<div>
										<button id="jian">
										-
									</button>
									</div>

								</div>
							</div>
							<div class="box-btns-two" th:if="${#dates.createNow().getTime() >= item.getSecKillInfo().getStartTime() && #dates.createNow().getTime() <= item.getSecKillInfo().getEndTime()}">
								<a th:attr="skuId=${item.getInfo().getSkuId()},sessionId=${item.getSecKillInfo().getPromotionSessionId()},code=${item.getSecKillInfo().getRandomCode()}" id="secKillA" href="#">
									立即抢购
								</a>
							</div>
							<div class="box-btns-two" th:if="${#dates.createNow().getTime() < item.getSecKillInfo().getStartTime() || #dates.createNow().getTime() > item.getSecKillInfo().getEndTime()}">
								<a th:attr="skuId=${item.getInfo().getSkuId()}" id="addToCartA" href="#">
									加入购物车
								</a>
							</div>
							<div class="box-btns-three">
								<img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt="" /> 分享
							</div>
						</div>

						<div class="box-footer-zo">
							<div class="box-footer clear">
								<dl>
									<dt>本地活动</dt>
									<dd>
										<a href="/static/item/">
											·1元500MB激活到账30元 >>
										</a>
									</dd>
								</dl>
							</div>

							<div class="box-footer">
								<dl>
									<dt>温馨提示</dt>
									<dd>·本商品不能使用 东券 京券</dd>
									<dd>·请完成预约后及时抢购!</dd>
								</dl>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--欲约抢购流程-->
			<div class="qianggoulioucheng">
				<div class="lioucheng">
					<h3>欲约抢购流程</h3>
				</div>
				<!--抢购步骤-->
				<ul class="qianggoubuzhao">
					<li>
						<img src="/static/item/img/shop_03.png" />
						<dl class="buzhou">
							<dt>1.等待预约</dt>
							<dl>预约即将开始</dl>
						</dl>
					</li>
					<li>
						<img src="/static/item/img/shop_04.png" />
						<dl class="buzhou">
							<dt>2.预约中</dt>
							<dl>2017-11-15 10:35 2017-11-15 23:59</dl>
						</dl>
					</li>
					<li>
						<img src="/static/item/img/shop_05.png" />
						<dl class="buzhou">
							<dt>3.等待抢购</dt>
							<dl>抢购即将开始</dl>
						</dl>
					</li>
					<li>
						<img src="/static/item/img/shop_06.png" />
						<dl class="buzhou">
							<dt>4.抢购中</dt>
							<dl></dl>
						</dl>
					</li>
				</ul>
			</div>

			<div class="ShopXiangqing">
				<div class="allLeft">
					<!--火热预约-->
					<div class="huoreyuyue">
						<h3>火热预约</h3>
					</div>
					<div class="dangeshopxingqing">
						<ul class="shopdange">
							<li>
								<a ><img src="/static/item/img/5a0afeddNb34732af.jpg" /></a>
								<p>
									<a >OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a>
								</p>
								<p><strong class="J-p-20015341974">¥3699.00</strong></p>
							</li>
							<li>
								<a ><img src="/static/item/img/5a12873eN41754123.jpg" /></a>
								<p>
									<a target="_blank" title="詹姆士(GEMRY) R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版(新品预约)" href="/static/item///item.jd.com/20348283521.html">詹姆士(GEMRY) R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版(新品预约)</a>
								</p>
								<p><strong class="J-p-20348283521">¥13999.00</strong></p>
							</li>
							<li>
								<a ><img src="/static/item/img/59ec0131Nf239df75.jpg" /></a>
								<p>
									<a target="_blank" title="斐纳(TOMEFON) 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60" href="/static/item///item.jd.com/16683419775.html">斐纳(TOMEFON) 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60</a>
								</p>
								<p><strong class="J-p-16683419775">¥1599.00</strong></p>
							</li>
							<li>
								<a ><img src="/static/item/img/59015444N27317512.jpg" /></a>
								<p>
									<a target="_blank" title="斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
								</p>
								<p><strong class="J-p-12187770381">¥2599.00</strong></p>
							</li>
						</ul>
					</div>
					<!--看了又看-->
					<div class="huoreyuyue">
						<h3>看了又看</h3>
					</div>
					<div class="dangeshopxingqing">
						<ul class="shopdange">
							<li>
								<a ><img src="/static/item/img/59e55e01N369f98f2.jpg" /></a>
								<p>
									<a target="_blank" title="华为(HUAWEI) 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)" href="/static/item///item.jd.com/17931625443.html">华为(HUAWEI) 华为 Mate10 4G手机 双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)</a>
									<p><strong class="J-p-17931625443">¥4766.00</strong></p>
							</li>
							<li>
								<a ><img src="/static/item/img/584fcc3eNdb0ab94c.jpg" /></a>
								<p>
									<a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待" href="/static/item///item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待</a>
								</p>
								<p><strong class="J-p-3749093">¥4899.00</strong></p>
							</li>
							<li>
								<!--shopjieshao-->
								<a ><img src="/static/item/img/59eb0df9Nd66d7585.jpg" /></a>
								<p>
									<a target="_blank" title="华为(HUAWEI) 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版" href="/static/item///item.jd.com/12306211773.html">华为(HUAWEI) 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版</a>
								</p>
								<p><strong class="J-p-12306211773">¥4088.00</strong></p>
							</li>
							<li>
								<a ><img src="/static/item/img/5a002ba3N126c2f73.jpg" /></a>
								<p>
									<a target="_blank" title="斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
								</p>
								<p><strong class="J-p-12187770381">¥2599.00</strong></p>
							</li>
						</ul>
						<img src="/static/item/img/5a084a1aNa1aa0a71.jpg" />
					</div>
				</div>
				<!--商品介绍-->
				<div class="allquanbushop">
					<ul class="shopjieshao">
						<li class="jieshoa" style="background: #e4393c;">
							<a  style="color: white;">商品介绍</a>
						</li>
						<li class="baozhuang">
							<a >规格与包装</a>
						</li>
						<li class="baozhang">
							<a >售后保障</a>
						</li>
						<li class="pingjia">
							<a >商品评价(4万+)</a>
						</li>
						<li class="shuoming">
							<a >预约说明</a>
						</li>

					</ul>
					<button class="Lijiyuyuessss">
							立即预约
						</button>
					<ul class="shopjieshaos posi" style="display: none;">
						<li class="jieshoa" style="background: #e4393c;">
							<a href="/static/item/#li1" style="color: white;">商品介绍</a>
						</li>
						<li class="baozhuang">
							<a href="/static/item/#li2">规格与包装</a>
						</li>
						<li class="baozhang">
							<a href="/static/item/#li3">售后保障</a>
						</li>
						<li class="pingjia">
							<a href="/static/item/#li4">商品评价(4万+)</a>
						</li>
						<li class="shuoming">
							<a href="/static/item/#li5">预约说明</a>
						</li>
					</ul>

					<!--商品详情-->
					<div class="huawei">
						<ul class="xuanxiangka">
							<li class="jieshoa actives" id="li1">
								<div class="shanpinsssss">
									<p>
										<a  th:text="${'品牌:'+item.getInfo().getBrandId()}"></a>
									</p>
									<table>
										<tr>
											<td>
												<a >商品名称:华为Mate 10</a>
											</td>
											<td>
												<a >商品毛重:0.58kg</a>
											</td>
											<td>
												<a >商品编号:5544038</a>
											</td>
											<td>
												<a >商品产地:中国大陆</a>
											</td>
										</tr>
										<tr>
											<td>
												<a >系统:安卓(Android)</a>
											</td>
											<td>
												<a >前置摄像头像素:800万-1599万</a>
											</td>
											<td>
												<a >后置摄像头像素:2000万及以上,1200万-1999万</a>
											</td>
											<td>
												<a >机身内存:128GB</a>
											</td>
										</tr>
										<tr>
											<td colspan="4">
												<a >全面屏,双卡双待,指纹识别,Type-C,VoLTE,2K屏,拍照神器,支持NFC,商务手机,安全手机,分辨率10</a>
											</td>
										</tr>
									</table>
									<img class="xiaoguo" th:src="${desc}" th:each="desc:${#strings.listSplit(item.getDesc().getDecript(),',')}" />
									<div class="guiGebox guiGebox1">
										<div class="guiGe" th:each="groupAttr:${item.getGroupAttrs()}">
											<h3 th:text="${groupAttr.getGroupName()}"></h3>
											<dl th:each="attr:${groupAttr.getAttrs()}">
												<dt th:text="${attr.getAttrName()}"></dt>
												<dd th:text="${attr.getAttrValue()}"></dd>
											</dl>
										</div>
										<div class="package-list">
											<h3>包装清单</h3>
											<p>手机(含内置电池) X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p>
										</div>
									</div>
								</div>
							</li>
							<li class="baozhuang actives" id="li2">
								<div class="guiGebox">
									<div class="guiGe" th:each="groupAttr:${item.getGroupAttrs()}">
										<h3 th:text="${groupAttr.getGroupName()}"></h3>
										<dl th:each="attr:${groupAttr.getAttrs()}">
											<dt th:text="${attr.getAttrName()}"></dt>
											<dd th:text="${attr.getAttrValue()}"></dd>
										</dl>
									</div>
									<div class="package-list">
										<h3>包装清单</h3>
										<p>手机(含内置电池) X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p>
									</div>
								</div>
							</li>
							<!--包装-->
							<li class="baozhang actives" id="li3">
								<div class="oBox">
		<div class="shuoHou">
			<div class="baoZhang">
				<h2>售后保障</h2>
			</div>
		</div>
		<!--厂家服务-->
		<div class="changJia">
			<div class="lianBao">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>厂家服务</h3>
				</span>
				<div class="wenZi">
					本产品全国联保,享受三包服务,质保期为:一年保<br />
					如因质量问题或故障,凭厂商维修中心或特约维修点的质量检测证明,享受7日内退货,15日内换货,15日以上在保质期内享受免费保修等安保服务!<br />
					(注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a >请点击这儿查询...</a><br /><br />
				</div>
			</div>
			<div class="lianBao oCn">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>京东承诺</h3>
				</span>
				<div class="wenZi">
					本产品全国联保,享受三包服务,质保期为:一年保<br />
					如因质量问题或故障,凭厂商维修中心或特约维修点的质量检测证明,享受7日内退货,15日内换货,15日以上在保质期内享受免费保修等安保服务!<br />
					(注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a >请点击这儿查询...</a><br /><br /><br />
				</div>
			</div>

			<div class="lianBao ">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>正品行货</h3>
				</span>
				<div class="wenZi hangHuo">
					京东商城向您保证所售商品均为正品行货,京东自营商品开具机打发票或电子发票。
				</div>
			</div>
			<div class="lianBao quanGuo">
				<span class="oImg">
					<img src="/static/item/img/2017-1.jpg" alt="" />
					<h3>全国联保</h3>
				</span>
				<div class="wenZi">
					凭质保证书及京东商城发票,可享受全国联保服务(奢侈品、钟表除外;奢侈品、钟表由京东联系保修,享受法定三包售后服务),与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策,请您放心购买! <br />

注:因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件,本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货!并且保证与当时市场上同样主流新品一致。若本商城没有及时更新,请大家谅解!
				</div>
			</div>
				<!--权利声明-->
			<div class="quanLi">
				<h4>权利声明:</h4>
				<div class="jingDong">
					京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容,是京东重要的经营资源,未经许可,禁止非法转载使用。<br />
	<span class="oZhu">注</span>:本站商品信息均来自于合作方,其真实性、准确性和合法性由信息拥有者(合作方)负责。本站不提供任何保证,并不承担任何法律责任。
				</div>
			</div>
			<div class="quanLi jiaGe">
				<h4>价格说明:</h4>
				<div class="jingDong">
					<span class="oZhu">京东价</span>:京东价为商品的销售价,是您最终决定是否购买商品的依据。<br />
					<span class="oZhu">划线价</span>:商品展示的划横线价格为参考价,该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价(如厂商指导价、建议零售价等)或该商品在京东平台上曾经展示过的销售价;由于地区、时间的差异性和市场行情波动,品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致,该价格仅供您参考。<br />
					<span class="oZhu">折扣</span>:如无特殊说明,折扣指销售商在原价、或划线价(如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价)等某一价格基础上计算出的优惠比例或优惠金额;如有疑问,您可在购买前联系销售商进行咨询。<br />
					<span class="oZhu">异常问题</span>:商品促销信息以商品详情页“促销”栏中的信息为准;商品的具体售价以订单结算页价格为准;如您发现活动商品售价或促销信息有异常,建议购买前先联系销售商咨询。
				</div>
			</div>
		</div>


	</div>
							</li>
							<!--评价-->
							<li class="PINgjia actives" id="li4">
								<div class="h3">
									<h3>商品评价</h3>
								</div>
								<div class="nav">
									<div class="left">
										<p class="haoping">好评度</p>
										<p><span>100%</span></p>
									</div>
									<div class="right">
										<ul>
											<li>
												<a >就是快(424)</a>
											</li>
											<li>
												<a >物流很快(254) </a>
											</li>
											<li>
												<a >货真价实(168)</a>
											</li>
											<li>
												<a >有档次(158)</a>
											</li>
											<li>
												<a >国产品牌(133)</a>
											</li>
											<li>
												<a >外形美观(103)</a>
											</li>
											<li>
												<a >很给力(75)</a>
											</li>
											<li>
												<a >反应灵敏(68)</a>
											</li>
											<li>
												<a >性价比高(60)</a>
											</li>
											<li>
												<a >价格优惠(50)</a>
											</li>
											<li>
												<a >功能齐全(49)</a>
											</li>
											<li style="background: gainsboro;">
												<a >速度太慢(5)</a>
										</ul>
									</div>
								</div>
								<!--全部评价-->
								<div class="allpingjia">
									<ul>
										<li><a >全部评价(4.2万)</a></li>
										<li><a >晒图(500)</a></li>
										<li><a >追拼(200+)</a></li>
										<li><a >好评(4.1万)</a></li>
										<li><a >中评(100+)</a></li>
										<li><a >差评(100+)</a></li>
										<li><a ><input type="checkbox"/>只看当前商品价格</a></li>
										<li class="imga" style="float: right;"><a >推荐排序 <img src="/static/item/img/animaite.png"/> </a>
										</li>
									</ul>
								</div>
								</li>
								<li class="shuoming actives" id="li5"></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="headera">
			<div class="Logo-tu">
				<span><img src="/static/item/img/service_items_1.png"/></span>
				<span><img src="/static/item/img/service_items_2.png"/></span>
				<span><img src="/static/item/img/service_items_3.png"/></span>
				<span><img src="/static/item/img/service_items_4.png"/></span>
			</div>
			<div class="table">
				<dl>
					<dt><a >购物指南</a></dt>
					<dd>
						<a >购物流程</a>
					</dd>
					<dd>
						<a >会员介绍</a>
					</dd>
					<dd>
						<a >生活旅行/团购</a>
					</dd>
					<dd>
						<a >常见问题</a>
					</dd>
					<dd>
						<a >大家电</a>
					</dd>
					<dd>
						<a >练习客服</a>
					</dd>
				</dl>
				<dl>
					<dt><a >配送方式</a></dt>
					<dd>
						<a >上门自提</a>
					</dd>
					<dd>
						<a >211限时达</a>
					</dd>
					<dd>
						<a >配送服务查询</a>
					</dd>
					<dd>
						<a ></a>
					</dd>
					<dd>
						<a >海外配送</a>
					</dd>
					<dd></dd>
				</dl>
				<dl>
					<dt><a >支付方式</a></dt>
					<dd>
						<a >货到付款</a>
					</dd>
					<dd>
						<a >在线支付</a>
					</dd>
					<dd>
						<a >分期付款</a>
					</dd>
					<dd>
						<a >邮局汇款</a>
					</dd>
					<dd>
						<a >公司转账</a>
					</dd>
					<dd></dd>
				</dl>
				<dl>
					<dt><a >售后服务</a></dt>
					<dd>
						<a >售后政策</a>
					</dd>
					<dd>
						<a >价格保护</a>
					</dd>
					<dd>
						<a >退款说明</a>
					</dd>
					<dd>
						<a >返修/退换货</a>
					</dd>
					<dd>
						<a >取消订单</a>
					</dd>
					<dd></dd>
				</dl>
				<dl class="dls">
					<dt><a >特色服务</a></dt>
					<dd>
						<a >夺宝岛</a>
					</dd>
					<dd>
						<a >DIY装机</a>
					</dd>
					<dd>
						<a >延保服务</a>
					</dd>
					<dd>
						<a >京东E卡</a>
					</dd>
					<dd>
						<a >京东通信</a>
					</dd>
					<dd>
						<a >京东JD+</a>
					</dd>
				</dl>
			</div>
			<!--关于我们-->
			<div class="guanyuwomen">
				<ul>
					<li>
						<a >关于我们</a>
					</li>
					<li>|</li>
					<li>
						<a >联系我们</a>
					</li>
					<li>|</li>
					<li>
						<a >联系客服</a>
					</li>
					<li>|</li>
					<li>
						<a >合作招商</a>
					</li>
					<li>|</li>
					<li>
						<a >商家帮助</a>
					</li>
					<li>|</li>
					<li>
						<a >营销中心</a>
					</li>
					<li>|</li>
					<li>
						<a >手机京东</a>
					</li>
					<li>|</li>
					<li>
						<a >友情链接</a>
					</li>
					<li>|</li>
					<li>
						<a >销售联盟</a>
					</li>
					<li>|</li>
					<li>
						<a >京东社区</a>
					</li>
					<li>|</li>
					<li>
						<a >风险检测</a>
					</li>
					<li>|</li>
					<li>
						<a >隐私政策</a>
					</li>
					<li>|</li>
					<li>
						<a >京东公益</a>
					</li>
					<li>|</li>
					<li>
						<a >English Site</a>
					</li>
					<li>|</li>
					<li>
						<a >Mdeila $ IR</a>
					</li>
				</ul>
			</div>
			<!--jieshoa-->
			<p class="p1"><img src="/static/item/img/56a0a994Nf1b662dc.png" />
				<a > 京公网安备 11000002000088号</a>|
				<a > 京ICP证070359号</a>|
				<a > 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
				<a >新出发京零 字第大120007号</a>
			</p>
			<p class="p1">
				<a > 互联网出版许可证编号新出网证(京)字150号</a>|
				<a > 出版物经营许可证</a>|
				<a > 网络文化经营许可证京网文 </a>|
				<a >[2014]2148-348号 </a>|
				<a > 违法和不良信息举报电话 </a>|
				<a >:4006561155 </a>
			</p>
			<p class="p1">
				<a > Copyright © 2004-2017 京东JD.com 版权所有</a>|
				<a > 消费者维权热线:4006067733 经营证照</a>|
			</p>
			<p class="p1">
				<a > 京东旗下网站:京东支付</a>|
				<a > 京东云</a>
			</p>
			<p class="p3">
				<img src="/static/item/img/54b8871eNa9a7067e.png" />
				<img src="/static/item/img/54b8872dNe37a9860.png" />
				<img src="/static/item/img/54b8875fNad1e0c4c.png" />
				<img src="/static/item/img/5698dc03N23f2e3b8.jpg" />
				<img src="/static/item/img/5698dc16Nb2ab99df.jpg" />
				<img src="/static/item/img/56a89b8fNfbaade9a.jpg" />
			</p>
		</div>
		<div class="Fixedbian">
			<ul>
				<li class="li1"><a class="aaa" >顶部</a></li>
			</ul>
		</div>
		<div class="gouwuchexiaguo">
			<img src="/static/item/img/44.png" />
			<span>购物车还没有商品,赶紧选购吧!</span>
		</div>
	</body>

	<script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(".sku_attr_value").click(function(){
			// 点击的元素给它添加自定义的属性,用于识别刚才点击的元素
			$(this).addClass("clicked");
			// 准备一个数组
			let skus = new Array();
			// 获取到当前的skus组合
			let current = $(this).attr("skus").split(",");
			skus.push(current);
			// 去掉当前行其他带有checked的
			$(this).parent().parent().find(".sku_attr_value").removeClass("checked");
			// 获取到另外一个选中的属性组合
			$("a[class='sku_attr_value checked']").each(function(){
				skus.push($(this).attr("skus").split(","));
			});
			// 取出他们的交集
			let filter = skus[0];
			for(let i = 1;i < skus.length;i++){
				filter = $(filter).filter(skus[i]);
			}
			location.href = "http://item.alatusmall.com/"+filter[0]+".html";
		});
		$(function(){
			$(".sku_attr_value").parent().css({"border":"solid 1px #CCC"});
			$("a[class='sku_attr_value checked']").parent().css({"border":"solid 1px red"});
		});
		function search() {
			var keyword=$("#searchText").val()
			window.location.href="http://search.alatusmall.com/list.html?keyword="+keyword;
		}
		$("#addToCartA").click(function(){
			let num = $("#numInput").val();
			let skuId = $(this).attr("skuId");
			location.href = "http://cart.alatusmall.com/addToCart?skuId="+skuId+"&num="+num;
			return false;
		});
		$("#secKillA").click(function(){
			let isLogin = [[${session.get('loginUser')!=null}]]
			if(isLogin){
				let num = $("#numInput").val();
				let killId = $(this).attr("sessionId")+"_"+$(this).attr("skuId");
				let key = $(this).attr("code");
				location.href = "http://seckill.alatusmall.com/kill?killId="+killId+"&num="+num+"&key="+key;
				return false;
			}
			else{
				alert("请先登录");
				return false;
			}
		});
	</script>
</html>

 

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
       <meta charset="UTF-8">
       <title></title>
       <link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css" />
       <link rel="stylesheet" type="text/css" href="/static/item/scss/jd.css"/>
       <link rel="stylesheet" href="/static/item/scss/header.css" />
       <link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>
    </head>
    <body>
       <div id="max">
       <header>
          <!--品牌官方网站-->
                <div class="min">
                   <ul class="header_ul_left">
                      <li class="glyphicon glyphicon-home"> <a href="/static/item/shouye.html" class="aa">京东首页</a></li>
                      <li class="glyphicon glyphicon-map-marker"> <a href="/static/item/javascript:;">北京</a>
                         <ol id="beijing">
                            <li style="background: red;"><a href="/static/item/javascript:;" style="color: white;">北京</a></li>
                            <li><a href="/static/item/javascript:;">上海</a></li>
                            <li><a href="/static/item/javascript:;">天津</a></li>
                            <li><a href="/static/item/javascript:;">重庆</a></li>
                            <li><a href="/static/item/javascript:;">河北</a></li>
                            <li><a href="/static/item/javascript:;">山西</a></li>
                            <li><a href="/static/item/javascript:;">河南</a></li>
                            <li><a href="/static/item/javascript:;">辽宁</a></li>
                            <li><a href="/static/item/javascript:;">吉林</a></li>
                            <li><a href="/static/item/javascript:;">黑龙江</a></li>
                            <li><a href="/static/item/javascript:;">内蒙古</a></li>
                            <li><a href="/static/item/javascript:;">江苏</a></li>
                            <li><a href="/static/item/javascript:;">山东</a></li>
                            <li><a href="/static/item/javascript:;">安徽</a></li>
                            <li><a href="/static/item/javascript:;">浙江</a></li>
                            <li><a href="/static/item/javascript:;">福建</a></li>
                            <li><a href="/static/item/javascript:;">湖北</a></li>
                            <li><a href="/static/item/javascript:;">湖南</a></li>
                            <li><a href="/static/item/javascript:;">广东</a></li>
                            <li><a href="/static/item/javascript:;">广西</a></li>
                            <li><a href="/static/item/javascript:;">江西</a></li>
                            <li><a href="/static/item/javascript:;">四川</a></li>
                            <li><a href="/static/item/javascript:;">海南</a></li>
                            <li><a href="/static/item/javascript:;">贵州</a></li>
                            <li><a href="/static/item/javascript:;">云南</a></li>
                            <li><a href="/static/item/javascript:;">西藏</a></li>
                            <li><a href="/static/item/javascript:;">陕西</a></li>
                            <li><a href="/static/item/javascript:;">甘肃</a></li>
                            <li><a href="/static/item/javascript:;">青海</a></li>
                            <li><a href="/static/item/javascript:;">宁夏</a></li>
                            <li><a href="/static/item/javascript:;">新疆</a></li>
                            <li><a href="/static/item/javascript:;">港澳</a></li>
                            <li><a href="/static/item/javascript:;">台湾</a></li>
                            <li><a href="/static/item/javascript:;">钓鱼岛</a></li>
                            <li><a href="/static/item/javascript:;">海外</a></li>
                         </ol>
                      </li>
                   </ul>
                   <ul class="header_ul_right">
                      <li style="border: 0;">
                         <a class="aa" th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/login.html">你好,请登录:</a>
                         <a class="aa" th:if="${session.get('loginUser')!=null}">[[${session.get('loginUser').getNickname()}]]</a>
                      </li>
                      <li th:if="${session.get('loginUser')==null}">
                         <a href="http://auth.alatusmall.com/reg.html" style="color: red;">免费注册</a> |
                      </li>
                      <li><a href="http://order.alatusmall.com/list.html" class="aa">我的订单</a> |</li>
                      <li class="jingdong"><a href="/static/item/javascript:;">我的京东</a><span class="glyphicon glyphicon-menu-down">|</span>
                         <ol class="jingdong_ol">
                            <li><a href="/static/item/javascript:;">待处理订单</a></li>
                            <li><a href="/static/item/javascript:;">消息</a></li>
                            <li><a href="/static/item/javascript:;">返修退换货</a></li>
                            <li><a href="/static/item/javascript:;">我的回答</a></li>
                            <li><a href="/static/item/javascript:;">降价商品</a></li>
                            <li><a href="/static/item/javascript:;">我的关注</a></li>
                            <li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li>
                            <li style="margin-top: 0;"><a href="/static/item/javascript:;">我的京豆</a></li>
                            <li style="margin-top: 0;"><a href="/static/item/javascript:;">我的优惠券</a></li>
                            <li style="margin-bottom: 10px;"><a href="/static/item/javascript:;">我的白条</a></li>
                         </ol>
                      </li>

                      <li><a href="/static/item/javascript:;" class="aa">京东会员</a> |</li>
                      <li><a href="/static/item/javascript:;" class="aa">企业采购</a> |</li>
                      <li class="fuwu"><a href="/static/item/javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> |
                         <ol class="fuwu_ol">
                            <h6>客户</h6>
                            <li><a href="/static/item/javascript:;">帮助中心</a></li>
                            <li><a href="/static/item/javascript:;">售后服务</a></li>
                            <li><a href="/static/item/javascript:;">在线客服</a></li>
                            <li><a href="/static/item/javascript:;">意见建议</a></li>
                            <li><a href="/static/item/javascript:;">电话客服</a></li>
                            <li><a href="/static/item/javascript:;">客服邮箱</a></li>
                            <li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">金融咨询</a></li>
                            <li style="margin-bottom: -5px;"><a href="/static/item/javascript:;">售全球客服</a></li>
                            <h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6>
                            <li style="margin-top: -5px;"><a href="/static/item/javascript:;">合作招商</a></li>
                            <li style="margin-top: -5px;"><a href="/static/item/javascript:;">学习中心</a></li>
                            <li><a href="/static/item/javascript:;">商家后台</a></li>
                            <li><a href="/static/item/javascript:;">京麦工作台</a></li>
                            <li><a href="/static/item/javascript:;">商家帮助</a></li>
                            <li><a href="/static/item/javascript:;">规则平台</a></li>
                         </ol>
                      </li>
                      <li class="daohang"><a href="/static/item/javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> |
                         <ol class="daohang_ol">
                            <li style="width: 34%;">
                               <h5>特色主题</h5>
                               <p>
                                  <a href="/static/item/javascript:;">京东试用</a>
                                  <a href="/static/item/javascript:;">京东金融</a>
                                  <a href="/static/item/javascript:;">全球售</a>
                                  <a href="/static/item/javascript:;">国际站</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;">京东会员</a>
                                  <a href="/static/item/javascript:;">京东预售</a>
                                  <a href="/static/item/javascript:;">买什么</a>
                                  <a href="/static/item/javascript:;">俄语站</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;">装机大师</a>
                                  <a href="/static/item/javascript:;">0元评测</a>
                                  <a href="/static/item/javascript:;">定期送</a>
                                  <a href="/static/item/javascript:;">港澳售</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;">优惠券</a>
                                  <a href="/static/item/javascript:;">秒杀</a>
                                  <a href="/static/item/javascript:;">闪购</a>
                                  <a href="/static/item/javascript:;">印尼站</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;">京东金融科技</a>
                                  <a href="/static/item/javascript:;">In货推荐</a>
                                  <a href="/static/item/javascript:;">陪伴计划</a>
                                  <a href="/static/item/javascript:;">出海招商</a>
                               </p>
                            </li>
                            <li>
                               <h5>行业频道</h5>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">手机</a>
                                  <a href="/static/item/javascript:;" class="aa_2">智能数码</a>
                                  <a href="/static/item/javascript:;" class="aa_2">玩3C</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">电脑办公</a>
                                  <a href="/static/item/javascript:;" class="aa_2">家用电器</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京东智能</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">服装城</a>
                                  <a href="/static/item/javascript:;" class="aa_2">美妆馆</a>
                                  <a href="/static/item/javascript:;" class="aa_2">家装城</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">母婴</a>
                                  <a href="/static/item/javascript:;" class="aa_2">食品</a>
                                  <a href="/static/item/javascript:;" class="aa_2">运动户外</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">农资频道</a>
                                  <a href="/static/item/javascript:;" class="aa_2">整车</a>
                                  <a href="/static/item/javascript:;" class="aa_2">图书</a>
                               </p>
                            </li>
                            <li>
                               <h5>生活服务</h5>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">京东众筹</a>
                                  <a href="/static/item/javascript:;" class="aa_2">白条</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京东金融APP</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">京东小金库</a>
                                  <a href="/static/item/javascript:;" class="aa_2">理财</a>
                                  <a href="/static/item/javascript:;" class="aa_2">智能家电</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">话费</a>
                                  <a href="/static/item/javascript:;" class="aa_2">水电煤</a>
                                  <a href="/static/item/javascript:;" class="aa_2">彩票</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">旅行</a>
                                  <a href="/static/item/javascript:;" class="aa_2">机票酒店</a>
                                  <a href="/static/item/javascript:;" class="aa_2">电影票</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">京东到家</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京东众测</a>
                                  <a href="/static/item/javascript:;" class="aa_2">游戏</a>
                               </p>
                            </li>
                            <li style="border: 0;">
                               <h5>更多精选</h5>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">合作招商</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京东通信</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京东E卡</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">企业采购</a>
                                  <a href="/static/item/javascript:;" class="aa_2">服务市场</a>
                                  <a href="/static/item/javascript:;" class="aa_2">办公生活馆</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">乡村招募</a>
                                  <a href="/static/item/javascript:;" class="aa_2">校园加盟</a>
                                  <a href="/static/item/javascript:;" class="aa_2">京友邦</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">京东社区</a>
                                  <a href="/static/item/javascript:;" class="aa_2">智能社区</a>
                                  <a href="/static/item/javascript:;" class="aa_2">游戏社区</a>
                               </p>
                               <p>
                                  <a href="/static/item/javascript:;" class="aa_2">知识产权维权</a>
                                  <a href="/static/item/javascript:;" class="aa_2"></a>
                                  <a href="/static/item/javascript:;" class="aa_2"></a>
                               </p>
                            </li>
                         </ol>
                      </li>
                      <li class="sjjd" style="border: 0;"><a href="/static/item/javascript:;" class="aa">手机京东</a>
                         <div class="er">
                            <div class="er_1">
                               <div class="er_1_1">
                                  <h6><a >手机京东</a></h6>
                                  <p>新人专享大礼包</p>

                               </div>
                            </div>
                            <div class="er_1">
                               <div class="er_1_1">
                                  <h6><a >关注京东微信</a></h6>
                                  <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                               </div>
                            </div>
                            <!--我的理财-->
                            <div class="er_1" style="border: 0;">
                               <img src="/static/item/img/5874a555Ne8192324.jpg"/>
                               <div class="er_1_1">
                                  <h6><a >京东金融客户端</a></h6>
                                  <p>新人专享大礼包</p>
                                  <div><a ><img src="/static/item/img/11.png"/></a><a ><img src="/static/item/img/22.png"/></a></div>
                               </div>
                            </div>
                         </div>
                      </li>
                   </ul>
                </div>
             </header>
             <nav>
             <div class="nav_min">
                <div class="nav_top">
                   <div class="nav_top_one"><a href="http://alatusmall.com"><img src="/static/item/img/111.png"/></a></div>
                   <div class="nav_top_two">
                      <input id="searchText" type="text" οnkeydοwn="if(event.key === 'Enter') { search(); }"/>
                      <button οnclick="search()">搜索</button>
                   </div>
                   <div class="nav_top_three"><a href="http://cart.alatusmall.com/cart.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span>
                      <div class="nav_top_three_1">
                         <img src="/static/item/img/44.png"/>购物车还没有商品,赶紧选购吧!
                      </div>
                   </div>
                </div>
                <div class="nav_down">
                   <ul class="nav_down_ul">
                      <li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="/static/item/javascript:;">全部商品分类</a>

                      </li>
                      <li class="ul_li"><a href="/static/item/javascript:;">服装城</a></li>
                      <li class="ul_li"><a href="/static/item/javascript:;">美妆馆</a></li>
                      <li class="ul_li"><a href="/static/item/javascript:;">超市</a></li>
                      <li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">生鲜</a></li>
                      <li class="ul_li"><a href="/static/item/javascript:;">全球购</a></li>
                      <li class="ul_li"><a href="/static/item/javascript:;">闪购</a></li>
                      <li class="ul_li" style="border-right: 1px solid lavender;"><a href="/static/item/javascript:;">拍卖</a></li>
                      <li class="ul_li"><a href="/static/item/javascript:;">金融</a></li>
                   </ul>
                </div>
             </div>
          </nav>

             </div>


          <div class="crumb-wrap">
          <div class="w">
             <div class="crumb">
                <div class="crumb-item">
                   <a href="/static/item/">手机</a>
                </div>
                <div class="crumb-item sep">></div>
                <div class="crumb-item">
                   <a href="/static/item/">手机通讯</a>
                </div>
                <div class="crumb-item sep">></div>
                <div class="crumb-item">
                   <a href="/static/item/">手机</a>
                </div>
                <div class="crumb-item sep">></div>
                <div class="crumb-item">
                   <div class="crumb-item-one">
                      华为 (HUAWEI)
                      <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
                      <div class="crumb-item-two ">
                         <div class="crumb-item-con clear">
                            <ul class="con-ul">
                               <li>
                                  <img src="/static/item/img/5825a5a6Nde8ecb75.jpg" alt="" />
                               </li>
                               <li>
                                  <p>
                                     荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                  </p>
                                  <p>
                                     ¥1099.00
                                  </p>
                               </li>
                            </ul>
                            <ul class="con-ul">
                               <li>
                                  <img src="/static/item/img/5919637aN271a1301.jpg" alt="" />
                               </li>
                               <li>
                                  <p>
                                     荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                  </p>
                                  <p>
                                     ¥1099.00
                                  </p>
                               </li>
                            </ul>
                            <ul class="con-ul">
                               <li>
                                  <img src="/static/item/img/599a806bN9d829c1c.jpg" alt="" />
                               </li>
                               <li>
                                  <p>
                                     荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                  </p>
                                  <p>
                                     ¥1099.00
                                  </p>
                               </li>
                            </ul>
                         </div>
                         <div class="crumb-item-cons clear">
                            <ul>
                               <li>华为(huawei)</li>
                               <li>小米(xiaomi)</li>
                               <li>APPle</li>
                               <li>魅族(meizu)</li>
                               <li>锤子</li>

                            </ul>
                            <ul>
                               <li>三星</li>
                               <li>vivo</li>
                               <li>飞利浦</li>
                               <li>360</li>
                               <li>更多>></li>

                            </ul>
                         </div>
                      </div>

                   </div>

                </div>
                <div class="crumb-item sep">></div>
                <div class="crumb-item">
                   华为Mate 10
                </div>
             </div>

             <div class="contact">
                <ul class="contact-ul">
                   <li>
                      <a th:text="${item.getInfo().getBrandId()+'京东自营官方旗舰店'}"></a>
                      <span class="contact-sp">
                         <span class="contact-sp1">
                         JD
                      </span>
                      <span class="contact-sp2">
                         自营
                          </span>
                      </span>
                   </li>
                   <li>
                      <a >
                         <img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" /> 联系供应商
                      </a>
                   </li>
                   <li>
                      <a >
                         <img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" /> JIMI
                      </a>
                   </li>
                   <li>
                      <a >
                         <img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" /> 关注店铺
                      </a>
                   </li>
                </ul>
                <div class="contact-one">
                   <ul>
                      <li>客服</li>
                      <li><img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" />留言</li>
                      <li><img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" />JIMI智能</li>
                      <li>
                         <img src="/static/item/img/1466134037230.jpg" class="contact-img" />
                         <p>手机下单</p>
                      </li>

                   </ul>
                   <div class="contact-two">
                      <span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />进店逛逛</span>
                      <span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />关注店铺</span>
                   </div>
                </div>
             </div>

          </div>
       </div>
<div class="Shop">
       <div class="box">
          <div class="box-one ">
             <div class="boxx">

                <div class="imgbox">
                   <div class="probox">
                      <img class="img1" alt="" th:src="${item.getInfo().getSkuDefaultImg()}">
                      <div class="hoverbox"></div>
                   </div>
                   <div class="showbox">
                      <img class="img1" alt="" th:src="${item.getInfo().getSkuDefaultImg()}">
                   </div>
                </div>

                <div class="box-lh">

                   <div class="box-lh-one">
                      <ul>
                         <li th:each="image:${item.getImages()}"><img th:src="${image.getImgUrl()}" /></li>
                      </ul>
                   </div>
                   <div id="left">
                      < </div>
                         <div id="right">
                            >
                         </div>

                   </div>

                   <div class="boxx-one">
                      <ul>
                         <li>
                            <span>
                               <img src="/static/item/img/b769782fe4ecca40913ad375a71cb92d.png" alt="" />关注
                            </span>
                            <span>
                               <img src="/static/item/img/9224fcea62bfff479a6712ba3a6b47cc.png" alt="" />
                               对比
                            </span>
                         </li>
                         <li>

                         </li>
                      </ul>
                   </div>

                </div>
                <div class="box-two">
                   <div class="box-name" th:text="${item.getInfo().getSkuTitle()}">
                   </div>
                   <div class="box-hide" th:text="${item.getInfo().getSkuSubtitle()}">
                      <a href="/static/item/"><u th:text="${item.getInfo().getSkuDesc()}"></u></a>
                   </div>
                   <div class="box-yuyue">
                      <div class="yuyue-one">
                         <img src="/static/item/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt="" /> 预约抢购
                      </div>
                      <div class="yuyue-two">
                         <ul>
                            <li>
                               <img src="/static/item/img/f64963b63d6e5849977ddd6afddc1db5.png" />
                               <span>190103</span> 人预约
                            </li>
                            <li>
                               <img src="/static/item/img/36860afb69afa241beeb33ae86678093.png" /> 预约剩余
                               <span id="timer">

                            </span>
                            </li>
                         </ul>
                      </div>
                   </div>
                   <div class="box-summary clear">
                      <ul>
                         <li>京东价</li>
                         <li>
                            <span>¥</span>
                            <span th:text="${#numbers.formatDecimal(item.getInfo().getPrice(),3,2)}"></span>
                         </li>
                         <li style="color: red" th:if="${item.getSecKillInfo()!=null}">
                            <span th:if="${#dates.createNow().getTime() < item.getSecKillInfo().getStartTime()}">
                               商品将会在[[${#dates.format(new java.util.Date(item.getSecKillInfo().getStartTime()),'yyyy-MM-dd HH:mm:ss')}]]开启秒杀,预约享资格
                            </span>
                            <span th:if="${#dates.createNow().getTime() >= item.getSecKillInfo().getStartTime() && #dates.createNow().getTime() <= item.getSecKillInfo().getEndTime()}">
                               秒杀价:[[${#numbers.formatDecimal(item.getSecKillInfo().getSeckillPrice(),1,2)}]]
                            </span>
                         </li>
                         <li>
                            <a href="/static/item/">
                               预约说明
                            </a>
                         </li>
                      </ul>
                   </div>
                   <div class="box-wrap clear">
                      <div class="box-wrap-one clear">
                         <ul>
                            <li>增值业务</li>
                            <li><img src="/static/item/img/90a6fa41d0d46b4fb0ff6907ca17c478.png" /></li>
                            <li><img src="/static/item/img/2e19336b961586468ef36dc9f7199d4f.png" /></li>
                            <li><img src="/static/item/img/1f80c3d6fabfd3418e54b005312c00b5.png" /></li>
                         </ul>
                      </div>
                   </div>

                   <div class="box-stock">
                      <ul class="box-ul">
                         <li>配送至</li>
                         <li class="box-stock-li">
                            <div class="box-stock-one">
                               北京朝阳区管庄
                               <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
                            </div>
                            <div class="box-stock-two">
                               <dl>
                                  <dt>
                                     <a>选择新地址</a>
                                     <img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="box-stock-two-img"/>
                                  </dt>
                                  <dd>
                                     <div class="box-stock-dd">
                                        <div class="box-stock-top">
                                           <div class="box-stock-div">北京</div>
                                           <div class="box-stock-div">朝阳区</div>
                                           <div class="box-stock-div">管庄</div>
                                        </div>
                                        <div class="box-stock-fot">
                                           <div class="box-stock-con" style="display: block;">
                                              <ul>
                                                 <li>北京</li>
                                                 <li>上海</li>
                                                 <li>天津</li>
                                                 <li>重庆</li>
                                              </ul>
                                           </div>
                                           <div class="box-stock-con">
                                              <ul>
                                                 <li>朝阳区</li>
                                                 <li>海淀区</li>
                                                 <li>东城区</li>
                                                 <li>西城区</li>
                                              </ul>
                                           </div>
                                           <div class="box-stock-con">
                                              <ul>
                                                 <li>4环到5环之内</li>
                                                 <li>管庄</li>
                                                 <li>北苑</li>
                                              </ul>
                                           </div>

                                        </div>
                                     </div>
                                  </dd>
                               </dl>
                            </div>

                         </li>
                         <li>
                            <span th:text="${item.getHasStock()?'有货':'无货,此商品暂时售完'}"></span>
                         </li>
                      </ul>
                   </div>
                   <div class="box-supply">
                      <ul class="box-ul">
                         <li></li>
                         <li>
                            由<span>京东</span> 发货,并提供售后服务
                         </li>
                      </ul>
                   </div>
                   <div class="box-attr-3">
                      <div class="box-attr clear" th:each="attr:${item.getSaleAttr()}">
                         <dl>
                            <dt>选择[[${attr.getAttrName()}]]</dt>
                            <dd th:each="value:${attr.getAttrValues()}">
                               <a th:attr="class=${#lists.contains(#strings.listSplit(value.getSkuIds(),','),item.getInfo().getSkuId().toString())?'sku_attr_value checked':'sku_attr_value'}
                                  ,skus=${value.getSkuIds()}">
                                  <img th:src="${item.getInfo().getSkuDefaultImg()}" /> [[${value.getAttrValue()}]]
                               </a>
                            </dd>
                         </dl>
                      </div>
                   </div>
                   <div class="box-btns clear">
                      <div class="box-btns-one">
                         <input type="text" name="" id="numInput" value="1" />
                         <div class="box-btns-one1">
                            <div>
                               <button id="jia">
                            +
                            </button>
                            </div>
                            <div>
                               <button id="jian">
                               -
                            </button>
                            </div>

                         </div>
                      </div>
                      <div class="box-btns-two" th:if="${#dates.createNow().getTime() >= item.getSecKillInfo().getStartTime() && #dates.createNow().getTime() <= item.getSecKillInfo().getEndTime()}">
                         <a th:attr="skuId=${item.getInfo().getSkuId()},sessionId=${item.getSecKillInfo().getPromotionSessionId()},code=${item.getSecKillInfo().getRandomCode()}" id="secKillA" href="#">
                            立即抢购
                         </a>
                      </div>
                      <div class="box-btns-two" th:if="${#dates.createNow().getTime() < item.getSecKillInfo().getStartTime() || #dates.createNow().getTime() > item.getSecKillInfo().getEndTime()}">
                         <a th:attr="skuId=${item.getInfo().getSkuId()}" id="addToCartA" href="#">
                            加入购物车
                         </a>
                      </div>
                      <div class="box-btns-three">
                         <img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt="" /> 分享
                      </div>
                   </div>

                   <div class="box-footer-zo">
                      <div class="box-footer clear">
                         <dl>
                            <dt>本地活动</dt>
                            <dd>
                               <a href="/static/item/">
                                  ·1元500MB激活到账30元 >>
                               </a>
                            </dd>
                         </dl>
                      </div>

                      <div class="box-footer">
                         <dl>
                            <dt>温馨提示</dt>
                            <dd>·本商品不能使用 东券 京券</dd>
                            <dd>·请完成预约后及时抢购!</dd>
                         </dl>
                      </div>
                   </div>
                </div>

             </div>
          </div>
          <!--欲约抢购流程-->
          <div class="qianggoulioucheng">
             <div class="lioucheng">
                <h3>欲约抢购流程</h3>
             </div>
             <!--抢购步骤-->
             <ul class="qianggoubuzhao">
                <li>
                   <img src="/static/item/img/shop_03.png" />
                   <dl class="buzhou">
                      <dt>1.等待预约</dt>
                      <dl>预约即将开始</dl>
                   </dl>
                </li>
                <li>
                   <img src="/static/item/img/shop_04.png" />
                   <dl class="buzhou">
                      <dt>2.预约中</dt>
                      <dl>2017-11-15 10:35 2017-11-15 23:59</dl>
                   </dl>
                </li>
                <li>
                   <img src="/static/item/img/shop_05.png" />
                   <dl class="buzhou">
                      <dt>3.等待抢购</dt>
                      <dl>抢购即将开始</dl>
                   </dl>
                </li>
                <li>
                   <img src="/static/item/img/shop_06.png" />
                   <dl class="buzhou">
                      <dt>4.抢购中</dt>
                      <dl></dl>
                   </dl>
                </li>
             </ul>
          </div>

          <div class="ShopXiangqing">
             <div class="allLeft">
                <!--火热预约-->
                <div class="huoreyuyue">
                   <h3>火热预约</h3>
                </div>
                <div class="dangeshopxingqing">
                   <ul class="shopdange">
                      <li>
                         <a ><img src="/static/item/img/5a0afeddNb34732af.jpg" /></a>
                         <p>
                            <a >OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a>
                         </p>
                         <p><strong class="J-p-20015341974">¥3699.00</strong></p>
                      </li>
                      <li>
                         <a ><img src="/static/item/img/5a12873eN41754123.jpg" /></a>
                         <p>
                            <a target="_blank" title="詹姆士(GEMRY) R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版(新品预约)" href="/static/item///item.jd.com/20348283521.html">詹姆士(GEMRY) R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版(新品预约)</a>
                         </p>
                         <p><strong class="J-p-20348283521">¥13999.00</strong></p>
                      </li>
                      <li>
                         <a ><img src="/static/item/img/59ec0131Nf239df75.jpg" /></a>
                         <p>
                            <a target="_blank" title="斐纳(TOMEFON) 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60" href="/static/item///item.jd.com/16683419775.html">斐纳(TOMEFON) 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60</a>
                         </p>
                         <p><strong class="J-p-16683419775">¥1599.00</strong></p>
                      </li>
                      <li>
                         <a ><img src="/static/item/img/59015444N27317512.jpg" /></a>
                         <p>
                            <a target="_blank" title="斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                         </p>
                         <p><strong class="J-p-12187770381">¥2599.00</strong></p>
                      </li>
                   </ul>
                </div>
                <!--看了又看-->
                <div class="huoreyuyue">
                   <h3>看了又看</h3>
                </div>
                <div class="dangeshopxingqing">
                   <ul class="shopdange">
                      <li>
                         <a ><img src="/static/item/img/59e55e01N369f98f2.jpg" /></a>
                         <p>
                            <a target="_blank" title="华为(HUAWEI) 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)" href="/static/item///item.jd.com/17931625443.html">华为(HUAWEI) 华为 Mate10 4G手机 双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)</a>
                            <p><strong class="J-p-17931625443">¥4766.00</strong></p>
                      </li>
                      <li>
                         <a ><img src="/static/item/img/584fcc3eNdb0ab94c.jpg" /></a>
                         <p>
                            <a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待" href="/static/item///item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待</a>
                         </p>
                         <p><strong class="J-p-3749093">¥4899.00</strong></p>
                      </li>
                      <li>
                         <!--shopjieshao-->
                         <a ><img src="/static/item/img/59eb0df9Nd66d7585.jpg" /></a>
                         <p>
                            <a target="_blank" title="华为(HUAWEI) 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版" href="/static/item///item.jd.com/12306211773.html">华为(HUAWEI) 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版</a>
                         </p>
                         <p><strong class="J-p-12306211773">¥4088.00</strong></p>
                      </li>
                      <li>
                         <a ><img src="/static/item/img/5a002ba3N126c2f73.jpg" /></a>
                         <p>
                            <a target="_blank" title="斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="/static/item///item.jd.com/12187770381.html">斐纳(TOMEFON) 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                         </p>
                         <p><strong class="J-p-12187770381">¥2599.00</strong></p>
                      </li>
                   </ul>
                   <img src="/static/item/img/5a084a1aNa1aa0a71.jpg" />
                </div>
             </div>
             <!--商品介绍-->
             <div class="allquanbushop">
                <ul class="shopjieshao">
                   <li class="jieshoa" style="background: #e4393c;">
                      <a  style="color: white;">商品介绍</a>
                   </li>
                   <li class="baozhuang">
                      <a >规格与包装</a>
                   </li>
                   <li class="baozhang">
                      <a >售后保障</a>
                   </li>
                   <li class="pingjia">
                      <a >商品评价(4万+)</a>
                   </li>
                   <li class="shuoming">
                      <a >预约说明</a>
                   </li>

                </ul>
                <button class="Lijiyuyuessss">
                      立即预约
                   </button>
                <ul class="shopjieshaos posi" style="display: none;">
                   <li class="jieshoa" style="background: #e4393c;">
                      <a href="/static/item/#li1" style="color: white;">商品介绍</a>
                   </li>
                   <li class="baozhuang">
                      <a href="/static/item/#li2">规格与包装</a>
                   </li>
                   <li class="baozhang">
                      <a href="/static/item/#li3">售后保障</a>
                   </li>
                   <li class="pingjia">
                      <a href="/static/item/#li4">商品评价(4万+)</a>
                   </li>
                   <li class="shuoming">
                      <a href="/static/item/#li5">预约说明</a>
                   </li>
                </ul>

                <!--商品详情-->
                <div class="huawei">
                   <ul class="xuanxiangka">
                      <li class="jieshoa actives" id="li1">
                         <div class="shanpinsssss">
                            <p>
                               <a  th:text="${'品牌:'+item.getInfo().getBrandId()}"></a>
                            </p>
                            <table>
                               <tr>
                                  <td>
                                     <a >商品名称:华为Mate 10</a>
                                  </td>
                                  <td>
                                     <a >商品毛重:0.58kg</a>
                                  </td>
                                  <td>
                                     <a >商品编号:5544038</a>
                                  </td>
                                  <td>
                                     <a >商品产地:中国大陆</a>
                                  </td>
                               </tr>
                               <tr>
                                  <td>
                                     <a >系统:安卓(Android)</a>
                                  </td>
                                  <td>
                                     <a >前置摄像头像素:800万-1599万</a>
                                  </td>
                                  <td>
                                     <a >后置摄像头像素:2000万及以上,1200万-1999万</a>
                                  </td>
                                  <td>
                                     <a >机身内存:128GB</a>
                                  </td>
                               </tr>
                               <tr>
                                  <td colspan="4">
                                     <a >全面屏,双卡双待,指纹识别,Type-C,VoLTE,2K屏,拍照神器,支持NFC,商务手机,安全手机,分辨率10</a>
                                  </td>
                               </tr>
                            </table>
                            <img class="xiaoguo" th:src="${desc}" th:each="desc:${#strings.listSplit(item.getDesc().getDecript(),',')}" />
                            <div class="guiGebox guiGebox1">
                               <div class="guiGe" th:each="groupAttr:${item.getGroupAttrs()}">
                                  <h3 th:text="${groupAttr.getGroupName()}"></h3>
                                  <dl th:each="attr:${groupAttr.getAttrs()}">
                                     <dt th:text="${attr.getAttrName()}"></dt>
                                     <dd th:text="${attr.getAttrValue()}"></dd>
                                  </dl>
                               </div>
                               <div class="package-list">
                                  <h3>包装清单</h3>
                                  <p>手机(含内置电池) X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p>
                               </div>
                            </div>
                         </div>
                      </li>
                      <li class="baozhuang actives" id="li2">
                         <div class="guiGebox">
                            <div class="guiGe" th:each="groupAttr:${item.getGroupAttrs()}">
                               <h3 th:text="${groupAttr.getGroupName()}"></h3>
                               <dl th:each="attr:${groupAttr.getAttrs()}">
                                  <dt th:text="${attr.getAttrName()}"></dt>
                                  <dd th:text="${attr.getAttrValue()}"></dd>
                               </dl>
                            </div>
                            <div class="package-list">
                               <h3>包装清单</h3>
                               <p>手机(含内置电池) X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p>
                            </div>
                         </div>
                      </li>
                      <!--包装-->
                      <li class="baozhang actives" id="li3">
                         <div class="oBox">
       <div class="shuoHou">
          <div class="baoZhang">
             <h2>售后保障</h2>
          </div>
       </div>
       <!--厂家服务-->
       <div class="changJia">
          <div class="lianBao">
             <span class="oImg">
                <img src="/static/item/img/2017.jpg" alt="" />
                <h3>厂家服务</h3>
             </span>
             <div class="wenZi">
                本产品全国联保,享受三包服务,质保期为:一年保<br />
                如因质量问题或故障,凭厂商维修中心或特约维修点的质量检测证明,享受7日内退货,15日内换货,15日以上在保质期内享受免费保修等安保服务!<br />
                (注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a >请点击这儿查询...</a><br /><br />
             </div>
          </div>
          <div class="lianBao oCn">
             <span class="oImg">
                <img src="/static/item/img/2017.jpg" alt="" />
                <h3>京东承诺</h3>
             </span>
             <div class="wenZi">
                本产品全国联保,享受三包服务,质保期为:一年保<br />
                如因质量问题或故障,凭厂商维修中心或特约维修点的质量检测证明,享受7日内退货,15日内换货,15日以上在保质期内享受免费保修等安保服务!<br />
                (注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a >请点击这儿查询...</a><br /><br /><br />
             </div>
          </div>

          <div class="lianBao ">
             <span class="oImg">
                <img src="/static/item/img/2017.jpg" alt="" />
                <h3>正品行货</h3>
             </span>
             <div class="wenZi hangHuo">
                京东商城向您保证所售商品均为正品行货,京东自营商品开具机打发票或电子发票。
             </div>
          </div>
          <div class="lianBao quanGuo">
             <span class="oImg">
                <img src="/static/item/img/2017-1.jpg" alt="" />
                <h3>全国联保</h3>
             </span>
             <div class="wenZi">
                凭质保证书及京东商城发票,可享受全国联保服务(奢侈品、钟表除外;奢侈品、钟表由京东联系保修,享受法定三包售后服务),与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策,请您放心购买! <br />

注:因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件,本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货!并且保证与当时市场上同样主流新品一致。若本商城没有及时更新,请大家谅解!
             </div>
          </div>
             <!--权利声明-->
          <div class="quanLi">
             <h4>权利声明:</h4>
             <div class="jingDong">
                京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容,是京东重要的经营资源,未经许可,禁止非法转载使用。<br />
    <span class="oZhu">注</span>:本站商品信息均来自于合作方,其真实性、准确性和合法性由信息拥有者(合作方)负责。本站不提供任何保证,并不承担任何法律责任。
             </div>
          </div>
          <div class="quanLi jiaGe">
             <h4>价格说明:</h4>
             <div class="jingDong">
                <span class="oZhu">京东价</span>:京东价为商品的销售价,是您最终决定是否购买商品的依据。<br />
                <span class="oZhu">划线价</span>:商品展示的划横线价格为参考价,该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价(如厂商指导价、建议零售价等)或该商品在京东平台上曾经展示过的销售价;由于地区、时间的差异性和市场行情波动,品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致,该价格仅供您参考。<br />
                <span class="oZhu">折扣</span>:如无特殊说明,折扣指销售商在原价、或划线价(如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价)等某一价格基础上计算出的优惠比例或优惠金额;如有疑问,您可在购买前联系销售商进行咨询。<br />
                <span class="oZhu">异常问题</span>:商品促销信息以商品详情页“促销”栏中的信息为准;商品的具体售价以订单结算页价格为准;如您发现活动商品售价或促销信息有异常,建议购买前先联系销售商咨询。
             </div>
          </div>
       </div>


    </div>
                      </li>
                      <!--评价-->
                      <li class="PINgjia actives" id="li4">
                         <div class="h3">
                            <h3>商品评价</h3>
                         </div>
                         <div class="nav">
                            <div class="left">
                               <p class="haoping">好评度</p>
                               <p><span>100%</span></p>
                            </div>
                            <div class="right">
                               <ul>
                                  <li>
                                     <a >就是快(424)</a>
                                  </li>
                                  <li>
                                     <a >物流很快(254) </a>
                                  </li>
                                  <li>
                                     <a >货真价实(168)</a>
                                  </li>
                                  <li>
                                     <a >有档次(158)</a>
                                  </li>
                                  <li>
                                     <a >国产品牌(133)</a>
                                  </li>
                                  <li>
                                     <a >外形美观(103)</a>
                                  </li>
                                  <li>
                                     <a >很给力(75)</a>
                                  </li>
                                  <li>
                                     <a >反应灵敏(68)</a>
                                  </li>
                                  <li>
                                     <a >性价比高(60)</a>
                                  </li>
                                  <li>
                                     <a >价格优惠(50)</a>
                                  </li>
                                  <li>
                                     <a >功能齐全(49)</a>
                                  </li>
                                  <li style="background: gainsboro;">
                                     <a >速度太慢(5)</a>
                               </ul>
                            </div>
                         </div>
                         <!--全部评价-->
                         <div class="allpingjia">
                            <ul>
                               <li><a >全部评价(4.2万)</a></li>
                               <li><a >晒图(500)</a></li>
                               <li><a >追拼(200+)</a></li>
                               <li><a >好评(4.1万)</a></li>
                               <li><a >中评(100+)</a></li>
                               <li><a >差评(100+)</a></li>
                               <li><a ><input type="checkbox"/>只看当前商品价格</a></li>
                               <li class="imga" style="float: right;"><a >推荐排序 <img src="/static/item/img/animaite.png"/> </a>
                               </li>
                            </ul>
                         </div>
                         </li>
                         <li class="shuoming actives" id="li5"></li>
                   </ul>
                </div>
             </div>
          </div>
       </div>
       <div class="headera">
          <div class="Logo-tu">
             <span><img src="/static/item/img/service_items_1.png"/></span>
             <span><img src="/static/item/img/service_items_2.png"/></span>
             <span><img src="/static/item/img/service_items_3.png"/></span>
             <span><img src="/static/item/img/service_items_4.png"/></span>
          </div>
          <div class="table">
             <dl>
                <dt><a >购物指南</a></dt>
                <dd>
                   <a >购物流程</a>
                </dd>
                <dd>
                   <a >会员介绍</a>
                </dd>
                <dd>
                   <a >生活旅行/团购</a>
                </dd>
                <dd>
                   <a >常见问题</a>
                </dd>
                <dd>
                   <a >大家电</a>
                </dd>
                <dd>
                   <a >练习客服</a>
                </dd>
             </dl>
             <dl>
                <dt><a >配送方式</a></dt>
                <dd>
                   <a >上门自提</a>
                </dd>
                <dd>
                   <a >211限时达</a>
                </dd>
                <dd>
                   <a >配送服务查询</a>
                </dd>
                <dd>
                   <a ></a>
                </dd>
                <dd>
                   <a >海外配送</a>
                </dd>
                <dd></dd>
             </dl>
             <dl>
                <dt><a >支付方式</a></dt>
                <dd>
                   <a >货到付款</a>
                </dd>
                <dd>
                   <a >在线支付</a>
                </dd>
                <dd>
                   <a >分期付款</a>
                </dd>
                <dd>
                   <a >邮局汇款</a>
                </dd>
                <dd>
                   <a >公司转账</a>
                </dd>
                <dd></dd>
             </dl>
             <dl>
                <dt><a >售后服务</a></dt>
                <dd>
                   <a >售后政策</a>
                </dd>
                <dd>
                   <a >价格保护</a>
                </dd>
                <dd>
                   <a >退款说明</a>
                </dd>
                <dd>
                   <a >返修/退换货</a>
                </dd>
                <dd>
                   <a >取消订单</a>
                </dd>
                <dd></dd>
             </dl>
             <dl class="dls">
                <dt><a >特色服务</a></dt>
                <dd>
                   <a >夺宝岛</a>
                </dd>
                <dd>
                   <a >DIY装机</a>
                </dd>
                <dd>
                   <a >延保服务</a>
                </dd>
                <dd>
                   <a >京东E卡</a>
                </dd>
                <dd>
                   <a >京东通信</a>
                </dd>
                <dd>
                   <a >京东JD+</a>
                </dd>
             </dl>
          </div>
          <!--关于我们-->
          <div class="guanyuwomen">
             <ul>
                <li>
                   <a >关于我们</a>
                </li>
                <li>|</li>
                <li>
                   <a >联系我们</a>
                </li>
                <li>|</li>
                <li>
                   <a >联系客服</a>
                </li>
                <li>|</li>
                <li>
                   <a >合作招商</a>
                </li>
                <li>|</li>
                <li>
                   <a >商家帮助</a>
                </li>
                <li>|</li>
                <li>
                   <a >营销中心</a>
                </li>
                <li>|</li>
                <li>
                   <a >手机京东</a>
                </li>
                <li>|</li>
                <li>
                   <a >友情链接</a>
                </li>
                <li>|</li>
                <li>
                   <a >销售联盟</a>
                </li>
                <li>|</li>
                <li>
                   <a >京东社区</a>
                </li>
                <li>|</li>
                <li>
                   <a >风险检测</a>
                </li>
                <li>|</li>
                <li>
                   <a >隐私政策</a>
                </li>
                <li>|</li>
                <li>
                   <a >京东公益</a>
                </li>
                <li>|</li>
                <li>
                   <a >English Site</a>
                </li>
                <li>|</li>
                <li>
                   <a >Mdeila $ IR</a>
                </li>
             </ul>
          </div>
          <!--jieshoa-->
          <p class="p1"><img src="/static/item/img/56a0a994Nf1b662dc.png" />
             <a > 京公网安备 11000002000088号</a>|
             <a > 京ICP证070359号</a>|
             <a > 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
             <a >新出发京零 字第大120007号</a>
          </p>
          <p class="p1">
             <a > 互联网出版许可证编号新出网证(京)字150号</a>|
             <a > 出版物经营许可证</a>|
             <a > 网络文化经营许可证京网文 </a>|
             <a >[2014]2148-348号 </a>|
             <a > 违法和不良信息举报电话 </a>|
             <a >:4006561155 </a>
          </p>
          <p class="p1">
             <a > Copyright © 2004-2017 京东JD.com 版权所有</a>|
             <a > 消费者维权热线:4006067733 经营证照</a>|
          </p>
          <p class="p1">
             <a > 京东旗下网站:京东支付</a>|
             <a > 京东云</a>
          </p>
          <p class="p3">
             <img src="/static/item/img/54b8871eNa9a7067e.png" />
             <img src="/static/item/img/54b8872dNe37a9860.png" />
             <img src="/static/item/img/54b8875fNad1e0c4c.png" />
             <img src="/static/item/img/5698dc03N23f2e3b8.jpg" />
             <img src="/static/item/img/5698dc16Nb2ab99df.jpg" />
             <img src="/static/item/img/56a89b8fNfbaade9a.jpg" />
          </p>
       </div>
       <div class="Fixedbian">
          <ul>
             <li class="li1"><a class="aaa" >顶部</a></li>
          </ul>
       </div>
       <div class="gouwuchexiaguo">
          <img src="/static/item/img/44.png" />
          <span>购物车还没有商品,赶紧选购吧!</span>
       </div>
    </body>

    <script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
    <script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
       $(".sku_attr_value").click(function(){
          // 点击的元素给它添加自定义的属性,用于识别刚才点击的元素
          $(this).addClass("clicked");
          // 准备一个数组
          let skus = new Array();
          // 获取到当前的skus组合
          let current = $(this).attr("skus").split(",");
          skus.push(current);
          // 去掉当前行其他带有checked的
          $(this).parent().parent().find(".sku_attr_value").removeClass("checked");
          // 获取到另外一个选中的属性组合
          $("a[class='sku_attr_value checked']").each(function(){
             skus.push($(this).attr("skus").split(","));
          });
          // 取出他们的交集
          let filter = skus[0];
          for(let i = 1;i < skus.length;i++){
             filter = $(filter).filter(skus[i]);
          }
          location.href = "http://item.alatusmall.com/"+filter[0]+".html";
       });
       $(function(){
          $(".sku_attr_value").parent().css({"border":"solid 1px #CCC"});
          $("a[class='sku_attr_value checked']").parent().css({"border":"solid 1px red"});
       });
       function search() {
          var keyword=$("#searchText").val()
          window.location.href="http://search.alatusmall.com/list.html?keyword="+keyword;
       }
       $("#addToCartA").click(function(){
          let num = $("#numInput").val();
          let skuId = $(this).attr("skuId");
          location.href = "http://cart.alatusmall.com/addToCart?skuId="+skuId+"&num="+num;
          return false;
       });
       $("#secKillA").click(function(){
          let isLogin = [[${session.get('loginUser')!=null}]]
          if(isLogin){
             let num = $("#numInput").val();
             let killId = $(this).attr("sessionId")+"_"+$(this).attr("skuId");
             let key = $(this).attr("code");
             location.href = "http://seckill.alatusmall.com/kill?killId="+killId+"&num="+num+"&key="+key;
             return false;
          }
          else{
             alert("请先登录");
             return false;
          }
       });
    </script>
</html>

更多推荐