.wrapper {
    padding-bottom: 2rem;
}

.clazz {
    padding: 3rem .5rem 0;
}

.hardTitle {
    padding: 0 1rem 1.5rem;
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.hardTitle .small {
    margin-left: 1rem;
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
}

.list {
    display: flex;
    flex-wrap: wrap;
}

.hardwareList {
    width: 18rem;
    background-color: #fff;
    border-radius: 0.6rem;
    position: relative;
    margin-right: .5rem;
    margin-bottom: .5rem;
    min-height: 34.7rem;
}

.hardwareList:nth-of-type(2n) {
    margin-right: 0;
}

.hardwareList .introduce {
    padding: 1.5rem 1rem;
}

.hardwareList .introduce .hardWareName {
    font-size: 1.4rem;
    color: #333;
    font-weight: 700;
}

.hardwareList .introduce .text {
    padding-top: 1rem;
}

.hardwareList .introduce .text span {
    display: block;
    padding-top: .5rem;
    color: #999;
}

.hardwareList .introduce .more {
    display: flex;
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
    align-items: center;
    position: absolute;
    bottom: 1.5rem;
    left: 1rem;
}

.hardwareList .introduce .more img {
    display: block;
    width: 1rem;
    height: 1.2rem;
    margin-left: .25rem;
}

.list .bigCard {
    width: 100%;
    display: flex;
    background-color: #fff;
    border-radius: .6rem;
    padding: 1rem 0;
    min-height: 21rem;
}

.list .bigCard img {
    width: 19rem;
    height: 19rem;
}

.list .bigCard .right {
    margin-left: 1rem;
    position: relative;
    height: 100%;
    padding-top: 3rem;
}

.list .bigCard .text {
    padding-top: 1rem;
}

.list .bigCard .text span {
    display: block;
    padding-top: .5rem;
    color: #999;
}

.list .bigCard .right .hardWareName {
    font-size: 1.4rem;
    color: #333;
    font-weight: 700;
}

.list .bigCard .more {
    display: flex;
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
    align-items: center;
    position: absolute;
    bottom: 2.5rem;
}

.list .bigCard .more img {
    display: block;
    width: 1rem;
    height: 1.2rem;
    margin-left: .25rem;
}
.threeD {

}