@charset "utf-8";

@font-face {
    font-family: 'alibaba';
    src: url('../font/alibabaPHT.eot');
    src: url('../font/alibabaPHT.eot?#font-spider') format('embedded-opentype'),
        url('../font/alibabaPHT.woff') format('woff'),
        url('../font/alibabaPHT.ttf') format('truetype');
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
}

.min_nav {
    position: relative;
    z-index: 9999;
}

.foot {
    width: 100%;
    height: 184px;
    min-width: 1200px;
    margin: 0 auto;
    line-height: 24px;
    background: url(../images/bgfoot.jpg) center no-repeat;
    color: #fff;
}

.foot a {
    color: #fff;
}

@keyframes myfirst {
    50% {
        box-shadow: 0 0 60px #ffffff inset;
    }
}

@-webkit-keyframes myfirst {

    /* Safari 与 Chrome */
    50% {
        box-shadow: 0 0 60px #ffffff inset;
    }
}

.blbl {
    animation: myfirst 1s infinite ease-in-out;
    -webkit-animation: myfirst 1s infinite ease-in-out;
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
}

i {
    font-style: normal;
}


.fl {
    float: left;
}

.fr {
    float: right;
}

.btn {
    display: block;
    transition: filter 0.2s linear;
    text-align: center;
    cursor: pointer;
}

.ib {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.anidiy {
    transition: all .3s ease-in;
}

/* 去除 Chrome、Safari、Edge、Opera 浏览器中数字输入框的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 去除 Firefox 浏览器中数字输入框的上下箭头 */
input[type=number] {
    -moz-appearance: textfield;
}

/* ---------------------------------------------样式初始化---------------------------------------- */
.wrap {
    width: 100%;
    min-width: 1280px;
    background-color: #f1f3f6;
    overflow: hidden;
}

.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/* ----------------------------------------container------------------------------------ */
.container-reg {
    width: 1078px;
    height: 688px;
    margin: 62px auto 128px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, .12);
    border: 1px solid #ededed;
    border-radius: 4px;
    overflow: hidden;
}

.reg-left {
    position: relative;
    float: left;
    width: 310px;
    height: 100%;
    background: url(../images/reg_bg.jpg) no-repeat;
    border-right: 1px solid #ededed;
    color: #fff;
    overflow: hidden;
}

.reg-left-title {
    height: 48px;
    line-height: 48px;
    padding-top: 62px;
    padding-left: 15px;
    font-family: 'alibaba';
    font-weight: bold;
    font-size: 38px;
}

.reg-left-t1 {
    position: absolute;
    top: 84px;
    left: 168px;
    font-family: 'alibaba';
    font-weight: bold;
    font-size: 21px;
}

.reg-left-price {
    padding-left: 8px;
    font-size: 16px;
}

.reg-left-tips {
    height: 24px;
    line-height: 24px;
    padding-left: 32px;
    margin-top: 32px;
    font-size: 14px;
}

.reg-tool {
    width: 161px;
    margin: 32px auto;
}

.reg-tool-item {
    position: relative;
    width: 161px;
    height: 96px;
    margin-bottom: 16px;
}

.reg-tool-front,
.reg-tool-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    height: 84px;
    padding: 5px 7px;
    background-color: rgba(255, 255, 255, .61);
    border: 1px solid rgba(255, 255, 255, .61);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-property: opacity, -moz-transform, -moz-box-shadow;
    -moz-transition-duration: .5s;
    -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    -webkit-transition-duration: .5s;
    transition-property: opacity, transform, box-shadow;
    transition-duration: .5s;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.reg-tool.active .reg-tool-front {
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg);
    z-index: 8;
}

.reg-tool-back {
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg);
    z-index: 8;
}

.reg-tool.active .reg-tool-back {
    animation: jackInTheBoxBack .5s ease-in;
    -moz-transform: rotate3d(0, 1, 0, 0deg);
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
    transform: rotate3d(0, 1, 0, 0deg);
    z-index: 10;
}

@keyframes jackInTheBoxBack {
    0% {
        opacity: 0;
        -webkit-transform: rotate3d(0, 1, 0, 0deg) scale(.1) rotate(30deg);
        transform: rotate3d(0, 1, 0, 0deg) scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.reg-tool-item i {
    display: block;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 27px;
    height: 16px;
    line-height: 16px;
    padding-left: 6px;
    background: url(../images/tag_time.png) no-repeat;
    font-size: 12px;
}

.reg-tool.active .reg-tool-item2 .reg-tool-front,
.reg-tool.active .reg-tool-item2 .reg-tool-back {
    transition-delay: .2s;
}

.reg-tool.active .reg-tool-item3 .reg-tool-front,
.reg-tool.active .reg-tool-item3 .reg-tool-back {
    transition-delay: .4s;
}

.tool-success {
    position: absolute;
    bottom: 5px;
    right: 7px;
    display: block;
    width: 145px;
    height: 84px;
    line-height: 84px;
    background: url(../images/checked_tool.png) no-repeat;
    text-align: center;
    font-size: 0px;
}

.reg-tool-img {
    display: block;
    width: 145px;
    height: 84px;
    overflow: hidden;
}

.reg-main {
    position: relative;
    float: right;
    width: 767px;
    height: 100%;
}

.form-reg {
    position: relative;
    height: 58px;
    transition: all .5s ease-in;
    overflow: hidden;
}

.form-reg.active {
    height: 630px;
}

.form-reg1 {
    border-bottom: 1px solid #ededed;
}

.form-reg2 {
    background-color: #fbfbfb;
}


.form-step-title {
    height: 58px;
    line-height: 58px;
    transition: all .3s ease-in;
}

.form-reg1.active .form-step-title {
    padding-top: 40px;
}

/* 116 58 58 */
.active .form-step-title {
    margin-bottom: 18px;
}

.form-step-title__name {
    transition: all .3s ease-in;
    font-weight: bold;
    font-size: 26px;
    color: #a5a5a5;
}

.form-step-title__num {
    position: absolute;
    top: 17px;
    right: 10px;
    display: block;
    width: 28px;
    height: 25px;
    background: center no-repeat;
    transition: all .3s ease-in;
    font-size: 0;
}

.form-step-title__num1 {
    background-image: url(../images/step_1_1.png);
}

.form-step-title__num2 {
    background-image: url(../images/step_2_1.png);
}

.active .form-step-title__num1 {
    background-image: url(../images/step_1_2.png);
}

.active .form-step-title__num2 {
    background-image: url(../images/step_2_2.png);
}

.form-step-title__num3 {
    background-image: url(../images/icon_right_blue.png);
}

.form-step-title__num4 {
    top: 6px;
    right: 0;
    background-image: url(../images/icon_right.png);
}

.active .form-step-title__name {
    color: #252526;
}

.form-item {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    transition: all .3s ease-in;
}

.form-item-label {
    position: relative;
    float: left;
    display: block;
    width: 198px;
    height: 38px;
    line-height: 38px;
    margin-right: 6px;
    text-align: right;
    font-size: 14px;
    color: #53545b;
}

.form-item-cont {
    float: left;
    position: relative;
    width: 320px;
}

.regipt {
    display: block;
    width: 300px;
    height: 38px;
    line-height: 38px;
    padding: 0 10px;
    background-color: #ededed;
    transition: all .3s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    letter-spacing: 1px;
    border: none;
    outline: none;
}

::-webkit-input-placeholder {
    color: #a5a5a5;
    /* WebKit浏览器，如Chrome、Safari，颜色值可根据需求修改 */
    caret-color: #a5a5a5;
    /* 同时设置光标颜色 */
}

::-moz-placeholder {
    color: #a5a5a5;
    /* Firefox 19+ */
    caret-color: #a5a5a5;
}

:-ms-input-placeholder {
    color: #a5a5a5;
    /* Internet Explorer 10+ */
    caret-color: #a5a5a5;
}

input:-moz-placeholder {
    color: #a5a5a5;
    /* 针对Firefox的旧版本 */
    caret-color: #a5a5a5;
}

.regipt:focus {
    background-color: #f8f8f8;
    box-shadow: 0 0 0 1px #2a91fa inset;
}

.regipt-code {
    width: 204px;
}

.btn-code {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 90px;
    height: 38px;
    line-height: 38px;
    background-color: #2a91fa;
    text-align: center;
    font-size: 14px;
    color: #fff;
    transition: all .3s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.btn-code:hover {
    background-color: #38a2fb;
}

.form-item-btn {
    padding-top: 12px;
}

.btn-reg-next {
    width: 320px;
    height: 38px;
    line-height: 38px;
    background-color: #2a91fa;
    background-image: linear-gradient(to right, #2a91fa, #54c5ff);
    transition: all .3s ease-in;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}

.btn-reg-next:hover {
    background-color: #54c0fd;
    background-image: linear-gradient(to right, #55a7fa, #54d5ff);
}

.reg-checkbox {
    display: none;
}

.agreement-row {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #a5a5a5;
}

.agreement-row label {
    height: 24px;
    line-height: 24px;
    padding-left: 18px;
    background: url(../images/check_default2.png) 0 center no-repeat;
    /* transition: all .3s ease-in; */
    cursor: pointer;
}

.agreement-check.checked {
    background-image: url(../images/check_on.png);
}

.agreement-row a {
    font-weight: bold;
    color: #000;
}

.realname-tips {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #a5a5a5;
}

.realname-tips i {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 17px;
    height: 30px;
    margin-right: 3px;
    background: url(../images/icon_safe.png) center 6px no-repeat;
}

.realname-tips2 {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    font-size: 12px;
    color: #a5a5a5;
}

.realname-tips2::before {
    display: block;
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #1acb1e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tips3 {
    position: relative;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #252526;

}


.form-item-cont__tips {
    width: 500px;
    line-height: 32px;
    font-size: 16px;
    color: #252526;
}

.form-item-cont__tips a {
    color: #2a91fa;
}

.form-item-blank {
    height: 30px;
}

/* 注册成功 */
.accountbar {
    width: 320px;
    height: 38px;
    line-height: 38px;
    background-color: #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0;
}

.accountbar .lab {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 84px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
    color: #53545b;
}

.accountbar i {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 1px;
    height: 24px;
    margin-right: 15px;
    background-color: #cecece;
}

.accountbar-txt {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 202px;
    font-weight: bold;
    font-size: 18px;
    color: #252526;
}

.btn-download {
    position: relative;
    width: 266px;
    height: 70px;
    background: url(../images/btn_download2.png) center no-repeat;
}

.btn-download em {
    position: absolute;
    top: 32px;
    left: 0;
    display: none;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
}

.form-reg-activity {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 210px;
    background: url(../images/img_activity.png) no-repeat;
}

.btn-activity {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 252px;
    height: 52px;
    line-height: 44px;
    margin-left: -126px;
    background: url(../images/btn_activity.png) center no-repeat;
    transition: all .3s ease-in;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.btn-activity:hover {
    transform: translate(2px, 3px);
}

/*  ------------------------------ 提示信息 -----------------------------------  */
.form-item-notice {
    float: left;
    position: relative;
    width: 238px;
    height: 38px;
}

.notice {
    display: none;
    position: absolute;
    top: 0;
    left: 5px;
    height: 38px;
    line-height: 38px;
    background: 0 center no-repeat;
    font-size: 12px;
    color: #a5a5a5;
}

.notice-error {
    display: block;
    padding-left: 14px;
    background-image: url(../images/icon_error.png);
    /* color: #ff170c; */
}

.notice-success {
    display: block;
    padding-left: 14px;
    background-image: url(../images/icon_right_small.png);
    /* color: #1acb1e; */
}

.notice-successt {
    display: block;
    padding-left: 14px;
    /* color: #1acb1e; */
}

/* 密码强度 */
.notice-pwd-strong {
    /* display: block; */
    font-size: 0;
}

.notice-pwd-strong em {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-right: 4px;
    font-size: 12px;
    color: #53545b;
}

#PassWord2 span {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 30px;
    height: 14px;
    line-height: 14px;
    margin-right: 4px;
    background-color: #ededed;
    transition: all .3s ease-in;
    text-align: center;
    font-size: 12px;
    color: #53545b;
}

#PassWord2 .strong {
    background: #1acb1e;
    color: #fff;
}

.icon-eyes {
    position: absolute;
    top: 7px;
    right: 6px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUwMDE0QzI3MTc2OTExRjBBREY1QjM1NDczRDUyRTMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUwMDE0QzI4MTc2OTExRjBBREY1QjM1NDczRDUyRTMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTAwMTRDMjUxNzY5MTFGMEFERjVCMzU0NzNENTJFMzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTAwMTRDMjYxNzY5MTFGMEFERjVCMzU0NzNENTJFMzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/0bYaAAABUUlEQVR42oTSzStEURjH8TtjTKHGwsuCpJSNmo2NjSLslZ2yU7KZUvIHYGFloSwsJSWUHSmzIKm7sVDyVpIshOT93Rjfp363TqeRU59u99xznvuc5zyxMAyDf0axnl/OXB2OcYq0TcT/2NyJDVziAY94xgXWsK8gLdGGhBegDdNoQBHyuMcJGlGFDtxhEuV49QP1YBZJ5yjNyqQVH1jCE7KYwSd6sRoFasKcF3gUGfQrOxvnCjCud/vpAroSSnnTC/Kt7I6cIFeY0LeYs9aCLVqxU87NuKNERQ70tMIPq155b23SAu2iXX9yL2EElXi3GujK0zpu3Ms+E03sYdDrlQGcoQZjqEUfup1AOQxhxa3LPHawjnq84UaNd62MUlr7gwMddatQH1ldqlUTO+42ytQ/tvkFh5jCcuDVIhqlyianjrVjVajpLJPbqPkKjV8BBgAVt1AdWo5WdAAAAABJRU5ErkJggg==) center no-repeat;
    cursor: pointer;
    z-index: 3;
}

.icon-eyes.open-eyes {
    background-color: #f8f8f8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU0NThDNzA4MTc2OTExRjBCNTNGQTUwNTA1QzlFNTE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU0NThDNzA5MTc2OTExRjBCNTNGQTUwNTA1QzlFNTE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTQ1OEM3MDYxNzY5MTFGMEI1M0ZBNTA1MDVDOUU1MTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ1OEM3MDcxNzY5MTFGMEI1M0ZBNTA1MDVDOUU1MTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7MpoABAAABOklEQVR42oTTwStEURTH8fFmikxNKGZDWZkFFrJS2CBLGwt/gY2omYXZWCiWUqZYWZL4B6gRTYq3pyQlKURqSigbz/fW79XpNsOtTzP3vnPO3Hvum4YwDBP/jEbzvRv3+PaDgjrJM7jGFz7Np1v7wCX6/yo0jRfsIIckrnCAG8Wk0IcLjNcqNIc9tGu9qoQiDlHANiLFp1HGbFzdjSFseIUXMYI1ZPCGPDowZeK28OASB3HiFXG7OcYSWnXELOaxYnaV0LP9wAT6I61j2tGJFvyYNVc0GeiXJ7yHzXjEmZdwqguJ55HyinGPKmrmuo7YpCuexC2GdUtH2DVtcEVWsWn7UkIPXjXvwjl6VXRAr0FGBZ70vi3bW4vHnYLdtY+qH2NeTKTdl+xiqkaTF7y5a3gbnvFe73/0K8AAeWZFcD8lDE0AAAAASUVORK5CYII=);
}

.icon-eyes:hover {
    background-color: #f8f8f8;
}

@keyframes bounceDownload {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.1);
        transform: translate3d(0, -15px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -7px, 0) scaleY(1.05);
        transform: translate3d(0, -7px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.btn-download:hover {
    animation: bounceDownload .8s linear;
}