﻿/*
@author:创源网络-jmj
@time:20200711
*/
body{min-width: 1024px;}
.w1200{width:1200px;margin: auto;}
.cleafter:after{content: '';display: block;clear: both;}
.fullimg img{display: block;width: 100%;height: 100%;}
.mtop10{margin-top: 10px;}
/*wrap_foot*/
.wrap_foot{padding: 40px 0;}
.wrap_foot .w1200{padding: 0 4%;}
.wrap_foot .lv_color{color: #579803;}
.wrap_foot p{display: inline-block;margin: 0 10px;line-height: 24px;color: #333;}
.wrap_foot a{color: #579803;cursor: pointer;}
.foot_index{text-align: center;}
.foot_index p{line-height: 32px;}
/*head*/
.ywch-topbar{height: 151px;padding: 25px 3% 16px 3%;}
.ywch-topbar .fy-logo{display: table-cell;vertical-align: middle;height:  110px;}
.ywch-topbar .fy-logo img{vertical-align: middle;}
.ywch-topbar .ywch-search{margin-left: 10px;min-width: 300px;}
.ywch-topbar .fy_day{padding: 3px 0;text-align: center;}
.ywch-topbar .fy_day .fy_day-time{display:block; height: 26px;line-height: 26px;font-size: 16px;color: #000;overflow: hidden;}
.ywch-topbar .fy_day .fy_day-qx{display:block;overflow: hidden;}
.ywch-topbar .topbar-text{width: 300px;height: 30px;margin: 4px auto 0 auto;background: url("../images/fy_logo02.jpg") no-repeat right;}
.ywch-topbar .ywch-search .search-form{width: 280px;height: 30px;margin: 0 auto;position: relative;}
.ywch-topbar .ywch-search .search-form input[type='text']{width: 100%;border: 1px solid #dddddd;text-indent:5px;height:30px;line-height:30px;font-size: 12px;color: #666;}
.ywch-topbar .ywch-search .search-form input[type='submit']{position: absolute;z-index: 1;background:#fff url("../images/ywch-search.jpg") no-repeat center;width: 38px;height:28px;right: 1px;top:1px;cursor: pointer;}
.ywch-topbar .ywch-search .search-form input[type='text']:focus{border-color: #55a4ec;-webkit-box-shadow: 0 0 6px #88c1f5;box-shadow: 0 0 6px #9cccf7;-webkit-transition: all 0.5s;transition: all 0.5s;}
.ywch-topbar_logo{width: 64%;}
.ywch-topbar_logo li{float: left;width: 48%;max-width: 377px;margin: 10.5px 0;}
.ywch-topbar_logo li+li{position: relative;padding-left: 15px;margin-left: 15px;}
.ywch-topbar_logo li+li:after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 80%;background: #625f5f;}
.ywch-topbar_logo li a{display: block;width: 100%;height: 100%;}
.ywch-topbar_logo li img{display: block;max-width: 100%;}
/*一级栏目*/
.ywch-nav{position: relative;width: 100%;background-color: #579803;height: 53px;}
.ywch-nav .nav-wrap{position: relative;}
.ywch-nav .nav-ul li{float: left;line-height: 53px;height: 53px;width: 10%;text-align: center;position: relative;z-index: 1;}
.ywch-nav .nav-ul li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 15px;}
.ywch-nav .nav-ul li.active{background: #f6aa00;}
/*子栏目*/
.nav-sub{width: 100%;position: absolute;z-index: 2;top:52px;left: 0;right: 0;margin: auto;border:transparent solid;border-width: 1px 0;display: block;}
.nav-sub.ishide{animation: slideDwon50 0.3s;}
.nav-sub .sub-bg{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;right: 0;background: url("../images/sub_bg.jpg");margin: auto;z-index: -1;opacity: 0.9;filter:alpha(opacity=90);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.nav-sub .sub-item{display: none;overflow: hidden;position: relative;min-height: 115px;padding: 20px 0;}
.nav-sub .sub-item-list{position: relative;margin-left: 17%;margin-top: 6px;width: 83%;max-width: 996px;-webkit-animation: slideDwon50 0.5s;animation: slideDwon50 0.5s;}
.nav-sub .sub-item-list li{float: left;min-width: 110px;width: auto;text-align: center;}
.nav-sub .sub-item-list li a{display:block;line-height: 36px;font-size: 16px;color: #666;}
.nav-sub .sub-item-list li a:hover{color:#589804;}
.nav-sub .sub-item-list li.active{position: relative;}
.nav-sub .sub-item-list li.active:after{content: "";position: absolute;bottom: -4px;left: 0;right: 0;width: 27%;margin: 0 auto;height: 4px;background: #589804;}
.nav-sub .sub-item-list li.active a{color: #589804;}
.nav-sub .sub-item-list .sub_list{display: none;position: absolute;top: 40px;padding: 0 15px;border-radius: 15px;background: #95c51b;}
.nav-sub .sub-item-list .sub_list.active{display: block;}
.nav-sub .sub-item-list .sub_list.active:after{position: absolute;content: "";top: -4px;left: 12%;width: 0;height: 0;border-bottom: 4px #95c51b solid;border-left: 4px transparent solid;border-right: 4px transparent solid;}
.nav-sub .sub-item-list .sub_list li{display: inline-block;}
.nav-sub .sub-item-list .sub_list li a{display: block;padding: 0 5px;line-height: 30px;color: #fff;font-size: 14px;}
.nav-sub .sub-item-list .sub_list li:hover a{background: #f6aa00;}
.nav-sub .sub-item-list li:nth-child(1) .sub_list{left: 0;right:auto;}
/*.nav-sub .sub-item-list li:nth-last-child(-n+3) .sub_list{right:0;}*/
.nav-sub .sub-item-list li:nth-child(7) .sub_list:after{left: 26%;}
.nav-sub .sub-item-list li:nth-child(8) .sub_list:after{right: 43%;left: auto;}
.nav-sub .sub-item .sub-img,
.nav-sub .sub-item .sub-ibtn{position: absolute;z-index: 1;left: 0;top:0;bottom: 0;margin: auto;display: table;width: 17%;max-width:204px;height: 70px;border-right: 1px #dfdfdf solid;text-align: center;}
.nav-sub .sub-item .sub_ilogo{display: table-cell;vertical-align: middle;height:  70px;text-align: center;}
.nav-sub .sub-item .sub_ilogo img{vertical-align: middle;}
.nav-sub .sub-item .sub-ibtn{z-index: 3;right: 0;left: auto;}
/*20230621  start */
.ywch-nav .nav-ul li{width: calc(100% / 9);}
.subSection{
    padding:22px;
    background-color: #fff;
    background-image:url("../images/nav_shadow.jpg");
    background-position:bottom right;
    background-repeat: no-repeat;
}
.nav-sub .sub-item{min-height: 154px;}
.nav-sub .sub-item .sub-img{width:40%;max-width:480px;height: 154px;border-right:0;}
.nav-sub .sub-item .sub_ilogo{height:  154px;}
.nav-sub .sub-item-list{margin-left: 45%;margin-top: 0;width: 55%;max-width: 700px;padding-right:8%;}
.nav-sub .sub-item-list li{width: 33.33%;text-align: left;padding:0 2%;}

.nav-sub .sub-item:nth-child(4) .sub-item-list li:last-child{width:45%;}

/*20230621  end*/

/*banner*/
.wrap .ywch-banner{position:relative;width: 100%;height:446px;overflow:hidden;}
.wrap .ywch-banner .bd{position:relative; height:446px;z-index:0;}
.wrap .ywch-banner .bd ul{width: 100%;height: 100%;}
.wrap .ywch-banner .bd li{ width: 100%;height: 100%;zoom:1; vertical-align:middle;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.wrap .ywch-banner .bd li a{display: block;width: 100%;height: 100%;}
.wrap .ywch-banner .hd{position:absolute;width:auto;z-index:1; bottom:30px; right:20px; height:40px; line-height:30px; text-align:center;}
.wrap .ywch-banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:4px;overflow:hidden;line-height:20px; filter:alpha(opacity=80);opacity:0.8;background-color:#fff;color:#ccc;font-size:12px;}
.wrap .ywch-banner .hd ul .on{filter:alpha(opacity=100);opacity:1;background:#589804;color:#fff;}
.wrap .ywch-banner .prev,
.wrap .ywch-banner .next {width:45px; height:99px; position:absolute; top:50%;margin-top: -49.5px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.wrap .ywch-banner .prev {background-position:-112px 0; left:0 }
.wrap .ywch-banner .next {background-position:-158px 0; right:0 }
.wrap .ywch-banner .prev:hover, .ywch-wrap .ywch-banner .next:hover{filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6}
.wrap .hosp-banner{width: 100%;height: 404px;background-position: center center;}
/*内页，当前位置*/
.fy_iposition{background: #fff;}
.fy_iposition .w1200{position: relative;padding: 20px 0;}
.fy_iposition-name{position: absolute;top: 0;left: 0;padding: 0 10px;text-align: center;width: 128px;height: 125px;font-size: 16px;line-height: 20px;color: #fff;background: #a5ca0b;}
.fy_iposition-name div{display: table-cell;vertical-align: middle;width: 108px;height: 125px;text-align: center;}
.fy_iposition-name span{vertical-align: middle;}
.fy_iposition-list{float: right;}
.fy_iposition-list span{float: left;display: inline-block; line-height: 20px;font-size: 14px;color: #333;}
.fy_iposition-list ul{float: left;}
.fy_iposition-list ul li{position: relative;float: left;padding: 0 8px;}
.fy_iposition-list ul li:not(:first-child):after{content: ">";position: absolute;top: 0;left: -3px;width: 10px;height: 10px;}
.fy_iposition-list ul li a{display: block;width: 100%;height: 100%;line-height: 20px;font-size: 14px;color: #333;}
.fy_iposition-list ul li:last-child a{color: #a5ca0b;}
/**/
.fy_content{padding-bottom: 70px;background: #eee;}
.fyi_content{padding-top:70px;min-height: 500px;background: #f6f6f6;overflow: hidden;}
/*ipage*/
.iclass1{line-height: 30px;font-size: 20px;color: #333;}
.icolor1{color: #579803;}
.icolor2{color: #009999;}
.icolor3{color: #ff6c00;}
.idiv1{display: block;padding: 30px;border:1px #ddd solid;background: #fff;overflow: hidden;margin: 20px auto;text-indent: 0 !important;}
.idiv2{display: inline-block;padding: 5px 20px;line-height: 30px;font-size: 16px;border-radius: 40px;color: #fff;background: #579803;text-indent: 0 !important;}
.idiv3{display: inline-block;padding: 5px 20px;line-height: 30px;font-size: 16px;border:1px #a5ca0b solid;border-radius: 40px;color: #a5ca0b;background: #fff;text-indent: 0 !important;}
.idiv4{display: inline-block;line-height: 30px;padding: 0 5px;font-size: 14px;color: #fff;background: #579803;text-indent: 0 !important;}
.idiv5{display: inline-block;line-height: 30px;padding: 0 10px;font-size: 14px;color: #fff;background: #a5ca0b;text-indent: 0 !important;}
.ipoint{position: relative;padding-left: 30px;line-height: 30px;}
.ipoint_col:after{content: "";position: absolute;top: 10px;left: 10px;width: 10px;height: 10px;border-radius: 100%;background: #333;}
.ipoint_col1:after{content: "";position: absolute;top: 10px;left: 10px;width: 10px;height: 10px;border-radius: 100%;background: #579803;}
.ipoint_col2:after{content: "";position: absolute;top: 10px;left: 10px;width: 10px;height: 10px;border-radius: 100%;background: #f6aa00;}

.inum{display: inline-block;line-height: 30px;width: 50px;text-align: center;padding:10px;font-size: 16px;color: #fff;border-radius: 50px;background: #579803;}
.inum1{display: inline-block;line-height: 30px;width: 30px;text-align: center;font-size: 14px;color: #fff;border-radius: 50px;background: #f6aa00;}

/*20230414*/
.NewExpTeamNav .tszkList{
    width: 100%;
    margin-bottom: 0;
    margin-top: 40px;
}
.NewExpTeamNav .tszkList li{
    width: 20%;
    margin: 10px auto;
}
.NewExpTeamNav .tszkList li a{
    min-width: auto;
    padding: 10px 15px;
    line-height: 1.5;
}
.NewExpTeamNav .tszkList li.active a{
    color: #fff;
    background-color: #a5ca0b;
    border-color: #a5ca0b;
}


.NewExpTeam{
    width: 100%;
    padding: 0 10px;
    margin-bottom: 40px;
}
.NET_item{
    float: left;
    width: calc(50% - 20px);
    margin-top: 40px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 6px 10px 0 rgba(30, 19, 15, .08);
}
.NET_item_hd{
    padding: 12px 30px;
    background-color: #579803;
}
.NET_item_hd h3{
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
    position: relative;
}
/*.NET_item_hd h3:after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    left: 0;*/
/*    width: 20px;*/
/*    height: 3px;*/
/*    background-color: #fff;*/
/*}*/
.NET_item_bd{
    background-color: #fff;
    overflow: hidden;
    position: relative;
}
.NET_item_bd::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 0%;
height: 3px;
background-color: #579803;
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.NET_item_bd>div{
    padding: 20px 30px;
    height: 225px;
    overflow-y: auto;
}



.NET_item_bd a{
    display:block;
    float: left;
    font-size: 16px;
    line-height: 2;
    color: #333;
    padding: 0 10px;
    margin-bottom: 5px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.NET_item_bd a:hover{
    color: #579803;
    font-weight: bold;
}
.NET_item:hover .NET_item_bd::after {
width: 100%
}
.NewExpDatail{
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(30, 19, 15, .08);
}
.NewExpDatail .hd{
    margin-bottom: 40px;
    overflow: hidden;
}
.NewExpDatail .hd .hd_img{
    /* 177*218 */
    float: left;
    width: 217px;
    height: 310px;
    margin-top: 12px;
    margin-right: 40px;
    background-color: #eee;
}
.NewExpDatail .hd .hd_img img{
    display: block;
    width: 100%;
}
.NewExpDatail .hd .hd_txt{
    /* 177*218 */
    float: left;
    width: calc(100% - 217px - 40px);
}
.NewExpDatail .hd .name{
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1;
    padding: 12px 0;
    border-bottom: 3px solid #eee;
    overflow:hidden;
}
.NewExpDatail .hd h3{
    float:left;
    font-size: 24px;
    line-height: 1;
    color: #579803;
}
.NewExpDatail .hd .name a{
    float:right;
    color: #fff;
    font-size: 16px;
    padding: 3px 12px;
    line-height: 1.5;
    background-color: #579803;
    border-radius: 4px;
}
.NewExpDatail .hd .icon_bs{
    font-size: 14px;
    font-style: inherit;
    padding: 0px 15px;
    background-color: #f6aa00;
    color: #fff;
    border-radius: 40px;
    line-height: 1.5;
    margin-left: 20px;
}




.NewExpDatail .hd p{
    font-size: 16px;
    color: #333;
    line-height: 2;
    padding: 10px 0;
}
.NewExpDatail .hd p em{
    color: #579803;
    padding-right: 10px;
    font-style: normal;
}
.NewExpDatail .bd{
    margin-bottom: 40px;
    transition: all 0.3s;
}
.NewExpDatail .bd_title{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
    border-bottom: 3px solid #eee;
    background-color: #579803;
}
.NewExpDatail .bd_title b{
    font-weight: normal;
}


/*科室介绍-科室详情页*/
.ksSection{
    width: 90%;
    margin: 50px auto;
    overflow: hidden;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 6px 10px 0 rgba(30, 19, 15, .08);
}
.ksSection_hd{
    line-height: 1.5;
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.ksSection_nav{
    display: block;
    text-align: center;
    margin-bottom: 60px;
}
.ksSection_nav li{
    display: inline-block;
    margin: 0 10px;
    min-width: 150px;
    font-size: 20px;
    line-height: 1.5;
    color: #579803;
    font-weight: 400;
    padding: 5px 20px;
    border: 1px #eee solid;
    background: #fff;
    cursor: pointer;
}
.ksSection_nav li:hover{
    color: #fff;
    background-color: #579803;
}
.ksSection_box{
    margin-top: 30px;
}
.ksSection_box_hd{
    font-size: 26px;
    line-height: 1.5;
    color: #579803;
    padding: 0 30px 10px 30px;
    border-bottom: 1px #eee solid;
    overflow: hidden;
}

.ksSection_box_scroll{position:relative;width:100%;overflow:hidden;}
.ksSection_box_scroll .hd{position: absolute;bottom: 0;right: 0; overflow:hidden;z-index: 3;}
.ksSection_box_scroll .hd .prev,.ksSection_box_scroll .hd .next{ display:block;  width:20px; height:20px; float:right; margin-left:5px;overflow:hidden;
     cursor:pointer; background:url("../images/arrow.jpg") no-repeat;}
.ksSection_box_scroll .hd .next{ background-position:-21px 0;}
.ksSection_box_scroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.ksSection_box_scroll .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.ksSection_box_scroll .hd ul li.on{ background-position:0 0; }


.ksSection_box_scroll .bd ul{ overflow:hidden; zoom:1; }
.ksSection_box_scroll .bd ul li{float:left; _display:inline;width: 217px;height: 370px;margin: 0 10px;overflow:hidden; text-align:center;  }
.ksSection_box_scroll .bd ul li a{display: block;width: 100%;height: 100%;}

.ksSection_box_scroll .bd ul li div{
    width: 217px;
    height: 310px;
    margin-bottom: 10px;
}
.ksSection_box_scroll .bd ul li div img{
    display: block;
    width: 100%;
    height: 100%;
}
.ksSection_box_scroll .bd ul li p{
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    text-align: center;
    margin: 0;
    text-indent: 0;
}
.ksSection_box_scroll .bd ul li span{
    display: block;
    font-size: 16px;
    line-height: 1.2;
    color: #666;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.xkdtr_img{
    float: left;
    width: 217px;
    height: 310px;
    margin-top: 12px;
    margin-right: 40px;
    background-color: #eee;
}
.xkdtr_img img{
    display:block;
    width:100%;
    height:100%;
}
.xkdtr_txt{
    float: left;
    width: calc(100% - 217px - 40px);
}
.xkdtr_txt_hd{
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px #eee solid;
    line-height: 1.5;
    font-size: 16px;
    overflow: hidden;
}
.xkdtr_txt_hd h3{
    font-size: 24px;
    float: left;
    margin-right: 20px;
    line-height: 1.5;
    color: #579803;
}
.xkdtr_txt_hd p{
    font-size: 16px;
    float: left;
    line-height: 1.5;
    color: #666;
    text-indent: 0 !important;
    margin: 6px 0 0 0 !important;
}

nav{}
.page {clear:both;overflow:hidden;margin:0px auto 0px auto;text-align: center;list-style: none;padding: 10px 0px;}
.page li {display:inline}
.page li a,.page li span {display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius:3px;}
.page li a:hover,
.page li a:focus {text-decoration: none;background-color: #579803;color: #fff;}
.page .next a,.page .next span {float: right;}
.page .previous a,.page .previous span {float: left;}
.page .disabled a,
.page .disabled a:hover,
.page .disabled a:focus,
.page .disabled span {color: #777;cursor: not-allowed;background-color: #fff;}
.page .active a,
.page .active span,
.page .active a:hover,
.page .active span:hover,
.page .active a:focus,
.page .active span:focus {z-index: 2;color: #fff;cursor: default;background-color: #579803;border-color: #579803;}
.page .pgCurrent{display: inline-block;padding: 4px 10px;background-color: #f6aa00;border: 1px solid #f6aa00;border-radius:3px;cursor: default;z-index: 2;color: #fff; }
.page .pgEmpty{display: inline-block;padding: 4px 10px;background-color: #fff;border: 1px solid #ddd;border-radius:3px;}
@keyframes slideDwon50 {
    0%{transform: translateY(-50px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
@-webkit-keyframes slideDwon50 {
    0%{-webkit-transform: translateY(-50px);opacity: 0;}
    100%{-webkit-transform: translateY(0px);opacity: 1;}
}
@keyframes slideLeft50 {
    0%{transform: translateX(200px);}
    100%{transform: translateY(0px);}
}
@-webkit-keyframes slideLeft50 {
    0%{-webkit-transform: translateX(200px);}
    100%{-webkit-transform: translateY(0px);}
}
@keyframes scales {
    0%{transform:scale(0.5);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}
}
@keyframes fade05 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes fade05 {
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@media screen and (max-width: 1210px) {
    .w1200{width: 1000px;}
    .fy_part2_link li:not(:first-child){margin-left: 1.33% !important;}
    .friends li{margin-left: 1.33% !important;}

}
@-webkit-keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
