/*========== top ==========*/
/*----- header -----*/
.header { position: absolute; z-index: 999; top: 0px; display: block; width: 100%; height:135px; background: url("../img/logo-line.png") repeat-x center center; text-align: center; }
.header .logo { display: inline-block; width:160px; height: 135px; background: url("../img/logo.png") repeat-x bottom center; }
.login-wrapper { position: absolute; top: 0; right: 0; float: right; padding: 54px 30px 0; }
.login-before { height: 28px; line-height: 28px; }
.login-before a { display: inline-block; padding: 0px 15px; margin-left: 10px; color: #fff; border: solid 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.login-before a:hover,.login-before a:focus { background: #fff; color: #ed6e4a; text-decoration: none; }
.login-after { color: #fff; height: 28px; line-height: 28px; }
.login-after a { color: #fff; }
.login-after a.btn-white { display: inline-block; padding: 0px 15px; margin-right: 10px; color: #fff; border: solid 1px #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/*----- banner -----*/
.banner { position: relative; width: 100%; height: 1000px; padding-top: 200px; background: url("../img/team-banner.jpg") no-repeat top center; background-size: cover; margin-bottom: 50px; }
.banner .text01 { height: 77px; background: url("../img/banner-text01.png") no-repeat left center; }
.banner .text02 { height: 96px; margin-top: 25px; background: url("../img/banner-text02.png") no-repeat left center; }
.banner .text03 { margin-top: 20px; font-size: 18px; color: #fff; }
.banner .text04 { font-size: 28px; padding-top: 10px; color: #fff; overflow: hidden; }
.banner .text04 li { float: left; padding: 12px 0 0 20px; margin-right: 30px; background: url("../img/banner-text-line.png") no-repeat left top; }
.btn-wrap { float: left; padding-top: 30px; }
.btn-wrap a { display: block; font-size: 26px; font-weight: bold; padding: 12px 40px; }
.btn-wrap a:hover,.btn-wrap a:focus { background: #000; text-decoration: none; }
.btn-wrap .btn-build { margin-bottom: 20px; background: #212121; color: #ed6e4a; }
.btn-wrap .btn-join { font-size: 26px; font-weight: bold; padding: 12px 35px; background: #212121; color: #fff; }
.team-wrapper { padding: 15px 0 15px 30px; margin-top: 60px; background: rgba(255, 255, 255, 0.1); border: solid 1px #fff; overflow: hidden; zoom: 1; }
.team-heading { float: left; height: 88px; line-height: 88px; }
.team-heading .headimg-img { float: left; width: 88px; height: 88px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.team-heading strong { display: inline-block; margin-left: 20px; font-size: 22px; color: #fff; }
.team-body { float: right; }
.team-body ul li { display: inline-block; padding: 13px 30px 0; text-align: center; color: #fff; }
.team-body ul li strong { font-size: 28px; }
.team-body ul li p { font-size: 15px; margin-bottom: 0px; }
/*----- 团队排行榜 -----*/
.team-board { margin-top: 30px; padding-bottom: 20px; line-height: 1; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); color: #362e2b; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.team-board h3 { font-size: 24px; padding: 20px 20px 10px; margin: 0px; }
.team-board .board-list a { color: #362e2b; }
.team-board .board-list a:hover { color: #000; }
.team-board .board-rank { float: left; width: 25%; text-align: center; }
.team-board .board-name { float: left; width: 25%; }
.team-board .board-name a { display: inline-block; padding-left: 24px; font-style: normal; background: url("../img/icon-king.png") no-repeat left center; }
.team-board .board-leader { float: left; width: 25%; text-align: center; }
.team-board .board-integral { float: left; width: 25%; text-align: center; }
.board-menu { font-size: 16px; font-weight: bold; line-height: 32px; overflow: hidden; }
.board-list { line-height: 32px; overflow: hidden; }
.board-list .board-integral { color: #FFD600; }
.bg-blak { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); }
.board-time { padding:10px 0 20px; text-align: center; font-size: 18px; }
/*========== main ==========*/
.text-tips { font-size: 13px; line-height: 30px; text-align: center; color: #ed6e4a; }
.team-item { font-size: 16px; line-height: 30px; text-align: center; }
.team-item b { display: inline-block; width: 26px; height: 26px; line-height: 26px; margin: 0 6px; background: #ed6e4a; color: #fff; }
.team-item .btn { margin-top: 15px; }
.line { height: 1px; margin: 50px 0; background: url("../img/line.jpg") no-repeat left center; }
.team-join .nav-tabs { text-align: center;  }
.team-join .nav-tabs > li { float: inherit; display: inline-block; }
.team-join .nav-tabs > li > a { color: #999; font-size: 18px; border-radius: 0px 0px 0 0; border-top: solid 2px #fff; }
.team-join .nav > li > a { padding: 10px 25px; }
.team-join .nav-tabs > li.active > a, .team-join .nav-tabs > li.active > a:hover, .team-join .nav-tabs > li.active > a:focus { color: #ED6E4F; font-size: 18px; border-top: solid 2px #ed6e4a; }
.activity-live { display: block; width: 100%; margin: 0 auto; }
.activity-live ul { display: block; margin-top: 15px; margin-bottom:6px; overflow: hidden; }
.activity-live ul li { line-height: 22px; padding: 12px 15px; color: #999; font-size: 14px; border-bottom: solid 1px #f4f4f4; overflow: hidden; }
.activity-live ul li a { display: inline-block; padding: 0 6px; color: #5A5A5A; font-size: 14px; }
.activity-live ul li em { display: inline-block; padding: 0 4px; font-style: normal; color: #ED6E4A; }
.activity-live .time { float: left; width: 66px; height: 19px; line-height: 19px; margin-top: 3px; color: #fff; font-size: 12px; text-align: center; background: #ED6E4F; border-radius: 2px; }
.activity-live .text { margin-left: 85px; height: 22px; overflow: hidden; }
.activity-live .text .color-red { color: #f59e05; }
.activity-live a.prize { color: #f8cc00; text-decoration: none; }
.team-table { text-align: center; padding-top: 10px; }
.team-table .table > thead > tr > th { color: #d06c56; font-size: 15px; }
.team-table .header-img { width: 32px; height: 32px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: solid 1px #d9d9d9; }
.team-table .team-btn a { color: #999; }
.team-table .team-btn a:hover,.team-table .team-btn a:focus { color: #ed6e4a; }
.bg-grey { margin-top: 70px; padding: 60px 0; background: url("../img/bg-grey.jpg") repeat; }
.reward { padding-bottom: 30px; text-align: center; }
.reward .tit_1 h2 { margin-bottom: 35px; }
.reward-item { padding: 30px 30px; min-height: 350px; margin: 0 15px; background: #fff; border-top: solid 2px #ed6e4a; border-right: solid 1px #d2d2d2; border-bottom: solid 2px #ed6e4a; border-left: solid 1px #d2d2d2; }
.reward-item h3 { font-size: 20px; color: #ed6e4a; margin-bottom: 30px; }
.reward-item h4 { font-size: 16px; margin-bottom: 5px; }
.reward-item p { color: #979797; font-size: 15px; line-height: 24px; margin-bottom: 20px; }
.reward-item p.reward-text { font-size: 18px; line-height: 32px; color: #666; padding-top: 30px; }
.reward-yellow.reward-item { border-top: solid 2px #ffc200; border-bottom: solid 2px #ffc200; }
.reward-tips { text-align: left; padding-left: 15px; margin-top: 15px; }
.prize .tit_1 h2 { margin-bottom: 35px; }
.prize-item { padding: 0 15px 10px; }
.prize-item .thumbnail { -ms-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
.prize-item .thumbnail:hover { -moz-box-shadow: 1px 0px 30px rgba(0,0,0,0.1); box-shadow: 1px 0px 30px rgba(0,0,0,0.1); -ms-transform: translate3d(0,2px,0); -moz-transform: translate3d(0,2px,0); -webkit-transform: translate3d(0,2px,0); -o-transform: translate3d(0,2px,0); transform: translate3d(0,2px,0); }
.prize-item a,.prize-item a:link,.prize-item a:focus { text-decoration: none; }
.prize .team-btn { padding: 0 15px; text-align: right; }
.prize .team-btn a { color: #999; }
.prize .team-btn a:hover,.prize .team-btn a:focus { color: #ed6e4a; }
.question { padding: 20px 15px 0; }
.question h3 { color: #ed6e4a; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #cecece; }
.question h4 { border-left: solid 2px #ed6e4a; padding-left: 10px; font-size: 16px; margin-bottom: 10px; line-height: 1; font-weight: bold; color: #333; }
.question p { line-height: 26px; margin-bottom: 15px; }
ul.countdown { list-style: none; padding: 0; display: block; text-align: center; }
ul.countdown li { display: inline-block; }
ul.countdown li span { font-size: 40px; font-weight: 300; line-height: 40px; }
ul.countdown li.seperator { font-size: 40px; line-height: 30px; vertical-align: top; }
ul.countdown li p { color: #000; font-size: 14px; font-weight: bold; }
.code-ewm { float: left; padding-top: 30px; text-align: center; color: #fff; }
.code-ewm img { width: 184px; height: 184px; }
.code-ewm p { padding-top: 10px; }
/*----- 团队 -----*/
.team-member { padding: 30px 20px 0; font-size: 14px; overflow: hidden; }
.team-member .table > thead > tr > th { border: none; background: #f5f5f5; font-size: 15px; padding: 8px; font-weight: normal; }
.team-member .table > thead > tr > td, .team-member .table > tbody > tr > td, .team-member .table > tfoot > tr > td { padding: 12px 8px; line-height: 40px; border-top: none; border-bottom: solid 1px #f5f5f5; }
.team-member .member-name { text-align: left; }
.team-member .member-name a { color: #179ef3; }
.team-member .img-circle { width: 40px; height: 40px; margin-right: 10px; }
.team-member .time { color: #a2a2a2; }
.team-member .rank { color: #ff7800; }
/*========== footer ==========*/
.footer { height: 120px; background: url("../img/footer-bg.jpg") no-repeat top center; }
	
/*========== 媒体查询 ==========*/
@media screen and (max-width: 992px) {
  .banner { height: 1240px; }
  .banner .text02 { background-size: 100%; }
  .btn-wrap { width: 100%; }
  .team-board { margin-top: 200px; }
  .reward-item { margin-bottom: 20px; }
}
@media screen and (max-width: 375px) {
	.bg-grey { padding: 40px 0; }
  .login-wrapper { top: 90px; width: 100%; }
  .banner .text01 { height: 50px; background-size: 210px; }
  .banner .text02 { height: 30px; background-size: 310px; margin-top: 15px; }
  .banner .text03 { font-size: 16px; margin-top: 15px; }
  .banner .text04 li { font-size: 16px; padding: 0px; margin-right: 20px; background:none; }
  .btn-wrap { width: 100%; padding-top: 10px; }
  .btn-wrap a { display: block; font-size: 18px; font-weight: bold; text-align: center; padding: 10px 40px; }
  .btn-wrap .btn-join { font-size: 18px; font-weight: bold; padding: 10px 40px; background: #212121; color: #fff; }
  .team-board { margin-top: 170px; }
  .team-join .nav > li > a { padding: 8px 20px; }
  .team-join .nav-tabs > li > a { font-size: 16px; }
  .reward-item { margin-bottom: 20px; }
}