132 lines
6.6 KiB
CSS
132 lines
6.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;
|
|||
|
|
}
|
|||
|
|
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,li {
|
|||
|
|
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;box-sizing:border-box;-moz-box-sizing:border-box;-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:#000; text-align:center; font-size:large; font-weight:bold; line-height:40px;background:#fafafa;border-bottom:1px solid #ededed; overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.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;}
|
|||
|
|
.Selectbox{float:left; width:100%; margin:10px 0;overflow:hidden; background-color:#fff;}
|
|||
|
|
.Selectbox ul{float:left; width:100%;}
|
|||
|
|
.Selectbox li{ float:left; margin:0px 0; padding:10px 0; width:100%; position:relative;border-bottom:1px solid #dfdfdf; border-bottom-style:dashed;}
|
|||
|
|
.Selectbox li img{float:left;width:30%; margin-left:10px; min-height:90px;padding:2px; border:1px solid #ccc;overflow:hidden;}
|
|||
|
|
.Selectbox li a:hover img{ border-color:#999; }
|
|||
|
|
.Selectbox li .leftbox{float:left;width:60%;margin-left:10px; overflow:hidden; display:block;}
|
|||
|
|
.Selectbox li .leftbox span{float:left;width:100%;display:block; height:auto;}
|
|||
|
|
.Selectbox li .leftbox span a,.Selectbox li .leftbox span a:visited{ font-size:16px;}
|
|||
|
|
.Selectbox li .leftbox span.time{font-size:14px; color:#666; line-height:30px;font-family:Arial;}
|
|||
|
|
.Selectbox li .leftbox span.btn a,.Selectbox li .leftbox span.btn a:visited{float:right;margin-left:0px; margin-top:10px; display:block; width:100px; height:30px; background-color:#8e0d0a;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; border:0; text-align:center; line-height:30px;}
|
|||
|
|
|
|||
|
|
.sbox{float:left; width:100%; margin:10px 0;overflow:hidden; background-color:#fff;}
|
|||
|
|
.sbox ul{float:left; width:100%;}
|
|||
|
|
.sbox li{margin:0px auto; padding:10px 0; width:90%; position:relative;}
|
|||
|
|
.sbox li img{float:left;width:100%; min-height:320px;padding:2px; border:1px solid #ccc;overflow:hidden;}
|
|||
|
|
.sbox li .zjdjbox{float:left;margin:0px auto;width:100%;height:40px; text-align:center; font-size:24px;}
|
|||
|
|
.sbox li .pnamebox{float:left;margin:10px auto;width:100%;height:auto; text-align:center;font-size:20px;}
|
|||
|
|
|
|||
|
|
.FXNRBody{width:100%; margin:0 auto;overflow:hidden; background-color:#fff; line-height:25px;}
|
|||
|
|
.FXNRBody div{margin:10px auto;width:90%; }
|
|||
|
|
.FXNRBody img{max-width:700px;width:100%; height:100%; }
|
|||
|
|
.lottery4box{float:left;width:100%; margin:0 auto;overflow:hidden; background-color:#fff;border-bottom:1px solid #dfdfdf;}
|
|||
|
|
.lottery4box ul{float:left;width:100%; }
|
|||
|
|
.lottery4box ul li{ float:left; margin-top:10px; width:100%;}
|
|||
|
|
.lottery4box ul li span{float:left; display:block; height:60px; width:auto;line-height:60px; font-size:18px;}
|
|||
|
|
.lottery4box ul li span.img{margin-left:10px; margin-right:10px; overflow:hidden; width:60px; height:60px; line-height:60px; text-align:center;background-color:#eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
|
|||
|
|
.lottery4box ul li span.img img{width:60px; height:60px;}
|
|||
|
|
.lottery4box ul li span.zjdj{ float:right; margin-right:10px; font-size:20px;}
|
|||
|
|
.lottery4box ul li.PName{ margin-left:10px; font-size:16px;}
|
|||
|
|
.lottery4box ul li.img img{max-width:700px;width:100%; height:100%; }
|
|||
|
|
.lottery4box ul li .leftbox{ float:left; margin-top:10px; width:100%;}
|
|||
|
|
.lottery4box ul li .leftbox span{ float:left; width:100%;display:block; height:30px;line-height:30px;text-indent:10px;}
|
|||
|
|
.lottery4box ul li .leftbox span.time{ text-align:center;}
|
|||
|
|
.LPDXMbox{ float:left; margin-top:10px; width:100%;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; background-color:#fff; text-align:center; font-size:24px; line-height:30px; font-weight:400;}
|
|||
|
|
.LQJPSMbox{ float:left; margin-top:10px; width:100%;background-color:#fff;font-size:20px;}
|
|||
|
|
.LQJPSMbox h3{ float:left;width:100%;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; height:40px;line-height:40px;}
|
|||
|
|
.LQJPSMbox h3 label,.LQJPSMbox h3 span{float:left;width:auto; display:block; text-indent:10px;}
|
|||
|
|
.LQJPSMbox h3 span{float:right;width:40px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px -1250px; }
|
|||
|
|
.LQJPSMbox div{ margin:10px; line-height:25px;font-size:18px;}
|
|||
|
|
.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;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.rightbox{float:right;margin-right:10px;}
|
|||
|
|
.rightbox input{float:right; margin-top:10px; display:block; width:100px; height:30px; background-color:#fc8b05;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#fff; border:0;}
|
|||
|
|
.rightbox input.input_shopcart,.rightbox input.input_shopdh{background-color:#8e0d0a;margin-right:10px; }
|
|||
|
|
.rightbox input.input_shopjs{width:80px;}
|
|||
|
|
.sharebox{ position:absolute; display:none; top:0; left:0; width:100%; height:100%; background-color:#000;opacity:0.8; background-color: rgba(0,0,0,0.8);}
|
|||
|
|
.sharebox h2{ margin:0 auto; width:90%;font-size:20px; color:#ff0000; line-height:30px;}
|
|||
|
|
.sharebox h3{ margin:0 auto; width:90%;font-size:18px; color:#fff; line-height:30px;}
|
|||
|
|
.sharebox div{ margin:5px auto; width:90%;font-size:18px; color:#fff; line-height:25px;}
|
|||
|
|
.zzbox{ position:absolute; top:0; right:0; width:100%; height:100%; background-color:#000;opacity:0.8; background-color: rgba(0,0,0,0.8);}
|
|||
|
|
.zzbox img{float:right;position:relative; width:330px; height:228px; }
|
|||
|
|
|