473 lines
12 KiB
CSS
473 lines
12 KiB
CSS
|
|
|||
|
|
html {
|
|||
|
|
background: #111530;
|
|||
|
|
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
|
|||
|
|
}
|
|||
|
|
html {
|
|||
|
|
background-color: #f8f7f5
|
|||
|
|
}
|
|||
|
|
*{font-family:Arial, "<><CEA2><EFBFBD>ź<EFBFBD>", sans-serif;}
|
|||
|
|
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.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;}
|
|||
|
|
.clear {
|
|||
|
|
width:100%;
|
|||
|
|
height: 0;
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.NoCartNum{float:left; width:100%; margin:10px 0; padding:10px 0; border:1px solid #dfdfdf; background-color:#fff; font-size:18px; text-align:center;overflow:hidden;}
|
|||
|
|
.NoCartNum a,.NoCartNum a:visited{ color:#ff0000;}
|
|||
|
|
.productlist{float:left; width:100%; margin-top:60px;overflow:hidden;}
|
|||
|
|
.productlist ul{float:left; margin:0;overflow:hidden; position:relative;width:100%; }
|
|||
|
|
.productlist ul li {
|
|||
|
|
float: left;
|
|||
|
|
margin: 10px 0;
|
|||
|
|
padding: 10px 10px;
|
|||
|
|
width: 100%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
position: relative;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
-moz-box-sizing: border-box;
|
|||
|
|
-webkit-box-sizing: border-box;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
.productlist ul li a.aimg,.productlist ul li a.aimg:visited{float:left; width:20%;}
|
|||
|
|
.productlist ul li a.aimg img{width:100%; height:100%;}
|
|||
|
|
.productlist ul li .leftbox {
|
|||
|
|
float: left;
|
|||
|
|
padding-left: 10px;
|
|||
|
|
display: block;
|
|||
|
|
width: 75%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox a, .productlist ul li span a:visited {
|
|||
|
|
float: left;
|
|||
|
|
display: block;
|
|||
|
|
color:#000;
|
|||
|
|
width: 90%;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span {
|
|||
|
|
float: left;
|
|||
|
|
display: block;
|
|||
|
|
width: 100%;
|
|||
|
|
padding-left: 0px;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.je, .productlist ul li .leftbox span.tnum {
|
|||
|
|
margin-top: 10px;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox em {
|
|||
|
|
font-style: normal;
|
|||
|
|
font-size: 18px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #ff0000;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.je del {
|
|||
|
|
font-style: normal;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #aaa;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.tnum span.input_del, .productlist ul li .leftbox span.tnum span.input_add, .productlist ul li .leftbox span.tnum input {
|
|||
|
|
float: left;
|
|||
|
|
width: 30px;
|
|||
|
|
height: 30px;
|
|||
|
|
box-sizing:border-box;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.tnum input {
|
|||
|
|
float: left;
|
|||
|
|
width: 30px;
|
|||
|
|
border: 1px solid #c2c2c0;
|
|||
|
|
border-left: 0;
|
|||
|
|
border-right: 0;
|
|||
|
|
text-align: center;
|
|||
|
|
line-height: 30px;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.tnum span.input_del {
|
|||
|
|
background: url(/images/cart.png) no-repeat 0px 0px;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.tnum span.input_add {
|
|||
|
|
background: url(/images/cart.png) no-repeat -30px 0px;
|
|||
|
|
}
|
|||
|
|
.productlist ul li .leftbox span.tnum span.Inventory {
|
|||
|
|
margin-left:0.3em;
|
|||
|
|
width: auto;
|
|||
|
|
height: 30px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
text-align: center;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.productlist ul li i {
|
|||
|
|
position: absolute;
|
|||
|
|
z-index: 3000;
|
|||
|
|
right: 0.5em;
|
|||
|
|
top: 0.2em;
|
|||
|
|
width: 1.6em;
|
|||
|
|
height: 1.6em;
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.productlist ul li i img {
|
|||
|
|
width: 1.2em;
|
|||
|
|
height: 1.2em;
|
|||
|
|
}
|
|||
|
|
.zftype_box {
|
|||
|
|
float: left;width:100%;
|
|||
|
|
}
|
|||
|
|
.zftype_box ul li {
|
|||
|
|
float: left;
|
|||
|
|
padding: 0.2em 0.4em;
|
|||
|
|
margin: 0.5em 0;
|
|||
|
|
margin-right: 0.5em;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
line-height: 2em;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
border-radius: 0.5em;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.zftype_box ul li.hover {
|
|||
|
|
border: 1px solid #ff4d00;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.zftype_box ul li img {
|
|||
|
|
width: 1.4em;
|
|||
|
|
height: 1.4em;
|
|||
|
|
margin-right:0.2em;
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
.YHbox{float:left; width:100%; margin-top:0px; margin-left:10px;overflow:hidden;}
|
|||
|
|
.YHbox span.cart_Total{line-height:30px; font-style:normal; font-size:18px; font-weight:bold; color:#ff0000;}
|
|||
|
|
.cartbox {
|
|||
|
|
position: fixed;
|
|||
|
|
left: 0;
|
|||
|
|
bottom: 4em;
|
|||
|
|
width: 100%;
|
|||
|
|
height: 50px;
|
|||
|
|
border-top: 1px solid #f1f1f1;
|
|||
|
|
background-color: #fff;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox {
|
|||
|
|
position: relative;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
max-width: 720px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .leftbox {
|
|||
|
|
float: left;
|
|||
|
|
position: relative;
|
|||
|
|
line-height: 50px;
|
|||
|
|
margin-left: 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .leftbox span.cart_Total {
|
|||
|
|
line-height: 50px;
|
|||
|
|
font-style: normal;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #ff0000;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .rightbox {
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .rightbox input {
|
|||
|
|
float: left;
|
|||
|
|
display: block;
|
|||
|
|
width: 80px;
|
|||
|
|
height: 50px;
|
|||
|
|
background-color: #fc8b05;
|
|||
|
|
border-radius: 0;
|
|||
|
|
color: #fff;
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .rightbox input.input_shopcart {
|
|||
|
|
background-color: #8e0d0a;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cartmbox .rightbox input.input_shopjs {
|
|||
|
|
width: 80px;
|
|||
|
|
}
|
|||
|
|
.addresslist{ float:left;width:100%; margin:0; padding:0; overflow:hidden;}
|
|||
|
|
.addresslist h3{ float:left; height:30px;margin:0; padding:0;}
|
|||
|
|
.addresslist ul li{float:left; width:100%;margin:0; padding:0 10px; line-height:30px; text-align:left; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|||
|
|
.addresslist ul li input[type='radio']{float:left; margin:0; margin-top:8px; padding:0; width:1em; height:1em; background-color:#000;}
|
|||
|
|
.addresslist ul li span{ color:#ff0000; cursor:pointer;}
|
|||
|
|
.addresslist ul li span.rbox{float:left; margin-left:10px; width:260px; height:120px; line-height:25px;}
|
|||
|
|
.addresslist ul li span span.Contact{color:#000;cursor:auto;}
|
|||
|
|
.addresslist .yunfei{ font-size:20px;}
|
|||
|
|
|
|||
|
|
.cart_table_title {
|
|||
|
|
height: 35px;
|
|||
|
|
background-color: #626361;
|
|||
|
|
color: #000;
|
|||
|
|
font-size: 14px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
text-align: left;
|
|||
|
|
text-indent: 20px;
|
|||
|
|
border-top: 1px solid #dbd8d8;
|
|||
|
|
filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#dbd8d8,gradientType=0);
|
|||
|
|
-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#dbd8d8,gradientType=0); /*IE8*/
|
|||
|
|
background: #dbd8d8; /* һЩ<D2BB><D0A9>֧<EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
background: -moz-linear-gradient(top, #ffffff,#dbd8d8);
|
|||
|
|
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dbd8d8));
|
|||
|
|
background: -o-linear-gradient(top, #ffffff, #dbd8d8);
|
|||
|
|
}
|
|||
|
|
.cart_table_title0
|
|||
|
|
{
|
|||
|
|
height:35px;
|
|||
|
|
background-color:#f1f1f1;
|
|||
|
|
color:#000;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
text-align:left;
|
|||
|
|
padding-left:20px;
|
|||
|
|
border-top: 1px solid #f1f1f1;
|
|||
|
|
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f1f1f1,gradientType=0);
|
|||
|
|
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f1f1f1,gradientType=0);/*IE8*/
|
|||
|
|
background:#f1f1f1; /* һЩ<D2BB><D0A9>֧<EFBFBD>ֱ<EFBFBD><D6B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
|
background:-moz-linear-gradient(top, #ffffff,#f1f1f1);
|
|||
|
|
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f1f1f1));
|
|||
|
|
background:-o-linear-gradient(top, #ffffff, #f1f1f1);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.cart_table
|
|||
|
|
{
|
|||
|
|
margin-top:60px;
|
|||
|
|
width:100%;
|
|||
|
|
border-collapse:collapse;
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
}
|
|||
|
|
.cart_table tr th
|
|||
|
|
{
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
line-height:25px;
|
|||
|
|
padding:10px;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.cart_table td
|
|||
|
|
{
|
|||
|
|
border: 1px solid #f1f1f1;
|
|||
|
|
line-height:25px;
|
|||
|
|
padding:5px;
|
|||
|
|
text-align:left;
|
|||
|
|
}
|
|||
|
|
.cart_table td img
|
|||
|
|
{
|
|||
|
|
border: 1px solid #dfdfdf;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
.cart_table td .cart_table{ width:100%;}
|
|||
|
|
.cart_table td .cart_table th,.cart_table td .cart_table td{ text-align:center; padding:5px; border:1px solid #dfdfdf;}
|
|||
|
|
.cart_table td em{ font-style:normal;}
|
|||
|
|
.cart_table td .cart_left
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
.cart_table td .cart_right
|
|||
|
|
{
|
|||
|
|
float:right;
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
.cart_table td .cart_botton
|
|||
|
|
{
|
|||
|
|
width:125px;
|
|||
|
|
height:35px;
|
|||
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|||
|
|
background-color:#ff4a00;
|
|||
|
|
line-height:35px;
|
|||
|
|
font-size:16px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#fff;
|
|||
|
|
font-weight:bold;
|
|||
|
|
cursor:pointer;
|
|||
|
|
border:0;
|
|||
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|||
|
|
}
|
|||
|
|
.cart_table td .cart_Total
|
|||
|
|
{
|
|||
|
|
font-size:24px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#ff0000;
|
|||
|
|
font-family:Arial Black;
|
|||
|
|
line-height:35px;
|
|||
|
|
}
|
|||
|
|
.cart_table td .address_table th,.cart_table td .address_table td {
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
.address_table td input {
|
|||
|
|
border-left: 1px solid #666;
|
|||
|
|
border-top: 1px solid #666;
|
|||
|
|
border-right: 1px solid #999;
|
|||
|
|
border-bottom: 1px solid #999;
|
|||
|
|
width: 200px;
|
|||
|
|
height: 25px;
|
|||
|
|
overflow: hidden;
|
|||
|
|
line-height: 25px;
|
|||
|
|
text-indent: 5px;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
-moz-box-sizing: border-box;
|
|||
|
|
-webkit-box-sizing: border-box;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.address_table td input#savebtn
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
height:35px;
|
|||
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|||
|
|
background-color:#ff4a00;
|
|||
|
|
line-height:35px;
|
|||
|
|
font-size:16px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#fff;
|
|||
|
|
font-weight:bold;
|
|||
|
|
cursor:pointer;
|
|||
|
|
border:0;
|
|||
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|||
|
|
}
|
|||
|
|
.address_table td input#resetbtn
|
|||
|
|
{
|
|||
|
|
width:100px;
|
|||
|
|
height:35px;
|
|||
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|||
|
|
background-color:#a1a1a1;
|
|||
|
|
line-height:35px;
|
|||
|
|
font-size:16px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#fff;
|
|||
|
|
font-weight:bold;
|
|||
|
|
cursor:pointer;
|
|||
|
|
border:0;
|
|||
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|||
|
|
}
|
|||
|
|
.address_table td input[type="checkbox"]
|
|||
|
|
{
|
|||
|
|
width:auto;
|
|||
|
|
}
|
|||
|
|
.address_table td span
|
|||
|
|
{
|
|||
|
|
color:#333;
|
|||
|
|
}
|
|||
|
|
.address_table td .cart_Total
|
|||
|
|
{
|
|||
|
|
font-size:24px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#ff0000;
|
|||
|
|
font-family:Arial Black;
|
|||
|
|
line-height:35px;
|
|||
|
|
}
|
|||
|
|
.address_table td .cart_botton
|
|||
|
|
{
|
|||
|
|
width:125px;
|
|||
|
|
height:35px;
|
|||
|
|
padding:0;
|
|||
|
|
margin:0;
|
|||
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|||
|
|
background-color:#ff4a00;
|
|||
|
|
line-height:35px;
|
|||
|
|
font-size:16px;
|
|||
|
|
text-align:center;
|
|||
|
|
color:#fff;
|
|||
|
|
font-weight:bold;
|
|||
|
|
cursor:pointer;
|
|||
|
|
border:0;
|
|||
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.footer {
|
|||
|
|
left: 0;
|
|||
|
|
}
|