<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>CSS特殊效果</title>
	<style tpe="text/css">
		/* ---------------------公共样式 -------------------*/
		body {
			background: #000;
		}

		.none {
			display: none;
		}

		.layout-root {
			position: fixed;
			background: #E74C3C;
			height: 100%;
			width: 100%;
			z-index: 1000;
			top: 0;
			left: 0;
		}

		.layout-content {
			line-height: 34px;
			font-weight: 300;
			font-size: 1em;
			color: #fff;
			text-indent: 10px;
		