.doc{
    margin: 0 auto 100px;
    width: 1200px;
    max-width: 100%;
}

.doc .title{
    font-size: 25px;
    font-weight: 900;
    margin: 50px 0;
    text-align: center
}

.doc .common-doc{
    margin-bottom: 20px;
    text-align: center;
    width: 1200px;
    max-width: 100%;
}

.doc .common-doc .common-doc-item{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 14px rgba(64,115,250,.102);
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    /* overflow: hidden; */
    width: 150px
}

.doc .common-doc .common-doc-item .common-doc-item-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.doc .product-doc{
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    max-width: 100%;
}

.doc .product-doc .product-doc-item{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 14px rgba(64,115,250,.102);
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    transform: perspective(1px) translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    width: 380px
}

.doc .product-doc .product-doc-item .product-doc-item-name{
    background-color: #f1f5ff;
    color: #4073fa;
    font-weight: 900;
    padding: 20px
}

.doc .product-doc .product-doc-item .product-doc-item-doclist{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 100px;
    padding: 20px 20px 0
}

.doc .product-doc .product-doc-item .product-doc-item-doclist .product-doc-item-doc{
    margin-bottom: 20px;
    width: 50%
}

.doc .product-doc .product-doc-item .product-doc-item-doclist .product-doc-item-doc-name{
    cursor: pointer
}

.doc .product-doc .product-doc-item .product-doc-item-doclist .product-doc-item-doc-name[data-v-ae4e8d5c]:hover {
    color: #4073fa
}

.doc .product-doc .product-doc-item[data-v-ae4e8d5c]:nth-child(3n) {
    margin-right: 0
}

.doc .product-doc .product-doc-item[data-v-ae4e8d5c]:active,.doc .product-doc .product-doc-item[data-v-ae4e8d5c]:focus,.doc .product-doc .product-doc-item[data-v-ae4e8d5c]:hover {
    transform: translateY(-8px)
}

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
    white-space: nowrap
}



.positionRelative {
    position: relative;
}
.positionAbsolute {
    position: absolute;
}

.colorRed {
    color: red;
}