125 lines
5.4 KiB
CSS
125 lines
5.4 KiB
CSS
|
|
|
|||
|
|
html {
|
|||
|
|
background: #FFF;
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
*:focus {outline: none;}
|
|||
|
|
body, div, ul,li,dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
table {
|
|||
|
|
border-collapse: collapse;
|
|||
|
|
border-spacing: 0;
|
|||
|
|
max-width:100%;
|
|||
|
|
}
|
|||
|
|
fieldset, img {
|
|||
|
|
border: 0
|
|||
|
|
}
|
|||
|
|
address, caption, cite, code, dfn, th, var {
|
|||
|
|
font-style: normal;
|
|||
|
|
font-weight: normal
|
|||
|
|
}
|
|||
|
|
ol, ul {
|
|||
|
|
list-style: none
|
|||
|
|
}
|
|||
|
|
caption, th {
|
|||
|
|
text-align: left
|
|||
|
|
}
|
|||
|
|
h1, h2, h3, h4, h5, h6 {
|
|||
|
|
font-size: 100%;
|
|||
|
|
font-weight: normal
|
|||
|
|
}
|
|||
|
|
q:before, q:after {
|
|||
|
|
content: ''
|
|||
|
|
}
|
|||
|
|
abbr, acronym {
|
|||
|
|
border: 0;
|
|||
|
|
font-variant: normal
|
|||
|
|
}
|
|||
|
|
sup {
|
|||
|
|
vertical-align: text-top
|
|||
|
|
}
|
|||
|
|
sub {
|
|||
|
|
vertical-align: text-bottom
|
|||
|
|
}
|
|||
|
|
input, textarea, select {
|
|||
|
|
font-family: inherit;
|
|||
|
|
font-size: inherit;
|
|||
|
|
font-weight: inherit
|
|||
|
|
}
|
|||
|
|
input, textarea, select {
|
|||
|
|
font-size: 100%
|
|||
|
|
}
|
|||
|
|
legend {
|
|||
|
|
color: #000
|
|||
|
|
}
|
|||
|
|
html {
|
|||
|
|
background-color: #f8f7f5
|
|||
|
|
}
|
|||
|
|
*{font-family:Arial, "<><CEA2><EFBFBD>ź<EFBFBD>", sans-serif;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
|
|||
|
|
body {
|
|||
|
|
|
|||
|
|
color: #222;
|
|||
|
|
height: 100%;
|
|||
|
|
padding: 0;
|
|||
|
|
position: relative
|
|||
|
|
}
|
|||
|
|
a,a:visited{color: #000; text-decoration:none;}
|
|||
|
|
a:hover{color: #dd0000; text-decoration:none;}
|
|||
|
|
.header{float:left;width:100%;background: #FFF; height:auto; margin:0; padding:0;}
|
|||
|
|
.header ul{width:100%;}
|
|||
|
|
.header ul li{ float:left; width:25%; text-align:center;border-right:1px solid #dfdfdf; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
|
|||
|
|
.header ul li.noborder{border-right:0;}
|
|||
|
|
.header ul li a,.header ul li a:visited{ float:left; display:block; width:100%; height:100%; line-height:40px;}
|
|||
|
|
.ac_slide{float:left;width:100%; position:relative; overflow:hidden;background: #FFF; margin-top:10px;}
|
|||
|
|
.ac_slide .bd{ margin:0 10px; overflow:hidden;}
|
|||
|
|
.ac_slide .bd ul{width:100%;}
|
|||
|
|
.ac_slide .bd li{width:100%; overflow:hidden;}
|
|||
|
|
.ac_slide .bd li span{ float:left; width:100%; height:32px;display:block; line-height:32px;}
|
|||
|
|
.ac_slide .bd li span label{ float:left;width:auto;display:block;}
|
|||
|
|
.ac_slide .bd li span em{ float:right; width:90px; height:32px; display:block; font-style:normal}
|
|||
|
|
.ac_slide .bd li img{width:100%;}
|
|||
|
|
.ac_slide .hd{ width:100%; height:20px; position:absolute; bottom:10px; right:20px; text-align:right;}
|
|||
|
|
.ac_slide .hd li{ display:inline-block; background:#999; width:12px; height:12px; border-radius:6px; margin-right:6px; cursor:pointer; text-indent:9999px;}
|
|||
|
|
.ac_slide .hd li.on{ background:#fff;}
|
|||
|
|
/* <20><><EFBFBD><EFBFBD>ͼ */
|
|||
|
|
.slideBox{float:left; position:relative; overflow:hidden; margin:0px auto; width:100%; max-width:720px;/* <20><><EFBFBD>ý<EFBFBD><C3BD><EFBFBD>ͼ<EFBFBD><CDBC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */ }
|
|||
|
|
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;}
|
|||
|
|
|
|||
|
|
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
|
|||
|
|
|
|||
|
|
.slideBox .hd li.on{ background:#fff; }
|
|||
|
|
.slideBox .bd{ position:relative; z-index:0; }
|
|||
|
|
.slideBox .bd li{ position:relative; text-align:center; }
|
|||
|
|
.slideBox .bd li img{ background:url(/images/ajaxLoader.gif) center center no-repeat; vertical-align:top; min-height:300px; width:100%;/* ͼƬ<CDBC><C6AC><EFBFBD><EFBFBD>100%<25><><EFBFBD>ﵽ<EFBFBD><EFB5BD><EFBFBD><EFBFBD>ӦЧ<D3A6><D0A7> */}
|
|||
|
|
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* ȥ<><C8A5><EFBFBD><EFBFBD><EFBFBD>Ӵ<EFBFBD><D3B4><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
|
|||
|
|
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; top:0px; text-indent:10px; height:28px; line-height:28px; background:#eee; color:#000; text-align:left; }
|
|||
|
|
.slideBox .bd li a.tit,.slideBox .bd li a.tit:visited{color:#000;}
|
|||
|
|
.slideBox .bd li .tit label{ float:left;width:70%;display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
|
|||
|
|
.slideBox .bd li .tit em{ float:right; width:30%; height:32px; display:block; font-style:normal; text-align:right; padding-right:10px;}
|
|||
|
|
|
|||
|
|
.ac_list{float:left; position:relative;width:100%; overflow:hidden;background: #FFF; }
|
|||
|
|
.ac_list h3{margin:0 10px; height:62px;display:block; line-height:32px;border-top:1px solid #dfdfdf;}
|
|||
|
|
.ac_list h3 span{width:98%;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
|
|||
|
|
.ac_list h3 em{margin:0;width:100%; height:22px;line-height:22px;display:block;font-style:normal}
|
|||
|
|
.ac_list ul{margin:0; margin-right:10px; position:relative;}
|
|||
|
|
.ac_list li{float:left; margin:0; width:33.333333%; overflow:hidden;}
|
|||
|
|
.ac_list li.nomargin{margin-right:0; }
|
|||
|
|
.ac_list li img{width:100%; padding:10px; padding-right:0;}
|
|||
|
|
.lbbox{float:left; width:100%; overflow:hidden;}
|
|||
|
|
.lbbox a,.lbbox a:visited{float:left; margin:0 10px;padding:10px 0px; padding-left:0; width:auto; display:block; font-size:14px;}
|
|||
|
|
|
|||
|
|
.p_list{float:left; position:relative;width:100%;margin-bottom:10px; overflow:hidden;background: #FFF; border-top:4px solid #dfdfdf;}
|
|||
|
|
.p_list ul{margin:0 10px; position:relative;}
|
|||
|
|
.p_list li{float:left; width:100%;margin-right:10px; overflow:hidden; margin-top:10px;position:relative;}
|
|||
|
|
.p_list li a.ptitle,.p_list li a.ptitle:visited{float:left;overflow:hidden;position:relative;}
|
|||
|
|
.p_list li img{float:left;width:100%; max-width:100px; min-width:80px; border:1px solid #dfdfdf;}
|
|||
|
|
.p_list li span{float:left;width:65%; height:100%; display:block; overflow:hidden;}
|
|||
|
|
.p_list li span a,.ac_list li span a:visited{float:left; margin-left:10px; width:100%; height:30px; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
|
|||
|
|
.p_list li span span{float:left;margin:0; margin-left:10px; width:100%; max-height:73px; color:#666; text-align:left; line-height:25px;text-overflow:ellipsis;overflow:hidden;}
|
|||
|
|
|
|||
|
|
|