飞花令python代码完整 飞花令204句_App


飞花令python代码完整 飞花令204句_css_02


飞花令python代码完整 飞花令204句_css_03

<!DOCTYPE html>
<html>
<head>
	<title>轰隆隆</title>
	<link rel="stylesheet" type="text/css" href="Ex1.css">
	<script type="text/javascript" src="Ex1.js"></script>
</head>
<body>
	<div class="header">
		<div class="hbg">
			<span>
				<img src="../../img/test1-3/a.png">
			</span>
			<span class="hone">
				<a href="#">首页</a>
				<a href="#">招投标</a>
				<a href="#">机械加盟</a>
				<a href="#">行业资讯</a>
				<a href="#">关于我们</a>
			</span>
		</div>
		<img src="../../img/test1-3/k.png">
	</div>

	<div class="content">
		<h2>最新招标</h2>
		<div class="cone">
			<div class="c1">
				<img src="../../img/test1-3/j.png">
			</div>
			<div class="c2">
				<p class="p1">科技出手,功利双收</p>
				<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				<a class="button" href="#">了解详情 > </a>
			</div>
		</div>

		<div class="ctwo">
			<div>
				<img src="../../img/test1-3/g.png">
			</div>
			<div class="c2">
				<p class="p1">科技出手,功利双收</p>
				<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				<a class="button" href="#">了解详情 > </a>
			</div>
		</div>

		<div class="cthree">
			<div>
				<img src="../../img/test1-3/f.png">
			</div>
			<div class="c2">
				<p class="p1">科技出手,功利双收</p>
				<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				<a class="button" href="#">了解详情 > </a>
			</div>
		</div>
	</div>


	<div class="content2">
		<h2 align="center">招标信息</h2>
		<div>
			<div class="cone">
				<div class="c1">
					<img src="../../img/test1-3/c.png">
				</div>

				<div class="c2">
					<p class="p1">科技出手,功利双收</p>
					<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				</div>
			</div>
			<div class="cthree">
				<div>
					<img src="../../img/test1-3/d.png">
				</div>
				<div class="c2">
					<p class="p1">科技出手,功利双收</p>
					<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				</div>
			</div>

			<div class="cthree">
				<div>
					<img src="../../img/test1-3/i.png">
				</div>
				<div class="c2">
					<p class="p1">科技出手,功利双收</p>
					<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				</div>
			</div>

			<div class="cthree">
				<div>
					<img src="../../img/test1-3/h.png">
				</div>
				<div class="c2">
					<p class="p1">科技出手,功利双收</p>
					<p class="p2">将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收。满堂花醉三千客，一剑寒霜十四州。鼓角揭天嘉气冷，风涛地动海山秋。</p>
				</div>
			</div>


			
		</div>
	</div>

	<div class="content3">
		<h2 align="center">中标告示</h2>
		<div class="arrowl"><a href="#"><</a></div>
		<div class="buju">
			<div class="div1">
				<div class="date">
					<span class="sp1">09</span>
					<span class="sp2">2018年03月</span>
				</div>
				<p>将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收......</p>
				<p>详情 > </p>
			</div>
			<div class="div2">
				<div class="date">
					<span class="sp1">09</span>
					<span class="sp2">2018年03月</span>
				</div>
				<p>将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收......</p>
				<p>详情 > </p>
			</div>
			<div class="div3">
				<div class="date">
					<span class="sp1">09</span>
					<span class="sp2">2018年03月</span>
				</div>
				<p>将军闭目弹箜篌，只因眼前无敌手。笔落才气冲星斗，龙翔凤翥势难收......</p>
				<p>详情 > </p>
			</div>
		</div>
		<div class="arrowl"><a href="#">></a></div>
	</div>

	<div class="footer">
		<div class="fbg">
			<img src="../../img/test1-3/a.png">
			<div class="download1">
				<b class="top">工程客户端</b>
				<div class="txt">App Store下载</div>
				<div class="txt">Android下载</div>
			</div>
			<div class="download2">
				<b class="top">机械客户端</b>
				<div class="txt">App Store下载</div>
				<div class="txt">Android下载</div>
			</div>
			<div class="code">
				<img src="../../img/test1-3/code.png">
				<p>扫码下载</p>

			</div>
		</div>
		<div class="fbg2">
			<p>Copyright 2015-2018 轰隆隆honglonglong.All Rights Reserved. 京ICP备15045098号</p>
		</div>
	</div>
</body>
</html>
*{
	margin: 0;
	padding: 0;
	border:0;
	background: none;
	text-decoration: none;
}
.hbg{
	width: 100%;
	height: 85px;
	background-color: #324880;
}
.hbg img{
	margin-top: 10px;
	margin-left: 160px;
}
.hone{
	height: 40px;
	margin-left: 360px;
}
.hone a{
	color: white;
	padding-left: 60px;
	border: 3px solid transparent;
}
.hone a:hover{
	color: #BB9747;
}


.content,.content2,.content3{
	width: 80%;
	margin: auto;
	padding-bottom:100px;
}
.content h2{
	text-align: center;
	margin: 30px 0px;
}


.cone,.ctwo,.cthree{
	margin: 30px auto;
	width: 1000px;
	height: 292px;
	border:1px solid #7f7f7f;
	background-color: #f4f7fB;

}

/*去除content2的外边框*/
.content2 .cone,.content2 .ctwo,.content2 .cthree{
	border:none;
	width: 500px;
	height: 224px;
	background-color: transparent;
	margin-left: 80px;
}

.c1{
	float: left;
}

.c2{
	height: 220px;
	width: 400px;
	float: left;
	font-size: 20px;
	
}
/*设置content2的文字样式*/
.content2 .c2{
	height: 224px;
	width: 250px;
	float: left;
	font-size: 15px;
}
.content2 .p2{
	font-size: 13px;
}



.p1{
	font-weight: bold;
	margin-top: 20px;
	margin-left:40px;
}
.p2{
	font-size: 16px;
	color: grey;
	margin-top: 10px;
	margin-left: 40px;
}



.button{
	color: grey;
	display: inline-block;
	font-size: 19px;
	margin-top: 30px;
	margin-left: 300px;
	border: 1px solid black;
}
.content a:hover{
	color: white;
	background-color: orange;
}

.ctwo img{
	float: right;
}
.cthree img{
	float: left;
}


/*招标信息*/
.content2{
	height: 550px;
	width: 80%;
	margin:auto;
}

.content2 .cone{
	float: left;
}
.content2 .ctwo{
	float: left;
}
.content2 .cthree{
	float: left;
}



/*中标告示*/

.content3{
	height: 500px;
}

.content3 .div1,.div2,.div3{
	float: left;
	width: 300px;
	height: 425px;
	background-color: #f4f7fB;
	padding-left: 10px;
	margin-left: 70px;
	margin-top: 30px;
}
.date{
	padding: 20px;
	width:70px; 
	height:200px;
}

.content3 .sp1{
	font-size: 40px;
	font-weight: bold;
	color: grey;
}
.content3 .sp2{
	font-size: 10px;
}

.content3 p{
	padding: 20px;
	color: #707172;
}
.content3 .buju{
	float: left;
}
.content3 .arrowl{
	height: 200px;
	width: 30px;
	font-size: 100px;
	float: left;
	margin-top: 150px;
	text-decoration: none;
}
.content3 a:hover{
	color: grey;
}





/*尾部样式*/
.footer .fbg{
	width: 100%;
	height: 200px;
	background-color: #233059;
}
.footer .fbg2{
	width: 100%;
	height: 80px;
	background-color: #171E2E;
}
.footer .fbg img{
	text-align: center;
	margin-left: 200px;
	margin-top: 85px;
	float: left;
}
.footer .fbg .download1{
	margin-left: 100px;
	width: 225px;
	height: 200px;
	float: left;
	padding-top: 30px;
	line-height: 30px;
	color: white;
}
.footer .fbg .download2{
	width: 225px;
	height: 200px;
	float: left;
	padding-top: 30px;
	line-height: 30px;
	color: white;
}
.footer .download1 .top{
	padding-left: 20px;
	padding-top: 35px;
	font-size: 20px;
}
.footer .download1 div{
	margin-top: 10px;
	width: 150px;
	height: 40px;
	font-size: 16px;
	border: 1px solid white;
	text-align: center;
}

.footer .download2 .top{
	padding-left: 20px;
	padding-top: 35px;
	font-size: 20px;
}
.footer .download2 div{
	margin-top: 10px;
	width: 150px;
	height: 40px;
	font-size: 16px;
	border: 1px solid white;
	text-align: center;
}

.footer .code{
	position: relative;
	right: 300px;
	float: right;
	width: 200px;
	height: 180px;
	background-color: #171E2E;
}
.footer .code img{
	float: right;
	margin-top:0px;
	right: 50px;
	padding-right: 42px;

}
.footer .code p{
	float: right;
	margin-top:0px;
	right: 90px;
	padding-top: 20px;
	padding-right: 70px;
	color: white;
}
.footer .fbg2 p{
	float: left;
	color: white;
	text-align: center;
	padding-left: 500px;
}