@charset "UTF-8";

.main_index {

    background: #2841D0

}



.main_index .main .banner_wrap {

    position: relative

}



.main_index .main .banner_wrap img {

    transform: translateZ(0)

}



.main_index .main .banner_wrap .swiper-pagination {

    bottom: 1vw

}



.main_index .main .banner_wrap .swiper-pagination-bullet {

    background: #e7b777

}



.main_index .main .middle_wrap {

    background: #fff;

    padding-top: .16rem;

    position: relative;

    z-index: 12;

    border-radius: .5em;

}



.main_index .main .search_wrap {

    position: relative;

    margin: 0 .16rem .26rem;

    z-index: 3;

    bottom: -0.2rem;

}



.main_index .main .search_wrap .toggle_accuracy {

    position: absolute;

    width: .54rem;

    height: 36px;

    left: 0;

    top: 0;

    text-align: center;

    z-index: 2;

    border-right: 1px solid #e0dcd1

}



.main_index .main .search_wrap .toggle_accuracy span {

    position: relative;

    line-height: 36px;

    padding-right: .12rem;

}



.main_index .main .search_wrap .toggle_accuracy span:before {

    width: .2rem;

    height: .2rem;

    background: url(../images/icons.png);

    background-position: -52px -49px;

    right: -10px;

    transform: rotate(0);

    -webkit-transform: rotate(0);

    transition: all .5s ease;

    -webkit-transition: all .5s ease

}



.main_index .main .search_wrap .toggle_accuracy span.active:before {}



.main_index .main .search_wrap .input_wrap {

    border-radius: .32rem;

    position: relative;

    padding-left: .54rem;

    height: 36px;

    border: 1px solid #e0dcd1;

    align-items: center;

    -webkit-border-radius: 32rem;

}



.main_index .main .search_wrap .single_wrap {

    width: calc(100% - .56rem)

}



.main_index .main .search_wrap .single_wrap.active .placeholder {

    display: none

}



.main_index .main .search_wrap .single_wrap.active button {

    display: block

}



.main_index .main .search_wrap .single_wrap input {

    padding-left: .1rem;

    position: relative;

    z-index: 2

}



.main_index .main .search_wrap .single_wrap .placeholder {

    position: absolute;

    left: .6rem;

    color: #999;

    padding-left: .24rem

}



.main_index .main .search_wrap .single_wrap .placeholder:before {

    left: 0;

    background-position: -.6rem -.2rem

}



.main_index .main .search_wrap .single_wrap .clear_icon {

    position: absolute;

    width: 32px;

    height: 32px;

    right: .54rem;

    top: 50%;

    margin-top: -16px;

    text-indent: -1000px;

    overflow: hidden;

    z-index: 5

}



.main_index .main .search_wrap .single_wrap .clear_icon:before {

    left: 50%;

    margin-left: -.1rem;

    background-position: -.8rem -.2rem

}



.main_index .main .search_wrap .single_wrap button {

    position: absolute;

    width: .5rem;

    height: 36px;

    right: -1px;

    top: -1px;

    color: #ffdb71 !important;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    z-index: 3

}



.main_index .main .search_wrap .single_wrap a {

    position: absolute;

    width: .5rem;

    right: -.56rem;

    line-height: .32rem;

    padding-left: .2rem

}



.main_index .main .search_wrap .single_wrap a:before {

    background-position: -.2em 0;

    left: 0

}



.main_index .main .search_wrap .single_wrap a.active:before {

    background-position: -.33rem 0

}



.main_index .main .search_wrap .mul_wrap {

    position: relative;

    width: 100%

}



.main_index .main .search_wrap .mul_wrap input,

.main_index .main .search_wrap .mul_wrap span {

    min-width: 1em;

    border-left: 1px solid #f5f5f5;

    text-align: center;

    height: .24rem

}



.main_index .main .search_wrap .mul_wrap span {

    line-height: .24rem;

    border-left: 0

}



.main_index .main .search_wrap .mul_wrap button {

    width: .5rem;

    text-align: center;

    height: 36px;

    line-height: 36px;

    border-left: 1px solid #e0dcd1

}



.main_index .main .scroll_tips {

    border: 1px solid #F7C264;

    z-index: 3;

    margin: 0 .1rem 0;

    height: .32rem;

    overflow: hidden;

    -webkit-border-radius: .32rem;

    border-radius: .32rem;

    background: #2841D0;

    justify-content: center;

    align-items: center

}



.main_index .main .scroll_tips img {

    width: 16px;

    height: 14px;

    margin-right: .1rem

}



.main_index .main .scroll_tips li {

    height: .32rem;

    line-height: .32rem;

    text-align: center;

    color: #fff

}



.main_index .main .filter_wrap {

    position: relative;

    z-index: 2

}



.main_index .main .filter_wrap nav {

    border-bottom: 1px solid #f5f5f5;

    padding: .06rem .1rem;

    background: #fff

}



.main_index .main .filter_wrap nav a {

    display: block;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    text-align: center;

    height: .32rem;

    line-height: .32rem;

    position: relative;

    overflow: hidden;

    font-size: 0

}



.main_index .main .filter_wrap nav a span {

    display: inline-block;

    max-width: 100%;

    padding-right: .16rem;

    position: relative;

    font-size: .12rem

}



.main_index .main .filter_wrap nav a span:before {

    content: '';

    position: absolute;

    width: .2rem;

    height: .2rem;

    background: url(../images/icons.png?1) no-repeat center;

    -webkit-background-size: 2rem 2rem;

    background-size: 2rem 2rem;

    top: 50%;

    margin-top: -.1rem;

    background-position: -.2rem -.2rem;

    right: 0

}



.main_index .main .filter_wrap nav.fix_nav {

    position: fixed;

    width: 100%;

    left: 0;

    top: -1px;

    z-index: 9;

    box-shadow: 0 0 10px 0 rgba(154, 141, 141, .6)

}



.main_index .main .filter_wrap nav.fix_nav.fix_nav-enter-active,

.main_index .main .filter_wrap nav.fix_nav.fix_nav-leave-active {

    transition: all .5s ease;

    -webkit-transition: all .5s ease

}



.main_index .main .filter_wrap nav.fix_nav.fix_nav-enter,

.main_index .main .filter_wrap nav.fix_nav.fix_nav-leave-to {

    transform: translateY(-100%);

    -webkit-transform: translateY(-100%)

}



.main_index .main .filter_wrap .filter_slide_down {

    position: absolute;

    top: .44rem;

    overflow: hidden;

    width: 100%;

    margin-top: 1px;

    left: 0;

    background-color: #f7f7f7

}



.main_index .main .filter_wrap .filter_slide_down.fix {

    position: fixed;

    z-index: 1;

    margin-top: -1px

}



.main_index .main .filter_wrap .filter_slide_down .slide_item {

    margin-bottom: 0;

    border-bottom: 1px solid #e0dcd1

}



.main_index .main .goods_list {

    padding: 0 .12rem;

    background-color: #ffffff;

    border-bottom-right-radius: .5em;

    border-bottom-left-radius: .5em;

}



.main_index .main .goods_list .p_item {

    position: relative;

    width: 50%;

    border-bottom: 1px solid #f5f5f5

}

.main_index .main .goods_list .p_item.issale{ background:url(../images/ys.png) no-repeat;background-size: 50px 50px;background-position-x: 100px;background-position-y: 5px;}

.main_index .main .goods_list .p_item.issale *,

.main_index .main .goods_list .p_item.issale .new_price_float{

color: #a7a6a5 !important;

pointer-events: none;}





.main_index .main .goods_list .issale .isrecombg{ display:none !important;}



.main_index .main .goods_list .p_item:nth-of-type(odd) {

    float: left;

    padding: .12rem .12rem .12rem 0;

    border-right: 1px solid #f5f5f5

}



.main_index .main .goods_list .p_item:nth-of-type(even) {

    float: right;

    padding: .12rem 0 .12rem .12rem

}



.main_index .main .goods_list .p_item .mobile {

    position: relative;

    font-size: .15rem

}



.main_index .main .goods_list .p_item .mobile span,

.main_index .main .goods_list .p_item .mobile strong {

    float: left;

    color: #595757;

    font-weight: 700

}



.main_index .main .goods_list .p_item .mobile span {

    float: none;

}



.main_index .main .goods_list .p_item .mobile strong {

    color: #2841D0

}



.main_index .main .goods_list .p_item .mobile .flag {

    position: absolute;

    min-width: 16px;

    height: 16px;

    line-height: 16px;

    text-align: center;

    font-size: 10px;

    background: #2841D0;

    color: #fff;

    top: 50%;

    margin-top: -8px;

    right: 0;

    -webkit-border-radius: 3px;

    border-radius: 3px

}



.main_index .main .goods_list .p_item .price_wrap {

    margin-top: 2px

}



.main_index .main .goods_list .p_item .price_wrap p {

    display: inline-block

}



.main_index .main .goods_list .p_item .price_wrap small {

    font-size: inherit

}



.main_index .main .goods_list .p_item .price_wrap .new_price {

    font-size: .14rem;

    color: #ef821e

}



.main_index .main .goods_list .p_item .price_wrap .old_price {

    color: #9c9c9c;

    text-decoration: line-through;

    float: right

}



.main_index .main .goods_list .p_item .area {

    margin-top: 6px

}



.main_index .main .goods_list .no_more {

    padding: .24rem 0;

    text-align: center

}



.main_index .main .goods_list .no_content {

    padding-top: 1rem;

    text-align: center

}



.main_index .main .goods_list .is_fetching {

    text-align: center;

    height: .4rem;

    line-height: .4rem;

    -webkit-border-radius: .04rem;

    border-radius: .04rem

}



.main_index .main .goods_list .is_fetching span {

    display: inline-block;

    position: relative;

    padding-left: .2rem

}



.main_index .main .goods_list .is_fetching span:before {

    content: '';

    position: absolute;

    width: .16rem;

    height: .16rem;

    left: 0;

    top: 50%;

    margin-top: -.08rem;

    background: url(../images/loading.gif) no-repeat center;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%

}



.main_index .main .filter_slide {

    touch-action: none;

    position: fixed;

    z-index: 21;

    width: 88%;

    top: 0;

    left: 12%;

    background-color: #f7f7f7;

    bottom: 0

}



.main_index .main .filter_slide.filter_slide-enter-active,

.main_index .main .filter_slide.filter_slide-leave-active {

    transition: all .5s ease;

    -webkit-transition: all .5s ease

}



.main_index .main .filter_slide.filter_slide-enter,

.main_index .main .filter_slide.filter_slide-leave-to {

    transform: translateX(100%);

    -webkit-transform: translateX(100%)

}



.main_index .main .filter_slide .slide_inner {

    -webkit-overflow-scrolling: touch;

    overflow: hidden;

    overflow-y: auto;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1;

    padding-bottom: calc(.5rem + env(safe-area-inset-bottom))

}



.main_index .main .filter_slide .btn_wrap {

    position: absolute;

    z-index: 2;

    bottom: 0;

    left: 0;

    right: 0;

    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .07);

    padding-bottom: env(safe-area-inset-bottom);

    background: #fff

}



.main_index .main .filter_slide .btn_wrap button {

    display: block;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    flex: 1;

    width: 50%;

    height: .5rem;

    line-height: .5rem;

    font-size: .16rem;

    text-align: center

}



.main_index .main .filter_slide .btn_wrap button:first-of-type {

    background: #fff

}



.main_index .main .filter_slide .btn_wrap button:last-of-type {

    background: #2841D0;

    color: #fff

}



.main_index .main .cover {

    position: fixed;

    z-index: 18;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, .5)

}



.main_index .main .cover.cover-enter-active,

.main_index .main .cover.cover-leave-active {

    transition: all 0 ease;

    -webkit-transition: all 0 ease

}



.main_index .main .cover.cover-enter,

.main_index .main .cover.cover-leave-to {

    opacity: 0

}



.main_index .main .slide_inner .slide_item {

    background: #fff;

    margin-bottom: .12rem

}



.main_index .main .slide_inner .slide_item .title {

    font-size: .14rem;

    line-height: .4rem;

    font-weight: 700;

    margin-left: .16rem;

    border-bottom: 1px solid #f5f5f5

}



.main_index .main .slide_inner .slide_item ul {

    padding: .1rem 0 0 .1rem

}



.main_index .main .slide_inner .slide_item ul li {

    position: relative;

    float: left;

    width: 33.33%;

    padding-right: .1rem;

    margin-bottom: .1rem

}



.main_index .main .slide_inner .slide_item ul li.active span {

    color: #ffffff;

    border-color: #e4393c;

    background: #2841D0;

}



.main_index .main .slide_inner .slide_item ul li.active span:before {

    content: '';

    position: absolute;

    width: 15px;

    height: 15px;

    background: url(../images/selectIcon.png) no-repeat center;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    right: 0;

    bottom: 0;

    z-index: 2

}



.main_index .main .slide_inner .slide_item ul span {

    position: relative;

    display: block;

    height: 30px;

    line-height: 28px;

    text-align: center;

    background: #f5f5f5;

    overflow: hidden;

}



.main_index .main .order_link {

    position: fixed;

    z-index: 16;

    width: .5rem;

    height: .5rem;

    top: .36rem;

    right: .24rem;

    transition: all .5s ease;

    -webkit-transition: all .5s ease

}



.main_index .main .order_link.fix {

    top: .5rem

}



.query-btn {

    background: #CD0707 !important;

}



.bigmore {

    color: #333 !important;

}



.layui-text-red {

    color: #CC0000 !important;

}



.layui-text-blue {

    color: #333 !important;

}



.indexApp_bg {

    background-color: #2841D0 !important;

    padding-left: 2%;

    padding-right: 2%;

    margin-top: 1em;

}



.main_index .main .goods_list .p_item .new_price_float {

    float: right;

    font-size: .13rem;

    color: #CD0707 !important;

}
        
        .confirm {
			width: 38%;
            max-width: 240px;
            position: fixed;
            bottom:4.5em;
            left: 15px;
            padding: 5px;
            background-color: #fff;
            border-radius: 10px;
			z-index: 100;
			box-shadow: 4px 1px 20px #f18888;
			display:none;
        }
        .decright{
    		width: 21px;
    		position: absolute;
    		right: -15px;
    		top: -15px;
		}
        .dlemodle {
            width: 100%;
            border-radius: 10px;
            background-color: #FF6100;
			padding-bottom: 5px;
        }
        
        .dlemodle img {
            width: 100%;
            display: block;
        }
        
        .boxmedle {
            width: 100%;
            padding-left: 5%;
            padding-right: 5%;
        }
        
        .deconoe {
            width: 35%;
        }
        
        .BoxList {
            background-image: url('/static/images/bgcolor.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
    		padding-top: 6px;
    		padding-bottom: 4px;
        }
        .BoxList h3 {
            margin-bottom: 0.1rem;
    		font-size: 0.12rem;
    		text-align: center;
   		 	color: #C20B0C;
        }
        
        .firmlist {
            padding-top: 10px;
            padding-bottom: 5px;
        }
        .boxmedle:last-child{
			margin-top: 1px;
		}
        .BoxList h2 {
            width: 80%;
            margin: 0 auto;
            background-color: #E8B517;
            text-align: center;
            border-radius: 20px;
            font-size: 0.13rem;
			line-height: 25px;
            color: #FFF;
        }
        
        .deconoe {
            position: absolute;
            top: -3px;
    		left: -3px;
        }
        
        .fotfirm {
 			text-align:center;
            color: #FFF;
            font-size: 0.1rem;
        }