322 lines
8.4 KiB
CSS
322 lines
8.4 KiB
CSS
|
|
html {
|
|
background: #111530;
|
|
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, "΢ÈíÑźÚ", sans-serif;}
|
|
body {
|
|
|
|
color: #222;
|
|
height: 100%;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
a,a:visited{color: #000; text-decoration:none;}
|
|
a:hover{color: #dd0000; text-decoration:none;}
|
|
.clear{ clear:both; height:0;}
|
|
.baomingheader {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background: linear-gradient(to bottom, #e32227, #ff5800);
|
|
-webkit-background-size: cover;
|
|
background-size: cover;
|
|
font-size: 1.8rem;
|
|
line-height: 60px;
|
|
z-index: 100;
|
|
width: 100%;
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.baomingheader a,.baomingheader a:visited{position:relative; float:left; margin-top:10px; width:32px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px 5px; text-indent:1000px; overflow:hidden;}
|
|
.baomingheader a.home,.baomingheader a.home:visited{position:relative; float:right; margin-top:10px; width:36px; height:40px;background: url(/images/mobilebg.png) no-repeat 0px -116px; text-indent:1000px; overflow:hidden;}
|
|
.CategoryList{float:left;width:100%; height:auto; margin:0; padding:0;margin-top:10px;}
|
|
.CategoryList ul{width:100%;}
|
|
.CategoryList ul li{ float:left; width:auto; margin-top:6px; margin-bottom:6px; margin-right:10px;margin-left:10px; text-align:center;border:1px solid #dfdfdf; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background: #FFF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
.CategoryList ul li a,.header ul li a:visited{ float:left; display:block; width:100%; padding:0 5px; height:32px; line-height:32px; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.CategoryList ul li a.hover,.header ul li a.hover:visited{ color:#cc0000}
|
|
|
|
.jhqw_list{float:left; margin-top:10px; position:relative;width:100%; overflow:hidden;background: #FFF; }
|
|
.jhqw_list ul{float:left;width:100%; position:relative;}
|
|
.jhqw_list ul li{float:left; margin:0; width:100%; height:42px; overflow:hidden;border-bottom:1px solid #dfdfdf; line-height:42px; position:relative;}
|
|
.jhqw_list ul li a,.jhqw_list ul li a:visited{float:left; font-size:16px; font-weight:bold;background: url(/images/mobilebg.png) no-repeat 10px -70px; text-indent:40px; display:block; width:70%;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
|
|
.jhqw_list ul li span{float:right; display:block; margin-right:20px; font-size:14px; color:#666;}
|
|
|
|
.jhtm_list{float:left; margin-top:10px; position:relative;width:100%; overflow:hidden;background: #FFF; border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
|
|
.jhtm_list ul{float:left;margin:0;width:100%; position:relative;}
|
|
.jhtm_list ul li{float:left; margin:0;width:50%; overflow:hidden;border:1px solid #dfdfdf; border-left:0; border-top:0; line-height:32px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; text-align:center; overflow:hidden;}
|
|
.jhtm_list ul li img{width:90%; margin:20px auto; margin-bottom:10px;}
|
|
|
|
.jhtm_list ul li span{float:left; width:100%; display:block;font-size:14px; color:#666;}
|
|
.jhtm_list ul li a span{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
|
|
.jhtm_list ul li em{ font-style:normal; font-size:18px; font-weight:bold; color:#ff0000;}
|
|
.jhtm_list ul li del{ font-style:normal; font-size:14px; font-weight:bold; color:#aaa;}
|
|
|
|
|
|
.list_category
|
|
{
|
|
position:absolute;
|
|
top:60px;
|
|
left:0;
|
|
width:28%;
|
|
min-height:800px;
|
|
background-color:#fff;
|
|
overflow: hidden;
|
|
}
|
|
.uh_ios .list_category{
|
|
top:4.5em;
|
|
}
|
|
.list_category ul{
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.list_category ul li{
|
|
margin: 0;
|
|
width: 100%;
|
|
height:3em;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
text-align: center;
|
|
line-height: 3em;
|
|
font-size: 1em;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
overflow:hidden;
|
|
}
|
|
.list_category ul li.hover{
|
|
border-bottom: 1px solid #FF0000;
|
|
}
|
|
.list_content{
|
|
float:right;
|
|
margin:0;
|
|
margin-top:60px;
|
|
width: 70%;
|
|
height:100%;
|
|
background-color:#fff;
|
|
overflow: hidden;
|
|
|
|
}
|
|
.list_category_box
|
|
{
|
|
float:left;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.list_category_box ul
|
|
{
|
|
float:left;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
.list_category_box ul li
|
|
{
|
|
float:left;
|
|
margin:0.2em 0.1em;
|
|
padding:0;
|
|
width:48%;
|
|
height:2.5em;
|
|
background-color:#eee;
|
|
text-align: center;
|
|
line-height: 2.5em;
|
|
font-size: 1em;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.list_category_box ul li a{
|
|
color:#000;
|
|
}
|
|
.list_category_box ul li.hover{
|
|
background-color:Green;
|
|
}
|
|
.list_category_box ul li.hover a{
|
|
color:#fff;
|
|
}
|
|
.floor-product-item {
|
|
/*width: 97%;*/
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
}
|
|
.floor-product-item .product-hd {
|
|
width: 100%;
|
|
margin: 0px;
|
|
border-bottom: none;
|
|
}
|
|
.floor-product-item .product-item-cont {
|
|
|
|
width: 100%;
|
|
height: auto;
|
|
*zoom: 1;
|
|
text-align: center;
|
|
border-top: 1px solid #eee;
|
|
border-left: 1px solid #eee;
|
|
background: #fff;
|
|
}
|
|
|
|
.floor-product-item .product-item-cont:before,
|
|
.floor-product-item .product-item-cont:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
.floor-product-item .product-item-cont:after {
|
|
clear: both;
|
|
font-size: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
visibility: hidden;
|
|
|
|
}
|
|
.floor-product-item .product-item-cont .product-item1-img {
|
|
width: 50%;
|
|
/*height: 100%;*/
|
|
display: block;
|
|
margin-left: -1px;
|
|
float: left;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item1-img img {
|
|
width: 100%;
|
|
display: block;
|
|
/*height: 100%;*/
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-img {
|
|
width: 50%;
|
|
/*height: 100%;*/
|
|
margin-left: -1px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-img img {
|
|
width: 100%;
|
|
display: block;
|
|
/*height: 100%;*/
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-cont {
|
|
width: 50%;
|
|
float: left;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-item .product-item-cont .product-item2-cont .product-cont {
|
|
width: 50%;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont {
|
|
float: left;
|
|
margin:0;
|
|
padding:0.8em;
|
|
width: 50%;
|
|
border-bottom: 1px solid #eee;
|
|
border-right: 1px solid #eee;
|
|
display: block;
|
|
overflow:hidden;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-webkit-box-sizing:border-box;
|
|
}
|
|
|
|
.floor-product-item .product-item-cont .product-cont span {
|
|
/*width: 100%;*/
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
margin-left:0;
|
|
/*float: left;*/
|
|
display: block;
|
|
font-size: 0.85em;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont .txt
|
|
{
|
|
font-family:Arial;
|
|
color: #000000;
|
|
margin-top: .4em;
|
|
text-overflow:ellipsis;white-space:nowrap;
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.floor-product-item .product-item-cont .product-cont {
|
|
display: block;
|
|
width: 50%;
|
|
float: left;
|
|
box-sizing:border-box;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont span {
|
|
color: #848484;
|
|
display: block;
|
|
width:100%;
|
|
text-align:left;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont span.lsj span {
|
|
display: inline;
|
|
text-decoration: line-through;
|
|
font-size:1em;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont span.hyj {
|
|
color: #ff4d00;
|
|
}
|
|
.floor-product-item .product-item-cont .product-cont img {
|
|
float:left;
|
|
margin:0;
|
|
margin-bottom:0.8em;
|
|
width: 100%;border-radius:0.5em;
|
|
}
|
|
.floor-product-item .product-item-cont > .product-cont:first-child {
|
|
border-left: none;
|
|
}
|
|
@media screen and (max-width:800px)
|
|
{
|
|
.list_category
|
|
{
|
|
position:fixed;
|
|
}
|
|
} |