Edit D:\AVA\AVAStandard\AVA.ResourcesPlatform.WebUI\CSS\zh-CN\AreaJiaXin\css\less\style.less

@var1: #333333;
@var2: #eef5ff;
@var3: #FF6600;
@var4: #00823a;
@var5: #666666;
@var6: #00458d;
@var7: #FFFFFF;
@var8: #eeeeee;
@var9: #0e8947;
@var10: #339933;
@var11: #FF0000;

* {
	color: @var1;
}
body {
	background: @var2;
}
a {
	text-decoration: none;
	&:hover {
		color: @var3;
		text-decoration: underline;
	}
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pat10 {
	padding-top: 10px;
	overflow: hidden;
}
.main-wrap {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;

.head_bg {
		background: url(img/head.jpg);
		width: 1000px;
		height: 228px;
	}
	.nav {
		background: url(img/nav.jpg);
		width: 1000px;
		height: 50px;
		margin-bottom: 0px;
		&_btn {
			background: url(img/nav_btn.jpg) no-repeat;
			width: 136px;
			height: 50px;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			line-height: 50px;
			list-style: none;
			cursor: pointer;
			a {
				width: 136px;
				height: 50px;
				display: block;
			}
			&:hover {
				background: url(img/nav_btnhover.jpg) no-repeat;
				width: 136px;
				height: 50px;
				cursor: pointer;
			}
			&.active {
				background: url(img/nav_btnnow.jpg) no-repeat;
				width: 136px;
				height: 50px;
				color: @var4;
				cursor: pointer;
			}
		}
	}
	.search {
		background: url(img/search-bg.gif) no-repeat;
		width: 1000px;
		height: 46px;
	}
	.more a {
		height: 42px;
		line-height: 42px;
		font-size: 12px;
		padding-left: 660px;
	}
}
.search-localtion {
	padding-left: 258px;
	padding-top: 5px;
	list-style: none;
}
input.search-input {
	width: 398px;
	height: 25px;
	line-height: 35px;
	border: #c6e0eb 1px solid;
	color: @var5;
}
input.search-btn {
	background: url(img/search-btn.jpg) no-repeat;
	width: 85px;
	height: 35px;
	cursor: pointer;
	border: none;
	&:hover {
		background: url(img/search-btnhover.jpg) no-repeat;
		width: 85px;
		height: 35px;
		cursor: pointer;
	}
}
#leftlist {
	width: 262px;
}
#login {
	background: url(img/login.jpg) no-repeat;
	width: 262px;
	height: 268px;
	margin-bottom: 7px;
	font-size: 12px;
	&-lol {
		padding: 85px 0px 0px 10px;
		.items {
			padding: 0px;
			.item {
				height: 28px;
				line-height: 28px;
				margin-bottom: 8px;
				margin-left: 10px;
				.lbl {
					margin: 3px;
					display: inline-block;
					display: inline;
				}
				label.onShow {
					left: -100px;
				}
				label {
					width: 70px;
					margin: 0px;
					padding: 0px;
					display: inline;
				}
			}
		}
		ul {
			list-style: none;
			padding-top: 10px;
			float: none;
		}
	}
}
#login-lol select, #login-lol .items .item input, .login-input {
	width: 130px;
	height: 20px;
	line-height: 28px;
	padding: 0px;
	margin: 0px;
}
#checkCodeIMG {
	margin-bottom: 10px;
}
#login-lol .items .item ul li input, .login-btn a {
	background: url(img/login-btn.jpg) no-repeat;
	width: 62px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: @var6;
	cursor: pointer;
	float: left;
	padding: 0px;
	margin: 0px 2px;
	border: none;
}
.login-btn {
	display: inline;
	a:hover {
		background: url(img/login-btnhover.jpg) no-repeat;
		cursor: pointer;
	}
}
.forgetkeyword a {
	color: @var3;
	font-weight: bold;
	line-height: 27px;
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}
#sys-anu {
	background: url(img/sys-anu.jpg) no-repeat;
	width: 262px;
	height: 317px;
	margin-bottom: 5px;
}
#sysanu-lol {
	padding-left: 10px;
	padding-top: 76px;
	ul li {
		list-style: url(img/sys-list.png);
		a {
			list-style: url(img/sys-list.png);
			height: 28px;
			line-height: 28px;
			font-size: 12px;
			cursor: pointer;
			&:hover {
				list-style: url(img/sys-list.png);
				cursor: pointer;
			}
		}
	}
}
#index-ad1 {
	background: url("img/ad1.jpg") no-repeat;
	width: 262px;
	height: 69px;
	cursor: pointer;
	margin-bottom: 7px;
	text-indent: -10000px;
	display: block;
}
#index-ad2 {
	background: url("img/ad2.jpg") no-repeat;
	width: 262px;
	height: 69px;
	cursor: pointer;
	margin-bottom: 7px;
	text-indent: -10000px;
	display: block;
}
#index-ad3 {
	background: url("img/ad3.jpg") no-repeat;
	width: 262px;
	height: 69px;
	cursor: pointer;
	text-indent: -10000px;
	display: block;
}
#rightlist {
	width: 726px;
	margin-left: 271px;
}
#show {
	background: url(img/show-bg.png) no-repeat;
	width: 708px;
	height: 350px;
	margin-bottom: 4px;
	padding: 10px;
	padding-left: 5px;
}
#bigv {
	background: url(img/v-big.jpg) no-repeat;
	width: 542px;
	height: 331px;
	cursor: pointer;
}
#point {
	width: 8px;
}
.vpoint {
	background: url(img/point.jpg) no-repeat;
	width: 8px;
	height: 81px;
	margin-bottom: 3px;
	cursor: pointer;
	&:hover {
		background: url(img/point-now.jpg) no-repeat;
		width: 8px;
		height: 81px;
		margin-bottom: 3px;
		cursor: pointer;
	}
}
.vpointnow {
	background: url(img/point-now.jpg) no-repeat;
	width: 8px;
	height: 81px;
	cursor: pointer;
}
#smallv {
	width: 139px;
}
.smallv1 {
	background: url(img/v1.jpg) no-repeat;
	width: 139px;
	height: 81px;
	margin-bottom: 3px;
	cursor: pointer;
}
.smallv2 {
	background: url(img/v2.jpg) no-repeat;
	width: 139px;
	height: 81px;
	margin-bottom: 3px;
	cursor: pointer;
}
.smallv3 {
	background: url(img/v3.jpg) no-repeat;
	width: 139px;
	height: 81px;
	margin-bottom: 3px;
	cursor: pointer;
}
.smallv4 {
	background: url(img/v4.jpg) no-repeat;
	width: 139px;
	height: 81px;
	cursor: pointer;
}
#newest-v {
	background: url(img/newest-v.png) no-repeat;
	width: 726px;
	height: 220px;
	margin-bottom: 5px;
	overflow: hidden;
}
.videos {
	width: 160px;
	font-size: 12px;
	text-align: center;
	float: left;
	padding-top: 6px;
	padding-left: 18px;
	line-height: 24px;
	.video {
		background: url(img/video.jpg) no-repeat;
		width: 160px;
		height: 135px;
		cursor: pointer;
	}
	p {
		margin: 2px auto;
		&.descre {
			width: 160px;
			overflow: hidden;
			height: 16px;
		}
	}
}
.albums {
	overflow: hidden;
	float: left;
}
#hotest-v {
	background: url(img/hotest-v.png) no-repeat;
	width: 726px;
	height: 220px;
	overflow: hidden;
}
.activity {
	background: url(img/activity.png) no-repeat;
	width: 1000px;
	height: 259px;
	padding-left: 10px;
	margin-bottom: 6px;
	overflow: hidden;
}
.act-title {
	clear: both;
	dl {
		height: 43px;
		line-height: 43px;
		margin: 0px;
		dt {
			font-size: 16px;
			font-weight: bold;
			float: left;
			padding-left: 24px;
			line-height: 43px;
		}
		dd {
			font-size: 12px;
			float: right;
			padding-right: 20px;
			line-height: 43px;
		}
	}
}
#title dl dd p {
	line-height: 43px;
}
.act-leftbtn {
	background: url(img/act-leftbtn.jpg) no-repeat;
	width: 40px;
	height: 180px;
	float: left;
	cursor: pointer;
	&:hover {
		background: url(img/act-lefthover.jpg);
		cursor: pointer;
	}
}
.act-rightbtn {
	background: url(img/act-rightbtn.jpg) no-repeat;
	width: 40px;
	height: 180px;
	float: left;
	cursor: pointer;
	&:hover {
		background: url(img/act-righthover.jpg) no-repeat;
		cursor: pointer;
	}
}
#activity-list {
	background: url(img/activity-bg.jpg) no-repeat;
	width: 1000px;
	height: 467px;
}
#title dl {
	height: 43px;
	line-height: 43px;
	margin-bottom: 0px;
	dt {
		font-size: 16px;
		font-weight: bold;
		float: left;
		padding-left: 24px;
		line-height: 43px;
	}
	dd {
		font-size: 12px;
		float: right;
		line-height: 43px;
		padding-right: 20px;
	}
}
#act-table {
	width: 960px;
	height: 389px;
	padding-top: 14px;
	padding-left: 21px;
}
.act-table {
	font-size: 12px;
	border: #d5edc5 1px solid;
	tr {
		height: 35px;
		border: #d5edc5 1px solid;
		th {
			background: url(img/act-tabth.jpg) repeat-x; 
			height: 35px;
			text-align: left;
			padding-left: 10px;
		}
		td {
			padding-left: 10px;
			border-bottom: #d5edc5 1px solid;
			vertical-align: middle;
		}
	}
	td p {
		margin: 0px;
	}
	ul {
		list-style: none;
		li {
			padding: 6px 15px 6px 15px;
			background: @var7;
			border: #d5edc5 1px solid;
			font-size: 12px;
			text-align: center;
			display: inline;
			&.active {
				border: @var8 1px solid;
				margin-left: 3px;
				color: @var8;
			}
		}
	}
}
#act-page {
	text-align: center;
	height: 30px;
	padding-bottom: 20px;
}
.pagebtn1 {
	padding: 6px 15px 6px 15px;
	background: @var7;
	border: #d5edc5 1px solid;
	font-size: 12px;
	text-align: center;
}
.pagebtn2 {
	padding: 6px 10px 6px 10px;
	background: @var7;
	border: #d5edc5 1px solid;
	font-size: 12px;
	text-align: center;
}
#act-video {
	background: url(img/act-vbg.png) no-repeat;
	width: 1000px;
	height: 717px;
}
.actv-loc {
	height: 43px;
	line-height: 43px;
	font-size: 12px;
	padding-left: 24px;
	overflow: hidden;
	clear: left;
	p {
		line-height: 43px;
	}
}
#act-vbg {
	background: url(img/act-vbg2.jpg) no-repeat;
	width: 626px;
	height: 537px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 26px;
	#title {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 20px;
	}
}
.act-video {
	background: url(img/act-v.jpg) no-repeat;
	width: 600px;
	height: 476px;
	magin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#videoinfo {
	line-height: 26px;
	padding-top: 20px;
}

/*-------------activity-end--------------*/

/*----------------case----------------*/
.case {
	background: url(img/case-bg.png) no-repeat;
	width: 1000px;
	height: 372px;
	padding-left: 10px;
	margin-bottom: 6px;
}
.casebtn {
	background: url(img/case-btn.jpg) no-repeat;
	width: 103px;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	text-align: center;
	float: left;
	padding-left: 6px;
	&:hover {
		background: url(img/case-btnhover.jpg) no-repeat;
		width: 103px;
		height: 31px;
		font-size: 12px;
		line-height: 31px;
		text-align: center;
		padding-left: 6px;
	}
}
.active .casebtn {
	background: url(img/case-btnhover.jpg) no-repeat;
	width: 103px;
	height: 31px;
	font-size: 12px;
	line-height: 31px;
	text-align: center;
	padding-left: 6px;
}
.caselist {
	width: 998px;
	height: 70px;
	padding-top: 10px;
	padding-left: 2px;
	.active {
		display: inline;
	}
}
#case-schin {
	background: url(img/case-schin.png) no-repeat;
	width: 1000px;
	height: 551px;
}

/*--------------case-end--------------*/
/*----------------train-----------------*/

.train {
	background: url(img/train-bg.png) no-repeat;
	width: 1000px;
	height: 322px;
	padding-left: 10px;
	margin-bottom: 6px;
}
#trainlist {
	width: 998px;
	height: 35px;
	padding-top: 6px;
	padding-left: 2px;
	.subChannel li a {
		border: 1px solid @var8;
	}
}
#caselist ul, .caselist ul, .trainlist ul, #trainlist ul {
	margin: 2px;
	list-style: none;
	overflow: hidden;
	width: 100%;
}
.caselist li, .trainlist li {
	float: left;
}
#train-expert {
	background: url(img/train-listbg.png) no-repeat;
	width: 1000px;
	height: 514px;
}
#direct {
	background: url(img/direct-bg.png) no-repeat;
	width: 970px;
	height: 568px;
	padding-top: 0px;
	padding-left: 30px;
	#title {
		margin-bottom: 30px;
	}
	&-content {
		width: 340px;
	}
	&-con {
		line-height: 24px;
		font-size: 12px;
		word-wrap: break-word;
		overflow: hidden;
		ul {
			text-indent: 2em;
		}
	}
}
.direct-video {
	/*background:url(img/act-v.jpg) no-repeat;*/
	width: 600px;
	height: 476px;
	margin-right: 14px;
}
.direct-col {
	font-size: 24px;
	font-weight: bold;
	color: @var9;
	font-family: "??????";
	padding-bottom: 10px;
}
.line {
	width: 342px;
	height: 1px;
	background: @var10;
}
.direct-tit {
	font-size: 18px;
	color: @var11;
	font-family: "??????";
	padding: 10px;
	text-align: center;
	word-break: break-all;
}

/*--------------direct-end--------------*/

/*----------------footer-----------------*/

#footer {
	background: url(img/footer.jpg) no-repeat;
	width: 1000px;
	height: 100px;
	margin-top: 28px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
/*--------------footer-end---------------*/

Ms-Dos/Windows Unix Write backup

jsp File Browser version 1.2 by www.vonloesch.de