.index_view{
    width: 100%;
    height: 1rem;
}
.index_content{
    width:6.9rem;
    margin:auto;
    overflow:hidden;
}
.index_header{
    width:100%;
    height:.74rem;
    margin-top:.46rem;
    margin-bottom:.37rem;
}
.index_header_input{
    width:6.2rem;
    height:.74rem;
    background:rgba(153,153,153,0.1);
    border-radius: .37rem;
}
.index_header_city{
    width:1.6rem;
    height:.28rem;
    border-right:.01rem solid rgba(102,102,102,0.15);
}
.index_header_city_font{
    /*height: 25px;*/
    font-size: .26rem;
    font-weight: 500;
    color: #333333;
}
.index_header_city_img{
    width:.16rem;
    height:.09rem;
    margin-left:.14rem;
}
.index_header_search_img{
    width:.27rem;
    height:.26rem;
    opacity: 0.4;
    margin-left:.26rem;
}
.index_header_search_font{
    font-size: .24rem;
    color:#666666;
    outline:none;
    border:none;
    background: transparent;
    margin-left: .22rem;
}
.index_header_search_font::-webkit-input-placeholder {
    color: #666666;
    opacity: 0.4;
}
.index_header_search_font::-moz-input-placeholder {
    color: #666666;
    opacity: 0.4;
}
.index_header_search_font::-ms-input-placeholder {
    color: #666666;
    opacity: 0.4;
}
.input_header_search_right{
    width:.7rem;
}
.input_header_search_phone{
    width:.5rem;
    height:.5rem;
    animation:myfirst 4s;
    animation-iteration-count:infinite;
}
@keyframes myfirst {
    0%   {transform: rotate(0deg)}
    25%  {transform: rotate(30deg)}
    50%  {transform: rotate(0deg)}
    75%  {transform: rotate(30deg)}
    100% {transform: rotate(0deg)}
}
/*轮播图*/
.index_banner{
    width:100%;
    height:3.2rem;
    border-radius: .22rem;
    margin-bottom:.38rem;
}
.index_banner_img{
    width:6.9rem;
    height:3.2rem;
}
.swiper-pagination-custom {
    top: 1.8rem;
    left: 0;
    width: 100%;
    height: 20px;
    /* background-color: red; */
    text-align: center;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.swiper-pagination-customs {
    width: 0.12rem;
    height: 0.12rem;
    display:inline-block;
    background: #fff;
    opacity: .4;
    border-radius: 50%;
    /* box-shadow: 0 0 2px  #000; */
    margin: 0 5px;
    outline: 0;
}
/*自定义分页器激活时的样式表现*/
.swiper-pagination-customs-active {
    width: 0.3rem;
    height: 0.12rem;
    opacity: 1;
    border-radius:0.06rem;
}


/*热门头条*/
.index_hot{
    width:100%;
}
.index_hot_left{
    width:.6rem;
    height:.28rem;
    border: 0.01rem solid #FF5761;
    text-align:center;
    line-height:.28rem;
    font-size:.22rem;
    color: #FF5761;
    border-radius: .08rem;
}
.index_hot_content{
    flex-grow:1;
}
.index_hot_content_spot{
    width:.08rem;
    height:.08rem;
    border-radius: 50%;
    background: #FF6C00;
    margin-left: .21rem;
    margin-right:.13rem;
}
.index_hot_content_font{
    width: 4rem;
    font-size: .24rem;
    font-weight: 400;
    color: #333333;
}
.index_hot_right_img{
    width: 1.46rem;
}
/*快速浏览*/
.index_nav{
    width:100%;
    margin: auto;
    margin-top:.5rem;
    padding-bottom: .2rem;
    box-sizing: border-box;
    box-shadow: 0 .02rem .01rem .01rem rgba(153, 153, 153, 0.06);
    border-radius: 0 0 .4rem .4rem;
}
.index_nav_content_img{
    width:.63rem;
    height: .58rem;
    margin:auto;
}
.index_nav_content_font{
    /*width: 95px;*/
    /*height: 23px;*/
    font-size: .24rem;
    font-weight: 500;
    color: #333333;
    text-align:center;
    padding-top:.3rem;
}
/*定制选址*/
.index_site{
    width:100%;
    height:1.6rem;
    margin:.3rem auto .51rem;
}
/*今日优选*/
.index_hot_header_left{
    font-size:.34rem;
    color:#333333;
    font-weight: bold;
    border-left:.06rem solid #FF6C00;
    padding-left:.2rem;
}
.index_hot_header_right{
    font-size: .24rem;
    font-weight: 500;
    color: #999999;
}
.index_day_content{
    overflow-x: auto;
    overflow-y:hidden;
    width:100%;
    margin-bottom:.82rem;
}
.index_day_content_insert{
    margin-left: .19rem;
    margin-top:.67rem;
}
.index_day_content_div{
    width:2.2rem;
    margin-left:.38rem;
}
.index_day_content_div:first-child{
    margin-left:0;
}
::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}
.index_day_content_div_img{
    width:2.2rem;
    height: 1.82rem;
    border-radius: .18rem;
}
.index_day_content_div_title{
    font-size: .3rem;
    font-weight: bold;
    color: #333333;
    margin-top:.12rem;
}
.index_day_content_div_sub{
    font-size: .22rem;
    font-weight: 500;
    color: #999999;
    margin-top:.12rem;
}
.index_day_content_div_price{
    font-weight: 500;
    color: #FF5761;
    margin-top: .2rem;
    font-size: .22rem;
}
.index_day_content_div_price>span{
    font-size: .44rem;
    font-weight: 400;
}
/*为您推荐*/
.index_recommend_top{
    margin-bottom: .37rem;
}
.index_recommend{
    width:100%;
}
.index_recommend_content{
    width:100%;
    height:2.32rem;
}
.index_recommend_content_left{
    width:2.71rem;
}
.index_recommend_content_img{
    width:2.2rem;
    height: 1.82rem;
    margin:auto;
    border-radius: .18rem;
}
.index_recommend_content_right{
}
.index_recommend_content_right_top{
    margin-top:.35rem;
}
.index_recommend_content_right_label{
    width: 1.04rem;
    height: .34rem;
    background: #6C84FF;
    border-radius: .04rem .08rem .08rem .08rem;
    font-size:.22rem;
    color: #fff;
    font-weight: 400;
    text-align:center;
    line-height: .34rem;
    margin-right:.15rem;
}
.index_recommend_content_right_title{
    font-size: .3rem;
    font-weight: bold;
    color: #333333;

}
.index_recommend_content_right_content{
    margin-top:.22rem;
    font-size: .22rem;
    font-weight: 500;
    color: #999999;
}
.index_recommend_content_right_area{
    max-width:60%;
}
.index_recommend_content_right_where{
    /*width: 40%;*/
    padding-left:0.2rem;
}
.index_recommend_content_right_bottom{
    margin-top: .25rem;
}
.index_recommend_content_right_price{
    font-size: .22rem;
    font-weight: 500;
    color: #FF5761;
    width: 50%;
}
.index_recommend_content_right_price>span{
    font-size: .44rem;
    width:20%;
}
.index_recommend_content_right_img{
    width:.21rem;
    height: .14rem;
    margin-top: .1rem;
    margin-right:.08rem;
}
.index_recommend_content_right_img_new{
    width:.21rem;
    height: .14rem;
    margin-top: 0;
    margin-right:.08rem;
}
.index_recommend_content_right_member{
    font-size: .22rem;
    font-weight: 500;
    color: #999999;
}
.index_recommend_content_right_view{
    margin-top:.2rem;
    width: 40%;
}
.index_recommend_content_right_view_new{
    width:auto;
}
.index_recommend_content_bottom{
    width:100%;
    height:.76rem;
}
.index_recommend_content_bottom_border{
    width:6.4rem;
    height:.01rem;
    background: #999999;
    opacity: 0.2;
    margin:auto;
    margin-top:.2rem;
}
.index_recommend_content_bottom_save{
    width:30%;
    height:.7rem;
}
.index_recommend_content_bottom_button{
    width: .01rem;
    height: .3rem;
    background: #E4E4E4;
}
.index_recommend_content_bottom_icon{
    font-size: .25rem;
    color:#FF6C00;
}
.index_recommend_content_bottom_title{
    font-size: .27rem;
    font-weight: 500;
    color: #FF6C00;
    padding-left:.1rem;
}
.index_recommend_content_bottom_icon_blank{
    font-size: .25rem;
    color: #666666;
}
.index_recommend_content_bottom_subtitle{
    font-size: .24rem;
    font-weight: 500;
    color: #666666;
    padding-left:.1rem;
}
/*底部导航*/
.index_footer{
    width:100%;
    height:1rem;
    position: fixed;
    bottom: 0;
    border-top: .01rem solid #D6D6D6;
    background: #fff;
}
.index_footer_img{
    width:.42rem;
    height:.42rem;
}
.index_foot_font{
    font-size: .2rem;
    font-weight: 500;
    color: #7F8389;;
}
.index_foot_color{
    color: #FF6C00;
}

/*--------------------为您推荐*/
.recommend{
    width:100%;
    min-height:100vh;
    background:#F8F8F8;
}
.recommend_content{
    width:100%;
    background:#fff;
    position: fixed;
    top:0;
    z-index: 4;
}
.recommend_header{
    width:6.9rem;
    margin: auto;
    overflow:hidden;
    /*padding:0 .29rem;*/
}
.recommend_content_bottom{
    width: 100%;
    box-shadow: 0 .04rem .21rem .03rem rgba(153, 153, 153, 0.06);
    overflow: hidden;
}
.recommend_search{
    width: 100%;
    margin-bottom: .37rem;
}
.recommend_search_font{
    font-size: .28rem;
    font-weight: 500;
    color: #999999;
    max-width: 1rem;
}
.recommend_search_img{
    width: .25rem;
    height: .24rem;
    margin-left:.1rem;
}
.recommend_kong{
    width:100%;
    height: 2.5rem;
}
.recommend_hot{
    width: 6.9rem;
    margin: auto;
    overflow: hidden;
}
.recommend_content_color{
    background: #fff;
    margin-bottom:.26rem;
    border-radius: .22rem;
}
.recommend_content_right{
    padding-right:.25rem;
}
.recommend_search_position{
    width:100%;
    position: relative;
}
.recommend_search_more{
    padding:0 .54rem;
    max-height:10rem;
    overflow-x:hidden;
    overflow-y: auto;
    position: relative;
}
.recommend_search_more_title{
    font-size: .34rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: .42rem;
}
.recommend_search_more_content{
    margin-top: .31rem;
}
.recommend_search_more_content:nth-child(1){
    margin-top: .55rem;
}
.recommend_search_more_div{
    flex-wrap:wrap;
}
.recommend_search_more_product{
    min-width:1.2rem;
    height:.5rem;
    text-align:center;
    line-height: .5rem;
    padding-left:.1rem;
    padding-right: .1rem;

    background: #F5F5F5;
    border-radius: .09rem;
    font-size: .24rem;
    font-weight: 500;
    color: #666666;
    margin-right:.1rem;
    margin-bottom: .27rem;

    border:.01rem solid #F5F5F5;
}
.recommend_search_more_checked{
    border:.01rem solid #ff6c00;
    background:#fff0e5;
    color: #ff6c00;
}
.recommend_search_kong{
    width:100%;
    height: 1.2rem;
}
.recommend_search_button{
    width: 100%;
    height: 1.2rem;
    background: #fff;
    position: absolute;
    bottom: 0;
}
.recommend_search_remark{
    width: 3.34rem;
    height: .88rem;
    background: #F5F5F5;
    border-radius: .44rem;

    font-size: .3rem;
    font-weight: 500;
    color: #999999;
    text-align: center;
    line-height: .88rem;
}
.recommend_search_sure{
    width: 3.34rem;
    height: .88rem;
    background: #FF6C00;
    border-radius: .44rem;

    font-size: .3rem;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: .88rem;
}
.index_recommend_shadow{
    box-shadow: 0 .04rem .21rem .03rem rgba(153, 153, 153, 0.06);
}
.recommend_search_area{
    width: 100%;
    height: .8rem;
}
.recommend_search_area:first-child{
    margin-top: .2rem;
}
.recommend_search_area_title{
    font-size: .26rem;
    font-weight: 500;
    color: #666666;
}
.recommend_search_area_icon{
    color:#FF6C00;
    font-size: .4rem;
}
.recommend_search_area_color{
    color: #FF6C00;
}
.recommend_search_area_bottom{
    margin-bottom: .3rem;
    width:100%;
}
.recommend_search_area_bottom_left_text{
    font-size: .26rem;
    font-weight: 500;
    color: #666666;
}
.recommend_search_area_bottom_left_min{
    width:1.2rem;
    height: .5rem;
    font-size: .24rem;
    background: #F5F5F5;
    border-radius: .09rem;
    border: none;
    outline: none;
    margin-left: .2rem;
    text-align: center;
}
.recommend_search_area_bottom_left_min::-webkit-input-placeholder{ /*WebKit browsers*/
    text-align: center;
    font-weight: 500;
    color: #999999;
}
.recommend_search_area_bottom_left_border{
    font-size: .24rem;
    font-weight: 500;
    color: #999999;
    margin-left: .1rem;
    margin-right: .1rem;
}
.recommend_search_area_bottom_left_max{
    width:1.2rem;
    height: .5rem;
    font-size: .24rem;
    background: #F5F5F5;
    border-radius: .09rem;
    border: none;
    outline: none;
    margin-right: .2rem;
    text-align: center;
}
.recommend_search_area_bottom_left_max::-webkit-input-placeholder{ /*WebKit browsers*/
    text-align: center;
    font-weight: 500;
    color: #999999;
}
.recommend_search_area_bottom_button{
    width: 1.4rem;
    height: .5rem;
    border: .01rem solid #666666;
    border-radius: .25rem;
    text-align: center;
    line-height: .5rem;
    font-size: .26rem;
    font-weight: 500;
    color: #999999;
}
.recommend_search_icon{
    color: #999999;
    border-radius: .02rem;
    margin-left: .1rem;
    font-size: .2rem;
}
.recommend_search_select{
    color: #333;
}
.recommend_shadow{
    width:100%;
    height: 100vh;
    background:rgba(0,0,0,0.2);
    position: fixed;
    top:0;
    z-index: 2;
}
.body_over{
    overflow: hidden;
}
.today_div{
    width:2.2rem;
    height: 1.82rem;
    margin:auto;
    position: relative;
}
.today_new{
    width: .74rem;
    height: .34rem;
    background: #FF6C00;
    text-align: center;
    font-size: .22rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .34rem;
    position:absolute;
    top: 0;
    left: 0;
    border-bottom-right-radius: .18rem;
    border-top-left-radius: .18rem;
}
.index_new_change{
    position: relative;
}
.index_recommend_color{
    color: #999999;
}
.recommend_area_content_left{
    width: 100%;
    height:4rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.recommend_area_content_left_left{
    width:32%;
    height:100%;
    background: #f5f5f5;
    color:#333333;
    font-size: .3rem;
    overflow-y: auto;
}
.recommend_area_content_left_left_div{
    width:100%;
    height:.8rem;
    line-height: .8rem;
    padding-left: .3rem;
    padding-right: .3rem;
    box-sizing: border-box;
}
.recommend_area_content_left_left_div_color{
    background: #fff;
    color: #FF6C00;
}
.recommend_area_content_left_right{
    height:100%;
    background: #fff;
    color:#333333;
    font-size: .3rem;
    overflow-y: auto;
}
.recommend_area_content_left_right_div{
    width:100%;
    height:.8rem;
    line-height: .8rem;
    padding-left: .3rem;
    padding-right: .3rem;
    box-sizing: border-box;
    font-size:.3rem;
}
.recommend_area_content_left_right_div>div{
    width: 80%;
}
.recommend_area_display{
    display: none;
}
/*热门搜索*/
.hot_search{
    width:100vw;
    height:100vh;
    background:#fff;
    overflow: hidden;
}
.hot_search_header{
    margin-top:.6rem;
    padding-left:.3rem;
    padding-right:.3rem;
    box-sizing: border-box;
}
.hot_search_header_input{
    width:100%;
    height:.74rem;
    background:rgba(153,153,153,0.1);
    border-radius: .37rem;
}
.hot_search_header_search{
    width:90%;
    height:90%;
    font-size:.24rem;
    outline: none;
    border:none;
    background: transparent;
    text-align:center;
}
.hot_search_want{
    width:100%;
    margin-top:.5rem;
}
.hot_search_want_title{
    font-size: .26rem;
    font-weight: 500;
    color: #333333;
    margin-bottom:.09rem;
}
.hot_search_want_div{
    padding:.2rem .24rem;
    box-sizing: border-box;
    background: #F5F5F5;
    border-radius: .08rem;
    font-size: .22rem;
    font-weight: 400;
    color: #333333;
    margin-top:.26rem;
    margin-right:.16rem;
}