.xf_info_top{
    height: 110px;
    width: 100%;
    background: url("../img/plot_bg.png") repeat-x;
    margin: 20px 0;
}
.xf_info_top>.container{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}
.xf_info_top_left>div:first-child{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 15px;
}
.xf_info_top_left>div:first-child>p{
    font-size: 28px;
    color: #ffffff;
    margin-right: 20px;
}
.xf_info_top_left>div:first-child>span{
    background: linear-gradient(to right, #00d77b, #00da9d);
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 14px;
}
.xf_info_top_left>div:last-child{
    display: flex;
    display: -webkit-flex;
}
.xf_info_top_left>div:last-child>a{
    height: 23px;
    padding: 0 10px;
    margin-right: 10px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    line-height: 23px;
}
.xf_info_top_right{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.xf_info_top_right>img{
    height: 40px;
}
.xf_info_top_right>span{
    font-size: 28px;
    color: #fff;
    padding-left: 15px;
}
.xf_nav{
    height: 53px;
    background-color: #F5F5F5;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: 0 40px;
}
.xf_nav>a{
    color: #666;
    font-size: 16px;
    height: 53px;
    line-height: 53px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-right: 10px;
}
.xf_nav>a.on{
    background-color: #FAE7E4;
    border-bottom: 3px solid #D51938;
}
.xf_info_mid{
    margin: 15px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.xf_info_mid_left{
    width: 40%;
}
.xf_info_mid_left>img{
    width: 100%;
    height: 385px;
    object-fit: cover;
}
.xf_info_mid_right{
    width: 55%;
}
.xf_info_mid_right>div{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 15px;
}
.xf_info_mid_right>div>span{
    width: 90px;
    font-size: 16px;
    color: #666;
}
.xf_info_mid_right>div:first-child>p{
    color: #D61F3D;
    font-size: 30px;
}
.xf_info_mid_right>div:first-child>p>span{
    font-size: 16px;
    color: #666;
}
.xf_info_mid_right>div>p{
    font-size: 16px;
}
.xf_info_mid_right>div>div{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.xf_info_mid_right>div>div>a{
    font-size: 16px;
    margin-right: 10px;
}
.xf_info_mid_right>a{
    color: #D61F3D;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}
.xf_info_mid_right>section>div{
    background-color: #fff7f7;
    box-sizing: border-box;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.xf_info_mid_right>section>div>div{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    font-size: 26px;
    color: #d51938;
    margin-bottom: 5px;
}
.xf_info_mid_right>section>div>div>img{
    width: 26px;
}
.xf_info_mid_right>section>div>p{
    font-size: 14px;
    color: #676767;
    padding-left: 26px;
}
.xf_info_mid_right>section>p{
    font-size: 14px;
    color: #666;
}
.xf_hx_title{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}
.xf_hx_title>p{
    color: #333;
    font-size: 26px;
}
.xf_hx_title>a{
    color: #999;
    font-size: 14px;
}
.xf_hx_tab{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 30px;
}
.xf_hx_tab_item{
    font-size: 15px;
    line-height: 50px;
    color: #333;
    margin-right: 60px;
}
.xf_hx_tab_item.on{
    border-bottom: 2px solid #d51938;
    color: #d51938;
}
.xf_hx_list{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.xf_hx_list_item{
    margin-right: 20px;
    width: 240px;
}
.xf_hx_list_item>a:first-child{
    width: 100%;
    position: relative;
    display: block;
    margin-bottom:15px;
}
.xf_hx_list_item>a:first-child>img{
    width: 240px;
    height: 228px;
    object-fit: cover;
    border: 1px solid #dfdfdf;
}
.xf_hx_list_item>a:first-child>span{
    background: linear-gradient(to right, #ef8732, #f56229);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    left: 0;
    top: 0;
}
.xf_hx_list_item>p:nth-child(2){
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.xf_hx_list_item>p:nth-child(3){
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    color: #999;
    margin-bottom: 10px;
    font-size: 15px;
}
.xf_hx_list_item>p:nth-child(4){
    font-size: 16px;
    color: #d51938;
    margin-bottom: 10px;
}
.xf_hx_list_item>div:nth-child(5){
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.xf_hx_list_item>div:nth-child(5)>a{
    width: 100px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    color: #666;
}
.xf_news{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items:flex-start;
    margin-bottom: 40px;
}
.xf_news_left{
    width: 48%;
}
.xf_news_right{
    width: 48%;
}
.xf_news_title{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}
.xf_news_title>p{
    color: #333;
    font-size: 26px;
}
.xf_news_title>a{
    color: #999;
    font-size: 14px;
}
.xf_prices{
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 20px;
}
.xf_price_item{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
}
.xf_price_item:not(:last-child){
    margin-bottom: 20px;
}
.xf_price_item:not(:last-child)>.xf_price_item_right>p{
    border-bottom: 1px solid #dfdfdf;
}
.xf_price_item_left{
    width: 13%;
    box-sizing: border-box;
    background: #d51938;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
}
.xf_price_item_right{
    width: 85%;
}
.xf_price_item_right>div{
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.xf_price_item_right>p{
    text-align: right;
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    padding-bottom: 20px;
}
.xf_news_list{
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.xf_news_item{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-start;
}
.xf_news_item:not(:last-child){
    margin-bottom: 20px;
}
.xf_news_item:not(:last-child)>.xf_news_item_right>p{
    border-bottom: 1px solid #dfdfdf;
}
.xf_news_item_left{
    width: 13%;
    box-sizing: border-box;
    color: #666;
    border: 1px solid #ccc;
    font-size: 14px;
    text-align: center;
    padding: 3px 0;
}
.xf_news_item_right{
    width: 85%;
}
.xf_news_item_right>div{
    font-size: 14px;
    color: #666;
    line-height: 25px;
}
.xf_news_item_right>p{
    text-align: right;
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    padding-bottom: 20px;
}
.xf_empty{
    width: 100%;
}
.xf_empty>img{
    display: block;
    width: 140px;
    margin: 0 auto;
}
.xf_empty>p{
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 20px;
    margin: 20px 0;
}
.xf_empty>a{
    display: block;
    margin: 0 auto;
    width: 170px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background: #e9f8f1;
    color: #28b779;
    font-size: 16px;
}
.info_part{
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    padding: 20px;
    margin-top: 20px;
}
.info_part:last-child{
    margin-bottom: 20px;
}
.info_title{
    color: #333;
    font-size: 18px;
    position: relative;
}
.info_title::before{
    position: absolute;
    top: 4px;
    left: -8px;
    background-color: #d51938;
    width: 2px;
    height: 14px;
    content: "";
    display: inline-block;
}
.info_two{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
}
.info_item_bottom{
    border-bottom: 1px dashed #dfdfdf;
}
.info_two_item{
    width: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
}
.info_two_item>p:first-child{
    color: #666;
    width: 90px;
    font-size: 14px;
}
.info_two_item>p:nth-child(2){
    font-size: 14px;
    color: #666;
}
.info_two_item.red>p:nth-child(2){
    color: #D61F3D;
    font-size: 16px;
}
.info_two_item.red>p:nth-child(2)>span{
    font-size: 14px;
    color: #666;
}
.info_one{
    width: 100%;
    display: flex;
    display: -webkit-flex;
}
.info_one_item{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
}
.info_one_item>p:first-child{
    font-size: 14px;
    color: #666;
    width: 90px;
}
.info_one_item>p:last-child{
    font-size: 14px;
    color: #666;
}
.info_txt{
    margin-top: 20px;
}
.hx_part{
    margin: 15px 0;
}
.hx_tab{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 20px;
}
.hx_tab>a{
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin-right: 10px;
    font-size: 16px;
    padding: 0 20px;
    background-color: #fafafa;
    border: 1px dashed #ccc;
    color: #666;
}
.hx_tab>a.on{
    color: #fff;
    border: 1px solid #d51938;
    background-color: #d51938;
}
.hx_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-right: 10px;
}
.hx_item{
    width: 23%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.hx_item_img{
    width: 100%;
    position: relative;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.hx_item_img>img:first-child{
    height: 228px;
    width: 100%;
    object-fit: cover;
}
.hx_item_img::before{
    position: absolute;
    left: 0;
    top: 5px;
    width: 85px;
    height: 40px;
    display: inline-block;
    content: "";
    background: url("../img/sale.png") no-repeat center/100% 100%;
}
.hx_item_label{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    font-size: 14px;
    margin-bottom:5px;
}
.hx_item_label>p:first-child{
    color: #333;
    font-weight: bolder;
}
.hx_item_label>p:last-child{
    color: #666;
}
.hx_item_label>p:last-child>span{
    font-size: 24px;
    color: #ff3333;
    padding-right: 5px;
}
.hx_item_label2{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:5px;
}
.hx_item_label2>div{
    width: 50%;
    font-size: 14px;
    display: -webkit-flex;
    align-items: center;
}
.hx_item_label2>div>p:first-child{
    color: #333;
    font-weight: bolder;
}
.hx_item_label2>div>p:last-child{
    color: #666;
}
.hx_item_label2>div>p:last-child>span{
    font-size: 24px;
    color: #ff3333;
    padding-right: 5px;
}
.hx_item_label2>a{
    width: 46%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #d51938;
}
.price_total{
    padding: 30px 30px;
    background: #f8f8f8;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
}
.price_total_item{
    width: 33%;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
}
.price_total_item>p:first-child{
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}
.price_total_item>p:last-child{
    display: flex;
    display: -webkit-flex;
    align-items: flex-end;
    font-size: 14px;
}
.price_total_item>p:last-child>span{
    color: #ff3333;
    font-size: 20px;
    margin-right: 5px;
}
.price_total_item:not(:last-child){
    border-right: 1px solid #ededed;
}
.price_total_item:first-child::before{
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    content: "";
    background-color: #FF706A;
    top: 5px;
    left: 0;
}
.price_total_item:nth-child(2){
    padding-left: 40px;
}
.price_total_item:last-child{
    padding-left: 40px;
}
.price_total_item:nth-child(2)::before{
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    content: "";
    background-color: #A8CF55;
    top: 5px;
    left: 20px;
}
.price_total_item:last-child::before{
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    content: "";
    background-color: #4595F8;
    top: 5px;
    left: 20px;
}
.price_title{
    color: #333;
    padding: 15px 0;
    font-size: 26px;
}
.price_list{
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 20px 0;
    margin-bottom: 20px;
}
.price_list_item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}
.price_list_item:nth-child(even){
    background: #ffffff;
}
.price_list_item:not(:last-child){
    border-bottom: 1px dashed #ccc;
}
.price_list_item>p{
    font-size: 14px;
    color: #666;
    line-height: 28px;
}
.price_list_item>p:first-child{
    width: 20%;

}
.price_list_item>p:nth-child(2){
    width: 20%;
}
.price_list_item>p:last-child{
    width: 60%;
}
.pic_part{
    margin: 15px 0;
}
.pic_list{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.pic_list>a{
    width: 30%;
    margin-bottom: 10px;
    margin-right: 3%;
}
.pic_list>a:nth-child(3n+3){
    margin-right: 0;
}
.pic_list>a>img{
    width: 100%;
    height: 270px;
    object-fit: cover;
    display: block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.pic_list>a>p{
    margin-top: 10px;
    color: #666;
    font-size: 14px;
}
.news_part{
    width: 100%;
    margin: 15px 0;
}
.news_item{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.news_item_title{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    margin-bottom: 10px;
}
.news_item_title>p:first-child{
    padding: 0 5px;
    color: #fff;
    background-color: #d41938;
    font-size: 14px;
    margin-right: 15px;
}
.news_item_title>p:last-child{
    font-size: 22px;
    color: #333;
    font-weight: 700;
}
.news_item_txt{
    margin-bottom: 10px;
    line-height: 28px;
}