*{margin:0px;padding:0px;}
body{
  font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
  color: #666;
  font-size: 14px;
  background: #000;
}
a{outline: none; text-decoration: none;color: #333; cursor: pointer;}
a img { border: none; outline: none;}
ul{list-style: none;}
li{float: left}
i,em{font-style: normal;}
h1,h3,h4{font-weight: normal;}
input,button:focus{outline:none;} 
input[type="button"]{ border: none;font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;}

.bg{ max-width: 1920px; width: 100%; margin: 0 auto;}
.bg01{ background: url(../img/bg01.jpg) no-repeat top center; height: 686px;}
.bg02{ background: url(../img/bg02.jpg) no-repeat top center; height: 440px;}
.bg03{ background: url(../img/bg03.jpg) no-repeat top center; height: 790px;}
.bg04{ background: url(../img/bg04.jpg) no-repeat top center; height: 300px;}

.top h1{text-indent: -99999px; display: block; }
.container{width: 1130px; margin: 0 auto;}
.cardList{padding-top: 122px; overflow: hidden;margin-bottom: 34px;}
.cardList li{width: 210px;height: 250px;padding-top: 34px;background: url(../img/card.png) no-repeat;text-align: center;position: relative;margin-right: 20px;}
.cardList li:last-child{margin-right: 0px;}
.cardList p{ color: #b3a9f6; font-size: 24px;}
.cardList span,
.cardList em,
.cardList i{display: block;}
.cardList span{color: #ffc52b;font-size: 60px;margin-bottom: 15px;}
.cardList em{color: #b3a9f6;font-size: 14px;margin-top: 4px;}
.cardList i,.disableI{ 
    font-size: 26px !important;
    position:absolute; 
    bottom: 20px; 
    left: 0; 
    right: 0;
    background: -webkit-linear-gradient(#9ff7ff, #5fcce2);  /*Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#9ff7ff, #5fcce2);  /*Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#9ff7ff, #5fcce2);  /*Firefox 3.6 - 15 */
    
    -webkit-background-clip: text;
    color: transparent; /* 标准的语法 */
    color:#5fcce2\9;
    cursor: pointer;
}
.cardList i:hover{color:#53f1ff;}
.cardList li:hover{background: url(../img/card_hover.png) no-repeat;}
.cardList li.grevLi{background: url(../img/card_grev.png) no-repeat;}
.cardList li.grevLi span{color: #fff;}
.cardList .grevLi p,
.cardList .grevLi em{color: #dde2ea;}
.cardList .disableI{color: #fff;}
.cardList .disableI:hover{color:#fff; cursor: text;}
/*rules*/
.rules{ background: #251e48; border: 1px solid #2d2157; border-radius: 5px; color: #b3a9f6; padding: 29px; height: 207px;}
.rules p{line-height: 30px;}
.rules span{ display: block;font-size: 24px; margin-bottom: 10px;}
.line{margin: 55px auto 31px;background: url(../img/line.jpg) no-repeat; width: 1130px; height: 23px; }
.yellowColor{color: #ffc72d;}
.bottom{margin-left: 15px;}
.bottom dt{width:410px; float: left; margin-right:77px; }
.bottom dd {width:585px;font-size:24px; color:#b3a9f6; line-height: 43px;overflow: hidden;letter-spacing: 2px; padding-top: 17px; float: left; text-align: center;}
.bottom dd span{ 
    font-size: 36px; 
    color: #8168f4; 
    display: block; 
    margin-bottom: 25px; 
    letter-spacing: 6px;
     background: -webkit-linear-gradient(#b190f8, #705ad4);  /*Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#b190f8, #705ad4);  /*Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#b190f8, #705ad4);  /*Firefox 3.6 - 15 */
    -webkit-background-clip: text;
    color: transparent; /* 标准的语法 */
}
.btn,
.greenBtn,
.blueBtn,
.grev{
    width: 200px; 
    height: 58px; 
    text-align: center; 
    color: #fff; 
    line-height: 60px;
    font-size: 20px; 
    letter-spacing: 0px; 
    margin-top: 30px; 
    margin-left: 60px;
    display: block; 
    float: left; 
    cursor: pointer;
}
.grevLi{
    width: 200px; 
    height: 58px; 
    text-align: center; 
    color: #fff; 
    font-size: 20px; 
    letter-spacing: 0px; 
    display: block; 
    float: left; 
    cursor: pointer;
}
.blueBtn{background: #3399ff;}
.greenBtn{background: #1ed2a5;}
.blueBtn:hover,
.a01:hover{background: #38caff;}
.greenBtn:hover,
.a02:hover{background: #00f0b4;}
.font32{font-size: 32px;}
.grev{background:#a0a0a0;}
/*popup*/
#hidebg {
    position: fixed;
    left:0px;
    top:0px;
    background-color: #000;
    width: 100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    filter:alpha(opacity=50);  /*设置透明度为60%*/
    opacity:0.5;  /*非IE浏览器下设置透明度为60%*/
    display:none;
    z-index: 21;
    right: 0;
}  
.window_out{font-family: 'Microsoft YaHei',sans-serif, tahoma, arial;font-size: 12px; color: #333; zoom:1; z-index:999999; display:none; }
.window {background: #fff;position:relative;  float:left; zoom:1;margin:0px; margin-left:0px; width: 500px; height: 300px;}
.popupBox{
    width: 494px;
    height: 274px;
    border: 3px solid #886ff6;
    background: #e7e2ff;
    position: fixed;
    top:30%;
    left: 0;
    right:0;
    margin: 0 auto;
    z-index: 22;
    display: none;
}
.popupBox h4{
    background: #886ff6;
    height: 39px;
    line-height: 39px;
    text-indent: 1em;
    color: #fff;
    position: relative;
}
.popupBox .backMsg{
    margin: 35px 0 37px;
    text-align: center;
    display: block;
    line-height: 25px;
    height: 96px;
    color: #8d8a9a; 
    font-size: 12px;
    position: relative;
}
.popupBox a{ 
    width: 168px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    float: left;
}
.a01{background: #3399ff;margin-left: 55px; display: none;}
.a02{background: #1ed2a5; margin-left: 40px;display: none;}
.copybtn{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color:#fff;
    background: #886ff6;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 8px;
    border: none;
}
.tipsText{
    font-size: 14px !important;
    position: absolute;
    top: 54px;
    right: 7px;
    /*right: 53px;*/
    display: none;
    color: #8d8a9a !important; 
}
.backMsg span{font-size: 16px; color: #333;}
.backMsg em{ font-size: 12px;}
.backMsg i{color: #886ff6;font-size: 16px; }
.close{
    background: url(../img/close.gif)  no-repeat; 
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    z-index: 23;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
/*login*/
.loginBox{
    width: 420px;
    height: 420px;
    margin: 0 auto;
    background: #fff;
    position: fixed;
    top:25%;
    left: 0;
    right:0;
    display: none;
    z-index: 22;
}
.loginBox p {font-size: 16px; color: #333;}
.subtitle{ height: 42px; line-height: 42px; text-indent: 2em;}
.wx iframe{ margin: 60px auto 20px; display: block;}
.wx p{ text-align: center;}
.closeBox{
    position: fixed;
    margin-top: -19px;
    margin-left: 430px;
    cursor: pointer;
    display: block;
}
/*.impowerBox .qrcode{width:230px !important;}*/
.bannerBottom{margin: 0 auto 50px; width: 1200px; display: block;}