/*大礼包组件start*/
.custom-giftbag {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 0 15px;
}
.custom-giftbag-item{
  padding: 15px 0 10px 0;
  width:100%;
  display:block;
}
.custom-giftbag-item .giftbag-img {
  width: 100%;
  position:relative;
  overflow: hidden;
  border-radius: 4px;
}
.custom-giftbag-item .giftbag-img:after{
  position:relative;
content:'';
display:block;
padding-bottom:100%;
}
.custom-giftbag-item .giftbag-img img {
  width: 100%;
  height: auto;
position:absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.custom-giftbag-item.two-line {
  width: calc(50% - 7.5px);
  display: inline-block;
  vertical-align: top;
}
.custom-giftbag-item.two-line:nth-child(2n){
margin-left:15px;
}
.custom-giftbag-item.one-line.one-height .giftbag-img:after{
position:relative;
content:'';
display:block;
padding-bottom:100%;
}
.custom-giftbag-item.one-line.two-height .giftbag-img:after{
position:relative;
content:'';
display:block;
padding-bottom:66.66%;
}
.custom-giftbag-item.one-line.three-height .giftbag-img:after{
position:relative;
content:'';
display:block;
padding-bottom:51%;
}
.custom-giftbag .giftbag-title{
font-size: 13px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 1.5;
  margin: 8px 0;
height:36px;

}
.custom-giftbag .price{
margin-top:2px;
font-size:12px;
color:#f24f4c;
line-height: 1;
}
.custom-giftbag .price big{
font-size:15px;
}
.custom-giftbag .giftbag-privilege{
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  -webkit-box-align: stretch;
  -moz-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 16px;
  margin-bottom: 8px;
}
.custom-giftbag .giftbag-privilege>div{
  line-height: 16px;
}
.custom-giftbag .giftbag-privilege .left{
  background-color: #2B2821;
  padding: 0 4px;
  font-size: 11px;
  color: #F1DFC9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.custom-giftbag .giftbag-privilege .right{
  padding: 0 4px;
  background-color: #F3D0B4; /* 不支持线性的时候显示 */
  background-image: linear-gradient(to right, #FCDCC1 , #F3D0B4);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #160F06;
  font-size: 10px;
}
.custom-giftbag .giftbag-privilege .right big{
  font-size: 13px;
}

/*大礼包组件end*/
.giftbag-load-more{
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.bili_view{
    display: flex;
    align-items: center;
    
  }
  .bili_view>div {
position: relative;
padding: 0 4px;
font-size: 10px;
color: #FFDF00;
min-width: 40px;
text-align: center;
}

.bili_view>div>div {
width: 4px;
height: 4px;
background: #fff;
border-radius: 100%;
}

.bili_view>div:first-child {
background: linear-gradient(149deg, #707070 0%, #2E2727 100%);
}

.bili_view>div:first-child>div {
position: absolute;
top: 40%;
left: -2px;
}

.bili_view>div:last-child {
background: #FFDF00;
color: #333;
}

.bili_view>div:last-child>div {
position: absolute;
top: 40%;
right: -2px;
}
.new_trade60 p.tip{text-align:center}
.new_trade60 p.tip .red{color:red}
.position-r{position:relative}
.new_trade60 .list-img{
position: absolute;
  display: none;
  width: 200px;
  top: -100px;
  left: 200px;
  border: 1px solid #e5e5e5;
  height: 300px;
  overflow: hidden;
}
.new_trade60 .control-list{overflow:visible}
.new_trade60 .position-r a:hover + .list-img{display:block}

.new_trade60 .dataset-add{ min-width: 40px;
  width: 40px;
  height: 40px;
  display: block;
  padding: 0;
  margin: 0 auto;
  line-height: 40px;
  border-radius: 50%;
  margin-bottom: 10px;
}
.new_trade60 .control_list1{
  position: relative;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  padding: 45px 0;
  margin-bottom: 15px;
}
.new_trade60 .huodong_1{
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  color: #999;
}
.new_trade60 .edit-menu{
  position: absolute;
  top: 8px;
  right: 10px;
}
.new_trade60 .edit-menu i{
 color: #e4eaec;
 font-size: 16px;
}
.new_trade60 .giftbag-title-new{
  font-size: 15px;
  color: #333;
  margin-top: 9px;
  line-height: 1.3;
}
.new_trade60 .line-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.new_trade60 .line-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
word-break: break-all;
}
.new_trade60 .margin_bottom_9{
  margin-bottom: 9px;
}
.new_trade60 .custom-giftbag-new .giftbag-privilege-new{
  display: -webkit-box; 
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;
  -webkit-box-align: stretch;
  -moz-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  height: 16px;
}
.new_trade60 .custom-giftbag-new .giftbag-privilege-new>div{
  line-height: 16px;
}
.new_trade60 .custom-giftbag-new .giftbag-privilege-new .left{
  background-color: #2B2821;
  padding: 0 4px;
  font-size: 11px;
  color: #F1DFC9;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.new_trade60 .custom-giftbag-new .giftbag-privilege-new .right{
  padding: 0 4px;
  background-color: #F3D0B4; /* 不支持线性的时候显示 */
  background-image: linear-gradient(to right, #FCDCC1 , #F3D0B4);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #160F06;
  font-size: 10px;
}
.new_trade60 .custom-giftbag-new .giftbag-privilege-new .right big{
  font-size: 13px;
}
.new_trade60 .max-price {
  font-size: 12px;
  color: #999;
  text-decoration: line-through;
  margin-left: 8px;
}
.new_trade60 .price-new{
font-size:12px;
color:#f24f4c;
}
.new_trade60 .price-new big{
font-size:15px;
}
.new_trade60 .modul-describe{
  font-size: 13px;
  color: #F1B465;
  margin-top: 5px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.new_trade60 .modul-describe{
  font-size: 13px;
  color: #F1B465;
  margin-bottom: 11px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.new_trade60 .modul-price-right{
  font-size: 13px;
  color: #999;
}
.new_trade60 .giftbag-img-new {
  width: 100%;
  padding-bottom: 100%; 
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.new_trade60 .giftbag-img-new img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.new_trade60 .bg-height{
   padding-bottom: 66.6% !important;   
}
.new_trade60 .custom-giftbag-new{
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    background: transparent;
}
.new_trade60 .custom-giftbag-item-new{
    padding:0;
    background: #fff; 
    margin-bottom: 5px;
}
.new_trade60 .custom-giftbag-item-new .giftbag-img {
    width: 100%;
    position:relative;
    overflow: hidden;
    border-radius: 4px;
}
.new_trade60 .custom-giftbag-item-new .giftbag-img:after{
    position:relative;
    content:'';
    display:block;
    padding-bottom:100%;
}
.new_trade60 .custom-giftbag-item-new .giftbag-img img {
    width: 100%;
    height: auto;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.new_trade60 .custom-giftbag-item-new.two-line {
  width: calc(50% - 7.5px);
  display: inline-block;
  vertical-align: top;
}
.new_trade60 .custom-giftbag-item-new .two-line:nth-child(2n){
    margin-left:15px;
}
.new_trade60 .custom-giftbag-item-new .one-line .one-height .giftbag-img:after{
    position:relative;
    content:'';
    display:block;
    padding-bottom:100%;
}
.new_trade60 .custom-giftbag-item-new .one-line .two-height .giftbag-img:after{
    position:relative;
    content:'';
    display:block;
    padding-bottom:66.66%;
}
.new_trade60 .custom-giftbag-item-new .one-line .three-height .giftbag-img:after{
    position:relative;
    content:'';
    display:block;
    padding-bottom:51%;
}
.new_trade60 .giftbag_menu_box{
    width: (100% - 40px);
    padding:15px 5px 19px;
    font-size: 15px;
    color: #666666;
    line-height: 1;
    overflow-x: hidden;
    position: relative;
}
.new_trade60 .giftbag_menu_li{
    display: inline-block;
    white-space: nowrap;
    margin-right:15px;
    position: relative;
}
.new_trade60 .active_li_box{
    position: absolute;
    bottom: -10px;
    width: 18px;
    height: 4px;
    left: 50%;
    transform:translateX(-50%);
    background: #7161F6; 
    border-radius: 4px;
}
.new_trade60 .menu_img_box{
    margin-left: 10px;
    width: 30px;
}
.new_trade60 .menu_img{
    height: 12px;
    width: 12px;
}
.new_trade60 .gift_bag_main_box{
    position: relative;
  }
.new_trade60 .menu_toast{
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px 12px 8px 16px;    
    font-size: 14px;
    color: #666666;
    overflow: hidden;  
    box-shadow: 0 1.5px 10px 0.5px rgba(0,113,198,0.16);      
    width: 100%;
    background-color: #fff;
    z-index: 100;
    box-sizing: border-box;
  }
.new_trade60 .menu_toast_li{
    margin-bottom: 8px;
}