.menu-index {
    color: #e5322d !important;
    background: #ffffff;
}

.body {
    width: auto !important;
    min-width: 1200px;
}

.index {
    min-width: 1200px;
    height: 450px;
    background-image: url(/Image/Computer/index.png?v=2);
    background-repeat: no-repeat;
    background-position-x: center;
}

/*热销、最新*/
.title {
    width: 1200px;
}

    .title span {
        display: inline-block;
        height: 36px;
        line-height: 40px;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 5px;
        color: #e5322d;
        padding: 0 15px 0 15px;
        border-bottom: 1px solid #c6c5c5;
        margin-top: 15px;
    }

    .title a {
        position: absolute;
        font-size: 14px;
        color: #808080;
        text-decoration: none;
        margin: 30px 0 0 1150px;
    }

        .title a:hover {
            color: #808080;
            text-decoration: underline;
        }

.hot-bg {
    min-width: 1200px;
    height: 440px;
    background: #d8f4ff;
}

.hot-product-box {
    display: inline-block;
    min-width: 1200px;
}

.hot-product {
    width: 1200px;
    overflow: hidden;
    margin-top: 20px;
    padding-bottom: 60px !important;
}

    .hot-product span {
        display: inline-block;
        min-width: 1200px;
    }

    .hot-product ul {
        display: inline-block;
        margin: 10px 30px 10px 0 !important;
        float: none !important;
    }

.new-wrapper {
    min-width: 1200px;
    min-height: 500px;
    background-color: #f5f5f5;
}

    .new-wrapper:after, .new-wrapper:before {
        content: '';
        display: table;
        clear: both;
    }

.new-title {
    position: relative;
    width: 1200px;
    height: 100px;
    margin-top: 85px;
    background-image: url(/Image/Computer/new_title.png);
    background-repeat: no-repeat;
    background-position-x: 45px;
}


    .new-title span {
        color: #e84b00;
        font-size: 35px;
        font-weight: bold;
        position: absolute;
        top: 50px;
        left: 45px;
    }

    .new-title a {
        position: absolute;
        top: 65px;
        right: 45px;
        font-size: 18px;
        font-weight: bold;
        color: #868686;
        text-decoration: none;
    }

.new {
    width: 1160px;
    background-color: white;
    border-radius: 20px;
    margin: 60px auto 80px auto;
    padding: 0 20px 0 20px;
}

    .new:after, .new:before {
        content: '';
        display: table;
        clear: both;
    }

    .new hr {
        width: 1140px;
        border-top: 1px solid #8d8d8d;
        background: none;
        margin-left: 10px;
    }

    .new ul {
        padding-left: 0;
        width: 250px;
        height: 280px;
        margin: 60px 20px 60px 20px;
        float: left;
        box-sizing: border-box;
    }

        .new ul li {
            list-style: none;
            width: 100%;
            margin-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .new ul li {
        }

.new-img a {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 190px;
    background: white;
}

    .new-img a img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
    }

.new-price {
    line-height: 22px;
    margin-top: 12px !important;
}

    .new-price span {
        font-size: 16px;
        color: #858585;
    }

    .new-price a {
        display: inline-block;
        height: 22px;
        text-align: center;
        padding: 0 10px 0 10px;
        border: 1px solid #858585;
        border-radius: 20px;
        box-sizing: border-box;
        float: right;
    }

/*hot*/
.hot-wrapper {
    min-height: 500px;
}

.hot-title {
    position: relative;
    width: 1200px;
    height: 95px;
    margin-top: 85px;
}

    .hot-title span {
        position: absolute;
        left: 45px;
        display: inline-block;
        width: 90px;
        height: 90px;
        /*height: 70px;*/
        line-height: 100px;
        border-top: 2px solid #44acee;
        color: #44acee;
        font-size: 35px;
        font-weight: bold;
    }

    .hot-title a {
        position: absolute;
        top: 65px;
        right: 45px;
        font-size: 18px;
        font-weight: bold;
        color: #868686;
        text-decoration: none;
    }

.hot {
    width: 1200px;
    margin-top: 10px;
    margin-bottom: 60px;
}

    .hot:after, .hot:before {
        content: '';
        display: table;
        clear: both;
    }

.hot1 {
    width: 346px !important;
    height: 810px !important;
    background-color: #d8f0ff;
    border: none !important;
    margin-left: 0 !important;
}

.hot1-name {
    font-size: 20px;
    width: 320px !important;
    color: #717475;
    margin-top: 115px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hot1-img {
    margin-top: 90px;
}

    .hot1-img a {
        height: 300px !important;
    }


.hot1-details {
    margin-top: 90px;
}

    .hot1-details a {
        display: inline-block;
        font-size: 20px;
        width: 160px;
        height: 50px;
        line-height: 50px;
        background-color: white;
        border-radius: 50px;
    }

.hot2-name {
    position: absolute !important;
    top: 110px;
    left: 45px;
    font-size: 20px;
    width: 700px !important;
    text-align: left;
}

.hot2-cart {
    position: absolute !important;
    top: 180px;
    left: 45px;
}

    .hot2-cart a {
        font-size: 20px;
        display: inline-block;
        width: 160px;
        height: 50px;
        line-height: 50px;
        color: #666666;
        border: 1px solid #666666;
        border-radius: 50px;
    }

.hot2-img a {
    position: absolute !important;
    top: 10px;
    right: 50px;
    width: 540px !important;
    height: 405px !important;
}

.hot ul:nth-child(2) {
    width: 830px;
    height: 465px;
}

.hot ul {
    position: relative;
    padding: 0;
    width: 403px;
    height: 320px;
    text-align: center;
    border: 1px solid #bbbbbb;
    box-sizing: border-box;
    margin-left: 24px;
    margin-bottom: 24px;
    float: left;
}

.hot-img {
}

    .hot-img a {
        position: relative;
        display: inline-block;
        width: 320px;
        height: 240px;
        margin-top: 20px;
    }

        .hot-img a img {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            max-width: 100%;
            max-height: 100%;
        }

.hot-name {
    position: relative;
    width: 340px;
    margin-top: 10px;
}

    .hot-name span {
        position: absolute;
        left: 0;
        font-size: 16px;
        display: inline-block;
        width: 280px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .hot-name a {
        position: absolute;
        right: 0;
    }

/*rec*/
.rec-wrapper {
    min-width: 1200px;
    min-height: 500px;
    background-color: #fff7fa;
}

    .rec-wrapper:after, .rec-wrapper:before {
        content: '';
        display: table;
        clear: both;
    }

.rec-title {
    position: relative;
    width: 1200px;
    height: 95px;
    margin-top: 85px;
    background-image: url(/Image/Computer/rec_title.png);
    background-repeat: no-repeat;
    background-position-x: 45px;
}

    .rec-title span {
        color: #ff7f18;
        font-size: 35px;
        font-weight: bold;
        position: absolute;
        top: 50px;
        left: 45px;
    }

    .rec-title a {
        position: absolute;
        top: 65px;
        right: 45px;
        font-size: 18px;
        font-weight: bold;
        color: #868686;
        text-decoration: none;
    }

.rec {
    width: 1170px;
    margin-bottom: 80px;
    padding: 0 15px 0 15px;
}

    .rec:after, .rec:before {
        content: '';
        display: table;
        clear: both;
    }

    .rec ul {
        padding-left: 0;
        width: 360px;
        height: 400px;
        margin: 50px 15px 0 15px;
        background-color: #eeeeee;
        border-radius: 10px;
        box-sizing: border-box;
        box-shadow: 2px 2px 10px 0 rgba(128,128,128,0.4);
        float: left;
    }

        .rec ul li {
            list-style: none;
            width: 320px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.rec-img {
    width: 340px !important;
}

    .rec-img a {
        position: relative;
        display: inline-block;
        width: 340px;
        height: 255px;
        background: white;
        border-radius: 10px;
        margin-top: 10px;
    }

        .rec-img a img {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            max-width: 100%;
            max-height: 100%;
        }

.rec-name {
    font-size: 20px;
    margin-top: 25px;
}

.rec-price {
    line-height: 36px;
    margin-top: 25px !important;
}

    .rec-price span {
        font-size: 20px;
        color: #686868;
    }

    .rec-price a {
        display: inline-block;
        height: 36px;
        text-align: center;
        padding: 0 12px 0 12px;
        background-color: white;
        border-radius: 10px;
        float: right;
    }


.watermark {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    opacity: 0.5;
}
/*
.new-bg {
    min-width: 1200px;
    min-height: 440px;
    background: #fee6e8;
}

.new-product {
    width: 1228px;
}

    .new-product ul {
        background: #f55f6b !important;
    }

.index-product {
    width: 1200px;
    overflow: hidden;
}

    .index-product ul {
        padding-left: 0;
        width: 279px;
        height: 290px;
        margin: 25px 28px 10px 0;
        background: #4bbac1;
        border-radius: 10px 10px;
        float: left;
    }

        .index-product ul li {
            list-style: none;
            width: 260px;
            text-align: center;
            margin-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .index-product ul li a {
                position: relative;
                display: inline-block;
                width: 264px;
                height: 198px;
                background: white;
            }

            .index-product ul li img {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                max-width: 264px;
                max-height: 198px;
            }

.product-name {
    margin-top: 15px !important;
}

.watermark {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 264px;
    height: 198px;
    overflow: hidden;
    z-index: 2;
    opacity: 0.5;
}

.new-bottom {
    width: 1200px;
    padding-bottom: 80px !important;
}

    .new-bottom a {
        position: absolute;
        font-size: 14px;
        color: #808080;
        text-decoration: none;
        margin: 30px 0 0 1150px;
    }

        .new-bottom a:hover {
            color: #808080;
            text-decoration: underline;
        }

.footer-bg {
    margin-top: 0 !important;
}*/