.p_r{position: relative}
.search-bg{width: 100%; height: 4.8rem;  display: inline-block; position: fixed; left: 0; top: 0; z-index: 9; opacity: .7 }
.search-bg-top{top:4.5rem}
.search-input{ width: 60%; margin: .5rem 0 0 7.5rem; height: 3.2rem; line-height: 3.2rem;  background: #fff; border-radius: 1.6rem; text-indent: 1.2rem}

.search-logo{ width: 6.2rem; height: 3.6rem; background: url("../images/default_logo.png") no-repeat 0 0; background-size: 6.2rem 3.6rem; position: absolute; left: 1.0rem; top:.2rem}
.contact{ width: 5rem; text-align: center; position: absolute; top:.5rem; right: 1.5rem}
.phone-bg{ width: 1.3rem; height: 1.3rem; background: url("../images/phone-icon.png") no-repeat 0 0; background-size: 1.3rem;  display: inline-block}
.contact p{ width: 100%; text-align: center}
.swiper-container{ width: 100%;}
.swiper-slide a img{width:100%;height:100%;display:block}


.tit-icon li{text-align: center; float: left; margin: .2rem 0 }
.tit-icon img{ width:4.6rem;height:4.6rem; no-repeat 0 0;background-size: 4.6rem;}
.tit-icon3 li{width: 33.3%}
.tit-icon4 li{width: 25%}
.tit-icon5 li{width: 20%}

.tit-icon i{width: 4.6rem; height: 4.6rem; display: inline-block}
.tit-icon .ico1{ background: url("../images/index/exit-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico2{ background: url("../images/index/civil-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico3{ background: url("../images/index/circum-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico4{ background: url("../images/index/hongkong-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico5{ background: url("../images/index/loosepulley-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico6{ background: url("../images/index/visa-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico7{ background: url("../images/index/roll-icon.png") no-repeat 0 0;background-size: 4.6rem;}
.tit-icon .ico8{ background: url("../images/index/grogshop-icon.png") no-repeat 0 0;background-size: 4.6rem;}

.tab-tit{width:100%; box-sizing:border-box; position: relative; display: inline-block}
.tab-tit h2{height:1.7rem; width: 100%; line-height: 1.7rem; }
.tab-tit h2 a{position: absolute;right:0;top:.3rem;color: #747474;line-height: 1.7rem;}
.tab-tit h2 a:after{content: '';display: inline-block;vertical-align: top;margin:.3rem 0 0 .3rem;width:0;height:0;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #777;}


.bulkList li{width: 100%; height: 16.3rem; position: relative; margin-top:1.5rem; display: inline-block}
.bulkList li img{width: 100%; height: 100%;}
.black-bg{position: absolute; width: 100%; height: 30%; left: 0; bottom: 0; background: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6))}
.bulkList-time{position: absolute; top:1rem; right: 1rem; padding: 0 1rem; height: 2rem; line-height:2rem; text-align: center; background: rgba(0,0,0,.5); border-radius:1rem; }
.bulkList-time>div{display: inline-block}
.bulkList-time>div:before{content: ''; width:1.4rem; height: 1.4rem; background: url("../images/clock-icon.png") no-repeat 0 0; background-size: 1.4rem; display: inline-block; vertical-align: middle; margin-top: -0.3rem}
.bulkList-time>div p{display: inline-block}

.bulkList-tit{position: absolute; left: .8rem; bottom: .5rem; width: 100%; padding-right:12rem; box-sizing: border-box }
.bulkList-btn{position: absolute; right: .8rem; bottom: .5rem; width: 10rem; height: 3.4rem; border-radius: 1.7rem; text-align: center; line-height: 2rem}
.bulkList-btn .old{line-height: 1rem; text-decoration:line-through }
.recommend_add li{ float: left; width: 8rem; height: 2.8rem; line-height: 2.8rem; text-align: center; border: 1px solid #ddd; background: #fff; margin: .4rem .8rem .4rem 0; border-radius: 1.4rem; display: inline-block}
.recommend_add li:nth-child(4n){margin-right: 0}
.recommend_add li.on{ background: #ffb901; color: #fff; border: 1px solid #ffb901;}

.tabMenu li.active{ color: #888; border-bottom: 2px #ffb901 solid;}


.productList{width: 100%; display: inline-block}
.productList li{position: relative; margin-top: 1rem}
.productList li .img{width: 11.4rem;
    height: 7.8rem;
    position: absolute;
    top: 0;
    left: 1rem;}
.productList li .img img{width: 100%; height: 100%}
.productList li .img .tit{  position: absolute; right: 0; bottom: 0; }
.productList li .img .tit i{ float: left; width: .9rem; height: 2rem; background: url("../images/index/corner-icon.png") no-repeat 0 0; background-size: .9rem 2rem; display: inline-block}
.productList li .img .tit span{float: left; height: 2rem; line-height: 2rem; padding: 0 .5rem; background: #ffd800; display: inline-block}

.productList li .product-text{padding: 0 1rem 1rem 13.5rem;
    width: 100%;
    height: 9.5rem;
    box-sizing: border-box;
    position: relative;}
.productList li .product-text p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.productList li .product-text p.single{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productList li .product-text .price{position: absolute; right: 1.5rem; bottom: 1.2rem; line-height: 1rem}
.nav{position: fixed; left: 0; bottom: 0; width: 100%; height: 4.8rem;}
.nav li{ text-align: center}

.nav li.project{position: relative}
.nav li.project .icon{ width: 12.5rem; height: 6.5rem; display: inline-block; background: url("../images/index/project-icon.png") no-repeat 0 0; background-size: 12.5rem 6.5rem; position: absolute; left: 50%; top:-1.8rem; margin-left: -6.25rem}
.nav li a{ display: block; height: 4.8rem; box-sizing: border-box; padding-top: .3rem; font-size: 2.2rem; color: #888}
.nav li p{ line-height: .5rem; padding-top: .2rem}
.nav li.on a{color: #000}

.cheader{background: #007f00}

/*热门目的地推荐*/
.lh38{line-height: 3.8rem}

[v-cloak] {
  display: none;
}

/*首页悬浮框*/

.store_bounced{
    position: fixed;
    right: 0;
    width: 120px;
    height: 100px;

    color: #fff;
    z-index: 999;
}
.people_num{
    top:400px;
    background: url("../images/people_num.png") no-repeat;
    background-size: 110px 100px;
    line-height: 85px;
}
.people_store{
    top:400px;
    background: url("../images/people_store.png") no-repeat;
    background-size: 110px 100px;
    line-height: 85px;
}
.store_bounced p{
    text-align: center;
}
.store_bounced span{
    font-size: 24px;
    color: #ffed3e;
    font-weight: bold;
    font-style:italic;
    text-shadow: 2px 2px 5px #b0264e;
}