* {
    font-family: 'Douyin Sans';
}

::selection {background-color:rgb(145, 236, 209); color:rgb(40,55,92);} 
::-moz-selection {background-color:rgb(145, 236, 209); color:rgb(40,55,92);} /*火狐浏览器*/
::-webkit-selection {background-color:rgb(145, 236, 209); color:rgb(40,55,92);} /*谷歌*/

body {
    background: linear-gradient(rgb(70, 172, 105) , rgb(47, 179, 146));
    background-attachment: fixed;
    overflow-x: hidden;
}

.wall {
    width: 79vw;
    margin: 0 auto;
    margin-bottom: 6vw;
    font-size: 0;
    /* 防止空隙 */
    text-align: left;
    white-space: nowrap;
}

.wall h1 {
    font-size: 2.4vw;
    color: rgb(255, 255, 255);
}

.wall h2 {
    font-size: 2vw;
    color: rgb(255, 255, 255);
    margin-top: 2vw;
    margin-bottom: 0.5vw;
}

.wall p {
    font-size: 1.2vw;
    color: rgb(255, 255, 255);
}

.block {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: rgb(240, 248, 255);
    width: 25vw;
    height: 14vw;
    margin-right: 2vw;
    border-radius: 1vw;
    transition: transform 0.5s;
}

.block:hover {
    transform: scale(105%);
}

.block .txt {
    position: absolute;
    white-space: wrap;
    padding-right: 2vw;
    top: 2vw;
    left: 13vw;
}

.block .txt h1 {
    font-size: 1.5vw;
    color: rgb(0, 0, 0);
    margin-bottom: 0.4vw;
}

.block .txt p {
    font-size: 1vw;
    color: rgb(0, 0, 0);
    margin-bottom: 0.2vw;
}

.block .tag {
    position: absolute;
    top: 10.4vw;
    left: 13vw;
}

.block .tag p{
    display: inline-block;
    font-size: 0.8vw;
    color: rgb(0, 0, 0);
    background-color: rgb(220, 220, 220);
    height: 1.6vw;
    padding: 0.3vw;
    margin-right: 0.4vw;
    border-radius: 0.6vw;
}

.blockicon {
    position: absolute;
    top: 2vw;
    left: 2vw;
    width: 10vw;
    height: 10vw;
    background-size: contain;
    background-repeat: no-repeat;
}

.flink {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: rgb(240, 248, 255);
    width: 14vw;
    height: 17vw;
    margin-right: 2vw;
    margin-top: 2vw;
    border-radius: 1vw;
    transition: transform 0.5s;
}

.flink:hover {
    transform: scale(105%);
}

.flink h1 {
    position: absolute;
    white-space: wrap;
    top: 13vw;
    left: 2vw;
    width: 10vw;
    text-align: center;
    font-size: 1.5vw;
    color: rgb(0, 0, 0);
}

.slink {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: rgb(240, 248, 255);
    width: 7vw;
    height: 9vw;
    margin-right: 2vw;
    margin-top: 2vw;
    border-radius: 1vw;
    transition: transform 0.5s;
}

.slink:hover {
    transform: scale(110%);
}

.slink h1 {
    position: absolute;
    white-space: wrap;
    top: 7vw;
    left: 1vw;
    width: 5vw;
    text-align: center;
    font-size: 1vw;
    color: rgb(0, 0, 0);
}

.sicon {
    position: absolute;
    top: 1vw;
    left: 1vw;
    width: 5vw;
    height: 5vw;
    background-size: contain;
    background-repeat: no-repeat;
}

.comment {
    width: 54vw;
    margin: 2vw auto;
    padding: 1vw;
    border-radius: 2vw;
    border: solid 1vw rgb(13, 136, 109);
    background-color: rgb(240, 248, 255);
}