.friend_block{
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  margin-top: 20px;
}


.firend_item{
  position: relative;
  display: flex;
  width: 580px;
  padding: 15px 0;
  margin: 0 0 24px 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 4px 0 #ccc;
  transition: all .1s ease-in-out;
}

.firend_item:hover{
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 4px 12px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 4px 12px 2px rgba(0,0,0,.1);
  position: relative;
  z-index: 10;
}

.firend_item .lt_item{
  width: 290px;

  padding: 0 15px;
  border-right:2px solid #ccc;
}
.demo-image__lazy{
  position: relative;
  width: 260px;
  height: 260px;

}
.demo-image__lazy:hover .gold_icon{
    display: none;
}

.lt_item .hd_topicon{
  width: 30px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 58px;
  background-repeat: no-repeat;
  z-index: 10;
  background-image: url(/img/basetop2.png)
}

.lt_item .prod_bp{
  font-size: 14px;
  color: #666;
  text-align: center;
  padding: 14px 0 13px;
}
.lt_item .prod_tit{
  font-size: 15px;
  cursor: pointer;
  color: #666;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}


.lt_item .couponbt_daysale{
  width: 200px;
  height: 32px;
  font-size: 13px;
  color: #666;
  text-align: center;
  margin: 0 auto;
  line-height: 32px;
  border-radius: 6px;
  background: #fff1f0;
}
.lt_item .couponbt_daysale .daysale_span{
  padding: 0 4px;
  font-size: 16px;
  color: #f55d0b;
}

.lt_item .prod_wrap ul{
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 16px;
  color: #666;
}
 .prod_wrap li{
  font-size: 12px;
}
 .prod_wrap .quan_after{
  font-size: 18px;
  color: #f55d0b;
}
 .prod_wrap .yx {
  font-size: 18px;
  color: #666;
}


.lt_item .prod-four{
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  padding-top:10px;
  color: #999;

}
.lt_item .prod-four .coupon_block{
  width:auto;
  font-size: 12px;
  color: #f55d0b;
  padding-right: 4px;
  border-radius: 4px;
  border: 1px solid #f55d0b;
}
.lt_item .prod-four .coupon_span1{
  display: inline-block;
  text-align: left;
  font-size: 14px;
  padding: 0 2px;
  color:#fff;
  background-color: #f55d0b;
}

.lt_item .prod-four .platform{
  width: 19px;
  height: 19px;
}

.lt_item .couponbtbt_hr{
  width: 100%;
  height: 2px;
  

}

.lt_item .prod_xl{
  font-size: 12px;
  color: #666;
  height: 16px;
  padding: 0 6px;
  margin-top: 20px;
}
.lt_item .prod_xl em{
  color: #f55d0b;
  margin: 0 4px;
}


/* right */

.rt_item{

  width: 100%;
  padding:0 10px;
  
  

}

.tab_wrap .cnt_block{
  width: 100%;
  position: relative;
  height: 252px;
  padding-top: 10px;
  /*z-index: 100;*/
}

.tab_wrap .el-tabs--card>.el-tabs__header{
  border-bottom: none;
}
.tab_wrap .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
  color: #fff;
  background-color: #5A8EFF;
  border:none;
}

.tab_wrap .el-tabs--card>.el-tabs__header .el-tabs__nav{
border-bottom: 1px solid #E4E7ED;
}
.tab_wrap .el-tabs--card>.el-tabs__header .el-tabs__item.is-active:hover{
color: #fff;
background: linear-gradient(180deg, #5A8EFF 0%, #0F5BFF 100%);
}
.rt_item_img{
/*width: 76px;*/
  /*height: 76px;*/

  margin-bottom: 12px;
}
.rt_item .cnt_block .rt_item_img .el-image{
  width: 76px;
  height: 76px;
  margin-right:10px;
  margin-bottom:6px;
  object-fit: contain;
}
.tab_wrap .cnt_block:hover{
  background-color: #f5f5f5;
}

@media only screen and (max-width: 1300px) {
  .firend_item:nth-child(even) .rt_img_icom{
    background: url(/img/home/click_copyright.png) no-repeat;
    right: 247px;
    padding-right: 20px;
  }
}
.tab_wrap .el-tabs__content{
  overflow: visible;
}
.rt_img_icom{
  position: absolute;
  display: none;
  top: 30px;
  right: -110px;
  width: 125px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  z-index: 15;
  background-image: url(/img/home/click_copy@130.png);
}

.rt_item .cnt_block:hover .rt_img_icom{
  display: block;
}

.tab_wrap .official_wrap{
  padding: 0 10px;
}
.tab_wrap .official i{
  display: inline-block;
  width: 23px;
  height: 23px;
}
.rt_item .tkl_center{
  font-size: 14px;
  color: #999;
  line-height: 14px;
  white-space: pre-line;
  font-family: Microsoft YaHei;

}
.rt_item .tkl_center p>em{
  color:red;
}
.rt_item .friends_btn_block{
  width: 270px;
  height: 74px;
  margin-top: 10px;
  line-height: 40px;
  color: #666;
  background: rgba(207, 210, 230, 0.51);
  border: 1px solid rgba(207, 210, 230, 0.2);
  border-radius: 3px;

}
.icon_box{
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding:0 4px;
  width: 80px;
  cursor: pointer;
  height: 26px;
  background: #F2F6FF;
  border: 1px solid #1DBDCD;
  border-radius: 13px;
}
.icon_img_wrap{
  display: inline-block;
  width: 18px;
  height: 18px;

}
.icon_imgpyq{
  background: url("/img/imgicon/destination/icon_pyq_nor.png") no-repeat;
}
.icon_imgqq{
  background: url("/img/imgicon/destination/icon_qq_nor.png") no-repeat;
}
.icon_imgtkl{
  background: url("/img/imgicon/destination/icon_tkl_nor.png") no-repeat;
}
.friends_btn_block .icon_box:hover.pyq_btn{
  border: 1px solid #1dbdcd;
    background-color: #1dbdcd;
    color:#fff;
}
.friends_btn_block .icon_box:hover.qq_btn{
  border: 1px solid #438eff;
  background-color: #438eff;
  color:#fff;
}
.friends_btn_block .icon_box:hover.tkl_btn{
  border: 1px solid #736af4;
  background-color: #736af4;
  color:#fff;
}
.friends_btn_block .icon_box:hover .icon_imgpyq{
  background-image: url("/img/imgicon/destination/icon_pyq_hover.png");
}
.friends_btn_block .icon_box:hover .icon_imgqq{
  background-image: url("/img/imgicon/destination/icon_qq_hover.png");
}
.friends_btn_block .icon_box:hover .icon_imgtkl{
  background-image: url("/img/imgicon/destination/icon_tkl_hover.png");
}
/*.rt_item .friends_btn_block .pyq_btn1{*/
/*  width: 100%;*/
/*  color: #438eff;*/
/*  order: 1px solid #438eff;*/
/*  margin-left: 0;*/
/*}*/
/*.rt_item .friends_btn_block .pyq_btn1:hover{*/
/*  background-color: #438eff;*/
/*  color:#fff;*/
/*}*/
/*.rt_item .friends_btn_block .pyq_btn2{*/
/*  width: 100%;*/
/*  color: #736af4;*/
/*  border: 1px solid #736af4;*/
/*  margin-left: 0;*/
/*  */
/*}*/
/*.rt_item .friends_btn_block .pyq_btn2:hover{*/
/*  background-color: #736af4;*/
/*  color:#fff;*/
/*}*/