body{box-sizing:border-box;}

body, header, section, footer, aside, nav, article, figure, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
ul, ol, dl, dd, dt {
    list-style: none;
}
i, em, strong{
    font-style: normal;
}
a,a:hover{
    text-decoration:none;
}
body {
    width: 100%;font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;
    -webkit-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    background:#181818;
    /*background: -webkit-linear-gradient(top,#bdf3fe,#00cffa);*/
}
.wrapper{
    width: 100%;
    background:url(./img/20.jpg) no-repeat;
    background-size: 100%;
    height:500px;
    position:relative;
}
#mod_player{
    width:91%;
    height:164px;
    position:absolute;
    bottom:2%;
    left:5%;
    background:#000;
    border:2px solid #2e4174;
}
.my{
    display:block;
    background:url(./img/my.png) no-repeat;
    background-size: 100%;
    font-size:14px;
    color:#fff8e3;
    text-align:center;
    width:40%;
    height:4%;
    line-height:24px;
    position:absolute;
    top:61%;
    right:3%;
}
.qq-info{
    width:60%;
    height:24px;
    position:absolute;
    top:60%;
    left:10%;
    font-size:14px;
    color:#222;
}
#logout-box{
    color:#222;
    display:none;
}
#loginin-box{
    color:#222;
}
#logout-box #span{
    font-size:13px;
}
/*第二部分*/
.div22{
    width: 100%;
    background:url(./img/2.jpg) no-repeat;
    background-size: 100%;
    height:500px;
    position:relative;
    margin-top:-1%;
}
.content{
    width:320px;
    margin:0 auto;
}
.button{
    display:block;
    width:82%;
    height:80px;
    margin:0 auto;
}
.button em{
    display:block;
    text-align:center;
    line-height:4rem;
    font-size:18px;
    color:#fefefe;
}
.button1{
    background:url(./img/9.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    top:2%;
    left:9%;
}
.button1 em{
    margin-left:17%;
}
.p0{
    color:#9caad1;
    font-size:0.8rem;
    line-height:1.4rem;
    position:absolute;
}
.p1{
    top:16%;
    left:5%;
}
.button2{
    background:url(./img/10.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    top:44%;
    left:9%;
}
.button2 em{
    margin-left:-30%;
}
.p2{
    top:58%;
    left:5%;
}
.button3{
    background:url(./img/11.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    top:80%;
    left:9%;
}
.button3 em{
    margin-left:30%;
}
.money{
    width:50%;
    height:24px;
    position:absolute;
    bottom:2%;
    left:3%;
    color:#fff;
}
.money .em2{
    color:#c5c5c5;
}
.money .em1{
    color:#e1a438;
}
.how{
   display:block;
    width:45%;
    height:24px;
    position:absolute;
    bottom:2%;
    right:2%;
    color:#fff;
}
/*第三部分*/
.div33{
    width: 100%;
    background:url(./img/3.jpg) no-repeat;
    background-size: 100%;
    height:630px;
    position:relative;
}
.div66{
    background:url(./img/3.1.jpg) no-repeat;
    background-size: 100%;
}
.lingqu{
    display:block;
    width:50%;
    height:40px;
    margin:0 auto;
    background:url(./img/13.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    top:91%;
    left:25%;
    color:#fff;
    font-size:15px;
    line-height:40px;
    text-align: center;
}
.lingqu2{
    top:93%;
    left:25%;
}
.lingqu3{
    top:54%;
    left:25%;
}
.lingqu1{
    display:block;
    width:50%;
    height:40px;
    margin:0 auto;
    background:url(./img/12.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    top:91%;
    left:25%;
    color:#fff;
    font-size:15px;
    line-height:40px;
    text-align: center;
}
/*第四部分*/
.div4{
    width: 100%;
    background:url(./img/4.jpg) no-repeat;
    background-size: 100%;
    height:540px;
    position:relative;
}
.top{
    width:90%;
    margin:0 auto;
    height:46px;
    padding-top:10px;
}
.top .aa0{
    width:30%;
    height:45px;
    float:left;
    font-size:15px;
    color:#fff;
    text-align:center;
    line-height:45px;
    border-bottom: 1px solid #6779ad;
}
.top .he{
    border-top: 1px solid #6779ad;
    border-left:1px solid #6779ad;
    border-right: 1px solid #6779ad;
    border-bottom:none!important;
}
.bottom{
    margin-top:10px;
}
.div0{
    height:400px;
    width:320px;
    margin:0 auto;
    float:left;
    display:none;
    color:#fff;
    position:relative;
}
#video1,#video2,#video3{
    width:300px;
    height:170px;
    margin:0 auto;
    background:#000;
}
.div0 p{
    width:310px;
    font-size:0.8rem;
    color:#f6f6f6;
    line-height:1.4rem;
    margin:0 auto;
    margin-top:10px;
}
.pic{
    width:310px;
    height:64px;
    background:url(./img/8.jpg) no-repeat;
    background-size: 100%;
    margin:0 auto;
    margin-top:10px;
}
.footer{
    color: #ffffff;
    text-align: center;
    background: #3c3c3c;
}
.footer p{
    color: #999;
    line-height: 1.5rem;
    font-size: 0.8rem;
}
.no{
    display:none;
}
/*弹出框*/
.tan{
    width:320px;
    height:230px;
    background: url(img/43.jpg) no-repeat;
    position:relative;
    z-index:9;
    display:none;
}
#mask {
    display:none;
    width:100%;
    height:100%;
    position: absolute; top: 0; filter: alpha(opacity=80); background-color: black;
    z-index: 2; left: 0;
    opacity:0.8; -moz-opacity:0.8;
}
.close{
    display:block;
    width:23px;
    height:22px;
    background: url(http://iwan.qq.com/act/rxcq20151012/img/16.jpg) no-repeat;
    background-size: 100%;
    position:absolute;
    right:10px;
    top:10px;
}
.dh{
    width:130px;
    height:46px;
    position:absolute;
    right:94px;
    top:160px;
    color:#fff;
    text-align: center;
    line-height: 46px;
}
.tan span{
    display:block;
    width:260px;
    height:44px;
    position:absolute;
    left:30px;
    top:94px;
    color:#fff;
    text-align: center;
    line-height: 44px;
    -webkit-user-select: auto;
}
.tan p{
    display:block;
    position:absolute;
    left:38px;
    top:40px;
    color:#fff;
    text-align: center;
    font-size:20px;
}

/*ui*/
.mui-dialog-box {
  position: fixed;
  height: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.mui-dialog {
  z-index: 999;
  height: 100%;
  position: fixed;
  width: 100%;
  left: 0px;
  bottom: 0px;
  /*border-radius: 5px;*/
}
.mui-dialog .mui-dialog-mask {
  opacity: 0.5;
  background-color: #000000;
  height: 100%;
  width: 100%;
}
.mui-dialog .mui-dialog-inner {
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  background-color: #ffffff;
  margin: 0 auto;
  position: absolute;
  z-index: 999;
  width: 100%;
}
.mui-dialog .mui-dialog-hd {
  display: none;
  height: 50px;
  color: #0c8e0f;
  line-height: 50px;
  padding-left: 10px;
  position: relative;
  /*border-radius: 5px 5px 0 0;*/
}
.mui-dialog .mui-dialog-hd:after {
  content: "";
  display: block;
  position: absolute;
  left: -50%;
  width: 180%;
  margin: 0 10%;
  height: 1px;
  bottom: 0;
  background: #d3d3d3;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.mui-dialog .mui-dialog-bd {
  padding: 30px 10px;
  color: #121212;
  text-align: center;
  font-weight: bold;
  position: relative;
}
.mui-dialog .mui-dialog-bd:after {
  content: "";
  display: block;
  position: absolute;
  left: -50%;
  width: 200%;
  height: 1px;
  bottom: 0;
  background: #d3d3d3;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.mui-dialog .mui-dialog-ft {
  height: 60px;
}
.mui-dialog .mui-dialog-btn {
  width: 100%;
  height: 100%;
  color: #484e58;
  line-height: 60px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  position: relative;
}
.mui-dialog .mui-dialog-btn:active {
  background-color: #0079fe;
  color: #ffffff;
}
.mui-dialog .mui-dialog-btnl,
.mui-dialog .mui-dialog-btnr {
  width: 50%;
  float: left;
}
.mui-dialog .mui-dialog-btnl:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #d3d3d3;
  position: absolute;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  right: 0;
  top: 0;
}
.mui-dialog .mui-dialog-btnr {
  color: #0079fe;
}
.mui-dialog-show {
  transform: translate(0, 0);
  transition: transform 1s;
}
.tn-dialog .mui-dialog-hd {
  color: #121212;
  text-align: center;
}
.iwan-alert {
  background-color: #FFFFFF;
  font-family: 'Microsoft Yahei';
  border-radius: 8px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -85px;
  overflow: hidden;
  z-index: 2000;
  visibility: hidden;
}
.iwan-alert .iwan-alert-toptitle {
  position: relative;
}
.iwan-alert .iwan-alert-toptitle .title {
  height: 55px;
  line-height: 55px;
  color: #484e58;
  font-size: 17px;
}
.iwan-alert .iwan-alert-topcontrol {
  min-height: 90px;
  min-width: 300px;
  max-width: 330px;
  position: relative;
}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content {
  padding: 30px 0 30px 0;
  font-size: 16px;
  color: #141414;
  line-height: 30px;
}
.iwan-alert .iwan-alert-topcontrol .iwan-alert-content .cdkey-box {
  width: 80%;
  margin: 0 auto;
}
.iwan-alert .iwan-alert-topcontrol img {
  background-size: 330px 330px;
  width: 330px;
  height: 330px;
  position: absolute;
  top: 0;
  left: 0;
}
.iwan-alert .iwan-alert-topcontrol:after {
  content: "";
  display: block;
  position: absolute;
  left: -50%;
  width: 200%;
  height: 1px;
  bottom: 0;
  background: #d3d3d3;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.iwan-alert .iwan-alert-ft {
  height: 60px;
  position: relative;
  line-height: 60px;
}
.iwan-alert .iwan-alert-btn {
  float: left;
  height: 60px;
  width: 50%;
  font-size: 15px;
  color: #484e58;
  text-align: center;
  position: relative;
}
.iwan-alert .iwan-alert-btn:active {
  background-color: #0079fe;
  color: #ffffff;
}
.iwan-alert .iwan-alert-btn:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #d3d3d3;
  position: absolute;
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -o-transform: scale(0.5);
  right: 0;
  top: 0;
}
.iwan-alert .blue {
  color: #0079fe;
}
.showIwanAlert {
  -webkit-animation: showSweetAlert 0.3s;
  -moz-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s;
}
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
    -webkit-tranform: scale(0.95);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.mui-tip {
  padding: 15px 20px;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  position: absolute;
  background-color: #000000;
  z-index: 199;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  opacity: 0;
  max-width: 250px;
}
.mui-tip-show {
  opacity: 0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.mui-tip-hide {
  opacity: 0;
  transition: opacity 0.5s;
}
.mui-tip-add {
  border: 1px solid #ffffff;
  background-color: #ff5300;
  color: #ffffff;
  padding: 10px 30px;
}
.mui-tip-add span {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  padding: 0 5px;
}

.jz{
    text-align:left;
}