.m-visual-item {
    cursor: pointer;
    position: relative;
    display: block
}

.m-visual-item .u-tip {
    display: none
}

.m-visual-item:hover > .u-border {
    position: absolute;
    border-color: rgba(0, 0, 0, .3)
}

.m-visual-item:hover > .u-border.u-border-top {
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px dashed
}

.m-visual-item:hover > .u-border.u-border-right {
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px dashed
}

.m-visual-item:hover > .u-border.u-border-bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed
}

.m-visual-item:hover > .u-border.u-border-left {
    left: 0;
    top: 0;
    height: 100%;
    border-left: 1px dashed
}

.m-visual-item:hover .u-tip {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    min-width: 100px;
    line-height: 70px;
    background-color: rgba(0, 0, 0, .3);
    z-index: 998;
    top: 0;
    text-align: center
}

.m-visual-item.light:hover > .u-border {
    border-color: #6ccfff
}

.m-visual-item .u-border-hover {
    position: absolute;
    z-index: 2;
    pointer-events: none;
    transition: border .2s ease
}

.m-visual-item .u-border-hover.is-active {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border: 2px dashed #6ccfff !important
}

.m-visual-item:hover > .u-border-hover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border: 1px dashed #6ccfff
}

.m-product-list-display.z-web {
    padding: 45px 0 60px;
    background: #fff
}

.m-product-list-display.z-web .m-product-list-display-content {
    width: 1200px;
    margin: 0 auto
}

.m-product-list-display.z-web .m-product-list-display-content .content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list {
    margin-top: 60px
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product {
    min-width: 320px;
    display: inline-block;
    margin-right: 95px
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product:nth-child(3n) {
    margin-right: 0
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product:nth-child(-n+3) {
    margin-bottom: 90px
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-img {
    float: left;
    margin-right: 40px;
    max-width: 90px
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-info .title {
    font-size: 20px;
    line-height: 24px;
    color: #142033;
    margin-bottom: 16px
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-info .desc1, .m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-info .desc2 {
    font-size: 14px;
    line-height: 24px;
    color: #6f7993
}

.m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-info .desc1 div, .m-product-list-display.z-web .m-product-list-display-content .u-product-list .m-product .u-info .desc2 div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-product-list-display.z-web .m-product-list-display-content .more-link {
    margin-top: 50px;
    text-align: center
}

.m-product-list-display.z-web .m-product-list-display-content .more-link .link {
    font-size: 14px;
    line-height: 20px;
    color: #0057ff
}

.m-product-list-display.z-phone {
    padding: .6933333333333334rem .8rem
}

.m-product-list-display.z-phone .m-second-title {
    font-size: .37333333333333335rem;
    line-height: .64rem;
    color: #6f7993
}

.m-product-list-display.z-phone .u-product-list {
    margin-top: 1.0666666666666667rem
}

.m-product-list-display.z-phone .u-product-list .m-product {
    margin-bottom: .8rem
}

.m-product-list-display.z-phone .u-product-list .m-product:last-child {
    margin-bottom: 0
}

.m-product-list-display.z-phone .u-product-list .u-img {
    max-width: 1.6rem;
    vertical-align: top;
    float: left;
    margin-right: .8rem
}

.m-product-list-display.z-phone .u-product-list .u-info .title {
    font-size: .4266666666666667rem;
    line-height: .64rem;
    color: #142033;
    margin-bottom: .16rem
}

.m-product-list-display.z-phone .u-product-list .u-info .desc1, .m-product-list-display.z-phone .u-product-list .u-info .desc2 {
    font-size: .37333333333333335rem;
    line-height: .64rem;
    color: #6f7993
}

.m-product-list-display.z-phone .u-product-list .u-info .desc1 div, .m-product-list-display.z-phone .u-product-list .u-info .desc2 div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}