/*
@author: sk
@update: name (2013-04-13 18:32)
*/
@charset "gb2312";
body{font:14px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#ffbc2d;}
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;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.ico1,.luck-draw-text .list .bd li,.course .tab-tit li,.course .tab-con .list-tit li.cur i,.floatCtro p,.floatCtro .share-btn{ background:url("/images/zhuanti/2018anniversary/ico.png") no-repeat;}
.title{ line-height:140px; font-size:40px; text-align:center; font-weight:bold; color:#d03c01;}
.title strong{ font-size:52px; margin-left:15px;}
.bg-wrap{ background:url("/images/zhuanti/2018anniversary/bg06.jpg") no-repeat center bottom;}
.ico,.course .course-con .bg01,.course .course-con .bg02,.course .btn-wrap i,.exemption .exemption-list .con .list li,.video-live .tex li p.time,.video-live .tex li i{ background:url("//www.med66.com/images/zhuanti/20181111/ico.png") no-repeat;}

/**/
.video-tit{ text-align:center; padding-top:148px; height:85px;}
.video{ width:1106px; height:428px; background:url("//www.med66.com/images/zhuanti/20181111/video-bg.png") no-repeat; padding-top:23px;}
.video .con{ width:813px; height:379px; margin:0 0 0 152px; cursor:pointer;}
.video .con .close-btn{ display:none; width:20px; height:20px; right:0; top:0; cursor:pointer; background-color:#f5f5f5; background-position:-68px -30px;}
.video{ width:1106px; height:428px; background:url("//www.med66.com/images/zhuanti/20181111/video-bg.png") no-repeat; padding-top:23px;}
.video-live{ width:1106px; height:428px; background:url("//www.med66.com/upload/html/2018/12/fm030197.png") no-repeat; padding-top:23px;}
.video-live .video-con{ padding:0 0 0 151px; width:610px; height:380px;}
.video-live .video-con .tab-con{ display:none;  width:610px; height:380px;}
.video-live .video-con .tab-con img{ display:block; width:610px; height:380px;}
.video-live .video-con .live-video{width:610px; height:380px;}
.video-live .live_right{ width:196px; height:380px; margin:0 142px 0 0; padding-right:7px; background:#431487;}
.video-live .live_right .tit{ line-height:55px; font-size:20px; color:#fff; padding:9px 0 0 14px;}
.video-live .tex{ width:200px; height:288px; overflow:hidden; overflow-y:auto; position:relative;}
.video-live .tex ul{ margin-left:16px; border-left:2px solid #b289ff;}
.video-live .tex li{ line-height:28px; position:relative; padding:10px 0 20px 16px; cursor:pointer;}
.video-live .tex li i{ display:block; width:24px; height:24px; background-position:-1px -185px; position:absolute; left:-12px; _left:-32px; top:14px;}
.video-live .tex li.cur p{ color:#ffe400;}
.video-live .tex li.cur i{ background-position:-28px -185px;}
.video-live .tex li.none{ color:#fff;}
.video-live .tex li.none i{ background-position:0 -48px;}
.video-live .tex li p{ font-size:16px; color:#fff; line-height:24px;}
.video-live .tex li p.time{ display:inline-block; width:140px; height:31px; line-height:30px; font-size:14px; color:#fff; font-weight:bold; text-indent:10px; background-position:0 -219px;}
.video-live .tex li.cur p.time{ background-position:0 -252px; color:#431487; width:143px; margin-left:-3px;}
.video-live .tex li .more-btn{ display:block; width:92px; height:28px; line-height:28px; margin-top:7px; text-align:center; font-size:14px; color:#fed60c; text-decoration:none; background-position:0 -383px;}

/**/
.mCSB_inside > .mCSB_container{ margin-right:15px;}
.mCSB_scrollTools{ width: 13px !important; background: #541fb3; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background: #814ce3; border-radius: 10px;}
.mCSB_scrollTools .mCSB_buttonUp{ background:url("//www.med66.com/images/zhuanti/20181111/ico.png") no-repeat 2px -414px;}
.mCSB_scrollTools .mCSB_buttonDown{ background:url("//www.med66.com/images/zhuanti/20181111/ico.png") no-repeat -23px -414px;}
.xlcd-b .mCSB_container{ margin-right: 13px;}

/**/
.header-wrap{ width:100%; height:731px; background:url("http://www.med66.com/upload/html/2018/12/fm121101.jpg") no-repeat center top;}
.header{ height:731px;}
.header .logo{ display:block; width:200px; height:60px; line-height:0; font-size:0; left:85px; top:12px;}
.header .tex01{ left:306px; top:96px;}
.header .tex02{ left:247px; top:211px;}
.header .tex03{ width:352px; height:57px; line-height:57px; text-align:center; font-size:28px; color:#fff; left:397px; top:345px; background:url("/images/zhuanti/2018anniversary/tex03.png") no-repeat;}
 
/**/
.nav{ padding:20px 0 0 20px;}
.nav li{ float:left; _display:inline; width:300px; padding-right:27px; height:131px; margin-right:45px; color:#fff; text-align:center; cursor:pointer;}
.nav li.icon01{ background-position:0 0; text-shadow:0 7px 3px #fa5631;}
.nav li.icon02{ background-position:0 -131px; text-shadow:0 7px 3px #af1cb0;}
.nav li.icon03{ background-position:0 -262px; margin-right:0; text-shadow:0 7px 3px #f93b55;}
.nav h3{ font-size:24px; font-weight:normal; padding-top:16px;}
.nav h4{ font-size:30px;}
.nav .f36{ font-size:36px; font-weight:bold;}


/**/
.prizeList{ width:691px; height:570px; background:url("/images/zhuanti/2018anniversary/bg01.png") no-repeat;}
.prizeList li{ width:196px; height:155px; position:absolute;}
.prizeList li.pz1{ left:38px; top:42px;}
.prizeList li.pz2{ left:248px; top:42px;}
.prizeList li.pz3{ left:457px; top:42px;}
.prizeList li.pz4{ left:457px; top:212px;}
.prizeList li.pz5{ left:457px; top:382px;}
.prizeList li.pz6{ left:248px; top:382px;}
.prizeList li.pz7{ left:38px; top:382px;}
.prizeList li.pz8{ left:38px; top:212px;}
.prizeList li .cur{ display:none;}
.prizeList li .pop-pic{ display:none;}
.prizeList li.on .own{ display:none;}
.prizeList li.on .cur{ display:block;}
.prizeList .btn{ width:209px; height:159px; left:241px; top:214px; line-height:0; font-size:0; background:url("/images/zhuanti/2018anniversary/btn.png") no-repeat;}

/**/
.luck-draw-text{ width:370px; height:544px; padding-top:10px; border:9px solid #ffa70e; border-radius:20px; background:#fff6d4;}
.luck-draw-text .tit{ text-align:center; font-size:30px; font-weight:bold; color:#ff6a18; line-height:60px;}
.luck-draw-text .explain{}
.luck-draw-text .explain p{ font-size:16px; line-height:28px; padding:0 0 0 44px; position:relative;}
.luck-draw-text .explain i.nums{ font-size:26px; font-weight:bold; color:#ff6a18; font-style:italic; left:13px; top:0;}
.luck-draw-text .list{ padding:14px 0 0 16px; height:240px; overflow:hidden;}
.luck-draw-text .list .bd li{ font-size:16px; line-height:30px; padding:0 15px 0 39px; background-position:0 -1152px;}
.luck-draw-text .list .bd li em{ color:#ff6a18;}

/**/
.barrager-wrap{ height:296px; background:url("/images/zhuanti/2018anniversary/bg03.png") no-repeat; margin-top:52px; padding:20px 0; margin-bottom:48px;}
.barrager-wrap .bg01{ width:248px; height:232px; background:url("/images/zhuanti/2018anniversary/icon04.png") no-repeat; left:-348px; top:119px;}
.barrager-wrap .bd{ line-height:42px; height:42px; width:1060px; overflow:hidden; margin:0 20px;}
.barrager-wrap .bd li{ float:left; font-size:16px; margin-right:100px;}
.barrager-wrap .bd span{ color:#ff6a18;}
.barrager{ height:200px; overflow:hidden; margin:0 30px;}
.barrager li{ font-size:16px;}
.barrager li span{ color:#ff6a18;}
.giveBlessing{ padding:12px 22px 0 22px;}
.giveBlessing .tit{ width:135px; font-size:18px; line-height:28px; color:#ff6a18; text-align:center;}
.giveBlessing .tit strong{ font-size:32px;}
.giveBlessing .con{ width:918px; height:55px; border:1px solid #f7c173; border-radius:10px; margin-top:4px;}
.giveBlessing .con .ipt1{ width:750px; border:0; margin-left:26px; height:55px; line-height:55px; font-size:14px; resize:none; outline:none;}
.giveBlessing .con .mask{ display:block; width:918px; height:55px; left:0; top:0;}
.giveBlessing .btnszf{ width:140px; height:57px; line-height:57px; text-align:center; font-size:20px; color:#fff6d4; font-weight:bold; right:0; top:-1px; text-decoration:none; background-position:0 -395px;}
.giveBlessing .btnszf:hover{ background-position:-141px -395px;}

/**/
.course-wrap{ background:url("/images/zhuanti/2018anniversary/bg04.png") no-repeat center top #ffe8b0; padding-bottom:46px;}
.course .tit{ text-align:center; line-height:48px; color:#57230e; font-size:20px; padding:66px 0 30px;}
.course .tit strong{ font-size:40px;}
.course .tit em{ font-size:52px; font-weight:bold;}
.course .tab-tit{}
.course .tab-tit li{ float:left; _display:inline; width:254px; height:74px; line-height:68px; text-align:center; font-size:26px; color:#fff; margin-right:28px; cursor:pointer; background-position:0 -549px;}
.course .tab-tit li.cur{ background-position:0 -452px; font-weight:bold;height:89px;}
.course .tab-tit li.none{ margin-right:0;}
.course .tab-con{ display:none; padding-top:26px;}
.course .tab-con .list-tit{ height:50px; background:#ffd776; border-radius:15px; padding:0 0 0 27px; margin-bottom:36px;}
.course .tab-con .list-tit li{ float:left; line-height:50px; font-size:16px; color:#57230e; padding:0 6px; margin-right:62px; cursor:pointer;}
.course .tab-con .list-tit li.cur{ background:#f56123; color:#fff; position:relative;}
.course .tab-con .list-tit li.cur i{ display:block; width:16px; height:8px; position:absolute; left:50%; margin-left:-8px; bottom:-8px; background-position:-371px -128px;}
.course .tab-con .list-con{ display:none; background:#fff4d9; border-top-left-radius:15px; border-top-right-radius:15px; padding:0 0 0 23px;}
.course .tab-con .list-con ul{ padding-bottom:39px;}
.course .tab-con .list-con li{ float:left; _display:inline; width:332px; height:231px; margin:29px 29px 0 0; box-shadow:0 5px 5px #fee9c8;}
.course .tab-con .list-con li.none{ margin-right:0;}
.course .tab-con .list-con .tit02{ height:117px; text-align:center;}
.course .tab-con .list-con .tit02 h3{ font-size:23px; font-weight:bold; line-height:58px; padding-top:6px;}
.course .tab-con .list-con .tit02 h4{ line-height:36px; font-size:14px; color:#fff; font-weight:normal;}
.course .tab-con .list-con li.c1 .tit02{ background:url("/images/zhuanti/2018anniversary/c01.jpg") no-repeat;}
.course .tab-con .list-con li.c2 .tit02{ background:url("/images/zhuanti/2018anniversary/c02.jpg") no-repeat;}
.course .tab-con .list-con li.c3 .tit02{ background:url("/images/zhuanti/2018anniversary/c03.jpg") no-repeat;}
.course .tab-con .list-con .price{ line-height:60px; text-align:center; background:#fff; font-size:16px; color:#57230e; }
.course .tab-con .list-con .price s{ color:#999999; }
.course .tab-con .list-con .price strong{ font-size:22px; color:#ff6a18;}
.course .tab-con .list-con .buy_btn{ display:block; width:351px; height:70px; line-height:56px; text-align:center; font-size:22px; font-weight:bold; color:#fff; margin:0 auto; text-decoration:none; background-position:0 -631px;}
.course .tab-con .list-con .buy_btn:hover{ background-position:0 -1054px;}
.course .explain{ padding:26px 33px 40px; background:#fff4d9; border-bottom-left-radius:15px; border-bottom-right-radius:15px;}
.course .explain .tit03{ width:85px; height:85px; background:#fedd8d; border-radius:5px; text-align:center; margin-top:10px;}
.course .explain .tit03 p{ font-size:18px; line-height:28px; font-weight:bold; padding-top:10px; color:#ea591a;}
.course .explain .tex{ width:930px;}
.course .explain .tex li{ width:100%; overflow:hidden;}
.course .explain .tex span{ font-size:26px; font-style:italic; font-weight:bold; color:#ff6a18; float:left; padding-right:13px;}
.course .explain .tex p{ float:left; width:880px; font-size:16px; color:#57230e; line-height:32px; padding-top:4px;}

.course .tab-con .list-con .buy-btn{ display:block; float:left; overflow:hidden; cursor:pointer; width:167px; height:50px; line-height:50px; box-shadow:0 -5px 5px #e4ebfc; text-align:center; font-size:22px; border-bottom-left-radius:10px; background:#fff; text-decoration:none; position:relative;}
.course .tab-con .list-con .buy-btn input{ position:absolute; left:-20px; top:-20px;}
.course .tab-con .list-con .book-btn{ display:none; float:right; width:167px; height:50px; line-height:50px; text-align:center; font-size:22px; border-bottom-right-radius:10px; color:#fff; background:#f00b14; text-decoration:none;}
.course .tab-con .list-con .book-btn.none{ font-size:20px; background:#666;}
.course .tab-con .list-con .book-btn.kfkt-btn{ width:100%; border-bottom-left-radius:15px; }
.course .tab-con .list-con .book-btn.on{ display:block;}
.course .tab-con .list-con .buy-btn.vip-btn{ width:100%; border-bottom-right-radius:15px; background:#f00b14; color:#fff; }
.course .tab-con .list-con .btn-wrap{ position:relative;}
.course .tab-con .list-con .btn-wrap i{ display:block; width:64px; height:30px; line-height:22px; text-align:center; font-size:14px; color:#fff; position:absolute; top:-31px; right:22px; background-position:0 0;}
.course .tab-con .list-con .btn-wrap i.more{ width:106px; background-position:0 -136px;}
.course .tab-con .list-con .detail-btn{ display:block; width:100%; height:323px; line-height:0; font-size:0; position:absolute; left:0; top:0;}


/**/
.share-wrap{ background:url("/images/zhuanti/2018anniversary/bg05.png") no-repeat center top #f35c36;}
.share .tit{ line-height:140px; font-size:40px; text-align:center; font-weight:bold; color:#fff; padding-top:20px;}
.share .tit strong{ font-size:50px; margin-left:15px;}
.share .ewm{ width:635px; height:299px; background:#e45430; border-radius:15px; margin-left:50px; margin-top:5px;}
.share .ewm p{ font-size:16px; padding:20px 39px 0; color:#fff; line-height:30px;}
.share .ewm .pic{ height:160px; padding:12px 0 0 396px; background:url("http://www.med66.com/upload/html/2018/12/fm110983.png") no-repeat 118px 22px;}
.share .ewm .pic img{ display:block; width:124px; height:124px; border:7px solid #d53e18;}
.share .poster{ padding:0 63px 0 0;}

/**/
.free{ width:1056px; height:506px; background:url("/images/zhuanti/2018anniversary/bg06.png") no-repeat; margin-top:-38px;}
.free .tit02{ padding:126px 0 0 47px; height:80px; color:#fff;}
.free .tit02 .t1{ font-size:20px; font-weight:bold;}
.free .tit02 .t2{ font-size:16px; line-height:26px; padding-left:22px;}
.free .tit02 .t2 strong{ font-size:20px; font-weight:bold; color:#fdf97b;}
.free .con{ padding-top:18px; height:200px; overflow:hidden;}
.free .con li{ height:40px; line-height:40px; font-size:16px; color:#57230e;}
.free .con li span{ display:block; height:40px;}
.free .con .date{ float:left; width:177px; text-align:right;}
.free .con .name{ float:left; width:200px; padding:0 0 0 82px;}
.free-ts{ text-align:center; font-size:16px; line-height:24px; color:#fff; padding-bottom:35px;}
.free-ts a{ color:#fdd539;}

/**/
.years-wrap{ width:100%; height:492px; background:url("/images/zhuanti/2018anniversary/year.png") no-repeat center top;}
.years{}
.years li{ width:138px; text-align:center; font-size:16px; line-height:20px; color:#7c0bda; position:absolute; padding-top:17px;}
.years li strong{ font-size:18px;}
.years li.y1{ left:15px; top:180px;}
.years li.y2{ left:137px; top:326px;}
.years li.y3{ left:270px; top:196px; width:158px;}
.years li.y4{ left:406px; top:333px;}
.years li.y5{ left:515px; top:197px; width:149px;}
.years li.y6{ left:653px; top:295px;}
.years li.y7{ left:801px; top:202px;}
.years li.y8{ left:952px; top:330px;}

/**/
.pop-mask{ display:none; width:100%; z-index:998; height:100%; background:#000; opacity:.4;filter:alpha(opacity=40);position:fixed;top:0;left:0; _position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.pop{ display:none; overflow:hidden; width:599px; text-align:left; position:fixed; top:50%; left:50%; _position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); margin:0 0 0 -299px; z-index:999;}
.pop.pop2{ width:401px; margin-left:-200px;}
.pop.pop2 .tit{ background:url("/images/zhuanti/2018anniversary/tit02.png") no-repeat;}
.pop .tit{ height:59px; line-height:59px; text-align:center; font-size:22px; font-weight:bold; color:#fff; background:url("/images/zhuanti/2018anniversary/tit01.png") no-repeat;}
.pop .tit .close-btn{ width:18px; height:17px; top:18px; right:23px; background-position:-220px -756px;}
.pop .con{ background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.pop .coupon-con{ padding-bottom:48px;}
.pop .coupon-con .teacher{ padding:32px 0 21px 107px;}
.pop .coupon-con .teacher .pic{ width:135px; height:135px;}
.pop .coupon-con .teacher .tex{ font-size:16px; padding:26px 0 0 39px; color:#666; line-height:24px; width:260px; }
.pop .coupon-con .ticket{ width:401px; height:158px; background:url("/images/zhuanti/2018anniversary/bg02.png") no-repeat; margin:0 auto;}
.pop .coupon-con .ticket .tex{ text-align:center; line-height:60px; color:#fff; padding-top:46px;}
.pop .coupon-con .ticket .tex span{ font-size:36px;}
.pop .coupon-con .ticket .tex strong{ font-size:62px; font-weight:bold;}
.pop .coupon-con .ticket .tex i.tags{ display:inline-block; width:177px; height:39px; line-height:39px; text-align:center; font-size:22px; color:#5d0404; vertical-align:15px; background-position:0 -806px; margin-left:16px;}
.pop .coupon-con .ticket .time{ text-align:center; font-size:18px; color:#fff; line-height:20px;}
.pop .coupon-con .sure-btn{ display:block; width:221px; height:49px; line-height:49px; text-align:center; font-size:20px; color:#fff; background-position:0 -847px; margin:34px auto 0; text-decoration:none;}
.pop.only-one .con{ height:221px;}
.pop.only-one .con .tex{ padding:80px 0 0 22px; width:240px; font-size:16px; color:#666;}
.pop.only-one .con .tex em{ font-size:22px; color:#fc4d37;}
.pop.only-one .con .bg{ width:112px; height:117px; top:35px; right:30px; background-position:-8px -921px;}
.pop.send-blessing .con{ height:221px;}
.pop.send-blessing .con .tex{ padding:60px 0 0 55px; width:240px; line-height:32px; font-size:16px; color:#666;}
.pop.send-blessing .con .tex em{ font-size:22px; color:#fc4d37;}
.pop.send-blessing .con .bg{ width:120px; height:120px; top:35px; right:30px; background-position:-143px -921px;}

/**/
.floatCtro{ display:none; width:90px; right:2%; top:50%; margin-top:-271px; position:fixed; _position:absolute; z-index:100 }
.floatCtro .con{ width:90px; margin:0 auto; background:url("//www.med66.com/images/zhuanti/2018hushizhibo/xian01.png") repeat-y center;}
.floatCtro p,.floatCtro .share-btn{ display:block; text-decoration:none; height:74px; line-height:24px; padding-top:20px; text-align:center; background-position:0 -709px; font-size:16px; color:#380402; margin-top:7px; cursor:pointer; transition:all 0.2s linear;}
.floatCtro .share-btn a{ background:none;line-height:24px; font-size:16px; float:none; padding:0; margin:0; }
.floatCtro .backtop{ height:74px; line-height:24px; padding-top:20px; text-align:center; background-position:-104px -709px; font-size:16px; color:#380402; margin-top:7px; cursor:pointer; }
.floatCtro .close_btn{ display:block; width:66px; height:29px; margin:0 auto; text-align:center; text-decoration:none; line-height:26px; background-position:-217px -709px; margin-top:9px;}
.bdshare_popup_box,.bdshare_popup_bg{right:130px !important;left:auto !important;}
/**/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-delay:.8s;animation-delay:.8s}
@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-delay:1s;animation-delay:1s}