/* 版心 */
.wmain {
    width: 1200px;
    margin: 0 auto;
}

/* 通栏导航栏 */
.shortcut {
    height: 31px;
    color: rgb(105, 105, 105);
    font-size: 12px;
    background-color: rgb(241, 241, 241);
}

/* 通栏左侧登录注册 */
.shortcut_left ul {
    float: left;
    margin-top: 5px;
}

.shortcut_left ul li {
    float: left;
    margin-right: 13px;
}

.shortcut_left ul li:last-of-type a {
    color: rgb(202, 34, 47)
}

/* 通栏右侧导航 */
.shortcut_right ul {
    float: right;
    margin-top: 5px;
}

.shortcut_right ul li {
    float: left;
    padding: 0 18px;
    font-family: 'icomoon';
    border-right: 1px solid rgb(156, 156, 156);

}

.shortcut_right ul li:nth-of-type(2) a::after {
    content: "\e901";
    margin-left: 5px;
}

.shortcut_right ul li:nth-of-type(5) a::after {
    content: "\e901";
    margin-left: 5px;
}

.shortcut_right ul li:nth-of-type(6) a::after {
    content: "\e901";
    margin-left: 5px;
}

.shortcut_right ul li:nth-of-type(7) a::after {
    content: "\e901";
    margin-left: 5px;
}

.shortcut_right ul li:nth-of-type(7) {
    border-right: none;
    margin-right: 0;
}

/* 头部 */
/* 头部左侧logo */
header {
    height: 105px;
}

.header_w {
    height: 100%;
}

.header_w .logo a {
    float: left;
    width: 175px;
    line-height: 105px;
    vertical-align: bottom;
    font-size: 0;
    background: url(../images/logo.png) no-repeat 0 26px;
}

/* 头部右侧搜索框 */
table {
    float: left;
}

.searchbar {
    float: left;
    margin-top: 27px;
    margin-left: 140px;
    border: 2px solid rgb(202, 34, 47);
}

.searchbar input {
    padding-left: 10px;
    width: 456px;
    height: 35px;
    outline: none;
    border: none;

}

.searchbar button {
    width: 82px;
    height: 37px;
    color: #fff;
    font-size: 16px;
    border: none;
    background-color: rgb(202, 34, 47);
}

/* 热点词 */
.hotwords {
    float: left;
    margin-top: 8px;
    width: 538px;
    margin-left: 140px;
}

.hotwords li {
    float: left;
    margin: 0 12px;
}

.hotwords li:first-of-type a {
    color: rgb(202, 34, 47);
}

/* 购物车 */
.shoppingcar {
    float: right;
    margin-right: 62px;
    text-align: center;
    line-height: 41px;
}

.shoppingcar a {
    position: relative;
    display: block;
    width: 139px;
    height: 41px;

    background-color: rgb(247, 247, 247);
    margin-top: 27px;
    border: 1px solid rgb(223, 223, 223);
}

.shoppingcar a::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 14px;
    width: 19px;
    height: 14px;
    background: url(../images/icons.png) no-repeat -414px -89px;
}

.shoppingcar a::after {
    content: "\e902";
    font-family: 'icomoon';

}

.shoppingcar ul li {
    position: relative;
}

.shoppingcar ul li .shopcount {
    position: absolute;
    content: "8";
    top: -10px;
    /* 这么写最大的优点是数量变大往右边增加 */
    left: 105px;
    padding: 0 7px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    background-color: #ca222f;
    border-radius: 10px 10px 10px 0;
}

/* 公共商品列表 */
.goods {
    margin-top: 32px;
}

.goods .goods_title {
    height: 34px;
    border-bottom: 2px solid #ca222f;

}

.goods .goods_title h3 {
    float: left;
    font-size: 18px;
    font-weight: 400;
}

.goods .goods_title ul {
    float: right;
}

.goods .goods_title ul li {
    float: left;
    line-height: 34px;


}

.goods .goods_title ul li a {
    padding: 0 16px;
    border-right: 1px solid #e4e4e4;
}

.goods .goods_title ul li:first-of-type a {
    color: #ca222f;
}

.goods .goods_title ul li:last-of-type a {
    border: none;
}

.goods_list .goods_list_left {
    float: left;
    width: 210px;
}

.goods_list .goods_list_left ul {
    height: 100px;
}

.goods_list .goods_list_left ul li {
    float: left;
    width: 105px;
    height: 32px;
    line-height: 32px;

    font-size: 12px;
    text-align: center;
    /* padding: 0 10px; */

}

.goods_list .goods_list_left ul li a {
    display: block;
    width: 84px;
    border-bottom: 1px solid #e4e4e4;



}

.goods_list_left_img a {
    float: left;
    background: url(../upload/floor-1-1.png);
    width: 187px;
    height: 227px;
}

.goods_list_middle {
    float: left;
    width: 329px;
    height: 360px;
}

.goods_list_middle ul li {
    position: relative;
    width: 329px;
    height: 360px;
}

.goods_list_middle ul li a {
    display: block;
    width: 329px;
    height: 360px;
    background: url(../upload/floor-1-b01.png);
}

.goods_list_middle ul li div {

    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -27px;
    height: 30px;
}

.goods_list_middle ul li div span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    margin: 10px 4px;
    background-color: #3e3e3e;
}

.goods_list_middle ul li div span:hover {
    background-color: #fff;
    cursor: pointer;
}

.goods_list_right {
    float: left;
    width: 660px;
    height: 360px;
}

.goods_list_right ul {
    position: relative;
}

.goods_list_right ul li {
    position: absolute;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.goods_list_right ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.goods_list_right ul li:nth-of-type(1) {
    left: 0;
    top: 0;
    width: 218px;
    height: 180px;
    background: url(../upload/floor-1-2.png);
}

.goods_list_right ul li:nth-of-type(2) {
    left: 0;
    top: 180px;
    width: 218px;
    height: 180px;
    background: url(../upload/floor-1-3.png);
}

.goods_list_right ul li:nth-of-type(3) {
    left: 218px;
    top: 0;
    width: 220px;
    height: 360px;
    background: url(../upload/floor-1-4.png);
}

.goods_list_right ul li:nth-of-type(4) {
    left: 438px;
    top: 0;
    width: 220px;
    height: 180px;
    background: url(../upload/floor-1-5.png);
}

.goods_list_right ul li:nth-of-type(5) {
    left: 438px;
    top: 180px;
    width: 220px;
    height: 180px;
    background: url(../upload/floor-1-6.png);

}

/* logo列表 */
.goods_logolist {
    margin-top: 32px;
    height: 63px;
    background-color: #f7f7f7;
}

.goods_logolist ul li {
    float: left;
    width: 118px;
    height: 63px;
    text-align: center;
    line-height: 63px;
    background: url(../upload/logo_02.png) no-repeat;
    border-right: 1px dotted #e4e4e4;
}

.goods_logolist ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.goods_logolist ul li:last-of-type {
    border: none;
}



/* footer模块 */
footer {
    margin-top: 40px;
    height: 417px;
    background-color: #f5f5f5;
}
.footer_top {
    height: 110px;
    border-bottom: 1px solid #e4e4e4;
}
.footer_top ul {
    margin-left: 20px;
}
.footer_top ul li {
    position: relative;
    float: left;
    width: 200px;
    height: 52px;
    margin-top: 28px;
    margin-left: 35px;
    
}
.footer_top ul li a {
    display: block;
    width: 50px;
    height: 50px;
}
.footer_top ul li:nth-of-type(1) a {
    background: url(../images/icons.png) no-repeat -253px -3px;
}
.footer_top ul li:nth-of-type(2) a {
    background: url(../images/icons.png) no-repeat -255px -54px;
}
.footer_top ul li:nth-of-type(3) a {
    background: url(../images/icons.png) no-repeat -257px -107px;
}
.footer_top ul li:nth-of-type(4) a {
    background: url(../images/icons.png) no-repeat -257px -157px;
}
.footer_top ul li:nth-of-type(5) a {
    background: url(../images/icons.png) no-repeat -257px -209px;
}
.footer_top ul li div {
    position: absolute;
    top: 5px;
    left: 55px;
    width: 110px;
}
/* 页脚中部 */
.footer_middle {
    height: 190px;
    margin-top: 20px;
    border-bottom: 1px solid #e4e4e4;
}
.footer_middle dl {
    float: left;
    margin: 0 60px;
}
.footer_middle dl dt {
    font-size: 16px;
}
.footer_middle dl dd {
    line-height: 22px;
}
/* 页脚底部 */
.footer_bottom {
    margin-top: 20px;
}
.footer_bottom ul {
    height: 14px;
    width: 995px;
    margin: 0 auto;
}
.footer_bottom ul li {
    float: left;
    height: 14px;
    text-align: center;
    line-height: 14px;
}
.footer_bottom ul li a {
    display: block;
    width: 75px;
    border-right: 1px solid #e4e4e4;
}
.footer_bottom p {
    text-align: center;
}