html,body {
    position:relative;
    height:100%;
}
html {
    overflow:hidden;
}
* {
    padding:0;
    margin:0;
}
body{ padding: 0; margin: 0; background: #f1f1f1;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale；}
ul,li{ margin: 0; padding: 0; list-style: none;}
.clear{clear: both;}

.body-wrap{ max-width: 750px; height: 100%; margin: 0 auto;}
header{
    position:absolute;
    top:0;
    z-index:5;
    width:100%;
    max-width: 750px;
}
header img{ width: 100%; height: auto;}
header img.topic{ position: relative; top: 0; left: 0; z-index: -1;}
header img.current{
    position: relative;
    opacity: 1;
    transition: transform 1s ease 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s ease 0s, opacity 1s ease 0s;
    -webkit-transition: -webkit-transform 1s ease 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s ease 0s, opacity 1s ease 0s;
    -ms-transition: -ms-transform 1s ease 0s, opacity 1s ease 0s;
}
.fix{
    position: fixed;
}
.relative{
    position: relative;
}
.nav-wrap{
    /*border-bottom: solid 1px #d3d3d3;*/
    z-index:9;
    width: 100%;
    max-width: 750px;
    position: relative;
}
ul.nav-top{
    background: #fff;
    padding: 0 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.nav-top li{ padding: 8px 10px; position: relative;}
.nav-top:after{ content: ''; clear: both;}
.nav-top li a{ color: #666; text-decoration: none; font-size: 14px; line-height: 26px;
    white-space: nowrap;
}
/*.nav-top li a.current{ color: #ff6600;}*/
/*.nav-top li a.current:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*border-bottom: solid 2px #ff6600;*/
/*}*/

.gallery-thumbs{
    background: #fff;
    z-index: 999;
}
.nav-cat{
    background: #fff;
}
.nav-cat{
    padding: 0px 0px; position: relative;
    font-size: 14px; line-height: 26px;
    color: #666;
    border-top: solid 1px #ddd;
    border-bottom: solid .5px #ddd;
}
.nav-cat .swiper-slide{
    position: relative;
    padding: 5px 5px;
    width: auto;
    text-align: center;
    border-right: solid .5px #ddd;
    border-bottom: solid .5px #ddd;
}
.nav-cat .swiper-slide.current{
    color: #ff6600;
}
/*.nav-cat .swiper-slide.current:after{*/
    /*content: '';*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*border-bottom: solid 2px #ff6600;*/
/*}*/
.top_menu_more{
    position: absolute;
    right: 0;
    width: 36px;
    height: 46px;
    background: #fff;
    z-index: 2;
}
.list_shadow{
    position: absolute;
    width: 10px;
    height: 46px;
    left: -5px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAABXCAQAAACjUt0DAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABIAAABXAK421QoAAAFiSURBVEjH1ZbbtoMgDERnKP//yaYPVSAhF077dHQtamU7k0RKAxwcPCF4ItF+tWMNsVZS91uJhNlRX7FGPMgizOrEObJSiZUUAnRkR6q0qnErm7Lhc9UDBaXUt0kN0FOaOo4SQ5BRCahOA3HT5KwTE50GZhV37VazJKYljjE2SE+sPsittC1XW/FmgNVsZJcvuhvrAbLqffNadPXLYgaLzs8wWSo6rk9FYdeBUW/x1DRswfS6ysuNlcDZ7ssTSCpIfDsZn/J8b+Omh8pjR/X8DkuWndwnINpOlukFbtvzVslAEmF+TCMaCC4fkr8oKUgVzmQ4IBojHfqFqwd28O0S6AXA7ib2P+HOTlzLcXZ3+tFz6yRObiOmGY+3k6ev5XN97Uq7FoCXkl5HTrT6tQiw2u1aY/TrZF551jyMFPZiOqW1O5zXiJx1PV/2Tw52tD8ddYc/9Zlq7qhBrlrtuhX/98cbycGBFpNaiv0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDItMjdUMTc6NDQ6NDErMDg6MDDFbrv7AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTAyLTI3VDE3OjQ0OjQxKzA4OjAwtDMDRwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) no-repeat center right;
    background-size: contain;

}
.more_bar{
    height: 17px;
    width: 17px;
    position: absolute;
    z-index: 1;
    opacity: 0.9;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
.more_bar:before, .more_bar:after {
    position: absolute;
    content: ' ';
    height: 12px;
    width: 2px;
    background-color: #f85959;
}
.more_bar:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 7px;
}
.more_bar:after{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-bottom: -7px;
}
/*列表*/
ul.product-list{

}
.product-list li{
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}
.product-list li a.item-link{
    text-decoration: none;
    display: block;
    overflow: hidden;
}
.product-list li a.item-link .btn-buy{ position: absolute; right: 10px; bottom: 10px;
    border: solid 1px #ff6600;
    padding:3px 20px;
    border-radius: 20px;
    color: #ff6600;
}
.product-list li .title-pic{
    width: 100px;
    height: 100px;
    float: left;
}
.product-list li .item-right{
    margin-left: 10px;
    padding-left: 100px;
}
.product-list li .nopic{
    padding-left: 0px;
    margin-left: 0;
}
.item-right p{ margin-bottom: 0;}
.item-right p.title{
     color: #333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
 }
.item-right p.spec{
    color: #999;
    font-size: 12px;
    text-align: justify;
    text-align-last: left;
}
.item-right p.price{
    font-size: 22px;
    color: #ff6600;
}
.item-right p span.ico-money{ font-size: 18px;}
.item-right p span.back-txt{ font-size: 12px; color: #666}
.item-right p.tag {
    display: inline-block;
    padding: 0px 3px;
    border-radius: 3px;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #0099E1;
    margin-bottom: 10px;
    margin-right: 5px;
}
.btn-kebao{
    position: absolute; z-index: 9999; right: 90px; bottom: 10px; border: solid 1px #FF6600; border-radius: 20px; padding: 3px 20px; background: #fff; color: #FF6600
}
.btn-kebao:hover{
    color: #ff6600;
    text-decoration: none;
}
.pingce{position: absolute; top: 0px; right: 0px; padding: 3px 10px; background: #ff6600; color: #fff;}
.pingce:hover{
    color: #fff;
    text-decoration: none;
}

/**/
#top {
    position:absolute;
    top:0;
    z-index:5;
    width:100%;
}
#page {
    margin-bottom:150px;
    height:100%;
}
#page .slidepage {
    height:100%;
}
.scroll {
    height:100%;
}
.slidescroll {
    height:auto;
}
.botom-bar{
    height: 50px;
    text-align: center;
    color: #999;
}
.botom-bar span{
    display: block;
    position: relative;
    min-width: 200px;
    line-height: 30px;
    margin: 0 auto;
}
.botom-bar span:before,.botom-bar span:after{
    display: block;
    content: '';
    width: 50px;
    border-bottom: solid #ddd .5px;
    position: absolute;
    top: 15px;
}
.botom-bar span:before{
    left: 0;
}
.botom-bar span:after{
    right: 0;
}
#nav .bar {
    width:50px;
    height:3px;
    position:absolute;
    bottom:0px;
    left: 0px;
    visibility: hidden;
}
#nav .bar.visible{
    visibility:visible;
}
#nav .bar .color {
    width:100%;
    margin:0 auto;
    height:3px;
    background:#ff6600;
}
#nav .firstbar{
    visibility:visible;
}
.img img {
    width:100%;
    display:block;
}
.firstcss{
    color: #ff6600;
}
#banner .swiper-pagination {
    left:auto;
    right:7px;
    bottom:7px;
    width:auto;
    padding:2px 7px;
    border-radius:10px;
    color:#fff;
    background:rgba(0,0,0,.3);
}

.banner-box{

}
.banner-box .link{
    display: block;
}