/*header animation*/
.header{
    transition: all 1s;
}
.header_status_white{
    background-color: rgba(255,255,255,.9);
    top: 0;
    right: 0;
    left: 0;
}
.header_status_white .header__nav__item,
.header_status_white .header__logo{
    color: #000;
}

.header_status_white .header__nav__item__status__active{
    color: #f01400;
}

.header__nav__item__status__active{
    color: #f01400;
}

.header_status_white .header__nav__item:hover{
    transition: all 1s;
    color: red;
}
.header_status_white .header__nav__item--study-now:hover{
    color: #fff;
}

/*screen-1 animation*/
.screen-1__heading{
    transition: all 1s .5s;
}
.screen-1__heading_animate_init{
    opacity: 0;
    transform: translate(0,-100%);
}

.screen-1__heading_animate_done{
    opacity: 1;
    transform: translate(0,0);
}

.screen-1__heading-descrip{
    transition: all 1s 1s;
}

.screen-1__heading-descrip_animate_init{
    opacity: 0;
    transform: translate(0,100%);
}

.screen-1__heading-descrip_animate_done{
    opacity: 1;
    transform: translate(0,0);
}



/*screen-2 animation*/
/*顺序:大标题-->次级标题和线条-->人-->火箭*/

.screen-2__heading{
    transition: all 1s 0.5s;
}
.screen-2__sub-heading-tip{
    transition: all 1s 1s;
}
.screen-2__sub-heading{
    transition: all 1s 1.2s;
}
.screen-2__banner_i_2{
    transition: all 1s 1.5s;
}
.screen-2__banner_i_3{
    transition: all 1s 2s;
}


.screen-2__heading_animate_init,
.screen-2__sub-heading-tip_animate_init,
.screen-2__sub-heading_animate_init,
.screen-2__banner_i_2_animate_init,
.screen-2__banner_i_3_animate_init{
    opacity: 0;
    transform: translate(0,100%);
}

.screen-2__heading_animate_done,
.screen-2__sub-heading-tip_animate_done,
.screen-2__sub-heading_animate_done,
.screen-2__banner_i_2_animate_done,
.screen-2__banner_i_3_animate_done{
    opacity: 1;
    transform: translate(0,0);
}

/*screen-3 animation*/
/*顺序:原子图(从小到大地放大)-->一级标题-->横线-->二级标题-->5个圆环*/

.screen-3__icon{
    transition: all 1s ;
}
.screen-3__content__heading{
    transition: all 1s 0.5s;
}
.screen-3__content__tip{
    transition: all 1s 0.5s;
}
.screen-3__content__subheading{
    transition: all 1s 0.5s;
}
.screen-3__content__items{
    transition: all 1s 1s;
}

.screen-3__icon_animate_init{
    opacity: 0;
    transform: scale(.5);
    /*放大渐变动画:初始'transform: scale(.5);'*/
}
.screen-3__content__heading_animate_init,
.screen-3__content__tip_animate_init,
.screen-3__content__subheading_animate_init,
.screen-3__content__items_animate_init{
    opacity: 0;
    transform: translate(0,100%);
}

.screen-3__icon_animate_done{
    opacity: 1;
    transform: scale(1);
    /*放大渐变动画:完成'transform: scale(1);'*/
}
.screen-3__content__heading_animate_done,
.screen-3__content__tip_animate_done,
.screen-3__content__subheading_animate_done,
.screen-3__content__items_animate_done{
    opacity: 1;
    transform: translate(0,0);
}

/*screen4 animation*/
/*x顺序:标题一级-->横线-->标题二级-->图例弹出*/
.screen-4__heading{
    transition: all 1s ;
}
.screen-4__tips{
    transition: all 1s 1s;
}
.screen-4__subheading{
    transition: all 1s 1s;
}
.screen-4__items-wrap1,
.screen-4__items-wrap2,
.screen-4__items-wrap3,
.screen-4__items-wrap4{
    transition: all 1s ;
}

.screen-4__heading_animate_init,
.screen-4__tips_animate_init,
.screen-4__subheading_animate_init{
    opacity: 0;
    transform: translate(0,100%);
}

.screen-4__items-wrap1_animate_init,
.screen-4__items-wrap2_animate_init,
.screen-4__items-wrap3_animate_init,
.screen-4__items-wrap4_animate_init{
    opacity: 0;
    transform: scale(.5);
}


.screen-4__heading_animate_done,
.screen-4__tips_animate_done,
.screen-4__subheading_animate_done{
    opacity: 1;
    transform: translate(0,0);
}

.screen-4__items-wrap1_animate_done,
.screen-4__items-wrap2_animate_done,
.screen-4__items-wrap3_animate_done,
.screen-4__items-wrap4_animate_done{
    opacity: 1;
    transform: scale(1);
}


/*screen5 animation*/
/*顺序:头像放大弹出-->标题顺序展示*/
.screen-5_icon{
    transition: all 1s;
}
.screen-5_heading{
    transition: all 1s 0.5s;
}
.screen-5_tip{
    transition: all 1s 1s;
}
.screen-5_subheading{
    transition: all 1s 1.2s;
}

.screen-5_icon_animate_init{
    opacity: 0;
    transform: scale(0.5);
}
.screen-5_heading_animate_init,
.screen-5_tip_animate_init,
.screen-5_subheading_animate_init{
    opacity: 0;
    transform: translate(0,100%);
}

.screen-5_icon_animate_done{
    opacity: 1;
    transform: scale(1);
}
.screen-5_heading_animate_done,
.screen-5_tip_animate_done,
.screen-5_subheading_animate_done{
    opacity: 1;
    transform: translate(0,0);
}

/*outline*/
.outline{
    opacity: 0;
    transform: translate(100%,0);
    transition: all 1s;
}
.outline_status_in{
    opacity: 1;
    transform: translate(0,0);
}
.outline__item{
    transition: all 1s;
}

.outline__nav__status__active{
    color: #f01400;
}