.public_num_header_top_icon_box{
    transition: all 0.5s;
}

@media all and (min-width:769px) and (max-width:800px){
    .public_num_header_top_icon_box{
        transform: translateX(25rem);
    }
}

@media all and (min-width: 801px) and (max-width:900px){
    .public_num_header_top_icon_box{
        transform: translateX(17rem);
    }
}

@media all and (min-width: 901px) and (max-width: 1000px){
    .public_num_header_top_icon_box{
        transform: translateX(12rem);
    }
}

@media all and (min-width: 1001px) and (max-width: 1100px){
    .public_num_header_top_icon_box{
        transform: translateX(8rem);
    }
}

@media all and (min-width: 1101px) and (max-width: 1200px){
    .public_num_header_top_icon_box{
        transform: translateX(4rem);
    }
}


/* 适应手机端 */

@media all and (min-width:735px) and (max-width:768px){
    .public_num_header_top_big{
        top: -21rem;
        left: 4rem;
    }
    .public_num_header_top_blur{
        right: -2rem;
        bottom: 4rem;
    }
}

@media all and (min-width:670px) and (max-width:734px){
    .public_num_header_top_big{
        top: -21rem;
        left: -2rem;
    }
    .public_num_header_top_blur{
        right: -2rem;
        bottom: 4rem;
    }
}

@media all and (min-width:600px) and (max-width:669px){
    .public_num_header_top_big{
        top: -21rem;
        left: -2rem;
    }
    .public_num_header_top_blur{
        right: -7rem;
        bottom: 4rem;
    }
}

@media all and (min-width:530px) and (max-width:600px){
    .public_num_header_top_big{
        top: -21rem;
        left: -5rem;
    }
    .public_num_header_top_blur{
        right: -7rem;
        bottom: 4rem;
    }
}

@media all and (min-width:460px) and (max-width:530px){
    .public_num_header_top_big{
        top: -21rem;
        left: -9rem;
    }
    .public_num_header_top_blur{
        right: -7rem;
        bottom: 4rem;
    }
}

@media all and (max-width:460px){
    .public_num_header_top_big{
        top: -21rem;
        left: -9rem;
    }
    .public_num_header_top_blur{
        right: -7rem;
        bottom: 4rem;
    }
}

@media all and (min-width:400px) and (max-width:465px){
    .public_num_header_top_blur{
        right: -12rem;
        bottom: 4rem;
    }
}

.public_num_article_item_text,.public_num_article_item_pic{
    opacity: 0;
    transform: translateY(100px);
}


/* 懒加载动画 */
/* public_num_work_idea_header */
.public_num_font_move{
    animation: public_num_font_move 0.8s ease;
    animation-fill-mode: forwards;
}

@keyframes public_num_font_move{
    0%{
        opacity: 0;
        transform: 100px;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

/* .public_num_work_idea_item */
.public_num_idea_item_move{
    animation: public_num_idea_item_move 0.8s ease;
    animation-fill-mode: forwards;
}

.public_num_idea_item_move:nth-of-type(2){
    animation: public_num_idea_item_move 0.8s 0.3s ease;
    animation-fill-mode: forwards;
}

.public_num_idea_item_move:nth-of-type(3){
    animation: public_num_idea_item_move 0.8s 0.5s ease;
    animation-fill-mode: forwards;
}

@keyframes public_num_idea_item_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

/* public_num_article_item_pic_move */

.public_num_article_item_pic_move{
    animation: public_num_article_item_pic_move 0.8s 0.3s ease;
    animation-fill-mode: forwards;
}

@keyframes public_num_article_item_pic_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

.product_content_item_move{
    animation: product_content_item_move 0.8s ease;
    animation-fill-mode: forwards;
}

@keyframes product_content_item_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

.public_server_img_btn_text_move{
    animation: public_server_img_btn_text_move 0.8s ease;
    animation-fill-mode: forwards;
}

.public_server_img_btn_text_move:nth-of-type(2){
    animation: public_server_img_btn_text_move 0.8s 0.2s ease;
    animation-fill-mode: forwards;
}

.public_server_img_btn_text_move:nth-of-type(3){
    animation: public_server_img_btn_text_move 0.8s 0.4s ease;
    animation-fill-mode: forwards;
}

.public_server_img_btn_text_move:nth-of-type(4){
    animation: public_server_img_btn_text_move 0.8s 0.5s ease;
    animation-fill-mode: forwards;
}

.public_server_img_btn_text_move:nth-of-type(5){
    animation: public_server_img_btn_text_move 0.8s 0.6s ease;
    animation-fill-mode: forwards;
}
.public_server_img_btn_text_move:nth-of-type(6){
    animation: public_server_img_btn_text_move 0.8s 0.7s ease;
    animation-fill-mode: forwards;
}



@keyframes public_server_img_btn_text_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}



.public_num_form_submit_move{
    animation: public_num_form_submit_move 0.8s 0.5s ease;
    animation-fill-mode: forwards;
}

@keyframes public_num_form_submit_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}

.public_friends_items_move{
    animation: public_friends_items_move 0.8s ease;
    animation-fill-mode: forwards;
}

@keyframes public_friends_items_move{
    0%{
        opacity: 0;
        transform: translateY(100px);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}