/*----*/
/*通用区*/
body {background-color:#fff}
.kht {clear:both; height:0}
.khb {clear:both; height:55px}
/*上部菜单栏*/
header {POSITION:relative; width:100%; height:80px; border:0; text-align:center; background:url(back.jpg) no-repeat #fff; background-size:100% 100%}
#logo {POSITION:absolute; left:0; top:0; bottom:0; right:0; width:127px; height:65px; margin:auto; background:url(logo.png?123) no-repeat; background-size:100% 100%}
header a {display:none}
#logo a {display:block}
header a.skin {display:none; POSITION:absolute; bottom:4px; right:4px; width:25px; height:19px; background:url(skin.png) no-repeat}
/*通用内容区*/
section {POSITION:relative; margin:30px 8% 20px; padding:75px 3% 16px; border:0; color:#555; background-color:#fff; box-shadow:0 0 2px rgba(0,0,0,0.5)}
section:before {position:absolute; z-index:-1; left:10px; top:10px; width:80%; height:70%; content:""; -webkit-transform:skew(6deg) rotate(4deg); -moz-transform:skew(6deg) rotate(4deg); box-shadow:-8px 4px 16px rgba(0,0,0,0.5)}
section:after {position:absolute; z-index:-2; right:10px; top:10px; width:80%; height:70%; content:""; -webkit-transform:skew(-6deg) rotate(-4deg); -moz-transform:skew(-6deg) rotate(-4deg); box-shadow:8px 4px 16px rgba(0,0,0,0.5)}
h2 {POSITION:absolute; left:0; right:0; top:0; height:60px; padding:0; border:0; background-color:#fee; overflow:hidden}
h2 span {display:block; height:60px; font-size:22px; text-align:center; color:#444; padding:0; line-height:60px}
dl,p,.phb {margin:0; padding:0; font-size:16px; line-height:1.6; color:#666}
dt {float:left; width:28%; text-align:right; margin:2px 0; padding:2px 0; color:#999}
dt.y:before {content:"*"; color:#f00; margin:2px}
dd {float:right; width:68%; margin:2px 0; padding:2px 0}
dl div {margin:10px}
b {color:#000}
/*通用标题栏*/
h1 {height:40px; width:100%; padding:0; margin:0; border:0; overflow:hidden; z-index:999}
h1 span {display:block; width:100%; height:100%; margin:0; padding:0 0 0 1px; font-size:18px; line-height:40px; color:#444; text-align:center; background:-webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#aaa)); background:-moz-linear-gradient(top,#ccc,#aaa)}
h1 span a {float:left; display:block; width:32.7%; height:39px; margin:0; font-size:18px; text-align:center; border:1px solid #aaa; border-bottom:0; line-height:40px; background:-webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#aaa)); background:-moz-linear-gradient(top,#ccc,#aaa)}
h1.l4 span a {width:24.4%}
h1 span a.t {height:40px; border-top:0; color:#444; background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd)); background:-moz-linear-gradient(top,#fff,#ddd)}
h1 span a.t:visited {color:#444}
/*主页轮换广告*/
section.mad {margin:0 0 20px 0; padding:0; background:none; box-shadow:none}
#mad {display:block; width:100%; margin:0; padding:0; background-repeat:no-repeat; background-size:100% 100%}
/*产品列表*/
section.cplb {margin:0; padding:0; background:none; box-shadow:none}
section.cplb:before {content:normal}
section.cplb:after {content:normal}
.cplb .s {POSITION:relative; float:left; width:43%; margin:2px 0 12px 10px; padding:5px; background-color:#eee; box-shadow:0 0 2px rgba(0,0,0,0.4)}
.cplb .s:nth-child(2n) {float:right; margin:2px 10px 12px 0}
.cplb .s a {display:block; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cplb .s a span {position:absolute; display:block; width:80%; height:40px; left:0; top:0; right:0; bottom:0; font-size:20px; text-align:center; line-height:40px; color:#000; text-shadow:0 0 6px #fff; margin:auto}
.cplb .m {POSITION:relative; margin:0; float:left; width:50%; margin:0; padding-bottom:20px; border-bottom:1px solid #ccc; border-right:1px solid #ccc}
.cplb .m:nth-child(2n) {border-right:0; margin-left:-1px}
.cplb .m .p {margin:0; padding:4px 10px 16px}
.cplb .m .p a {display:block; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cplb .m .t {position:absolute; left:6px; bottom:4px; font-size:14px; font-weight:bold; color:#444}
.cplb .m .t1 {position:absolute; right:6px; top:4px; font-size:18px; font-weight:bold; color:#f44}
.cplb .z {POSITION:relative; float:left; width:100%; margin:0; padding:0; border-bottom:1px solid #ccc}
.cplb .z .p {width:80%; margin:0; padding:0}
.cplb .z .p a {display:block; margin:0; border:0; background-size:100% 100%; background-repeat:no-repeat}
.cplb .z .p a .t {margin:20px 0 0 20px; font-size:12px; color:#aaa; line-height:1.5}
.cplb .z .p a .t b {font-size:18px; color:#444}
.cplb .z .p a .t b.rr {color:#f44}
.cplb .z .g {position:absolute; width:14%; top:10px; padding:0}
.cplb .z .g a {display:block; margin:4px; border:1px solid #ddd; background-size:100% 100%; background-repeat:no-repeat}
.cplb .z:nth-child(2n) .g {right:12px}
.cplb .z:nth-child(2n) .p {margin:0 20% 0 0}
.cplb .z:nth-child(2n-1) .g {left:12px}
.cplb .z:nth-child(2n-1) .p {margin:0 0 0 20%}
#loading {width:100%; height:60px; background:url(loading.gif) no-repeat center center #fff}
/*订单列表*/
section.ddlb {margin:0; padding:8px 0; background:none; box-shadow:none; border-top:8px solid #f2f2f2; border-bottom:2px solid #ccc}
section.ddlb:before {content:normal}
section.ddlb:after {content:normal}
.ddlb .ddh {float:left; width:75%; height:18px; line-height:18px; margin:5px 0 5px 10px; font-size:12px}
.ddlb .ddh span {color:#aaa}
.ddlb .xq {float:left; width:15%; height:18px; margin:5px 10px 5px 0; color:#e99; font-size:14px; text-align:right}
.ddlb .tp {float:left; width:20%; margin:5px; border:1px solid #eee; background-size:contain; background-repeat:no-repeat; background-position:center}
.ddlb .mc {float:left; width:73%; height:42px; line-height:21px; margin:8px 5px}
.ddlb .jg {float:left; width:28%; margin:5px; color:#aaa; font-size:14px}
.ddlb .je {float:left; width:40%; margin:5px; color:#000; font-size:14px; text-align:right}
.ddlb label {display:none; margin:8px 24px; padding:16px; background-color:#888; border:4px solid #bbb; line-height:1.6; font-size:14px; color:#fff}
.ddlb label b {color:#fff}
.ddlb .an {height:30px; line-height:30px; border-top:1px dotted #aaa}
.ddlb .an span {float:left; height:24px; margin:5px 0 0 10px; font-size:14px; line-height:24px; color:#f44}
.ddlb .an a {float:right; height:24px; margin:5px 10px 0 0; padding:0 8px; font-size:14px; font-weight:bold; line-height:26px; color:#e99; border:1px solid #e99; border-radius:4px}
.ddlb .an a:visited {color:#e99}
/*产品详情*/
section.cptp {margin:0; padding:0; border:0; background:none; box-shadow:none; background-color:#fff; overflow:hidden}
section.cptp:before {content:normal}
section.cptp:after {content:normal}
.cptp .p {height:100%; margin:0; padding:0}
.cptp .p a {float:left; height:100%; margin:0; border:0; background-size:contain; background-repeat:no-repeat; background-position:center}
#cptb {height:16px; width:100%; font-size:14px; color:#888; text-align:center}
section.cpxq {margin:20px 4%; padding:0; border:none; background:none; box-shadow:none}
section.cpxq:before {content:normal}
section.cpxq:after {content:normal}
.cpxq .l {float:left; width:55%; margin:0; padding:0; overflow:hidden}
.cpxq .l ul {width:95%; margin:5px; border:0}
.cpxq .l li {height:24px; line-height:24px; overflow:hidden; color:#666}
.cpxq .l li:first-child {font-size:18px; color:#000}
.cpxq .r {float:right; width:43%; margin:0; padding:0; overflow:hidden}
.cpxq .r a {display:block; padding:0; margin:4px 0 16px 5%; width:86%; height:36px; font-size:16px; line-height:36px; color:#FFF; text-align:center; border-radius:6px; text-shadow:-1px -1px 1px #100; border:1px outset #dbb; background:-webkit-gradient(linear,0 0,0 100%,from(#faa),to(#d22)); background:-moz-linear-gradient(top,#faa,#d22)}
.cpxq .h {display:none}
.twxqan {display:block; width:100%; height:36px; line-height:36px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; text-align:center; color:#888}
section#twxq {POSITION:relative; margin:0; padding:0; border:0; background-color:#fff; box-shadow:none}
section#twxq:before {content:normal}
section#twxq:after {content:normal}
#twxq img {display:block; width:100%; margin:0}
#twxq br {display:none}
section.xqsm {POSITION:relative; margin:8px 4% 16px; padding:48px 0 10px; border:0; color:#555; background-color:#fff; box-shadow:none}
section.xqsm:before {content:normal}
section.xqsm:after {content:normal}
.xqsm h2 {POSITION:absolute; left:0; right:0; top:0; height:36px; border:0; background-color:#ccc; overflow:hidden; background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(0.5, #ccc),to(#fff)); background:-moz-linear-gradient(left,#fff,#ccc,#fff)}
.xqsm h2 span {display:block; height:36px; font-size:18px; font-weight:bold; text-align:center; color:#000; line-height:36px}
.xqsm .content {margin:0; padding:0; font-size:16px; line-height:1.6; color:#666}
.xqsm .content img {display:block; width:100%; line-height:0; margin:0}
.xqsm .warn {margin:-48px 0 0; background-color:#aaa; color:#fff; padding:10px; line-height:1.6; border-radius:6px}
.xqsm .warn img {float:left; margin:0 8px}
/*微信支付*/
section.wxzf {margin:0; padding:0; border:none; background:none; box-shadow:none}
section.wxzf:before {content:normal}
section.wxzf:after {content:normal}
.wxzf .t {margin:0; padding:10px 4%; background-color:#eee; border-top:1px solid #ccc}
.wxzf .sh {POSITION:relative; height:30px; line-height:30px}
.wxzf .sh:after {position:absolute; content:""; right:12px; top:18px; width:0; height:0; border-color:#ccc transparent transparent transparent; border-style:solid; border-width:15px 10px 0 10px}
.wxzf .dz {border-top:0; display:none; padding:20px 0}
.wxzf .sl {margin:10px auto; width:285px; height:50px}
.wxzf .sl input {float:left; width:100px; height:50px; font-size:36px; text-align:center; margin:0; padding:0; border:0; border-radius:0; overflow:hidden}
.wxzf .sl input::-webkit-scrollbar-thumb {border:0}
.wxzf .sl span {float:left; height:50px; width:45px; line-height:50px; border:0; font-size:36px; text-align:center; margin:0; background:#444; color:#fff}
.wxzf .sl span.l {border-radius:25px 0 0 25px; border-right:1px solid #666}
.wxzf .sl span.r {border-radius:0 25px 25px 0; border-left:1px solid #666}
.khzf {clear:both; height:60px}
/*文章列表*/
section.wzlb {margin:10px 4%; padding:0; background:none; box-shadow:none}
section.wzlb:before {content:normal}
section.wzlb:after {content:normal}
.wzlb a {POSITION:relative; display:block; box-sizing:border-box; width:100%; height:48px; border-bottom:1px dotted #aaa; padding-right:20px; overflow:hidden; line-height:48px; color:#555}
.wzlb a:first-of-type {border-top:1px dotted #aaa}
.wzlb a:before {content:""; width:0; height:0; border-color:#fbb #844 #400 #f66; border-style:solid; border-width:6px; float:left; margin:18px 8px 0 2px}
.wzlb a:after {position:absolute; content:""; right:2px; top:19px; width:0; height:0; border-color:transparent transparent transparent #f44; border-style:solid; border-width:5px 0 5px 10px}
/*文章详情*/
section.wzxq {margin:10px 4%; padding:50px 0 10px; background:none; box-shadow:none}
section.wzxq:before {content:normal}
section.wzxq:after {content:normal}
.wzxq .content {margin:0; padding:0; font-size:16px; line-height:1.6; color:#666}
.content p {text-indent:2em}
.content img {max-width:100%}
.wzxq h2 {height:40px; background-color:#fff; border-bottom:1px dotted #ccc}
.wzxq h2 span {height:40px; line-height:40px; color:#444; font-weight:bold; font-size:18px}
/*微信聊天室*/
section.wxlt {POSITION:static; margin:0; padding:6px 3% 50px; min-height:95%; border:none; background:none; box-shadow:none; background-color:#ebebeb}
section.wxlt:before {content:normal}
section.wxlt:after {content:normal}
.wxlt .nr {POSITION:relative; max-width:70%; padding:12px 8px; line-height:1.4; border-radius:6px; color:#333}
.wxlt .nr i {color:#999}
.wxlt .nr img {max-width:100%}
.wxlt .wxl {width:100%; margin:10px 0}
.wxlt .wxl .tx {float:left}
.wxlt .wxl .nr {float:left; margin-left:12px; background-color:#fff}
.wxlt .wxl .nr:before {content:""; POSITION:absolute; left:-8px; width:0; height:0; top:18px; border-color:transparent #fff transparent transparent; border-style:solid; border-width:5px 8px 5px 0}
.wxlt .wxr {width:100%; margin:10px 0}
.wxlt .wxr .tx {float:right}
.wxlt .wxr .nr {float:right; margin-right:12px; background-color:#a7d94f}
.wxlt .wxr .nr:after {content:""; POSITION:absolute; right:-8px; width:0; height:0; top:18px; border-color:transparent transparent transparent #a7d94f; border-style:solid; border-width:5px 0 5px 8px}
.wxlt .wxr .nr .wo {font-size:12px; color:#692; margin-bottom:2px}
.wxlt .rq {text-align:center; margin:18px 0 14px}
.wxlt .rq span {background-color:#d3d3d3; color:#fff; padding:6px 8px; font-size:12px; border-radius:4px}
.wxlt .tx {width:46px; height:46px}
.wxlt .tx img {width:46px; height:46px}
/*表格*/
table {width:96%; margin:0 2%; padding:0; font-size:1rem}
th, .phb td {margin:0; padding:0; height:1.6rem; line-height:1.6rem; border-bottom:1px dotted #ccc}
th {text-align:center; color:#fff; background-color:#d99}
td {text-align:center; color:#666}
/*表单*/
input[type=text],input[type=number],input[type=tel],input[type=email],textarea {width:88%; border:1px solid #bbb; font-size:14px; height:24px; line-height:24px; border-radius:4px}
textarea {height:56px}
button {POSITION:relative; padding:0; margin:4% 0 4% -70px; width:140px; height:40px; left:50%; font-size:20px; line-height:40px; color:#FFF; text-shadow:1px 1px 1px #faa, -1px -1px 1px #100; border:1px outset #dbb; background:-webkit-gradient(linear,0 0,0 100%,from(#faa),to(#d22)); background:-moz-linear-gradient(top,#faa,#d22); border-radius:8px}
input[type=radio], input[type=checkbox] {vertical-align:2px}
/*预订产品*/
.ydcp {height:30px; line-height:30px; margin:6px 0; padding:0; border-bottom:1px dotted #ccc}
.ydcp span {line-height:30px}
.ydcp .sl {float:right; margin-top:2px}
.ydcp .sl input[type=text] {float:left; width:36px; height:22px; text-align:center; margin:0 1px; padding:0}
.ydcp .sl span {float:left; height:22px; width:22px; line-height:22px; border:1px solid #aaa; font-size:20px; text-align:center; margin:0 1px; border-radius:11px}
/*签到框*/
.qdk {POSITION:relative; width:240px; height:80px; margin:20px 0 60px -120px; left:50%; border:2px outset #ccf; background:-webkit-gradient(linear,0 0,0 100%,from(#88f),to(#22c)); background:-moz-linear-gradient(top,#88f,#22c); border-radius:10px; box-shadow:4px 4px 8px #000}
.qdk .qdpm {POSITION:absolute; width:72px; height:68px; left:5px; top:5px; border:1px inset #ccf; text-align:center; background-color:#fff; border-radius:8px; box-shadow:1px 1px 8px #444 inset}
.qdk .qdpm .pm {color:#888; line-height:24px; margin-top:10px}
.qdk .qdan {POSITION:absolute; width:160px; height:68px; right:5px; top:5px; text-align:center}
.qdk .qdan .qd {font-size:36px; line-height:68px; color:#FFF; text-shadow:-1px -1px 1px #aaf, 1px 1px 2px #001}
.qdk .qdan .yq {font-size:24px; line-height:40px; color:#FFF; text-shadow:-1px -1px 1px #aaf, 1px 1px 2px #001}
.qdk .qdan .xx {font-size:12px; line-height:24px; color:#bbf}
/*底部菜单栏*/
footer {POSITION:fixed; left:0; bottom:0; width:100%; height:56px; border:0; background:-webkit-gradient(linear,0 0,0 100%,from(#2d2727),to(#555)); background:-moz-linear-gradient(top,#2d2727,#555); z-index:9998}
footer a {float:left; POSITION:relative; height:100%}
footer a.tel {width:56px; background:url(tel.png) no-repeat #5b5b5b; background-size:100% 100%}
footer a.but {width:calc((100% - 60px) / 3); border-left:1px solid #555}
footer a span {POSITION:absolute; top:0; bottom:0; font-size:18px; color:#fff; height:30px; line-height:30px; text-align:center; width:100%; margin:auto 0}
footer a:target {color:red}
footer.wxhf {height:42px}
footer.wxhf input[type=text] {float:left; height:24px; width:74%; margin:8px 0 8px 0}
footer.wxhf input[type=button] {float:right; height:28px; width:10%; border:0; border-radius:4px; margin:8px 2% 8px 0}
footer.qrzf {height:60px}
footer.qrzf div {padding:0; margin:9px 0; width:130px; height:40px; font-size:20px; line-height:40px; color:#FFF; text-shadow:1px 1px 1px #faa, -1px -1px 1px #100; border:1px outset #dbb; background:-webkit-gradient(linear,0 0,0 100%,from(#faa),to(#d22)); background:-moz-linear-gradient(top,#faa,#d22); border-radius:8px; text-align:center}
footer.qrzf div.l {float:left; margin-left:20px}
footer.qrzf div.r {float:right; margin-right:20px}
nav {display:none; POSITION:fixed; border:1px solid #555; background-color:rgba(45,39,39,0.7); z-index:10000}
nav a {display:block; height:40px; line-height:40px; padding:0 6px; font-size:18px; text-align:center; border-top:1px solid #555; color:#eee; overflow:hidden}
nav a:visited {color:#eee}
nav a:first-of-type {border-top:0}