@charset "gb2312";

/*======
 *���������Ĭ����ʽ
 *=====*/
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video {
    margin: 0;
    padding: 0;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, a {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
    line-height: 28px;
}
article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
    display: block;
}


/*  1. �����ƶ��豸������Ļ����ʱ��������������
 2. ȥ�����Ԫ�غ��������*/
html {
    height: 100%;
}
body {
    height: 100%;
    font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;
    color: #333;
    font-size: 16px;
    -webkit-text-size-adjust: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 1 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 2 */

    /*    -webkit-user-select:none;
     -moz-user-focus:none;
     -moz-user-select:none;*/
    /*background: url('colorbg.png') repeat;*/
}

/* ��ֹ�ı�������*/
textarea {
    resize: none;
}
iframe, img {
    border: 0;
}
em{
    font-style: normal;
}
ul, ol, li {
    list-style: none;
}

/*  ȥ�����Ԫ�ؽ�����ʽ
 1. ���ijЩ�ƶ��豸�½�����ʽ�޷�ȥ��������*/
input, select, textarea {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;/* 1*/
    font-size: 16px;
}

/* ȥ��ios4x�����°汾��input��Ĭ����Ӱ*/
a {
    text-decoration: none;
    color: #333;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    display: block;
    visibility: hidden;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


 
/********************
layout
********************/
.container {
    width: 1000px;
    margin: 0 auto;
}

/********************
topbar
********************/
.topbar {
    width: 100%;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
}
.topbar .container{
    min-width: 1000px;
    max-width: 1256px;
    width: auto;
    position: relative;
    z-index: 100;
}
.crossbar {
    height: 30px;    
    text-align: right;
    line-height: 30px;    
    position: relative;
}
.crossbar a {
    margin-left: 20px;
    color: #ccc;
}
.crossbar-bg{
    height: 30px;
    position: absolute;
    width: 100%;top: 0;left: 0;
    background: #000000;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 99;
}

.userinfo .btn-lg {
    display: inline-block;
    padding: 0 20px;
    margin-left: 5px;
    border-radius: 2px;
    border: 1px solid #999;
    color: #fff;
}
/*�û���¼̬*/
.userinfo .loginfo{
    border:1px solid transparent;
    padding: 10px;
    cursor: pointer;
    margin-top: -12px;
}
.userinfo .loginfo:hover{
    border: 1px solid #eaeaeb;
    background: #ffffff;
    color: #333;
    display: block;
}
.userinfo .loginfo:hover .logribbon{
    display: block;
}
.userinfo .loginfo img{
    border-radius: 12px;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.userinfo .loginfo em{
    width: 145px;
    height: 25px;
    line-height: 25px;
    text-overflow:ellipsis;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}
.userinfo .loginfo .logribbon{
    display: none;
    padding: 12px 0 5px 0;
    text-align: center;
}
.userinfo .loginfo .logribbon .btn-blue{
    display: block;
    height: 30px;
    line-height: 30px;
    margin:10px 0 0 0;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background-color: #42a4ff;
    border: 1px solid transparent;
}
.userinfo .loginfo .logribbon .btn-lgout{
    background-color: transparent;
    color: #333;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    display: block;
}
.link-blue{
    color: #42a4ff;
}
/*����ע����Ϣ*/
.tips-lginfo{
    display: block;
    position: relative;
    right: 0;
    top: 0;
    padding: 0 45px 0 15px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaeb;
    background-color: #ffffff;
    color: #333;
}
.tips-lginfo a{
    color: #42a4ff;
}
.tips-lginfo:before{
    width: 14px;
    height: 8px;
    display: inline-block;
    position: absolute;
    right: 136px;
    top: -7px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    background-position: -149px -264px;
    content: "";
}
.tips-lginfo .ico-close{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    background-position: -149px -218px;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 13px;
}
/********************
topbarfixed
********************/
.topbarwhite {
    position: relative;
    -webkit-box-shadow: 3px 3px 15px #efefef;  
    -moz-box-shadow: 3px 3px 15px #efefef;  
    box-shadow: 3px 3px 20px #efefef; 
}
.topbarwhite .crossbar{
    background-color: #f7f7f7;
    opacity: 1;
    filter: alpha(opacity=100);
}
.topbarwhite .topbar {
    
}
.topbarwhite .crossbar-bg{
    display: none;
}
.topbarwhite .crossbar a {
    color: #333333;
}
.topbarwhite .navbar {
    background: #fff;
}
.topbarwhite .logo {
    background-position: 0 0 !important;
}
.topbarwhite .nav li a,.topbarwhite .userinfo .logininfo em{
    color: #333;
}
.topbarwhite .nav li.active a,.userinfo .logininfo .logindrop a {
    color: #fff;
}
.topbarwhite .userinfo a {
    border-color: #42a4ff;
    color: #42a4ff;
}

.topbarfixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}
    /*�û�ע���¼��*/
    .topbarwhite .userinfo {
        color: #333;
    }

/********************
login-div
********************/
.login-div{
    width: 622px;
  height: 368px;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 622px;
  height: 368px;
  margin: -184px 0 0 -311px;
  z-index: 99999;
  background-color: #ccc;
}

/********************
 crossbanner
********************/
.crossbanner {
    height: 100%;
    min-height: 600px;
    position: relative;
}
.crossbanner-ul li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.crossbanner-ul li a {
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -450px;
    width: 900px;
    height: 253px;
    background: url(bannerword.png) no-repeat center;
    background-size��cover
    -webkit-background-size: cover;
    -o-background-size: cover;
}
 @media only screen and (max-height:767px){ 
    .crossbanner-ul li a{
        background-size: 70%;
    }
}
 @media screen and (min-height: 768px) and (max-height: 959px) { 
    .crossbanner-ul li a{
        background-size: 80%;
    } 
}
 @media screen and (min-height: 960px) and (max-height: 1049px) {
    .crossbanner-ul li a{
        background-size: 90%;
    }
}
@media screen and (min-height:1050px){
    .crossbanner-ul li a{
        background-size: 100%;
    }
} 
.crossbanner-ul .first {
    background: url(banner1.jpg) no-repeat center center;
    background-size: cover;
}
.crossbanner-ul .second {
    background: url(banner2.jpg) no-repeat center center;
    background-size: cover;
}
.carousel-cross-controllers {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.carousel-cross-controllers li {
    display: inline-block;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin: 0 3px;
    text-indent: -9999px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    background-position: -161px -83px;
}
.carousel-cross-controllers li.active {
    cursor: default;
    background-position: -140px -83px;
}

/********************
m-title
********************/
.m-title {
    margin: 100px 0 30px;
    height: 46px;
    overflow: hidden;
    text-align: center;
    text-indent: -9999px;
    font-size: 48px;
    font-weight: normal;
    background-image: url(wording.png);
    background-repeat: no-repeat;
    text-align: center;
}
.tit-com1 {
    background-position: center 0;
}
.tit-com2 {
    background-position: center -75px;
    margin-bottom: 40px;
}
.tit-com3 {
    background-position: center -150px;
}
.tit-com4 {
    background-position: center -225px;
}
.tit-com5 {
    background-position: center -299px;
}
.tit-com6 {
    background-position: center -372px;
}
.tit-com7 {
    background-position: center -75px;
}

/********************
features ����
********************/
.features {
    background-color: #ffffff;
    overflow: hidden;
}
.features .info {
    padding: 0 10px;
    text-align: center;
}
.list-icon-title {
    padding: 50px 0 94px 0;
}
.list-icon-title li {
    float: left;
    width: 25%;
    vertical-align: bottom;
    text-align: center;
}
.list-icon-title .icon {
    display: block;
    width: 148px;
    height: 148px;
    margin: 0 auto 25px;
    background-image: url(icon-ys.png);
    background-repeat: no-repeat;
}
.list-icon-title .title {
    font-weight: normal;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 8px;
}
.list-icon-title p {
    font-weight: normal;
}
.features-item01 .icon {
    background-position: 0 0;
}
.features-item02 .icon {
    background-position: 0 -180px;
}
.features-item03 .icon {
    background-position: 0 -360px;
}
.features-item04 .icon {
    background-position: 0 -540px;
}

/********************
adstyles �����ʽ
********************/
.adstyles-bg {
}
.adstyles {
    overflow: hidden;
    background:#f6fafd url(adstylebg.png) no-repeat center center;
}

.adshow {
    float: left;
    position: relative;
    width: 360px;
    height: 640px;
    margin: 101px 113px 172px 0;
}
.adshow .content {
    position: absolute;
    top: -101px;
    left: -178px;
    padding: 105px 329px 163px 191px;
    width: 360px;
    height: 640px;
    background: url(phone.png) no-repeat 0 0;
}
.adtypes {
    float: left;
    padding-top: 75px;
    position: relative;
    z-index: 100;
}
.adtypes .icon {
    float: left;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    background: url(disc.png) no-repeat 0 0;
    vertical-align: middle;
}
.adtypes .title {
    font-weight: normal;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 28px;
    line-height: 29px;
    cursor: pointer;
}
.adtypes .info {
    float: left;
    position: relative;
    padding: 15px 15px 10px 15px;
    margin: -45px 0 0 50px;
    min-width: 150px;
    clear: both;
}
.adtypes .info p {
    display: none;
}
.adtypes .active .info {
    background: #43a4ff;
    color: #fff;
}
.adtypes .active .info:before {
    position: absolute;
    left: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 15px solid #43a4ff;
    border-bottom: 15px solid transparent;
    content: "";
}
.adtypes .active .icon {
    background-position: -30px 0;
}
.adtypes .active p {
    display: block;
}
.adtypes li {
    height: 152px;
}
.adtypes li.type-banner {
    height: 135px;
}
.adtypes li.type-modal {
    margin-left: 156px;
    height: 195px;
}
.adtypes li.type-ad {
    margin-left: 211px;
    height: 192px;
}
.adtypes li.type-full {
    margin-left: 156px;
    height: 134px;
}
.adtypes li.type-app {
}

/**********
 infoshow
**********/
.infoshow {
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 85px;
}
.infoshow .news {
    float: left;
    width: 100%;
}
.infoshow .faq {
    float: right;
    width: 440px;
}
.news-figure {
    position: relative;
    margin-bottom: 12px;
}
.news-figure img {
    width: 440px;
    height: 260px;
}
.news-figure .figcaption {
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-indent: 20px;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}
.news-figure .figcaption-bg{
    width: 100%;
    height: 46px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    z-index: 9;
}
.news-list li {
    height: 32px;
    line-height: 32px;
}
.news-list li .date {
    float: right;
    font-size: 14px;
    font-weight: normal;
}
.news-list li i {
    width: 32px;
    height: 16px;
    display: inline-block;
    background-image: url(icons.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 8px;
}
.news-list li .ico-new {
    background-position: -140px 0;
}
.news-list li .ico-hot {
    background-position: -140px -36px;
}

/********************
carousel �ֲ�
********************/
.partners {
    padding-bottom: 65px;
    background:#f6fafd;
    overflow: hidden;
}
.carousel {
    position: relative;
}
.carousel-canvas {
    position: relative;
    height: 190px;
    overflow: hidden;
}
.carousel-frames {
    position: absolute;
    left: 0;
    top: 0;
    width: 10000px;
}
.carousel-frames li {
    float: left;
    width: 150px;
    margin-right: 20px;
}
.carousel-frames img {
    width: 150px;
}
.carousel-frames .figcaption {
    width: 150px;
    display: block;
    padding: 10px 0;
    line-height: 20px;
    text-align: center;
}
.carousel-prev, .carousel-next {
    position: absolute;
    width: 60px;
    height: 70px;
    top: 45px;
    text-align: center;
    line-height: 70px;
    text-indent: -9999px;
    cursor: pointer;
    background-image: url(icons.png);
    background-repeat: no-repeat;
}
.carousel-prev {
    background-position: 0 -80px;
    left: -80px;
}
.carousel-next {
    background-position: 0 0;
    right: -80px;
}
.carousel-prev.carousel-disabled {
    background-position: -75px -80px;
    cursor: default;
}
.carousel-next.carousel-disabled {
    background-position: -75px 0;
    cursor: default;
}

/********************
aboutus ��������
********************/
.contact-way {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 90px;
    padding-top: 9px;
    overflow: hidden;
    color: #fff;
    text-align: left;
}
.contact-way li{
    width: 330px;
    float: left;
    position: relative;
}
.contact-way li.t-center{
    margin-left: 30px;
    width: 300px;
}
.contact-way li.t-right{
    margin-left: 60px;
    width: 270px;
}
.contact-way li p{
    
}
.contact-way i {
    width: 92px;
    height: 91px;
    margin: 25px 0;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(icons.png);
    background-repeat: no-repeat;
}
.ico-tel {
    background-position: 0 -170px;
}
.ico-weixin {
    background-position: 0 -281px;
}
.ico-email {
    background-position: 0 -393px;
}
.contact-way .info {
    display: inline-block;
    vertical-align: middle;
}

.aboutus {
    overflow: hidden;
    padding-bottom: 50px;
    background: url(contactbg.jpg) no-repeat center bottom;
    background-size: cover;
}
.aboutus .m-title {
    color: #fff;
}
.aboutus .in-used {
    text-align: center;
}
.aboutus .in-used li {
    display: inline;
    margin: 0 10px;
}
.aboutus a {
    color: #fff;
}
.copyright {
    padding: 45px 0;
    background: #000;
    text-align: center;
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.copyright a {
    color: #666;
}
.copyright .copy-link a {
    margin: 0 10px;
}


.order-list,
.order-list li {
    list-style: inside decimal;
}
.layout-sidebar {
    float: left;
    width: 270px;
}
.layout-main {
    margin-left: 290px;
}

.question .layout-sidebar {
    background: #fafafa;
    margin-top: -1px;
}
.question {
    font-size: 14px;
    margin-top: 130px;
    margin-bottom: 15px;
    overflow: hidden;
     min-height:750px
}
.sidebar .title {
    margin: 0 20px;
    padding: 15px 0;
    border-top: 1px solid #dfdfdf;
    font-size: 22px;
    font-weight: normal;
    position: relative;
    cursor: pointer;
}
.sidebar .title a{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 17px;
    background-image: url(icons.png);
    background-repeat: no-repeat;
}
.sidebar .title .ico-down{
    background-position: -146px -120px;
}
.sidebar .title .ico-up{
    background-position: -146px -167px;
}
.sidebar-list{
    margin-bottom: 5px;
}
.sidebar-list a{
    display: block;
    padding: 5px 20px;
}
.sidebar-list .active a{
    padding-left: 16px;
    border-left: 4px solid #42a4ff;
    background: #f3f3f3;
}

.article-title {
    padding: 20px 30px;
    border: 1px solid #ccc;
}
.article-title .title {
    font-size: 24px;
    font-weight: normal;
}
.article-content {
    margin-top: -1px;
    padding:15px 30px;
    border: 1px solid #ccc;
}
.article-content p {

} 
.article-content h3 {
    margin: 20px 0 10px;
}
/*ע������*/
.sign{
    float: right;
    color: #333;
    font-size: 24px;
    line-height: 80px;
}
.register{
    width: 1000px;
    min-height: 500px;
    margin: 0 auto;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.register-column{
    border: 1px solid #e2e2e2;
    overflow: hidden;
    padding-bottom: 60px;
}
.succ-column{
    padding: 50px 0;
}
.succ-column .msg em{
    font-size:28px;
    display: block;
    height: 50px;
    line-height: 50px;
}
.step01,.step02,.step03{
    width: 998px;
    height: 50px;
    margin-bottom: 60px;
    background-image: url(stepbg.png);
    background-repeat: no-repeat;
}
.step01{
    background-position:0 0;
}
.step02{
    background-position:0 -69px;
}
.step03{
    background-position:0 -138px;
}
.logininfo{
    margin: 0 auto;
    text-align: center;
}
.logininfo .user-img{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: block;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
}
.logininfo img{
    width: 80px;
    height: 80px;
}
.logininfo em{
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    display: inline-block;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.changebg{
    width: 100%;
    height: 26px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: .5;
    filter: alpha(opacity=50);
    background-color: #000000;
}
.username{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
}
.msg{
    text-align: center;
}
.msg a{
    color: #42a4ff;
}

.user-data{
    display: block;
    padding-top: 30px;
}
.rgt-item{
    margin-bottom: 5px;
}
.rgt-item .item-name{
    float: left;
    width: 330px;
    height: 42px;
    line-height: 42px;
    text-align: right;
    margin-right: 10px;
}
.rgt-item .ipt-blk{
    float: left;
    width:620px;
    height: 46px;
    line-height: 46px;
    margin-right: 10px;
}
.rgt-item .select-box{
    float: left;
    margin-right: -1px;
}
.city1 .iptouter .iptstyle{
    width: 118px !important;;
}
.city1 .select-list{
    width: 138px !important;
}
.city2 .iptouter .iptstyle{
    width: 159px !important;
}
.city2 .select-list{
    width: 179px !important;
}
.upload{
    vertical-align: middle;
}
.rgt-item .info{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    padding-left: 5px;
}
.agree-box{
    padding: 30px 0 10px 0;
    float: left;
    width: 320px;
}
/*�ύ����*/
.submit{
    margin-top: 30px;
    width: 320px;
    float: left;
}
.submit a{
    background-color: #42a4ff;
    color: #ffffff;
    height: 44px;
    line-height: 44px;
    border: 0;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 5px;
}
.submit a.btn-next{
    width: 320px;
}
.submit a.btn-pre{
    background-color: #8ec8ff;
    width: 150px;
    float: left;
}
.submit a.btn-submit{
    width: 150px;
    float: right;

}

/*select���*/
.select-box{
    position: relative;
    display: inline-block;
}
.select-box label{
    height: 40px;
    line-height: 40px;
    position: absolute;
    left:10px;
    top: 0;
    color: #999999;
    display: inline-block;
    z-index: 3;
}
.select-box .iptouter{
    display: inline-block;
    background: url(selecticon.png) no-repeat right center;
}
.select-box .iptouter .iptstyle{
    width: 298px;
    border:0;
    height: 18px;
    line-height: 18px;
    padding: 10px;
    z-index: 4;
    background-color: transparent;
    cursor: pointer;
    border: 1px solid #e2e2e2;
}
.select-box-focus .iptouter{
    color: #42a4ff;
    position: relative;
    z-index: 100;
}
.select-box .select-list{
    width: 318px;
    max-height: 190px;
    overflow-y: auto;
    display: block;
    position: absolute;
    left: 0;
    top: 40px;
    border: 1px solid #42a4ff;
    z-index: 200;
    background-color: #ffffff;
    display: none;
}
.select-box .select-list li{
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
}
.select-box .select-list li:hover,.select-box .select-list .active{
    background-color: #a0d1ff;
    cursor: pointer;
}

/*input���*/
.ipt-box{
    position: relative;
}
.ipt-box label{
    height: 46px;
    line-height: 46px;
    position: absolute;
    left:10px;
    top: 0;
    color: #999999;
    display: inline-block;
    z-index: 3;
}
.ipt-box .iptouter{
    line-height: 40px;
}

.ipt-box .iptouter .iptstyle{
    width: 298px;
    height: 18px;
    line-height: 18px;
    padding: 10px;
    z-index: 4;
    display: inline-block;
    border: 1px solid #e2e2e2;
}
.ipt-box .erro{
    color: #f66;
}
.erro,.erro label,.erro .iptstyle{
    color: #f66;
}
/*��ѡ��*/
.checkbox{
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-indent: 22px;
    background: url(icons.png) no-repeat -149px -300px;
}
.checked{
    background-position: -149px -345px;
}
/*����*/
.overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  filter: Alpha(opacity=60);
}
.pop-cont{
    width: 540px;
    height: 390px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -270px;
    background-color: #ffffff;
    z-index: 10000;
}
.pop-cont .logininfo{
    margin-top: 50px;
    margin-bottom: 30px;
}
.pop-cont .icon-close{
    display: inline-block;
      width: 15px;
      height: 15px;
      background-image: url(icons.png);
      background-repeat: no-repeat;
      background-position: -149px -218px;
      text-indent: -9999px;
      position: absolute;
      right: 10px;
      top: 10px;
}
.pop-cont .btn-blue{
    width: 200px;
    margin-top: 10px;
      background-color: #42a4ff;
  color: #ffffff;
  height: 44px;
  line-height: 44px;
  border: 0;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
}
/*��������*/
.super{
    width: 1200px;
    margin: 0 auto 50px;
}
/*��ʽ��ʽ*/
.superys{
    width: 1050px;
    margin: 0 auto 50px;
    margin-top: 60px;
}
/*��������*/
.supercc{
    width: 100%;
    margin: 0 auto 50px;
    margin-top: 60px;
}
.colunm{

}
.colunm .text-title{
    font-size: 48px;
    height: 60px;
    line-height: 60px;
}
.colunm .text-intr{
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
    color: #3992e3;
}
.colunm p{

}
.layout-box{
    width: 500px;
    float: left;
}
.layout-text{
    width: 640px;
    float: left;
    padding: 150px 20px 0 40px;
}
/*��ʽ����*/
.text-right{
    text-align: right;
}
.banner-text,.cp-text,.ys-text,.kp-text,.yyq-text{
    float: left;
    width: 510px;
    padding: 0 20px;
}
.banner-box,.cp-box,.ys-box,.kp-box,.yyq-box{
    float: left;
    width: 450px;
    height: 640px;
}
.banner-box{    
    width: 520px;
}
.banner-text{
    width: 437px;
    padding-top: 210px;
}
.cp-text{
    padding-top: 245px;
}
.ys-text{
    padding-top: 225px;
}
.kp-text{
    padding-top: 260px;
}
.yyq-text{
    padding-top: 190px;
}
/* ����������  E*/
.side-bar {
    width: 60px;
    position: fixed;
    bottom: 20px;
    right: 0;
    background-color: #fff;
	border-top: 1px solid #ededed;
}
.side-bar a {
    display: block;
    float: left;
    width: 59px;
    height: 80px;
    font-size: 12px;
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
    position: relative;
}
.side-bar a:first-child{border-top: 0;}
.side-bar a .side-tips{
    position: absolute;
    right: 70px;    
    display: inline-block;
    border:4px solid #43a4ff;
    white-space: nowrap;
    background-color: #43a4ff;
    color: #fff;
    display: none;
}
.side-bar a:hover .side-tips{
    display: inline-block;
}
.side-bar a .side-tips:before{
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #43a4ff;
    border-bottom: 5px solid transparent;
    content: "";
    z-index: 10;
}
.side-ico {
    width: 40px;
    height: 34px;
    display: block;
    margin: 0 auto;    
    margin-top: 15px;
    background: url(icons.png) no-repeat;
}
.side-text {
    display: block;
    line-height: 28px;
    text-align: center;
    color: #2c9cff;
}
.side-bar a:hover .side-text {
    color: #2b7ed1;
}
.ico-qq .side-ico {
    background-position: -47px -512px;
}
.ico-qq:hover .side-ico {
    background-position: 3px -512px;
}
.ico-chat .side-ico {
    background-position: -50px -566px;
}
.ico-chat:hover .side-ico {
    background-position: -1px -566px;
}
.side-bar a.ico-chat .side-tips{
    top: -30px;
}
.ico-qqgroup .side-ico {
    background-position: -142px -512px;
}
.ico-qqgroup:hover .side-ico {
    background-position: -92px -512px;
}
.side-bar a.ico-qqgroup .side-tips{
    top: 23px;
    padding:0 10px;
}
.ico-wb .side-ico {
    background-position: -144px -566px;
}
.ico-wb:hover .side-ico {
    background-position: -96px -566px;
}
.side-bar .ico-arrow {
    width: 60px;
    height: 60px;
    border: none;
    background: url(icons.png) -126px -372px #2c9cff no-repeat;
}
.ico-arrow:hover {
    background-color: #2b7ed1;
}
/* ����������  E */

/*===* ����S* ===*/
/*�߶������ر�*/
			.a-income {
				margin:130px 0 0 80px;
				position: relative;
				width: 312px;
				height: 390px;
				background: url(income.jpg)  no-repeat;
			}
			.a-income-arrow-blue, .a-income-arrow-gray {
				position: absolute;
				width: 0;
				height: 245px;
				bottom: 92px;
				left: 30px;
				overflow: hidden;
				visibility:hidden;
				-webkit-transition: width 1.5s;
				transition: width 1.5s;
			}
			.a-income-arrow-blue {
				background: url(income-arrow-blue.png) left center no-repeat;
			}
			.a-income-arrow-gray {
				background: url(income-arrow-gray.png) left center no-repeat;
				-webkit-transition-delay: .3s;
				transition-delay: .3s;
			}

			.a-income-label-blue, .a-income-label-orange {
				position: absolute;
				height: 34px;
				line-height: 34px;
				font-size: 18px;
				visibility:hidden;
				-webkit-animation-name: fadeIn;
				-webkit-animation-duration: .75s;
				-webkit-animation-delay: 1s;
				-webkit-animation-fill-mode: both;
				-webkit-animation-play-state:paused;
				-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				animation-name: fadeIn;
				animation-duration: .75s;
				animation-delay: 1s;
				animation-fill-mode: both;
				animation-play-state:paused;
				transform-style: preserve-3d;
				backface-visibility: hidden;
			}
			.a-income-label-blue {
				top: 38px;
				left: 220px;
			}
			.a-income-label-orange {
				top: 90px;
				left: 150px;
				-webkit-animation-delay: 1.2s;
				animation-delay: 1.2s;
			}
			.a-income-label-blue i, .a-income-label-orange i {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 10px 10px 0 0;
			}
			.a-income-label-blue i {
				background: no-repeat;background-position: -47px -507px;
			}
			.a-income-label-orange i {
				background: no-repeat;background-position: -452px -219px;
			}
			
			.animate1 .a-income{
				background: url(income-grid.png) left center no-repeat;
			}
			.animate1 .a-income-arrow-blue, .animate1 .a-income-arrow-gray {
				visibility:visible;
				width: 282px;
			}
			.animate1 .a-income-label-blue,.animate1 .a-income-label-orange{
				visibility:visible;
				-webkit-animation-play-state:running;
				animation-play-state:running;
			}
			
		/*�����Ĺ����ʽS*/
		.a-adstyle{
			margin-top:60px;
			position:relative;
			width: 500px;
			height:520px;
			font-size: 14px;
			line-height: 24px;
			background: url(adstyle.jpg) no-repeat;
		}
		.a-adstyle-bg-1{
			position: absolute;
			width:336px;
			height:520px;
			top:0;
			left:92px;
			background: url(adstyle-bg-3.jpg) no-repeat;
			visibility:hidden;
		}
		.a-adstyle-open{
			position: absolute;
			width:188px;
			height:334px;
			top:58px;
			left:106px;
			background: url(adstyle-open.png) no-repeat;
			visibility:hidden;
			-webkit-transition: top .5s,left .5s;
			-webkit-transition-delay:.2s;
			transition: top .5s,left .5s;
			transition-delay:.2s;
		}
		
		.a-adstyle-banner{
			position: absolute;
			width:210px;
			height:90px;
			top:99px;
			left:133px;
			background: url(adstyle-banner.png) no-repeat;
			visibility:hidden;
			-webkit-transition: top .5s,left .5s;
			transition: top .5s,left .5s;
		}
		
		.a-adstyle-pop{
			position: absolute;
			width:170px;
			height:182px;
			top:159px;
			left:111px;
			background: url(adstyle-pop.png) no-repeat;
			visibility:hidden;
			-webkit-transition: top .5s,left .5s;
			-webkit-transition-delay:.1s;
			transition: top .5s,left .5s;
			transition-delay:.1s;
		}
		
		.a-adstyle-open-dot{
			position: absolute;
			height: 40px;
			right:370px;
			bottom:160px;
			
		}
		.a-adstyle-banner-dot{
			position: absolute;
			width: 100px;
			height: 24px;
			right:360px;
			top:115px;
		}
		.a-adstyle-pop-dot{
			position: absolute;
			width: 140px;
			height: 34px;
			right:338px;
			top:224px;
		}
		.a-adstyle-app-dot{
			position: absolute;
			width: 130px;
			height: 24px;
			right:0px;
			top:260px;
		}
		
		.a-adstyle-open-dot i,.a-adstyle-banner-dot i,.a-adstyle-pop-dot i,.a-adstyle-app-dot i{
			display: block;
			float: right;
		}
		.a-adstyle-open-dot i{
			width: 61px;
			height: 26px;
			margin-top:14px;
			background: no-repeat;background-position: -322px -390px;
		}
		.a-adstyle-banner-dot i{
			width: 46px;
			height: 8px;
			margin-top:10px;
			background: no-repeat;background-position: -202px -477px;
		}
		.a-adstyle-pop-dot i{
			width: 80px;
			height: 20px;
			margin-top:10px;
			background: no-repeat;background-position: -512px -35px;
		}
		.a-adstyle-app-dot i{
			float:left;
			width: 61px;
			height: 10px;
			margin:8px 3px 0 0;
			background: no-repeat;background-position: -464px -219px;
		}
		
		
		.a-adstyle-open-dot,.a-adstyle-banner-dot,.a-adstyle-pop-dot,.a-adstyle-app-dot{
			visibility: hidden;
				-webkit-animation-name: fadeIn;
				-webkit-animation-duration: .75s;
				-webkit-animation-delay: .6s;
				-webkit-animation-fill-mode: both;
				-webkit-animation-play-state:paused;
				-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				animation-name: fadeIn;
				animation-duration: .75s;
				animation-delay: .6s;
				animation-fill-mode: both;
				animation-play-state:paused;
				transform-style: preserve-3d;
				backface-visibility: hidden;
		}
		.a-adstyle-open-dot{
			-webkit-animation-delay: .6s;
			animation-delay: .6s;
		}
		.a-adstyle-banner-dot{
			-webkit-animation-delay: .2s;
			animation-delay: .2s;
		}
		.a-adstyle-pop-dot{
			-webkit-animation-delay: .3s;
			animation-delay: .3s;
		}
		.a-adstyle-app-dot{
			-webkit-animation-delay: .8s;
			animation-delay: .8s;
		}
		
		.animate2 .a-adstyle{
			background: none;
		}
		.animate2 .a-adstyle-bg-1{
			visibility: visible;
		}
		.animate2 .a-adstyle-open-dot,.animate2 .a-adstyle-banner-dot,.animate2 .a-adstyle-pop-dot,.animate2 .a-adstyle-app-dot{
			visibility: visible;
			-webkit-animation-play-state:running;
			animation-play-state:running;
		}
		
		
		.animate2 .a-adstyle-open{
			visibility:visible;
			top:52px;
			left:101px;
		}
		.animate2 .a-adstyle-banner{
			visibility:visible;
			top:90px;
			left:111px;
		}
		.animate2 .a-adstyle-pop{
			visibility:visible;
			top:149px;
			left:88px;
		}
		/*�����Ĺ����ʽE*/
		
		/*�����Ĺ����ԴS*/
		.a-src{
			margin:124px 0 0 40px;
			position: relative;
			width: 370px;
			height:340px;
			background: url(src.jpg) no-repeat;
		}
		.a-src-circle{
			position: absolute;
			width: 363px;
			height:101px;
			left:0;
			bottom:0;
			background: no-repeat;background-position: -236px -232px;
			-webkit-animation-name: zoomIn;
				-webkit-animation-duration: .75s;
				-webkit-animation-delay: 0s;
				-webkit-animation-fill-mode: both;
				-webkit-animation-play-state:paused;
				-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				animation-name: zoomIn;
				animation-duration: .75s;
				animation-delay: 0s;
				animation-fill-mode: both;
				animation-play-state:paused;
				transform-style: preserve-3d;
				backface-visibility: hidden;
		}
		.a-src-fork{
			position: absolute;
			width: 363px;
			height:0;
			left:0;
			bottom:0;
			background: url(src-fork.png) left bottom no-repeat;
			-webkit-transition: height 1s;
			-webkit-transition-delay:.75s;
			transition: height 1s;
			transition-delay:.75s;
		}
		.a-src-icon li{
			display: block;
			position: absolute;
			-webkit-animation-name: bounceIn;
				-webkit-animation-duration: .75s;
				-webkit-animation-delay: 0s;
				-webkit-animation-fill-mode: both;
				-webkit-animation-play-state:paused;
				-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				animation-name: bounceIn;
				animation-duration: .75s;
				animation-delay: 0s;
				animation-fill-mode: both;
				animation-play-state:paused;
				transform-style: preserve-3d;
				backface-visibility: hidden;
		}
		.icon-1{
			width: 84px;
			height:84px;
			top:0;
			left:145px;
			background: no-repeat;background-position: -236px -335px;
		}
		.icon-2{
			width: 58px;
			height:58px;
			top:58px;
			left:52px;
			background: no-repeat;background-position: -452px 0;
		}
		.icon-3{
			width: 68px;
			height:68px;
			top:71px;
			left:226px;
			background: no-repeat;background-position: 0 -417px;
		}
		.icon-4{
			width: 51px;
			height:51px;
			top:114px;
			right:17px;
			background: no-repeat;background-position: -452px -118px;
		}
		.icon-5{
			width: 53px;
			height:53px;
			top:188px;
			right:8px;
			background: no-repeat;background-position: -322px -335px;
		}
		.icon-6{
			width: 45px;
			height:45px;
			top:177px;
			right:100px;
			background: no-repeat;background-position: -117px -480px;
		}
		.icon-7{
			width: 45px;
			height:45px;
			top:150px;
			right:160px;
			background: no-repeat;background-position: 0 -487px;
		}
		.icon-8{
			width: 61px;
			height:61px;
			top:115px;
			left:90px;
			background: no-repeat;background-position: -70px -417px;
		}
		.icon-9{
			width: 36px;
			height:36px;
			top:140px;
			left:20px;
			background: no-repeat;background-position: -164px -477px;
		}
		.icon-10{
			width: 58px;
			height:58px;
			top:190px;
			left:0px;
			background: no-repeat;background-position: -133px -417px;
		}
		.icon-11{
			width: 33px;
			height:33px;
			top:200px;
			left:100px;
			background: no-repeat;background-position: -512px 0;
		}
		.icon-12{
			width: 45px;
			height:45px;
			top:214px;
			left:155px;
			background: no-repeat;background-position: -70px -480px;
		}
		.animate3 .a-src{
			background: none;
		}
		.animate3 .a-src-circle,.animate3 .a-src-icon li{
			-webkit-animation-play-state:running;
			animation-play-state:running;
		}
		.animate3 .a-src-fork{
			height:268px;
		}
		.animate3 .icon-1{
			-webkit-animation-delay: 1.4s;
			animation-delay: 1.4s;
		}
		.animate3 .icon-2{
			-webkit-animation-delay: 1.2s;
			animation-delay: 1.2s;
		}
		.animate3 .icon-3{
			-webkit-animation-delay: .95s;animation-delay: .95s;
		}
		.animate3 .icon-4{
			-webkit-animation-delay: .8s;animation-delay: .8s;
		}
		.animate3 .icon-5{
			-webkit-animation-delay: .78s;animation-delay: .78s;
		}
		.animate3 .icon-6{
			-webkit-animation-delay: .76s;animation-delay: .76s;
		}
		.animate3 .icon-7{
			-webkit-animation-delay: .9s;animation-delay: .9s;
		}
		.animate3 .icon-8{
			-webkit-animation-delay: .8s;animation-delay: .8s;
		}
		.animate3 .icon-9{
			-webkit-animation-delay: 1s;animation-delay: 1s;
		}
		.animate3 .icon-10{
			-webkit-animation-delay: .95s;animation-delay: .95s;
		}
		.animate3 .icon-11{
			-webkit-animation-delay: .9s;animation-delay: .9s;
		}
		.animate3 .icon-12{
			-webkit-animation-delay: .85s;animation-delay: .85s;
		}
		
		/*�����Ĺ����ԴE*/
		
		/*���ĵĽ��Ʒ���S*/
		.a-service{
			margin:124px 0 0 30px;
			position: relative;
			width: 452px;
			height: 252px;
			background: url(service.png) no-repeat;
		}
		.a-service-arrow-blue-m,.a-service-arrow-blue-p,.a-service-arrow-gray-m,.a-service-arrow-gray-p{
			position: absolute;
			width: 0;
			height:40px;
			left:14px;
			bottom:32px;
			background: url(income-arrow-blue.png) left bottom no-repeat;
			background-size: 60px 40px;
			-webkit-transition: width 1.5s;transition: width 1.5s;
		}
		.a-service-arrow-gray-m,.a-service-arrow-gray-p{
			background-image: url(income-arrow-gray.png);
			-webkit-transition-delay: .3s;transition-delay: .3s;
		}
		.a-service-arrow-blue-p,.a-service-arrow-gray-p{
			width: 0;
			height:158px;
			left:97px;
			bottom:43px;
			background-size: 244px 158px;
		}
		.a-service-icon-m,.a-service-icon-p{
			position: absolute;
			width: 40px;
			height:40px;
			right:84px;
			bottom:65px;
			background: no-repeat;background-position: -377px -335px;
			-webkit-animation-name: bounceIn;
				-webkit-animation-duration: .75s;
				-webkit-animation-delay: 1s;
				-webkit-animation-fill-mode: both;
				-webkit-animation-play-state:paused;
				-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				animation-name: bounceIn;
				animation-duration: .75s;
				animation-delay: 1s;
				animation-fill-mode: both;
				animation-play-state:paused;
				transform-style: preserve-3d;
				backface-visibility: hidden;
		}
		.a-service-icon-m{
			width:18px;
			height:18px;
			right: auto;
			left:52px;
			bottom:115px;
			background: no-repeat;background-position: -47px -487px;
			-webkit-animation-delay: 1.2s;
			animation-delay: 1.2s;
		}
		.animate4 .a-service{
			background: url(service-bg.png) no-repeat;
		}
		.animate4 .a-service-arrow-blue-m,.animate4 .a-service-arrow-gray-m{
			width: 60px;
		}
		.animate4 .a-service-arrow-blue-p,.animate4 .a-service-arrow-gray-p{
			width: 244px;
		}
		.animate4 .a-service-icon-m,.animate4 .a-service-icon-p{
			-webkit-animation-play-state:running;animation-play-state:running;
		}
		/*���ĵĽ��Ʒ���E*/
		
		
		/*Banner���S*/
		.a-style-banner{
			margin-top:140px;
			position: relative;
			width: 524px;
			height:492px;
			background: url(style-banner.jpg) left bottom no-repeat;
		}
		.a-style-banner-screen{
			position: absolute;
			width: 320px;
			height: 383px;
			top:109px;
			left:49px;
			background: url(style-banner-screen.png) 0 -67px no-repeat;
			visibility:hidden;
			-webkit-transition: background-position 1s;transition: background-position 1s;
		}
		.a-style-banner-dot{
			position: absolute;
			width: 0;
			height:56px;
			top: 90px;
			left:358px;
			background: no-repeat;background-position: -452px -60px;
			z-index:1;
			-webkit-transition: width .7s;
			-webkit-transition-delay: 1s;
			transition: width .7s;
			transition-delay: 1s;
		}
		.animate1 .a-style-banner{
			background: url(style-banner-bg.png) left bottom no-repeat;
		}
		.animate1 .a-style-banner-screen{
			visibility:visible;
			background-position:0 0;
		}
		.animate1 .a-style-banner-dot{
			width: 164px;
		}
		/*Banner���E*/
		
		
		/*�������S*/
		.a-style-pop{
			margin-top:20px;
			position:relative;
			width: 380px;
			height: 640px;
			background: url(style-pop.jpg) no-repeat;
		}
		.a-style-pop-screen{
			position:absolute;
			width: 214px;
			height: 230px;
			top:183px;
			left:117px;
			background: no-repeat;background-position: -236px 0;
			visibility:hidden;
			-webkit-transition: top 1s,left 1s;transition: top 1s,left 1s;
		}
		.a-style-pop-dot{
			position: absolute;
			width: 0;
			height:44px;
			top: 240px;
			right:240px;
			background: url(style-pop-dot.png) right center no-repeat;
			z-index:1;
			-webkit-transition: width .7s;
			-webkit-transition-delay: 1s;
			transition: width .7s;
			transition-delay: 1s;
		}
		.animate2 .a-style-pop{
			background: url(style-pop-bg.png) 90px 0 no-repeat;
		}
		.animate2 .a-style-pop-screen{
			visibility:visible;
			top:173px;
			left:97px;
		}
		.animate2 .a-style-pop-dot{
			width: 138px;
		}
		/*�������E*/
		
		/*ԭ�����S*/
		.a-style-native{
			margin:25px 0 0 75px;
			position:relative;
			width: 377px;
			height:615px;
			background: url(style-native.jpg) no-repeat;
		}
		.a-style-native-block{
			position: absolute;
			width: 90px;
			height: 60px;
			top:180px;
			right:139px;
			
		}
		.a-style-native-block li{
			float:right;
			clear:both;
			width:90px;
			height: 13px;
			background: #fbfbfb;
			visibility:hidden;
			-webkit-transition-property:width;
			-webkit-transition-duration: .7s;
			transition-property:width;
			transition-duration: .7s;
			
		}
		.native-line-1{
			-webkit-transition-delay: 0s;
			transition-delay: 0s;
		}
		.native-line-2{
			-webkit-transition-delay: .3s;transition-delay: .3s;
		}
		.native-line-3{
			-webkit-transition-delay: .6s;transition-delay: .6s;
		}
		.native-line-4{
			-webkit-transition-delay: .9s;transition-delay: .9s;
		}
		
		.a-style-native-dot{
			position: absolute;
			width: 0;
			height:46px;
			top: 200px;
			left:240px;
			background: no-repeat;background-position: -452px -171px;
			z-index:1;
			-webkit-transition: width .7s;
			-webkit-transition-delay: 1.2s;
			transition: width .7s;
			transition-delay: 1.2s;
		}
		.animate3 .a-style-native{
			background: url(style-native-bg.jpg) no-repeat;
		}
		.animate3 .a-style-native-block li{
			visibility:visible;
			width: 0;
		}
		.animate3 .a-style-native-dot{
			width: 138px;
		}
		/*ԭ�����E*/
		
		/*�������S*/
		.a-style-open{
			margin-top:15px;
			position: relative;
			width: 360px;
			height:627px;
			background: url(style-open.jpg) no-repeat;
		}
		.a-style-open-screen{
			position:absolute;
			width: 234px;
			height: 415px;
			top:75px;
			left:91px;
			background: no-repeat;background-position: 0 0;
			visibility:hidden;
			-webkit-transition: top 1s,left 1s;transition: top 1s,left 1s;
		}
		.a-style-open-dot{
			position: absolute;
			width: 0;
			height:45px;
			top: 240px;
			right:200px;
			background: url(style-open-dot.png) right center no-repeat;
			z-index:1;
			-webkit-transition: width .7s;
			-webkit-transition-delay: 1s;
			transition: width .7s;
			transition-delay: 1s;
		}
		.animate4 .a-style-open{
			background: url(style-open-bg.jpg) 74px 0 no-repeat;
		}
		.animate4 .a-style-open-screen{
			visibility:visible;
			top:65px;
			left:86px;
		}
		.animate4 .a-style-open-dot{
			width: 138px;
		}
		/*�������E*/
		
		
		/*Ӧ��ǽ���S*/
		.a-style-app{
			margin-left:112px;
			position:relative;
			width: 340px;
			height:640px;
			background: url(style-app.jpg) no-repeat;
		}
		.a-style-app-block{
			position: absolute;
			width: 90px;
			height: 60px;
			top:130px;
			left:95px;
			-webkit-transform: perspective(365px) rotateY(34deg) translateX(0px) translateY(0px) translateZ(0px) skewY(15deg);
			transform: perspective(365px) rotateY(34deg) translateX(0px) translateY(0px) translateZ(0px) skewY(15deg);
			-webkit-transform-style: preserve-3d;
				-webkit-backface-visibility: hidden;
				transform-style: preserve-3d;
				backface-visibility: hidden;
			
		}
		.block-2{
			top:210px;
		}
		.block-3{
			top:290px;
		}
		.a-style-app-block li{
			float:right;
			clear:both;
			width:90px;
			height: 15px;
			background: #fbfbfb;
			visibility:hidden;
			-webkit-transition-property:width;
			-webkit-transition-duration: .7s;
			transition-property:width;
			transition-duration: .7s;
			
		}
		.app-line-1{
			-webkit-transition-delay: 0s;transition-delay: 0s;
		}
		.app-line-2{
			-webkit-transition-delay: .3s;transition-delay: .3s;
		}
		.app-line-3{
			-webkit-transition-delay: .6s;transition-delay: .6s;
		}
		.app-line-4{
			-webkit-transition-delay: .9s;transition-delay: .9s;
		}
		
		.a-style-app-dot{
			position: absolute;
			width: 0;
			height:54px;
			top: 200px;
			left:195px;
			background: no-repeat;background-position: -193px -421px;
			z-index:1;
			-webkit-transition: width .7s;
			-webkit-transition-delay: 1s;
			transition: width .7s;
			transition-delay: 1s;
		}
		.animate5 .a-style-app{
			background: url(style-app-bg.jpg) no-repeat;
		}
		.animate5 .a-style-app-block li{
			visibility:visible;
			width: 0px;
		}
		.animate5 .a-style-app-dot{
			width: 143px;
		}
		/*Ӧ��ǽ���E*/

/* mod.png?20150507114152 */
.a-income-label-blue i,
.a-income-label-orange i,
.a-adstyle-open-dot i,
.a-adstyle-banner-dot i,
.a-adstyle-pop-dot i,
.a-adstyle-app-dot i,
.a-src-circle,
.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-10,
.icon-11,
.icon-12,
.a-service-icon-m,
.a-service-icon-p,
.a-style-banner-dot,
.a-style-pop-screen,
.a-style-native-dot,
.a-style-open-screen,
.a-style-app-dot{
background-image: url(mod.png);
}


/*===* ����E* ===*/



 
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .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 {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        -ms-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        -ms-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        -ms-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        -ms-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        -ms-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.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)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        -ms-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        -ms-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        -ms-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        -ms-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        -ms-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        -ms-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -ms-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        -ms-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        -ms-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        -ms-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        -ms-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        -ms-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.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, -20px, 0);
        transform: translate3d(0, -20px, 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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    0%, 100%, 60%, 75%, 90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        -ms-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        -ms-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        -ms-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        -ms-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-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-transition-timing-function: ease-in;
        transition-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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-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);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        -ms-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        -ms-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        -ms-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        -ms-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        -ms-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        -ms-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        -ms-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        -ms-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(0.55, .055, .675, .19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.j-footerNav{ float:left; width:100%; margin-top:40px; height:90px; margin-bottom:20px;}
.j-footerNav-logo{ float:left;}
.j-footerNavSub{ width:633px; float:left; margin:7px 50px 0 50px; border-bottom:1px dashed rgba(204,236,253,0.7); padding:5px 0 15px 0;}
.j-footerNavSub .j-footernavSubItem{float:left; width:80px; border-right:1px dotted #666; height:20px; line-height:20px; text-align:left; margin-right:20px;}
.j-footerNavSub .j-footernavSubItem a{float:left; width:100%; color:#666; text-decoration:none; font-size:16px;}

.j-footer{text-align:center;background:#000000;color:#666; float:left; width:100%;}
.j-wrap{width:1100px;margin-left:auto;margin-right:auto;}
.j-footerContact{margin-top:20px; float:left; width:50%;}
.j-footerContact h2{ text-align:left;font-size:21px; color:#ccecfd; float:left; width:100%; color:#fff;}
.j-footerContact-item{display:inline-block;*display:inline;line-height:35px;font-size:17px; color:#fff; float:left; margin-right:10px;}
.j-footerContact a{text-decoration: none;color: #FFF;}

.j-footerContact-item i{display:block;width:30px;height:35px; float:left;}
.j-footerContact-qq i{background:url("icn-footer-qq.png") left center no-repeat;}
.j-footerContact-email i{background:url("icn-footer-mail.png") left center no-repeat;}
.j-footerContact-tel i{background:url("icn-footer-tel.png") left center no-repeat;}
.j-footerContact-address i{background:url("icn-footer-address.png") left center no-repeat;}
.j-footerCopyRight{line-height:64px;font-size:14px; color:#666; float:left; line-height:20px; margin:8px 0 0 50px; text-align:left;  }


.j-clause{padding:15px 10px 15px 10px;line-height:30px;color:#676767; padding-top:50px;}
.j-clause h4{line-height:32px;margin-bottom:16px;}

.j-clause h3{line-height:32px;margin-bottom:16px;margin-left:20px;}
.j-clause p{margin-bottom:12px;margin-left:30px;}
.j-clause ul{margin-bottom:14px;color:#717171;}
.j-clause-tips{padding:60px 0;}
.fc_bule{color:#3992E3;}

.fs14{font-size:14px;}
.fs16{font-size:16px;}


.containercc {
    width: 1200px;
    margin: 0 auto;
	margin-bottom: 30px;
}
.home-about-title {
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-top: 30px;
}

.home-about-title3 {
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
}

.home-about-title3 > span {
    display: inline-block;
    background: #fff;
    padding: 0 20px;
}

.home-about-title2 {
    text-align: center;
    font-size: 16px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.home-about-title2 > span {
    display: inline-block;
    background: #fafafa;
    padding: 0 20px;

}

.home-about-desc p {
    color: #666;
    line-height: 1.6;
}

.home-about-desc > ul {
    color: #666;
    list-style: square;
    padding-left: 20px;
}

.home-about-desc > ul > li {
    line-height: 1.8;
}

.home-about-h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.home-about-contact-us p {
    color: #333;
    margin-bottom: 4px;
}

.home-about-contact-us-block {
    padding-bottom: 10px;
}

.zyBox { display:inline-block;  margin-top:30px; margin-left:20px; width:550px;float:left; margin-bottom:50px;}
.zyBox .zy { width:265px; float:left; display:inline-block; margin-left:10px; line-height:22px; padding-top:15px;}