master

分支 (1)

管理

管理

master

mobile_mall
/
U.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				width: 100%;
				font-family: 宋体;
				background-color: rgb(247, 247, 245);
			}

			* {
				margin: 0;
				padding: 0;
			}

			.out {
				position: fixed;
				width: 100%;
			}

			.top {
				background-color: rgb(51, 51, 51);
				color: #ccc;
				width: 100%;
				height: 30px;
				font-size: 14px;
				overflow: hidden;
			}

			.index {
				width: 40%;
				float: left;
				text-align: center;
				list-style-type: none;
			}

			.index-li {
				width: 20%;
				float: left;
				padding: 8px 0;
			}

			a {
				text-decoration: none;
			}

			.user {
				float: right;
				padding-top: 8px;
				padding-bottom: 8px;
				padding-right: 3%;
			}

			.user-shop {
				margin-right: 40px;
			}

			.top a {
				color: #CCCCCC;
			}

			.top a:hover {
				color: #999999;
			}

			.head {
				position: fixed;
				background: rgb(247, 247, 247);
				opacity: 0.9;
				width: 100%;
				overflow: hidden;
			}

			.battery {
				width: 90%;
				float: left;
				text-align: center;
				list-style-type: none;
				font-family: 微软雅黑;
				font-size: 18px;
			}

			.battery-logo {
				width: 11.2%;
				float: left;
				font-size: 30px;
			}

			.battery-logo img {
				width: 70%;
				padding-top: 15%;
			}

			.battery-phone {
				width: 11.1%;
				float: left;
				padding: 20px 0;
			}

			.battery-a {
				color: black;
			}

			.battery-a:hover {
				color: #415fff;
			}
			.content{
				padding-top: 94px;
				width: 100%;
			}
			.main {
				width: 100%;
				overflow: hidden;
				display: block;
				background: url(img/Uback.jpg) round;
			}
			.main img{
				float: left;
				padding: 25% 0 25% 7%;
				width: 44%;
			}
			.Uphone{
				width: 90%;
				margin: 0 5%;
				background-color: white;
				text-align: center;
				font-size: 17px;
				display: block;
				overflow: hidden;
				font-family: 微软雅黑;
			}
			.U-one{
				float: left;
				width: 10%;
				margin: 3% 2% 1% 10%;
			}
			.U-two{
				width: 10%;
				float: left;
				margin: 3% 2% 1% 2%;
			}
			.U-three{
				width: 10%;
				float: left;
				margin: 3% 5% 1% 2%;
			}
			.Uphone img{
				width: 100%;
			}
			.one{
				background: url(img/U3xback.jpg) round;
				padding: 20% 0;
				width: 90%;
				margin: 3% 5%;
				display: block;
				font-family: 微软雅黑;
			}
			.name{
				font-size: 20px;
				margin-left:25% ;
			}
			.info1{
				font-size: 35px;
				margin-left:15% ;
			}
			.info2{
				font-size: 28px;
				margin-left:18% ;
			}
			.two{
				background: url(img/U1back.jpg) round;
				padding: 20% 0;
				width: 90%;
				margin: 3% 5% 0 5%;
				display: block;
				font-family: 微软雅黑;
			}
			.name1{
				font-size: 20px;
				margin-left:65% ;
			}
			.info11{
				font-size: 35px;
				margin-left:58% ;
			}
			.info22{
				font-size: 28px;
				margin-left:61% ;
			}
			footer{
				background-color: white;
				margin-top: 5%;
				padding: 3% 0 3% 0;
				text-align: center;
			}
			.down{
				float: left;
				width: 25%;
			}
			footer img{
				width: 20px;
			}
			.end{
				color: #333333;
				font-size: 18px;
			}
			.foot{
				color: #666666;
				font-size: 13px;
			}
			.return{
				font-size: 50px;
				font-weight: bolder;
				position: fixed;
				top: 90%;
				left: 97%;
				color: #999999;
			}
			.return:hover{
				color: #415fff;
			}
		</style>

		<script type="text/javascript">

			function getCookie(name) {
				var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
				if (arr = document.cookie.match(reg))
					return unescape(arr[2]);
				else
					return null;
			}

			function sayhi() {
				if((getCookie("用户名")!=null)&&(getCookie("用户名")!="退出"))
				{
					var username = document.getElementById("logintext");
					username.innerHTML = "Hi,"+getCookie("用户名");
					username.href = "brand.html";
					var again = document.getElementById("restext");
					again.innerHTML = "退出";
					again.href = "login.html";
				}
			}
			window.onload = sayhi;
		</script>


	</head>
	<body>
		<div class="out">
			<div class="top">
				<nav class="index">
					<li class="index-li"><a href="brand.html" class="index-a">品牌</a></li>
					<li class="index-li">Funtouch OS</li>
					<li class="index-li">体验店</li>
					<li class="index-li">政企业务</li>
					<li class="index-li">社区</li>
				</nav>
				<div class="user">
					<a class="user-shop" href="buycar.html">购物车</a>
					<a class="login" href="login.html"  id="logintext">登录</a>
					<span style="margin-left:15px; margin-right: 10px;">|</span>
					<a class="register" href="register.html"  id="restext">注册</a>
				</div>
			</div>
			<div class="head">
				<ul class="battery">
					<li class="battery-logo"><a href="" class="battery-a"><img src="img/logo.JPG" /></a></li>
					<li class="battery-phone"><a href="index.html" class="battery-a">商城</a></li>
					<li class="battery-phone"><a href="iQOO.html" class="battery-a">iQOO专区</a></li>
					<li class="battery-phone"><a href="NEX.html" class="battery-a">NEX系列</a></li>
					<li class="battery-phone"><a href="X.html" class="battery-a">X系列</a></li>
					<li class="battery-phone"><a href="S.html" class="battery-a">S系列</a></li>
					<li class="battery-phone"><a href="Z.html" class="battery-a">Z系列</a></li>
					<li class="battery-phone"><a href="Y.html" class="battery-a">Y系列</a></li>
					<li class="battery-phone"><a href="U.html" class="battery-a" style="color: #999999">U系列</a></li>
				</ul>
			</div>
		</div>
		<div class="content"><a name="top"></a>
			<div class="main">
				<img src="img/vivo%20U3.png" />
			</div>
			<div class="Uphone">
				<div class="U-one">
					<img src="img/U3.png" /><br />
					U3
				</div>
				<div class="U-two">
					<img src="img/U3X.png" /><br />
					U3x
				</div>
				<div class="U-three">
					<img src="img/U1.png" /><br />
					U1
				</div>
			</div>
			<div class="one">
				<div class="name">
					U3x
				</div>
				<div class="info1">5000mAh大电池</div>
				<div class="info2">18w闪充强续航</div>
			</div>
			<div class="two">
				<div class="name1">
					U1
				</div>
				<div class="info11">大屏大电池</div>
				<div class="info22">大U可为</div>
			</div>
		</div>
		<footer>
			<div class="end">
				<div class="down"><img src="img/icon1.JPG"/>官方正品</div>
				<div class="down"><img src="img/icon2.JPG"/>顺丰极速达</div>
				<div class="down"><img src="img/icon3.JPG"/>全国联保</div>
				<div class="down"><img src="img/icon4.JPG"/>镭雕定制</div>
			</div>
			<hr style="margin: 4% 0 2% 0; color: #999999;" />
			<div class="foot">
				Copyright ©2011-2020 广东天宸网络科技有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 营业执照 | 粤B2-20080267 | 粤ICP备14052990号 | 粤公网安备 44190002004246号
			</div>
		</footer>
		<a href="#top" class="return">↑</a>
	</body>
</html>