/*
 * Author: candy(930227)
 * Version: 0.1.0
 * Compile Date: 2017-03-17 15:02
*/
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0; }

ol, ul, dl {
  list-style: none; }

img {
  border: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, textarea, select {
  font: 12px "Microsoft YaHei", simsun, tahoma;
  outline: none; }

a {
  color: #ffd33e;
  text-decoration: none;
  outline: none;
  }

a:hover {
  text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  font-size: 0;
  height: 0; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both; }

.hidden {
  line-height: 99999px;
  overflow: hidden; }

.relative {
  position: relative; }

.fl {
  float: left; }

.fr {
  float: right; }

.fz14 {
  font-size: 14px; }

.mt20 {
  margin-top: 20px; }

body {
  background: #1d1b1e;
  color: #fff;
  font: 18px/1.5 "Microsoft Yahei"; }

.full-bg {
  background: url("../img/full-bg.jpg"/*tpa=http://ys.23my.com/view/img/full-bg.jpg*/) no-repeat center top;
}

/*wrapper*/
.wrapper {
  width: 1226px;
  margin: 0 auto;
}

/*header*/
.header {
  position: relative;
  height: 584px;
  background: url("../img/header.jpg"/*tpa=http://ys.23my.com/view/img/header.jpg*/) center bottom no-repeat;
  }

.logo {
  position: absolute;
  top: 20px;
  left: 30px; }

/*main-01*/
.main-01 {
  position: relative;
  width: 1226px;
  height: 685px;
  background: url("../img/main01.jpg"/*tpa=http://ys.23my.com/view/img/main01.jpg*/) center top no-repeat;
}

.main-reg {
  position: absolute;
  width: 329px;
  height: 428px;
  top: 230px;
  left: 15px;
  background: #151934;
}
.main-reg h3 {
  padding: 10px 0 10px;
  color: #f1be45;
  font-size: 28px;
  text-align: center;
  text-shadow: 0 1px 1px #0e0509;
  line-height: 30px;
}
.main-reg .reg {
  width: 340px;
  margin: 0 auto; }

.step-mod {
  position: absolute;
  top: 20px;
  left: 358px; }
.step-mod li {
  position: absolute;
  top: 0;
  width: 277px;
  height: 89px;
  background: url("../img/step-bg.png"/*tpa=http://ys.23my.com/view/img/step-bg.png*/) no-repeat;
  text-align: center; }
.step-mod li h4 {
  margin-top: 25px;
  font-size: 16px; }
.step-mod li h4 span {
  display: inline-block;
  *
  display: inline;
  *
  zoom: 1;
  padding: 0 20px;
  background: #151934;
  line-height: 25px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  }
.step-mod li h3 {
  color: #eccf61;
  font-size: 18px;
  font-weight: bold; }
.step-mod li img {
  display: block;
  width: 215px;
  height: 128px;
  margin: 10px auto 0; }
.step-mod .li-02 {
  left: 280px; }
.step-mod .li-03 {
  left: 560px; }
.step-mod .step-num {position: absolute;
  top: 0;
  left: 2px;
  width: 73px;
  height: 77px;

  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  text-indent: 10px;background-repeat: no-repeat;}
.step-mod .btn-step {display: block;
  width: 235px;
  height: 66px;
  margin: 0 auto;

  color: #452710;
  text-align: center;
  line-height: 66px;background-repeat: no-repeat;}
.step-mod .btn-step:hover {background-repeat: no-repeat;}

.btn-download {
  position: absolute;
  top: 19px;
  left: 12px;
  z-index: 5;
  width: 336px;
  height: 204px;
  color: #504117;
  font-size: 24px;
  line-height: 203px;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 1px 1px #fff;
  background-repeat: no-repeat;
}
.btn-download:hover {background-repeat: no-repeat;}
.btn-download span {
  position: absolute;
  width: 100%;
  top: 120px;
  left: 0;
  color: #504117;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  text-shadow: none; }

.reward {
  position: absolute;
  top: 330px;
  left: 360px; }
.reward li {
	position: absolute;
	width: 837px;
	height: 575px;
	color: #e5dbc3;
	text-align: center;
	background-repeat: no-repeat;
	left: -1px;
	top: -212px;
}
.reward li.on {background-repeat: no-repeat;}
.reward li img {
  display: block;
  width: 143px;
  height: 128px;
  margin: 0 auto; }
.reward .li-02 {
  left: 280px; }
.reward .li-03 {
  left: 560px; }
.reward .li-04 {
  left: 560px;
  top: 168px; }
.reward .li-05 {
  left: 560px;
  top: 336px; }
/*.reward .li-05 span {
  display: block;
  width: 90px;
  margin: 35px 90px;
  font-size: 36px;
  line-height: 42px; }*/
.reward .li-06 {
  left: 280px;
  top: 336px; }
.reward .li-07 {
  top: 336px; }
.reward .li-08 {
  top: 168px; }

.btn-lottery {position: absolute;
  top: 168px;
  left: 280px;
  z-index: 5;
  width: 275px;
  height: 165px;

  color: #fdcdce;
  font-size: 32px;
  text-align: center;
  text-shadow: 0 0 5px #ff544b;
  line-height: 165px;background-repeat: no-repeat;}
.btn-lottery:hover {background-repeat: no-repeat;}

/*main-02*/
.main-02 {
  position: relative;
  height: 586px;
  padding-left: 30px;
  background: url("../img/main02.jpg"/*tpa=http://ys.23my.com/view/img/main02.jpg*/) center top no-repeat;
}
.main-02 h3 {
  color: #f8dba8;
  font-size: 36px; }
.main-02 .tips {
  padding-top: 15px;
  color: #fff;
  line-height: 28px; }

.swiper-box {
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -600px;
  width: 1199px;
  height: 505px;
  overflow: hidden;
  }
.swiper-box .sister-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }
.swiper-box .swiper-slide {
  position: relative; }

.sister {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 769px;
  height: 517px; }

.sister-01 {
  background: url("../img/sister-01.png"/*tpa=http://ys.23my.com/view/img/sister-01.png*/) no-repeat; }

.sister-02 {
  background: url("../img/sister-02.png"/*tpa=http://ys.23my.com/view/img/sister-02.png*/) no-repeat; }

.sister-03 {
  background: url("../img/sister-03.png"/*tpa=http://ys.23my.com/view/img/sister-03.png*/) no-repeat; }

.sister-04 {
  background: url("../img/sister-04.png"/*tpa=http://ys.23my.com/view/img/sister-04.png*/) no-repeat; }

.post {
  position: absolute;
  top: 0;
  right: 20px;
  width: 394px;
  height: 448px;
  border: 8px solid #5e554c;
  }

.pagination {
  position: absolute;
  right: 16px;
  bottom: 10px;
  height: 25px;
  }
.pagination span {display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 4px;
  width: 14px;
  height: 15px;

  cursor: pointer;background-repeat: no-repeat;}
.pagination .swiper-active-switch {background-repeat: no-repeat;}

/*footer*/
.footer {
  padding: 20px 0;
  font-size: 12px;
  color: #fff; }
.footer a {
  color: #fff;
  text-decoration: none; }
.footer a:hover {
  text-decoration: underline; }

/*pop*/
.pop-box {
  /* display: none; */
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  }

.mask {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

.pop {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 13;
  background: #2a385b;
  width: 560px;
  margin-left: -280px;
  margin-top: -200px;
  padding-bottom: 30px;
  text-align: center;
  -webkit-box-shadow: inset 0 0 20px #706259;
  -moz-box-shadow: inset 0 0 20px #706259;
  box-shadow: inset 0 0 20px #706259;
  }

.pop-t {
  min-height: 50px; }

.pop-b {
  display: none; }

.pop-close, .pop-register-close {position: absolute;
  right: -67px;
  top: 0;
  z-index: 2;
  width: 67px;
  height: 66px;

  color: #d87969;
  font-weight: bold;
  font-size: 26px;
  line-height: 500px;
  overflow: hidden;background-repeat: no-repeat;}
.pop-close:hover, .pop-register-close:hover {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }

.pop-login ul {
  padding: 20px 0 0 50px; }
.pop-login ul li {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  /* padding-left: 30px; */ }
.pop-login ul label {
  float: left;
  width: 5em;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  text-align: right;
  }
.pop-login ul span {
  float: left;
  width: 290px;
  height: 50px;
  background: #15142f;
  overflow: hidden;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  line-height: 50px; }
.pop-login ul input {
  width: 270px;
  height: 100%;
  padding: 0 10px;
  border: none;
  background: #576b9e;
  color: #fff;
  font-size: 18px;
  *
  margin: -3px;
  }
.pop-login ul select {
  width: 290px;
  height: 50px;
  padding: 0 10px;
  border: none;
  color: #fff;
  background: #576b9e;
  font-size: 20px;
  line-height: 50px;
  }
.pop-login ul .v-code span {
  width: 130px; }
.pop-login ul .v-code input {
  width: 110px; }
.pop-login ul .v-code img {
  float: left;
  margin-left: 10px; }

.pop-cont {
  padding: 10px 30px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  }
.pop-cont p {
  line-height: 30px; }
.pop-cont p a {
  color: #fff; }
.pop-cont p a:hover {
  text-decoration: underline; }

.pop-title {
  position: relative;
  width: 100%; }
.pop-title h3 {
  padding-top: 20px;
  color: #ffd33e;
  font-weight: bold;
  font-size: 31px;
  line-height: 2;
  text-align: center;
  }

.pop-btn {display: inline-block;
  *display: inline;
  *zoom: 1;

  width: 165px;
  height: 58px;
  margin: 20px 5px 0;
  color: #504117;
  font-size: 20px;
  line-height: 58px;
  text-shadow: 0 1px 1px #fff;background-repeat: no-repeat;}
.pop-btn:hover {background-repeat: no-repeat;}

.pop-btn-02 {color: #fff;
  text-shadow: none;background-repeat: no-repeat;}
.pop-btn-02:hover {background-repeat: no-repeat;}

.pop-big {
  width: 900px;
  height: 603px;
  margin-top: -310px;
  margin-left: -450px;
  padding-bottom: 0;
  box-shadow: none; }
.pop-big .pop-t {
  min-height: 0; }
.pop-big .pop-cont {
  padding: 0; }

.pop-reg {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
  height: 100%;
  background: #142145;
  text-align: center;
  }
.pop-reg h3 {
  padding: 30px 0 20px;
  color: #ffd33e;
  font-size: 24px;
  }
.pop-reg .reg {
  width: 340px;
  margin: 0 auto; }

.pop-reward-mod {
  position: absolute;
  top: 0;
  left: 325px;
  width: 580px;
  height: 100%;
  padding-left: 20px;
  text-align: left; }
.pop-reward-mod h4 {
  margin: 10px 0 0;
  color: #ffd33e;
  border-left: 5px solid #ffd33e;
  font-size: 20px;
  font-weight: bold;
  text-indent: 7px;
  }
.pop-reward-mod p {
  padding-top: 10px;
  text-align: center; }

.new-gift li {
  float: left;
  width: 82px;
  margin: 0 4px;
  background: url("../img/pop-li.png"/*tpa=http://ys.23my.com/view/img/pop-li.png*/) no-repeat;
  }
.new-gift img {
  display: block;
  width: 58px;
  height: 59px;
  margin: 17px auto 15px; }
.new-gift p {
  color: #bbc5ff;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  }

.btn-new {display: block;
  width: 243px;
  height: 58px;
  margin: 15px auto 30px;

  color: #504117;
  text-align: center;
  line-height: 58px;
  text-shadow: 0 1px 1px #fff;background-repeat: no-repeat;}
.btn-new:hover {background-repeat: no-repeat;}

.line {
  display: block;
  width: 90%;
  height: 0;
  border-top: 1px dashed #bbc5ff;
  border-bottom: 1px dashed #7c707f;
  }

.btn-game {display: block;
  width: 363px;
  height: 102px;
  margin: 0 auto;

  color: #ffdddc;
  font-size: 32px;
  text-align: center;
  line-height: 102px;
  text-shadow: 0 0 10px #ff6156;background-repeat: no-repeat;}
.btn-game:hover {background-repeat: no-repeat;}

.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  line-height: 56px;
  color: #fff;
  padding-left: 60px;
  font-size: 15px;
  background: #000 url("../images/loader.gif"/*tpa=http://ys.23my.com/view/images/loader.gif*/) no-repeat 45% 50%;
  opacity: 0.7;
  z-index: 10000;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70) !important; }

.sidebar {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  margin-top: -180px;
  width: 255px;
  height: 365px;
  background: url("../img/sidebar.png"/*tpa=http://ys.23my.com/view/img/sidebar.png*/) no-repeat;
  }

/*0316*/
.hsj-ewm {
  position: absolute;
  width: 300px;
  top: 120px;
  left: 2px; }

.video-box {
  position: absolute;
  width: 800px;
  height: 420px;
  top: 0;
  right: 6px;
  z-index: 20; }
/*0719 todo*/
.new-server {
  position: absolute;
  left: -20px;
  bottom: 20px;
  z-index: 5;
  width: 419px;
  height: 32px;
  background: url("../../https@img4.99.com/my/images/2017/0215/i-new-server.png"/*tpa=http://ys.23my.com/https@img4.99.com/my/images/2017/0215/i-new-server.png*/) no-repeat;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  text-align: center; }
.new-server a {
  color: #fff; }
.new-server strong {
  padding-right: 10px; }
.step-mod .step-num{background-position:-290px 0px}.step-mod .btn-step{background-position:-128px -97px}.step-mod .btn-step:hover{background-position:-128px -183px}.btn-download{background-position:-22px -269px}.btn-download:hover{background-position:-22px -492px}.reward li{background-position:-88px -715px}.reward li.on{background-position:-88px -900px}.btn-lottery{background-position:-88px -1085px}.btn-lottery:hover{background-position:-88px -1270px}.pagination span{background-position:-349px -1455px}.pagination .swiper-active-switch{background-position:-349px -1490px}.pop-close, .pop-register-close{background-position:-296px -1525px}.pop-btn{background-position:-198px -1611px}.pop-btn:hover{background-position:-198px -1689px}.pop-btn-02{background-position:-196px -1767px}.pop-btn-02:hover{background-position:-196px -1847px}.btn-new{background-position:-120px -1927px}.btn-new:hover{background-position:-120px -2005px}.btn-game{background-position:0px -2083px}.btn-game:hover{background-position:0px -2205px}.step-mod .step-num,.step-mod .btn-step,.step-mod .btn-step:hover,.btn-download,.btn-download:hover,.reward li,.reward li.on,.btn-lottery,.btn-lottery:hover,.pagination span,.pagination .swiper-active-switch,.pop-close, .pop-register-close,.pop-btn,.pop-btn:hover,.pop-btn-02,.pop-btn-02:hover,.btn-new,.btn-new:hover,.btn-game,.btn-game:hover{background-image: url("style_z.png"/*tpa=http://ys.23my.com/view/css/style_z.png*/)}
/*0928 todo*/
.swiperpop-box {
  position: absolute;
  top: 340px;
  left: 50%;
  margin-left: -265px;
  width: 510px;
  height: 219px;
  /*overflow: hidden;*/
}
.swiperpop-box .pop-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiperpop-box .pop-swiper {
  position: relative;
}
.swiperpop-box .swiper-slide-active {
  overflow: auto;
}
.swiperpop-box .swiper-slide p{
  text-align: left;
  text-indent: 2em;
  line-height:1.2;
  font-size: 16px;
  color: #e8cbb2;
}
.swiperpop-box .swiper-slide h4{
  margin: 0 0 10px;
  color: #e5a680;
  border-left: 5px solid #e5a680;
  font-size: 20px;
  font-weight: bold;
  text-indent: 7px;
}
/*1023*/
.pop-rules {
  width: 700px;
  margin-left: -350px;
  margin-top: -300px;
}
.rules-list {
  list-style-type: decimal;
  padding-left: 20px;
  text-align: left;
}
.rules-list table {
  width: 100%;
  margin: 0 auto;
  border: 1px solid #e8cbb2;
  text-align: center;
}
.rules-list table th, .rules-list table  td {
  border: 1px solid #e8cbb2;
}
.fuchuang {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 10;
    margin-top: -150px;
    width: 222px;
    height: 300px;
    background: url("../img/btn-yy.png"/*tpa=http://ys.23my.com/view/img/btn-yy.png*/) no-repeat;
    }
    .fuchuang:hover{
        background: url("../img/btn-yy-on.png"/*tpa=http://ys.23my.com/view/img/btn-yy-on.png*/) no-repeat;
    }