/*HOME new gift open*/
 .gift_main{
        /*position: absolute;*/
        width: 95%;
        padding: 5px;
        /*max-width: 600px;*/
        background: #f6f6f6;
        border-radius:15px;
        margin: 0px;
        margin-top: 20px;
        min-height: 250px;
            
        }
        
       .gift_main .gift_title{

        width:60px;
        text-align: center;
        background: #e60012;
        color: #ffffff;

        padding: 5px;
        border-radius: 15px 0px 15px 0px;
        position: absolute;
        margin-top: -5px;
        margin-left: -5px;
        }
        
        .gift_main .gift_phonedb_set{
        /*! float: left; */
        width: 100%;
        padding: 5px;
        text-align: center;
        line-height: 150%;
        background: #ffffff;
        min-height: 240px;
        /*! max-width: 200px; */    
        border-radius:10px;
        margin-top: 0px;
        }
        
        .gift_main .gift_phonedb_set .gift_img{
        width: 90%;
        padding-top: 25px;
      max-width:190px;
        margin: 0px auto;
        }
        
        .gift_main .gift_phonedb_set .gift_name{
        font-size: 13px;
        line-height: 150%;
        font-weight: bold;
        }
        
        
        .gift_main .gift_phonedb_set .gift_price{
        font-size: 13px;
        color: #666666;
        line-height: 150%;
        }
    
    
     /* 定义由大到小淡入的动画 */
        @keyframes scaleFadeIn {
            0% {
                transform: scale(2.5);
                opacity: 0;
            }
            70% {
                transform: scale(0.9);
                opacity: 0.8;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义由小到大的动画 */
        @keyframes scaleFadeZoom {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            70% {
                transform: scale(1.2);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义左右摆动动画 */
     @keyframes swing {
            0% {
                transform: rotate(-15deg);
                opacity: 0;
            }
            25% {
                transform: rotate(15deg);
            }
            50% {
                transform: rotate(30deg);
                
            }
           
         
         75% {
                transform: rotate(-15deg);
               
            }
            100% {
                transform: rotate(0deg);
                opacity: 1;
            }
           
        }
        
       .gift_main .gift_more_main{
        position: absolute;
        bottom: 1%;
        right: 2%;
        color: #999999;
        overflow: hidden;   
        z-index: 2;     
        margin-top:0px;
        padding-top: 1px;
        text-align:center;
        border-radius: 50%;
        background: #ffffff;
        width: 60px;
        height: 60px;
        /*! border: 1px solid #eeeeee; */
        box-shadow: 0px 0px 10px 0px #eeeeee;
      
        }
        
    .gift_main .gift_more_main:hover{
         box-shadow: 0px 0px 10px 0px #e0717a;
          /* 添加由大到小淡入的动画 */
            animation: scaleFadeZoom 0.3s ease-out forwards;
            opacity: 0;
        
        }
        .gift_main .gift_more_img{
        width: 50px;
        margin: 0px auto;
            

            /*animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
            opacity: 0;*/
            
        }
    
      /* 当添加此类时触发动画 */
        .animate-swing {
            animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
     
        }
    
        
        .gift_main .gift_more_img img{
        width: 90%;
       
        }
    
        
    
        .gift_main .gift_more_span{
        font-size: 12px;
        margin-top: -3px;
            color: #e60012;
        }
        
    
    
        .gift_main .gift_more_nb{
       margin-left:5px;
       color: #ffffff;
       font-size: 12px;
       background-color: #e60012;
       width: 18px;
       height: 18px;
       line-height: 150%;
       left: 50%;
       top: 15px;
       text-align: center;
       border-radius: 15px;
       position: absolute;
       padding-right: 0px;
       z-index:1;
            
     /* 添加由大到小淡入的动画 
            animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;*/
        }
    
    /* 当添加此类时触发动画 */
        .animate-scaleFadeIn {
           animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;
     
        }
 /*HOME new gift END*/



 /*Detail new gift open*/
 .gift_main_detail {
            position: relative; /* 改为相对定位 */
            width: 100%;
            padding: 5px;
            background: #f6f6f6;
            border-radius: 15px;
            margin: 20px 0;
            min-height: 280px;
            overflow: hidden; /* 清除浮动 */
        }
        
        .gift_main_detail:after {
            content: "";
            display: table;
            clear: both;
        }
        
        .gift_main_detail .gift_title {
            width: 86px;
            text-align: center;
            background: #e60012;
            color: #ffffff;
            padding: 5px;
            border-radius: 15px 0px 15px 0px;
            position: absolute;
            margin-top: -5px;
            margin-left: -5px;
            z-index: 10; /* 确保标题在最上层 */
        }
        
        .gift_main_detail .gift_phonedb_set {
            float: left;
            width: calc(25% - 10px); /* 使用calc更精确计算宽度 */
            padding: 10px;
            margin: 5px;
            text-align: center;
            line-height: 150%;
            background: #ffffff;
            min-height: 310px;
            border-radius: 10px;
            box-sizing: border-box; /* 包含padding和border在宽度内 */
        }
        
        .gift_main_detail .gift_phonedb_set .gift_img {
            width: 90%;
            padding-top: 15px;
            max-width: 250px;
            margin: 0px auto;
        }
        
        .gift_main_detail .gift_phonedb_set .gift_name {
            font-size: 15px;
            line-height: 150%;
            font-weight: bold;
            margin: 10px 0;
        }
        
        .gift_main_detail .gift_phonedb_set .gift_price {
            font-size: 15px;
            color: #666666;
            line-height: 150%;
            margin: 5px 0;
        }
        
        
        /* 响应式设计  */
        @media (max-width: 960px) {
            .gift_main_detail .gift_phonedb_set {
                width: calc(33.3% - 10px);  /*在小屏幕上单列显示 */
                min-height: 300px;
            }
       
        }

       @media (max-width: 768px) {
            .gift_main_detail .gift_phonedb_set {
                width: calc(50% - 10px);  /*在小屏幕上单列显示 */
                min-height: 290px;
            }
       
        }
    
    
     /* 定义由大到小淡入的动画 */
        @keyframes scaleFadeIn {
            0% {
                transform: scale(2.5);
                opacity: 0;
            }
            70% {
                transform: scale(0.9);
                opacity: 0.8;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义由小到大的动画 */
        @keyframes scaleFadeZoom {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            70% {
                transform: scale(1.2);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义左右摆动动画 */
     @keyframes swing {
            0% {
                transform: rotate(-15deg);
                opacity: 0;
            }
            25% {
                transform: rotate(15deg);
            }
            50% {
                transform: rotate(30deg);
                
            }
           
         
         75% {
                transform: rotate(-15deg);
               
            }
            100% {
                transform: rotate(0deg);
                opacity: 1;
            }
           
        }
        
       .gift_main_detail .gift_more_main{
        position: absolute;
        bottom: 1%;
        right: 2%;
        color: #999999;
        overflow: hidden;   
        z-index: 2;     
        margin-top:0px;
        padding-top: 1px;
        text-align:center;
        border-radius: 50%;
        background: #ffffff;
        width: 60px;
        height: 60px;
        /*! border: 1px solid #eeeeee; */
        box-shadow: 0px 0px 10px 0px #eeeeee;
      
        }
        
    .gift_main_detail .gift_more_main:hover{
         box-shadow: 0px 0px 10px 0px #e0717a;
          /* 添加由大到小淡入的动画 */
            animation: scaleFadeZoom 0.3s ease-out forwards;
            opacity: 0;
        
        }
        .gift_main_detail .gift_more_img{
        width: 50px;
        margin: 0px auto;
            

            /*animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
            opacity: 0;*/
            
        }
    
      /* 当添加此类时触发动画 */
        .animate-swing {
            animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
     
        }
    
        
        .gift_main_detail .gift_more_img img{
        width: 90%;
       
        }
    
        
    
        .gift_main_detail .gift_more_span{
        font-size: 12px;
        margin-top: -3px;
            color: #e60012;
        }
        
    
    
        .gift_main_detail .gift_more_nb{
       margin-left:5px;
       color: #ffffff;
       font-size: 12px;
       background-color: #e60012;
       width: 18px;
       height: 18px;
       line-height: 150%;
       left: 50%;
       top: 15px;
       text-align: center;
       border-radius: 15px;
       position: absolute;
       padding-right: 0px;
       z-index:1;
            
     /* 添加由大到小淡入的动画 
            animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;*/
        }
    
    /* 当添加此类时触发动画 */
        .animate-scaleFadeIn {
           animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;
     
        }


 /*Detail new gift end*/




 /*list new gift open*/
.gift_main_list {
            position: relative; /* 改为相对定位 */
            width: 98%;
            padding: 5px;
            background: #f6f6f6;
            border-radius: 15px;
            margin: 0 auto;
            min-height: 280px;
            margin-bottom: 20px;
            overflow: hidden; /* 清除浮动 */
        }
        
        .gift_main_list:after {
            content: "";
            display: table;
            clear: both;
        }
        
        .gift_main_list .gift_title {
            width: 60px;
            text-align: center;
            background: #e60012;
            color: #ffffff;
            padding: 5px;
            border-radius: 15px 0px 15px 0px;
            position: absolute;
            margin-top: -5px;
            margin-left: -5px;
            z-index: 10; /* 确保标题在最上层 */
        }
        
        .gift_main_list .gift_phonedb_set {
            float: left;
            width: calc(33.3% - 10px); /* 使用calc更精确计算宽度 */
            padding: 10px;
            margin: 5px;
            text-align: center;
            line-height: 150%;
            background: #ffffff;
            min-height: 280px;
            border-radius: 10px;
            box-sizing: border-box; /* 包含padding和border在宽度内 */
        }
        
        .gift_main_list .gift_phonedb_set_02 {
               display: block;
            }

        .gift_main_list .gift_phonedb_set .gift_img {
            width: 90%;
            padding-top: 15px;
            max-width: 250px;
            margin: 0px auto;
        }
        
        .gift_main_list .gift_phonedb_set .gift_name {
            font-size: 13px;
            line-height: 150%;
            font-weight: bold;
            margin: 10px 0;
        }
        
        .gift_main_list .gift_phonedb_set .gift_price {
            font-size: 13px;
            color: #666666;
            line-height: 150%;
            margin: 5px 0;
        }
        
        
        /* 响应式设计  */
        @media (max-width: 960px) {
            .gift_main_list .gift_phonedb_set {
                width: calc(50% - 10px);  /*在小屏幕上单列显示 */
                min-height: 280px;
            }
       .gift_main_list .gift_phonedb_set_02 {
               display: none;
            }
        }

       @media (max-width: 768px) {
            .gift_main_list .gift_phonedb_set {
                width: calc(50% - 10px);  /*在小屏幕上单列显示 */
                min-height: 260px;
            }
           .gift_main_list .gift_phonedb_set_02 {
               display: none;
            }
       
        }
    
    
     /* 定义由大到小淡入的动画 */
        @keyframes scaleFadeIn {
            0% {
                transform: scale(2.5);
                opacity: 0;
            }
            70% {
                transform: scale(0.9);
                opacity: 0.8;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义由小到大的动画 */
        @keyframes scaleFadeZoom {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            70% {
                transform: scale(1.2);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
    
    /* 定义左右摆动动画 */
     @keyframes swing {
            0% {
                transform: rotate(-15deg);
                opacity: 0;
            }
            25% {
                transform: rotate(15deg);
            }
            50% {
                transform: rotate(30deg);
                
            }
           
         
         75% {
                transform: rotate(-15deg);
               
            }
            100% {
                transform: rotate(0deg);
                opacity: 1;
            }
           
        }
        
       .gift_main_list .gift_more_main{
        position: absolute;
        bottom: 2%;
        right: 2%;
        color: #999999;
        overflow: hidden;   
        z-index: 2;     
        margin-top:0px;
        padding-top: 1px;
        text-align:center;
        border-radius: 50%;
        background: #ffffff;
        width: 60px;
        height: 60px;
        /*! border: 1px solid #eeeeee; */
        box-shadow: 0px 0px 10px 0px #eeeeee;
      
        }
        
    .gift_main_list .gift_more_main:hover{
         box-shadow: 0px 0px 10px 0px #e0717a;
          /* 添加由大到小淡入的动画 */
            animation: scaleFadeZoom 0.3s ease-out forwards;
            opacity: 0;
        
        }
        .gift_main_list .gift_more_img{
        width: 50px;
        margin: 0px auto;
            

            /*animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
            opacity: 0;*/
            
        }
    
      /* 当添加此类时触发动画 */
        .animate-swing {
            animation: swing 0.8s ease-out forwards;
            transform-origin: bottom center;
     
        }
    
        
        .gift_main_list .gift_more_img img{
        width: 90%;
       
        }
    
        
    
        .gift_main_list .gift_more_span{
        font-size: 12px;
        margin-top: -3px;
            color: #e60012;
        }
        
    
    
        .gift_main_list .gift_more_nb{
       margin-left:5px;
       color: #ffffff;
       font-size: 12px;
       background-color: #e60012;
       width: 18px;
       height: 18px;
       line-height: 150%;
       left: 50%;
       top: 15px;
       text-align: center;
       border-radius: 15px;
       position: absolute;
       padding-right: 0px;
       z-index:1;
            
     /* 添加由大到小淡入的动画 
            animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;*/
        }
    
    /* 当添加此类时触发动画 */
        .animate-scaleFadeIn {
           animation: scaleFadeIn 0.6s ease-out forwards;
            opacity: 0;
     
        }


 /*list new gift end*/




 /*TDWORLD CSS open*/



 /*TDWORLD CSS end*/