@charset "gb2312";
body{margin:0; padding:0; font-size:0.3rem; color:#000; font-family:\5FAE\8F6F\96C5\9ED1; background:#f3f2f6}
ul,li,form,p,h2,h1{ margin:0; padding:0;list-style: none;}
a,a:link,a:visited ,a:active,a:hover{text-decoration:none; color:#000;}
h2,h1{font-size:0.3rem; font-weight:normal}
.clear{font-size:0;line-height:0;clear:both;}
input,textarea,select{ font-size:0.3rem;font-family:\5FAE\8F6F\96C5\9ED1;}

body,.main{ width:6.4rem; margin:0 auto;}

.header a,
.search i,
.footerlink a.more,
a.topup{ display:block; background:url(public.png) -9.8rem -9.8rem no-repeat; background-size:2.4rem 2.2rem;}
.header{ height:1.2rem; background-color:#ed4135; padding-top:1px;}
.header a.hmenu{ float:left; width:0.6rem; height:0.3rem; background-position:-0.1rem -1.05rem; margin:0.43rem 0 0 0.2rem}
.header a.hlogo{width:2.18rem; height:0.75rem; background-position:-0.1rem -0.1rem; margin:0.21rem auto}
.header a.hsearch{ float:right; width:0.48rem; height:0.48rem; background-position:-0.1rem -1.55rem; margin:0.35rem 0.21rem 0 0}
.search{ background-color:#f3f2f6; height:0.88rem; padding:0.2rem 0 0 0.2rem}
.search .rim{ float:left; width:5.1rem; height:0.67rem; border:1px solid #cccccc; background-color:#fff; position:relative;}
.search input{ float:left; border:none;}
.search input.submit{ background-color:#f3f2f6; text-align:left; color:#b2b2b2; height:0.62rem; margin:0.05rem 0px 0px 0px; padding:0px 0px 0px 0.1rem; width:1rem;
    -moz-border-radius:0px;      /* Gecko browsers */
    -webkit-border-radius:0px;   /* Webkit browsers */
    border-radius:0px;  
}
.search .rim b{ display:block; float:left; border-right:1px solid #cccccc; height:0.3rem; line-height:0.3rem; width:1.02rem; text-align:center; color:#b2b2b2; font-weight:normal; margin-top:0.19rem}
.search select{ position:absolute; left:0; top:0; width:1.02rem; height:0.68rem;opacity:0; font-size:0.3rem;}
.search .text{ height:0.67rem; color:#8a8a8a; width:3.4rem; line-height:0.67rem; padding:0; margin:0;}
.search i{ float:left; display:block; width:0.29rem; height:0.3rem; background-position:-1.85rem -1.05rem; margin:0.19rem 0.16rem 0 0.2rem}

.footerbox{ border:1px solid #d5d5d5; border-width:1px 0; background-color:#fff; margin:0.2rem auto 0 auto; padding:0 0.2rem 0 0.2rem}
.footerlink{ font-size:0.22rem; color:#666; line-height:0.38rem; padding:0.2rem 0; border-bottom:1px dashed #b8b8b8;}
.footerlink div{height:0.38rem; overflow:hidden; }
.footerlink a{ padding-right:10px; white-space:nowrap;color:#666;}
.footerlink a.more{ float:right; background-position:right -1.43rem; padding-right:0.2rem}
.footerlink a.up{ float:right; background-position:right -1.86rem;}
.footerlink:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.footernav{  text-align:center; height:0.74rem; line-height:0.74rem; color:#666666; font-size:0.28rem}
.footernav a{ padding:0 0.25rem;color:#666}
.footersub{ border-bottom:1px solid #777c85; width:4.54rem; margin:0.21rem auto 0.18rem auto; line-height:0.68rem; text-align:center; font-size:0.26rem; color:#333}
.footersub a{ color:#333; padding:0 0.1rem}
.footercopyright{ text-align:center; font-size:0.24rem; line-height:0.3rem; color:#000; padding-bottom:0.3rem}
.footercopyright div{ color:#9ea4b1;}
.footercopyright div a{ color:#9ea4b1;}
a.topup{ display:block; position:fixed; right:0.1rem; bottom:0.1rem; width:0.88rem; height:0.88rem; background-position:-0.79rem -1.05rem;}

.diybrandpage i, .diybrandpage del{ background:url(page.png) -9rem -9rem no-repeat; background-size:1.7rem 0.5rem;}
.diybrandpage{text-align:center;margin:0.3rem 0;}
.diybrandpage a,
.diybrandpage span{padding:0 0.24rem;line-height:0.56rem;height:0.56rem;background:#fff;border:1px solid #676767;border-radius:0.1rem;display:inline-block;vertical-align:middle;}
.diybrandpage a:active{background:#EFEFEF;}
.diybrandpage span{color:#d2d2d2;border:1px solid #d2d2d2;}
.diybrandpage .select{display:inline-block;position:relative;border-radius:0.06rem;margin:0;border:1px solid #676767;padding:0 0.16rem;line-height:0.56rem;height:0.56rem;}
.diybrandpage .select select{position:absolute;width:100%;top:0px;left:0px;opacity:0;height:0.56rem;}
.diybrandpage .select span{color:#575757;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;padding:0;vertical-align:top;line-height:0.52rem;height:0.52rem }
.diybrandpage i{width:0.13rem;height:0.28rem;margin-bottom:-0.04rem; display:inline-block;}
.diybrandpage i.arrow-left{background-position:-0.1rem -0.1rem}
.diybrandpage i.arrow-right{background-position:-0.73rem -0.1rem}
.diybrandpage span i{opacity:0.2;-moz-opacity:0.2;-khtml-opacity:0.2;filter:alpha(Opacity=20);}
.diybrandpage del{display:inline-block;margin:0.21rem 0.05rem 0 0.05rem;width:0.21rem;height:0.13rem;background-position:-1.37rem -0.19rem;}

.nolist{ text-align:center;}

.adimg{ margin-bottom:0.1rem}
.adimg img{ width:100%; display:block;}