* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "微软雅黑";
    box-sizing: border-box;
    font-size: 13px;
}
body{background-color: #fff;}
header {
    width: 1200px;
    height: 100px;
    background-color: #fff;
    margin: auto;
    padding: 25px 0;
    box-sizing: border-box;
}
button,input[type="button"],input[type="submit"]{cursor: pointer;}
.top{width:100%;height: 35px;line-height: 35px; background: #f2f2f2;}
.top .login{width:1200px;margin: auto;color: #666;}
.top .login span{float: right;}
input[type=radio]{vertical-align: middle;margin-top: -2px;margin-bottom: 1px;}
footer {
    width: 100%;
    height: 100px;
    line-height: 100px;
    padding: 0 20px;
    background-color: #f2f2f2;
    margin: auto;
}
.footer{width: 1200px;margin: auto;}

.logo {
    width: 300px;
    height: 50px;
    float: left;
    line-height: 50px;
}

.logo img {
    vertical-align: middle;
}

.nav {
    /* width: 500px; */
    height: 50px;
    float: left;
    line-height: 50px;
    margin-left: 150px;
    
}

.nav ul li {
    float: left;
    margin-right: 50px;
    font-size: 15px;
}

.search {
    height: 50px;
    line-height: 50px;
    text-align: right;
}

.search input[type=text] {
    height: 35px;
    border: 1px solid #ccc;
    padding-left: 10px;
}

.search input[type=submit]{ width:50px;height: 35px;border:1px solid #28456a;background: #28456a;color: #fff;cursor: pointer;}

.swiper {
    width: 1200px;
    height: 410px;
}

.main {
    width: 1200px;
    min-height: 500px;
    margin: auto;
}

.goods-category-title {
    line-height: 50px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
}

.goods-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.goods-list li {
    width: 24%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 7px rgb(0 0 0 / 15%);
}

.goods-list li img {
    width: 100%;
    display: block;
}

.goods-list li p {
    height: 40px;
    line-height: 40px;
}

.goods {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.goods-left {
    width: 40%;
    height: auto;
    overflow: hidden;
    /* background: #ccc; */
    float: left;
}

.goods-right {
    width: 60%;
    height: auto;
    overflow: hidden;

    float: right;
    padding: 0 20px;
}

.goods-content {
    width: 100%;
    height: auto;
    min-height: 300px;
    overflow: hidden;
}

.goods-left img {
    display: block;
}

.goods-left .goods-thum-list {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.goods-left .goods-thum-list li {
    width: 80px;
    height: 80px;
    float: left;
    background-color: red;
    margin-right: 10px;
}

.categoery-title {
    width: 200px;
    float: left;
    line-height: 30px;
}

.spec-value-list {
    width: 87%;
    float: left;

}

.spec-value-list ul li {
    box-sizing: content-box;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: bold;
}
.spec-value-list li input{width:60px;height:20px;border:1px solid #ddd;text-indent: 5px;}
.curr{background-color:#f56c6c!important;color:#fff;border: 1px solid #f56c6c!important;}
.align-center{text-align: center;}
a:link,a:hover,a:visited{color:#333;text-decoration: none;}

.spec-item{margin-bottom: 10px;width: 100%;height:auto;overflow: hidden;}
.spec-title{width: 80px;float: left;line-height: 30px;color: #666;}
.goods-title{height: 35px;margin-bottom: 10px; font-size: 16px;font-weight: bold;border-bottom:1px solid #f2f2f2;}
.price{font-size: 16px;font-weight: bold;color: rgb(240, 8, 8);line-height: 30px;}
.buy-button{width:200px;height: 35px;background-color: #ffe300;border: 0;font-weight: bold;cursor: pointer;}
.goods-content{border: 1px solid #f1f1f1;margin-top: 20px;margin-bottom: 20px;}
.goods-content-tab span{line-height:40px;background-color: #eee;display: inline-block;padding: 0 20px;cursor: pointer;}
.tab-curr{font-weight: bold;color: #fff;background: #28456a!important;font-size: 14px;}
#goods-content-desc{padding: 20px;}
#goods-buy-desc{padding: 20px;display: none;}
.category-goods-list {width: 94%; float: left;min-height: 30px;overflow: hidden;}
.category-goods-list li{float: left;margin-left:30px ;}
.buy-number-input{width: 50px; height: 30px;border: 1px solid #ccc;text-align: center;box-sizing: border-box; }
#btn-jia,#btn-jian{width:30px;height: 30px;background-color: #ccc;border: 1px solid #ccc;}
.disabled{background-color: #e1e1e1;}
.login p{text-align: center;line-height: 60px;}
.login input{width:400px;height: 40px;border:1px solid #ccc;}
.login input[type=text],input[type=password]{text-align: center;}
.login input[type=submit]{background-color: #ffe300;border: 0;font-size: 14px;font-weight: bold;cursor: pointer;}
.tabs{display: flex;}
.tabs li{width:100px;height: 35px;line-height: 35px; background-color: #ccc;margin-right: 10px;text-align: center;color: #333;border:0;cursor: pointer;}
.tabs .curr{background:#274469!important;color: #fff;border: 0!important;}
.user{height:auto; padding: 20px 0;overflow: hidden;}
.user #div1 input[type="text"]{width:150px;height: 30px;border: 1px solid #ddd;text-indent: 10px;}
.user #div1 select{width:150px;height: 30px;border: 1px solid #ddd;text-indent: 10px;}
.user #div1 input[type="datetime-local"]{width:150px;height: 30px;border: 1px solid #ddd;text-indent: 5px;}
.user #div1 input[type="submit"]{width:100px;height: 30px; background:#ffe300;border:0;margin-left:10px;}
table{border-collapse: collapse;}
table th,table td{line-height: 30px;border:1px solid #eee;padding: 5px 10px;}
table input[type=text],table input[type=password]{width:100%;height: 30px;border:1px solid #ddd;padding-left: 10px;text-align: left;}