337 lines
17 KiB
CSS
337 lines
17 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;
|
|
}
|
|
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;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:relative;margin:0; height:40px; width:100%; color:#fff; text-align:center; font-size:large; font-weight:bold; line-height:40px;background:#4f8ced;overflow:hidden;font-size:20px;
|
|
}
|
|
.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 -1289px; 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;}
|
|
.baomingheader a.add,.baomingheader a.add:visited{position:relative; float:right; margin-top:5px; margin-right:10px; width:30px; height:30px;background:#fff url(/images/mobilebg.png) no-repeat 3px -1424px; text-indent:1000px; overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
|
|
.cxbox{float:left; width:100%; margin-top:10px;}
|
|
.cxbox ul{float:left;width:100%; margin:0; position:relative;}
|
|
.cxbox ul li{float:left; margin:10px 0; padding:10px 10px; width:100%; position:relative; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; line-height:30px; font-size:16px; color:#b4b4b4; }
|
|
.cxbox ul li label{ float:left; width:70px;display:block; height:30px; color:#4c4c4c;}
|
|
.cxbox ul li span{ float:left; display:block;height:30px; position:relative;width:76%;}
|
|
.cxbox ul li span input{float:left;height:30px; width:100%;color:#000;border:0;position:relative; background-color:#fff;}
|
|
.cxbox ul li span input.hover{ color:#c0c0c0;}
|
|
.cxbox ul li span em{ position:absolute;top:0; right:0; text-indent:10px; width:30px; height:30px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block;}
|
|
.cxbox ul li .kdgsbox{position:absolute;top:0; right:0;width:100%; height:122px; background-color:#fff; z-index:1;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
|
|
.cxbox ul li .kdgsbox span{float:left;width:33.3333333333%; text-align:center; cursor:pointer;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
|
|
.cxbox ul li .kdgsbox span#kdspan2,.cxbox ul li .kdgsbox span#kdspan5{border-right:0;}
|
|
.cxbox ul li .kdgsbox span.hover i{position:absolute; top:0; right:0; display:block; width:24px; height:24px; background: url(/images/cart.png) no-repeat -36px -36px;}
|
|
.cxbox ul li.lbtn{border:0;background-color:transparent;}
|
|
.cxbox ul li.lbtn input{ margin:0 auto; border:0; width:100%;height:50px;background:#4f8ced;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; font-size:24px; line-height:50px;}
|
|
.cxbox ul li.msg{margin:0; border:0; display:none;}
|
|
.cxbox ul li.msg span{margin:0 auto; border:0; width:100%;height:50px;text-indent:10px;}
|
|
.cxbox ul li.msg span.err{color:#ff0000;}
|
|
.cxbox ul li.msg span.ajaxLoader{color:#ff0000; text-align:center;}
|
|
.statusbox{float:left; width:100%; margin-top:10px;background-color:#fff;}
|
|
.statusbox h3{float:left; width:100%; height:100px; overflow:hidden;}
|
|
.statusbox h3 span{float:left; width:25%; height:100px;text-align:center; display:block; position:relative;}
|
|
.statusbox h3 span span{ margin-top:32px; width:100%; height:1px;border-top:1px solid #dfdfdf;z-index:0;}
|
|
.statusbox h3 span.hover span {border-top:1px solid #5fb711;}
|
|
.statusbox h3 span span.soujian{ float:right; width:50%; margin-right:0;}
|
|
.statusbox h3 span span.qs{ width:50%;}
|
|
.statusbox h3 span span.em{position:absolute; top:0;margin-top:20px;z-index:1;border-top:0;}
|
|
.statusbox h3 span em{display:inline-block;display:-moz-inline-stack;*display:inline;width:22px; height:24px;background:#fff url(/images/mobilebg.png) no-repeat 0px -1477px;}
|
|
.statusbox h3 span.hover em { background-position:0 -1511px;}
|
|
.statusbox h3 span.hover span.qiasou em { background-position:0 -1541px;}
|
|
.statusbox h3 span i{display:inline-block;display:-moz-inline-stack;*display:inline; font-style:normal;}
|
|
.statusbox h3 span span.qiasou i{ height:25px; width:70px; background:#eee url(/images/mobilebg.png) no-repeat 40px -1568px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; padding:5px 0; color:#000; text-align:left; text-indent:10px;}
|
|
.statusbox h3 span.hover span.qiasou i{background:#fd6400 url(/images/mobilebg.png) no-repeat 40px -1568px;color:#fff;}
|
|
.statusbox h3 span span.qiasou i.times{ width:100%;background:none;color:#fd4400;text-indent:0px;text-align:center;}
|
|
|
|
.statusbox ul{float:left; width:100%;}
|
|
.statusbox ul li{float:left; width:100%; margin-top:10px;}
|
|
.statusbox ul li span{float:left; display:block; position:relative;}
|
|
.statusbox ul li span.rq{width:100%; height:30px; line-height:30px; text-indent:10px; font-size:20px;}
|
|
.statusbox ul li span.conent{height:110px;width:100%; overflow:hidden;}
|
|
.statusbox ul li span.conent span.lconent{float:left;height:110px; width:100px;}
|
|
.statusbox ul li span.conent span.lconent span{height:110px; width:1px;border-left:1px solid #dfdfdf; margin-left:60px;}
|
|
.statusbox ul li span.conent span.lconent em{ display:block; position:absolute; top:45px; left:49px; width:22px; height:20px;background:#fff url(/images/mobilebg.png) no-repeat 0px -1597px;}
|
|
.statusbox ul li span.conent.hover span.lconent em{ background-position:0px -1625px;}
|
|
.statusbox ul li span.conent span.rconent{float:left; height:100px;width:500px; padding:10px; background-color:#effbff;border:1px solid #d2e2e8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:10px; }
|
|
.statusbox ul li span.conent span.rconent span.title{height:50px; width:100%;line-height:25px;}
|
|
.statusbox ul li span.conent span.rconent span.time{height:25px; line-height:25px; width:100%; text-indent:25px; color:#00bb9c;background: url(/images/mobilebg.png) no-repeat 0px -1648px;}
|
|
.statusbox ul li span.conent span.rconent em{ display:block; position:absolute; top:30px; left:-14px; width:22px; height:24px;background: url(/images/mobilebg.png) no-repeat 0px -1670px; z-index:1;}
|
|
|
|
.jjbox{float:left; width:100%; margin-top:10px;background-color:#fff;}
|
|
.jjbox ul{float:left;width:100%; margin:0; position:relative;}
|
|
.jjbox ul li{float:left; margin:10px 0; padding:0px 10px; width:100%; position:relative; line-height:45px; font-size:16px; color:#b4b4b4;}
|
|
.jjbox ul li label{ float:left; width:70px;display:block; color:#4c4c4c;}
|
|
.jjbox ul li span{ float:left; display:block; position:relative; width:540px;}
|
|
.jjbox ul li span input,.jjbox ul li span textarea{float:left;height:45px; width:100%;color:#000;border:0;position:relative; background-color:#fff;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:5px; color:#b1b1b1;}
|
|
.jjbox ul li span input.hover,.jjbox ul li span textarea.hover{color:#000;}
|
|
.jjbox ul li span textarea{height:100px;}
|
|
.jjbox ul li span em{ position:absolute;top:5px; right:5px; text-indent:10px; width:35px; height:35px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block;border:1px solid #dfdfdf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
.jjbox ul li.lname span em{ background-position:5px -1334px;}
|
|
.jjbox ul li.lcounty span em{ background-position:5px -1381px;}
|
|
.jjbox ul li.weight span em{top:0px;right:0px;width:20px;height:22px;background:#eee url(/images/shop_btn_addbg.jpg) no-repeat 5px 5px;}
|
|
.jjbox ul li.weight span em.cut{top:23px;background:#eee url(/images/shop_btn_delbg.jpg) no-repeat 5px 5px;}
|
|
.jjbox ul li.msg{margin:0;}
|
|
.jjbox ul li.msg span{margin:0 auto; border:0; width:100%;height:50px;background:#effbff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#000; font-size:20px; line-height:50px; border:1px solid #d3e4ea; border-style:dashed; text-indent:10px;}
|
|
.jjbox ul li.msg span.err{color:#ff0000;}
|
|
.jjbox ul li.msg span.ajaxLoader{color:#ff0000; text-align:center;}
|
|
.jjbox ul li.remarks{ line-height:100px;}
|
|
.jjbox ul li.remarks textarea{ line-height:25px;}
|
|
.jjbox ul li.title{ padding:0;margin:0 auto; border:0; width:100%;height:50px;background:#b8d9f7; color:#000; font-size:24px; line-height:50px; text-indent:10px;}
|
|
.jjbox ul li.lbtn input{ margin:0 auto; border:0; width:100%;height:50px;background:#ffaf21;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; font-size:24px; line-height:50px;}
|
|
|
|
.jjbox ul li .addresslist ul li em{display:inline-block;display:-moz-inline-stack;*display:inline; width:24px; height:24px; background-color:#ff4d00; font-style:normal; font-size:14px; font-weight:bold; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center; line-height:24px; color:#fff;}
|
|
.jjbox ul li .selectbox{ position:absolute; left:0; top:-140px; width:100%; background-color:#fff; z-index:1;}
|
|
.jjbox ul li .selectbox h3{float:left;width:100%;}
|
|
.jjbox ul li .selectbox h3 span{float:left;width:33.333333333%; border-bottom:4px solid #15b4f7;border-top:1px solid #e6ebef;display:block; text-align:center;line-height:30px;}
|
|
.jjbox ul li .selectbox h3 span.hover{border-bottom:4px solid #e6ebef; background-color:#e6ebef}
|
|
.jjbox ul li .selectbox h3 span#navt0{border-left:0;}
|
|
.jjbox ul li .selectbox ul{float:left;width:100%;min-height:200px; position:relative;}
|
|
.jjbox ul li .selectbox ul li{float:left;width:124px;height:30px;background-color:#dbf2fc; margin:10px; line-height:30px; text-align:center; color:#000; overflow:hidden; position:relative;}
|
|
.jjbox ul li .selectbox ul li span{float:left;width:100px;height:30px;overflow:hidden;}
|
|
.jjbox ul li .selectbox ul li.hover em{position:absolute; top:0; right:0; display:block; width:24px; height:24px; background: url(/images/cart.png) no-repeat -36px -36px;}
|
|
.jjbox ul li .selectbox ul li.ajaxLoader{float:none; margin:30% auto; width:43px;height:43px; background-color:transparent;}
|
|
.jjbox ul li .selectbox ul.sbox0{}
|
|
.jjbox ul li .selectbox ul.sbox0 li{width:70px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li span{width:44px;overflow:hidden;}
|
|
.jjbox ul li .selectbox ul.pbtn li{ margin:0; width:100%;height:50px; background-color:transparent;}
|
|
.jjbox ul li .selectbox ul.pbtn input{margin:0 auto; border:0; width:100%;height:50px;background:#ffaf21;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; font-size:24px; line-height:50px;}
|
|
.jjbox ul.shdzbox{ margin:10px 0; width:100%;}
|
|
.jjbox ul.shdzbox li{ line-height:30px; margin:0;}
|
|
.jjbox ul.shdzbox li span{float:left; display:block;}
|
|
.jjbox ul.shdzbox li span.lbox{ width:40px; height:80px;}
|
|
.jjbox ul.shdzbox li span.lbox em{float:left; margin-right:10px; margin-top:24px; display:block; width:24px; height:24px; background:#fff; font-style:normal; font-size:14px; font-weight:bold; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center; line-height:24px; color:#fff; text-indent:-1000px;border:1px solid #e6ebef; background-color:#f8f8f8; cursor:pointer;}
|
|
.jjbox ul.shdzbox li.hover span.lbox em{border:1px solid #dbf2fc; background-color:#eee;}
|
|
.jjbox ul.shdzbox li span.rbox{ width:260px; height:80px; line-height:25px;}
|
|
.jjbox ul.shdzbox li span span{ color:#ff0000; cursor:pointer;}
|
|
|
|
|
|
.User_Info_table{float:left; width:100%;border-collapse:collapse; background-color:#fff; margin-top:10px;}
|
|
.User_Info_table tr th
|
|
{
|
|
line-height:25px;
|
|
padding:5px;
|
|
width:70px;
|
|
text-align:center;
|
|
}
|
|
|
|
.User_Info_table td
|
|
{
|
|
line-height:25px;
|
|
padding:5px;
|
|
text-align:left;
|
|
}
|
|
.User_Info_table td td
|
|
{
|
|
border:0;
|
|
}
|
|
.User_Info_table td.btitle
|
|
{
|
|
line-height:35px;
|
|
padding:0px;
|
|
text-align:center;
|
|
font-size:16px;
|
|
font-weight:bold;
|
|
background-color:#eee;
|
|
}
|
|
.User_Info_table td input[type='text'],.User_Info_table td input[type='password'],.User_Info_table td select
|
|
{
|
|
border: 1px solid #bbb;
|
|
height:30px;
|
|
width:100%;
|
|
text-indent:5px;
|
|
background-color:#F7F7F7;
|
|
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
|
}
|
|
.User_Info_table td input[type='text'].k4
|
|
{
|
|
width:60px;
|
|
}
|
|
.User_Info_table td input[type='text'][disabled='disabled']
|
|
{
|
|
background-color:#fff;
|
|
border: 0;
|
|
}
|
|
.User_Info_table td .btn4{
|
|
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;}
|
|
.addresslist{ float:left; width:100%; margin:0; background-color:#fff;}
|
|
.addresslist h3{ float:left; height:30px;}
|
|
.addresslist ul{ margin:10px 0; width:100%;}
|
|
.addresslist ul li{float:left; line-height:30px; margin:0 10px; width:300px;}
|
|
.addresslist ul li span{float:left; display:block;}
|
|
.addresslist ul li span.lbox{float:left; width:40px; height:120px;}
|
|
.addresslist ul li span.lbox em{float:left; margin-top:24px; display:block; width:24px; height:24px; background-color:#fff; font-style:normal; font-size:14px; font-weight:bold; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center; line-height:24px; color:#fff; text-indent:-1000px;border:1px solid #e6ebef; background-color:#f8f8f8; cursor:pointer;}
|
|
.addresslist ul li.hover span.lbox em{border:1px solid #0f9b16; background-color:#09630e;}
|
|
.addresslist ul li:hover span.lbox em{border:1px solid #bbb; background:#b3cce3 url(/images/mobilebg.png) no-repeat 0px -1453px;}
|
|
.addresslist ul li span.rbox{float:left; width:260px; height:120px; line-height:25px;}
|
|
.addresslist ul li span span{float:none;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; color:#ff0000; cursor:pointer;}
|
|
.addresslist ul li span span.Contact{color:#000;}
|
|
|
|
@media screen and (max-width:640px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:450px;}
|
|
.jjbox ul li span{width:460px;}
|
|
.jjbox ul li .selectbox ul li{width:108px;}
|
|
.jjbox ul li .selectbox ul li span{width:83px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:5px;}
|
|
}
|
|
|
|
@media screen and (max-width:560px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:420px;}
|
|
.jjbox ul li span{width:440px;}
|
|
.jjbox ul li .selectbox ul li{width:120px;}
|
|
.jjbox ul li .selectbox ul li span{width:96px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:10px;}
|
|
}
|
|
|
|
@media screen and (max-width:540px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:360px;}
|
|
.jjbox ul li span{width:390px;}
|
|
.jjbox ul li .selectbox ul li{width:114px;}
|
|
.jjbox ul li .selectbox ul li span{width:90px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:0px;}
|
|
}
|
|
|
|
@media screen and (max-width:480px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:360px;}
|
|
.jjbox ul li span{width:340px;}
|
|
.jjbox ul li .selectbox ul li{width:100px;}
|
|
.jjbox ul li .selectbox ul li span{width:76px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:14px;}
|
|
}
|
|
|
|
@media screen and (max-width:440px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:340px;}
|
|
.jjbox ul li span{width:290px;}
|
|
.jjbox ul li .selectbox ul li{width:126px;}
|
|
.jjbox ul li .selectbox ul li span{width:102px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:5px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li{ margin:8px;}
|
|
}
|
|
|
|
@media screen and (max-width:380px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:250px;}
|
|
.jjbox ul li span{width:270px;}
|
|
.jjbox ul li .selectbox ul li{width:106px;}
|
|
.jjbox ul li .selectbox ul li span{width:82px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:9px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li{ margin:10px;}
|
|
}
|
|
|
|
@media screen and (max-width:360px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:230px;}
|
|
.jjbox ul li span{width:250px;}
|
|
.jjbox ul li .selectbox ul li{width:100px;}
|
|
.jjbox ul li .selectbox ul li span{width:76px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:0px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li{ margin:10px;}
|
|
}
|
|
|
|
@media screen and (max-width:340px)
|
|
{
|
|
.statusbox ul li span.conent span.lconent{width:60px;}
|
|
.statusbox ul li span.conent span.lconent span{margin-left:30px;}
|
|
.statusbox ul li span.conent span.lconent em{ left:19px;}
|
|
.statusbox ul li span.conent span.rconent{width:250px;}
|
|
.jjbox ul li span{width:230px;}
|
|
.jjbox ul li .selectbox ul li{width:93px;}
|
|
.jjbox ul li .selectbox ul li span{width:69px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:2px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li{ margin:7px;}
|
|
}
|
|
|
|
@media screen and (max-width:320px)
|
|
{
|
|
.statusbox ul li span.conent span.rconent{width:230px;}
|
|
.jjbox ul li span{width:210px;}
|
|
.jjbox ul li .selectbox ul li{width:86px;}
|
|
.jjbox ul li .selectbox ul li span{width:62px;}
|
|
.jjbox ul li .selectbox ul.sbox0{ margin-left:0px;}
|
|
.jjbox ul li .selectbox ul.sbox0 li{ margin:5px;}
|
|
}
|