lixin-web/webapp/css/domains.css

vue and bootstrap

body {
	background-color: #f7f9f8;
	background-repeat: no-repeat;
	background-position: center 100px;
}

.page-content .page-container > .wrapper {
	height: 740px;
}

.page-content .domains {
	
}

.page-content .domains > .title {
	height: 110px;
	font-size: 28px;
	color: #10aede;
	font-weight: bold;
	text-align: center;
	padding-top: 40px;
	display: none;
}

.page-content .domains > .form {
	margin: 16px 30px;
	border: 1px solid #ddd;
	height: 707px;
	color: #666;
	background: #F6F5F5;
}

.page-content .domains > .form > .left-side {
	width: 576px;
	float: left;
}

.page-content .domains > .form > .left-side > .notice {
	height: 60px;
	line-height: 70px;
	padding: 0 20px;
}

.page-content .domains > .form > .left-side > .urls {
	padding: 10px 20px;
}

.page-content .domains > .form > .left-side > .urls > .item {
	height: 32px;
	line-height: 26px;
	margin-bottom: 10px;
}

.page-content .domains > .form > .left-side > .urls > .item > div,
.page-content .domains > .form > .left-side > .urls > .item > i,
.page-content .domains > .form > .left-side > .urls > .item > a {
	text-align: center;
	float: left;
}

.page-content .domains > .form > .left-side > .urls > .item > .ms {
	width: 76px;
	height: 32px;
	background-color: #D9E9ED;
	border: 1px solid #d2d2d2;
	font-weight: bold;
}

.page-content .domains > .form > .left-side > .urls > .item > .icon {
	width: 28px;
	height: 28px;
	/* background-image: url("../img/domains/icon_next.png"); */
	background-repeat: no-repeat;
	background-position: center center;
}

.page-content .domains > .form > .left-side > .urls > .item > .value {
	width: 270px;
	height: 32px;
	background-color: #D9E9ED;
	border: 1px solid #d2d2d2;
}

.page-content .domains > .form > .left-side > .urls > .item > .open {
	width: 132px;
	height: 32px;
	background-color: #00a8e9;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	background: url(/img/domains/SS_01.png) center -3px;
	font-size: 0px;
}

.page-content .domains > .form > .left-side > a.reload {
	width: 285px;
	height: 76px;
	margin: 0 auto;
	cursor: pointer;
	display: block;
	background: url(/img/domains/SS_02.png) no-repeat 0px 17px;
}

.page-content .domains > .form > .left-side > .text {
	height: 60px;
	line-height: 58px;
	text-align: center;
}

.page-content .domains > .form > .left-side > .browser {
	height: 100px;
	padding: 0 88px;
}

.page-content .domains > .form > .left-side > .browser > a {
	height: 100px;
	width: 100px;
	background-image: url("../img/domains/icon_browser.png");
	float: left;
}

.page-content .domains > .form > .left-side > .browser > a.sougou {
	background-position: 0 0;
}

.page-content .domains > .form > .left-side > .browser > a.firefox {
	background-position: -100px 0;
}

.page-content .domains > .form > .left-side > .browser > a.safe360 {
	background-position: -200px 0;
}

.page-content .domains > .form > .left-side > .browser > a.google {
	background-position: -300px 0;
}

.page-content .domains > .form > .right-side {
	width: 412px;
	float: right;
}

.page-content .domains > .form > .right-side > .map {
	height: 273px;
	background-image: url("../img/domains/map.png");
	background-repeat: no-repeat;
	background-position: center center;
	background: url(/img/domains/SS_03.jpg) no-repeat center 0px;
}

.page-content .domains > .form > .right-side > .map > .city {
	color: #FFFFFF;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	height: 236px;
	line-height: 234px;
}

.page-content .domains > .form > .right-side > .help {
	border: 2px solid #BABABA;
	padding: 10px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 21px;
	background: #E1E1E1;
	border-radius: 8px;
	width: 383px;
	margin-left: 15px;
	margin-top: 18px;
}
.a.a1 {
    background: url(/img/domains/domain_01.jpg) center 0px;
    height: 294px;
    /* margin-bottom: -70px; */
    /* margin-top: 20px; */
}
.pos {
    color: #ED6C44;
    font-size: 24px;
    line-height: 70px;
}

.pos i {
    background: url(/img/domains/SS_04.png) no-repeat center 0px;
    width: 42px;
    height: 36px;
    display: inline-block;
    vertical-align: -5px;
}