<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.content .part2 .pbox {
    position: relative;
}

.content .part2 .item {
    overflow: hidden;
}
.content .part2 .r2 .item{
    width: 400px;
    height: 500px;
    border-radius: 30px;
    overflow: hidden;
    margin: 20px;
}
.content .part2 .r2 .item .syimg img{
    max-width: 100%;
}
.content .part2 .pbox img {
    cursor: pointer;
    transition: all .7s;
    overflow: hidden;

}
.content .part2 .pbox img:hover {
    transform: scale(1.1);
}
.content .part2 .r2 .item .title {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 999;
    height: 80px;
    line-height: 80px;
    background: linear-gradient(to right, #3BB1FD, #CC21FE);
}
.content .part2 .pbox .memo{
    text-align: center;
}
.content .part3{
    background-image: url('../assets/icon_bg3.png');
    background-repeat:no-repeat;
    background-position:left;
    background-size: contain;
}
.content .part3 .title{
    line-height: 100px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.content .part3  .memo{
    text-align: center;
}
.content .part3 .point{
    width: 80%;
    margin: 30px auto 50px auto;
    /*justify-content: center;*/
    align-items: center;
}
.content .part3 .point .numimg{
    margin-right: 20px;
}
.content .part3 .point .word .w1{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.r2{
    flex-wrap: wrap;
}</pre></body></html>