.body {
    color: #231c12
}

.autoheight {
    position: relative;
    width: 100%;
    height: auto;
    float: left
}

@media only screen and (max-width:768px) {
    .nichelogoarea {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
    }

    .nichelogo {
        position: relative;
        width: 50px;
        height: 50px;
        float: left;
        left: 10px
    }

    .nichlogotitle {
        position: relative;
        width: calc(100% - 70px);
        height: 50px;
        line-height: 50px;
        float: right;
        right: 0;
        font-size: 18px
    }

    .nichespace {
        position: relative;
        width: 100%;
        height: 10px;
        float: left
    }

    .nichecontent {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nichehotproducts {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nichetitle {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px;
        font-size: 20px;
        font-weight: 700
    }

    .nichedescription {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px;
        font-size: 16px
    }

    .nichecontentcontainer {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px
    }

    .nichecategorytitlearea {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nichecategorytitle {
        position: relative;
        width: auto;
        height: auto;
        float: left;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 5px solid #ff6002
    }

    .productstilearea {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nicheproductcontainer {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nicheproduct {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px;
        border-radius: 10px;
        border: 1px solid lightgray;
        background-color:white;
        overflow:hidden;
    }

    .nicheproductinner {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px
    }

    .nicheproductname {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 14px
    }

    .nicheproductdescription {
        display: none;
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 12px
    }

    .nichehotproductcontainer {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .hottitle {
        color: #ff6002
    }

    .hotname {
        font-weight: 700
    }

    .mobile {
        display: block
    }

    .pc {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .nichelogoarea {
        position: relative;
        width: 200px;
        height: auto;
        float: left
    }

    .nichelogo {
        position: relative;
        width: 200px;
        height: auto;
        float: left
    }

    .nichlogotitle {
        position: relative;
        width: calc(100% - 40px);
        height: auto;
        float: left;
        left: 20px;
        font-size: 26px
    }

    .nichespace {
        position: relative;
        width: 10px;
        height: 10px;
        float: right;
    }

    .nichecontent {
        position: relative;
        width: calc(100% - 520px);
        height: auto;
        float: right;
    }

    .nichehotproducts {
        position: relative;
        width: 300px;
        height: auto;
        float: right;
        background-color: #fff;
    }

    .nichetitle {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 20px;
        font-weight: 700;
    }

    .nichedescription {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px
    }

    .nichecontentcontainer {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px
    }

    .nichecategorytitlearea {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nichecategorytitle {
        position: relative;
        width: auto;
        height: auto;
        float: left;
        font-size: 16px;
        font-weight: 700;
        border-bottom: 5px solid #ff6002
    }

    .productstilearea {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nicheproductcontainer {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .nicheproduct {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px;
        border-radius: 10px;
        border: 1px solid lightgray;
        background-color:white;
        overflow:hidden;
    }

        .nicheproduct:hover {
            cursor: pointer;
            border: 1px solid #000
        }

    .nicheproductinner {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px
    }

    .nicheproductname {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 16px
    }

    .nicheproductdescription {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
        font-size: 10px
    }

    .nichehotproductcontainer {
        position: relative;
        width: 100%;
        height: auto;
        float: left
    }

    .hottitle {
        color: #ff6002;
        padding: 10px
    }

    .hotname {
        font-weight: 700
    }

    .mobile {
        display: none
    }

    .pc {
        display: block
    }
}