@charset "utf-8";
/*font*/
@font-face {font-family: "iconfont";
  src: url('font/iconfont.eot'); /* IE9*/
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale; vertical-align: middle;}
.icon-wchat:before { content: "\e600"; }
.icon-sina:before { content: "\e601"; }
.icon-tencentwb:before { content: "\e602"; }
.icon-douban:before { content: "\e603"; }
.icon-renren:before { content: "\e604"; }
.icon-share:before { content: "\e605"; }
.icon-close:before { content: "\e606"; }
.icon-dynamic:before { content: "\e607"; }
.icon-location:before { content: "\e608"; }
.icon-phone:before { content: "\e609"; }
.icon-friend-link:before { content: "\e60a"; }
.icon-user:before { content: "\e60b"; }
.icon-code:before { content: "\e60c"; }
.icon-play:before { content: "\e60d"; }
.icon-plus:before { content: "\e60e"; }
.icon-qq:before { content: "\e60f"; }
.icon-cloud:before { content: "\e610"; }
.icon-next:before { content: "\e611"; }
.icon-prev:before { content: "\e612"; }
/* reset */
body{font-size:14px; font-family: Helvetica, "Microsoft YaHei", Arial,"微软雅黑", "STHeiti", "WenQuanYi Micro Hei";line-height: 24px;word-wrap:break-word;word-break:break-all;}
body,div,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img,ul,li,em,dl,dt,dd,ol,big{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6,th,dt,em{font-style:normal;}
a{color: inherit;text-decoration:none;}
a:hover{ text-decoration:none;}
table{ border-collapse: collapse;border-spacing: 0;}
img{border:0;}
ul,li{ list-style:none}
button{cursor: pointer;outline: none;}
input,textarea,select{font-family: Helvetica, "Microsoft YaHei", Arial,"微软雅黑", "STHeiti", "WenQuanYi Micro Hei";}
/* common */
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
.fn-clear{*zoom: 1;}
.fn-clear:before,.fn-clear:after{display:block;line-height:0;height:0;content:"";}
.fn-clear:after{clear:both;}
.fn-hide{display: none;}
.trans{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear;transition:all 0.3s linear;}
html {-webkit-font-smoothing: antialiased;overflow-x: hidden;overflow-y: scroll;}
body{background-color: #2f2725;}
html.open, html.open body {overflow: hidden;-webkit-overflow-scrolling: touch;}
.layout{width: 1000px; margin: 0 auto;}
.tc{text-align: center !important;}
.pt60{padding-top: 60px !important;}
.mb0{margin-bottom: 0 !important;}
.cred{color: #e20505 !important;}
/* header */
.header{position: fixed;top:0;left: 0; z-index: 7; width: 100%; height: 60px; background-color: rgba(0,0,0,0.6);}
.header-main{width: 825px; margin: 0 auto;}
.logo{width: 103px; height: 45px; margin: 7px 0; background: url(imgs/logo.png) no-repeat;}
.logo a{display: block; width: 100%; height: 100%; text-indent: -999em;}
.nav{margin-left: 20px;}
.nav li{position: relative; float: left;margin: 0 10px;}
.nav a{position: relative;z-index: 2; display: block; width: 80px; background-color:transparent; color: #fff; font-size: 13px; font-weight: bold; line-height: 60px; text-align: center;white-space: nowrap; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.nav a:hover,.nav .active a{background-color: #b3282e;}
.nav li:nth-child(2n) a:hover,.nav li:nth-child(2n).active a{background-color: #0d4479;}
.nav-sub{position: absolute; top: 59; left: 0;z-index: 1; display: none; width: 100%;}
.nav-sub a,.active .nav-sub a{border-top: 1px solid #ce98a5; background-color: rgba(179,40,46,0.5); line-height: 40px;}
.active .nav-sub a:hover,.active .nav-sub a.active{background-color: rgba(179,40,46,1);}
/* footer */
.footer{padding: 10px 0 45px; background-color: #898989; color: #fff;}
.footer-main{position: relative; width: 600px; margin: 0 auto;}
.footer-logo{position: absolute; top: 10px;right: 0;width: 86px; height: 187px;background: url(imgs/logo.png) no-repeat 0 -50px; text-indent: -999em;}
.footer-nav{padding-top: 10px;margin-bottom: 25px;}
.footer-nav li{float: left;width: 60px; margin-right: 40px; text-align: center; color: #fff;}
.footer-nav .iconfont{font-size: 30px;line-height: 100%;}
.footer dl{margin-bottom: 20px;}
.footer dt{font-size: 16px;font-weight: bold; line-height: 30px;}
.copyright{font-size: 12px;}
/* banner */
.banner{position: relative; width: 100%; height: 580px; z-index: 1;overflow: hidden;}
.banner .imgs{position: relative;display: block; width: 100%; height: 100%; overflow: hidden; z-index: 6}
.banner .imgs li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;text-align: center;z-index: -1;opacity: 0;}
.banner .imgs a{position: absolute; top: 0; left: 50%; display: block; width: 2000px;height: 100%;margin-left: -1000px;}
.banner .imgs li.active{z-index: 1; opacity: 1;}
.banner .vector{position: absolute;bottom: 20px;left: 50%;z-index: 7;margin-left: -60px;}
.banner .vector li{float: left;display: inline;margin: 5px;width: 7px;height: 7px;border-radius:50%;background:#FFF;cursor: pointer;box-sizing:border-box;}
.banner .vector li.active{background-color:transparent; border: 1px solid #fff;}
.banner .prev,.banner .next{position: absolute; top: 50%; left: 60px;z-index: 7;}
.banner .next{left: auto;right: 60px;}
.banner .icon-next,.banner .icon-prev{color: #fff; font-size: 50px; line-height: 100%;opacity: 0.5;}
.banner .icon-next:hover,.banner .icon-prev:hover{opacity: 1;}
/* clubs */
.clubs{width: 1000px; margin:25px auto;}
.club-blk{height: 300px;overflow: hidden;}
.club-blk a{position: relative; display: block;height: 100%; color: #fff;}
.club-blk span{position: absolute;top: 0; left: 0;display: block; width: 100%; height: 100%;line-height: 330px; text-align: center;opacity: 0;}
.club-blk span .iconfont{font-size: 112px;line-height: 100%;}
.club-blk a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.club-blk a:hover span{opacity: 1;}
.club-blk a:hover img{-webkit-filter: none;-moz-filter: none; -ms-filter: none; -o-filter: none;filter: none;}
.club-blk h2{}
.club-blk.low{height: 300px;}
.club-blk.low span{line-height: 300px;}
.club-blk.low h2{}
/* foot banner */
.foot-banner{height: 600px;}
.foot-banner .prev{left: 60px;}
.foot-banner .next{right: 60px;}
/* search */
.search{position: fixed; bottom: 0;left: 0; z-index: 7; width: 100%; height: 129px;color: #fff;font-size: 12px; line-height: 45px; text-align: center;}
.search_c1{width:446px;height:62px;margin:0 auto;padding:67px 0 0 554px;background: url(../images/applybg1.png) no-repeat 0 29px;}
.search_c2{width:1000px;height:129px;margin:0 auto;background: url(../images/applybg2.png) no-repeat;display:none;}
.search_c1 .box{width:100%;height:22px;padding:6px 0 0 0;}
.search_c1 .box .input1{float:left;margin:0 0 0 44px;width:130px;height:22px;border:0;background:none;}
.search_c1 .box .input2{float:left;margin:0 0 0 44px;width:65px;height:22px;border:0;background:none;}
.search_c1 .box .sub{float:left;margin:0 0 0 12px;width:58px;height:22px;border:0;background:none;}
.search input{outline: none;line-height: 16px;}
.search button{ height: 18px;background-color: #898989;border: none;color: #fff; font-size: 12px;line-height: 16px;}
.mask{position: fixed;top: 0; left: 0;z-index: 77; width: 100%; height: 100%;background-color: rgba(0,0,0,0.6);}
.search-tip{position: absolute; bottom: 45px; left: 50%; width: 495px; height: 260px;margin-left: -247px;}
.search-tip .close{position: absolute;top: 0;right: -30px; display: block; width: 30px; height: 30px; background-color: #901d22; color: #fff;font-size: 24px; line-height: 26px; text-align: center;}

/* contact */
.contact{position: fixed; top: 160px; right: 0;z-index: 7;}
.contact a{position: relative; display: block; width: 60px;height: 60px;margin-bottom:30px; color: #fff; line-height: 60px;text-align: center;}
.contact .iconfont{font-size: 24px;}
.contact .tip{position: absolute; bottom: -16px; right: 45px; display: none; width: 105px; height: 88px;margin-right: 23px; padding: 21px 0; background-color: #b3282e; box-sizing:border-box;color: #fff; font-size: 16px; font-weight: bold; line-height: 24px;}
.contact .tip big{font-size:38px;}
.contact .tel .tip{bottom: -16px;font-size: 18px;}
.contact .qq .tip{font-size: 18px;}
.contact .wchat .tip,.contact .code .tip{padding: 5px 0;}
.contact .code .tip,.contact .qq .tip{bottom: -16px;}
.contact .tip i{position: absolute; bottom: 0;left: 105px; display: block;width: 23px; height: 17px;background: url(imgs/arrows.png) no-repeat;}
.contact .wchat .tip,.contact .code .tip,.contact .tel .tip{background-color: #0d4479;}
.contact .wchat .tip i{bottom: 50%; height: 25px; margin-bottom: -12px;background-position: 0 -95px;}
.contact .tel .tip i{bottom: 50%; height: 25px; margin-bottom: -12px; background-position: 0 -95px;}
.contact .code .tip i{top: 0;bottom: auto; background-position: 0 -61px;}
.contact .qq .tip i{bottom: 50%; height: 25px; margin-bottom: -12px;background-position: 0 -35px;}
.contact a:hover .tip{display: block;}
.contact.blue a{color: #2491FB;}

/*post detail*/
.detail-dialog{position: fixed;top: 0;left: 0;z-index: 77; width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;opacity: 0;visibility: hidden;background-color: rgba(0,0,0,0.6);}
.detail-dialog.show{opacity: 1;visibility: visible;}
.detail-wrap{display: table;width: 100%; height: 100%;}
.detail-inner{display: table-cell;vertical-align: middle;}
.post-blk{position: relative; width: 845px; margin: 0 auto 50px; background-color: #fff;}
.post-detail{padding: 50px 70px;color: #595757;font-size: 16px;}
.post-detail h2{font-size: 26px;margin-bottom: 20px;}
.post-detail p{margin-bottom: 20px;}
.post-detail .tag{height: 25px; background-color: #b3282e; color: #fff;line-height: 25px;}
.post-detail .tag a{margin: 0 5px;}
.post-detail .time{color: #999; font-size: 13px;}
.post-share{position: absolute; top: 0;right: -55px; width: 55px;background-color: #242424;color: #6f6f6f;}
.post-share a,.post-share span{display: block; width: 100%; height: 55px; line-height: 55px; text-align: center;}
.post-share .iconfont{font-size: 24px;}
.post-share a:hover,.post-share span{background-color: #b3282e;color: #fff;}

/*nvn club*/
.apply-blk{display: block;background-color: #d73d39;color: #fff;}
.apply-blk img{display: block;}

/*project center*/
.project-list{margin-bottom: 25px;}
.project-list li{float: left; width: 33.33%; height: 270px;}
.project-list a{display: block; width: 100%; height: 100%;}

/*help*/
.static-banner{margin-bottom: 25px;}
.static-banner img{display: block;}
.help-list li{height: 202px;}
.download-list{padding: 35px 0; background-color: #fff;}
.download-list li{float: left;width: 410px;margin: 0 45px; padding: 10px 0;border-bottom: 1px solid #b9b9b9;font-size: 16px;}
.download-list span,.download-list p,.download-list a{float: left; display:block;}
.download-list span{width: 60px;}
.download-list p{width: 330px;margin: 4px 10px 0 0;}
.download-list a{width: 60px; color: #136cbf; text-align: right;}
.download-list .iconfont{font-size: 50px;}
.download-list .iconfont.org{color: #d73d39;}
.download-list .iconfont.red{color: #c5335c;}
.download-list .iconfont.gray{color: #727171;}
.download-list .iconfont.green{color: #318c2f;}
.download-list .iconfont.yellow{color: #ebb23f;}

/* apply */
.apply-main{padding: 50px 0 30px;margin-top: 60px; background: -moz-radial-gradient(center, circle farthest-side, #aaa, #999);background: -o-radial-gradient(center, circle farthest-side, #aaa, #999);background-image: radial-gradient(center, circle farthest-side, #aaa, #999);background:#999 -webkit-radial-gradient(center, circle farthest-side, #aaa, #999); color: #fff;}
.apply-main .layout{width: 610px;}
.apply-intro{margin-bottom: 15px;}
.apply-intro h4{margin-bottom: 10px; font-size: 26px; font-weight: bold; line-height: 50px;}
.apply-form p{padding: 15px 0; border-bottom: 1px solid #fff; font-size: 16px;font-weight: bold;}
.apply-form p.bd-none{border:none;padding-bottom: 0;}
.btn-red{display: inline-block; height: 36px;padding: 0 15px; background-color: #b3282e; border: none; color: #fff; font-size: 20px;font-weight: bold; line-height: 36px;}
.apply-form label{margin-right:30px;}
.apply-form .ipt{height: 20px; border: 1px solid #e4e4e4; background-color: #fff;outline: none;}
.apply-form .ipt.full{height: 80px;line-height: 20px; width: 100%;}
.apply-form select{height: 24px;}
/*
.apply-form select.wide{width: 250px;}
.apply-form select.wide1{width: 140px;}
.apply-form select.wide2{width: 230px;}
*/
.f12{font-size: 12px !important;}
.apply-form .cred{color: #b3282e !important;}
.apply-tab li{float: left;margin-right: 10px;}
.apply-tab .btn-red{background-color: #595757;}
.apply-tab .active .btn-red{background-color: #b3282e;}
.apply-progress .btn-red{font-weight:bold;}
.apply-progress label{margin:5px 0 15px 0;font-size:22px;font-weight:normal;}
.apply-progress .cgray{color: #595757;}
.apply-progress .ipt{height:22px;vertical-align:middle;}
.progress-list{margin-top: 20px;}
.progress-list li{margin-bottom: 15px; background-color: #595757; color: #fff; font-size: 16px;font-weight: bold; line-height: 32px;text-align: center;}
.progress-list li.active{background-color: #b3282e;}
#progress-results{width:100%;overflow:auto;}
.progress-result{display:inline-block;min-width:210px;min-height:22px;margin-top:22px;background:#fff;border:1px solid #e8e8e8;border-radius:3px;}
.pro_t{display:inline-block;margin:0;height:22px;line-height:22px;color:#595757;font-size:16px;border-right:1px solid #9b9a9a;}
.pro_c{display:inline-block;margin:0;height:22px;line-height:22px;color:#595757;font-size:16px;}

/* journal */
.journal-main{width: 1000px; margin: 60px auto 0;padding: 40px 0 90px; background: #fff url(imgs/boot-bg.png) repeat-x left bottom;}
.journal-main .layout{width: 885px;}
.journal-container{position: relative; width: 900px;}
.journal-blk{width: 265px;margin-bottom: 15px; padding: 10px;background-color: #f6f6f6;color: #666; font-size: 12px;}
.journal-blk .img{position: relative;display: block;width: 265px; height: 175px;overflow: hidden;}
.journal-blk .img span{position: absolute; top: 100%;left: 0;width: 100%; height: 100%;background: rgba(179,40,46,0.6);color: #fff; line-height: 175px; text-align: center;}
.journal-blk .img .iconfont{ font-size: 90px;}
.journal-blk h3{margin: 20px 0 15px; color: #221815; font-size: 20px;}
.journal-blk h3 a{display: block; width: 220px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.journal-blk h3 span{display: block;width: 40px;color: #c3c3c3; font-size: 12px; text-align: right;}
.journal-blk .tags{margin: 25px 0 0;}
.journal-blk .tags li{float: left;height: 24px;  margin-right:5px;margin-bottom: 10px; background-color: #b3282e; color: #fff;text-align: center; }
.journal-blk .tags a{display: block;min-width: 37px; padding: 0 15px;}
.journal-more{display: block;width: 190px;height: 45px;margin: 0 auto;background: #918d8b;border-radius: 2px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;transition: all .2s ease-out;text-align: center;visibility: hidden; color: #fff;line-height: 45px;}
.journal-more.show{visibility: visible;}
.journal-more .loading{display: inline-block;width: 16px; height: 16px; background: url(imgs/refresh.png) no-repeat center;vertical-align: middle; -webkit-animation: loading 0.8s infinite linear; -moz-animation: loading 0.8s infinite linear;-ms-animation: loading 0.8s infinite linear; animation: loading 0.8s infinite linear;}
@-webkit-keyframes loading {
  0% {-webkit-transform: rotate(0deg);}
  100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes loading {
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes loading {
  0% {-moz-transform: rotate(0deg);}
  100% {-moz-transform: rotate(360deg);}
}
@keyframes loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/* srar project */
.star-hd{height: 68px;overflow: hidden;}
.star-hd h2{height: 100%;padding: 0 10px; background-color: #8e1d22;color: #fff; font-size:32px;line-height: 68px;font-weight: bold;}
.star-hd h2 span{font-family:'Tahoma';}
.star-hd .note{width: 350px; margin-top: 20px;margin-left: 50px; font-size: 12px; color: #fff;line-height: 16px;}
.star-download{position:absolute;margin:30px 0 0 660px;display: block;width: 209px; height: 34px;background: url(imgs/star-download.png) no-repeat;text-indent: -999em;}
.icon{display: inline-block;width: 105px;height: 105px; background: url(imgs/icons.png) no-repeat; vertical-align: middle;}
.icon-world{background-position: 0 0;}
.icon-prize{background-position: 0 -114px;}
.icon-rank{background-position: 0 -228px;}
.icon-talk{background-position: 0 -342px;}
.harvest-list{background-color: #393c3f; padding: 55px 0;}
.harvest-list li{float: left;width: 25%; color: #fff;line-height: 20px;font-weight: bold; text-align: center;}
.harvest-list i{margin-bottom: 5px;}
.schedule-tb{width: 100%;background-color: #a3a3a3;}
.schedule-tb td,.schedule-tb th{width: 12.5%; border: 2px solid #fff; color: #fff; font-size: 24px; line-height: 58px;font-weight: bold; text-align: center;}
.schedule-tb td.green{background-color: #3d9446;}
.schedule-tb td.org{background-color: #db751d;}
.schedule-tb td.blue{background-color: #1588cb;}
.schedule-tb td.red{background-color: #cd281e;}
.apply-guide{background-color: #fff; padding: 50px 150px;color: #000;font-size: 16px; font-weight: bold;line-height: 30px;}
.apply-guide .cred{margin-left: 0; font-size: 20px;}
.apply-guide h4{margin-top: 20px; }
.square{position: relative; display: inline-block;width: 18px; height: 18px; background-color: #e20505;vertical-align: middle;}
.apply-guide .square{top: -2px;margin-right:5px;}
.apply-guide p{margin-left: 55px;}
.faq-list{padding: 30px 150px;background-color: #404246; color: #fff;}
.faq-list li{float: left; width: 25%;font-size: 16px; line-height: 30px; }
.faq-list .square{width: 12px; height: 12px;}
.faq-list .square{top: -1px;margin-right: 3px;}
.project-list.hk li{height: 236px;}
.star-img{display: block;}
.project-list.inspiration li{width: 200px; height: 562px;}
.star-faq h2{width: 222px;}


#fixedbg{position:absolute;left:0;top:0;width:100%;height:100%;background: url('../images/bblock.png');background:rgba(0,0,0,.6);z-index:100;}
#apply_ok{position:absolute;width:336px;height:341px;background: url('../images/apply_ok.png') no-repeat;z-index:110;display:none;}
#apply_ok .close{position:absolute;width:33px;height:33px;right:-20px;top:-20px;background: url('../images/close.png') no-repeat;z-index:112;}

#logo_pop{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:10000;text-align:center;}
.desc{display:none;}