master

分支 (1)

管理

管理

master

mobile_mall
/
brand.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				width: 100%;
				font-family: 宋体;
			}
			* {
				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%;
			}
			.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;
			}
			.main{
				padding-top: 94px;
			}
			.back{
				overflow: hidden;
			}
			.up{
				width: 100%;
				display: block;
			}
			.news-title{
				overflow: hidden;
				background-color: #000000;
				color: white;
				padding: 5% 0;
				text-align: center;
				font-size: 38px;
				width: 100%;
			}
			.news-one{
				width: 100%;
				height: 420px;
			}
			.one-left{
				width: 50%;
				float: left;
			}
			.one-left img{
				width: 100%;
				height: 420px;
			}
			.one-right{
				float: right;
				width: 42%;
				color: white;
				background-color: rgb(105,113,126);
				padding:0 4%;
				height: 420px;
			}
			.date{
				margin-top: 20%;
			}
			.date-month{
				font-size: 60px;
				margin-right: 2%;
				font-weight: bold;
			}
			.month{
				font-size: 20px;
				font-weight: bold;
			}
			.date-day{
				font-size: 60px;
				margin: 0 2%;
				font-weight: bold;
			}
			.date-year{
				font-size: 25px;
				margin: 0 2%;
				font-weight: bold;
			}
			.line{
				color: rgb(195,198,203);
				margin: 3% 0;
			}
			.name{
				font-weight: bold;
				font-size: 25px;
			}
			.detail{
				font-size: 18px;
				margin-top: 3%;
				color: rgb(195,198,203);
				display: block;
			}
			.li{
				width: 100%;
				background-color: black;
				height: 5px;
			}
			.news-two{
				overflow: hidden;
				width: 100%;
				height: 420px;
			}
			.two-left{
				float: left;
				width: 42%;
				color: white;
				background-color: rgb(120,91,77);
				padding: 0 4%;
				height: 420px;
			}
			.two-right{
				width: 50%;
				float: right;
			}
			.two-right img{
				width: 100%;
				height: 420px;
			}
			.new-lv{
				width: 100%;
				height: 420px;
				background-color: rgb(96,7,11)
			}
			.lv-left{
				width: 50%;
				height: 420px;
				float: left;
				background: url(img/lvwdz.jpg) round;
				color: white;
			}
			.lvwdz{
				font-size: 35px;
				margin-top: 25%;
				font-weight: bold;
				display: block;
				margin-left: 10%;

			}
			.word{
				font-size: 20px;
				display: block;
				color: rgb(195,198,203);
				margin-left: 10%;
			}
			.lv-right{
				float: right;
				width: 50%;
				height: 420px;
			}
			.videoX{
				width: 100%;
				height: 420px;
			}
			.text{
				margin-top: 20%;
				font-size: 30px;
			}
			.three-right{
				float: right;
				width: 42%;
				color: white;
				padding:0 4%;
				height: 420px;
				background-color: rgb(40,40,40);
			}
			.four-left{
				float: left;
				width: 42%;
				color: white;
				padding: 0 4%;
				height: 420px;
				background-color: rgb(113,103,127);
			}
			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" style="color: #999999">品牌</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">U系列</a></li>
				</ul>
			</div>
		</div>
		<div class="main"><a name="top"></a>
			<div class="back">
				<img src="img/6b11209955c521841618884609212134.jpg" class="up" />
			</div>
			<div class="news-title">-咨询聚焦-</div>
			<div class="news-one">
				<div class="one-left">
					<img src="img/index-vivo%20s6.jpg" />
				</div>
				<div class="one-right">
					<div class="date">
						<span class="date-month">04</span>
						<span class="month">月</span>
						<span class="date-day">16</span>
						<span class="month">日|</span>
						<span class="date-year">2020</span>
					</div>
					<hr class="line" />
					<span class="name">vivo s6天鹅湖</span><br />
					<span class="detail">纯白之中点缀炫彩之色。</span>
				</div>
			</div>
			<div class="li"></div>
			<div class="news-two">
				<div class="two-left">
					<div class="date">
						<span class="date-month">04</span>
						<span class="month">月</span>
						<span class="date-day">15</span>
						<span class="month">日|</span>
						<span class="date-year">2020</span>
					</div>
					<hr class="line" />
					<span class="name">X30虹影</span><br />
					<span class="detail">美，触手可及。</span>
				</div>
				<div class="two-right">
					<img src="img/X30.jpg" />
				</div>
			</div>
			<div class="news-title">-品牌故事-</div>
			<div class="new-lv">
				<div class="lv-left">
					<span class="lvwdz">刘雯、王大治携X30系列</span><br />
					<span class="word">发现最in的时尚潮流</span>
				</div>
				<div class="lv-right">
					<video src="img/videoX30.mp4" class="videoX" controls="controls" ></video>
				</div>
			</div>
			<div class="news-title">-活动臻选-</div>
			<div class="news-one">
				<div class="one-left">
					<img src="img/NEX100+.jpg" />
				</div>
				<div class="three-right">
					<div class="text">
						NEX100+CLUB线下精英交流会
					</div>
					<hr class="line" />
					<div class="detail">2019年11月17日，混沌大学与NEX100+CLUB举办的首场线下精英交流会大课在北京竞园艺术中心圆满结束。
					</div>
				</div>
			</div>
			<div class="li"></div>
			<div class="news-two">
				<div class="four-left">
					<div class="text">
						云南大学S5超颜值荧光音乐节
					</div>
					<hr class="line" />
					<div class="detail">11月16日，vivo club S5超颜值荧光音乐节在云南大学热力来袭，在充满奇幻色彩的荧光晚会，释放你的激情。
					</div>
				</div>
				<div class="two-right">
					<img src="img/clubS5.jpg" />
				</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>