/*creator:Huang  Changhai
data:2017-8-15*/
body,div,dl,dt,a,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,footer,section,aside,article
{   padding:0;
    margin:0;
    font-family:'Microsoft YaHei';
    color: #666;
}
html{font-size:62.5%}
.mybody{min-width:300px;max-width:640px;margin:0 auto;position:relative}
a
{
    text-decoration:none;
    color: #676767;
}
a:hover{color: #F00}
table
{   border-collapse:collapse;
    border-spacing:0
}
fieldset,img{ border:0}
address,caption,code,dfn,em,strong,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}
/*p:before,p:after{ content:''}*/
abbr,acronym{ border:0}
/*文字排版*/
.fb{ font-weight:bold}
.fn{ font-weight:normal}
.t2{ text-indent:2em}
.unl{ text-decoration:underline}
.no_unl{ text-decoration:none}
/*定位*/
.tl{ text-align:left}
.tr{ text-align:right}
.tc{text-align:center}
.bc{ margin-left:auto; margin-right:auto}
.fl{float:left}
.fr{float:right}
.clearfix:after
{   content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.clearfix{ display:inline-block}*html .clearfix{ height:1%;}.clearfix{ display:block}
.vm{ vertical-align:middle}
.pr{ position:relative}
.pa{ position:absolute}
.pa_right{ position:absolute; right:0}
.hidden{ visibility:hidden}
.none{ display:none}
/*样式初始化结束*/
.topnav,.content{width:96%;padding: 0 0.5rem}
.topnav a{font-size:1.6rem;line-height: 200%;padding-right:1rem}
.content div.main ul li:first-child{border-top: none}
.content div.main ul li{border-top: dotted 1px #BABABA;padding: 0.5rem 0}
.content div.main ul li h3{font-size: 1.8rem;font-style:normal}
.content div.main ul li a{display:inline-block;width: 50%;float:left;font-size: 1.4rem;line-height: 2rem}
.backtop{position:fixed;right:0;bottom:0.5rem;width:100%;height:47px;display:none;z-index: 101}
.backtop img{width: 47px;position: absolute;right:0;top:0;cursor: pointer}
.backtop div{max-width: 640px;margin:0 auto;height: 47px;position: relative;}
.nav {width:100%;height:auto}
.nav ul li{font-size:1.6rem;line-height:1.6rem;float: left;display: inline-block;width:2.5rem;text-align: center}
.nav ul li.current{background: #DDD}
/*list.html*/
.header{width:100%;height: auto;position:fixed;top:0;left:0;z-index:10}
.search_form,.brand_dis,.search_type{max-width: 640px;margin: 0 auto;position: relative;background: #FFF}
.search_type span{font-size: 1.4rem}
.search_form input[type="text"]{border: solid 1px #CCC;width:82%;height:4rem;box-sizing: border-box;float: left}
.search_form input[type="button"],.search_form input[type="search"]{width:18%;height:4rem;background: #DDD url("../img/ss.png") center no-repeat;outline: none;background-size:4rem 4rem;border: solid 1px #CCC;}
.brand_dis span.brand_name{font-size: 1.4rem}
.brand_dis span.brand_other{font-size: 1.4rem}
.brand_dis span.brand_hot{width:4rem;background: url("../img/hot.png") left center no-repeat;background-size: 2rem 2rem}
.brand_dis span.brand_hot em{padding-left: 2rem;font-size: 1.4rem}
.list_content,.ad_content{margin-top:6rem}
.ad_content{padding: 0 1rem}
.goods_ul{box-sizing: border-box;float:left;width:50%;height: auto;padding:0 0.2rem}
.goods_ul ul li{box-sizing: border-box;border: solid 1px #CCC;width: 100%;overflow: hidden;margin-top:0.5rem}
.goods_ul ul li img.picimg{width: 100%;height: auto}
.goods_ul ul li a div.pic_tit{font-size: 1.4rem;padding: 1rem 0.5rem}
.goods_ul ul li a div.pic_tit span.pic_price{color: #F00}
/*朋友圈*/
.ad_list li{display: block;box-sizing:border-box;padding: 1rem 0;border-top: dotted 1px #CCC}
.ad_list li:first-child{border-top: none}
.ad_list li div.msg_content{font-size: 1.4rem;line-height: 1.6rem;color: #333}
.ad_list li div.msg_pic{margin-top: 1rem}
.ad_list li div.msg_pic img{display: block;box-sizing: border-box;float: left;height: 10rem;margin-left: 0.5rem;margin-top: 0.5rem}
.mask{width:100%;height: 5rem;background: url('../img/loading.jpg') top center no-repeat;padding-top:6rem;text-align:center;display: none}
.picbox{height:100%;width:100%;z-index:10000;position: fixed;left: 0;top: 0;display:none}
.picbox div{width:100%;max-width:640px;height:100%;margin:0 auto;position:relative;vertical-align: middle;background:#000}
.picbox img{width: 100%;position:absolute;left:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkittransform:translateY(-50%)}
.picwarp{height:100%;width:100%;z-index:1000;position: fixed;left: 0;top: 0;display: none}
.picwarp div.pic_pos{width:100%;max-width:640px;height:100%;margin:0 auto;position:relative;background:#000}
.picbox div a.back,.picwarp div.pic_pos a.back{font-size: 3rem;color: #FFF;position: absolute;top: 0;left: 0;display:block;width: 3rem;height: 3rem;
z-index: 10000;text-align: center;line-height: 3rem}
.picwarp img{width:100%;height:auto;}

}
.picwarp p{text-align: center;color: #FFF;font-size: 1.6rem}
.alterdiv{position: fixed;width:200px;top:45%;left: 50%;margin-left:-100px;background: #000;opacity: 0.8;color: #FFF;text-align: center;font-size: 1.4rem;line-height:4rem;display: none}
.tipmsg{display: none;text-align: center;font-size: 1.6rem;line-height:3rem}