154 lines
7.1 KiB
CSS
154 lines
7.1 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;-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;
|
|
}
|
|
.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;}
|
|
.baomingheader a.gonggao,.baomingheader a.gonggao:visited{position:relative; float:right; top:0; right:0px; width:36px; height:40px;background: url(/images/mobilebg.png) no-repeat 0px -800px; text-indent:1000px; overflow:hidden;}
|
|
.baomingheader a.sheji,.baomingheader a.sheji:visited{position:relative; float:right; top:0; right:0px; width:36px; height:40px;background: url(/images/mobilebg.png) no-repeat 0px -838px; text-indent:1000px; overflow:hidden;}
|
|
.User_Info{float:left; margin-top:10px; width:100%; background:#26a69a; position:relative;}
|
|
.User_Info div.pic{margin:30px auto; width:100px; height:120px; line-height:25px; text-align:center;}
|
|
.User_Info div.pic span{float:left; display:block; width:100px; height:100px; overflow:hidden; background-color:#eee;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
|
|
.User_Info div.pic span img{width:100px; height:100px;}
|
|
.User_Info div.lbox{ position:absolute;right:10px; top:40%; width:40px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block;}
|
|
.User_Info a,.User_Info a:visited{width:100%; height:100%; display:block; }
|
|
.YHJ_box{float:left; width:100%; background-color:#fff;height:66px;}
|
|
.YHJ_box ul{float:left; margin-top:10px; width:50%;}
|
|
.YHJ_box ul.sc{border-left:1px solid #dfdfdf;}
|
|
.YHJ_box ul li{ margin:0px auto; width:130px; height:46px; overflow:hidden;}
|
|
.YHJ_box ul li span{float:left; width:46px; height:46px; display:block;}
|
|
.YHJ_box ul li span.font{float:left; margin-top:5px; width:80px; height:46px; text-align:center;}
|
|
.YHJ_box ul li span.font em{margin-top:5px;width:80px; font-style:normal;display:block;}
|
|
.Info_List{float:left; margin-top:0px; width:100%;background-color:#fff;border-top:8px solid #f0f0f2;}
|
|
.Info_List ul{float:left; width:100%;}
|
|
.Info_List ul li{float:left; margin:5px 0; width:100%; color:#fff; background-color:#fff;border-bottom:1px solid #dfdfdf;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
|
|
.Info_List ul li a,.Info_List ul li a:visited{width:100%;height:40px; line-height:40px; display:block; font-size:14px; font-weight:bold;}
|
|
.Info_List ul li.abtn{border-bottom:0;}
|
|
.Info_List ul li.abtn a,.Info_List ul li.abtn a:visited{ margin:0 auto; width:90%;height:40px; line-height:40px; background-color:#ff6e01; color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center;}
|
|
.Info_List ul li label{float:left; text-indent:10px; width:auto; display:block;cursor:pointer; text-indent:35px;background: url(/images/mobilebg.png) no-repeat;}
|
|
.Info_List ul li label#orderico{ background-position:10px -435px;}
|
|
.Info_List ul li label#kdrico{ background-position:10px -489px;}
|
|
.Info_List ul li label#qianbaoico{ background-position:10px -544px;}
|
|
.Info_List ul li label#tzico{ background-position:10px -602px;}
|
|
.Info_List ul li label#qjico{ background-position:10px -655px;}
|
|
.Info_List ul li label#jfico{ background-position:10px -704px;}
|
|
.Info_List ul li label#tjico{ background-position:10px -753px;}
|
|
|
|
.Info_List ul li label#infoico{ background-position:10px -876px;}
|
|
.Info_List ul li label#shdzico{ background-position:10px -924px;}
|
|
.Info_List ul li label#jhdzico{ background-position:10px -974px;}
|
|
.Info_List ul li label#mobileico{ background-position:8px -1030px;}
|
|
.Info_List ul li label#mmico{ background-position:10px -1080px;}
|
|
.Info_List ul li label#mbico{ background-position:10px -1134px;}
|
|
|
|
.Info_List ul li span{float:right; width:auto; height:40px; }
|
|
.Info_List ul li em{float:right; width:40px; height:40px;background: url(/images/mobilebg.png) no-repeat 10px -308px; display:block; }
|
|
.jhqw_view h3 span.hover{background: url(/images/mobilebg.png) no-repeat 10px -338px;}
|
|
.Info_List ul li.ordersbtn{height:140px;}
|
|
.Info_List ul li.ordersbtn ul{}
|
|
.Info_List ul li.ordersbtn ul li{float:left; height:80px; width:20%;border:0;}
|
|
.Info_List ul li.ordersbtn ul li a,.Info_List ul li.ordersbtn ul li a:visited{ margin:0 auto; height:80px; width:50px; text-align:center;}
|
|
.Info_List ul li.ordersbtn ul li span{ margin:0 auto; width:50px;height:50px; line-height:50px; display:block;background-color:#c0e7e6;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; text-align:center;}
|
|
.Info_List ul li.ordersbtn ul li span#orderico1{ background-position:50% -539px;}
|
|
.Info_List ul li.ordersbtn ul li span#orderico2{ background-position:50% -594px;}
|
|
.Info_List ul li.ordersbtn ul li span#orderico3{ background-position:50% -640px;}
|
|
.Info_List ul li.ordersbtn ul li span#orderico4{ background-position:50% -692px;}
|
|
.Info_List ul li.ordersbtn ul li span#orderico5{ background-position:50% -749px;}
|
|
.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)
|
|
{
|
|
|
|
} |