@charset "utf-8";
.entirety{ position: relative; overflow: inherit;}
.hearts-canvas {position: absolute;bottom: 0;}
.anan-box {position:fixed;top:460px;/*left:1155px;*/z-index: 99999;}
.hiad-box img{margin-top:-10px;}
.tip-box2{	width: 155px;height: 122px;background: url('../images/voice-anan-bg2.png') no-repeat center center;background-size: cover;color: #444;border-radius: 20px;box-sizing: border-box;word-break: keep-all;font-size: 13px;line-height: 20px;padding: 37px 10px 0px 15px;margin-left: 85px; }
.anan-box .show-box {display: flex;flex-direction: column;align-items: center;opacity: 0;visibility: hidden;margin-top: 0;position: relative;margin-left:-60px;}
.hearts-canvas {position: absolute;bottom: 0;pointer-events: none;}
.anan-box .show-box .tip-box {width: 155px;height: 122px;background: url('../images/voice-anan-bg2.png') no-repeat center center;background-size: cover;color: #444;border-radius: 20px;box-sizing: border-box;word-break: keep-all;font-size: 13px;line-height: 20px;padding: 37px 10px 10px 20px;margin-left: 175px;}
.anan-img-box,.kangkang-img-box {margin-top: -20px;position: relative;background: url(../images/kk-yunduo.png) no-repeat center bottom;}
.anan-box .show-box img {margin: 15px 0 20px;width: 180px;position: relative;}
.anan-box .show-box .iconfont {color: #777;font-size: 18px;cursor: pointer;}
.ananGif,.kangkangGif {width: 180px;height: 180px;padding: 15px 0 20px;position: relative;margin: 0 auto;text-align: center;}
.layer1,.layer2,.layer3 {width: 100%;position: absolute;top: 0;left: 0;}
.anPic img {width: 100%;}
.anan-box .show {opacity: 1;visibility: visible;transition: all 0.3s;}
.anan-box .hide {opacity: 0;visibility: hidden;height: 0;}
.anan-box .switchBtn {position: absolute;bottom: 18px;right: 68px;width: 59px;height: 35px;line-height: 35px;text-align: center;color: #777;text-align: center;cursor: pointer;user-select: none;font-size: 13px;background: url(../images/sm-yunduo.png) no-repeat;z-index: 99;}
.anan-box .switchBtn i {font-size: 18px;}
.close-but {margin-top: -17px;margin-left: 12px;z-index: 99;}
.change-zc {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
  /*.anan-box{left:1155px;right:initial;}*/
  .anan-box{top:480px;}
  .anan-box .show-box img{width:140px;}
  .ananGif,.kangkangGif {width:140px;height:140px;}
  .tip-box2,.anan-box .show-box .tip-box{width:130px;height:100px;font-size:12px;line-height:16px;padding:28px 10px 0px 15px;}
}
@media screen and (max-width: 1679px){
  /*.anan-box{left:1280px;right:initial;}*/
  .anan-box{top:480px;}
  .anan-box .show-box img{width:140px;}
  .ananGif,.kangkangGif {width:140px;height:140px;}
  .tip-box2,.anan-box .show-box .tip-box{width:130px;height:100px;font-size:12px;line-height:16px;padding:28px 10px 0px 15px;}  
}