@font-face {

  font-family: "iconfont";

  /* Project id 2303857 */

  src: url("//at.alicdn.com/t/font_2303857_vw08kfmp6uq.woff2?t=1638161279592")

      format("woff2"),

    url("//at.alicdn.com/t/font_2303857_vw08kfmp6uq.woff?t=1638161279592")

      format("woff"),

    url("//at.alicdn.com/t/font_2303857_vw08kfmp6uq.ttf?t=1638161279592")

      format("truetype");

}

​

.box {

  position: relative;

  width: 200px;

  height: 35px;

  border: 1px solid #222;

  margin: 30px auto;

}

​

.box::after {

  position: absolute;

  top: 10px;

  right: 10px;

  font-family: "iconfont";

  content: "\e665";

  color: #222;

  font-size: 18px;

}

/* 鼠标滑过显示动画 */

.tudou {

  position: relative;

  width: 300px;

  height: 200px;

  margin: 30px auto;

}

.tudou img {

  width: 100%;

  height: 100%;

}

.tudou::before {

  content: "";

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.4)

    url(https://pupperc.com/img/202111241329939.png) no-repeat center;

}

.tudou:hover::before {

  display: block;

}

​