.container{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.head_container{
    background-color: white;
    width: 100%;
    height: 60px;
    /*background-color: #4cae4c;*/
    border-bottom: 1px solid #cdedf1;
    position: fixed;
}
.logo_img_container{
    width: 15%;
    height: 60px;
    /*background-color: #1672eb;*/
    float: left;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.logo_img{
    width:50px;
    height:50px;
}

.logo_title_container{
    width: 50%;
    height: 60px;
    /*background-color: #85771b;*/
    float: left;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.logo_title{
    color: #44969E;
    font-size: 20px;
    padding: 0;
    margin: 0;
}

.head_tab_container{
    width: 35%;
    height: 60px;
    /*background-color: #ec1c1c;*/
    float: left;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.head_tab_1{
    color: gray;
    padding: 0;
    margin: 0;
}
.head_tab_2{
    color: gray;
    padding: 0;
    margin: 0;
}


/*填充顶部空白70px*/
.fixed_space_top{
    width: 100%;
    /*height: 70px;*/
    height: 60px;
    background-color: white;
}


/*可关闭的视频介绍部分*/
.video_container{
    z-index: 100;
    width: 100%;
    height: 300px;
    background-color: black;
    margin-bottom: 20px;
}


.video{
    z-index: 100;
    width:100%;
    height: 100%;
    background-color: #44969E;
}




/*常用功能列表*/


.user_tab_1_img:active{
    width: 25px;
    height: 25px;
}
.user_tab_list_container{
    width: 100%;
    height:140px;
    /*background-color: yellow;*/
    float: left;
    background-color: white;
}

.user_tab_list_1_container{
    width:100%;
    height: 60px;
    float: left;
    /*background-color: #4cae4c;*/
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.user_tab_list_1_div{
    width: 100%;
    height: 60px;
    /*background-color: black;*/
}
/*功能1*/
.user_tab_1_div{
    width:25%;
    height:60px;
    /*background-color: #1b6d85;*/
    float: left;
}
.user_tab_1_img_container{
    width:100%;
    height: 40px;
    float: left;
    /*background-color: black;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.user_tab_1_img{
    width: 35px;
    height: 35px;
    /*border:1px solid gray;*/
    border-radius: 5px;
}
.user_tab_1_text_container{
    width:100%;
    height: 20px;
    float: left;
    /*background-color: #1672eb;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.tab_1_href{
    color: gray;
}

/*功能2*/
.user_tab_2_div{
    width:25%;
    height:80px;
    /*background-color: #b215aa;*/
    float: left;
}
/*功能3*/
.user_tab_3_div{
    width:25%;
    height:80px;
    /*background-color: #efef06;*/
    float: left;
}
/*功能4*/
.user_tab_4_div{
    width:25%;
    height:80px;
    /*background-color: #ec1c1c;*/
    float: left;
}


.user_tab_list_2_container{
    width:100%;
    height: 80px;
    margin-bottom: 20px;
    float: left;
    /*background-color: #4cae4c;*/
    padding-left: 10px;
    padding-right: 10px;
}

.user_tab_list_3_container{
    width:100%;
    height: 80px;
    float: left;
    /*background-color: #4cae4c;*/
    padding-left: 10px;
    padding-right: 10px;
}

/*加载商品列表*/
/*加载商品列表*/
/*加载商品列表*/
/*加载商品列表*/

.commodity_list_div{
    width: 100%;
    float: left;
    background-color: white;
}

/*模拟商品列表*/
.commodity_list_1{
    width: 50%;
    float: left;
    /*background-color: red;*/
    padding: 10px;
    height: 200px;

}
.commodity_list_2{
    width: 50%;
    float: left;
    /*background-color: #5e1b85;*/
    padding: 10px;
    height: 200px;

}
.commodity_list_3{
    width: 50%;
    float: left;
    padding: 10px;
    /*background-color: #873232;*/
    height: 200px;

}
.commodity_list_4{
    padding: 10px;
    width: 50%;
    float: left;
    /*background-color: #1672eb;*/
    height: 200px;
}
.commodity_list_5{
    width: 50%;
    padding: 10px;
    float: left;

    /*background-color: #85771b;*/
    height: 200px;
}
.commodity_list_6{
    width: 50%;
    padding: 10px;
    float: left;
    /*background-color: #2d62a8;*/
    height: 200px;

}

.commodity_img_container{
    width: 100%;
    height: 70%;
    /*background-color: #0f0f0f;*/
    float: left;
    border: 1px solid #f8f6f6;
}
.commodity_img{
    width: 100%;
    height:100%;
}
.commodity_text_container{
    width: 100%;
    height: 12.5%;
    /*background-color: #85771b;*/
    float: left;
    border: 1px solid #faf8f8;
}
.commodity_text{
    color: black;
}

.commodity_price_and_add_btn_container{
    width: 100%;
    height: 17.5%;
    /*background-color: #efef06;*/
    float: left;
    border: 1px solid #eeeded;
}
.commodity_price_container{
    width: 50%;
    height: 100%;
    float: left;
    /*background-color: #761c19;*/
}
.money_type{
    color: red;
}
.commodity_price{
    color: red;
    font-size: 25px;
}
.commodity_add_btn_container{
    width: 50%;
    height: 100%;
    float: left;
    padding-top: 2px;
    padding-right: 2px;
    /*background-color: #1672eb;*/
    text-align: right;

}
.commodity_add_btn{
    width: 25px;
    height: 25px;
}
.commodity_add_btn:active{
    width: 28px;
    height: 28px;
}

/*开酱出品*/
.kj_product_title{
    padding-left:10px ;
    font-size: 20px;
    font-weight: 700;
}


.product_1_container{
    width:100%;
    height: 200px;
    background-color: red;
}
.product_2_container{
    width:100%;
    height: 200px;
    background-color: #74b264;
}

.product_3_container{
    width:100%;
    height: 200px;
    background-color: #1672eb;
}



/*备案号*/
.bei_an_container{
    width: 100%;
    text-align: center;
    background-color: #e3e1e1;
    color: gray;
    padding:10px;

}
.bei_an_img{
    width: 15px;
    height: 15px;
}








/*填充底部空白*/
.bottom_fixed_space{
    width: 100%;
    height: 55px;
}

/*底部导航栏*/
.bottom_tab_container{
    width: 100%;
    height:55px;
    position: fixed;
    bottom: 0;
    background-color: white;
    border-top: 1px solid #eeebeb;
    z-index: 1000;

}

.bottom_tab_1_container{
   float: left;
    width:25%;
    /*background-color: #ec1c1c;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.bottom_tab_2_container{
    float: left;
    width:25%;
    /*background-color: yellow;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.bottom_tab_3_container{

    float: left;
    width:25%;
    /*background-color: #873232;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}
.bottom_tab_4_container{
    float: left;
    width:25%;
    /*background-color: #85771b;*/
    height:55px;
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;

}
.tab_1_container{
   width: 50%;
    height: 55px;
    /*background-color: black;*/
}
.tab_2_container{
    width: 50%;
    height: 55px;
    /*background-color: #257ac0;*/
}
.tab_3_container{
    width: 50%;
    height: 55px;
    /*background-color: #b29c8c;*/
}
.tab_4_container{
    width: 50%;
    height: 55px;
    /*background-color: #b215aa;*/
}

.tab_1_img_container{
  width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_1_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}



.tab_2_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_2_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}


.tab_3_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_3_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}


.tab_4_img_container{
    width: 100%;
    height: 60%;
    float: left;
    /*background-color: yellow;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.tab_4_text_container{
    width: 100%;
    height: 40%;
    float: left;
    /*background-color: #ec1c1c;*/
    /*上下左右居中*/
    display: flex;
    align-items:center;
    justify-content: center;
}

.img_tab_1{
    width:30px;
    height: 30px;
}

.img_tab_1:active{
    width:35px;
    height: 35px;
}
.text_tab_1{
    color: #44969E;
}


.img_tab_2{
    width:30px;
    height: 30px;
}
.img_tab_2:active{
    width:35px;
    height: 35px;
}

.text_tab_2{
    color: gray;
}





.img_tab_3{
    width:30px;
    height: 30px;
}
.img_tab_3:active{
     width:35px;
     height: 35px;
 }
.text_tab_3{
    color: gray;
}





.img_tab_4{
    height: 30px;
    width:30px;

}
.img_tab_4:active{
    width:35px;
    height: 35px;
}

.text_tab_4{
    color: gray;
}