571 lines
26 KiB
CSS
571 lines
26 KiB
CSS
|
||
html {
|
||
background: #f5f5f5;
|
||
color: #000
|
||
}
|
||
*:focus {outline: none;}
|
||
input[type=button], input[type=submit], input[type=file], button {-webkit-appearance: 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;
|
||
font-style:normal;
|
||
font-size:14px;
|
||
}
|
||
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
|
||
}
|
||
|
||
.clear {
|
||
clear:both;
|
||
*zoom:1;
|
||
}
|
||
*{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;
|
||
font-style:normal;
|
||
}
|
||
a,a:visited{color: #000; text-decoration:none;}
|
||
a:hover{color: #dd0000; text-decoration:none;}
|
||
.baomingheader {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
background: linear-gradient(to bottom, #e32227, #ff5800);
|
||
-webkit-background-size: cover;
|
||
background-size: cover;
|
||
font-size: 1.2rem;
|
||
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;}
|
||
h1 {
|
||
float: left;
|
||
margin: 0;
|
||
margin-top: 70px;
|
||
font-weight: bold;
|
||
font-size: 18px;
|
||
width: 100%;
|
||
line-height: 2em;
|
||
text-align: center;
|
||
color: #fff;
|
||
}
|
||
h2 {
|
||
float: left;
|
||
margin: 0;
|
||
font-size: 16px;
|
||
width: 100%;
|
||
line-height: 2em;
|
||
text-align: center;
|
||
color: #2ceee5;
|
||
}
|
||
.fullSlide{float:left;margin-top:60px;width:100%;position:relative;}
|
||
.fullSlide .bd{float:left;margin:0 auto;z-index:0;width:100%;}
|
||
.fullSlide .bd ul{float:left;width:100%;}
|
||
.fullSlide .bd li{float:left;width:100%; overflow:hidden; text-align:center; position:relative;}
|
||
.fullSlide .bd li img{float:left;max-width:100%;}
|
||
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:10px; left:0; height:50px; line-height:50px; text-align:center; }
|
||
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
|
||
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:20px 5px; background:url(/images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
|
||
.fullSlide .hd ul .on{ background-position:0 0; }
|
||
/* ±¾Àý×Ócss -------------------------------------- */
|
||
.focus{ width:100%; margin:0 auto;margin-top:0px; position:relative; overflow:hidden; }
|
||
.focus .hd{float:left; width:100%; height:11px; position:absolute; z-index:1; bottom:5px; text-align:center; }
|
||
.focus .hd ul{float:left;width:100%; display:inline-block; height:5px; padding:0px 5px; font-size:0; vertical-align:top;
|
||
}
|
||
.focus .hd ul li{ display:inline-block;display:-moz-inline-stack;*display:inline; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; text-indent:10px;}
|
||
.focus .hd ul .on{ background:#FE6C9C; }
|
||
|
||
.focus .bd{float:left;width:100%; position:relative; z-index:0;text-align:center}
|
||
.focus .bd li img {
|
||
max-width: 100%;
|
||
background: url(images/loading.gif) center center no-repeat;
|
||
}
|
||
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* È¡ÏûÁ´½Ó¸ßÁÁ */ }
|
||
.addggbox_view {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
padding: 1em;
|
||
padding-top:0;
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
color: #fff;
|
||
}
|
||
.addggbox_view h3{
|
||
font-size:14px;
|
||
font-weight:600;
|
||
line-height:3em;
|
||
}
|
||
.addggbox {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
border-top: 0;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.addggbox ul {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
.addggbox ul.addggbox_title {
|
||
background: linear-gradient(to right, #2ceee5, #2afba8);
|
||
color:#000;
|
||
}
|
||
|
||
.addggbox ul li {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 50%;
|
||
border: 1px solid #18fef4;
|
||
text-align: center;
|
||
line-height: 3.2em;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
.gmbox {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 100%;
|
||
font-size: 14px;
|
||
}
|
||
.gmbox ul li {
|
||
float: left;
|
||
margin: 0;
|
||
padding: 0;
|
||
width: 50%;
|
||
border: 1px solid #18fef4;
|
||
text-align: center;
|
||
line-height: 3.2em;
|
||
height: 3.2em;
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
overflow: hidden;
|
||
}
|
||
.jhqw_view {
|
||
float: left;
|
||
width: 100%;
|
||
margin-top: 55px;
|
||
margin-bottom: 70px;
|
||
background-color: #fff;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.jhqw_view h1{float:left;width:100%; padding-left:10px; margin-top:5px; height:55px;font-weight:bold; color:#000; font-size:18px; position:relative; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.jhqw_view .favorite{float:left; position:relative; display:block; width:19%; height:60px;border-left:1px solid #ededed; text-align:center; line-height:80px;background: url(/images/mobilebg.png) no-repeat 50% -177px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.jhqw_view h2{float:left; margin:10px 0; width:100%; position:relative;font-size:14px; line-height:20px;}
|
||
.jhqw_view h2 em{ font-style:normal; font-size:18px; font-weight:bold; color:#ff0000;}
|
||
.jhqw_view h2 del{ font-style:normal; font-size:14px; font-weight:bold; color:#aaa;}
|
||
.jhqw_view h2 span{display:inline-block;display:-moz-inline-stack;*display:inline;}
|
||
.jhqw_view h2 span.tmj {
|
||
background-color: #f62800;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
padding: 2px 5px;
|
||
border-radius: 0.5em;
|
||
}
|
||
.jhqw_view h2 span.tmj span {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.jhqw_view h2 span.scjg {
|
||
margin-right:1em;
|
||
background-color: #eee;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
color: #111;
|
||
font-size: 14px;
|
||
padding: 2px 5px;
|
||
border-radius: 0.5em;
|
||
|
||
}
|
||
.jhqw_view h2 span.scjg span#scjg{
|
||
text-decoration:line-through;
|
||
}
|
||
|
||
.jhqw_view h2 span.scje span {
|
||
font-weight: bold;
|
||
}
|
||
.jhqw_view h2.dagou{ margin-top:10px;}
|
||
.jhqw_view h2.dagou span{background: url(/images/mobilebg.png) no-repeat 0px -248px; text-indent:25px; padding-right:10px;}
|
||
.jhqw_view h2.baoyou{margin-top:10px;}
|
||
.jhqw_view h2.baoyou span{background: url(/images/mobilebg.png) no-repeat 0px -284px; text-indent:25px; padding-right:10px;}
|
||
.jhqw_view h2.color span.colorbox.selected em,.jhqw_view h2.guige span.guigebox.selected em{ background: url(/images/category.png) no-repeat; display: inline-block; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/category.png'); /* IE6 */ }
|
||
.jhqw_view h2.color{margin:0.5em 0; padding:0 10px; width:100%;}
|
||
.jhqw_view h2.color span{display:block;position:relative; float:left;font-weight:bold; color:Red; margin-bottom:5px; height:28px; line-height:28px; overflow:hidden;}
|
||
.jhqw_view h2.color span.colorbox{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000; height:28px;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.jhqw_view h2.color span.colorbox.selected{border:1px solid #FB320A;}
|
||
.jhqw_view h2.color span.colorbox.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute; background-position: -235px -180px; top: 1px; right: 1px; }
|
||
.jhqw_view h2.color span.colorbox span{width:20px; height:20px;border:1px solid #ccc;color:#000;font-weight:normal;}
|
||
.jhqw_view h2.color span.colorbox span.colortit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;}
|
||
|
||
.jhqw_view h2.guige{ margin-top:15px; width:100%;height:auto;float:left;}
|
||
.jhqw_view h2.guige span{display:block;position:relative;color:Red; font-weight:bold; float:left;height:28px; line-height:28px;overflow:hidden;}
|
||
.jhqw_view h2.guige span.guigebox{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000; height:28px;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.jhqw_view h2.guige span.guigebox.selected{border:1px solid #FB320A;}
|
||
.jhqw_view h2.guige span.guigebox.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute; background-position: -235px -180px; top: 1px; right: 1px; }
|
||
.jhqw_view h2.guige span.guigebox span{width:20px; height:20px;border:1px solid #ccc;color:#000;font-weight:normal;}
|
||
.jhqw_view h2.guige span.guigebox span.guigetit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;}
|
||
|
||
.jhqw_view h2.peisong{margin-top:15px;width:100%;height:auto;float:left;}
|
||
.jhqw_view h2.peisongsm{margin-top:15px;width:100%;height:auto;float:left;}
|
||
.jhqw_view h2.peisong label,.jhqw_view h2.peisongsm label{font-weight:bold; color:#f62800;}
|
||
|
||
.jhqw_view h2.goumai{margin-top:10px;}
|
||
.jhqw_view h2.goumai label,.jhqw_view h2.goumai span,.jhqw_view h2.goumai input{ float:left; display:block;}
|
||
.jhqw_view h2.goumai label{width:80px; height:30px; line-height:30px; font-weight:bold; color:#f62800; font-style:normal;font-size:16px;}
|
||
.jhqw_view h2.goumai span span,.jhqw_view h2.goumai span input{ width:30px; height:30px;}
|
||
.jhqw_view h2.goumai span input{border:1px solid #c2c2c0;border-left:0;border-right:0;height:30px; overflow:hidden; text-align:center; line-height:30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.jhqw_view h2.goumai span span.input_del{background: url(/images/cart.png) no-repeat 0px 0px;}
|
||
.jhqw_view h2.goumai span span.input_add{background: url(/images/cart.png) no-repeat -30px 0px;}
|
||
.jhqw_view h2.goumai span span.Inventory{width:80px;line-height:28px; text-align:center;}
|
||
.jhqw_view h2.yansebox{margin-top:10px;}
|
||
.jhqw_view h2.yansebox label{float:left; display:block;width:80px; height:30px; line-height:30px; font-weight:bold; color:#f62800; font-style:normal;font-size:16px;}
|
||
.jhqw_view h2.yansebox span{float:left; display:block; margin-right:10px; width:auto; height:30px; line-height:30px; border:1px solid #dfdfdf; position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:14px;}
|
||
.jhqw_view h2.yansebox span a,.jhqw_view h2.yansebox span a:visited{float:left; display:block; color:#000; padding:0 5px; height:30px; line-height:30px;font-size:14px;}
|
||
.jhqw_view h2.yansebox span.blank a,.jhqw_view h2.yansebox span.blank a:visited{ color:#fff;}
|
||
.jhqw_view h2.yansebox span.hover{padding-right:20px;border:1px solid #f62800;}
|
||
|
||
.jhqw_view h2.yansebox span.hover em{ position:absolute; top:0; right:0; display:block; width:24px; height:24px; background: url(/images/cart.png) no-repeat -36px -36px;}
|
||
.jhqw_view .Body{ margin:0; padding:0 10px;width:100%; line-height:25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
||
.jhqw_view h3{float:left; margin-bottom:10px; width:100%; position:relative; height:40px; line-height:40px;cursor:pointer;}
|
||
.jhqw_view h3 label{float:left; text-indent:10px; width:100px; display:block;cursor:pointer;}
|
||
.jhqw_view h3 span{float:right; text-indent:10px; width:40px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block; }
|
||
.jhqw_view h3 span.hover{background: url(/images/mobilebg.png) no-repeat 10px -338px;}
|
||
.jhqw_view h3.detail{margin-top:10px;border-top:4px solid #ededed;border-bottom:1px solid #ededed;}
|
||
.jhqw_view .Body{ line-height:25px; text-align:left; color:#a8a8a8;}
|
||
.jhqw_view .Body img{max-width:700px;width:100%; height:100%; }
|
||
.detail_pinglun_box{margin:0;overflow:hidden;}
|
||
.detail_pinglun_listbox{ float:left; margin:0; width:100%; min-height:100px; border:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.detail_pinglun_listbox:hover{border:1px solid #f62800;}
|
||
.pinglun_listbox_top{margin:5px 0; width:100%;height:35px; }
|
||
.pinglun_listbox_top span{height:35px; display:block;}
|
||
.pinglun_listbox_top .name{float:left; margin-left:10px; width:auto; font-size:20px;}
|
||
.pinglun_listbox_top .name img{width:20px;}
|
||
.pinglun_listbox_top .time{float:right; margin-right:10px; width:auto; text-align:right}
|
||
.pinglun_listbox_content{float:left;width:100%; margin-left:18px; padding-bottom:10px;display:block; }
|
||
.pinglun_listbox_content span{display:block;}
|
||
.pinglun_listbox_content .pingfen{float:left; width:100%;margin-left:10px; height:25px;}
|
||
.pinglun_listbox_content .pingfen label{float:left;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline; height:20px;}
|
||
.pinglun_listbox_content .pingfen span{float:left;display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline; width:80px; height:20px;background: url(/images/sprite_icon.png) no-repeat; overflow:hidden; text-indent:1000px;}
|
||
.pinglun_listbox_content .pingfen span.starlevel1{ background-position:-13px -50px;}
|
||
.pinglun_listbox_content .pingfen span.starlevel2{ background-position:-13px -70px;}
|
||
.pinglun_listbox_content .pingfen span.starlevel3{ background-position:-13px -90px;}
|
||
.pinglun_listbox_content .pingfen span.starlevel4{ background-position:-13px -110px;}
|
||
.pinglun_listbox_content .pingfen span.starlevel5{ background-position:-13px -130px;}
|
||
|
||
.pinglun_listbox_content .content{float:left;width:90%;margin-left:10px; line-height:25px;}
|
||
.pinglun_listbox_content .content font{ font-size:14px; color:#333;}
|
||
.pinglun_listbox_content .content .wyhd{ margin-top:5px; width:75px;height:20px;background: url(/images/background.gif) no-repeat -89px -253px; text-indent:25px; cursor:pointer; text-indent:1000px; overflow:hidden;}
|
||
.pinglun_listbox_content .zan{float:left;margin-left:10px; margin-top:5px; width:75px;height:20px;background: url(/images/sprite_icon.png) no-repeat -223px -10px; text-indent:25px; cursor:pointer;}
|
||
.pinglun_listbox_content .zan2{float:left;margin-left:10px; margin-top:5px; width:75px;height:20px;background: url(/images/sprite_icon.png) no-repeat -300px -10px; text-indent:25px; cursor:pointer;}
|
||
.showzannum{ position:absolute; width:30px; height:30px; font-size:30px; font-weight:bold; color:#ff0000;}
|
||
.detail_pinglun_pages{float:left; margin:10px 0; width:100%; height:45px;line-height:45px;color:#666; text-align:center; font-size:14px; border:0;}
|
||
.detail_pinglun_pages a,.detail_pinglun_pages img{display:inline-block;display:-moz-inline-stack;zoom:1; *display:inline;}
|
||
.detail_pinglun_pages a:link,.detail_pinglun_pages a:visited{width:20px;height:20px;color:#fff;text-decoration:none;text-align:center;line-height:20px;font-weight:bold; font-size:18px; background-color:#d8dfe1;}
|
||
.detail_pinglun_pages a:hover{color:#FFF;text-decoration:none;font-weight:bold; font-size:18px;background-color:#f62800;}
|
||
.detail_pinglun_pages a.selected:link,.detail_pinglun_pages a.selected:visited{color:#fff;text-decoration:none;font-weight:bold; font-size:18px;background-color:#f62800;}
|
||
.detail_pinglun_pages a.img:link,.detail_pinglun_pages a.img:visited{background:none;}
|
||
.detail_pinglun_addbox{float:left;width:100%;border:1px solid #dfdfdf; margin-bottom:60px;overflow:hidden;}
|
||
.detail_pinglun_addbox li{ float:left; margin:0; padding:0; width:100%;border-bottom:1px solid #ccc;line-height:40px;background-color:#d8eff4; }
|
||
|
||
.detail_pinglun_addbox li span,.detail_pinglun_addbox li label{ margin:0; padding:0; display:block;}
|
||
.detail_pinglun_addbox li label{ float:left; width:25%; height:40px; text-align:right; color:#000;font-size:14px;}
|
||
.detail_pinglun_addbox li div{float:left;width:75%; min-height:40px; background-color:#fff;}
|
||
.detail_pinglun_addbox li.content label{height:115px;line-height:115px; }
|
||
.detail_pinglun_addbox li input{ float:left; margin-top:5px;margin-left:5px; margin-right:5px; width:90%; height:25px;border-left:2px solid #666;border-top:2px solid #666; border-right:1px solid #CCC;border-bottom:1px solid #CCC; padding-left:5px; color:#666;}
|
||
.detail_pinglun_addbox li.submit input{ float:left; margin-top:5px;margin-left:5px; margin-right:5px; margin-bottom:5px; width:100px; height:27px;background-color:#8e0d0a;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; border:0;}
|
||
.detail_pinglun_addbox li.submit2 input{ float:left; margin-top:5px;margin-left:120px; margin-right:5px; width:150px; height:27px;background:url(/images/background.gif) no-repeat 0px -872px; border:0;}
|
||
.detail_pinglun_addbox li.submit2 input.tjld{ background:url(/images/background.gif) no-repeat 0px -767px;}
|
||
.detail_pinglun_addbox li textarea{ float:left;margin-left:5px; margin-top:5px; margin-bottom:5px; width:90%; height:100px;border-left:2px solid #666;border-top:2px solid #666; border-right:1px solid #CCC;border-bottom:1px solid #CCC; padding-left:5px; line-height:25px; color:#666;}
|
||
.detail_pinglun_addbox li span input{float:left; margin-top:8px; border:0; width:auto; height:auto;}
|
||
.detail_pinglun_addbox li span span{float:left; margin-top:4px; width:110px; height:30px; overflow:hidden;}
|
||
.detail_pinglun_addbox li span span span{float:left; width:80px; height:20px;background: url(/images/sprite_icon.png) no-repeat; overflow:hidden; cursor:pointer;}
|
||
.detail_pinglun_addbox li span span span.starlevel1{ background-position:-13px -50px;}
|
||
.detail_pinglun_addbox li span span span.starlevel2{ background-position:-13px -70px;}
|
||
.detail_pinglun_addbox li span span span.starlevel3{ background-position:-13px -90px;}
|
||
.detail_pinglun_addbox li span span span.starlevel4{ background-position:-13px -110px;}
|
||
.detail_pinglun_addbox li span span span.starlevel5{ background-position:-13px -130px;}
|
||
.detail_pinglun_addbox li#pingfen{}
|
||
.detail_pinglun_addbox li#pingfen label{ vertical-align:middle;}
|
||
#showpic{position:fixed; width:150px; height:150px; z-index:1; left:570px;bottom:400px; display:none;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
|
||
|
||
.cartbox{ position:fixed; left:0; bottom:0; width:100%; height:50px; border-top:1px solid #dfdfdf; background-color:#fff;}
|
||
.cartmbox{ position:relative; margin:0 auto; max-width:720px;}
|
||
.leftbox{float:left;position:relative;}
|
||
.leftbox input{float:left; display:block; width:100px; height:50px; background-color:#fc8b05; color:#fff; border:0;border-radius:0;}
|
||
.leftbox input.favorited{background-color:#eee;color:#aaa; }
|
||
.leftbox .leftbox_ShoppingCart{float:left;margin-left:10px;}
|
||
.leftbox label{float:left;position:relative; margin-top:10px; display:block; width:30px; height:30px;background: url(/images/cart.png) no-repeat 0 -30px;}
|
||
|
||
.leftbox a,.leftbox a:visited{ display:block; color:#fff;}
|
||
.leftbox label a,.leftbox label a:visited{width:30px; height:30px;}
|
||
.leftbox .cartmsg {
|
||
position: absolute;
|
||
z-index: 10000;
|
||
left: 8.6em;
|
||
bottom: 3.9em;
|
||
width: 10em;
|
||
height: 5em;
|
||
background: rgba(246,40,0,0.8);
|
||
-webkit-border-radius: 5px;
|
||
-moz-border-radius: 5px;
|
||
border-radius: 5px;
|
||
color: #fff;
|
||
display:none;
|
||
}
|
||
|
||
.leftbox .cartmsg h3 {
|
||
margin-top: 1em;
|
||
width: 100%;
|
||
height: 2.5em;
|
||
text-align: center;
|
||
line-height: 2.5em;
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
.leftbox .cartmsg h4 {
|
||
margin: 0 auto;
|
||
width: 80%;
|
||
height: 2em;
|
||
line-height: 2em;
|
||
background-color: #8e0d0a;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius: 3px;
|
||
border-radius: 3px;
|
||
color: #fff;
|
||
text-align: center;
|
||
font-size: 0.8em;
|
||
}
|
||
|
||
.leftbox .cartmsg em {
|
||
position: absolute;
|
||
width: 1em;
|
||
height: 1em;
|
||
left: 1.8em;
|
||
bottom: -0.6em;
|
||
background: url(../images/faifeidown2.png) no-repeat 0 0px;
|
||
background-size: 100% 100%;
|
||
filter: alpha(opacity=70);
|
||
-moz-opacity: 0.7;
|
||
-khtml-opacity: 0.7;
|
||
opacity: 0.7;
|
||
}
|
||
|
||
.leftbox .cartmsg i {
|
||
position: absolute;
|
||
width: 1em;
|
||
height: 1em;
|
||
right: 0.2em;
|
||
top: 0.2em;
|
||
background: #8e0d0a;
|
||
color: #FFFFFF;
|
||
font-size: 0.8em;
|
||
line-height: 1em;
|
||
font-style: normal;
|
||
text-align: center;
|
||
cursor: pointer;
|
||
-webkit-border-radius: 50%;
|
||
-moz-border-radius: 50%;
|
||
border-radius: 50%;
|
||
font-family: "Arial"
|
||
}
|
||
.leftbox .cartmsg i {
|
||
position: absolute;
|
||
z-index: 3000;
|
||
right: 0.5em;
|
||
top: 0.2em;
|
||
width: 1.5em;
|
||
height: 1.5em;
|
||
padding: 0.15em;
|
||
background-color: #fff;
|
||
-webkit-border-radius: 50%;
|
||
-moz-border-radius: 50%;
|
||
border-radius: 50%;
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
}
|
||
|
||
.leftbox .cartmsg i img {
|
||
width: 1.2em;
|
||
height: 1.2em;
|
||
}
|
||
.cartnum{ position:absolute; left:140px; bottom:25px;width:24px; height:24px; line-height:24px; background-color:#f62800;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center;}
|
||
.rightbox{float:right;}
|
||
.rightbox input{float:right; display:block; width:100px; height:50px; background-color:#fc8b05; color:#fff; border:0;border-radius:0;}
|
||
.rightbox input.input_shopcart,.rightbox input.input_shopdh{background-color:#8e0d0a; }
|
||
.rightbox input.input_shopjs{width:80px;}
|
||
.select_box_bg{position:fixed; z-index:2; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.2); display:none; }
|
||
.select_box{position:fixed; z-index:2; left:0; bottom:0; width:100%; }
|
||
.select_box_to{ position:relative; margin:0 auto; max-width:720px; min-height:320px; padding:0 10px; background:#fff;border-top:1px solid #efefef; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.select_box_to .select_box_pic{position:absolute; z-index:3; left:10px; top:-5em; width:10em; height:10em;border:1px solid #efefef; overflow:hidden; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
|
||
.select_box_to .select_box_pic img{width:100%; height:100%; }
|
||
.select_box_to .select_box_title{ float:left; width:12em; height:5em; margin-left:11em; line-height:2em; }
|
||
.select_box_to .select_box_title .price{width:100%; color:#ff0000; font-size:18px; }
|
||
.select_box_to .select_box_title .selguige{width:100%;font-size:14px; }
|
||
.select_box_to .close{position:absolute; z-index:3000; right:1em; top:1em; width:1.8em; height:1.8em; padding:0.15em; background-color:#fff;border:1px solid #f1f1f1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.select_box_to .close img{width:1.4em; height:1.4em;}
|
||
|
||
|
||
.select_box_selguige{position:relative; float:left;width:100%;margin-top:1em;}
|
||
.select_box_selguige h3{position:relative; float:left;width:100%; line-height:2em; font-size:14px;}
|
||
.select_box_selguige ul{position:relative; float:left;width:100%;}
|
||
.select_box_selguige ul li{display:block;position:relative; float:left;font-weight:bold; color:Red; margin-bottom:5px; height:28px; line-height:28px; overflow:hidden;}
|
||
.select_box_selguige ul li{width:auto;margin:0 2px;margin-bottom:8px; padding:2px 11px; padding-right:15px; cursor:pointer; color:#000;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.select_box_selguige ul li.selected{border:1px solid #FB320A;}
|
||
.select_box_selguige ul li.selected em{ width: 24px; height: 24px; display: inline-block; position: absolute;background: url(/images/category.png) no-repeat; display: inline-block; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/category.png'); background-position: -235px -180px; top: 1px; right: 1px; }
|
||
.select_box_selguige ul li span{width:20px; height:20px;color:#000;font-weight:normal;}
|
||
.select_box_selguige ul li span.colortit{width:auto;height:20px;margin:0 0; line-height:25px; text-align:center;border:0;}
|
||
|
||
.select_box_selnum{position:relative; float:left; margin:1em 0; width:100%; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:1em 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
||
.select_box_selnum h3{position:relative; float:left;width:30%;line-height:2em;}
|
||
.select_box_selnum ul{position:relative; float:left;width:70%;}
|
||
.select_box_selnum ul li{position:relative; float:right;width:2em; height:2em; text-align:center; background-size:100% 100%; background-repeat:no-repeat;border:1px solid #bfbfbf;}
|
||
.select_box_selnum ul li.num_input{ border-left:0; border-right:0;}
|
||
.select_box_selnum ul li input{float:left;width:100%; height:100%;border:0; text-align:center;}
|
||
.select_box_selnum ul li.num_del{ background-color:#e6e6e6;background-image: url(/images/num_del.png);}
|
||
.select_box_selnum ul li.num_add{ background-color:#e6e6e6;background-image: url(/images/num_add.png);}
|
||
.select_box_selnum ul li.num_del.visited{background-image: url(/images/num_del_visited.png);}
|
||
.select_box_selnum ul li.num_add.visited{background-image: url(/images/num_add_visited.png);}
|
||
|
||
.select_box_btn{position:absolute; z-index:2; left:0; bottom:0; width:100%;}
|
||
.select_box_btn input{width:100%; height:2.5em; font-size:18px; font-weight:bold; color:#fff; background-color:#ff0000; border:0;}
|
||
|
||
.floor-product h3{
|
||
|
||
width:100%;
|
||
padding:0.5em 1em;
|
||
background-color:#d9b4ce;
|
||
color: #000;
|
||
box-sizing:border-box;
|
||
-moz-box-sizing:border-box;
|
||
-webkit-box-sizing:border-box;
|
||
}
|
||
.floor-product h3 span{ float:right;}
|
||
.data_table{ width:100%;border-collapse:collapse; background-color:#fff;}
|
||
.data_table tr th
|
||
{
|
||
border: 1px solid #dfdfdf;
|
||
line-height:2em;
|
||
padding:.1em;
|
||
width:auto;
|
||
text-align:center;
|
||
background-color:#E2F2FF;
|
||
}
|
||
|
||
.data_table td
|
||
{
|
||
border: 1px solid #dfdfdf;
|
||
line-height:2em;
|
||
padding:.2em .1em;
|
||
text-align:center;
|
||
}
|
||
.data_table td select
|
||
{
|
||
width:6em;
|
||
}
|
||
|
||
@media screen and (max-width:640px)
|
||
{
|
||
.focus .bd li img{height:620px;}
|
||
}
|
||
@media screen and (max-width:560px)
|
||
{
|
||
.focus .bd li img{height:560px;}
|
||
}
|
||
@media screen and (max-width:540px)
|
||
{
|
||
.focus .bd li img{height:540px;}
|
||
}
|
||
@media screen and (max-width:480px)
|
||
{
|
||
.focus .bd li img{height:480px;}
|
||
}
|
||
@media screen and (max-width:440px)
|
||
{
|
||
.focus .bd li img{height:440px;}
|
||
}
|
||
@media screen and (max-width:380px)
|
||
{
|
||
.focus .bd li img{height:380px;}
|
||
}
|
||
@media screen and (max-width:360px)
|
||
{
|
||
.focus .bd li img{height:360px;}
|
||
}
|
||
@media screen and (max-width:340px)
|
||
{
|
||
.focus .bd li img{height:340px;}
|
||
}
|
||
@media screen and (max-width:320px)
|
||
{
|
||
.focus .bd li img{height:320px;}
|
||
}
|