master

分支 (1)

管理

管理

master

mobile_mall
/
iQOO.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/iQOOback.jpg) round;
			}

			.main img {
				float: left;
				padding: 26% 60% 20% 3%;
				width: 37%;
			}

			.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/b2f6fa7a2c17e6bbd66f29691eeb4b7b.jpg_w2400-h1120.jpg) round;
				padding: 17% 0;
				width: 90%;
				margin: 3% 5%;
				display: block;
				font-family: 微软雅黑;
				color: white;
			}

			.name {
				font-size: 20px;
				margin-left: 25%;
			}

			.info1 {
				font-size: 35px;
				margin-left: 24%;
			}

			.info2 {
				font-size: 28px;
				margin-left: 25%;
			}

			.two {
				background: url(img/16bddd1f0c26e288f230ee649d4f6392.jpg_w1200-h560.jpg) round;
				padding: 20% 0;
				width: 90%;
				margin: 3% 5% 0 5%;
				display: block;
				font-family: 微软雅黑;
				color: white;
			}

			.name1 {
				font-size: 20px;
				margin-left: 72%;
			}

			.info11 {
				font-size: 35px;
				margin-left: 70%;
			}

			.info22 {
				font-size: 28px;
				margin-left: 71%;
			}

			.three {
				width: 90%;
				margin: 3% 5%;
				display: block;
				overflow: hidden;
				font-family: 微软雅黑;
			}

			.three-left {
				background: url(img/e2c04173fe0a70ec4c55f7fb7eb70e65.jpg_w750-h1000.jpg) round;
				padding: 5% 0 40% 0;
				float: left;
				width: 47.5%;
				color: white;
			}

			.name3 {
				font-size: 20px;
				margin-left: 30%;
			}

			.info13 {
				font-size: 35px;
				margin-left: 36%;
			}

			.three-right {
				background: url(img/9facc63599deb88bc3f98b9f3943c327.jpg_w580-h850.jpg) round;
				padding: 5% 0 40% 0;
				float: right;
				width: 47.5%;
				color: white;
			}

			.name33 {
				font-size: 20px;
				margin-left: 34%;
			}

			.info23 {
				font-size: 35px;
				margin-left: 36%;
			}

			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" style="color: #999999">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">U系列</a></li>
				</ul>
			</div>
		</div>
		<div class="content"><a name="top"></a>
			<div class="main">
				<img src="img/b67766b8372ff99305a64fda7bc7019f.png_w425-h111.png"/>
			</div>
			<div class="Uphone">
				<div class="U-one">
					<img src="img/88624a3d346e4af719e0896f850ca7b7.png" /><br />
					iQOO Neo3
				</div>
				<div class="U-two">
					<img src="img/f5459b62ad29e981d5e4e78109a12b89.png" /><br />
					iQOO 3
				</div>
				<div class="U-two">
					<img src="img/5efa0612b5b9ea7bff1bf7b0cbabb7e0.png" /><br />
					iQOO Neo 855竞速版
				</div>
				<div class="U-two">
					<img src="img/418b3e8b5684b2316eb5ce542151c0fc.png" /><br />
					iQOO Neo 855版
				</div>
				<div class="U-two">
					<img src="img/dfda633a5dc1773d4426635297b1b8d4.png" /><br />
					iQOO Pro & iQOO Pro 5G版
				</div>
				<div class="U-three">
					<img src="img/239b98a3a6cb48afcc8697c34c3728ed.png" /><br />
					iQOO Neo
				</div>
			</div>
			<div class="one">
				<div class="name">
					iQOO Neo3
				</div>
				<div class="info1">强悍芯生</div>
				<div class="info2">生而为赢</div>
			</div>
			<div class="two">
				<div class="name1">
					iQOO Pro
				</div>
				<div class="info11">全速进化</div>
				<div class="info22">生而强悍</div>
			</div>
			<div class="three">
				<div class="three-left">
					<div class="name3">
						iQOO Neo 855竞速版
					</div>
					<div class="info13">疾速新生</div>
				</div>
				<div class="three-right">
					<div class="name33">
						iQOO Neo 855版
					</div>
					<div class="info23">疾速新生</div>
				</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>