@charset "utf-8";
/*
@author: he
@update: he (2022-08-26)
*/
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1200px;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
input,button,select,textarea{outline:none} textarea{resize:none}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/* 新增公用样式 */
.hide{display:none;}
.diiblock{display: inline-block; *zoom: 1; *display: inline;}
.textcon{text-align:center;}
.marcon{margin:0 auto;}
.wblod{font-weight: bold;}
.horizontalcolor{background: -moz-linear-gradient(to right, #11C3F9, #72C472); background: -ms-linear-gradient(to right, #11C3F9, #72C472); background: -webkit-linear-gradient(to right, #11C3F9, #72C472); background: linear-gradient(to right, #11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="1");}
.verticalcolor{background: -moz-linear-gradient(#11C3F9, #72C472); background: -ms-linear-gradient(#11C3F9, #72C472); background: -webkit-linear-gradient(#11C3F9, #72C472); background: linear-gradient(#11C3F9, #72C472); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#11C3F9", endColorstr="#72C472", gradientType="0");}
.margR0{margin-right: 0 !important;}

.ggtit{ height: 38px; text-align: center; margin-bottom: 50px;}
.ggtit .lcion,.ggtit .rcion{ display: inline-block; *display: inline; *zoom: 1; background:url(/images/zhuanti/2022xlzixunshi/titlleft.png) no-repeat left center;}
.ggtit .rcion{ background:url(/images/zhuanti/2022xlzixunshi/titlright.png) no-repeat right center;}
.ggtit .ctxt{ padding: 0 130px; line-height: 38px; font-size: 38px; font-weight: 700;color: #333;}
.ggtit .ctxt b{ color: #f76031;}
.subggtit {color: #f76031;height: 38px;text-align: center;margin-bottom: 30px;margin-top: -20px;font-size: 26px;}
.bodyBg{background: #f2f3fd;}

/*页头*/
.header{ height: 460px;}
.header .logo {display: block;top: 39px;left: 0;width: 191px;height: 50px;}
.header .ctxt { top: 250px; left: 0; width: 100%; height: 52px; line-height: 50px; text-align: center; font-size: 24px; font-weight: 400; color: #ec5d06;}

/*证书优势*/
.reasonBox{ padding-bottom: 20px;position: relative;}
.reasonBox .cbox{ margin-bottom: 40px;}
.reasonBox .cbox .clist {float: left;width: 286px;height: 248px;background: url(/images/zhuanti/2022xlzixunshi/model2.png) no-repeat;border-radius: 0 0 12px 12px;margin-right: 17px;-webkit-box-shadow: 0 3px 10px rgba(201, 206, 255, 0.5);-moz-box-shadow: 0 3px 10px rgba(201, 206, 255, 0.5);}
.reasonBox .cbox .clist-tit {height: 65px;line-height: 65px;text-align: center;font-size: 20px;font-weight: 700;color: #fff;}
.reasonBox .cbox .clist-txt{ padding: 22px 15px 0; line-height: 28px; font-size: 16px;}
.reasonBox .cbox .clist.mr0{ margin-right: 0;}
.reasonBox .bbtn{ display: block; width: 188px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #716ee3; border-radius: 25px; margin: 0 auto;}
.reasonBox .bbtn:hover{ text-decoration: none; background: #716ee3;}

/*就业前景*/
.getJobBg{ background:url(/images/zhuanti/2022xlzixunshi/bg_03.jpg) no-repeat center bottom;}
.getJob{ padding: 48px 0 0;}
.getJob .ggtit{ color: #fff;}
.getJob .cbox{ position: relative; z-index: 1; height: 510px;}
.getJob .cbox .fdList{ position: absolute; width: 150px; padding: 10px 25px 0; line-height: 28px; font-size: 18px;}
.getJob .cbox .fdList.list01{ top: 15px; left: 91px;}
.getJob .cbox .fdList.list02{ top: 163px; left: 91px;}
.getJob .cbox .fdList.list03{ top: 390px; left: 91px;}
.getJob .cbox .fdList.list04{ top: -2px; left: 932px;}
.getJob .cbox .fdList.list05{ top: 183px; left: 932px;}
.getJob .cbox .fdList.list06{ top: 342px; left: 932px;}

/*报考条件*/
.registerbg { background: url(/images/zhuanti/2022xlzixunshi/model4.jpg) no-repeat center top;}
.register{ position: relative; z-index: 1; padding-top: 79px;}
.register .fdBtn{ position: absolute; top: 152px; right: 118px; width: 122px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #f76031; border: 1px solid #f76031; background: #fff; border-radius: 19px;}
.register .fdBtn:hover{ background: #f76031; color: #fff; text-decoration: none;}
.register .cbox{ height: 629px; position: relative; z-index: 1;}
.register .cbox .rlist {position: absolute; width: 710px; padding: 22px 20px 0 0; line-height: 38px; font-size: 20px;}
.register .cbox .rlist b{ display: block; font-size: 22px;}
.register .cbox .rlist.item1{ top: 0; right: 111px;}
.register .cbox .rlist.item2{ top: 146px; right: 59px;}
.register .cbox .rlist.item3{ top: 291px; right: 59px;}
.register .cbox .rlist.item4{ top: 437px; right: 111px;}
.register .bbtn{ display: block; width: 226px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #2eb767; border-radius: 25px; margin: 0 auto;}
.register .bbtn:hover{ text-decoration: none; background: #4ab83e;}

/*免费试听*/
.freeAuditionbg{ position: relative; z-index: 1; background: url(/images/zhuanti/2022xlzixunshi/model5.jpg) no-repeat center bottom;}
.freeAuditionbg .ggtit{ position: absolute; left: 0; top: 70px; width: 100%;}
.freeAudition{ height: 600px;padding-top: 178px;}
.freeAudition .ttit {text-align: center;height: auto;border-radius: 4px;margin-top: 40px;}
.freeAudition .ttit li {position: relative;z-index: 1;display: inline-block;*display: inline;*zoom: 1;margin: 0 15px;line-height: 68px;font-size: 24px;color: #fff;cursor: pointer;}
.freeAudition .ttit li i{ position: absolute; left: 50%; bottom: 0; display: none; margin-left: -20px; width: 40px; height: 3px; border-radius: 2px; background: #fff;}
.freeAudition .ttit li.on{ font-weight: 700;}
.freeAudition .ttit li p.txt{font-size: 16px;color: #FFFFFF;line-height: 36px;}
.freeAudition .cbox{ display: none;}
.freeAudition .cbox .teaCon { height: 360px;}
.freeAudition .cbox .teaCon .tc-video{ float: left; width: auto; height: 358px;}
.freeAudition .cbox .teaCon .tc-video .videoBtn{ width: 577px; height: 334px; position: relative; z-index: 1;}
.freeAudition .cbox .teaCon .tc-video img{ width: 577px; height: 334px;}
.freeAudition .cbox .teaCon .tc-video i {display: block;position: absolute;top: 155px;left: 278px;width: 233px;height: 65px;text-indent: 48px;line-height: 48px;font-size: 28px;color: #fff;background: url(/images/zhuanti/2021ggyingyangshi/icon_10.png) no-repeat;cursor: pointer;}
.freeAudition .cbox .teaCon .tc-video a:hover{ text-decoration: none;}
.freeAudition .cbox .teaCon .tc-tea{ float: left; width: 296px; height:420px; margin-top: -60px;}
.freeAudition .cbox .teaCon .tc-tea img{ width: 296px; height:420px;}
.freeAudition .cbox .teaCon .tc-right {float: right;width: 780px;padding-right: 60px;}
.freeAudition .cbox .teaCon .tc-right .ttea {height: 88px;margin-bottom: 12px;line-height: 105px;}
.freeAudition .cbox .teaCon .tc-right .ttea-pic{ float: left; display: block; width: 72px; height: 85px; padding: 3px 3px 0; background:url(/images/zhuanti/2021ggyingyangshi/tea_bg.png) no-repeat;}
.freeAudition .cbox .teaCon .tc-right .ttea-pic img{ width: 72px; height: 72px; border-radius: 50%;}
.freeAudition .cbox .teaCon .tc-right .ttea-icon{ float: left; display: block; padding: 0 30px; height: 48px; line-height: 48px; font-size: 20px; color: #fff; background: #0d9a78; border-radius: 24px; margin: 14px 0 0 40px;}
.freeAudition .cbox .teaCon .tc-right .ctxt{ line-height: 36px; font-size: 16px;}
.freeAudition .cbox .bbtn{ display: block; width: 226px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #fff; background: #2eb767; border-radius: 25px; margin: 20px auto;}
.freeAudition .cbox .bbtn:hover{ text-decoration: none; background: #4ab83e;}
.freeAudition .cbox .teaCon .tc-right .ttea-name .tname{font-size: 30px;font-weight: bold;color: #333333;}
.freeAudition .cbox .teaCon .tc-right .ttea-name .viedeo{display: inline-block;width: 120px;height: 34px;margin-top: -18px;margin-left: 20px;position: relative;vertical-align: middle;cursor: pointer;}

/*课程介绍*/
.courseBoxbg { background: url(/images/zhuanti/2022xlzixunshi/model6.jpg) no-repeat center top;}
.courseBox{ position: relative; padding-top: 67px;}
.courseBox .ggtit{ margin-bottom: 70px;}
.courseBox .fdbtn{ position: absolute; width: 122px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #ee7e23; border: 1px solid #ffc290; background: #fff; border-radius: 19px;}
.courseBox .fdbtn.szksBtn{ top: 64px; right: 0;}
.courseBox .fdbtn.xyBtn{ top: 64px; right: 140px;}
.courseBox .fdbtn:hover{ background: #ffc290; color: #fff; text-decoration: none;}
.courseBox .cbox{ height: 530px; position: relative; z-index: 1;}
.courseBox .cbox .rlist {position: absolute; width: 380px;}
.courseBox .cbox .rlist .rtit{ height: 76px;}
.courseBox .cbox .rlist .rtit-txt{ padding-left: 30px; line-height: 76px; font-size: 24px; font-weight: 700;}
.courseBox .cbox .rlist .rtit-txt span{ font-size: 18px;}
.courseBox .cbox .rlist .rtit-ks{ position: absolute; top: 0; right: 0; width: 103px; line-height: 42px; font-size: 18px; color: #fff; text-align: center; font-weight: 700;}
.courseBox .cbox .rlist .rtxt{ padding: 14px 30px 0;}
.courseBox .cbox .rlist .rtxt p{ line-height: 38px; font-size: 16px;}
.courseBox .cbox .rlist.item1{ top: 120px; left: -1px;}
.courseBox .cbox .rlist.item2{ top: 60px; left: 409px;}
.courseBox .cbox .rlist.item3{ top: 0; right: 1px;}

/*配套资料*/
.matchDataBg{ padding: 60px 0; background: #f4f6f9;}
.matchDat .cbox{ position: relative; z-index: 1; height: 410px; background: url(/images/zhuanti/2022xlzixunshi/bg_04.jpg) no-repeat;}
.matchDat .cbox .listCon{ position: absolute; width: 360px;}
.matchDat .cbox .listCon .ltit{ line-height: 76px; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 154px;}
.matchDat .cbox .listCon .ltxt{ line-height: 36px; font-size: 18px; text-align: center;}
.matchDat .cbox .listCon.item1{ top: 43px; left: 30px;}
.matchDat .cbox .listCon.item2{ top: 43px; left: 420px;}
.matchDat .cbox .listCon.item3{ top: 43px; left: 810px;}

/*证书*/
.certificateBg{ padding: 60px 0 20px; background: #e8eaff;}
.certificate .ggtit{ margin-bottom: 28px;}
.certificate .subTit{ height: 42px; text-align: center; margin-bottom: 30px;}
.certificate .subTit li{ display: inline-block; padding: 0 55px; height: 40px; line-height: 40px; font-size: 18px; color: #716ee3; border: 1px solid #716ee3; border-radius: 21px; margin: 0 15px; cursor: pointer;}
.certificate .subTit li.on{ background: #716ee3; color: #fff;}
.certificate .bbox{ display: none;}
.certificate .bbox .txtCon{ padding: 24px 50px 40px; border-radius: 12px;
    background: -webkit-linear-gradient(top, #f7f5ff, #e8eaff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, #f7f5ff, #e8eaff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, #f7f5ff, #e8eaff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom, #f7f5ff, #e8eaff); /* 标准的语法 */}
.certificate .bbox .txtCon p{ line-height: 36px; font-size: 16px;}
.certificate .bbox .conbox{text-align: center;}
.certificate .bbox .conbox .item{position: relative;display: inline-block; width: 504px; height: 336px; border:25px solid #fff;box-shadow: 0 4px 27px 0 rgba(168, 178, 186, 0.23);border-radius: 4px;margin: 0 20px 40px;}
.certificate .bbox .conbox .item img{ width: 504px; height: 336px;}
.certificate .bbox .conbox .item i.icon{position: absolute;display: inline-block;width: 113px;height: 148px;background: url(/images/zhuanti/2022xlzixunshi/model6_3.png) no-repeat;margin: 0 auto;top: -55px;right: -74px;}

/*相关权益*/
.rightsBg{ background: #f5f8f9;}
.rights{ padding: 60px 0;}
.rights .cbox{ text-align: center; height: 172px;}
.rights .cbox .list{ display: inline-block; *display: inline; *zoom: 1; position: relative; width: 216px; height: 172px; z-index: 3; vertical-align: top;}
.rights .cbox .list .icon{ display: block; width: 100px; height: 100px; margin: 0 auto; cursor: pointer;}
.rights .cbox .list .icon01{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat -356px -2400px;}
.rights .cbox .list .icon02{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat -356px -2550px;}
.rights .cbox .list .icon03{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat -356px -2700px;}
.rights .cbox .list .icon04{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat -356px -2850px;}
.rights .cbox .list .icon05{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat -356px -3000px;}
.rights .cbox .list .txt{ line-height: 48px; font-size: 16px; text-align: center; cursor: pointer;}
.rights .cbox .list .jiao{ position: absolute; left: 50%; bottom: 0; margin-left: -15px; display: none; width: 33px; height: 19px; background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -2350px;}
.rights .cbox .list.on .icon01{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -2400px;}
.rights .cbox .list.on .icon02{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -2550px;}
.rights .cbox .list.on .icon03{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -2700px;}
.rights .cbox .list.on .icon04{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -2850px;}
.rights .cbox .list.on .icon05{ background: url(/images/yishizigekaoshi/project2020/an.png) no-repeat 0 -3000px;}
.rights .cbox .list.on .jiao{ display: block;}
.rights .bbox{ background: #fff; -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); box-shadow:0 5px 5px rgba(0, 0, 0, 0.1);}
.rights .bbox .con{ display: none; padding: 25px 30px; line-height: 30px; font-size: 16px;}

/*加入我们*/
.joinBoxBg{ background: url(/images/zhuanti/2022xlzixunshi/bg_06.jpg) no-repeat center top;}
.joinBoxBg .ggtit{ margin-bottom: 40px;}
.joinBox{ height: 548px; padding: 46px 0 0 0;}
.joinBox .cbox{ height: 196px; text-align: center;}
.joinBox .cbox .clist{ display: inline-block; *display: inline; *zoom: 1; width: 144px; height: 120px; text-align: center; padding-top: 29px; margin: 0 18px; background: url(/images/yishizigekaoshi/project2020/ys_11.png) no-repeat;}
.joinBox .cbox .clist-tit{ line-height: 38px; font-size: 22px; font-weight: 700; color: #d98b1b;}
.joinBox .cbox .clist-txt{ line-height: 24px; font-size: 14px; color: #666;}
.joinBox .bbox{ padding-top: 17px;}
.joinBox .bbox .ltxt{ width: 500px; padding-left: 100px;}
.joinBox .bbox .ltxt-tit{ line-height: 74px; font-size: 30px; font-weight: 700;}
.joinBox .bbox .ltxt-cen{ line-height: 30px; font-size: 16px; color: #666; margin-bottom: 14px;}
.joinBox .bbox .ltxt-cen b{ font-size: 22px;}
.joinBox .bbox .right{ padding: 30px 62px 0 0;}
.joinBox .bbox .right .ewm{ width: 140px; margin-right: 30px;}
.joinBox .bbox .right .ewm-pic{ display: block; width: 120px; height: 120px; padding: 10px; background: #fff; -webkit-box-shadow:0 0 15px rgba(0,0,0,0.13); -moz-box-shadow:0 0 15px rgba(0,0,0,0.13); box-shadow:0 0 15px rgba(0,0,0,0.13);}
.joinBox .bbox .right .ewm-txt{ line-height: 42px; text-align: center; font-size: 16px; color: #666;}

/*右侧浮动*/
.rightFloat{ width:110px; padding-top: 58px; background: #f99345; position:fixed; right:5px; top:50%; margin-top: -180px; z-index:90;}
.rightFloat .top{ position: absolute; top: -50px; left: 50%; margin-left: -48px; display: block; width: 88px; height: 38px; padding-top: 50px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; border: 4px solid #fff; background: url(/images/zhuanti/2022xlzixunshi/icon_08.png) no-repeat center 17px #f99345; border-radius: 50%; cursor: pointer;}
.rightFloat .top:hover{ text-decoration: none;}
.rightFloat .cen{ width: 100px; padding: 6px 0; background: #fff; margin: 0 auto;}
.rightFloat .cen .list{ position: relative; display: block; height: 36px; line-height:36px; text-align: center; font-size:14px;}
.rightFloat .closeBox{ display: block; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #fff;}

/*协议弹层*/
.mask{ display: none; width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:99; filter:alpha(opacity=70);opacity:0.7;}
.xieyi-pop{ display:none;height: 660px;overflow:hidden; width:808px; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -404px; z-index:1000; border-radius:10px;}
.xieyi-pop .tit{ height:60px; line-height:60px; background:#f5f5f5; border-bottom:1px solid #e8e8e8; padding-right:21px;}
.xieyi-pop .tit h3{ float:left; font-size:18px; font-weight:bold; padding-left:40px;}
.xieyi-pop .tit .close{ display:block; width:30px; height:30px; margin-top:16px; background:url(/images/zhuanti/2022xlzixunshi/icon_13.png) no-repeat center;}
.xieyi-pop .con{ padding: 20px;}

/*师资课时弹层*/
.szks-pop{ display:none; overflow:hidden; width:870px; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -435px; z-index:100; border-radius:4px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.szks-pop .tit{ height:50px; background: #f4f4f4;}
.szks-pop .tit h3{ float:left; font-size:18px; line-height:50px; font-weight:bold; padding-left:20px;}
.szks-pop .tit-cbtn{ float:left; display: block; padding: 0 10px; height: 20px; line-height: 20px; font-size: 12px; color: #07a87a; border: 1px solid #07a87a; border-radius: 11px; margin: 14px 0 0 16px;}
.szks-pop .tit-cbtn:hover{ text-decoration: none; background: #07a87a; color: #fff;}
.szks-pop .close { position: absolute; top: 4px; right: 10px; display: block; width: 40px; height: 40px; background: url(/OtherItem/images/2020home/common/icon_dialog.png) no-repeat -256px -16px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
.szks-pop .close:hover{-webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -o-transform:rotateZ(-180deg); transform:rotateZ(-180deg);}
.szks-pop .subtit{ height: 42px; padding-left: 5px; background: url(/images/zhuanti/2020lcviptxy/tit_07.png) repeat-x; margin-bottom: 6px;}
.szks-pop .subtit li{ position: relative; float: left; padding: 0 20px; height: 42px; line-height: 42px; font-size: 16px; margin-left: 15px; cursor: pointer;}
.szks-pop .subtit li i{ display: none; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; width: 12px; height: 6px; background-position: 0 -900px;}
.szks-pop .subtit li.on{ color: #fff; font-weight: 700; background: #f19a4e\0; *background: #f19a4e;
    background: -webkit-linear-gradient(left, #e58435, #fdb065); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #e58435, #fdb065); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #e58435, #fdb065); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #e58435, #fdb065); /* 标准的语法 */}
.szks-pop .subtit li.on i{ display: block;}
.szks-pop .szksCon{ position: relative; padding: 0 0 20px; max-height: 450px; overflow: auto; overflow-x: hidden;}
.szks-pop .szksCon .ctit{ height: 48px; margin: 0 20px;}
.szks-pop .szksCon .ctit-left{ position: relative; padding-left: 16px; line-height: 48px; font-size: 16px; color: #07a87a; font-weight: 700;}
.szks-pop .szksCon .ctit-left i{ position: absolute; top: 50%; left: 0; margin-top: -8px; display: block; width: 4px; height: 16px; background: #07a87a;}
.szks-pop .szksCon .ctab{ margin: 0 20px 4px;}
.szks-pop .szksCon .ctab table{ border-collapse: collapse;margin-top: 25px;}
.szks-pop .szksCon .ctab td{ border: 1px solid #ededed; padding: 15px 10px; line-height: 24px; font-size: 14px; text-align: center;}
.szks-pop .szksCon .ctab .tal{ text-align: left;}
.szks-pop .szksCon .ctab .tabtit{ font-weight: 700; background: #fafafa;}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}