@charset "UTF-8";
/*!
 *  Item:开发者平台--聚安全体验活动
 *  Author: Bino Yip
 *  Update: Bino Yip (2015-07-24)
 */

.po-header{position: fixed; top: 0; /*position: fixed; top: 0; border-bottom: 1px solid #27364d; background: none;*/ z-index: 1}
.po-footer{display: none;}
.common-faq-box{display: none;}

.section1-box, .section2-box{display: none;}

.fullpage-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/public/v3.0/images/act/jaq/page_bg.jpg) center center no-repeat #010b14; z-index: -1; -ms-transition: all 3s ease-out; -webkit-transition: all 3s ease-out; transition: all 3s ease-out;}
/*.body-load .fullpage-bg{-ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}*/

#fp-nav ul li, .fp-slidesNav ul li{margin: 12px 7px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 10px; height: 10px; margin: -6px 0 0 -6px; background: none; border: 2px solid #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{width: 10px; height: 10px; background: #fff;}
#fp-nav ul li:hover a span{margin: -6px 0 0 -6px;}

.icon-research{background-image: url(/public/v3.0/images/research_index_icon.png); background-repeat: no-repeat;}
.section-box{position: absolute; left: 50%; top: 50%; overflow: hidden;}

.section0-box{width: 992px; height: 222px; padding-top: 410px; margin-left: -496px; margin-top: -345px; line-height: 22px; color: #39fcb2; text-align: center;  background: url(/public/v3.0/images/act/jaq/first_bg.png) 0 0 no-repeat}
.section0-desc{width: 245px; margin: 0 auto 5px; padding: 6px 0; font-size: 20px; letter-spacing: 2px; border-bottom: 1px solid #39fcb2;}
.section0-time{font-size: 16px;}
.section0-btn .jaq-in-btn,
.section2-btn .jaq-in-btn{display: block; width: 180px; height: 50px; margin: 20px auto 10px; line-height: 50px; color: #fff; font-size: 18px; background-color: #06cb80; border-radius: 46px;}
.section2-btn .jaq-in-btn{margin: 0 auto;}

.section1-box{width: 980px; height: 445px; margin-left: -490px; margin-top: -180px;}
.section2-box{width: 980px; height: 494px; margin-left: -490px; margin-top: -207px;}

.next-guide{width: 320px; margin: 0 auto; text-align: center; font-size: 12px; letter-spacing: 1px;}
.next-guide .icon-section-next{display: inline-block; width: 80px; height: 62px; margin-top: 15px; background-position: 0 0; cursor: pointer;}

.jaq-index-tit{width: 183px; height: 50px; margin-bottom: 10px; line-height: 50px; text-align: center; color: #39fcb2; font-size: 28px; background: url(/public/v3.0/images/act/jaq/tit_bg.png) 0 0 no-repeat;}
.jaq-index-con{margin-bottom: 20px; color: #fff; font-size: 14px; line-height: 22px;}

.jaq-award{line-height: 24px; margin-bottom: 10px;}
.jaq-award .award-list{position: relative; float: left; width: 230px; height: 318px; margin-right: 10px; color: #fff; font-size: 14px;}

.award-sub-list{position: absolute; left: 0; top: 0; transition: transform 1s ease-out; width: 230px; height: 208px; margin-right: 10px; padding-top: 110px; color: #fff; font-size: 14px;}
.award-sub-list h4{padding-top: 58px; line-height: 38px; font-size: 30px; text-align: center;}
.award-sub-list ul{padding: 30px 10px 0 32px;}
.award-sub-list li{margin-bottom: 8px; list-style: disc;}
.award-list-static{display: block; opacity: 1; filter: alpha(opacity=100);}
.award-list-active{display: block; transform: rotate3d(0,1,0,-180deg); opacity: 0; filter: alpha(opacity=0);}
.award-list:hover .award-list-static{display: block; opacity: 0; filter: alpha(opacity=0); /*transform: rotate3d(0,1,0,-180deg); transition: transform 0s ease-out;*/}
.award-list:hover .award-list-active{display: block; opacity: 1; filter: alpha(opacity=100); transform: rotate3d(0,1,0,-360deg);}

.award-list1 .award-list-static,
.award-list1 .award-list-active{background: url(/public/v3.0/images/act/jaq/award_1.png) 0 0 no-repeat;}
.award-list2 .award-list-static,
.award-list2 .award-list-active{background: url(/public/v3.0/images/act/jaq/award_2.png) 0 0 no-repeat;}
.award-list3 .award-list-static,
.award-list3 .award-list-active{background: url(/public/v3.0/images/act/jaq/award_3.png) 0 0 no-repeat;}
.award-list4 .award-list-static,
.award-list4 .award-list-active{background: url(/public/v3.0/images/act/jaq/award_4.png) 0 0 no-repeat;}




.jaq-rules{padding: 0 10px 0 20px; line-height: 22px; color: #fff;}
.jaq-rules li{margin-bottom: 3px; list-style: disc;}
.jaq-rules li a{color: #39fcb2; margin: 0 3px;}

.jaq-progress{padding: 10px 0; color: #fff; text-align: center;}
.jaq-progress span{float: left;}
.jaq-progress span.progress-step{width: 100px; height: 40px; line-height: 40px; font-size: 16px; border: 1px solid #eee; background: url(/public/v3.0/images/act/jaq/progress_bg.png) 0 0 no-repeat;}
.jaq-progress span.progress-disc{width: 55px; height: 40px; line-height: 40px; font-size: 18px; letter-spacing: 3px; }