@charset "UTF-8";
.left-gifs { position: fixed; left: 4.16667vw; bottom: 5vh; z-index: 9; }

.left-gifs .close { position: absolute; width: 23px; height: 23px; background: url(../../image/hbszyy_001/bar3.png) no-repeat center; background-size: contain; cursor: pointer; left: -28px; top: 0; }

.left-gifs .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.left-gifs .gif { width: 180px; }

.left-gifs .gif img { width: 100%; }

.left-gifs .txt { width: 267px; height: 108px; background: url(../../image/hbszyy_001/bar2.png) no-repeat center; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px 0 30px; }

.left-gifs .txt .p { font-size: 22px; color: #fff; }

@media (max-width: 768px) { .left-gifs .txt .p { font-size: 18px; } }

/*	pc 端	*/
/*	1280~1440	*/
/*	1024	*/
@media (max-width: 1430px) { .left-gifs { left: 1.04167vw; bottom: 15px; }
  .left-gifs .gif { width: 100px; }
  .left-gifs .close { left: 0; top: -20px; }
  .left-gifs .txt { width: 200px; height: 98px; padding-left: 20px; }
  .left-gifs .txt .p { font-size: 16px; } }

/*	移动端	*/