/*base*/
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: #333;}
*{padding: 0;margin: 0;}
a:hover{color: #0089cd;}
li{list-style: none;}
i{font-style: normal;}
a{text-decoration: none;}
a,.transition{transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.width_min{width: 1170px;margin: 0 auto;}
.content_box{margin-bottom: 50px;position:relative}
/*icon*/
.icon{background-image: url("../images/icon.png");background-repeat: no-repeat;display: inline-block;}
.index_icon{width: 14px;height: 14px;background-position: -4px -605px;}
.rss_icon{width: 37px;height: 12px;background-position: -4px -555px;}
.hot_icon{width: 55px;height: 22px;background-position: 0 0;}
.type0{width: 18px;height: 16px;background-position: 0 -50px;}
.type1{width: 18px;height: 16px;background-position: 0 -100px;}
.type2{width: 18px;height: 16px;background-position: 0 -150px;}
.type3{width: 18px;height: 16px;background-position:0 -197px;}
.video_icon{width: 48px;height: 48px;background-position: 0 -250px;}
.reload_icon{width: 20px;height: 20px;background-position: 0 -300px;}
.backtop_icon{width: 21px;height: 18px;background-position: 0 -350px;}
.edit_icon{width: 18px;height: 23px;background-position: 0 -400px;}
.comment_icon{width: 21px;height: 21px;background-position: 0 -450px;}
.relay_icon{width: 20px;height: 19px;background-position: 0 -500px;}
/*head*/
.head_box{background-color: #333;height: 35px;line-height: 35px;padding: 0 20px;}
.head_fl>a{display: block;float: left;padding: 0 10px;margin: 0 5px;height: 35px;}
.head_fl>a span{color: #fff;font-size: 12px;}
.head_fl i,.head_fl span{vertical-align: middle;}
.head_fl i{margin-right: 10px;}
.head_fl>a.active,.head_fl>a:hover{background-color: #4b4b4b;}
.head_fr{font-size: 12px;}
.head_fr span,.head_fr a{color: #fff;margin: 0 20px;}
.head_fr>a:hover{text-decoration: underline;}
.head_fl li{float: left;margin: 0 5px;height: 35px;position: relative;font-size: 12px;position: relative;}
.head_fl li a{display: block;color: #fff;padding: 0 10px;height: 35px;}
.head_fl li.active>a,.head_fl li:hover>a{background-color: #4b4b4b;}
.nav_down_list{display: none; left: 50%;margin-left: -41px; background-color: #fff;width: 82px;text-align: center;box-shadow: 0 0 9px #666;position: absolute; }
.nav_down_list a{color: #333 !important;}
.nav_down_list a:hover,.nav_down_list>div.active a{background-color: transparent !important;color: #0089cd !important;}
.nav_down_list:before{display:block;content:"";width: 0;height: 0;border-bottom: 5px solid #fff;border-left: solid 5px transparent;border-right: solid 5px transparent;position: absolute;top: -5px;left:50%;margin-left: -2px;}
.head_fl li:hover .nav_down_list{display: block;}
/*导航*/
.nav_list li{float: left;font-size: 14px;margin: 0 15px;}
.nav_list li a{color: #333;}
.nav_list li a:hover,.nav_list li a.active{color: #0089cd;text-decoration: underline;}
.nav_list a {
    color: #333;
}

.nav_list a:hover, .nav_list a.active {
    color: #0089cd;
    text-decoration: underline;
}
.logo_bigbox{padding: 28px 0;height: 38px;line-height:38px;margin-bottom: 10px;}
.logo_bigbox h1{height:34px;margin-right:20px;}
.logo_bigbox h1 img{height:100%;}
.search_box{overflow: hidden;}
.search_box input{height: 36px;width: 230px;padding:0 10px;border-radius: 2px;border: solid 1px #e0e0e0;float: left;font-size: 14px;color: #666;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.search_box button{float: left;height: 38px;width: 80px;background-color: #ed4040;border: none;cursor: pointer;font-size: 14px;color: #fff;border-top-right-radius: 2px;border-bottom-right-radius: 2px;}
.search_box button:hover{background-color: #d83c3c;}
/*左侧导航*/
.type_list li{width: 110px;height: 30px;line-height: 30px;border-radius: 2px;text-align: center;margin-bottom: 8px;}
.type_list li a{display: block;font-size: 16px;color: #333;border-radius: 4px;}
.type_list li a:hover,.type_list li.active a{background-color: #0089cd;color: #fff;}
/*.type_list{position: fixed;}*/
/*右侧共用*/
.content_fr{width: 960px;}
.con_fl{width: 595px;}
.con_fr{width: 327px;}
/*tab切换样式*/
.tab_list{height: 44px;border-bottom: solid 1px #e8e8e8;line-height: 44px;margin-bottom: 10px;}
.tab_list li{float: left;padding: 0 10px;margin-right: 5px;cursor: pointer;}
.tab_list li:hover,.tab_list li.active{border-bottom: solid 1px #0089cd;}
/*浮窗*/
.fc_box{position: fixed;top: 50%;right: 0;}
.fc_box img{width: 90px;margin-bottom: 8px;}
.reload_list li{width: 40px;border-bottom: solid 3px #fff;}
.reload_list li a{display: block;background-color: #0089cd;text-align: center;height: 20px;padding: 10px 0;}
/*footer*/
.footer_box{padding: 20px 0;text-align: center;}
.footer_box .copy_list li{display: inline-block;float: none;}
.footer_box .copy_text span{width: 70px; display: inline-block;}
.footer_box .copy_text img{margin-right: 5px;}
.footer_box.copy_right_box p{margin-bottom: 5px;}
.footer_box .more_list{margin-bottom: 2px;}

/*搜索*/
.detail_search{width: 734px;}
.detail_search input{width: 632px;}
.detail_con_list .footer_box{background-color: transparent;}
/*loading*/
.loading {
    height: 16px;
    line-height: 16px;
    margin-top: 16px;
    margin-bottom: 4px;
    width: 100%;
    font-size: 12px;
    text-align: center
}

@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 1
    }

    45% {
        transform: scale(.1);
        opacity: .7
    }

    80% {
        transform: scale(1);
        opacity: 1
    }
}

.loading.ball-pulse>div:first-child {
    animation: scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)
}

.loading.ball-pulse>div:nth-child(2) {
    animation: scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)
}

.loading.ball-pulse>div:nth-child(3) {
    animation: scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}

.loading.ball-pulse>div {
    background-color: #999;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin: 1px;
    animation-fill-mode: both;
    display: inline-block
}
#Editor_Uninf_ModuleContent ul li p{
    display:inline;
}
  /* 类名以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:14px;
    /* 价格动画 */
    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%);
    }
  }