247 lines
8.6 KiB
CSS
247 lines
8.6 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;
|
|
font-style:normal;
|
|
font-size:14px;
|
|
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;}
|
|
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:relative;margin:0; height:40px; width:100%; color:#000; text-align:center; font-size:large; font-weight:bold; line-height:40px;background:#fafafa;border-bottom:1px solid #ededed;
|
|
}
|
|
.baomingheader a,.baomingheader a:visited{position:relative; float:left; top:0; left:0; 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; top:0; right:0px; width:36px; height:40px;background: url(/images/mobilebg.png) no-repeat 0px -116px; text-indent:1000px; overflow:hidden;}
|
|
.gbt_line
|
|
{
|
|
float:left;
|
|
margin-top:10px;
|
|
overflow:hidden;
|
|
}
|
|
.gbt_line a:link,.gbt_line a:visited
|
|
{
|
|
float:left;
|
|
margin-right:10px;
|
|
border: 1px solid #dfdfdf;
|
|
padding:3px 6px;
|
|
width:auto;
|
|
height:25px;
|
|
color:Blue;
|
|
line-height:25px;
|
|
text-align:center;
|
|
display:inline-block;
|
|
display:-moz-inline-stack;
|
|
zoom:1;
|
|
*display:inline;
|
|
background-color:#F5F060;
|
|
}
|
|
.gbt_line a.currend:link,.gbt_line a.currend:visited
|
|
{
|
|
float:left;
|
|
border: 1px solid #ccc;
|
|
height:25px;
|
|
color:Blue;
|
|
line-height:25px;
|
|
text-align:center;
|
|
display:inline-block;
|
|
display:-moz-inline-stack;
|
|
zoom:1;
|
|
*display:inline;
|
|
background-color:#eee;
|
|
}
|
|
.gbt_search
|
|
{
|
|
float:right;
|
|
margin-top:10px;
|
|
overflow:hidden;
|
|
}
|
|
.gbt_search input[type='text']
|
|
{
|
|
height:30px;
|
|
line-height:30px;
|
|
width:150px;
|
|
border: 1px solid #dfdfdf;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
|
|
}
|
|
.gbt_search input.results_btn
|
|
{
|
|
height:30px;
|
|
padding:0 10px;
|
|
margin:0;
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|
background-color:#ff4a00;
|
|
line-height:30px;
|
|
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;
|
|
}
|
|
.Orders_List{ margin:0 auto; width:100%;}
|
|
.Orders_List ul{float:left;width:100%; position:relative;}
|
|
.Orders_List ul.ordertitle,.Orders_List ul.toptitle{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; /* һЩ²»Ö§³Ö±³¾°½¥±äµÄä¯ÀÀÆ÷ */
|
|
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); }
|
|
.Orders_List ul.toptitle{ background-color:#eee;background-image:none; margin-top:10px;border: 1px solid #dfdfdf; border-bottom:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.Orders_List ul.toptitle li{float:left; width:120px; text-align:left; line-height:20px; padding:3px 10px;overflow:hidden;}
|
|
.Orders_List ul.toptitle li.ddh,.Orders_List ul.toptitle li.xdsj{width:220px;}
|
|
.Orders_List ul.toptitle li.zt{width:200px;}
|
|
.Orders_List ul.toptitle li.cz{width:150px;}
|
|
.Orders_List ul.toptitle li.gmfx{width:150px;}
|
|
.Orders_List ul.toptitle li label{ font-weight:bold; color:#bb0000; font-size:14px;}
|
|
.Orders_List ul.toptitle li span{}
|
|
.Orders_List ul.toptitle li.cz{width:300px;}
|
|
.Orders_List ul.toptitle li.cz span.Order_botton,.Orders_List ul.toptitle li.cz a,.Orders_List ul.toptitle li.cz a:visited{
|
|
height:32px;
|
|
padding:0 10px;
|
|
margin:0;
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|
background-color:#ff4a00;
|
|
line-height:32px;
|
|
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;}
|
|
.Orders_List ul.ordertitle{height:auto;}
|
|
.Orders_List ul.ordertitle li{float:left; width:96px;_width:116px; height:35px; text-align:center; line-height:35px; padding:0 10px; border-right: 1px solid #dfdfdf; overflow:hidden;}
|
|
.Orders_List ul.ordertitle li.ddxx{width:536px;}
|
|
.Orders_List ul.ordertitle li.zt{width:110px;_width:130px;}
|
|
|
|
.Orders_List ul.midtitle{border: 1px solid #dfdfdf; border-top:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0; background-color:#fff;}
|
|
.Orders_List ul.midtitle li{float:left; width:96px;_width:116px; text-align:center; line-height:35px; padding:0 10px; padding-bottom:10px; height:100%; padding-bottom:9999px; margin-bottom:-9999px; overflow:hidden;}
|
|
|
|
.Orders_List ul.midtitle li img{ float:left;border: 1px solid #dfdfdf; margin:10px; margin-left:0;}
|
|
|
|
.Orders_Info_table{ width:100%;border-collapse:collapse; background-color:#fff; margin-top:10px;}
|
|
.Orders_Info_table th,.Orders_Info_table td{ padding:5px; line-height:25px;border: 1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.Orders_Info_table td img{border: 1px solid #dfdfdf;}
|
|
.Orders_Info_table td.Orders_Product_td{padding:0px;}
|
|
.Orders_Info_table td span.Orders_Info_title,.Orders_Info_table td span.Orders_Info_title span{ float:left; display:block;}
|
|
.Orders_Info_table td span.Orders_Info_title span{ width:300px}
|
|
.Orders_Info_table td b{font-weight:bold; color:#bb0000; font-size:14px;}
|
|
.Orders_Info_table td span.Order_botton{
|
|
height:32px;
|
|
padding:0 10px;
|
|
margin:0;
|
|
display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;
|
|
background-color:#ff4a00;
|
|
line-height:32px;
|
|
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;}
|
|
.Orders_Product_table{width:100%;border-collapse:collapse; margin:0; }
|
|
.Orders_Product_table th,.Orders_Product_table td{ padding:5px; line-height:25px; text-align:center;}
|
|
.Orders_Product_table th{ font-size:16px; font-weight:bold; background-color:#eee;}
|
|
.Orders_List_view{float:left;width:100%;}
|
|
.Orders_List_view ul{float:left;width:100%;}
|
|
.Orders_List_view ul.toptitle,.Orders_List_view ul.bottomtitle{ height:35px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #dbd8d8));}
|
|
.Orders_List_view ul.toptitle li,.Orders_List_view ul.bottomtitle li{float:left; width:200px; height:35px; text-align:center; line-height:35px; padding:0 15px;}
|
|
.Orders_List_view ul.bottomtitle{ height:35px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #dbd8d8));}
|
|
.fg{ width: 100%; height: 70px; overflow: hidden;}
|
|
.footer{ width: 100%; height: 65px; position: fixed; bottom: 0; left: 0; background: #ffffff; border-top:1px solid #efefef;}
|
|
.footer li{ float: left; width:33.333333333%; overflow: hidden;list-style: none}
|
|
.footer a{ display: block; width: 100%; overflow: hidden; height: 65px; line-height:15px; padding: 5px 0; padding-bottom:0;}
|
|
.footer a span{ display: block; text-align: center; color: #686868; font-size:16px; padding-top: 4px;}
|
|
.footer li.on_hove a span{ color: #d6000f;}
|
|
.footer li a img{ display: block; margin: 0 auto; height: 25px; width: auto;}
|
|
@media screen and (max-width:640px)
|
|
{
|
|
|
|
}
|
|
|
|
@media screen and (max-width:540px)
|
|
{
|
|
|
|
}
|
|
|
|
@media screen and (max-width:480px)
|
|
{
|
|
|
|
}
|
|
|
|
@media screen and (max-width:320px)
|
|
{
|
|
.gbt_search input[type='text']
|
|
{
|
|
width:125px;
|
|
}
|
|
|
|
} |