*{padding: 0;margin: 0;box-sizing: border-box;}
body,a{color: #333;}
*::after,*::before{box-sizing: border-box;}
body{background-color: #fff;}
li{list-style: none;}
a{text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
/*header*/
.header{padding:0.22rem 0.3rem;height: 0.84rem;line-height: 0.4rem;background-color: #0089cd;color: #fff;}
.logo{height: 0.4rem;}
.logo img{height: 100%;vertical-align: top;}
.logo i{vertical-align: middle;}
.reload_animate{ animation: loading linear 1.8s infinite;-moz-animation: loading linear 1.8s infinite;-o-animation: loading linear 1.8s infinite;-ms-animation: loading linear 1.8s infinite;-webkit-animation: loading linear 1.8s infinite;display: inline-block;display: none;}
@keyframes loading{
    to{
        transform: rotate(360deg);
    }
}
@keyframes -moz-loading{
    to{
        -moz-transform: rotate(360deg);
    }
}
@keyframes -o-loading{
    to{
        -o-transform: rotate(360deg);
    }
}
@keyframes -webkit-loading{
    to{
        -webkit-transform: rotate(360deg);
    }
}
@keyframes -ms-loading{
    to{
        -ms-transform: rotate(360deg);
    }
}
/*导航*/
.nav_list>div{width: auto;font-size: 0.34rem;margin-right: 0.42rem;}
.nav_list>div.active a{color: #0089cd;}
.nav_list_box{padding: 0.16rem 1rem 0.16rem 0.3rem;line-height: 0.46rem;border-bottom: solid 1px #e8e8e8;background-color: #f4f8fb;}
.nav_list_div{position: relative;overflow: hidden;}
.add_btn{box-shadow: -1px 0 10px #999; width: 1rem;height: 100%;background-color: #f4f8fb;position: absolute;top: 0;right: 0;z-index: 1000;text-align: center;}
.add_btn i{font-size: .4rem;color: #0089cd;position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);}
/*类型icon*/
.type_box{font-size: 0.2rem;height: 0.35rem;line-height: 0.32rem;border: solid 1px;display: inline-block;padding: 0 0.1rem;}
.red_text{color: #fa5050 !important;border-color: #fa5050;}
/*更新信息*/
.infor_tip{display: none; position: absolute; top: 0;left: 0;width: 100%; height: 0.56rem;line-height:0.56rem;text-align: center; font-size: 0.28rem;color: #0089cd;background-color: rgba(178, 229, 255, 0.88);}



 /* 类名以unbai-开头 */

  /* 广告容器 */
  .unbai-ad-container {
    display: flex;
    column-gap: 34px;
  }

  /* 每一个广告 */
  .unbai-ad-item {
    max-width: 31%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
  }

  /* 广告中的每一个文字 */
  .unbai-ad-item a img {
    width:100% !important;
    height: 100%;
  }

  /* 广告阴影 */
  .unbai-ad-item .unbai-ad-shadow {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .2);
    padding: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, .6);
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  /* 广告阴影中商品的价格 */
  .unbai-ad-item .unbai-ad-shadow .goods-price {
    color: hsl(0, 100%, 50%);
    font-size: 12px;
    /* 价格动画 */
    animation: animate-ad-price 5s linear alternate infinite;
  }

  /* 价格动画 */
  @keyframes animate-ad-price {
    0%,
    30%,
    70% {
      color: hsl(0, 100%, 50%);
      text-shadow: none;
    }
    20%,
    40%,
    80%,
    100% {
      color: hsl(0, 0%, 100%);
      text-shadow: 0 0 5px hsl(0, 100%, 50%),
        0 0 10px hsl(0, 100%, 50%),
        0 0 20px hsl(0, 100%, 50%),
        0 0 40px hsl(0, 100%, 50%);
    }
  }