@charset "utf-8";

pre,textarea{overflow:auto}
.btn,.mesg-code,.pop-btns a,.quick-login,.quick-login a,header{text-align:center}
a:active,a:hover,input{outline:0 none}
.clearfix::after,.clearfix::before{content:"";display:table}
.clearfix::after{clear:both}
body{background-color:#fff;color:#333;line-height:1.5;margin:0 auto;max-width:640px;-webkit-overflow-scrolling:touch}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
.btn,.icon{display:block}
a{background:rgba(0,0,0,0) none repeat scroll 0 0;color:#08c;text-decoration:none}
a:hover{color:#069}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0 none repeat scroll 0 0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0 none;vertical-align:middle}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0 none;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
body,html{height:100%;overflow-y:auto}
input[type=search]{box-sizing:content-box}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0 none;padding:0}
textarea{resize:vertical}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
q{quotes:none}
button,html,input,select,textarea{font-family:"微软雅黑","Helvetica Neue",Helvetica,Tahoma,sans-serif}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0}
ol,ul{list-style:outside none none}
h1,h2,h3{font-weight:400;line-height:2}
h1{font-size:21px}
h2{font-size:18.2px}
h3{font-size:16.38px}
h4{font-size:14px}
h5,h6{font-size:11.9px;text-transform:uppercase}
input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
html{font-size:100px;overflow-y:auto;width:100%}
body{font-size:.14rem}

/*导航*/
.main{width:100%;max-width:640px;top:46px;bottom:50px;overflow-x:hidden;overflow-y:auto;position:absolute;background:#f7f6f6;transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-webkit-overflow-scrolling:touch}
.banner{width:100%;height:1.2rem}
.banner .swiper-container{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%}
.banner .swiper-container .swiper-wrapper .swiper-slide img{width:100%;min-width:320px;max-width:640px;height:auto;max-height:360px;min-height:132px}
.small-nav{width:100%;height:1.5rem;background:#fff;padding:.05rem 0;overflow-x:auto}
.small-nav ul{width:100%;height:100%;padding:1px;box-sizing:border-box;overflow: hidden;}
.small-nav ul li{width:16.666666%;height:0.7rem;margin-bottom: 0.05rem;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.small-nav ul li .ico{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}
.small-nav ul li .ico img{width:.45rem;height:.45rem;display:block;margin:0 auto}
.small-nav ul li .word{font-size:12px}
.small-nav-fixed{width:100%;max-width:640px;height:.7rem;background:#fff;overflow-x:auto;z-index:2;position:fixed;top:46px;border-bottom:2px solid #f2f2f2}
.small-nav-fixed ul{width:100%;height:100%;box-sizing:border-box}
.small-nav-fixed ul li{width:14%;height:100%;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.small-nav-fixed ul li .ico{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}
.small-nav-fixed ul li .ico img{width:.4rem;height:.4rem;display:block;margin:0 auto}
.small-nav-fixed ul li .word{font-size:12px}
.join-box{width:100%;background:#fff;padding:10px;box-sizing:border-box}
.join-box ul{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-around}
.join-box ul li{width:50%;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:center;align-items:center}
.join-box ul li .img{width:100%;display:block}
.join-box ul li .img img{width:100%}
.toutiao{width:100%;height:40px;background:#fff;border-top:1px solid rgba(51,51,51,.24)}
.toutiao .toutiao-img{width:15%;height:100%;float:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.toutiao .toutiao-img img{width:36px;height:15px}
.toutiao .news-box{width:65%;height:100%;float:left}
.toutiao .news-box #scrollDiv{width:100%;height:100%}
.toutiao .news-box #scrollDiv ul{width:100%;height:auto;overflow:hidden}
.toutiao .news-box li{width:100%;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toutiao .news-box li a{color:#333}
.toutiao .more{width: 20%;height: 100%;float: left;display:flex;justify-content:center;align-items:center;}

/*热门频道*/
.hot-channel{width:100%;height:auto;overflow:hidden;margin-top:.1rem}
.hot-channel .title{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;background:#fff;padding-left:10px}
.hot-channel .title .line{display:block;width:10%;height:1px;background:#000;margin:0 .2rem}
.hot-channel .t-title{color:#000;font-size:18px}
.hot-channel .content-img-box{width:100%;height:auto;overflow:hidden;padding:0 .1rem 0;box-sizing:border-box;background:#fff}
.hot-channel .content-img-box .fisrst-box{width:50%;float:left;padding-right:.05rem;box-sizing:border-box;padding-top:.1rem}
.hot-channel .content-img-box .fisrst-box-one{width:50%;float:left;padding-left:.05rem;padding-top:.1rem;box-sizing:border-box}
.hot-channel .content-img-box .fisrst-box-one img{width:100%;height:100%}
.hot-channel .content-img-box .fisrst-box img{width:100%;height:100%}
.hot-channel .content-img-box .tow-box{width:50%;display:inline-block;box-sizing:border-box;padding:5px}
.hot-channel .content-img-box .tow-box img{width:100%}

/*猜你喜欢*/
.guess-you-like{width:100%;height:auto;overflow:hidden;margin-top: 0.1rem;}
.guess-you-like .title{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;background:#fff;padding-left:10px}
.guess-you-like .title .line{display:block;width:10%;height:1px;background:#000;margin:0 .2rem}
.guess-you-like .t-title{color:#000;font-size:.18rem}
.guess-you-like .content-list-box{width:100%;height:auto;overflow:hidden;background:#fff}
.guess-you-like .content-list-box ul{width:100%;height:auto;overflow:hidden;padding:0.1rem 0 0 .1rem;box-sizing:border-box}
.guess-you-like .content-list-box ul li{width:47%;height:auto;overflow:hidden;float:left;border:1px solid #f2f2f2;padding:5px;box-sizing:border-box;margin-right:.1rem;margin-bottom:.1rem;display:flex;flex-direction:column;justify-content:flex-end}
.guess-you-like .content-list-box ul li img{height:160.5px}
.guess-you-like .content-list-box ul li .s-title{line-height:24px;font-size:14px;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 2px;height:48px}
.guess-you-like .content-list-box ul li .price{line-height:24px;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;color:#f25453}
.guess-you-like .content-list-box ul li .left{width:30%;height:100%;padding:.1rem 0;float:left;box-sizing:border-box;text-align:center}
.guess-you-like .content-list-box ul li .left img{height:85px;width:85px}
.guess-you-like .content-list-box ul li .right{width:70%;float:left;box-sizing:border-box;padding:.1rem}
.guess-you-like .content-list-box ul li .right .big-title{margin-bottom:.1rem;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.guess-you-like .content-list-box ul li .right .word{font-size:.12rem;color:#777;margin-bottom:.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guess-you-like .content-list-box ul li .right .word-one{text-align:right;color:#f25453;margin-right:.1rem}

/*爆款产品*/
.baokuan{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;margin-top:.1rem}
.baokuan .title{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-left:10px;align-items:center;background:#fff}
.baokuan .title span{color: #000;font-size: 18px;}
.baokuan .content-list-box{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;background:#fff;}
.baokuan .content-list-box ul{width:100%;height:auto;overflow-y:hidden;overflow-x:auto;padding: 0 0.1rem 0.1rem 0.1rem;display:flex;}
.baokuan .content-list-box ul li{width:33%;height:auto;overflow:hidden;float:left;background-color:#fff;margin:0 5px;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #f2f2f2;padding:5px 0;}
.baokuan .content-list-box ul li img{width: 60%;margin: 0 auto;}
.baokuan .content-list-box ul li .s-title{line-height:24px;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.baokuan .content-list-box ul li .price{line-height:24px;font-size:12px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;color:#f25453}

/*搜索遮罩*/
.search-shade{position:absolute;top:46px;max-width:640px;width:100%;height:100%;overflow:hidden;background:#fff;z-index:11;display:none}
.search-shade .top{width:100%;height:50px;border-bottom:1px solid #ccc}
.search-shade .top .left{width:50%;height:40px;padding:5px 0;float:left;text-align:center;line-height:35px;border-right:1px solid #ccc;box-sizing:border-box;margin-top:5px}
.search-shade .top .right{width:50%;height:40px;padding:5px 0;float:left;text-align:center;line-height:35px;box-sizing:border-box;margin-top:5px}
.search-shade .top .chos{color:#f25453}

/** 楼层产品 **/
.floor-pro-box{width:100%;height:auto;overflow:hidden;padding:0.1rem;box-sizing:border-box;background: #fff;}
.floor-pro-box .top-banner{width:100%;height:1.2rem}
.floor-pro-box .top-banner .swiper-container{width:100%;height:100%;border-radius: 10px;}
.floor-pro-box .top-banner .swiper-container .swiper-wrapper{width:100%;height:100%}
.floor-pro-box .top-banner .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:100%;background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}
.floor-pro-box .top-banner .swiper-container .swiper-wrapper .swiper-slide img{width:100%;min-width:320px;max-width:640px;height:auto;max-height:360px;min-height:132px}
.floor-pro-box .content-list-box{width:100%;height:auto;display:flex;justify-content:flex-start;margin-top:.1rem;overflow-x:auto}
.floor-pro-box .content-list-box .big-box{width:200%;height:auto;display:flex;}
.floor-pro-box .content-list-box .li{width:33.33333%;height:auto;overflow:hidden;float:left;background:#fff;margin:0 5px;border-radius:5px;box-sizing:border-box;border:1px solid #f2f2f2;display: flex;flex-direction: column;justify-content: flex-end;padding: 5px 0;}
.floor-pro-box .content-list-box .li img{width:60%;margin:0 auto;}
.floor-pro-box .content-list-box .s-title{line-height:24px;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.floor-pro-box .content-list-box .price{line-height:24px;font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;color:#f25453}