img {
  display: block;
  vertical-align: top;
}
.screen-box {
  width: 100%;
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
}
.wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
/*首页*/
.screen-1 {
  height: 850px;
  background: url("../img/screen1-bg.jpg") no-repeat center center;
  position: relative;
}
.screen-1 .top-bar {
  width: 100%;
  height: 40px;
  background: url("../img/top-bar-bg.jpg");
}
.screen-1 .logo {
  display: block;
  width: 105px;
  height: 35px;
  background: url("../img/yinhan.png") no-repeat;
  margin: 1px 0 0 50px;
}
.screen-1 .index-wrap {
  height: 39px;
  position: relative;
}
.screen-1 .index-wrap a.guanwang {
  position: absolute;
  display: block;
  width: 112px;
  height: 30px;
  line-height:30px;
  text-align:center;
  font-size:18px;
  color:#2f0301;
  background: url("../img/gw.png");
  top: 0;
  right: 128px;
}
.screen-1 .shikong-logo {
  display: block;
  left: 22px;
  top: 40px;
  width: 220px;
  height: 87px;
  position: absolute;
  background: url("../img/logo.png");
}
.screen-1 .arr-down {
  display: block;
  position: absolute;
  background: url("../img/arr-down.png");
  width: 62px;
  height: 33px;
  bottom: 50px;
  left: 50%;
  margin-left: -31px;
  -webkit-animation: arrDown 1.3s ease-out infinite both;
  animation: arrDown 1.3s ease-out infinite both;
}
@-webkit-keyframes arrDown {
  0% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
@keyframes arrDown {
  0% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
}
.screen-2 {
  height: 524px;
  background: url("../img/screen2-bg.jpg") no-repeat center center;
  position: relative;
}
.screen-2 .tit {
  width: 368px;
  height: 176px;
  padding-left: 120px;
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 176px;
  background: url("../img/tit01.png") no-repeat left center;
  margin: 0 auto;
}
.screen-2 .activity-num li {
  float: left;
  width: 300px;
  height: 234px;
  margin-top:176px;
}
.screen-2 .activity-num li a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
.screen-2 .activity-num li a h6 {
  font-size: 20px;
  font-weight: bold;
  line-height: 109px;
  text-align: center;
  color: #fff;
  height: 109px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #95070b;
}
.screen-2 .activity-num li a h6 i {
  display: block;
  width: 27px;
  height: 28px;
  position: absolute;
  background: url("../img/activity-date-bg.png") no-repeat;
  left: 50%;
  margin-left: -14px;
  bottom: -14px;
}
.screen-2 .activity-num li a .active {
  width: 250px;
  height: 70px;
  background: url("../img/activity-bg.png") no-repeat;
  margin: 20px auto 0;
  padding-top: 13px;
  line-height: 70px;
  text-align: center;
  font-size: 24px;
  color: #ba3e4c;
  font-weight: bold;
}
.screen-2 .activity-num li.curr a i {
  background: url("../img/activity-date-bg-h.png") no-repeat;
}
.screen-2 .activity-num li.curr a .active {
  color: #ffffff;
}
.screen-3 {
  height: 750px;
  background: url("../img/screen3-bg.jpg") no-repeat center center;
  position: relative;
}
.screen-3 .tit {
  width: 306px;
  height: 176px;
  padding-left: 120px;
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 176px;
  background: url("../img/tit02.png") no-repeat left center;
  margin: 0 auto;
}
.screen-3 p.duijue-detail {
  margin: 0 auto;
  width: 468px;
  height: 130px;
  padding: 28px 20px;
  line-height: 24px;
  color: #228fff;
  font-size: 14px;
  background: url("../img/duijue-detaile.png");
}
.screen-3 .vs-box {
  width: 550px;
  height: 292px;
  background: url("../img/vs.png") no-repeat center center;
  margin: 50px auto 104px;
}
.screen-3 .vs-box .jinhua-shouhu {
  width: 215px;
  height: 292px;
  position: relative;
}
.screen-3 .vs-box .jinhua-shouhu img {
  vertical-align: top;
  display: block;
  width: 215px;
}
.screen-3 .vs-box .jinhua-shouhu .about-detail {
  width: 300px;
  height: 154px;
  position: absolute;
  top: 231px;
  display: none;
}
.screen-3 .vs-box .jinhua-shouhu .about-detail.jinhua-detail {
  left: -40px;
  background: url("../img/about-jinhua-detail.png") no-repeat;
}
.screen-3 .vs-box .jinhua-shouhu .about-detail.shouhu-detail {
  right: -45px;
  background: url("../img/about-shouhu-detail.png") no-repeat;
}
.screen-3 .vs-box .jinhua-shouhu .about-detail h6 {
  padding-top: 12px;
  height: 48px;
  text-align: center;
  line-height: 52px;
  color: #141d37;
  font-size: 24px;
}
.screen-3 .vs-box .jinhua-shouhu .about-detail p {
  padding: 0 12px;
  line-height: 28px;
  font-size: 16px;
  color: #141d37;
}
.screen-3 .join {
  display: block;
  width: 316px;
  height: 85px;
  margin: 102px auto 0;
  background: url("../img/join.png");
}
.screen-3 .join:hover {
  background: url("../img/join-h.png");
}
.screen-4 {
  height: 680px;
  background: url("../img/screen4-bg.jpg") no-repeat center center;
  position: relative;
}
.screen-4 .tit {
  width: 430px;
  height: 176px;
  padding-left: 120px;
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 176px;
  background: url("../img/tit03.png") no-repeat left center;
  margin: 0 auto;
}
.screen-4 .person {
  padding-top: 170px;
  height: 85px;
  width: 420px;
  margin: 0 auto;
  background: url("../img/person.png") no-repeat top center;
}
.screen-4 .person i {
  display: block;
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.screen-4 .person em {
  display: block;
  font-size: 26px;
  color: #fff;
  text-align: center;
}
.match-box {
  position: relative;
  height: 392px;
  width: 1200px;
  background: url("../img/line.png") no-repeat center center;
  top:268px;
}
.match-box ul {
  width: 192px;
  position: absolute;
}
.match-box ul li {
  height: 62px;
  width: 192px;
  background: #324a9f;
}
.match-box ul li i {
  display: inline-block;
  width: 74px;
  height: 20px;
  *zoom: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 16px;
  font-size: 14px;
  color: #228fff;
  text-align: center;
}
.match-box ul li i.dui-l {
  padding-left: 8px;
}
.match-box ul li i.dui-r {
  padding-right: 8px;
}
.match-box ul li em {
  color: #9eceff;
  font-size: 22px;
  padding-top: 12px;
  display: inline-block;
  *zoom: 1;
  width: 18px;
  height: 20px;
  text-align: center;
  vertical-align: top;
}
.match-box ul li .vs-time {
  height: 20px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #228fff;
}
.match-box .box-8 {
  height: 392px;
  top: 0;
}
.match-box .box-8 li {
  margin-bottom: 49px;
}
.match-box .box-8 li.box-8-last {
  margin-bottom: 49px;
}
.match-box .box-8.box-8-l {
  left: 0;
}
.match-box .box-8.box-8-r {
  right: 0;
}
.match-box .box-4 {
  height: 282px;
  top: 52px;
}
.match-box .box-4 li {
  position: absolute;
  left: 0;
}
.match-box .box-4 li.box-4-top {
  top: 0;
}
.match-box .box-4 li.box-4-bottom {
  bottom: 0;
}
.match-box .box-4.box-4-l {
  left: 220px;
}
.match-box .box-4.box-4-r {
  right: 220px;
}
.match-box .box-2 {
  height: 62px;
  top: 160px;
}
.match-box .box-2.box-2-l {
  left: 360px;
}
.match-box .box-2.box-2-r {
  right: 360px;
}
.match-box .box-1 {
  height: 62px;
  top: 64px;
  left: 50%;
  margin-left: -96px;
}
.match-box ul li.s-tit {
  width: 83px;
  height: 24px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -41px;
  margin-bottom: 0;
}
.match-box ul li.s-tit.tit-blue {
  background: #228fff;
}
.match-box ul li.s-tit.tit-red {
  background: #e93535;
}
.award-box {
  width: 1161px;
  height: 246px;
  margin: 65px auto 0;
  background: url("../img/award-bg.png");
}
.award-box .award-box-l {
  height: 160px;
  width: 304px;
  padding: 40px 40px 0 40px;
  float: left;
}
.award-box .award-box-l strong {
  width: 304px;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  display: block;
  padding-top: 35px;
  height: 62px;
}
.award-box .award-box-l i {
  color: #ba3e4c;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 278px;
}
.award-box .first {
  width: 319px;
  height: 147px;
  float: left;
  padding: 53px 120px 0 0;
  background: url("../img/first.png") no-repeat left 53px;
}
.award-box .second {
  width: 319px;
  height: 148px;
  float: left;
  padding: 53px 0 0 0;
  background: url("../img/second.png") no-repeat left 53px;
}
.screen-5 {
  height: 1025px;
  background: url("../img/screen5-bg.jpg") no-repeat center center;
  position: relative;
}
.screen-5 .tit {
  width: 520px;
  height: 176px;
  padding-left: 120px;
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  line-height: 176px;
  background: url("../img/tit04.png") no-repeat left center;
  margin: 0 auto;
}
.screen-5 .fuli {
  width: 1136px;
  height: 556px;
  margin: 0 auto;
  background: #131d3f;
}
.screen-5 .fuli .screen-5-main-top {
  height: 90px;
  width: 1136px;
}
.screen-5 .fuli .screen-5-main-top li {
  width: 568px;
  height: 90px;
  float: left;
  position: relative;
}
.screen-5 .fuli .screen-5-main-top li.haoli-tit {
  background: url("../img/haoli-tit.jpg") no-repeat;
}
.screen-5 .fuli .screen-5-main-top li.haoli-tit.curr {
  background: url("../img/haoli-tit-h.jpg") no-repeat;
}
.screen-5 .fuli .screen-5-main-top li.baby-tit {
  background: url("../img/bady-tit.jpg") no-repeat;
}
.screen-5 .fuli .screen-5-main-top li.baby-tit.curr {
  background: url("../img/baby-tit-h.jpg") no-repeat;
}
.screen-5-main-top li .haoli-list {
  display: none;
}
.screen-5-main-top li.curr .haoli-list {
  height: 348px;
  width: 1096px;
  position: absolute;
  top: 160px;
  left: 20px;
  display: block;
}
.screen-5-main-top li.curr .haoli-list li {
  float: left;
  width: 259px;
  height: 348px;
  background: url("../img/haoli-bg.jpg") no-repeat;
  margin-right: 20px;
}
.screen-5-main-top li.curr .haoli-list li.haoli-list-last {
  margin-right: 0;
}
.screen-5-main-top li.curr .haoli-list li .haoli-pic {
  width: 259px;
  height: 248px;
}
.screen-5-main-top li.curr .haoli-list li .haoli-pic.haoli-pic-1 {
  background: url("../img/1.png") no-repeat center center;
}
.screen-5-main-top li.curr .haoli-list li .haoli-pic.haoli-pic-2 {
  background: url("../img/2.png") no-repeat center center;
}
.screen-5-main-top li.curr .haoli-list li .haoli-pic.haoli-pic-3 {
  background: url("../img/3.png") no-repeat center center;
}
.screen-5-main-top li.curr .haoli-list li .haoli-pic.haoli-pic-4 {
  background: url("../img/4.png") no-repeat center center;
}
.screen-5-main-top li.curr .haoli-list li strong {
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 24px;
  text-align: center;
  height: 35px;
  width: 259px;
}
.screen-5-main-top li.curr .haoli-list li i {
  font-weight: bold;
  display: block;
  color: #228fff;
  font-size: 14px;
  text-align: center;
  height: 35px;
  width: 259px;
}
.screen-5-main-top li .baby-pifu {
  display: none;
}
.screen-5-main-top li.curr .baby-pifu {
  position: absolute;
  top: 90px;
  left: -568px;
  display: block;
  height: 466px;
  width: 1136px;
  background: url("../img/baby-pifu-bg.png") no-repeat;
}
.screen-5-main-top li.curr .baby-pifu .baby-pifu-detail {
  width: 568px;
  height: 466px;
  float: right;
}
.screen-5-main-top li.curr .baby-pifu .baby-pifu-detail .pifu-tit {
  width: 407px;
  height: 41px;
  background: url("../img/pifu-tit.png") no-repeat;
  margin: 75px auto 12px;
}
.screen-5-main-top li.curr .baby-pifu .baby-pifu-detail img {
  display: block;
  vertical-align: top;
  margin: 0 auto;
  width: 143px;
}
.screen-5-main-top li.curr .baby-pifu .baby-pifu-detail p {
  text-align: center;
  color: #228fff;
  font-size: 22px;
  height: 140px;
  width: 568px;
}
.tojoin {
  display: block;
  width: 316px;
  height: 85px;
  background: url("../img/tojoin.png");
  margin: 38px auto 0;
}
.tojoin:hover {
  background: url("../img/tojoin-h.png");
}
.shuoming {
  width: 1200px;
}
.shuoming h6 {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  height: 45px;
}
.shuoming p {
  height: 24px;
  background: url("../img/activity-shuoming-bg.png") top left no-repeat;
}
.shuoming p i {
  float: left;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  padding-right: 7px;
  font-size: 14px;
}
.shuoming p em {
  color: #3f7dbe;
  font-size: 14px;
}
@-webkit-keyframes moveLeft {
  0% {
    left: 0;
  }
  100% {
    left: -30px;
  }
}
@keyframes moveLeft {
  0% {
    left: 0;
  }
  100% {
    left: -30px;
  }
}
#fade {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../img/bg_black_60.png") repeat;
  top: 0;
  left: 0;
  z-index: 9999;
}
.dialog {
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  display: none;
}
.dialog .closeBtn {
  display: block;
  position: absolute;
  top: 120px;
  right: -80px;
  width: 70px;
  height: 70px;
}
.dialog .closeBtn:hover i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dialog .closeBtn i {
  display: block;
  width: 36px;
  height: 36px;
  cursor: pointer;
  background: url("../img/close.png") center no-repeat;
  transition: 0.3s;
}
#popVs {
  width: 504px;
  height: 380px;
  background: url("../img/popVs-bg.png") no-repeat;
}
#popVs .closeBtn {
  top: 0;
}
#popVs .popVs-top {
  padding-top: 60px;
  height: 90px;
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  line-height: 38px;
  text-align: center;
}
#popVs .popVs-main {
  width: 415px;
  margin: 0 auto;
}
#popVs .popVs-main .popVs-main-l {
  width: 232px;
  height: 167px;
  position: relative;
}
#popVs .popVs-main .popVs-main-l .popVs-ios {
  position: absolute;
  width: 232px;
  height: 78px;
  background: url("../img/vs-ios.png");
  top: 0;
  left: 0;
}
#popVs .popVs-main .popVs-main-l .popVs-ios:hover {
  background: url("../img/vs-ios-h.png");
}
#popVs .popVs-main .popVs-main-l .popVs-andriod {
  position: absolute;
  width: 232px;
  height: 78px;
  background: url("../img/vs-andriod.png");
  bottom: 0;
  left: 0;
}
#popVs .popVs-main .popVs-main-l .popVs-andriod:hover {
  background: url("../img/vs-andriod-h.png");
}
#popVs .popVs-main img {
  width: 167px;
}
#popJoin {
  width: 1114px;
  height: 669px;
  background: url("../img/popJoin.png");
}
#popJoin .popJoin-l {
  padding: 163px 70px 0 360px;
  width: 458px;
  float: left;
}
#popJoin .popJoin-l .popJoin-l-tit {
  color: #228fff;
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 20px;
}
#popJoin .popJoin-l .dialog-pic-list {
  width: 458px;
  height: 144px;
  background: url("../img/dialog-pic-box.png") no-repeat;
  padding-top: 25px;
}
#popJoin .popJoin-l .dialog-pic-list li {
  float: left;
  width: 101px;
  height: 141px;
  margin-right: 17px;
  background: url("../img/dialog-pic-bg.png") no-repeat;
}
#popJoin .popJoin-l .dialog-pic-list li.dialog-pic-last {
  margin-right: 0;
}
#popJoin .popJoin-l .dialog-pic-list li .dialog-pic-box {
  width: 101px;
  height: 101px;
}
#popJoin .popJoin-l .dialog-pic-list li .dialog-pic-box.dialog-pic-box-1 {
  background: url("../img/pic1.png") no-repeat center center;
}
#popJoin .popJoin-l .dialog-pic-list li .dialog-pic-box.dialog-pic-box-2 {
  background: url("../img/pic2.png") no-repeat center center;
}
#popJoin .popJoin-l .dialog-pic-list li .dialog-pic-box.dialog-pic-box-3 {
  background: url("../img/pic3.png") no-repeat center center;
}
#popJoin .popJoin-l .dialog-pic-list li .dialog-pic-box.dialog-pic-box-4 {
  background: url("../img/pic4.png") no-repeat center center;
}
#popJoin .popJoin-l .dialog-pic-list li p {
  color: #228fff;
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
}
#popJoin .popJoin-l .dialog-detail {
  width: 458px;
  height: 245px;
}
#popJoin .popJoin-l .dialog-detail h6 {
  height: 54px;
  line-height: 54px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
}
#popJoin .popJoin-l .dialog-detail ol li {
  line-height: 26px;
  padding-left: 12px;
  background: url("../img/dialog-li.png") no-repeat 0 10px;
}
#popJoin .popJoin-l .dialog-detail ol li i {
  color: #228fff;
  font-size: 14px;
}
#popJoin .popJoin-l .dialog-detail ol li em {
  font-size: 14px;
  color: #77b6f8;
}
#popJoin .popJoin-l .dialog-detail .notice {
  padding-top: 16px;
  color: #fe2525;
  font-size: 14px;
}
#popJoin .popJoin-r {
  float: left;
  width: 195px;
  padding-top: 218px;
}
#popJoin .popJoin-r .code {
  display: block;
  vertical-align: top;
  width: 193px;
  margin: 0 auto;
}
#popJoin .popJoin-r .download {
  display: block;
  width: 195px;
  height: 52px;
  margin-top: 26px;
}
#popJoin .popJoin-r .download.ios {
  background: url("../img/ios.png") no-repeat;
}
#popJoin .popJoin-r .download.ios:hover {
  background: url("../img/ios-h.png") no-repeat;
}
#popJoin .popJoin-r .download.andriod {
  background: url("../img/andriod.png") no-repeat;
}
#popJoin .popJoin-r .download.andriod:hover {
  background: url("../img/andriod-h.png") no-repeat;
}
/*底部*/
.footer{position:relative;padding:20px 0;line-height:30px;width:100%;color:#414759;text-align:center;font-family:宋体;font-size:12px;background:#0d0e11;z-index:40;}
.footer a {color:#414759;}
.footimg{display:inline-block;*display:inline;zoom:1;width:105px;padding-right:15px;height:35px;border-right:1px solid #666666;vertical-align:middle;margin-right:20px;}
.footimg a{display:inline-block;*display:inline;zoom:1;width:105px;height:35px;}
div.ruleheader{width:1200px;height:60px;padding-top:285px;}
div.ruleheader >a{display:block;width:232px;height:60px;line-height:60px;text-align:center;font-size:24px;color:#74b9ff;background:#354C9F;border:1px solid #228fff;float:left;margin-left:5px;}
div.ruleheader >a#rt1{margin-left:0;}
div.ruleheader >a:hover,div.ruleheader >a.rsel{color:#ffffff;background:#228fff;}
p.rulecontent{font-size:16px;line-height:43px;color:#74b9ff;padding:50px 0 0 40px;display:none;}
p#rc1{display:block;}
div#popDownload{width:466px;height:230px;background:url(../img/box.jpg) no-repeat;border:1px solid #4ca3fe;}
a.dls{display:block;width:186px;height:55px;background:url(../img/none.png);position:absolute;left:228px;}
a.dl_a{top:46px;}
a.dl_i{top:122px;}
a#closedl{width:36px;height:36px;top:-1px;right:-36px;background:#4ca3fe;}
div.share{width:238px;height:48px;background:url(../img/share.png) no-repeat center;position:absolute;top:0;right:-30px;}
div.share >a{display:block;width:32px;height:32px;position:relative;float:left;margin-left:12px;margin-top:8px;}
div.share >a.link1{margin-left:37px;}
a.link1{background:url(../img/i1.png) no-repeat center;}
a.link1:hover{background:url(../img/i1_h.png) no-repeat center;}
a.link2{background:url(../img/i2.png) no-repeat center;}
a.link2:hover{background:url(../img/i2_h.png) no-repeat center;}
a.link3{background:url(../img/i3.png) no-repeat center;}
a.link3:hover{background:url(../img/i3_h.png) no-repeat center;}
a.link4{background:url(../img/i4.png) no-repeat center;}
a.link4:hover{background:url(../img/i4_h.png) no-repeat center;}
a.link2 img{position:absolute;top:40px;left:-46px;display:none;}
div.rightBox{width:155px;height:510px;position:fixed;top:50%;margin-top:-255px;right:0;}
div.rightBox >p{text-align:center;color:#fefeff;font-size:18px;line-height:18px;padding:10px 0;background:#194f8c;}
div.rightBox >p span{font-size:12px;line-height:12px;}
a.gw{display:block;width:155px;height:48px;line-height:48px;text-align:center;font-size:18px;color:#fefeff;background:#a51e28;}
a.gw:hover{background:#d22632;}
a.gw >img{display:inline;margin:11px 3px 0 0;}
.nav {
  width: 155px;
  margin-top:5px;
}
.nav li {
  height: 48px;
  width: 155px;
  margin-bottom:1px;
  position: relative;
}
.nav li a {
  display: block;
  height: 48px;
  width: 155px;
  font-size: 18px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background:#0b3361;
}
.nav li a:hover,.nav li.curr a{
  background:#228fff;
 /* -webkit-animation: moveLeft 0.8s ease-out both;
  animation: moveLeft 0.8s ease-out both;*/
}