lixin-web/webapp/css/license.css

vue and bootstrap

body {
	background-color: #fff;
	background-image: url("../img/common/bg_s1.jpg");
	background-repeat: no-repeat;
	background-position: center 100px;
}

/* 中间部分样式 */
.page-content {
	padding: 0;
}

.page-content .wrapper {
	padding: 20px 40px;
	background-color: rgba(255,255,255,0.5);
}

.page-content .wrapper > .title {
	height: 120px;
	padding: 0 250px;
}

.page-content .wrapper > .title > .logo {
	width: 120px;
	height: 120px;
	float: left;
	background-image: url("../img/logo_s2.png");
}

.page-content .wrapper > .title > .text {
	font-size: 30px;
	float: left;
	color: #ED6C44;
	padding-top: 28px;
}

.page-content .wrapper > .title > .text > span {
	font-size: 18px;
	text-transform: uppercase;
}

.page-content .wrapper > .img > img {
	margin: 10px auto;
	display: block;
}

.page-content .wrapper > .bottom {
	height: 150px;
	margin: 50px -40px 0 -40px;
	background-image: url("../img/license/bottom_bg.png");
	background-repeat: no-repeat;
	padding: 40px 220px;
}

.page-content .wrapper > .bottom > .text {
	font-size: 16px;
	color: #fff;
	line-height: 38px;
}

.page-content .wrapper > .bottom > .text > a {
	color: #fff;
}

.page-content .wrapper > .mascot {
	width: 200px;
	height: 240px;
	position: absolute;
	bottom: 72px;
	left: 20px;
	background-image: url("../img/license/mascot.png");
	background-repeat: no-repeat;
}

.page-content .wrapper > .sign {
	width: 320px;
	height: 278px;
	position: absolute;
	bottom: 30px;
	right: 20px;
	background-image: url("../img/license/sign.png");
	background-repeat: no-repeat;
}