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; } }