150 lines
7.9 KiB
CSS
150 lines
7.9 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;
|
||
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
||
}
|
||
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, "΢ÈíÑźÚ", 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;}
|
||
/* ±¾Àý×Ócss */
|
||
.jhtmbox{ position: relative; border: 1px solid #dcdddd; padding: 0px; overflow: hidden; width: 100%; }
|
||
.jhtmbox .bigImg{float:left; width:100%; position: relative;}
|
||
.jhtmbox .bigImg li{float:left; width:100%; position: relative;}
|
||
.jhtmbox .bigImg li img{ vertical-align:middle; width:100%; min-height:160px;}
|
||
.jhtmbox .bigImg h4{position: absolute;bottom:0;left:0; font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; overflow: hidden; text-align: left; text-indent:20px; background-color: rgba(0,0,0,0.3);width: 100%;}
|
||
.jhtmbox .bigImg h4 a,.game163 .bigImg h4 a:visited{ color:#fff;}
|
||
.jhtmbox .pageState{ position: absolute; bottom:6px; right: 20px; font-family: "Times New Roman", serif; letter-spacing: 1px;color:#fff; }
|
||
.jhtmbox .pageState span{ color: #f00; font-size: 16px;}
|
||
|
||
/* ½¹µãͼ */
|
||
.slideBox{ position:relative; overflow:hidden; margin:0px auto; max-width:720px;/* ÉèÖý¹µãͼ×î´ó¿í¶È */ }
|
||
.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; width:100%;/* ͼƬ¿í¶È100%£¬´ïµ½×ÔÊÊӦЧ¹û */}
|
||
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); } /* È¥µôÁ´½Ó´¥Ãþ¸ßÁÁ */
|
||
|
||
.slideBox .bd li .tit{ display:block; width:100%; position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(/images/focusBg.png) repeat-x; color:#fff; text-align:left; }
|
||
.slideBox .bd li a.tit,.slideBox .bd li a.tit:visited{color:#fff;}
|
||
|
||
.nav{width:100%;background: #FFF; height:auto; margin-top:10px;border-right:1px solid #dfdfdf;}
|
||
.nav ul{width:100%;}
|
||
.nav ul li{ float:left; width:33.333333333333%; text-align:center;border:1px solid #dfdfdf;border-right:0; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;}
|
||
.nav ul li.noborder{border-right:0;}
|
||
.nav ul li a,.nav ul li a:visited{ float:left; display:block; width:100%; height:100%; line-height:40px;}
|
||
.productbox{float:left; position:relative;width:100%; min-height:300px; overflow:hidden;background: #FFF; }
|
||
.productbox ul{float:left;margin:0; width:100%; position:relative;}
|
||
.productbox li{float:left; margin:0; width:25%; overflow:hidden;}
|
||
.productbox li em{float:left;width:80px;display:block; font-style:normal; font-size:18px; font-weight:bold; color:#ff0000;}
|
||
.productbox li del{float:left;width:80px;display:block; font-style:normal; font-size:14px; font-weight:bold; color:#aaa;line-height:20px;}
|
||
.productbox li a.btitle,.productbox li a.btitle:visited{float:left;width:90%; display:block;margin:10px; margin-bottom:0px;}
|
||
.productbox li a.btitle img,.productbox li a.btitle:visited img{width:90%;}
|
||
.productbox li.lbox{width:25%; height:100%; border-right:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.productbox li a.btitle span,.productbox li a.btitle:visited span{ display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
|
||
.productbox li span.jebox{float:left; display:block;overflow:hidden; text-align:center;}
|
||
|
||
.productbox li.view1{margin:0;width:50%;min-height:305px; border-right:1px solid #dfdfdf; padding:10px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.productbox li.view1 a.atitle,.productbox li.view1 a.atitle:visited{float:left; display:block; width:100%; text-align:center; font-size:18px; color:#ff0000;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-weight:bold;}
|
||
.productbox li.view1 span{display:inline-block;display:-moz-inline-stack;*display:inline; text-align:center;width:auto;}
|
||
.productbox li.view1 span.time{width:100%; margin-top:10px;}
|
||
.productbox li.view1 span span{width:20px; height:30px;font-weight:bold;font-size:18px; line-height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||
.productbox li.view1 span span.box{width:30px; height:30px; background-color:#000; color:#fff;}
|
||
.productbox li.view1 img{ width:100%; margin-top:10px;}
|
||
.productbox li.view2{width:50%;min-height:162px;border-bottom:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.productbox li.view2 span{float:left; display:block;}
|
||
.productbox li.view2 .left{width:50%;}
|
||
.productbox li.view2 .left a.atitle,.productbox li.view2 .left a.atitle:visited{float:left; display:block; margin-left:10px;padding-top:10px; height:40px; overflow:hidden;}
|
||
.productbox li.view2 .left span{ display:block;margin-left:10px;}
|
||
.productbox li.view2 .left span.btitle{ color:#bbb;float:left; display:block; height:60px;overflow:hidden;}
|
||
.productbox li.view2 .right{float:right;width:50%; margin-top:10px;}
|
||
.productbox li.view2 .right img{width:80%;}
|
||
.productbox2{width:100%; margin:0px auto;background: #FFF;border-top:4px solid #dfdfdf;}
|
||
.productbox2 h3{float:left;margin:10px 0;width:100%; border-bottom:1px solid #dfdfdf;}
|
||
.productbox2 h3 a,.productbox2 h3 a:visited{float:left; width:auto; height:23px; width:82px; background: url(/images/productbox_title.jpg) no-repeat 0px 0px; text-indent:7px; line-height:23px; color:#fff;}
|
||
.productbox2 h3 span{ float:right; margin-right:10px;}
|
||
.productbox2 h3 span a,.productbox2 h3 span a:visited{background:none;color:#000;}
|
||
.productbox2 ul{float:left; margin:0;width:100%;}
|
||
.productbox2 ul li{float:left;width:50%; margin:10px 0; position:relative; padding-bottom:10px; text-align:center;}
|
||
.productbox2 ul li a.aimg,.productbox2 ul li a.aimg:visited{float:left; width:100%;display:block;}
|
||
.productbox2 ul li a.aimg img,.productbox2 ul li a.aimg img{ width:98%; height:98%;border:1px solid #dfdfdf; padding:2px;}
|
||
.productbox2 ul li a.aimg:hover img{border:1px solid #dd0000;}
|
||
.productbox2 ul li span.atitle,.productbox2 ul li span.btitle,.productbox2 ul li span.btitle2{float:left; display:block;}
|
||
.productbox2 ul li span.atitle{ float:left;width:100%; overflow:hidden; display:block;}
|
||
.productbox2 ul li span.atitle a,.productbox2 ul li span.atitle a:visited{float:left;width:100%; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-indent:0;}
|
||
|
||
.productbox2 ul li span.btitle{float:left;width:100%;}
|
||
.productbox2 ul li span em{ font-style:normal; font-size:14px; font-weight:bold; color:#ff0000;}
|
||
.productbox2 ul li span del{ font-style:normal; font-size:12px; font-weight:bold; color:#aaa;}
|
||
.productbox2 ul li span.jebox{float:left;width:100%;display:block;}
|
||
|
||
|
||
|
||
|
||
|