* {

    margin: 0;

    padding: 0;

    text-decoration: none;

}



input,

button {

    outline: none;

    font-family: "Microsoft YaHei";

}



body {

    background: #fff;

    font-family: "Microsoft YaHei";

}



li {

    list-style: none;

}



a,

button {

    cursor: pointer;

}



a:hover {

    text-decoration: none;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}



.clearfix {

    *+height: 1%;

}



/*button*/



.button {

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

}



.button:focus {

    outline: none;

}



.button > span {

    vertical-align: middle;

}


/**/

.banner {

    background: url("../../images/jiankang/banner_bg.jpg") no-repeat center 0;

    height: 665px;

    padding-top: 124px;

}



.banner_tit {

    background: url("../../images/jiankang/banner_tit.png") no-repeat center 0;

    height: 121px;

    text-indent: -9999px;

}



.banner_stit {

    font-size: 20px;

    color: #eff0ee;

    line-height: 1;

    text-align: center;

    margin: 30px 0 0 0;

}



.banner_stit strong {

    font-size: 22px;

    color: #fce80d;

    font-weight: normal;

}



.banner_con {

    background: url("../../images/jiankang/banner_con.png") no-repeat 0 16px;

    width: 650px;

    margin: 70px auto 0;

}



.banner_h3 {

    font-size: 36px;

    color: #fff;

    line-height: 1;

    text-align: center;

    text-shadow: 4px 4px 4px rgba(4, 0, 0, 0.1);

}



.banner_con ul {

    width: 100%;

    margin: 42px auto 0;

}



.banner_con li {

    float: left;

}



.banner_con li:nth-child(1) {

    width: 244px;

}



.banner_con li:nth-child(2) {

    width: 161px;

}



.banner_con li:nth-child(3) {

    width: 223px;

    margin-left: 22px;

}



.banner_icon {

    background: url("../../images/jiankang/banner_icon.png") no-repeat 0 0;

    width: 38px;

    height: 40px;

    display: block;

    margin: 0 auto;

}



.banner_p {

    font-size: 24px;

    color: #f2f2f2;

    text-align: center;

    margin-top: 12px;

}



.banner_btn {

    background: #fce80d;

    width: 365px;

    height: 64px;

    display: block;

    border: none;

    border-radius: 8px;

    font-size: 20px;

    color: #4d4d4d;

    margin: 68px auto 0;

    box-shadow: inset 0 5px 5px rgba(4, 0, 0, 0.1), 0 5px 5px rgba(4, 0, 0, 0.1);

}



.mouse {

    background: url("../../images/jiankang/banner_mouse.png") no-repeat 0 0;

    width: 24px;

    height: 45px;

    margin: 44px auto 0;

    transform-origin: center bottom;

    -webkit-animation: bounce 1s 0s infinite;

    animation: bounce 1s 0s infinite;

}



/**/



.why {

    background: url(../../images/jiankang/why_bg.jpg) no-repeat center 0;

    height: 616px;

    padding-top: 42px;

}



.why_tit {

    background: url("../../images/jiankang/why_tit.png") no-repeat center 0;

    height: 136px;

    text-indent: -9999px;

}



.why_stit {

    font-size: 26px;

    color: #808080;

    line-height: 1;

    font-weight: normal;

    text-align: center;

    margin: 28px 0 0 0;

}



.why_con {

    width: 968px;

    margin: 54px auto 0;

}



.why_con li {

    background: url("../../images/jiankang/why_box.png") no-repeat 0 0;

    width: 288px;

    height: 283px;

    float: left;

    margin-left: 52px;

    padding: 26px 0 0 0;

}



.why_con li:first-child {

    margin-left: 0;

}



.why_con li:nth-child(2) {

    background-position: 0 -309px;

}



.why_con li:nth-child(3) {

    background-position: 0 -618px;

}



.why_h3 {

    font-size: 22px;

    color: #fff;

    line-height: 1;

    text-align: center;

}



.why_line {

    width: 245px;

    border-bottom: rgba(255, 255, 255, 0.22) 1px dashed;

    margin: 20px auto 0;

}



.why_p {

    font-size: 16px;

    color: #fff;

    line-height: 26px;

    text-align: center;

    margin: 14px 0 0 0;

}



.why_p strong{

    color: #fce80d;

}



.why_btn {

    background: #fce80d;

    width: 165px;

    height: 35px;

    display: block;

    border: none;

    border-radius: 18px;

    margin: 23px auto 0;

    font-size: 16px;

    color: #4d4d4d;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

}



.why_btn:hover{

    background:#fff04a;

}



/**/



.conditions {

    background: url(../../images/jiankang/conditions_bg.jpg) no-repeat center 0;

    height: 560px;

    padding-top: 45px;

}



.conditions_title {

    background: url("../../images/jiankang/conditions_tit.png") no-repeat center;

    height: 76px;

    text-indent: -9999px;

}



.conditions_title strong {

    color: #0e9e56;

}



.conditions_con {

    width: 1014px;

    margin: 60px auto 0;

}



.conditions_con li {

    background: url("../../images/jiankang/conditions_box1.png") no-repeat 0 0;

    width: 288px;

    height: 174px;

    float: left;

    margin-left: 52px;

    padding: 180px 0 0 0;

}



.conditions_con li:first-child {

    margin-left: 0;

}



.conditions_con li:nth-child(2) {

    background-image: url("../../images/jiankang/conditions_box2.png");

}



.conditions_con li:nth-child(3) {

    background-image: url("../../images/jiankang/conditions_box3.png");

}



.conditions_h3 {

    font-size: 22px;

    color: #5c5c5c;

    line-height: 1;

    text-align: center;

}



.conditions_p {

    font-size: 18px;

    color: #666;

    line-height: 22px;

    text-align: center;

    margin-top: 15px;

}



.conditions_btn {

    background: #fa6d57;

    width: 165px;

    height: 35px;

    border: none;

    border-radius: 18px;

    display: block;

    font-size: 16px;

    color: #fff;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.05), 0 3px 3px rgba(4, 0, 0, 0.05);

    margin: 22px auto 0;

}



.conditions_btn:hover{

    background: #fd7863;

}



/**/

.time {
    background: url(../../images/jiankang/time_bg.jpg) no-repeat center 0;
    height: 576px;
    padding-top: 60px;

}



.time_stitle {

    font-size: 26px;

    color: #808080;

    line-height: 1;

    text-align: center;

    font-weight: normal;

}



.time_title {

    background: url("../../images/jiankang/time_tit.png") no-repeat center;

    height: 139px;

    text-indent: -9999px;

}



.time_con {

    background: url("../../images/jiankang/time_con.png") no-repeat center 0;

    width: 700px;

    height: 138px;

    margin: 56px auto 0;

    padding: 39px 0 0 134px;

}



.time_con span {

    font-family: impact, "microsoft yahei", sans-serif;

    font-size: 98px;

    color: #fefefe;

    line-height: 1;

    letter-spacing: 18px;

}



#mini {

    margin-left: 78px;

}



#sec {

    margin-left: 62px;

}



.time_btn {

    background: #fa6d57;

    width: 365px;

    height: 64px;

    border: none;

    border-radius: 8px;

    display: block;

    margin: 47px auto 0;

    font-size: 20px;

    color: #fff;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.05), 0 3px 3px rgba(4, 0, 0, 0.05);

}



/**/



.piece {

    background: url(../../images/jiankang/piece_bg.jpg) no-repeat center 0;

    height: 75px;

    padding-top: 25px;

}



.piece_con {

    width: 1000px;

    margin: 0 auto;

}



.piece_div {

    background: #fff;

    width: 280px;

    height: 50px;

    border-radius: 8px;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

    float: left;

}



.ml80 {

    margin-left: 80px;

}



.users, .phone {

    background: transparent;

    width: 210px;

    height: 50px;

    border: none;

    float: left;

    padding-left: 26px;

    font-size: 18px;

    color: #707070;

    line-height: 50px;

}



::-webkit-input-placeholder {

    color: #808080;

}



:-moz-placeholder {

    color: #808080;

}



::-moz-placeholder {

    color: #808080;

}



:-ms-input-placeholdselecter {

    color: #808080;

}



.piece_icon {

    background: url("../../images/jiankang/piece_icon.png") no-repeat 0 0;

    width: 20px;

    height: 50px;

    float: right;

    margin-right: 23px;

}



.piece_icon1 {

    background-position: 0 -50px;

}



.piece_btn {

    background: #fce80d;

    width: 280px;

    height: 50px;

    float: left;

    border: none;

    border-radius: 8px;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

    font-size: 18px;

    color: #4d4d4d;

}



/**/



.two {

    background: url(../../images/jiankang/two_bg.jpg) no-repeat center 0;

    height: 534px;

    padding-top: 66px;

}



.two_con {

    width: 1000px;

    margin: 0 auto;

}



.two_left {

    width: 442px;

    float: left;

}



.two_right {

    width: 443px;

    float: right;

}



.two_title1 {

    font-size: 30px;

    color: #4d4d4d;

    text-align: center;

    line-height: 1;

}



.two_title1 strong, .two_title2 strong {

    color: #fa6d57;

}



.two_title2 {

    font-size: 30px;

    color: #4d4d4d;

    text-align: center;

    line-height: 1;

}



.two_ul {

    width: 100%;

    margin: 36px 0 0 0;

}



.two_ul li {

    background: url("../../images/jiankang/two_line.png") repeat-x 0 bottom;

    height: 30px;

    margin: 12px 0 0 0;

}



.two_p {

    float: left;

    font-size: 16px;

    color: #707070;

    line-height: 30px;

    cursor: pointer;

    position: relative;

}



.two_p:hover {

    color: #fa6d57;

}



.hot {

    background: url("../../images/jiankang/fire.png") no-repeat 0 0;

    width: 15px;

    height: 19px;

    display: block;

    position: absolute;

    top: 3px;

    right: -28px;

}



.two_btn {

    background: #fa6d57;

    width: 100px;

    float: right;

    height: 30px;

    border: none;

    border-radius: 8px;

    font-size: 14px;

    color: #fff;

}



.two_btn:hover{

    background:#fd7863;

}



.two_area {

    width: 443px;

    margin: 36px auto 0;

}



.two_area li {

    width: 110px;

    height: 50px;

    float: left;

    border-right: #ebebeb 1px solid;

    border-bottom: #ebebeb 1px solid;

    font-size: 18px;

    color: #707070;

    line-height: 50px;

    text-align: center;

    cursor: pointer;

}



.two_area li:nth-child(4), .two_area li:nth-child(8), .two_area li:nth-child(12), .two_area li:nth-child(16), .two_area li:nth-child(20), .two_area li:nth-child(24), .two_area li:nth-child(28), .two_area li:nth-child(32) {

    border-right: none;

}



.two_area li:nth-child(29), .two_area li:nth-child(30), .two_area li:nth-child(31), .two_area li:nth-child(32) {

    border-bottom: none;

}



.two_area li.hover {

    background: #fa6d57;

    border-color: #fa6d57;

    color: #fff;

}



/**/

.system {
    height: 519px;

    padding-top: 50px;

}



.system_title {

    background: url("../../images/jiankang/system_tit.png") no-repeat center 0;

    height: 78px;

    text-indent: -9999px;

}



.system_stitle {

    font-size: 22px;

    color: #808080;

    text-align: center;

    font-weight: normal;

    line-height: 1;

    margin: 25px 0 0 0;

}



.system_stitle strong {

    color: #fa6d57;

    font-weight: normal;

}



.system_con {

    background: url("../../images/jiankang/system_con.png") no-repeat 0 0;

    width: 1000px;

    margin: 60px auto 0;

}



.system_con li {

    background: #000;

    width: 134px;

    height: 106px;

    border-radius: 100%;

    float: left;

    margin-left: 39px;

    padding-top: 28px;

    box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

    -webkit-transition: all .5s;

    transition: all .5s;

}



.system_con li:first-child {

    background: #fa6d57;

    margin-left: 0;

}



.system_con li:nth-child(2) {

    background: #5e79ff;

}



.system_con li:nth-child(3) {

    background: #4c97ff;

}



.system_con li:nth-child(4) {

    background: #57d998;

}



.system_con li:nth-child(5) {

    background: #fa854b;

}



.system_con li:nth-child(6) {

    background: #fa6d57;

}



.system_con li:hover{

    box-shadow: 0px 4px 20px rgba(0, 0, 0, .3);

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}



.system_h4 {

    font-size: 20px;

    color: #fff;

    line-height: 26px;

    text-align: center;

}



.system_btn {

    background: #fce80d;

    width: 90px;

    height: 25px;

    border: none;

    border-radius: 13px;

    display: block;

    font-size: 14px;

    color: #4d4d4d;

    margin: 6px auto 0;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

}



.mt66 {

    margin-top: 66px;

}



/**/

.good {

    background: url("../../images/jiankang/good_bg.jpg") no-repeat center 0;

    height: 260px;

    padding-top: 54px;

}



.good_title {

    background: url("../../images/jiankang/good_tit.png") no-repeat center;

    height: 79px;

    text-indent: -9999px;

    margin: -5px 0 0 0;

}



.good_stitle {

    font-size: 22px;

    color: #808080;

    text-align: center;

    line-height: 1;

    font-weight: normal;

}



.good_stitle strong {

    font-weight: normal;

    color: #fa6d57;

}





.live {
	background: url(../../images/jiankang/live_bg.jpg) no-repeat center 0;
    height:631px;
    padding-top: 50px;

}



.live_title {

    background: url("../../images/jiankang/live_tit.png") no-repeat center;

    height: 79px;

    text-indent: -9999px;

}



.live_stitle {

    font-size: 22px;

    color: #808080;

    line-height: 1;

    text-align: center;

    font-weight: normal;

    margin: 25px 0 0 0;

}



.live_stitle strong {

    color: #fa6d57;

    font-weight: normal;

}



.live_con {

    width: 1000px;

    margin: 60px auto 0;

}



.live_box {

    width: 390px;

    height: 395px;

    float: left;

}



.live_pic {

    width: 390px;

    height: 395px;

    display: none;

}



.live_menu {

    width: 610px;

    float: left;

}



.live_menu li {

    background: url("../../images/jiankang/live_box.png") no-repeat 0 0;

    width: 408px;

    height: 103px;

    margin-top: 10px;

    padding: 22px 0 0 202px;

}



.live_menu li.on {

    background-position: -610px 0;

}



.live_menu li:first-child {

    margin-top: 0;

}



.live_menu li:nth-child(2) {

    background-position: 0 -125px;

}



.live_menu li:nth-child(2).on {

    background-position: -610px -125px;

}



.live_menu li:nth-child(3) {

    background-position: 0 -250px;

}



.live_menu li:nth-child(3).on {

    background-position: -610px -250px;

}



.live_h3 {

    font-size: 22px;

    color: #5c5c5c;

    line-height: 1;

}



.live_menu li.on .live_h3 {

    color: #fff;

}



.live_h3 span {

    font-size: 16px;

    color: #808080;

    margin-left: 6px;

}



.live_menu li.on .live_h3 span {

    color: #fff;

}



.live_p {

    font-size: 16px;

    color: #666;

    line-height: 24px;

    margin: 14px 0 0 0;

}



.live_menu li.on .live_p {

    color: #fff;

}



.live_p strong {

    color: #fa6d57;

    font-weight: normal;

}



.live_menu li.on .live_p strong {

    color: #fff700;

}



/**/

.choose {

    background: url("../../images/jiankang/choose_bg.jpg") no-repeat center 0;

    height:876px;

    padding-top: 50px;

}



.choose_title {

    background: url("../../images/jiankang/choose_tit.png") no-repeat center;

    height: 79px;

    text-indent: -9999px;

}



.choose_stitle {

    font-size: 22px;

    color: #808080;

    line-height: 36px;

    text-align: center;

    margin: 16px 0 0 0;

}



.choose_stitle strong {

    color: #fa6d57;

    font-weight: normal;

}



.choose_con {

    width: 1000px;

    margin: 52px auto 0;

}



.choose_box {

    background: url("../../images/jiankang/choose_box.png") no-repeat 0 0;

    width: 907px;

    height: 338px;

    margin: 0 auto;

    padding: 16px 0 0 1px;

}



.choose_pic {

    width: 365px;

    height: 228px;

    margin: 0 auto;

    display: none;

}



.choose_word {

    width: 927px;

    margin: -74px auto 0;

}



.choose_word li {

    width: 260px;

    float: left;

    margin-left: 73px;

}



.choose_word li:first-child {

    margin-left: 0;

}



.choose_word li:nth-child(2) {

    margin-top: 32px;

}



.choose_icon {

    background: url("../../images/jiankang/choose_icon.png") no-repeat 0 0;

    width: 83px;

    height: 83px;

    display: block;

    margin: 0 auto;

}



.choose_word li.on .choose_icon {

    background-position: -83px 0;

}



.choose_icon2 {

    background-position: 0 -83px;

}



.choose_word li.on .choose_icon2 {

    background-position: -83px -83px;

}



.choose_icon3 {

    background-position: 0 -166px;

}



.choose_word li.on .choose_icon3 {

    background-position: -83px -166px;

}



.choose_h3 {

    font-size: 22px;

    color: #5c5c5c;

    text-align: center;

    line-height: 1;

    margin: 26px 0 0 0;

}



.choose_h3 strong {

    color: #fa6d57;

}



.choose_p {

    font-size: 16px;

    color: #5c5c5c;

    line-height: 28px;

    text-align: center;

    margin: 16px 0 0 0;

}



.choose_p strong {

    color: #fa6d57;

    font-weight: normal;

}



.mt60 {

    margin-top: 60px;

}



/**/

.last {

    background: url("../../images/jiankang/last_bg.jpg") no-repeat center 0;

    height:567px;

    padding-top: 114px;

}



.last_words {

    width: 1000px;

    margin: 0 auto;

    font-size: 22px;

    color: #666;

    line-height: 40px;

}



.last_words img {

    vertical-align: -7px;

}



.ml16 {

    margin-left: 16px;

}



.ml15 {

    margin-left: 15px;

}



.last_title {

    background: url("../../images/jiankang/last_tit.png") no-repeat center 0;

    width: 722px;

    height: 65px;

    font-size: 36px;

    color: #fa6d57;

    line-height: 65px;

    margin: 65px auto 0;

    padding-left: 26px;

    letter-spacing: 1.5px;

}



.last_title span {

    background: linear-gradient(#fa854b, #fa6d57);

    -webkit-background-clip: text;

    color: transparent;

}



.last_go {

    background: url("../../images/jiankang/last_go.png") no-repeat 0 0;

    width: 100px;

    height: 84px;

    margin: 20px auto 0;

    transform-origin: center bottom;

    -webkit-animation: bounce 1s 0s infinite;

    animation: bounce 1s 0s infinite;

}


.ml10 {

    margin-left: 10px;

}



/**/

.rightbar {

    background: url("../../images/jiankang/rightbar_bg.png") no-repeat 0 0;

    width: 180px;

    height: 265px;

    position: fixed;

    top: 50%;

    right: 0;

    z-index: 2;

    margin-top: -192px;

    padding: 143px 0 0 0;

}



.rightbar ul {

    width: 155px;

    margin: 0 0 0 11px;

}



.rightbar li {

    width: 155px;

    height: 45px;

    overflow: hidden;

    cursor: pointer;

}



.rightbar li:hover {

    background: url("../../images/jiankang/rightbar_hover.png") no-repeat 0 0;

}



.rightbar_icon {

    background: url("../../images/jiankang/rightbar_icon.png") no-repeat 0 0;

    width: 17px;

    height: 17px;

    display: block;

    float: left;

    margin: 14px 0 0 28px;

}



.rightbar li:hover .rightbar_icon {

    background-position: -17px 0;

}



.rightbar_icon2 {

    background-position: 0 -17px;

}



.rightbar li:hover .rightbar_icon2 {

    background-position: -17px -17px;

}



.rightbar_icon3 {

    background-position: 0 -34px;

}



.rightbar li:hover .rightbar_icon3 {

    background-position: -17px -34px;

}



.rightbar_icon4 {

    background-position: 0 -51px;

}



.rightbar li:hover .rightbar_icon4 {

    background-position: -17px -51px;

}



.rightbar_icon5 {

    background-position: 0 -68px;

}



.rightbar li:hover .rightbar_icon5 {

    background-position: -17px -68px;

}



.rightbar_p {

    font-size: 16px;

    color: #fff;

    line-height: 45px;

    float: left;

    margin-left: 14px;

}



.rightbar li:hover .rightbar_p {

    color: #4d4d4d;

}



/*按钮效果*/



/* Wapasha */

.button.button--wapasha {

    -webkit-transition: background-color 0.3s, color 0.3s;

    transition: background-color 0.3s, color 0.3s;

}



.button--wapasha::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 361px;

    height:60px;

    border: 2px solid #fa6d57;

    z-index: -1;

    border-radius: inherit;

    opacity: 0;

    -webkit-transform: scale3d(0.6, 0.6, 1);

    transform: scale3d(0.6, 0.6, 1);

    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;

    transition: transform 0.3s, opacity 0.3s;

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}



.button--wapasha:hover {

    background-color: #fff;

    color: #fa6d57;

}



.button--wapasha:hover::before {

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1);

    opacity: 1;

}



/* Shutter Out Horizontal */



.hvr-shutter-out-horizontal {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

}



.hvr-shutter-out-horizontal:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #fff04a;

    border-radius: 8px;

    box-shadow: inset 0 3px 3px rgba(4, 0, 0, 0.1), 0 3px 3px rgba(4, 0, 0, 0.1);

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

}



.hvr-shutter-out-horizontal:hover,

.hvr-shutter-out-horizontal:focus,

.hvr-shutter-out-horizontal:active {

    color:#4d4d4d;

}



.hvr-shutter-out-horizontal:hover:before,

.hvr-shutter-out-horizontal:focus:before,

.hvr-shutter-out-horizontal:active:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

}



/*donghua*/

@-webkit-keyframes anim-moema-1 {

    60% {

        -webkit-transform: scale3d(0.8, 0.8, 1);

        transform: scale3d(0.8, 0.8, 1);

    }

    85% {

        -webkit-transform: scale3d(1.1, 1.1, 1);

        transform: scale3d(1.1, 1.1, 1);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes anim-moema-1 {

    60% {

        -webkit-transform: scale3d(0.8, 0.8, 1);

        transform: scale3d(0.8, 0.8, 1);

    }

    85% {

        -webkit-transform: scale3d(1.1, 1.1, 1);

        transform: scale3d(1.1, 1.1, 1);

    }

    100% {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@-webkit-keyframes bounce {

    0%, 20%, 53%, 80%, to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        transform: translateZ(0)

    }

    40%, 43% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -14px, 0)

    }

    70% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -7px, 0)

    }

    90% {

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounce {

    0%, 20%, 53%, 80%, to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        transform: translateZ(0)

    }

    40%, 43% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -10px, 0)

    }

    70% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -5px, 0)

    }

    90% {

        transform: translate3d(0, 0, 0)

    }

}