* {
    margin: 0;
    padding: 0;
    border: 0;
}
body{
    background-color: #f8f8f8;
}
.index-top {
    width: 100%;
    height: 80px;
    background-image: url('../images/bg (14).png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.index-top .index-top-main {
    width: 1200px;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index-top-main-left img {
    width: 200rpx;
    height: 60px;
}

.index-top-main-right {
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.index-top-main-right .login {
    padding: 0 10px;
    cursor: pointer;
}
.index-top-main-right .loginin{
    cursor: pointer;

}
.index-top-main-right .loginin img{
    width: 25px;
    height: 25px;
    border-radius: 25px;
}

.index-select {
    width: 1200px;

    margin: auto;
    background-image: url('../images/img/two (11).png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-top: 30px;
    display: flex;
    align-items: center;
    padding: 20px 100px;
    box-sizing: border-box;

}

.index-select-main-item {
    display: flex;
    align-items: center;
    font-size: 15px;

}
.index-select-main-item2{
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.index-select-main-item2 .title{
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.index-select-main-item2 .select-input {
    width: 200px;
    height: 30px;
    background-color: transparent;
    border:1px solid#b6b6b6;
    padding-left: 10px;
    font-size: 16px;
}
.index-select-main-item2 .select-input2 {
    width: 120px;
    height: 30px;
    background-color: transparent;
    border:1px solid#b6b6b6;
    padding-left: 10px;
    font-size: 16px;
}
.index-select-main-item2 .item{
    margin-left: 20px;
    display: flex;
    align-items: center;
}
.index-select-main-item2 .item span{
    padding: 0 10px;
    cursor: pointer;
}
.index-select-main-item2 .item span:hover{
    color: #6f2325;

}
.index-select-main-item2 .item .button{
    display: block;
    margin: 0 3px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.index-select-main-item2 .item .button1{
    background-color: #6f2325;
}
.index-select-main-item2 .item .button2{
    background-color: #b6b6b6;
}
.index-select-main-item2 .list{
    display: flex;
    align-items: center;
}
.index-select-main-item2 .list .list-item{
    padding: 0 5px;
    cursor: pointer;
}
.index-select-main-item2 .list .list-item:hover{
    color: #6f2325;
    text-decoration:underline;
}
.index-select-main-item .list .cur{
    color: #6f2325;
    text-decoration:underline;
}
.index-select-main-item2 .list2{
    width: 1000px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.index-select-main-item2 .list2 .list2-item{
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
} 
.index-select-main-item2 .list2 .list-item2:hover{
    color:#fff;
    background-color:#6f2325 
}
.index-select-main-item2 .list2 .cur{
    color:#fff;
    background-color:#6f2325 
}
.quan {
    font-size:36px;
}
.index-center{
    width: 1200px;
    margin: auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin:30px auto;
}
.index-center .index-center-left{
    display: flex;
    align-items: center;
    font-size:20px;
    color: #000;
}
.index-center .index-center-left img{
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
}
.index-center .index-center-left div span{
    color: #6f2325;
}
.index-center .index-center-right{
    display: flex;
    align-items: center;
}
.index-center .index-center-right .button{
    padding: 5px 10px;
    background-color:#6f2325;
    text-align: center;
    color: #fff;
    margin-left: 10px;
    cursor: pointer;
    font-size:14px;
}
.index-center .index-center-right .button img{
    width: 15px;
    height: 15px;
    padding-right: 5px;
}
.index-table{
    width: 1200px;
    margin: auto;
}
.index-table .imageTable{
    width: 100px;
    height: 80px;
    display: block;
}
.index-table .tableColl img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.layui-table-cell{height:100px;line-height:100px;}
/* 表格头部背景色 */
th {
	background-color: #f4efe3; /* MediumSeaGreen */
	color: #000;
	font-weight: bold
}
/* 偶数行背景色 */
.layui-table[lay-even] tr:nth-child(even) {
    /* background-color: #aaffaa; */
	background-color: #faf9f5;

}
/* 鼠标指向表格时,奇数行背景颜色 */
.layui-table tbody tr{
    background-color: #fdfdfd;

}
.index-list1{
    width: 1200px;
    min-height:300px ;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    
}
.index-list1 .index-list-item{
    width: 228px;
    height: 210px;
    border: 1px solid #ededed;
    background-color: #fff;
    margin:0 5px;
    margin-top: 10px;
    cursor: pointer;
}
.index-list1 .index-list-item .top{
    width: 100%;
    height: 140px;
    position: relative;
}
.index-list1 .index-list-item .top .goodsImg{
    width: 100%;
    height: 100%;
}
.index-list1 .index-list-item .top .collImg{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right:10px;
    cursor: pointer;
}
.index-list1 .index-list-item .cname{
    width: 100%;
    color:#957850;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;
}
.index-list1 .index-list-item .ename{
    width: 100%;
    color:#000;
    font-size: 18px;
    text-align: center;
    margin-top: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;

}
.index-bottom{
    width: 100%;
    background-color: #6f2325;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;

}
.login-top{
    height: 50px;
    width: 100%;
}



.login-main{
    width: 1100px;
    height:450px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:rgb(243, 241, 241,0.3);
}
.login-main .left{
    width: 750px;
    padding: 50px 50px;
    box-sizing: border-box;
    font-size: 16px;
    color: #6f2325;
    line-height:30px;
    height: 100%;


} 
.login-main .right{
    width: 350px;
    height: 100%;
    background-color:rgb(243, 241, 241,0.6);
} 
.index-login{
    width: 100%;
    height: 100%;
}
.index-login .top{
    width:150px;
    display: block;
    margin: auto;
    padding-top: 40px;
    margin-bottom: 50px;
    
} 
.index-login .bottom{
    padding: 0px 50px;
    box-sizing: border-box;
    overflow: hidden;
}
.index-login .bottom .bottom-title-list{
    overflow: hidden;
}
.index-login .bottom .bottom-title-list .title{
    float: left;
    height: 40px;
    line-height:40px;
    position: relative;
    font-size: 15px;
    text-align: center;
    margin-right: 20px;
    cursor: pointer;
}
.index-login .bottom .bottom-title-list .title .line{
    width: 100%;
    height: 4px;
    background-color:#6f2325;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
.index-login .bottom .bottom-title-list .current1 {
    color: #6f2325;
}
.index-login .bottom .bottom-title-list .current1 .line{
    display: block;
}
.index-login .bottom .bottom-con-list{
    margin-top: 20px;
}
.index-login .bottom .bottom-con-list .con{
    display: none;
}
.index-login .bottom .bottom-con-list .con .input{
    margin-bottom: 20px;
}
.index-login .bottom .bottom-con-list .con .input input{
    border: 1px solid #b6b6b6;
    width: 100%;
    height: 30px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: transparent;
}
.index-login .bottom .bottom-con-list .con .input .input2{
    width:169px;
}
.index-login .bottom .bottom-con-list .con .ce{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#3d3d3d;
    font-size: 14px;
    margin: 20px 0;
}
.cuser{
    cursor: pointer;
}

.index-zhaohui{
 
    width: 100%;
    height: 100%;
    /* display: none; */

}
.index-zhaohui .top{
    width:150px;
    display: block;
    margin: auto;
    padding-top: 40px;
    margin-bottom: 50px;
    
} 
.index-zhaohui .con{
    padding: 0px 50px;
    box-sizing: border-box;
    overflow: hidden;
    /* display: none; */
}
.index-zhaohui .con .input{
    margin-bottom: 20px;
}
.index-zhaohui .con .input input{
    border: 1px solid #b6b6b6;
    width: 100%;
    height: 30px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: transparent;
}
.index-zhaohui .con .input .input2{
    width:169px;
}
.index-zhaohui .con .ce{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#3d3d3d;
    font-size: 14px;
    margin: 20px 0;
}






.index-zhuce{

    width: 100%;
    height: 100%;
    display: none;

}
.index-zhuce .top{
    width:150px;
    display: block;
    margin: auto;
    padding-top: 40px;
    margin-bottom: 50px;
    
} 
.index-zhuce .con{
    padding: 0px 50px;
    box-sizing: border-box;
    overflow: hidden;
    /* display: none; */
}
.index-zhuce .con .input{
    margin-bottom: 20px;
}
.index-zhuce .con .input input{
    border: 1px solid #b6b6b6;
    width: 100%;
    height: 30px;
    padding-left: 20px;
    box-sizing: border-box;
    background-color: transparent;
}
.index-zhuce .con .input .input2{
    width:169px;
}
.index-zhuce .con .ce{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:#3d3d3d;
    font-size: 14px;
    margin: 20px 0;
}

a.active{ color:#fff; }