* {box-sizing:border-box;}
.wrap{ width: 98%; min-width: 300px; max-width:800px; margin: auto; }
.clr:after{ content: ""; display: block; clear: both; overflow: hidden; height: 0; }
.fl{ float: left; }
.fr{ float: right; }
body,ul,ol,dl,dt,dd,h1,h2,h3{ margin: 0; padding: 0;}
body{ font-family: "Heiti SC","Droidsansfallback","Helvetica Neue",Helvetica,sans-serif; background: #eee; padding-bottom: 50px;}
img{ display: block; max-width: 100%; border: 0;}
h1{ font-size: 22px;}
h2{ font-size: 18px;}
h3{ font-size: 16px;}
li{ list-style-type: none; }
p{ font-size: 18px; text-indent: 2em; line-height: 1.6em;}
.bpart{ background:#fff; padding:10px; margin:10px 0;}
#loc{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#loc a{ color:#111; text-decoration: none;}
#loc a:hover{ text-decoration: underline;}
#loc span{ display: inline-block;font-family: "宋体"; margin:0 4px; color:#ccc;}
#loc strong{ color:#ef1a2c;}
#title .fl{ width:calc(38% - 10px);}
#title .fr{ width:62%;}
#cate .part,#price .part,#list .part{ width:calc(50% - 5px); float: left; margin-bottom: 10px; color: #111; text-decoration: none;}
#list .part:nth-child(2n),#cate .part:nth-child(2n),#price .part:nth-child(2n){ float: right;}
#cate .part>div{ position: relative;}
#cate .part>div:after{ content:"点击查看 >>"; position: absolute; right: 0; bottom: 10px; background:rgba(239,26,44,.85); color:#fff; padding:6px 10px; font-size: 12px;}
#list .part h3,#cate .part h3{ text-align: center; padding:10px 0;}
#list .part h3{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
#list .part p,#cate .part p{ margin-top: 0; font-size: 16px; color:#666;}
#list .part:hover h3,#cate .part:hover h3{ color:#ef1a2c;}
#list .part:hover p,#cate .part:hover p{ color:#111;}
#cate div:after{ content:"";display: block; clear: both; overflow: hidden;}
#details img,#article img{ display: block;}
#details h1,#article h1{ margin:1em 0; text-align: center; font-size: 24px}
#details p,#article p{ font-size: 16px;}
#article div{ text-align: center; font-size: 12px; color: #666;}
#article p.desc{ text-indent: 0; text-align: center;}
#article h2{ margin: 1em 0; font-size: 22px;}
#article h3{ margin:1em 0; font-size:18px;}
#contact h4{ font-size: 22px; margin:10px 0; text-align: center;}
#contact li{ margin-bottom: 10px;}
#contact li i,#contact li a{ color:#ef1a2c; text-decoration: none;}
#contact li a span{ display: inline-block; padding:5px 10px; background:#ef1a2c; color:#fff; margin-left: 4px; border-radius: 3px;}
#contact li img{ display: block; margin:auto;}
#pics h2,#pics p{ text-align: center;}
#pics h2{ font-size: 22px;}
#pics img{ margin: 10px auto;}
#btm{ position: fixed; width:100%; height: 50px; left: 0; bottom: 0;}
    #btm a{ display: block; float: left; height: 50px; line-height: 50px; color:#fff; background:#111; width:32%; text-align: center; text-decoration: none;}
    #btm a.tel{ width:68%; background:#ef1a2c;}
#search input{ float: left; height: 40px; line-height: 40px; padding:0 10px; outline: 0;}
#search .btn{ background:#37f; color:#fff; border:0; width:65px;}
#search .txt{ border:1px solid #37f; color:#111; width:calc(100% - 65px);}
.imp{ font-size: 22px; font-weight: bold; color:#ef1a2c;}
#price h3{ margin:6px 0;}
#price .part div{ color:#666; margin-bottom: 6px; height: 44px; overflow: hidden;}
#price .part mark{ background:transparent; color:#ef1a2c; font-size: 16px;}
#pages{ text-align: center; margin:20px 0;}
    #pages a{ display: inline-block; background:#111; color:#fff; height: 36px; line-height: 36px; padding:0 10px; margin:0 2px; border-radius:4px; text-decoration: none;}
    #pages a.on{ background:#ef1a2c;}
#upform th,#upform td{ border-bottom:1px dashed #ccc; border-collapse: collapse;}
#upform th,#upform td{ padding:10px;}
#upform th{ width:100px; text-align: right;}
#upform td{ font-size: 12px;}
#upform .txt{ display: block; width:100%; padding:10px; border:1px solid #999; outline:0; border-radius:3px; margin-bottom: 6px;}
#contact ul{ margin-left: 2em;}
#contact li{ list-style-position: inside; list-style-type: square;}
@media screen and (max-width: 480px){
	#title .fr,#title .fl{ width:100%; float: none;}
	#title h1{ padding:10px 0; text-align: center;}
	#title p{ margin-top:0;}
	#cate .part,#price .part{ width:100%; float: none;}
}