﻿.login-page{
    background: url(../image/login_bg.jpg) no-repeat center center / cover;
}
.login-page .inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 650px;
}
.login-page .login_img{

}
.login-page .login_img img{
    display: block;
    position: relative;
    left: 30px;
    top: 18px;
}
.login-page .login_form{
    padding: 39px 24px 48px;
    background-color: #fff;
    border-radius: 16px;
}
.login-page .login_form .form_title{
    color: #D63E29;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}
.login-page .login_form .form_item{
    display: flex;
    align-items: center;
    width: 334px;
    height: 48px;
    padding: 0 23px;
    background: #F5F5F5;
    margin-bottom: 12px;
    border-radius: 36px;
    box-sizing: border-box;
}
.login-page .login_form .form_item .item_icon{
    margin-right: 12px;
}
.login-page .login_form .form_item .item_icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.login-page .login_form .form_item .item_input{
    width: 100%;
    height: 100%;
}
.login-page .login_form .form_item .item_input input{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 0;
}
.login-page .login_form .submit{
    display: block;
    width: 334px;
    line-height: 49px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    background: #D63E29;
    border-radius: 24px;
    margin: 32px 0 24px;
    cursor: pointer;
}
.login-page .login_form .form_tools{
    display: flex;
    justify-content: flex-end;
}
.login-page .login_form .form_tools .forget_pass{
    color: #999999;
    font-size: 12px;
}



.forget-pass-pop .pop-cont{
    width: 377px;
    padding: 24px 14px 40px 20px;
    border-radius: 8px;
}
.forget-pass-pop .forget_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #D63E29;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 35px;
}
.forget-pass-pop .forget_title span{

}
.forget-pass-pop .forget_title .exit{
    cursor: pointer;
}
.forget-pass-pop .forget_title .exit img{
    display: block;
    width: 16px;
    height: 16px;
}
.forget-pass-pop .ewm{
    margin-bottom: 16px;
}
.forget-pass-pop .ewm img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
}
.forget-pass-pop .contact{
    text-align: center;
    margin-bottom: 10px;
}





.header.index{
    border-bottom-width: 0;
}
.index-page .header-nav div.all_cate:hover{
    border-radius: 8px 8px 0 8px;
}
.index-page .header-nav .nav_list .list_item .item_lv2{
    height: 457px;
    margin-top: -43px;
}
.index-page{
    background: -webkit-linear-gradient(top, #FFFFFF, #F7F7F7 455px);
}
.index-page .block1{
    margin-bottom: 20px;
}
.index-page .block1 .inner{
    display: flex;
}
.index-page .header-nav{
    height: auto;
}
.index-page .header-nav .all_cate{
    border-radius: 8px 8px 8px 8px;
}
.index-page .header-nav .nav_list{
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.index-page .block1 .block1_r{
    flex: 1;
}
.index-page .block1 .header-navigator{
    background: #F7F7F7;
    margin-bottom: 20px;
}
.index-page .block1 .content{
    display: flex;
}
.index-page .block1 .content .banner{
    position: relative;
    flex-shrink: 0;
    width: 710px;
    margin-right: 20px;
    z-index: 1;
}
.index-page .block1 .content .banner img{
    width: 100%;
    border-radius: 8px;
}
.index-page .block1 .content .banner .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border: 1px solid #FFFFFF;
    background: none;
    margin: 0 3px;
    border-radius: 200px;
    opacity: 1;
}
.index-page .block1 .content .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 24px;
    background-color: #D63E29;
    border-color: #D63E29;
}
.index-page .block1 .content .content_r{
    width: 100%;
    height: 393px;
    padding: 18px 10px 12px;
    background: linear-gradient( 180deg, #FFF4F3 0%, rgba(255,255,255,1) 100%);
    border-radius: 8px 8px 8px 8px;
}
.index-page .block1 .content_r .user_msg{
    display: flex;
    align-items: center;
    padding: 0 0 0 7px;
    margin-bottom: 12px;
}
.index-page .block1 .content_r .user_msg .head{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    margin-right: 15px;
}
.index-page .block1 .content_r .user_msg .head img{
    width: 44px;
    height: 44px;
    border-radius: 50px;
}
.index-page .block1 .content_r .user_msg .head .name{

}
.index-page .block1 .content_r .hint{
    font-weight: bold;
    text-align: center;
    margin-bottom: 19px;
}
.index-page .block1 .content_r .login_btn{
    display: block;
    width: 190px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
    background: #D63E29;
    margin-bottom: 18px;
    border-radius: 8px 8px 8px 8px;
}
.index-page .block1 .content_r .tools{
    display: flex;
    justify-content: space-between;
    margin-bottom: 19px;
}
.index-page .block1 .content_r .tools .tool{
    color: #666666;
    font-size: 12px;
    text-align: center;
}
.index-page .block1 .content_r .tools .tool img{
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 4px;
}
.index-page .block1 .content_r .ad{
}
.index-page .block1 .content_r .ad img{
    display: block;
    width: 100%;
}





.index-page .fuli{
    margin-bottom: 20px;
}
.index-page .fuli .inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 14px 20px 20px;
    background-color: #fff;
    border-radius: 8px;
}
.index-page .fuli .fuli_l{
    margin-right: 14px;
}
.index-page .fuli .fuli_l img{
    display: block;
    width: 218px;
}
.index-page .fuli .fuli_r{
    position: relative;
    font-size: 16px;
}
.index-page .fuli .fuli_r .swiper-container{
    width: 890px;
    margin-right: 22px;
}
.index-page .fuli .fuli_r .slide_img{
    width: 212px;
    height: 212px;
    background: no-repeat center center / cover;
    margin-bottom: 8px;
    border-radius: 8px;
}
.index-page .fuli .fuli_r .slide_title{
    line-height: 23px;
    color: #333333;
    margin-bottom: 8px;
}
.index-page .fuli .fuli_r .slide_price{
    color: #D63E29;
    font-weight: bold;
}
.index-page .fuli .fuli_r .slide_price span{
    font-size: 22px;
}
.index-page .fuli .fuli_r .swiper-button-prev,
.index-page .fuli .fuli_r .swiper-button-next{
    width: 32px;
    height: 32px;
    background: url("../image/icon_prev.png") no-repeat center center / 16px 16px rgba(0,0,0,.2);
    border-radius: 50%;
    opacity: 1;
    pointer-events: auto;
}
.index-page .fuli .fuli_r .swiper-button-prev{
    left: -20px;
}
.index-page .fuli .fuli_r .swiper-button-next{
    right: 0;
    background-image: url("../image/icon_next.png");
}
.index-page .fuli .fuli_r .swiper-button-prev:hover{
    background-image: url("../image/icon_prev_b.png");
}
.index-page .fuli .fuli_r .swiper-button-next:hover{
    background-image: url("../image/icon_next_b.png");
}




.index-page .guanggao{
    margin-bottom: 20px;
}
.index-page .guanggao .inner{
    display: block;
}
.index-page .guanggao img{
    width: 100%;
    border-radius: 8px;
}



.index-page .index_products{
    margin-bottom: 20px;
}
.index-page .index_products .inner{
    padding: 30px 12px 1px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 30px;
}
.index-page .index_products .cates{
    display: flex;
    justify-content: space-between;
    padding: 0 18px;
    margin-bottom: 20px;
}
.index-page .index_products .cates .cate{
    display: flex;
    align-items: center;
}
.index-page .index_products .cates .cate .icon{
    margin-right: 8px;
}
.index-page .index_products .cates .cate .icon img{
    width: 48px;
    height: 48px;
}
.index-page .index_products .cates .cate .text{
}
.index-page .index_products .cates .cate .t{
    font-size: 16px;
}
.index-page .index_products .cates .cate .c{
    color: #999999;
    font-size: 10px;
}








.products-page{
    background: #F7F7F7;
}
.products-page .products_filter{
    padding: 20px 30px 16px 30px;
    background-color: #fff;
    margin-bottom: 14px;
}
.products-page .products_filter .category{
    display: flex;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #D8D8D8;
}
.products-page .products_filter .category:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
}
.products-page .products_filter .category .cate_title{
    white-space: nowrap;
    margin-right: 17px;
}
.products-page .products_filter .category .cate_list{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    height: 50px;
    overflow: auto;
    margin-right: 8px;
}
.products-page .products_filter .category .cate_list.multiple_list{
    display: none;
    height: auto;
}
.products-page .products_filter .category.fold .cate_list{
    height: auto;
}
.products-page .products_filter .category.is--multiple .cate_list{
    display: none;
}
.products-page .products_filter .category.is--multiple .cate_list.multiple_list{
    display: flex;
}
.products-page .products_filter .category .cate_list::-webkit-scrollbar{
    width: 12px;
}
.products-page .products_filter .category .cate_list::-webkit-scrollbar-thumb{
    background: #C8C8C8;
    border-radius: 200px;
}
.products-page .products_filter .category .cate_list::-webkit-scrollbar-track {
    background: #EAEAEA;
    border-radius: 200px;
}
.products-page .products_filter .category .cate_list .list_item{
    position: relative;
    min-width: 114px;
    line-height: 20px;
    color: #666666;
    margin-right: 12px;
    margin-bottom: 10px;
    cursor: pointer;
}
.products-page .products_filter .category .cate_list .list_item.active{
    color: #D63E29;
}
.products-page .products_filter .category .cate_list .list_item input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.products-page .products_filter .category .cate_list .list_item input:checked ~ .item_in{
    color: #D63E29;
}
.products-page .products_filter .category .right{

}
.products-page .products_filter .category .right .tool{
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 1px 2px;
    background: #FFFFFF;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
}
.products-page .products_filter .category .right .tool:last-child{
    margin-bottom: 0;
}
.products-page .products_filter .category .right .tool .icon{

}
.products-page .products_filter .category .right .tool .icon img{
    display: block;
    width: 12px;
    height: 12px;
}
.products-page .products_filter .category.fold .fold_btn .icon img{
    transform: rotate(180deg);
}
.products-page .products_filter .category .tool.confirm,
.products-page .products_filter .category .tool.cancel{
    justify-content: center;
    display: none;
}
.products-page .products_filter .category.is--multiple .tool.confirm{
    color: #fff;
    background-color: #D63E29;
    border-color: #D63E29;
}
.products-page .products_filter .category.is--multiple .tool.confirm,
.products-page .products_filter .category.is--multiple .tool.cancel{
    display: flex;
}
.products-page .products_filter .category.is--multiple .tool{
    display: none;
}


.products-page .product_area{
    display: flex;
    padding: 10px 23px;
    background-color: #fff;
    margin-bottom: 14px;
    border-radius: 8px;
}
.products-page .product_area .normal{
    width: 46px;
    line-height: 27px;
    color: #666666;
    font-size: 13px;
    text-align: center;
    border-radius: 4px;
    margin-right: 28px;
    cursor: pointer;
}
.products-page .product_area .sorts a.sort span,
.products-page .product_area .normal.active{
    color: #D63E29;
    background: #EAEAEA;
}
.products-page .product_area .sorts{
    display: flex;
}
.products-page .product_area .sorts a{
    display: flex;
    align-items: center;
    color: #666666;
    margin-right: 28px;
    cursor: pointer;
}
.products-page .product_area .sorts a.sort span{
    padding: 4px 10px;
    border-radius: 4px;
    color: #D63E29;
    background: #EAEAEA;
}
.products-page .product_area .sorts .sort img{
    width: 10px;
    margin-left: 6px;
}
.products-page .product_area .price_filter{
    display: flex;
    align-items: center;
}
.products-page .product_area .price_filter .input{

}
.products-page .product_area .price_filter .input input{
    width: 120px;
    height: 21px;
    padding-left: 6px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
}
.products-page .product_area .price_filter .line{
    width: 8px;
    height: 1px;
    background-color: #737373;
    margin: 0 4px;
}
.products-page .product_area .price_filter .confirm{
    width: 42px;
    line-height: 19px;
    color: #D63E29;
    font-size: 13px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #D63E29;
    margin-left: 5px;
    border-radius: 4px;
    cursor: pointer;
}



.products-page .pro_list{
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
}







.products-detail-page{
    position: relative;
    z-index: 1;
    background-color: #F7F7F7;
}
.products-detail-page .detail_top{
    display: flex;
    padding: 20px 20px 40px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 8px;
}
.products-detail-page .detail_img{
    margin-right: 32px;
}
.products-detail-page .detail_img .gallery{
    width: 480px;
    height: 480px;
    margin-bottom: 16px;
}
.products-detail-page .detail_img .gallery img{
    display: block;
    width: 100%;
    height: 100%;
}
.products-detail-page .detail_img .thumbs{
    position: relative;
    margin-bottom: 22px;
}
.products-detail-page .detail_img .thumbs .swiper-container{
    width: 420px;
    padding: 2px;
}
.products-detail-page .detail_img .thumbs img{
    width: 72px;
    height: 72px;
    border: 2px solid rgba(0,0,0,0);
}
.products-detail-page .detail_img .thumbs .swiper-slide-thumb-active img{
    border-color: #D63E29;
}
.products-detail-page .detail_img .thumbs .thumbs-btns{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
.products-detail-page .detail_img .thumbs .thumbs-btns .swiper-button-prev,
.products-detail-page .detail_img .thumbs .thumbs-btns .swiper-button-next{
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-size: 100% 100%;
}
.products-detail-page .detail_img .thumbs .thumbs-btns .swiper-button-prev{
    background-image: url("../image/icon_prev.png");
}
.products-detail-page .detail_img .thumbs .thumbs-btns .swiper-button-next{
    background-image: url("../image/icon_next.png");
}
.products-detail-page .detail_img .tools{
    display: flex;
    align-items: center;
}
.products-detail-page .detail_img .tools .tool{
    display: flex;
    align-items: center;
    color: #666666;
    margin-right: 46px;
}
.products-detail-page .detail_img .tools .tool .icon{
    margin-right: 5px;
}
.products-detail-page .detail_img .tools .tool .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.products-detail-page .detail_img .tools .tool.collection{
    cursor: pointer;
}
.products-detail-page .detail_img .tools .tool.collection .icon .img2{
    display: none;
}
.products-detail-page .detail_img .tools .tool.collection.is--collect .icon .img1{
    display: none;
}
.products-detail-page .detail_img .tools .tool.collection.is--collect .icon .img2{
    display: block;
}


.products-detail-page .detail_msg{
    flex: 1;
    padding-top: 20px;
}
.products-detail-page .detail_msg .detail_title{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.products-detail-page .detail_msg .msgs{
    padding: 20px 20px 4px;
    background: #F7F7F7;
    margin-bottom: 20px;
}
.products-detail-page .detail_msg .msgs .msg{
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.products-detail-page .detail_msg .msgs .msg .msg_t{
    color: #999999;
    min-width: 71px;
    text-align: justify;
    text-align-last: justify;
}
.products-detail-page .detail_msg .msgs .msg .msg_c{

}   
.products-detail-page .detail_msg .msgs .msg .price{
    color: #D63E29;
    font-size: 22px;
    font-weight: bold;
}
.products-detail-page .detail_msg .msgs .msg .price b{

}
.products-detail-page .detail_msg .msgs .msg_group{
    display: flex;
    flex-wrap: wrap;
}
.products-detail-page .detail_msg .msgs .msg_group .msg{
    margin-right: 72px;
}
.products-detail-page .detail_msg .msgs .line{
    width: 100%;
    height: 1px;
    background: #D8D8D8;
    margin-bottom: 14px;
}
.products-detail-page .detail_msg .msgs .msg .change_box{
    display: flex;
    flex-wrap: wrap;
}
.products-detail-page .detail_msg .msgs .msg .change_box .box_item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid #D8D8D8;
    margin-right: 6px;
    margin-bottom: 6px;
}
.products-detail-page .detail_msg .msgs .msg .change_box .box_item:hover,
.products-detail-page .detail_msg .msgs .msg .change_box .box_item.selected,
.products-detail-page .detail_msg .msgs .msg .change_box .box_item.active{
    border-color: #D63E29;
}
.products-detail-page .detail_msg .msgs .msg .change_box .box_item .item_icon{
    width: 30px;
    height: 30px;
    background: no-repeat center center / contain;
    margin-right: 10px;
}


.products-detail-page .pay_num{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.products-detail-page .pay_num .num_t{
    color: #999999;
}
.products-detail-page .pay_num .number{
    display: flex;
    margin: 0 33px 0 8px;
}
.products-detail-page .pay_num .number .minus,
.products-detail-page .pay_num .number .add{
    width: 28px;
    line-height: 26px;
    color: rgba(0,0,0,0.26);
    font-size: 20px;
    text-align: center;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    cursor: pointer;
}
.products-detail-page .pay_num .number .minus:hover,
.products-detail-page .pay_num .number .add:hover{
    color: #000;
    background-color: #F5F5F5;
}
.products-detail-page .pay_num .number input{
    width: 48px;
    height: 28px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
}
.products-detail-page .pay_num .kucun{
    color: #666666;
}


.products-detail-page .btns{
    display: flex;
}
.products-detail-page .btns .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 46px;
    color: #D63E29;
    font-size: 15px;
    text-align: center;
    background: #FFFFFF;
    margin-right: 20px;
    border: 1px solid #D63E29;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
}
.products-detail-page .btns .btn .icon{
    margin-right: 8px;
}
.products-detail-page .btns .btn .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.products-detail-page .btns .inCar{
    color: #fff;
    background-color: #D63E29;
}


.products-detail-page .detail_content{
    display: flex;
    align-items: flex-start;
    margin-bottom: 47px;
}
.products-detail-page .detail_content .content_left{
    width: 280px;
    margin-right: 20px;
}
.products-detail-page .detail_content .contact{
    padding: 20px;
    background: #FFFFFF;
    margin-bottom: 20px;
    border-radius: 8px;
}
.products-detail-page .detail_content .contact a{
    display: block;
    width: 240px;
    line-height: 36px;
    color: #FFFFFF;
    text-align: center;
    background: #D63E29;
    border-radius: 4px 4px 4px 4px;
}
.products-detail-page .detail_content .contact img{
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.products-detail-page .detail_content .hot_pro_list{
    padding: 14px;
    background: #FFFFFF;
    border-radius: 8px;
}
.products-detail-page .detail_content .hot_pro_list .hot_title{
    color: #D63E29;
    font-size: 18px;
    margin-bottom: 12px;
}
.products-detail-page .detail_content .hot_pro_list .list_item{
    display: block;
    width: 100%;
    margin-bottom: 16px;
}
.products-detail-page .detail_content .hot_pro_list .list_item .item_img{
    display: block;
    padding-bottom: 100%;
    background: no-repeat center center / cover;
    margin-bottom: 16px;
    border-radius: 9px;
}
.products-detail-page .detail_content .hot_pro_list .list_item .item_text{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.products-detail-page .detail_content .hot_pro_list .list_item .price{
    color: #D63E29;
    font-size: 16px;
}
.products-detail-page .detail_content .hot_pro_list .list_item .price b{
    font-size: 22px;
}
.products-detail-page .detail_content .hot_pro_list .list_item .addCar{
    display: flex;
    align-items: center;
    color: #D63E29;
    cursor: pointer;
}
.products-detail-page .detail_content .hot_pro_list .list_item .addCar img{
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.products-detail-page .detail_content .content_right{
    flex: 1;
    padding: 23px 16px 41px 27px;
    background: #FFFFFF;
    border-radius: 8px;
}
.products-detail-page .detail_content .tabs{
    display: flex;
    padding: 0 8px;
    border-bottom: 2px solid #D8D8D8;
    margin-bottom: 21px;
}
.products-detail-page .detail_content .tabs .tab{
    position: relative;
    color: #666666;
    font-size: 16px;
    padding: 0 8px 11px;
    margin-right: 30px;
    cursor: pointer;
}
.products-detail-page .detail_content .tabs .tab::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #D63E29;
    display: none;
}
.products-detail-page .detail_content .tabs .tab.active{
    color: #D63E29;
    font-weight: bold;
}
.products-detail-page .detail_content .tabs .tab.active::after{
    display: block;
}
.products-detail-page .detail_content .detail_info{
    font-size: 18px;
    
}
.products-detail-page .detail_content .detail_info img{
    max-width: 100%;
}
.products-detail-page .detail_content .detail_info .guige_block{
    display: flex;
    color: #666666;
    padding: 16px 0 2px;
    border-bottom: 1px solid #D8D8D8;
}
.products-detail-page .detail_content .detail_info .guige_block:last-child{
    border-bottom-width: 0;
}
.products-detail-page .detail_content .detail_info .guige_block .block_title{
    width: 80px;
    text-align: right;
    margin-right: 60px;
}
.products-detail-page .detail_content .detail_info .guige_block .block_content{

}
.products-detail-page .detail_content .detail_info .guige_block .item{
    display: flex;
    margin-bottom: 14px;
}
.products-detail-page .detail_content .detail_info .guige_block .item .item_t{
    min-width: 160px;
    text-align: right;
    margin-right: 40px;
}
.products-detail-page .detail_content .detail_info .guige_block .item .item_c{
    
}
.products-detail-page .detail_content .detail_info .showhou_item{
    padding: 0 16px;
    margin-bottom: 20px;
}
.products-detail-page .detail_content .detail_info .showhou_item .item_t{
    color: #D63E29;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.products-detail-page .detail_content .detail_info .showhou_item .item_c{
    line-height: 24px;
    color: #666666;
}







.addShopcar_title{
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.addShopcar_title span{
    color: #D63E29;
    font-size: 18px;
    font-weight: bold;
    margin-right: 14px;
}
.addShopcar_title .add_group{
    width: 96px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #999999;
    border-radius: 8px;
    cursor: pointer;
}
.addShopcar_title .add_group img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
}
.addShopcar_title .exit{
    margin-left: auto;
    cursor: pointer;
}
.addShopcar_title .exit img{
    display: block;
    width: 16px;
    height: 16px;
}


.addShopcar-pop .pop-cont{
    width: 759px;
    padding: 20px 17px 20px 20px;
    border-radius: 8px;
    box-sizing: border-box;
}
.addShopcar-pop .group_list{
    min-height: 80px;
}
.addShopcar-pop .group_list .no-msg{
    color: #999999;
    font-size: 16px;
}
.addShopcar-pop .group_list .list_item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.addShopcar-pop .group_list .list_item .section{
    font-size: 16px;
    margin-right: 27px;
}
.addShopcar-pop .group_list .list_item .icon{
    margin-right: 4px;
}
.addShopcar-pop .group_list .list_item .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.addShopcar-pop .group_list .list_item .msg{
    color: #666666;
    margin-right: 24px;
}
.addShopcar-pop .group_list .list_item .msg:last-child{
    margin-right: 0;
}
.addShopcar-pop .add_in_car{
    width: 124px;
    line-height: 35px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    background: #D63E29;
    border-radius: 8px;
    margin: 37px auto 0;
    cursor: pointer;
}


.addGroup-pop .pop-cont{
    width: 622px;
    padding: 20px 21px 32px 20px;
    box-sizing: border-box;
    border-radius: 8px;
}
.addGroup-pop .form{

}
.addGroup-pop .form .form_item{
    display: flex;
    margin-bottom: 16px;
}
.addGroup-pop .form .form_item .item_label{
    min-width: 72px;
    margin-top: 6px;
    margin-right: 15px;
}
.addGroup-pop .form .form_item.requierd .item_label::after{
    content: '*';
    color: #D63E29;
}
.addGroup-pop .form .form_item .item_input{
    flex: 1;
}
.addGroup-pop .form .form_item .item_input input{
    width: 95%;
    height: 36px;
    font-size: 16px;
    padding: 0 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.addGroup-pop .form .form_item .cityAreaChanger{
    position: relative;
    margin-bottom: 10px;
}
.addGroup-pop .form .form_item .cityAreaChanger .value{
    position: relative;
    display: inline-block;
    height: 36px;
    color: #666666;
    font-size: 16px;
    padding: 6px 78px 6px 10px;
    border: 1px solid #D8D8D8;
    cursor: pointer;
}
.addGroup-pop .form .form_item .cityAreaChanger .value .icon{
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translate(0, -50%);
}
.addGroup-pop .form .form_item .cityAreaChanger .value .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.addGroup-pop .form .form_item .cityAreaChanger .changer_pop{
    position: absolute;
    top: 100%;
    left: 0;
    width: 478px;
    padding: 16px 17px 16px 11px;
    background-color: #fff;
    border: 1px solid #D8D8D8;
    display: none;
}
.addGroup-pop .form .form_item .cityAreaChanger.fold .changer_pop{
    display: block;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs{
    position: relative;
    display: flex;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #D63E29;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs .tab{
    position: relative;
    display: flex;
    align-items: center;
    color: #0256FF;
    padding: 5px 12px;
    border: 1px solid #D8D8D8;
    border-color: rgba(0,0,0,0);
    margin-right: 5px;
    cursor: pointer;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs .tab.active{
    border-color: #D63E29;
    border-bottom-color: #fff;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs .tab .img{
    margin-left: 10px;
}
.addGroup-pop .form .form_item .cityAreaChanger .tabs .tab .img img{
    display: block;
    width: 16px;
    height: 16px;
}
.addGroup-pop .form .form_item .cityAreaChanger .list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.addGroup-pop .form .form_item .cityAreaChanger .list .change_item{
    width: 25%;
    color: #0256FF;
    text-align: center;
    margin-bottom: 6px;
}
.addGroup-pop .form .form_item .cityAreaChanger .list .change_item:hover{
    color: #D63E29;
    cursor: pointer;
}
.addGroup-pop .form .form_tools{
    display: flex;
    align-items: center;
    justify-content: center;
}
.addGroup-pop .form .form_tools .tool{
    width: 72px;
    line-height: 33px;
    color: #D63E29;
    font-size: 16px;
    text-align: center;
    border: 1px solid #D63E29;
    border-radius: 8px;
    margin: 7.5px;
    cursor: pointer;
}
.addGroup-pop .form .form_tools .tool.confirm{
    color: #fff;
    background-color: #D63E29;
}






.shopcar-page{
    background: #F7F7F7;
}
.shopcar-page .breadcrumbs{

}
.shopcar-page .breadcrumbs .car_count{
    color: #D63E29;
    font-size: 16px;
    font-weight: bold;
    margin-right: auto;
}
.shopcar-page .list_tools{
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 10px;
    background: #FFFFFF;
    margin-bottom: 10px;
}
.shopcar-page .list_tools .check-all{
    display: flex;
    align-items: center;
    margin-right: 64px;
}
.shopcar-page .list_tools .check-all .checkbox{
    margin-right: 8px;
}
.shopcar-page .list_tools .table_head.product{
    margin-right: 435px;
}
.shopcar-page .list_tools .table_head.price{
    margin-right: 258px;
}
.shopcar-page .list_tools .table_head.number{
    margin-right: 188px;
}
.shopcar-page .shopcar_block{
    padding: 20px 20px 0;
    background-color: #fff;
    margin-bottom: 10px;
}
.shopcar-page .shopcar_block .block_top{
    display: flex;
    align-items: center;
    padding-bottom: 9px;
    border-bottom: 1px solid #D63E29;
}
.shopcar-page .shopcar_block .block_top .checkbox{
    margin-right: 10px;
}
.shopcar-page .shopcar_block .block_top .group_name{
    font-size: 16px;
}
.shopcar-page .shopcar_block .block_top .address{
    display: flex;
    align-items: center;
    margin-left: auto;
}
.shopcar-page .shopcar_block .block_top .address .icon{
    margin-right: 4px;
}
.shopcar-page .shopcar_block .block_top .address .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.shopcar-page .shopcar_block .block_list{

}
.shopcar-page .shopcar_block .block_list .list_item{
    position: relative;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #F7F7F7;
}
.shopcar-page .shopcar_block .block_list .list_item.checked{
    background-color: #FFF8F7;
}
.shopcar-page .shopcar_block .block_list .list_item:last-child{
    border-bottom-width: 0;
}
.shopcar-page .shopcar_block .block_list .list_item .checkbox{
    align-self: center;
    padding-left: 20px;
    margin-right: 20px;
    cursor: pointer;
}
.shopcar-page .shopcar_block .block_list .list_item.checked .checkbox i{
    background-image: url("../image/checkbox_checked.png");
}
.shopcar-page .shopcar_block .block_list .list_item .pro_msg{
    display: flex;
    margin-right: 181px;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_msg .pro_img{
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    background: no-repeat center center / cover;
    margin-right: 20px;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_msg .pro_name{
    width: 214px;
    line-height: 21px;
    padding-top: 10px;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_price{
    padding-top: 10px;
    margin-right: 200px;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_num{
    display: flex;
    align-items: flex-start;
    padding-top: 10px;
    margin-right: 150px;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_num .minus,
.shopcar-page .shopcar_block .block_list .list_item .pro_num .add{
    width: 28px;
    line-height: 26px;
    color: rgba(0,0,0,0.26);
    font-size: 20px;
    text-align: center;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    cursor: pointer;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_num .minus:hover,
.shopcar-page .shopcar_block .block_list .list_item .pro_num .add:hover{
    color: #000;
    background-color: #F5F5F5;
}
.shopcar-page .shopcar_block .block_list .list_item .pro_num input{
    width: 48px;
    height: 28px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #DCDCDC;
}
.shopcar-page .shopcar_block .block_list .list_item .item_tools{
    padding-top: 10px;
}
.shopcar-page .shopcar_block .block_list .list_item .tool{
    color: #999999;
    margin-bottom: 4px;
    cursor: pointer;
}
.shopcar-page .count_box{
    display: flex;
    align-items: center;
    padding: 6px 22px 6px 20px;
    background-color: #fff;
    margin-bottom: 10px;
}
.shopcar-page .count_box .check-all{
    display: flex;
    align-items: center;
    margin-right: 34px;
}
.shopcar-page .count_box .check-all .checkbox{
    margin-right: 8px;
}
.shopcar-page .count_box .delete_checked_item{
    cursor: pointer;
}
.shopcar-page .count_box .right{
    display: flex;
    align-items: center;
    margin-left: auto;
}
.shopcar-page .count_box .checked_count{
    color: #3D3D3D;
    margin-right: 30px;
}
.shopcar-page .count_box .price_count{
    display: flex;
    align-items: center;
    color: #3D3D3D;
    margin-right: 20px;
}
.shopcar-page .count_box .price_count .price{
    display: flex;
    align-items: center;
    color: #D63E29;
}
.shopcar-page .count_box .price_count .price b{
    font-size: 26px;
}
.shopcar-page .count_box .submit{
    width: 104px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    background: #D63E29;
    border-radius: 200px;
    margin-right: 10px;
    cursor: pointer;
}
.shopcar-page .count_box .contact{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 126px;
    height: 42px;
    font-size: 15px;
    background: #F7F7F7;
    border-radius: 200px;
    cursor: pointer;
}
.shopcar-page .count_box .contact img{
    width: 16px;
    height: 16px;
    margin-right: 2px;
}








.submit-pop .pop-cont{
    width: 426px;
    text-align: center;
    padding: 37px 0 41px;
    box-sizing: border-box;
    border-radius: 8px;
}
.submit-pop .close{
    left: auto;
    right: 4px;
    bottom: auto;
    top: 4px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0, 0);
}
.submit-pop .close img{
    display: block;
    width: 16px;
    height: 16px;
}
.submit-pop .img{
    margin-bottom: 27px;
}
.submit-pop .img img{
    display: block;
    width: 56px;
    margin: 0 auto;
    transform: translate(6px, 0);
}
.submit-pop .success{
    color: #D63E29;
    font-size: 18px;
    margin-bottom: 19px;
}
.submit-pop .hint{
    color: #666666;
    font-size: 16px;
}










.parent-page{
    background: #F7F7F7;
}
.parent-page .parent_block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px 60px;
    background: #FFFFFF;
    margin-bottom: 20px;
}
.parent-page .block_l{
    width: 640px;
}
.parent-page .parent_title{
    font-size: 24px;
    margin-bottom: 30px;
}
.parent-page .parent_hint{
    line-height: 23px;
    color: #666666;
    font-size: 16px;
    margin-bottom: 30px;
}
.parent-page .parent_form .form_item{
    display: flex;
    margin-bottom: 16px;
}
.parent-page .parent_form .form_item .item_label{
    min-width: 64px;
    line-height: 42px;
    font-size: 16px;
    text-align: justify;
    text-align-last: justify;
    margin-right: 15px;
}
.parent-page .parent_form .form_item .item_input{
    flex: 1;
}
.parent-page .parent_form .form_item .item_input input{
    width: 100%;
    height: 42px;
    padding: 0 10px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
}
.parent-page .parent_form .form_item .item_input textarea{
    width: 100%;
    height: 217px;
    padding: 10px;
    border: 1px solid #D8D8D8;
    resize: none;
}
.parent-page .parent_form .submit{
    width: 100%;
    line-height: 42px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #D63E29;
    border-radius: 6px;
    cursor: pointer;
}
.parent-page .block_r{
    width: 429px;
}
.parent-page .block_r img{
    width: 429px;
}








.news-page{
    background: #F7F7F7;
}
.news-page .news_box{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.news-page .box_l{
    flex-shrink: 0;
    width: 200px;
    min-height: 846px;
    padding: 0 10px;
    background-color: #fff;
    margin-right: 10px;
    border-radius: 8px;
    box-sizing: border-box;
}
.news-page .tabs .tab{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #D8D8D8;
    cursor: pointer;
}
.news-page .tabs .tab:last-child{
    border-bottom-width: 0;
}
.news-page .tabs .tab.active{
    color: #D63E29;
}
.news-page .tabs .tab .icon img{
    display: block;
    width: 16px;
    height: 16px;
}
.news-page .tabs .tab .icon .img2{
    display: none;
}
.news-page .tabs .tab.active .icon .img1{
    display: none;
}
.news-page .tabs .tab.active .icon .img2{
    display: block;
}
.news-page .box_r{
    width: 100%;
    padding: 5px 20px;
    background-color: #fff;
}
.news-page .news_list{
}
.news-page .news_list .list_item{
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #E5E5E5;
}
.news-page .news_list .list_item .item_top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.news-page .news_list .list_item .item_title{
    font-size: 18px;
}
.news-page .news_list .list_item .item_date{
    display: flex;
    align-items: center;
    color: #999999;
    font-size: 16px;
    white-space: nowrap;
}
.news-page .news_list .list_item .item_date img{
    width: 16px;
    height: 16px;
}
.news-page .news_list .list_item .item_content{
    line-height: 20px;
    color: #999999;
}










.news-detail-page{
    background: #F7F7F7;
}
.news-detail-page .news_detail{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.news-detail-page .detail_l{
    width: 910px;
    padding: 40px 40px 27px;
    background-color: #fff;
    margin-right: 20px;
}
.news-detail-page .detail_title{
    line-height: 38px;
    font-size: 26px;
    margin-bottom: 16px;
}
.news-detail-page .detail_date{
    font-size: 16px;
    color: #999999;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
}
.news-detail-page .detail_content{
    line-height: 28px;
    color: #666666;
    font-size: 16px;
    padding: 20px 0 30px;
    border-bottom: 1px solid #E5E5E5;
}
.news-detail-page .detail_content img{
    max-width: 100%;
}
.news-detail-page .detail_tools{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.news-detail-page .detail_tools .tool{
    max-width: 340px;
    color: #3D3D3D;
    font-size: 16px;
}
.news-detail-page .detail_r{
    width: 270px;
    padding: 24px 15px 18px 20px;
    background-color: #fff;
}
.news-detail-page .recom_title{
    color: #D63E29;
    font-size: 22px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #E5E5E5;
}
.news-detail-page .recom_list{
    padding-top: 16px;
}
.news-detail-page .recom_list .list_item{
    position: relative;
    font-size: 16px;
    padding-left: 16px;
    margin-bottom: 10px;
}
.news-detail-page .recom_list .list_item::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #D63E29;
    margin-top: -2px;
    border-radius: 50%;
}








.contact-us-page{
    background: #F7F7F7;
}
.contact-us-page .contact-us{
    padding: 45px 40px 40px;
    background: #FFFFFF;
    margin-bottom: 20px;
}
.contact-us-page .contact-us .top{
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}
.contact-us-page .contact-us .top_l{

}
.contact-us-page .contact-us .contact_title{
    color: #D63E29;
    font-size: 20px;
    margin-bottom: 24px;
}
.contact-us-page .contact-us .contact_msg{
    display: flex;
    flex-wrap: wrap;
}
.contact-us-page .contact-us .contact_msg .msg{
    min-width: 260px;
    margin-right: 95px;
    margin-bottom: 10px;
}
.contact-us-page .contact-us .top_r{

}
.contact-us-page .contact-us .ewm-list{
    display: flex;
}
.contact-us-page .contact-us .ewm-list .ewm{
    color: #666666;
    text-align: center;
    margin-right: 27px;
}
.contact-us-page .contact-us .ewm-list .ewm:last-child{
    margin-right: 0;
}
.contact-us-page .contact-us .ewm-list .ewm .img{
    padding: 3px;
    background-color: #E5E5E5;
    margin-bottom: 8px;
    border-radius: 6px;
}
.contact-us-page .contact-us .ewm-list .ewm img{
    display: block;
    width: 110px;
    height: 110px;
}
.contact-us-page .center{
    margin-bottom: 30px;
}
.contact-us-page .form{

}
.contact-us-page .form .form_group{
    display: flex;
}
.contact-us-page .form .form_item{
    display: flex;
    margin-bottom: 16px;
}
.contact-us-page .form .form_group .form_item{
    margin-right: 58px;
}
.contact-us-page .form .form_group .form_item:nth-child(2n){
    margin-right: 0;
}
.contact-us-page .form .form_item .item_label{
    min-width: 64px;
    line-height: 42px;
    font-size: 16px;
    text-align: justify;
    text-align-last: justify;
    margin-right: 15px;
}
.contact-us-page .form .form_item .item_input{
    flex: 1;
}
.contact-us-page .form .form_item .item_input input{
    width: 450px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #D8D8D8;
    border-radius: 0px 0px 0px 0px;
    box-sizing: border-box;
}
.contact-us-page .form .form_item .item_input textarea{
    width: 1041px;
    height: 98px;
    padding: 10px;
    border: 1px solid #D8D8D8;
    box-sizing: border-box;
    resize: none;
}
.contact-us-page .form .submit{
    width: 154px;
    line-height: 42px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    background: #D63E29;
    border-radius: 6px;
    margin-left: auto;
}
.contact-us-page .map{

}
.contact-us-page .map img{
    width: 100%;
}