* {
  font-family: 'Microsoft YaHei';
}

body {
  min-width: 1610px;
  position: relative;
}

a,
a:hover {
  text-decoration: none;
}

/* 视频 */
.flash-div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  overflow: hidden;
  top: -560px;
  float: left;
}

.flash-block {
  position: absolute;
  width: 1920px;
  left: 0;
}

.slogan-human {
  background: url(../images/v3/default/video-index-role.png) no-repeat;
  width: 923px;
  height: 557px;
  position: absolute;
  display: none;
  top: 48px;
  left: 50%;
  margin-left: -462.5px;
}

#wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* 头部 */
.block-0 {
  position: relative;
  top: 0;
  width: 100%;
  height: 689px;
  background: url(../images/v4/default/bg-01.jpg) no-repeat top center;
}

.block-0 .header {
  height: 100%;
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.block-0 .header .warning {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -544px;
}

.block-0 .header .slogan {
  width: 612px;
  height: 120px;
  position: absolute;
  left: 50%;
  margin-left: -306px;
  top: 450px;
  background: url(../images/v4/default/time.png) no-repeat;
}

.block-0 .header .slogan.time-1 {
  background-position-y: bottom;
}

#banner_link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}

.logo-a {
  position: absolute;
  top: 34px;
  left: -160px;
  z-index: 2;
  width: 157px;
  height: 84px;
  background: url(../images/v3/default/logo.png) no-repeat;
}

.block-0 .header .video {
  position: absolute;
  top: 598px;
  left: 348px;
  z-index: 2;
  width: 141px;
  height: 91px;
  background: url(../images/v4/default/video.png) no-repeat;
  cursor: pointer;
  display: none;
}

.block-0 .header .video:hover {
  opacity: .9;
  filter: alpha(opacity=90);
}

.block-0 .homeLink {
  position: absolute;
  top: 0;
  right: 180px;
  z-index: 4;
  width: 150px;
  height: 39px;
  background: url(../images/v4/default/top-btn.png) no-repeat;
}

.block-0 .downloadLink {
  position: absolute;
  top: 0;
  right: 20px;
  width: 150px;
  z-index: 4;
  height: 39px;
  background: url(../images/v4/default/top-btn.png) no-repeat;
  background-position-x: -169px;
}

.block-0 .homeLink:hover,
.block-0 .downloadLink:hover {
  background-position-y: bottom;
}

/* 第二屏 */
.block-1 {
  position: relative;
  top: 0;
  width: 100%;
  height: 500px;
  background: url(../images/v4/default/bg-02.jpg) no-repeat top center;
}

.block-1 .center-div {
  width: 1060px;
  margin: 0 auto;
}

.block-1 .bottom-reg {
  position: relative;
  z-index: 2;
  float: left;
  width: 300px;
  height: 450px;
  margin-right: 19px;
  background: url(../images/v4/default/reg.jpg) no-repeat;
  margin-top: 40px;
}

.block-1 .bottom-reg .regIframe {
  margin: 66px auto 0;
  width: 252px;
  height: 350px;
}

.block-1 .bottom-banner-0 {
  position: relative;
  z-index: 2;
  float: left;
  width: 740px;
  height: 350px;
  overflow: hidden;
  margin-top: 40px;
}

.block-1 .bottom-banner-0 .bannerUl {
  width: 99999px;
  position: absolute;
  top: 0;
}

.block-1 .bottom-banner-0 .bannerUl li {
  position: relative;
  float: left;
  width: 740px;
  height: 100%;
}

.block-1 .bottom-banner-0 .bannerUl li .videoPlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  background-image: url(../images/v3/default/play-btn-in.png);
  background-color: rgba(0, 0, 0, 0.70);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000, endColorstr=#70000000);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.block-1 .bottom-banner-0 .bannerUl li img {
  width: 740px;
  height: 350px;
  display: block;
}

.block-1 .bottom-banner-0 .bannerTips {
  position: absolute;
  bottom: 12px;
  right: 12px;
}

.block-1 .bottom-banner-0 .bannerTips li {
  float: left;
  width: 21px;
  height: 21px;
  margin: 0 4px;
  background: url(../images/v4/default/point.png) no-repeat;
  cursor: pointer;
}

.block-1 .bottom-banner-0 .bannerTips li:hover,
.block-1 .bottom-banner-0 .bannerTips li.on {
  background-position-y: -33px;
}

.tab1_contb .yxf-titles {
  width: 766px;
  height: 67px;
  margin: 40px auto;
  background: url(../img/titles.png) no-repeat center bottom;
  text-align: center;
}

.tab1_contb .yxf-titles span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 34px;
  font-weight: bold;
  color: #9d6400;
  line-height: 68px;
}

/* 第三屏 */
.block-2 {
  position: relative;
  top: 0;
  width: 100%;
  height: 1145px;
  background: url(../images/v4/default/chacter-R2.png) 50% -9% repeat-x;
}

.block-2 .yxf-titles {
  width: 766px;
  height: 67px;
  margin: 40px auto;
  background: url(../img/titles.png) no-repeat center bottom;
  text-align: center;
}

.block-2 .yxf-titles span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 34px;
  font-weight: bold;
  color: #9d6400;
  line-height: 68px;
}

.block-2 .chacterChange {
  position: relative;
  width: 100%;
}

.block-2 .chacterChange .chacterL {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 733px;
  background: url(../images/v4/default/chacter-L.png) no-repeat;
}

.block-2 .chacterChange .chacterR {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -54px;
  margin-top: 62px;
  width: 1003px;
  height: 619px;
  background: url(../images/v4/default/chacter-R.png) no-repeat;
}

.block-2 .chacterChange .chacterPerson {
  width: 1731px;
  height: 1131px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -258px;
}

.block-2 .chacterChange .chacterPerson .chacterMain {
  width: 100%;
  height: 100%;
}

.block-2 .chacterChange .chacterPerson .chacterMain.tj-m {
  background: url(../images/v4/default/tj-m.png) no-repeat;
  transform: translate(0%, 1%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.tj-f {
  background: url(../images/v4/default/tj-f.png) no-repeat;
  transform: translate(0%, 1%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.lh-m {
  background: url(../images/v4/default/lh-m.png) no-repeat;
  transform: translate(0%, 1%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.lh-f {
  background: url(../images/v4/default/lh-f.png) no-repeat;
  transform: translate(0%, 1%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.xq-m {
  background: url(../images/v4/default/xq-m.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.xq-f {
  background: url(../images/v4/default/xq-f.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.qc-m {
  background: url(../images/v4/default/qc-m.png) no-repeat;
}

.block-2 .chacterChange .chacterPerson .chacterMain.qc-f {
  background: url(../images/v4/default/qc-f.png) no-repeat;
}

.block-2 .chacterChange .chacterPerson .chacterMain.em-m {
  background: url(../images/v4/default/em-m.png) no-repeat;
}

.block-2 .chacterChange .chacterPerson .chacterMain.em-f {
  background: url(../images/v4/default/em-f.png) no-repeat;
}

.block-2 .chacterChange .chacterPerson .chacterMain.bh-m {
  background: url(../images/v4/default/bh-m.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.bh-f {
  background: url(../images/v4/default/bh-f.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.wz-m {
  background: url(../images/v4/default/wz-m.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterPerson .chacterMain.wz-f {
  background: url(../images/v4/default/wz-f.png) no-repeat;
  transform: translate(0%, 2%);
}

.block-2 .chacterChange .chacterinfo {
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: 200px;
  margin-right: -470px;
  width: 200px;
  height: 340px;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain {
  width: 100%;
  height: 100%;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.tj {
  background: url(../images/v4/default/tj-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.lh {
  background: url(../images/v4/default/lh-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.xq {
  background: url(../images/v4/default/xq-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.qc {
  background: url(../images/v4/default/qc-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.em {
  background: url(../images/v4/default/em-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.bh {
  background: url(../images/v4/default/bh-name.png) no-repeat;
}

.block-2 .chacterChange .chacterinfo .chacterinfoMain.wz {
  background: url(../images/v4/default/wz-name.png) no-repeat;
}

.block-2 .chacterChange .chacterTab {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 180px;
  margin-left: 530px;
}

.block-2 .chacterChange .chacterTab li {
  width: 180px;
  line-height: 24px;
  text-align: center;
  color: #bfa23f;
  font-size: 18px;
  background: url(../images/v4/default/chacter-tab.png) no-repeat;
  background-position-x: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.block-2 .chacterChange .chacterTab li.on,
.block-2 .chacterChange .chacterTab li:hover {
  color: #fff;
  background-position-x: -199px;
}

.block-2 .chacterChange .chacterBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 260px;
  margin-left: 280px;
  z-index: 3;
}

.block-2 .chacterChange .chacterBtn .male {
  width: 28px;
  height: 31px;
  background: url(../images/v4/default/sex-btn.png) no-repeat;
  cursor: pointer;
}

.block-2 .chacterChange .chacterBtn .female {
  width: 28px;
  height: 31px;
  background: url(../images/v4/default/sex-btn.png) no-repeat;
  background-position-y: -31px;
  cursor: pointer;
}

.block-2 .chacterChange .chacterBtn .male.on,
.block-2 .chacterChange .chacterBtn .female.on,
.block-2 .chacterChange .chacterBtn .male:hover,
.block-2 .chacterChange .chacterBtn .female:hover {
  background-position-x: -40px;
}

.block-2 .bottomBtn {
  position: absolute;
  bottom: 110px;
  left: 0;
  right: 0;
  z-index: 3;
  margin: 0 auto;
  width: 780px;
}

.block-2 .bottomBtn .homeBottomLink {
  float: left;
  width: 338px;
  height: 87px;
  background: url(../images/v4/default/bottomBtn.png) no-repeat;
}

.block-2 .bottomBtn .downloadBottomLink {
  float: left;
  width: 338px;
  height: 87px;
  margin-left: 101px;
  background: url(../images/v4/default/bottomBtn.png) no-repeat;
  background-position-x: -439px;
}

.block-2 .bottomBtn .homeBottomLink:hover,
.block-2 .bottomBtn .downloadBottomLink:hover {
  background-position-y: -157px;
}

.foot_w {
  position: relative;
  top: 42px;
}

/* 弹窗 */
.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
}

.video-div {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 494px;
  margin-left: -400px;
  margin-top: -247px;
  z-index: 13;
}

.video-div .pop-close {
  position: absolute;
  top: 0;
  right: -35px;
  width: 29px;
  height: 30px;
  background: url(../images/v3/default/pop-close.png) no-repeat;
  cursor: pointer;
}

.remind {
  width: 100%;
  height: 43px;
  line-height: 43px;
  background: #1f2229;
  text-align: center;
  font-size: 16px;
  font-family: 'Microsoft YaHei';
  margin: 0px auto 0 auto;
  color: #c2c2c0;
  margin-top: -1px;
  overflow: hidden;
}

.tenthLogo {
  background: url(../images/v4/default/ten.png) no-repeat;
  width: 142px;
  height: 60px;
  position: absolute;
  top: 40px;
  left: 170px;
}


/* 客服 */

.kfPopUp {
  width: 187px;
  height: 293px;
  position: absolute;
  top: 150px;
  left: -815px;
  z-index: 5;
}

.xbPopUp {
  display: block;
  height: 80px;
  background: url(../images/v3/common/xbPic.png) no-repeat;
}

.smPopUp {
  display: block;
  height: 80px;
  margin-top: 10px;
  background: url(../images/v3/common/smPic.png) no-repeat;
}

.yxPopUp {
  display: block;
  height: 80px;
  margin-top: 10px;
  background: url(../images/v3/common/yxPic.png) no-repeat;
}

.slogan-human {
  background: url(../images/v3/index/video-index-role.png) no-repeat 0px 0;
  width: 1691px;
  height: 650px;
  position: absolute;
  display: none;
  top: 170px;
  left: 50%;
  margin-left: -800px;

}