/*
@author: name
@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;}
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;}
.ico,.fixnav li,.live .tex li i{ background:url("/images/zhuanti/2018zhukuaiActivity/ico.png") no-repeat;}
.wrap{ width:100%; background:url("/images/zhuanti/2018zhukuaiActivity/line02.png") repeat-x #31114a; padding-bottom:80px;}
.wrap02{ width:100%; background:#31114a; padding:60px 0 47px 0;}
.title{ height:80px; text-align:center;}
.title span{ display:inline-block; height:78px; line-height:78px; font-size:40px; font-weight:bold; color:#df214d; width:715px; border-radius:5px; border:1px solid #df214d; position:relative;}
.title span .bg1,.title span .bg2{ display:block; position:absolute; width:164px; height:65px; background-position:0 -226px; top:2px; left:-160px;}
.title span .bg2{ background-position:0 -292px; left:auto; right:-160px;}
.title.t2{ margin-bottom:40px;}
.title.t2 span{ border-color:#fff; color:#fff;}
.title.t2 span .bg1{ background-position:0 -363px;}
.title.t2 span .bg2{ background-position:0 -432px;}

/**/
.countDown-wrap{ width:100%; height:73px; background:url("/images/zhuanti/2018zhukuaiActivity/line01.png") repeat-x;}
.countDown{ height:72px; line-height:72px; padding-top:1px; font-size:24px; color:#ffc24c; text-align:center;}
.countDown span em{ padding-right:23px;}
.countDown span{ display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:22px; background:#d11943; border-radius:5px; margin:0 9px;}

/**/
.header-wrap{ width:100%; height:574px; background:url("/images/zhuanti/2018zhukuaiActivity/header.jpg") no-repeat center top;}
.header{ height:574px;}
.header .logo{ display:block; width:172px; height:56px; line-height:0; font-size:0; left:10px; top:24px;}
.header .tex01{ left:222px; top:103px;}
.header .tex02{ left:322px; top:232px;}
.header .tex03{ left:358px; top:400px;}

/**/
.fixnav_wrap{ width:100%; height:105px; margin-bottom:69px;}
.fixnav_wrap.on{ position:fixed;  top:0; background:#fba60d; _position:absolute; z-index:99; padding:8px 0; margin-top:0;}
.fixnav{ padding-left:126px;}
.fixnav li{ float:left; _display:inline; width:262px; height:105px; line-height:105px; text-align:center; font-size:24px; font-weight:bold; color:#430e6a; margin-right:30px; background-position:0 -105px; cursor:pointer;}
.fixnav li.cur{ background-position:0 0; color:#fff;}
.fixnav_box{ height:149px;  display:none;}
.fixnav_box.on{ display:block;}

/**/
.live{ height:614px; background:url("/images/zhuanti/2018zhukuaiActivity/live-bg.png") no-repeat center top; margin:45px 0 100px 0;}
.live .video{ width:709px; height:448px; margin:90px 0 0 71px;}
.live .video img{ width:709px; height:448px; cursor:pointer;}
.live .video .con{ display:none; width:709px; height:448px; overflow:hidden;}
.live .live-right{}
.live .tex{ width:248px; margin:90px 72px 0 0; padding:14px 0 20px 0; height:270px; background:#31114a; overflow:hidden; overflow-y:auto; position:relative;}
.live .tex ul{ margin-left:20px; border-left:2px solid #522377;}
.live .tex li{ line-height:28px; font-size:16px; color:#fff; position:relative; padding:8px 0 0 19px; cursor:pointer;}
.live .tex li i{ display:block; width:24px; height:24px; background-position:-211px -223px; position:absolute; left:-13px; _left:-32px; top:8px;}
.live .tex li.cur{ color:#df214d;}
.live .tex li.cur i{ background-position:-187px -223px;}
.live .tex li.none{ color:#fff;}
.live .tex li.none i{ background-position:-2px -83px;}
.live .danmu{ background:#31114a; width:248px; text-align:center;}
.live .danmu a{ display:inline-block; width:207px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background:url("/images/zhuanti/2018zhukuaiActivity/btn1.png") no-repeat; text-decoration:none;}
.live .ewm{ background:#31114a; width:226px; padding:20px 0 0 22px; height:94px;}
.live .ewm .pic{ display:block; width:81px; height:81px;}
.live .ewm .text{ width:116px; font-size:12px; color:#fff; padding-left:17px;}
.live .ewm .text .p1{ line-height:22px; padding-bottom:3px;}
.live .ewm .text .p2{ line-height:18px; padding-bottom:4px;}
.live .ewm .text a{ color:#df214d;}
/**/
.mCSB_scrollTools{ width: 13px !important; margin-right:1px; border-radius: 10px;}
.mCSB_scrollTools .mCSB_draggerRail{ background: none;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:13px; background:#612b8c; border-radius: 10px;}
.xlcd-b .mCSB_container{ margin-right: 13px;}

/**/
.ico2,.book .list li i{background:url("/images/zhuanti/2018zhukuaiActivity/ico2.png") no-repeat;}
.kecheng{ padding:155px 0 0 0;}
.kecheng .wlk{ margin-bottom: 129px;}
.kecheng .wlk .fd{ width: 251px; height: 68px; padding-top: 46px; text-align: center; line-height: 30px; font-size: 24px; color: #fff000; font-weight: 700; top: -114px; left: 50%; margin-left: -125px; background-position:-277px 0;}
.kecheng .wlk .bcbox{ width: 366px; overflow: hidden;}
.kecheng .wlk .bcbox .bctit{ height: 66px; text-align: center; line-height: 66px; font-size: 22px; color: #fff; font-weight: 700; background: #701ee3;}
.kecheng .wlk .bcbox .bctop{ background: #fff; height: 152px; padding: 20px 0 0 0; border-right: 1px solid #d9d9d9;}
.kecheng .wlk .bcbox .bctop-t{ line-height: 28px; font-size: 14px; padding-left: 20px;}
.kecheng .wlk .bcbox .bctop-t em{ color: #ff4e00;}
.kecheng .wlk .bcbox .bctop-b{ line-height: 56px; text-align: center; font-size: 16px; font-weight: 700; color: #df214d;}
.kecheng .wlk .bcbox .bctop-b a{ color: #df214d;}
.kecheng .wlk .bcbox .bcbot{ background: #f4f4f4; height: 252px; padding: 18px 0 0 0; border-right: 1px solid #d9d9d9;}
.kecheng .wlk .bcbox .bcbot-t{ line-height: 38px; font-size: 14px; padding-left: 20px;}
.kecheng .wlk .bcbox .bcbot-c{ margin-bottom: 10px; padding-left: 20px;}
.kecheng .wlk .bcbox .bcbot-c .kc{ display: block; overflow: hidden; float: left; width: 96px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #c7c7c7; background: #fff; margin:0 15px 10px 0; cursor: pointer;}
.kecheng .wlk .bcbox .bcbot-c .on{ background:url("/images/zhuanti/2018zhukuaiActivity/yh_16.png") no-repeat right bottom #fff; border: 1px solid #d41bb7;}
.kecheng .wlk .bcbox .bcbot-c label{position: relative;}
.kecheng .wlk .bcbox .bcbot-c label input{ position: absolute; top:-100px;}
.kecheng .wlk .bcbox .bcbot-han{ display: block; width: 132px; height: 40px; background: #df214d; text-align: center; font-size: 16px; color: #fff; line-height: 40px; border-radius: 20px; margin: 0 auto;}
.kecheng .wlk .bcbox .bcbot-han:hover{ text-decoration: none; opacity: 0.9;}
.kecheng .wlk .tsb{ border-radius: 10px 0 0 10px;}
.kecheng .wlk .jpb .bctit{ background: #8530fb;}
.kecheng .wlk .dzb{ border-radius: 0 10px 10px 0;}
.kecheng .wlk .dzb .bctop{ border: 0;}
.kecheng .wlk .dzb .bcbot{ border: 0;}
.kecheng .wlk .dzb .bcbot-c .kc{ width: 194px;}
.kecheng .wlk .dzb .bcbot-han{ margin-top: 52px;}

.kecheng .cbox{ margin-bottom: 25px;}
.kecheng .kcboxb{ width: 350px; margin-right: 25px;}
.kecheng .kcboxb .fd{ width: 251px; height: 68px; padding-top: 46px; text-align: center; line-height: 30px; font-size: 24px; color: #fff000; font-weight: 700; top: -114px; left: 50%; margin-left: -125px; background-position:-277px -116px;}
.kecheng .kcboxb .bctit{ height: 66px; text-align: center; line-height: 66px; font-size: 22px; color: #fff; font-weight: 700; background: #00be8f; border-radius: 10px 10px 0 0;}
.kecheng .kcboxb .bctop{ background: #fff; height: 152px; padding: 20px 0 0 0;}
.kecheng .kcboxb .bctop-t{ line-height: 28px; font-size: 14px; padding-left: 20px;}
.kecheng .kcboxb .bctop-t em{ color: #ff4e00;}
.kecheng .kcboxb .bctop-b{ line-height: 56px; text-align: center; font-size: 16px; font-weight: 700; color: #df214d;}
.kecheng .kcboxb .bctop-b a{ color: #df214d;}
.kecheng .kcboxb .bcbot{ width: 100%; overflow: hidden; background: #f4f4f4; height: 252px; padding: 18px 0 0 0; border-radius: 0 0 10px 10px;}
.kecheng .kcboxb .bcbot-t{ line-height: 38px; font-size: 14px; padding-left: 20px;}
.kecheng .kcboxb .bcbot-c{ margin-bottom: 10px; padding-left: 20px;}
.kecheng .kcboxb .bcbot-c .kc{ overflow: hidden; display: block; _display: inline-block; float: left; width: 92px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #c7c7c7; background: #fff; margin:0 15px 10px 0; cursor: pointer;}
.kecheng .kcboxb .bcbot-c .on{ background:url("/images/zhuanti/2018zhukuaiActivity/yh_16.png") no-repeat right bottom #fff; border: 1px solid #d41bb7;}
.kecheng .kcboxb .bcbot-c label{position: relative;}
.kecheng .kcboxb .bcbot-c label input{ position: absolute; top:-100px;}
.kecheng .kcboxb .bcbot-han{ display: block; width: 132px; height: 40px; background: #df214d; text-align: center; font-size: 16px; color: #fff; line-height: 40px; border-radius: 20px; margin: 0 auto;}
.kecheng .kcboxb .bcbot-han:hover{ text-decoration: none; opacity: 0.9;}
.kecheng .ydb .fd{ background-position:-277px -234px;}
.kecheng .ydb .bctit{ background: #5067f5;}
.kecheng .msb{ margin: 0;}
.kecheng .msb .fd{ background-position:-277px -351px;}
.kecheng .msb .bctit{ background: #e6428f;}
.kecheng .msb .bcbot-han{ margin-top: 174px;}
.kecheng .bsm{ line-height: 30px; font-size: 14px; color: #fff;}
.kecheng .bsm-t{ font-weight: 700; font-size: 16px;}


/*选课弹框*/
.title02{ height:58px; line-height:58px; border-bottom:1px solid #e0e0e1; background:#f5f5f5;}
.title02 h3{ float:left; font-size:18px; color:#666; padding:0 0 0 30px; font-weight:normal; _padding-top:15px;}
.title02 h3 i{ display:inline-block; width:5px; height:26px; background:#0090ff; margin-right:16px; vertical-align:-6px; *vertical-align:4px; _vertical-align:0;}
.title02 .close{ display:block; width:16px; height:16px; background:url("/images/zhuanti/2018zhukuaiActivity/close.png") no-repeat; margin:21px 20px 0 0;}
.buy_pop{ display:none; overflow:hidden; width:478px; border:1px solid #e0e0e1; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -240px; z-index:202; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.buy_con{ padding:24px 0 0 0;}
.buy_con .chkCourse{ display: none; width:375px; height:42px; font-size:14px; color:#666; margin:0 0 10px 51px; line-height:42px; border:1px solid #e4e4e4; text-indent:20px; position:relative; overflow:hidden; vertical-align:middle; cursor:pointer; margin-right:20px;}
.buy_con .chkCourse del{ color:#999; margin-left:6px;}
.buy_con .chkCourse input{ position:absolute; top:-30px; left:-30px;}
.buy_con .chkCourse i{ display:none; width:29px; height:23px; background-position:-91px -182px; right:0; bottom:0;}
.buy_con .chkCourse.on{ border:1px solid #d41bb7;}
.buy_con .chkCourse.on i{ display:block;}
.buy_con .btn_wrap{ text-align:center; padding:10px 0 26px 0;}
.buy_con .btn_wrap .a1{ display:inline-block; width:166px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; text-decoration:none; background-position:0 -513px;}

/*协议弹框*/
.mask{ display:none; width:100%;z-index:99; height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0; _position:absolute;_height: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight))}
.tanchu{ display: none; overflow:hidden; width:600px; text-align:left; background-color:#fff; position:fixed; top:50%; left:50%; margin:-173px 0 0 -300px; z-index:202; -webkit-box-shadow:2px 4px 4px #333; -moz-box-shadow:2px 4px 4px #333; box-shadow:2px 4px 4px #333; border-radius:5px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2))}
.tanchu .tc-tit{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #e0e0e0; position:relative;}
.tanchu .tc-tit h5{ padding-left:48px; line-height:54px; font-size:16px;}
.tanchu .tc-tit h5 i{ overflow: hidden; display: block; width: 4px; height: 20px; left: 26px; top: 17px; background: #0090ff;}
.tanchu .tc-tit .close{ width:15px; height:15px; position:absolute; top:20px; right:16px; background: url("/images/zhuanti/2018zhukuaiActivity/close.png") no-repeat; cursor:pointer; transition:all 0.2s linear;}
.tanchu .tc-tit .close:hover{transform:rotateZ(180deg);}
.tanchu .tc-con{ height:180px; padding:15px 30px 0 30px; font-size:14px; color:#666; line-height:32px; overflow:auto; *position:relative; _width:540px; _overflow-x:hidden; }
.tanchu .tc-con a{ color:#ff702a;}
.tanchu .tc-con .nr01{ _width:472px; line-height:32px; clear:both; padding-left:68px; position:relative;}
.tanchu .tc-con .nr01 .nbt{ position:absolute; top:0; left:0;}
.tanchu .tc-con .on{ display: block;}
.tanchu .btn{ display:block; width:204px; height:42px; background-color:#f87157; line-height:42px; font-size:14px; text-align:center; color:#fff; margin:30px auto; font-weight:bold; cursor:pointer; border-radius:3px; transition:all 0.2s linear;}
.tanchu .btn:hover{ background-color: #f13712;}

/**/
.book-wrap{ width:100%; background:#b91e42; padding:46px 0 63px 0;}
.book{ border-radius:10px; background:#fff; padding:55px 0 40px;}
.book .list{ width:1058px; height:280px; background:url("/images/zhuanti/2018zhukuaiActivity/bg04.png") no-repeat; margin:0 auto;}
.book .list .tit1{ width:100%; line-height:32px; font-size:26px; font-weight:bold; color:#ee5019; position:absolute; left:0; top:-16px; text-align:center;}
.book .list ul{ padding:46px 0 0;}
.book .list li{ float:left; _display:inline; width:211px; text-align:center; position:relative;}
.book .list li .pic{ padding-top:16px;}
.book .list li i{ display:block; width:17px; height:17px; background-position:0 -184px; position:absolute; right:-7px; top:121px;}
.book .list h4{ font-size:16px; line-height:24px; color:#666;}
.book .list p{ line-height:22px; font-size:14px; color:#999;}
.book .more{ width:770px; height:208px; background:url("/images/zhuanti/2018zhukuaiActivity/bg05.png") no-repeat 74px 30px #f3f3f3; padding:0 0 0 288px; border-radius:10px; margin:20px auto 0;}
.book .more h4{ font-size:14px; line-height:20px; color:#f14056; font-weight:normal; padding:34px 0 0;}
.book .more ul{ padding:16px 0 0 0;}
.book .more li{ float:left; width:150px; text-align:center;}
.book .more li i{ display:inline-block; width:100px; height:55px;}
.book .more li i.m1{ background-position:28px -211px;}
.book .more li i.m2{ background-position:29px -278px;}
.book .more li i.m3{ background-position:24px -342px;}
.book .more li i.m4{ background-position:24px -419px;}
.book .more li p{ font-size:14px; color:#666;}
.book .book_course{ line-height:52px; font-size:16px; color:#666; padding:42px 0 0 140px; overflow:hidden;}
.book .book_course .bfd{ top: 42px; left: 58px;}
.book .book_course .chkBook{ display:block; float: left; width:270px; height:50px; overflow:hidden; color:#333; line-height:50px; border:1px solid #c7c7c7; text-indent:20px; position:relative; vertical-align:middle; cursor:pointer; margin:0 20px 20px 0;}
.book .book_course .chkBook del{ color:#999; margin-left:6px;}
.book .book_course .chkBook input{ position:absolute; top:-100px; left:-30px;}
.book .book_course .chkBook i{ display:none; width:29px; height:23px; background-position:-91px -182px; right:0; bottom:0;}
.book .book_course .chkBook.on{ border:1px solid #d41bb7;}
.book .book_course .chkBook.on i{ display:block;}
.book .book_btn{ padding:20px 0 0 462px;}
.book .book_btn .a1{ display:inline-block; width:166px; height:48px; line-height:48px; text-align:center; font-size:20px; color:#fff; text-decoration:none; background: #df214d; border-radius: 24px;}
.book .book_btn .a2{ margin-left: 50px; line-height:48px; text-align:center; font-size:16px; color:#8a01ce;}

/**/
.testing{ height:450px; background:url("/images/zhuanti/2018zhukuaiActivity/bg01.png") no-repeat; margin-top:40px;}
.testing .text{ padding:100px 0 0 80px; width:365px;}
.testing .text h3{ line-height:46px; font-size:28px; color:#df214d; padding-bottom:24px;}
.testing .text p{ line-height:30px; color:#666;}
.testing .ewm{ padding:118px 0 0 0;}
.testing .ewm .pic{ width:182px; height:182px; padding:10px; background:#f3e4ff; border-radius:5px;}
.testing .ewm .pic img{ width:182px; height:182px;}
.testing .ad{ width:199px; margin:82px 0 0 146px; box-shadow:0 0 10px 5px #d3ccd9; border-radius:8px;}

/**/
.gywmbg{ background:url("/images/zhuanti/2018zhukuaiActivity/yh_13.png") no-repeat center top;}
.gywm{ height: 196px;}
.gywm .left{ padding: 56px 0 0 56px; line-height: 46px;}
.gywm .left-t{ font-size: 18px;}
.gywm .left-b{ font-size: 14px;}
.gywm .right{ width: 210px; padding: 25px 0 0 0;}
.gywm .right .ewm{ display: block; width: 115px; height: 115px; margin: 0 auto;}
.gywm .right p{ line-height: 44px; font-size: 14px; text-align: center;}

/**/
.ad-fix{ width:124px; position:fixed; left:50%; top:300px; margin-left:-674px;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, 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);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

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

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, 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);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

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

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}


@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, 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);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

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

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, 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);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

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

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay:1s;
    animation-delay:1s;
}