/*背景图片icon*/
.dataInfo .icon, .areaList .pContent .icon, .areaList .pContent .icon2, .brand .brandMenu i, .explosion .boom .goInvest a { background: url('../src/index.png') no-repeat;}


/*banner部分 样式*/
.menu_banner { margin: 10px 0;}
.menu_banner .imgBanner { position: relative;}
.menu_banner .swiper-container { width: 100%;}
.menu_banner .gallery-top { height: 400px; }
.menu_banner .pagination { position: absolute; z-index: 1; bottom: 0; left: 0; height: 32px;}
.menu_banner .pagination .swiper-pagination-switch { float: left; display: inline; margin-right: 1px; height: 100%; background-color: #000; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity: 0.2;opacity: 0.2;  cursor: pointer;}
.menu_banner .pagination .swiper-active-switch { opacity: 0.5;}
.menu_banner .textList { position: absolute; z-index: 2; bottom: 0; left: 0; height: 32px;}
.menu_banner .textList span { float: left; display: inline; margin-right: 1px; height: 100%; line-height: 32px; color: #fff; text-align: center; cursor: pointer; word-wrap:break-word; word-break:break-all; overflow: hidden;}
/*平台数据部分 dateInfo 样式*/
.dataInfo { margin-bottom: 38px; height: 50px; line-height: 50px; font-size: 12px; color: #333; }
.dataInfo .dataContent { position: relative; padding-left: 30px;}
.dataInfo span { float: left; display: inline; margin-right: 20px;}
.dataInfo .middle2 { margin-right: 0;}
.dataInfo .data { margin-left: 10px; font-size: 18px; color: #fa5e3e;}
.dataInfo .last { float: right; display: inline; padding-right: 20px; text-align: left; }
.dataInfo .noticeList a { float: left; display: inline;}
.dataInfo .noticeList { float: left; display: inline; margin-right: 15px; *margin-right: 8px; width: 285px;}
.dataInfo .noticeList .swiper-container { height: 50px;}
.dataInfo .last .icon { float: left; display: inline; margin: 19px 6px 0 0; width: 17px; height: 15px; background-position: -350px -120px;}
.dataInfo .last .more { float: left; display: inline; font-size: 14px; }
.dataInfo .last .time { float: right; display: inline; margin-right: 0;}
.dataInfo .last .new { display: inline-block; margin-left: 2px; width: 38px; height: 13px; background-position: -200px 0; vertical-align: -3px; *vertical-align: 1px;}

/*项目分类列表样式*/
.areaList { margin-bottom: 38px; font-size: 12px; color: #333; }
.areaList .areaType { position: relative; width: 300px; border-top: 4px solid #18cca0;}
.areaList .areaName { position: relative; padding: 20px 30px; line-height: 30px; font-size: 18px; color: #333; overflow: hidden;}
.areaList .areaName h4 { font-weight: normal;}
.areaList .areaName span { display: block; font-size: 14px;}
.areaList .areaType .notice { padding: 20px 30px; line-height: 2em;}
.areaList .areaType .link_c { position: absolute; top: 220px; left: 30px; padding: 5px 10px; border: 1px solid #999; border-radius: 5px; text-decoration: none;}
.areaList .areaType .link_c:hover { background-color: #18cca0; border-color: #18cca0; color: #fff;}
.areaList .pList li { float: left; display: inline; width: 244px; border-left: 1px solid #e3e3e3; text-align: center;}
.areaList .listCon { border-top: 0; border: 1px solid #fff;}
.areaList .listCon.curr { border-color: #e3e3e3; box-shadow: 0 0 5px #ccc;}
.areaList .pList li a { display: block; text-decoration: none;}
.areaList .pList h4 { padding-top: 14px; height: 48px; line-height: 48px; font-weight: normal; text-align: center; font-size: 14px; color: #666;}
.areaList .pList a { position: relative;}
.areaList .pList .hBk { position: absolute; top: 0; left: -1px; width: 244px; height: 8px; background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.areaList .pList .fBk { position: absolute; bottom: 0; left: -1px; width: 244px; height: 10px; background-color: #fff; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.areaList .pList a:hover { z-index: 10; box-shadow: 0 0 8px #ccc;}
.areaList .pList a:hover .link_s { background-color: #18cca0; border-color: #18cca0; color: #fff;}
.areaList .pList a:hover .hBk, .areaList .pList a:hover .fBk { border-color: #e3e3e3; border-color: 1px solid #e3e3e3;}
.areaList .pList .last .hBk, .areaList .pList .last .fBk { border-right: 0 none; }
.areaList .pContent { position: relative; height: 177px; font-size: 14px; color: #666;}
.areaList .pContent p { line-height: 40px;}
.areaList .rateInfo { padding: 0 0 20px 0;}
.areaList .rateInfo .rate { line-height: 40px; font-size: 18px;}
.areaList .rateInfo .rate em { font-size: 28px; font-weight: bold;}
.areaList .rateInfo .rateNotice { display: block; clear: both; font-size: 14px;}
.areaList .pContent .view { margin-bottom: 10px;}
.areaList .pContent a, .areaList .pContent .pCountDownNew, .areaList .pContent .link_s { display: inline-block; padding: 0px 20px; height: 28px; line-height: 28px; border: 1px solid #999; border-radius: 5px; text-decoration: none; font-size: 12px;}
.areaList .pContent a:hover { background-color: #18cca0; border-color: #18cca0; color: #fff;}
.areaList .pContent .pCountDown { color: #478fed; border-color: #478fed;}



.productList .layout { border-top: 4px solid #fa5e3e; } 
.productList .pList .notStart { cursor: default;}
.xiaofei .layout { border-top: 4px solid #fdce53;}
.productList .areaType { position: relative; width: 218px; height: 239px; border-top: none 0; text-decoration: none;}
.productList .areaType .link_c { top: 190px;}
.productList .areaType:hover .link_c { background-color: #18cca0; color: #fff; border: 1px solid #18cca0;}
.productList .rateInfo .rate em { font-weight: normal;}
.productList .rateInfo .rate2 { position: relative;}
.productList .rateInfo .f1 { vertical-align: 4px;}
.productList .rateInfo .f2 { position: absolute; top: -15px; right: -24px; line-height: 15px; font-size: 12px;}



.ziguan .rateInfo { padding: 40px 0 0 40px;}
.ziguan .doubleRate { padding-left: 20px;}
.ziguan .rateInfo .rate2 { position: relative;}
.ziguan .rateInfo .rate2 em { font-size: 36px;}
.ziguan .rateInfo .rate2 .f2 { position: absolute; top: -15px; right: -24px; line-height: 15px; font-size: 12px;}
.ziguan .rateInfo .f1 { padding: 0 5px; line-height: 50px; font-size: 28px; }
.ziguan .pContent p { width: 100%; padding-top: 25px;}
.ziguan .pList li { width: 414px;}
.ziguan .pList h4 { padding-left: 20px; text-align: left;}
.ziguan .zgInfo { padding: 50px 20px 0 0; text-align: right;}
.ziguan .zgInfo .zgNotice { line-height: 30px; }
.ziguan .zgInfo .zgNotice em { margin-left: 10px;}
.ziguan .zgInfo .view { margin: 30px 0 0 0; padding-right: 10px; }
.ziguan .over .pContent p, .ziguan .repay .pContent p { min-width: 150px;}



/*新人＋资管 ＋ 公告*/
.explosion .areaType { margin: 0; height: 220px;}
.explosion .areaType .link_c { top: 170px;}
.explosion .areaType { width: 375px; }
.explosion .areaType .notice { padding-right: 0; width: 140px;}
.explosion .areaType .rate { font-size: 26px;}
.explosion .areaType .rate em { font-size: 50px; font-weight: bold;}
.explosion .areaType .detail { margin-right: 30px; font-size: 14px;}
.explosion .areaType .rateInfo { padding-bottom: 0; text-align: center;}
.explosion .areaType .detail p { padding: 25px 0 0; }
.explosion .areaName { margin: 0 30px; padding: 10px 0;}
.explosion .areaName .link_t { position: absolute; top: 12px; right: 0; font-size: 14px;}
.explosion .newer .detail { margin-top: 20px;}
.explosion .boom { margin: 0 10px; width: 340px; border-top: 4px solid #fdce53;}
.explosion .boom .detail { float: left; display: inline; margin-right: 0; padding-left: 30px;}
.explosion .boom .detail p { padding: 10px 0;}
.explosion .boom .rateInfo { padding-top: 19px; text-align: left;}
.explosion .boom .rate { line-height: 32px; font-size: 16px;}
.explosion .boom .rate em { font-size: 26px; font-weight: normal;}
.explosion .boom .rate3 { position: relative; top: -15px; font-size: 12px;}
.explosion .boom .rateNotice { min-width: 170px; height: 24px; line-height: 24px; text-align: center;}
.explosion .boom .img { display: none;}

.explosion .boom .notStart .detail { float: right; display: inline; padding-left: 0; padding-right: 30px;}
.explosion .boom .notStart .rateInfo { padding-top: 5px;}
.explosion .boom .notStart .img { float: left; display: inline; padding-top: 15px; padding-left: 5px;}
.explosion .boom .disNone { display: none;}
.explosion .boom .boomCountDown span { display: inline-block; margin-top: 10px; width: 18px; height: 30px; line-height: 30px; border: 1px #e3e3e3 solid; background-color: #f7f7f7; color: #666; text-align: center;}
.explosion .boom .boomCountDown .line { background: none; border: none 0; width: 10px;}



.explosion .boom .pgSpeed { position: relative; margin-top: 0px;}
.explosion .boom .pgSpeed .pgLine { position: relative; display: inline-block; width: 100%; min-width: 130px; height: 10px; background-color: #f2f2f2; border-radius: 5px; overflow: hidden; vertical-align: -3px;}
.explosion .boom .pgSpeed .pgLine span { position: absolute; top: 0; left: 0; width: 0; height: 100%; border-radius: 5px;}
.explosion .boom .pgText { position: absolute; top: 0; left: 100%; margin-left: 10px; font-size: 14px;}
.explosion .boom .goInvest { padding: 38px 30px 0 0;}
.explosion .boom .goInvest a { float: right; display: inline; width: 67px; height: 67px; background-position: -560px 0;}
.explosion .boom .goInvest a:hover { background-position: -560px -100px;}


.progress { position: relative; margin: 33px 20px 0 0;}
.progress .progressSpeed { width: 100px; height: 100px; background: url(../src/progressIcon.png) no-repeat;}
.progress .progressL { position: absolute; top: 40px; right: 10px; width: 80px; text-align: center; font-size: 14px;}
.explosion .noticeList { width: 465px; border-top-color: #5399e0;}
.explosion .noticeList .areaName {  border-bottom: 1px solid #e3e3e3;}
.explosion .nList { padding: 8px 30px 0;}
.explosion .nList li { float: left; display: inline; width: 100%; margin-bottom: 2px;}
.explosion .nList .img { float: left; display: inline; margin: 5px 12px 0 0; width: 71px; height: 24px; background-position: center center; background-size: 100%;}
.explosion .nList a { float: left; display: inline; width: 255px; line-height: 24px; text-decoration: none;}
.explosion .nList .data { float: right; display: inline; margin-top: 2px;}
.explosion .nList .hot, .explosion .nList .new { display: inline-block; margin-left: 5px; width: 38px; height: 13px; background-position: -150px 0; vertical-align: -3px;}
.explosion .nList .new { background-position: -200px 0;}




/*项目列表icon 如爆款福利等*/
.areaList .pContent .icon { position: absolute; top: -60px; left: -5px; z-index: 100; width: 68px; height: 68px;  background-position: -480px -120px;}
.areaList .pContent .fuli { background-position: -400px -120px;}

.areaList .over .icon2, .areaList .repay .icon2 { position: absolute; z-index: 100; top: -28px; left: 104px; width: 120px; height: 120px; background-position: -300px 0;}
.areaList .repay .icon2 { background-position: -420px 0;}
.ziguan .over .icon2, .ziguan .repay .icon2 { top: 8px; right: 95px;}
.areaList .pContent .vip { background-position: -400px -220px;}
.areaList .pContent .qbzt { height: 85px; background-position: -480px -220px;}

/*草根荣誉＋草根公益＋草粉心声*/
.brand .brandMenu { width: 312px; font-size: 18px;}
.brand .brandMenu li { position: relative; float: left; display: inline; width: 100%; margin-bottom: 8px; height: 100px;}
.brand .brandMenu li a { position: absolute; width: 308px; height: 100%; line-height: 100px; background-color: #fff; border-left: 4px solid #fff; text-decoration: none; color: #999;}
.brand .brandMenu .cgVoice { margin-bottom: 0;}
.brand .brandMenu span { padding-left: 25px;}
.brand .brandMenu i { position: absolute; top: 21px; left: 208px; width: 85px; height: 78px; background-position: -10px -113px;}
.brand .brandMenu .cgWelfare i { background-position: -100px -113px;}
.brand .brandMenu .cgVoice i { background-position: -212px -107px;}
/*.brand .brandMenu li .curr { width: 318px; border-left-color: #46cda3; color: #46cda3;}*/
.brand .brandMenu li .curr { width: 318px; border-left-color: #46cda3; color: #46cda3;}
.brand .brandMenu .curr i { top: 8px; left: 198px; background-position: 0 0;}
.brand .brandMenu .cgWelfare .curr i { top: 8px; left: 208px; background-position: -100px 0;}
.brand .brandMenu .cgVoice .curr i { top: 14px; left: 195px; width: 100px; background-position: -199px 0;}
.brand .brandCon { display: none; width: 880px; height: 316px; background-color: #fff;}
.brand .brandCon.curr { display: inline;}
.brand .brandCon .more { padding: 0 30px; height: 50px; line-height: 50px; font-size: 14px;}
.brand .brandReport { padding-left: 24px;}
.brand .singleReport { border-right: 1px solid #e3e3e3;}


.brand .singleReport .reportText .date { padding-bottom: 16px; color: #666;}
.brand .singleReport .reportText p { line-height: 1.8em; text-align: justify; color: #666;}
.brand .brandCon .reportList { padding: 10px 0 0 26px; width: 224px; line-height: 1.8em; color: #666;}
.brand .brandCon .reportList li { margin-bottom: 20px;}
.brand .brandCon .reportList .listCon { margin-left: 15px; width: 190px;}

.brand .honorCon .singleReport{ padding: 28px 0 30px; height: 163px; }
.brand .honorCon .reportText, .brand .voiceCon .reportText { padding: 0 20px; width: 360px;}
.brand .honorCon .reportText a, .brand .voiceCon .reportText a { font-size: 16px;}
.brand .welfareCon .singleReport { height: 236px; text-align: center;}
.brand .welfareCon .reportText { padding: 5px 76px 0; width: 400px; text-align: right;}
.brand .welfareCon .reportText p { text-align: right; color: #666;}
.brand .welfareCon .reportList { padding: 45px 0 0 26px; font-size: 12px;}
.brand .welfareCon .reportList li { margin-bottom: 38px; }
.brand .voiceCon .more { height: 26px;}
.brand .voiceCon .singleReport { padding: 45px 0 64px 16px; height: 163px; color: #666;}
.brand .voiceCon .singleReport img { margin-top: 30px;}
.brand .voiceCon .reportList { width: 290px; }
.brand .voiceCon .reportList li { float: left; display: inline; margin: 17px 0 12px;}
.brand .voiceCon .reportList img { margin-top: 20px;}

/*合作伙伴*/
.cooper { padding: 0 0 38px;}
.cooper dl { padding-bottom: 20px; width: 50%;}
.cooper dt { padding: 16px 0 0 8px; line-height: 30px;}
.cooper dd a { float: left; display: inline; margin: 0 0 10px 8px; border: 1px solid #e3e3e3; border-radius: 3px; cursor: default;}
.cooper dd img { width: 108px; height: 38px;}
.cooper .dl1 { margin-left: 0.5%; width: 49.5%;}


/*合作伙伴 改版 2017-1-13*/
.cooper .dl2 { padding: 26px 0 20px; width: 100%;}
.cooper .dl2 dt { float: left; display: inline; padding: 4px 0 0 30px; font-size: 18px;}
.cooper .dl2 dd { float: right; width: 1090px;}


.counterLayer { top: 50%; right: 6px; margin-top: -24px;}
a.backToTop { top: 50%; right: 6px; margin-top: 24px;}

@keyframes eventPointHide {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes eventPointHide {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes eventPointHide {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-ms-keyframes eventPointHide {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-o-keyframes eventPointHide {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

@keyframes moving {
    50% { transform: translateX(25px);}
    100% { transform: translateX(0px);}
}

@-webkit-keyframes moving {
    50% { -webkit-transform: translateX(25px);}
    100% { -webkit-transform: translateX(0px);}
}

@-moz-keyframes moving {
    50% { -moz-transform: translateX(25px);}
    100% { -moz-transform: translateX(0px);}
}

@-o-keyframes moving {
    50% { -o-transform: translateX(25px);}
    100% { -o-transform: translateX(0px);}
}

@-ms-keyframes moving {
    50% { -ms-transform: translateX(25px);}
    100% { -ms-transform: translateX(0px);}
}



/*头部广告*/
.topBanner{ display: none;  width:100%;height:80px; background:url(../src/monkey-small2.jpg) top center no-repeat #FF3334;}


/*indexB*/

.indexTop a { display: block; height: 160px; background: url(../src/bTop.jpg) center top no-repeat #fa4c3a;}
.indexBTop { position: relative; height: 790px; background-color: #05060b; overflow: hidden;}
.indexBTop .layout { position: relative; height: 100%;}
.indexBTop .indexTopCon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.indexBTop .bk1 { height: 260px; background: url(../src/bk1.jpg) center top no-repeat #05060b;}
.indexBTop .bk2 { height: 264px; background: url(../src/bk2.jpg) center top no-repeat;}
.indexBTop .bk3 { height: 266px; background: url(../src/bk3.jpg) center top no-repeat;}
.indexBTop .bWheel { position: absolute; top: 9px; left: 409px; width: 581px; height: 463px; background: url(../src/bWheel.png) no-repeat;}
.indexBTop .bBase { position: absolute; top: 461px; left: 180px; width: 992px; height: 64px; background: url(../src/bBase.png) no-repeat;}
.indexBTop .line, .indexBTop .indexBMenu i, .actAlertContent .actAlertHeader .close, .indexBTop .hideBtn a, .indexBTop .hideBtn i { background: url(../src/icon.png) no-repeat;}
.indexBTop .line { position: absolute;}
.indexBTop .l1 { top: -346px; left: 280px; width: 90px; height: 824px; background: url(../src/light1.png) no-repeat;
    transform-origin: 50% bottom;
    -webkit-transform-origin: 50% bottom;
    -moz-transform-origin: 50% bottom;
    -ms-transform-origin: 50% bottom;
    -o-transform-origin: 50% bottom;
    animation: lMoving 5s linear infinite;
    -webkit-animation: lMoving 5s linear infinite;
    -moz-animation: lMoving 5s linear infinite;
    -ms-animation: lMoving 5s linear infinite;
    -o-animation: lMoving 5s linear infinite;
}
.indexBTop .l2 { top: -390px; left: 715px; width: 376px; height: 870px; background: url(../src/light2.png) no-repeat;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    animation: lMoving 5s linear infinite;
    -webkit-animation: rMoving 5s linear infinite;
    -moz-animation: rMoving 5s linear infinite;
    -ms-animation: rMoving 5s linear infinite;
    -o-animation: rMoving 5s linear infinite;
}
.indexBTop .l3 { top: -330px; left: 262px; width: 760px; height: 818px; background: url(../src/light3.png) no-repeat;
    transform-origin: left bottom;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    animation: bMoving 5s linear infinite;
    -webkit-animation: bMoving 5s linear infinite;
    -moz-animation: bMoving 5s linear infinite;
    -ms-animation: bMoving 5s linear infinite;
    -o-animation: bMoving 5s linear infinite;
}
.indexBTop .l4 { top: -300px; left: 334px; width: 686px; height: 784px; background: url(../src/light4.png) no-repeat;
    transform-origin: right bottom;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    animation: tMoving 5s linear infinite;
    -webkit-animation: tMoving 5s linear infinite;
    -moz-animation: tMoving 5s linear infinite;
    -ms-animation: tMoving 5s linear infinite;
    -o-animation: tMoving 5s linear infinite;
}
.indexBTop .indexBMenu { position: relative; padding: 560px 103px 0 189px}
.indexBTop .indexBMenu li { float: left; display: inline; margin: 0 0 15px 20px; }
.indexBTop .indexBMenu a { float: left; display: inline; width: 174px; background-color: #fff; border-radius: 5px; font-size: 18px; color: #c63c1e; text-align: center; text-decoration: none;}
.indexBTop .indexBMenu a:hover { background-color: #f5d778;}
.indexBTop .indexBMenu i { display: inline-block; margin: 0 10px; width: 29px; height: 45px; background-position: -350px -1px; vertical-align: top; }
.indexBTop .indexBMenu .onSite i { width: 30px; background-position: -200px -3px;}
.indexBTop .indexBMenu .cgIntro i { width: 26px; background-position: -150px -2px;}
.indexBTop .indexBMenu .gzIntro i { width: 22px; background-position: 0 -2px;}
.indexBTop .indexBMenu .brands i { width: 27px; background-position: -300px -2px;}
.indexBTop .indexBMenu .greenAct i { width: 35px; background-position: -250px 3px;}
.indexBTop .indexBMenu .bigEvent i { width: 22px; background-position: -100px -2px;}
.indexBTop .indexBMenu .cooperLi i { width: 30px; background-position: -50px 2px;}
.indexBTop .indexBMenu .curr a { background-color: #f6d35b; color: #c63c1e;}

.indexBTop .indexBMenu span { display: inline-block; height: 45px; line-height: 45px; vertical-align: top;}
.indexBTop .hideBtn { position: absolute; bottom: 0; left: 0; width: 100%;}

.indexBTop .hideBtn a { position: relative; display: block; margin: 0 auto; width: 130px; height: 70px; line-height: 107px; background-position: -450px -1px; text-align: center; font-size: 18px; color: #b5311b;}
.indexBTop .hideBtn i { position: absolute; top: 18px; left: 50px; width: 33px; height: 16px; background-position: -400px -12px; 
    animation: arowUp 0.5s linear infinite;
    -webkit-animation: arowUp 0.5s linear infinite;
    -moz-animation: arowUp 0.5s linear infinite;
    -ms-animation: arowUp 0.5s linear infinite;
    -o-animation: arowUp 0.5s linear infinite;

}


/*弹出框*/
.actAlertBk {position: fixed; width:100%; height:100%; background:#000; top:0px; left:0px; _position: absolute; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; z-index:10000}
.actAlertContent { position: fixed; top: 0; left: 0; width: 800px; background-color: #fff;  _position: absolute;  z-index:10001; }
.actAlertContent .actAlertHeader { height: 40px;}
.actAlertContent .actAlertHeader .close { position: absolute; top: 9px; right: 13px; width: 26px; height: 26px; background-position: -600px -12px;}
.actAlertContent .childrenContent { padding-bottom: 50px; text-align: center;}
.actAlertContent .childrenContent h4 { font-size: 14px; color: #333; font-weight: normal;}
.actAlertContent .childrenContent .noticeText { margin: 10px 34px; max-height: 500px; line-height: 1.6em; font-size: 12px; text-align: left; color: #666; overflow: auto;}
.actAlertContent .childrenContent .noticeText p { line-height: 1.8em; text-indent: 2em;}
.actAlertContent .logoImg { padding: 20px 0 10px;}

.cooperAlert .img { padding-top: 30px;}

.bigEventAlert { width: 80%;}
.bigEventAlert img { width: 80%;}

.swiperAlert { top: -2000px; width: 910px; background: transparent;}
.swiperAlert .actAlertHeader .close { top: -4px; right: -37px; width: 42px; height: 42px; background-position: -700px -10px;}
.swiperAlert .swiper-container { width: 910px; height: 300px;}
.swiperAlert .swiperCon { margin: 0 10px; background-color: #fff; border-radius: 5px; text-align: center;}
.swiperAlert .swiperCon .img { padding: 20px 8px 10px;}
.swiperAlert .swiperCon { margin: 0 4px; height: 100%; color: #666;}
.swiperAlert img { display: block; width: 100%;}
.swiperAlert .swiperText { padding: 0 8px; text-align: left;}
.swiperAlert .swiper-button-next { right: 30px;}
.swiperAlert .pagination { position: absolute; bottom: 15px; left: 0; width: 100%; text-align: center;}
.swiperAlert .pagination span { display: inline-block; margin: 0 5px; width: 8px; height: 8px; background-color: #ccc; border-radius: 50%; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; cursor: pointer;}
.swiperAlert .pagination .swiper-active-switch { background-color: #fff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;  opacity: 1;}

.greenActAlert { width: 910px;}
.greenActAlert .swiper-container { height: 370px;}

.greenActAlert .swiperCon .title { margin-bottom: 12px; font-size: 18px;}
.greenActAlert .swiperCon .title span { display: block; font-size: 12px;}
.greenActAlert .swiperText .detail { text-align: justify;}


.onSiteAlert .swiper-container { height: 320px;}
.onSiteAlert .swiperCon { position: relative; text-align: left;}
.onSiteAlert .swiperCon a { position: absolute; bottom: 10px; right: 10px; width: 88px; height: 26px; line-height: 26px; border: 1px solid #666; border-radius: 3px; text-align: center; color: #666; font-size: 12px;}
.reportActAlert .title { padding: 35px 0 25px; font-size: 18px; text-align: center;}
.reportActAlert .titleSrc { text-align: center; }
.reportActAlert .detail { padding: 10px 32px 0; font-size: 14px;}
.reportActAlert .detail p { line-height: 1.8rem; text-indent: 2em;}
.reportActAlert .swiper-container { height: 480px;}
.reportActAlert .swiperText { position: relative; height: 100%;}
.reportActAlert .link { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; ;}
.reportActAlert .link a { display: inline-block; width: 120px; height: 34px; line-height: 34px; border: 1px solid #ccc; border-radius: 5px; color: #333; font-size: 14px;}

.reportActAlert .video { display: block; margin: 0 auto; width: 55%;}

@keyframes lMoving {
    0% { transform: rotate(-60deg);}
    50% { transform: rotate(60deg);}
    100% { transform: rotate(-60deg);}
}

@-webkit-keyframes lMoving {
    0% { -webkit-transform: rotate(-60deg);}
    50% { -webkit-transform: rotate(60deg);}
    100% { -webkit-transform: rotate(-60deg);}
}

@-moz-keyframes lMoving {
    0% { -moz-transform: rotate(-60deg);}
    50% { -moz-transform: rotate(60deg);}
    100% { -moz-transform: rotate(-60deg);}
}

@-o-keyframes lMoving {
    0% { -o-transform: rotate(-60deg);}
    50% { -o-transform: rotate(60deg);}
    100% { -o-transform: rotate(-60deg);}
}

@-ms-keyframes lMoving {
    0% { -ms-transform: rotate(-60deg);}
    50% { -ms-transform: rotate(60deg);}
    100% { -ms-transform: rotate(-60deg);}
}

@keyframes rMoving {
    0% { transform: rotate(60deg);}
    50% { transform: rotate(-60deg);}
    100% { transform: rotate(60deg);}
}

@-webkit-keyframes rMoving {
    0% { -webkit-transform: rotate(60deg);}
    50% { -webkit-transform: rotate(-60deg);}
    100% { -webkit-transform: rotate(60deg);}
}

@-moz-keyframes rMoving {
    0% { -moz-transform: rotate(60deg);}
    50% { -moz-transform: rotate(-60deg);}
    100% { -moz-transform: rotate(60deg);}
}

@-o-keyframes rMoving {
    0% { -o-transform: rotate(60deg);}
    50% { -o-transform: rotate(-60deg);}
    100% { -o-transform: rotate(60deg);}
}

@-ms-keyframes rMoving {
    0% { -ms-transform: rotate(60deg);}
    50% { -ms-transform: rotate(-60deg);}
    100% { -ms-transform: rotate(60deg);}
}

@keyframes bMoving {
    0% { transform: rotate(30deg);}
    50% { transform: rotate(-60deg);}
    100% { transform: rotate(30deg);}
}

@-webkit-keyframes bMoving {
    0% { -webkit-transform: rotate(30deg);}
    50% { -webkit-transform: rotate(-60deg);}
    100% { -webkit-transform: rotate(30deg);}
}

@-moz-keyframes bMoving {
    0% { -moz-transform: rotate(30deg);}
    50% { -moz-transform: rotate(-60deg);}
    100% { -moz-transform: rotate(30deg);}
}

@-o-keyframes bMoving {
    0% { -o-transform: rotate(30deg);}
    50% { -o-transform: rotate(-60deg);}
    100% { -o-transform: rotate(30deg);}

}

@keyframes tMoving {
    0% { transform: rotate(-30deg);}
    50% { transform: rotate(60deg);}
    100% { transform: rotate(-30deg);}
}

@-webkit-keyframes tMoving {
    0% { -webkit-transform: rotate(-30deg);}
    50% { -webkit-transform: rotate(60deg);}
    100% { -webkit-transform: rotate(-30deg);}
}

@-moz-keyframes tMoving {
    0% { -moz-transform: rotate(-30deg);}
    50% { -moz-transform: rotate(60deg);}
    100% { -moz-transform: rotate(-30deg);}
}

@-o-keyframes tMoving {
    0% { -o-transform: rotate(-30deg);}
    50% { -o-transform: rotate(60deg);}
    100% { -o-transform: rotate(-30deg);}
}

@-ms-keyframes tMoving {
    0% { -ms-transform: rotate(-30deg);}
    50% { -ms-transform: rotate(60deg);}
    100% { -ms-transform: rotate(-30deg);}
}


@keyframes arowUp {
    0% { transform: translateY(5px);}
    100% { transform: translateY(0px);}
}

@-webkit-keyframes arowUp {
    0% { -webkit-transform: translateY(5px);}
    100% { -webkit-transform: translateY(0px);}
}

@-moz-keyframes arowUp {
    0% { -moz-transform: translateY(5px);}
    100% { -moz-transform: translateY(0px);}
}

@-o-keyframes arowUp {
    0% { -o-transform: translateY(5px);}
    100% { -o-transform: translateY(0px);}
}

@-ms-keyframes arowUp {
    0% { -ms-transform: translateY(5px);}
    100% { -ms-transform: translateY(0px);}
}





.swiperAlert .arrow-left {
background: url(../src/arrows.png) no-repeat left top;
position: absolute;
left: -32px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
z-index:999;
}
.swiperAlert .arrow-right {
background: url(../src/arrows.png) no-repeat left bottom;
position: absolute;
right: -32px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
z-index:999;
}