You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
/**
|
|
|
|
|
|
* 描述：重置页面元素并基础样式
|
|
|
|
|
|
* 作用范围： 全局
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
html,body {
|
|
|
|
|
|
font: 14px/1.5 "Microsoft Yahei", "宋体";
|
|
|
|
|
|
color:#404040;
|
|
|
|
|
|
}
|
|
|
|
|
|
body,p,pre,blockquote,
|
|
|
|
|
|
h1,h2,h3,h4,h5,h6,
|
|
|
|
|
|
dl,dt,dd,ul,ol,li,
|
|
|
|
|
|
form,select,input,textarea,button,
|
|
|
|
|
|
table,caption,tr,th,td {
|
|
|
|
|
|
margin:0;
|
|
|
|
|
|
padding:0;
|
|
|
|
|
|
}
|
|
|
|
|
|
ol,ul {
|
|
|
|
|
|
list-style:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
table {
|
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
|
border-spacing: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
img {
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
border:0 none;
|
|
|
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
|
|
|
color: #2d7200;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
a:hover{
|
|
|
|
|
|
color: #4bbd00;
|
|
|
|
|
|
border-bottom: 1px solid;
|
|
|
|
|
|
}
|
|
|
|
|
|
input,button,textarea,select,option {
|
|
|
|
|
|
font-family:inherit;
|
|
|
|
|
|
font-size:100%;
|
|
|
|
|
|
outline: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
textarea {
|
|
|
|
|
|
overflow: auto;
|
|
|
|
|
|
resize: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
button::-moz-focus-inner,
|
|
|
|
|
|
input::-moz-focus-inner {
|
|
|
|
|
|
border: 0;
|
|
|
|
|
|
padding: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
table td{position:relative;}
|
|
|
|
|
|
.infonotice{color:gray!important;position:absolute;top:0;margin-left:180px;}
|
|
|
|
|
|
.infonotice2{color:gray!important;display:block;font-size:12px;}
|
|
|
|
|
|
/* 布局样式 */
|
|
|
|
|
|
.cf,.nav,.container-span {
|
|
|
|
|
|
*zoom: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
.cf:before, .cf:after,
|
|
|
|
|
|
.nav:before, .nav:after,
|
|
|
|
|
|
.container-span:before,
|
|
|
|
|
|
.container-span:after {
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
content: "";
|
|
|
|
|
|
}
|
|
|
|
|
|
.cf:after,.nav:after,
|
|
|
|
|
|
.container-span:after {
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fl{
|
|
|
|
|
|
float: left!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fr{
|
|
|
|
|
|
float: right!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.wrapper {
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
width: 1000px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.hidden {
|
|
|
|
|
|
display: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.block {
|
|
|
|
|
|
display: block!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fixed{
|
|
|
|
|
|
position: fixed!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-span [class^="span"] {
|
|
|
|
|
|
margin: 0 1% 20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-span .span1,
|
|
|
|
|
|
.container-span .span2,
|
|
|
|
|
|
.container-span .span3,
|
|
|
|
|
|
.container-span .span4 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-span .span1 {
|
|
|
|
|
|
width: 23%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-span .span2 {
|
|
|
|
|
|
width: 48%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.container-span .span4 {
|
|
|
|
|
|
width: 98%;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 排版样式 */
|
|
|
|
|
|
.text-center{
|
|
|
|
|
|
text-align: center!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-right{
|
|
|
|
|
|
text-align: right!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.text-left{
|
|
|
|
|
|
text-align: left!important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 导航列表 */
|
|
|
|
|
|
.nav li {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
}
|
|
|
|
|
|
.nav li a,
|
|
|
|
|
|
.nav li a:hover,
|
|
|
|
|
|
.nav-list li a,
|
|
|
|
|
|
.nav-list li a:hover {
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
|
outline: none;
|
|
|
|
|
|
border-bottom: 0 none;
|
|
|
|
|
|
}
|
