227 lines
6.7 KiB
CSS
227 lines
6.7 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, "<><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: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; margin-bottom:70px; text-align:center;overflow:hidden; background-color:#fff;}
|
|||
|
|
.Selectbox h3{ margin:0; width:100%; font-size:18px; font-weight:bold; text-align:left; line-height:40px; text-indent:10px;}
|
|||
|
|
.Selectbox h3 span{color:#ff0000;}
|
|||
|
|
.Selectbox ul{float:left; width:100%;}
|
|||
|
|
.Selectbox li{ float:left; padding:0; width:33.33333333333333%; position:relative; text-align:center; line-height:28px;}
|
|||
|
|
.Selectbox li img{width:90%; min-height:90px;padding:2px; border:1px solid #ccc; }
|
|||
|
|
.Selectbox li a:hover img{ border-color:#999; }
|
|||
|
|
.Selectbox li.hover img{ border-color:#ff0000;}
|
|||
|
|
.Selectbox li span{ position:absolute; margin:0 auto; bottom:10px; left:0;right:0; text-align:center; width:90%; height:30px; line-height:30px; background-color: rgba(0,0,0,0.5); color:#fff;}
|
|||
|
|
.Selectbox li div{position:absolute; margin:0 auto; bottom:5px; left:0;right:10px; text-align:right; width:90%;height:30px;}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.saobox{float:left; width:100%; margin:10px 0; margin-top:100px; text-align:center;overflow:hidden;}
|
|||
|
|
.saobox h2{margin:0 auto; width:200px; height:200px; border:1px solid #dfdfdf; background-color:#fff;}
|
|||
|
|
.saobox h3{margin:0 auto; width:250px; height:40px; line-height:40px; font-size:18px; font-weight:bolder; color:#000;}
|
|||
|
|
.saobox h4{margin:0 auto; width:240px; height:40px;font-size:16px;}
|
|||
|
|
.choujiangbox{float:left; width:100%; margin:0px 0; text-align:center;overflow:hidden;background-color:#fff;}
|
|||
|
|
.choujiangsm{float:left; width:100%; margin:0px 0; text-align:left;overflow:hidden;background-color:#fff;}
|
|||
|
|
.choujiangsm ul{float:left; width:100%;}
|
|||
|
|
.choujiangsm ul li{float:left; width:100%;border-bottom:1px solid #dfdfdf; height:30px; line-height:30px;}
|
|||
|
|
.choujiangsm ul li label{float:left;width:90px; display:block; text-indent:20px; font-size:18px; font-weight:bold;}
|
|||
|
|
.choujiangsm ul li span{float:left; width:90px;display:block;font-size:18px;}
|
|||
|
|
.choujiangmd{float:left; width:100%; margin:0px 0; height:250px; margin-bottom:80px; text-align:left;overflow:hidden;background-color:#d8f5f1;}
|
|||
|
|
.choujiangmd h3{float:left; width:100%; height:40px; line-height:40px; font-size:20px; font-weight:bold;background:#0bcbb2;border-bottom:1px solid #ededed; text-indent:20px; color:#fff;}
|
|||
|
|
.choujiangmd ul{float:left; width:100%;}
|
|||
|
|
.choujiangmd ul li{float:left; width:100%;border-bottom:1px solid #dfdfdf; height:30px; line-height:30px;}
|
|||
|
|
.choujiangmd ul li label{float:left;width:200px; display:block; text-indent:20px; font-size:18px; font-weight:bold;}
|
|||
|
|
.choujiangmd ul li span{float:left; width:100px;display:block;font-size:18px;}
|
|||
|
|
.cartbox{ position:fixed; left:0; bottom:0; width:100%; height:60px; border-top:1px solid #dfdfdf; background-color:#fff;overflow:hidden;}
|
|||
|
|
.cartbox ul{ position:relative; margin:0 auto; max-width:720px;}
|
|||
|
|
.cartbox ul li{float:left;margin:0; width:25%; text-align:center;}
|
|||
|
|
.cartbox ul li a,.cartbox ul li a:visited{ margin:0 auto; font-size:18px;width:40px; height:60px; line-height:20px; display:block;}
|
|||
|
|
.cartbox ul li a span,.cartbox ul li a:visited span{ width:40px; height:36px; display:block;background: url(/images/mobilebg.png) no-repeat;}
|
|||
|
|
.cartbox ul li a.m1 span,.cartbox ul li a.m1:visited span{ background-position:10px -116px;}
|
|||
|
|
.cartbox ul li a.m2 span,.cartbox ul li a.m2:visited span{ background-position:10px -975px;}
|
|||
|
|
.cartbox ul li a.m3 span,.cartbox ul li a.m3:visited span{ background-position:10px -1209px;}
|
|||
|
|
.cartbox ul li a.m4 span,.cartbox ul li a.m4:visited span{ background-position:10px -875px;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.ly-plate
|
|||
|
|
{
|
|||
|
|
position:relative;
|
|||
|
|
margin:10px auto;
|
|||
|
|
margin-top:10px;
|
|||
|
|
max-width:509px;
|
|||
|
|
}
|
|||
|
|
.rotate-bg
|
|||
|
|
{
|
|||
|
|
float:left;
|
|||
|
|
width:100%;
|
|||
|
|
margin:0;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
.rotate-bg img{ width:100%; min-height:150px;}
|
|||
|
|
.ly-plate div.lottery-star {
|
|||
|
|
|
|||
|
|
position:absolute;
|
|||
|
|
top:0;
|
|||
|
|
left:0;
|
|||
|
|
width:100%;
|
|||
|
|
height:auto;
|
|||
|
|
outline:none;
|
|||
|
|
text-align:center;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
}
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:148px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media screen and (max-width:480px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:136px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:460px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:125px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:440px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:113px;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:420px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:104px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:400px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:94px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:380px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:106px;
|
|||
|
|
width:170px;
|
|||
|
|
height:170px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:360px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:96px;
|
|||
|
|
width:170px;
|
|||
|
|
height:170px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:340px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:85px;
|
|||
|
|
width:170px;
|
|||
|
|
height:170px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width:320px)
|
|||
|
|
{
|
|||
|
|
.ly-plate div.lottery-star #lotteryBtn
|
|||
|
|
{
|
|||
|
|
margin-top:75px;
|
|||
|
|
width:170px;
|
|||
|
|
height:170px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|