body,html,div,p,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,a,form{margin:0;padding: 0;outline: 0;}
ul,li,dl,dt,dd{list-style:none;}
a{text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
img,input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{text-decoration: none;}
img{border:0;}
*{outline: none!important;}
body,html{font-family: "微软雅黑";min-width: 1200px;}
.left{float: left;}
.right{float: right;}
.clearfix{clear: both;}
.wrap{width: 1200px;margin: 0 auto;}
.hide{display: none;}
em,i{font-style:normal}
*{box-sizing: border-box;}
.blurCr{color: #09affe;}
.redCr{color: red}
.orangeCr{color: #e89e13}

/*header*/
.header{height: 52px;line-height: 52px;background-color: #393939;width: 100%;font-size: 14px;overflow: hidden;}
.header .left span{display: inline-block;margin-right: 5px;}
.header .left span a{color: #fff}
.header .left span img{vertical-align: middle;margin-right: 5px;display: inline-block;}

.header .inp{width: 148px;height: 28px;border: 1px solid #2d2f33;background-color: #6778ad;font-size: 12px;
    color: #fff;padding-left: 4px;margin-left: 10px;}
.header .inp::-webkit-input-placeholder {color:#bbbbbb;}
.header .inp:-moz-placeholder {color:#bbbbbb;}
.header .inp::-moz-placeholder { color:#bbbbbb;}
.header .inp:-ms-input-placeholder { color:#bbbbbb;}
.header .login-btn{min-width: 62px;color: #4f2f12;line-height: 32px;height: 32px;
    background-color: #f3d759;width: 62px;cursor: pointer;border: none;}
.header .forget{font-size: 12px;color: #fff;margin-left: 5px;}
.header .register-btn{width: 120px;height: 100%;color: #fff;font-size: 16px;display: inline-block;padding-left: 40px;background: url(../images/nav-user.png) #09affe 10px center no-repeat;}
.vPic {
    position: absolute;
    top: -3px;
    right: 5px;
    cursor: pointer;
}
.vPic img{
    height: 26px;
}


.nav .logo{padding-top: 5px;}
.nav{width: 100%;height: 90px;font-size: 12px;color: #fff;background-color: #4968a3;position: relative;}
.navlist li{float: left;}
.navlist>li{float: left;height: 90px;}
.navlist>li .top{display: inline-block;height: 90px;text-align: center;padding: 19px 22px;position: relative;color: #fff}
.navlist>li .top:hover {color: #f1a40f;background: #456196}
.navlist>li.active .top{color: #f1a40f;background: #456196}
.navlist li .secondnav{
    height: 0;
    transition: 0.2s;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    right: 0;
    background: #456196;
    z-index: 999}
.navlist li .top:after{content: "";width: 1px;height: 38px;background: #ccc;display: inline-block;position: absolute;
    right: 0;top: 20px;}

.navlist li h4{margin-bottom: 10px;font-size: 14px;font-weight: normal;}
.navlist li .eng{font-size: 10px;}
.navlist li.navlist08 .top{line-height: 47px;}
.navlist li.navlist08 .top:after{display: none}
.navlist li.navlist08 h4{font-size: 18px}

.navlist .secondnav .tit{text-align: center;margin-top: 7px;}
.navlist .secondnav .tit span{display: inline-block;background-color: #09affe;padding: 0 20px;height: 22px;line-height: 22px;
    border-radius: 10px;font-size: 12px;color: #fff}
.navlist .secondnav .tit span:hover{background-color:#f3d759;color: #4f2f12;}
.navlist .secondnav .img{transition:1s;}
.navlist .secondnav li:hover .img{transform:rotateY(180deg)}
.navlist .secondnav li{margin-right: 20px;padding-top: 15px;padding-bottom: 10px;}
.navlist>li:hover .secondnav{height:auto!important;visibility:visible!important;}

.navlist .navlist03 li{margin-left: 135px;}
.navlist .navlist05 li{margin-left: 155px;}
.navlist .navlist05 ul{padding-left: 250px}
.navlist .navlist08{position: relative;}
.navlist .navlist08 img{display: inline-block}
.navlist .ercode{position: absolute;width: 290px;background: #456196;overflow: hidden;
    right: 0;height: 0;transition: 0.2s;overflow: hidden;z-index: 999}
.navlist .ercode img{width: 100px;margin: 10px;}
.navlist .ercode .url{clear: both;font-size: 14px;padding: 0 16px 12px;text-align: center;}
.navlist .ercode .tit{text-align: center;font-size: 14px;line-height: 24px;}
.navlist .ercode .left,.navlist .ercode .right{padding: 16px 12px;}
.navlist .navlist08:hover .ercode{height:210px!important;visibility:visible!important;}


/*banner*/
.indexbanner{  height:512px;position: relative;overflow: hidden;clear: both;}
.lunbo{ height:512px; position:relative}
.lunbo .hd{  overflow:hidden; position:absolute; left: 47%;bottom:20px; z-index:1; }
.lunbo .hd ul{overflow:hidden; zoom:1;border-radius: 5px;padding: 10px 8px;text-align: center;}
.lunbo .hd ul li{display: inline-block;width: 16px;height: 16px;margin: 1px;cursor: pointer;border: 1px solid #09affe;border-radius: 50%;}
.lunbo .hd ul li.on{ background: #09affe}


/*download*/
.download-center marquee{width: 990px;margin-left: 210px;height: 28px;line-height: 28px;}
.download-center marquee a{font-size: 14px;color: #333}
.download-center .con{position: relative;}
.download-center .topgirl{position: absolute;left: 0;top: -150px}

.downlist{background: url(../images/nav.jpg) no-repeat left top;overflow: hidden;}
.downlist li{height: 116px;float: left;height: 116px;background: #4968a3;width: 112px;text-align: center;
    border-right: 1px solid #3d5787}
.downlist li:hover{background: #456196}
.downlist li .imgicon{text-align: center;}
.downlist li .imgicon img{display: inline-block;margin-top: 15px;}
.downlist li h3{font-size: 14px;line-height: 22px;color: #fff;font-weight: normal;margin-top: 10px;}
.downlist li h2{font-size: 12px;line-height: 22px;color: #bdc5d8;font-weight: normal;}

.downlist li.download01{width: 219px;position: relative;background: none}
.downlist li.download01 h3{font-size: 30px;color: #feeac2;padding-top: 30px;}
.downlist li.download01 h2{font-size: 14px;color: #feeac2;line-height: 30px;margin-top: 5px;}
.downlist li.download01 .img{position: absolute;width: 219px;height: 116px;background: url(../images/smoke.png) 0 0 ;
    left: 0;top: 0;-moz-animation: smoke1 40s linear infinite;-webkit-animation: smoke1 40s linear infinite;animation: smoke1 40s linear infinite;}

@-moz-keyframes smoke1{0%{background-position:0 0;} 100%{background-position:0 -730px;}}
@-webkit-keyframes smoke1{0%{background-position:0 0;} 100%{background-position:0 -730px;}}
@keyframes smoke1{0%{background-position:0 0;} 100%{background-position:0 -730px;}}

.downlist li.download07{width: 420px;}
.downlist li.download07 h3{font-size: 18px;line-height: 38px;padding-bottom: 5px;}
.downlist li.download07 .num{padding-top: 6px;font-size: 48px;color: #fff87c;line-height: 48px;}

/*slot-machine*/
.top-game{padding-top: 20px;}
.slot-machine{width: 877px;height: 240px;position: relative;overflow: hidden;margin-bottom: 20px;}
.slot-machine .bg{width: 877px;height: 240px;position: absolute;left: 0;top: 0;z-index: 9}
.slot-machine .bg img{transition: 0.4s;}
.slot-machine:hover .bg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}
.slot-machine .gamelist{background: rgba(5,57,102,.7);height: 205px;padding-top: 35px;padding-left: 42px;
    overflow: hidden;opacity: 0;transition: 0.4s;position: relative;z-index: 99}
.slot-machine:hover .gamelist{opacity: 1}
.slot-machine:hover{background-size: 110% 110%}
.slot-machine .gamelist a{color: #fff}
.slot-machine .gamelist li{float: left;text-align: center;width: 100px;
    min-height: 277px;    margin: 0px 5px 0 5px;}
.slot-machine .gamelist li dt{    font-size: 16px;margin-bottom: 25px;padding-top: 13px;line-height: 24px;}
.slot-machine .gamelist li dd{color: rgba(255,255,255,1);height: 28px;transition: 0.4s;
    font-size: 12px;border-bottom: 1px solid rgba(255,255,255,.2);line-height: 28px;}
.slot-machine .gamelist li dd:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px);}
.slot-machine .gamelist dl{transition: .5s;}
.slot-machine .gamelist li{transition: .5s;}
.slot-machine .gamelist li:hover{-webkit-transform:translateY(-81px);-moz-transform:translateY(-81px);transform:translateY(-81px);}

.slot-machine .gamelist01 .icon{background: url(../images/pt.png);}
.slot-machine .gamelist02 .icon{background: url(../images/dt.png);}
.slot-machine .gamelist03 .icon{background: url(../images/mg.png);}
.slot-machine .gamelist04 .icon{background: url(../images/bbin.png);}
.slot-machine .gamelist05 .icon{background: url(../images/sa.png);}
.slot-machine .gamelist06 .icon{background: url(../images/ttg.png);}
.slot-machine .gamelist07 .icon{background: url(../images/ag.png);}

.fish-game .gamelist01 .icon{background: url(../images/ag.png);}
.fish-game .gamelist02 .icon{background: url(../images/pt.png);}

.slot-machine .bot{height: 35px;line-height: 35px;background: rgba(0,0,0,.4);position: relative;z-index: 99}
.slot-machine .bot .left h3{font-size: 14px;
    padding-left: 15px;line-height: 25px;
    color: #fff;font-weight: normal;}
.slot-machine .bot .left .eng{font-size: 12px;color: #62b6ff;padding-left: 15px;line-height: 5px;}
.slot-machine .bot .right {color: #fff;padding-right: 7px;}
.slot-machine .bot .right a{font-size: 12px;color: #fff}



.pe-game{width: 303px;height: 500px;position: relative;font-size: 12px;color: #fff;margin-left: 20px;}
.pe-game .tit{position: absolute;width: 100%;height: 40px;line-height:40px;background: rgba(5,57,102,.7);color: #fff;
    z-index: 2;text-align: center;}
.pe-game .team-name{background: #09affe;height: 40px;line-height: 40px;position: absolute;bottom: 40px;left: 0;
    width: 100%;z-index: 2;text-align: center;}
.pe-game .game-num{background: rgba(0,0,0,.5);height: 40px;line-height: 40px;position: absolute;left: 0;bottom: 0;
    width: 100%;z-index: 2;text-align: center;}
.pe-game .bg{width: 303px;height: 420px;position: absolute;left: 0;top: 0;z-index: 1;overflow: hidden;}
.pe-game .bg img{transition: 0.4s;}
.pe-game:hover .bg img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.pe-game .shadow{position: absolute;width: 303px;height: 500px;background: rgba(5,57,102,.7);z-index: 20;padding: 60px 40px;
    font-size: 14px;cursor: pointer;opacity: 0}
.pe-game .shadow .title{float: left;line-height: 23px;}
.pe-game .shadow .btn{float: left;}
.pe-game .shadow .btn a{width: 140px;
    height: 40px;display: inline-block;text-align: center;color: #fff;line-height: 40px;margin-left: 10px;
    background-color: #0088fe;
    border-radius: 5px;}
.pe-game .shadow li{overflow: hidden;padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.2);margin-bottom: 20px;}
.pe-game .shadow li:last-child{border-bottom: 0}
.pe-game .shadow .line{line-height: 30px;}
.pe-game:hover .shadow{opacity: 1}

.hvr-radial-out:before{background: #16c38d}
.hvr-radial-in:before{background: rgba(0,136,254,.9)}

/*game-type*/
.game-type{clear: both;}
.game-type .game-tab{width: 804px;background: rgba(14,88,152,.02)}
.game-type .game-top{height: 66px;line-height: 66px;border-bottom: 4px solid #e2e2e2;width: 765px;}
.game-type .game-top a{display: inline-block;padding: 0 30px;color: #333;
    font-size: 14px;border-bottom: 4px solid transparent;line-height: 57px;}
.game-type .game-top a.on{border-bottom: 4px solid #09affe;color: #09affe}

.news-tab{width: 390px;}
.news-bd{padding: 10px;height: 330px;overflow: hidden;}
.game-bd{padding-top: 20px;}
.game-bd li{margin-right: 10px;float: left;width: 145px;position: relative;padding-bottom: 5px;}
.game-bd .effect{background: rgba(204,204,204,.3);border-radius: 10px;float: left;width: 100%;position: relative;
    overflow: hidden;text-align: center;border: 4px solid rgba(255, 255, 255, 0.9);perspective: 500px;}
.game-bd .image-box img{width: 100%;transition: 0.5s;height: 198px;}
.game-bd .text-desc{background: #FFD700;background: url(../images/hotgamebg.jpg);position: absolute;left: 0;top: 0;
    height: 100%;opacity: 0;width: 100%;padding: 20px;    transition: 0.5s;transform: rotateX(80deg);
    transform-origin: center bottom 0;top: auto;bottom: 0;padding: 45px 20px 20px;}
.text-desc .btn{display: inline-block;line-height: 36px;height: 36px;color: #fff;text-align: center;
    font-size: 12px;margin-right: 6px;padding: 0 14px;cursor: pointer;background: rgba(239,46,41,.9);
    border-radius: 5px;margin-bottom: 20px;transition: all .3s;}
.text-desc .btn:hover{background: rgba(0,136,254,.9);opacity: 0.9;color: #fff;}
.game-bd .name{font-size: 12px;text-align: center;color: #787876;line-height: 22px;}
.game-bd li:hover .text-desc{transform: none; opacity: 1;}
.game-bd li:hover .image-box img{transform: translateY(-100%);}

.news-prize li{border-bottom: 1px dashed #cdcdcd;overflow: hidden;padding: 20px 0 10px;height: 110px!important;}

/*.txtMarquee-top{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
.txtMarquee-top .hd .next{ background-position:0 -140px;  }
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px;  }
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px;  }
.txtMarquee-top .bd{ padding:15px;  }
.txtMarquee-top .infoList li{ height:24px; line-height:24px;   }
.txtMarquee-top .infoList li .date{ float:right; color:#999;  }
*/
.news-prize li .img img{width: 70px;height: 64px;}
.news-prize li .text{width: 300px;padding-left: 30px;font-size: 12px;}
.news-prize li p{color: #535353}
.news-prize li p.title{width: 200px;line-height: 22px;}
.news-prize li p.time{margin-top: 7px;}

.news-head{height: 52px;line-height: 52px;overflow: hidden;}
.news-head a{display:inline-block;float: left;width: 33%;line-height: 48px;   
    text-align: center;font-size: 12px;color: #333;border-bottom: 2px solid #ebecec;}
.news-head a.on{border-bottom: 2px solid #09affe;color: #09affe}

.news-calendar ul{}
.news-calendar ul li{overflow: hidden;font-size: 12px;line-height: 36px;}
.news-calendar ul li a{color: #333}
.news-calendar ul li .right{color: #aaa;font-size: 14px;}

.more-game{clear: both;padding-top: 10px;}
.more-game a{display: inline-block;text-align: center;line-height: 40px;display: block;
    width: 100%;height: 40px;font-size: 14px;color: #fff;background: rgba(0,136,254,.9);border-radius: 5px;}


/*service*/
.service{clear: both;padding-top: 40px;}
.service dl{width: 33%;float: left;position: relative;font-size: 12px;color: #787876;}
.service dl dd{overflow: hidden;margin-bottom: 15px;}
.service dl dt{font-size: 14px;color: #333333;margin-bottom: 20px;}
.service dl .img{float: left;margin-right: 10px;}
.service dl .text{float: left;}
.service dl h4{font-size: 14px;color: #09affe;}
.service dl .details{}
.service dl .service-btn{background-color: #09affe;display: inline-block;width: 56px;height: 20px;
    left: 165px;color: #fff;font-size: 12px;text-align: center;margin-left: 4px;}
.service dl .module .title{font-size: 14px;
    color: #09affe;min-height: 22px;}
.service dl .module{margin-bottom: 10px;padding-left: 30px;}
.service .advantage p{line-height: 24px;}
.service .advantage .tips{padding-left: 30px;}
.service dl .module .line{width: 272px;height: 10px;background: #ececec;border-radius: 20px;position: relative;}
.service dl .module .line-grocess{position: absolute;left: 0;top: 0;border-radius: 20px;background: #0ab0fe;height: 10px;} 

/*footer*/
.footer{background: #4968a3;clear: both;color: #bdc5d8}
.footer .top{padding: 17px 0;text-align: center;font-size: 14px;border-bottom: 1px solid #3d5787}
.footer .top a{color: #bdc5d8;display: inline-block;margin-right: 80px;}
.footer .company{overflow: hidden;}
.footer .company dl{float: left;margin-right: 35px;}
.footer .company dl:last-child img{margin-right: 8px;display: inline-block;}
.footer .company dl dt{padding-top: 15px;padding-bottom: 10px;font-size: 14px;}
.footer .copyright{text-align: center;font-size: 12px;padding: 15px 0}
.footer .copyright img{display: inline-block;width: 70px;vertical-align: middle;}

/*fixed service*/
.fixed-service{background: #4968a3;position: fixed;right: 0;top: 50%;margin-top: -120px;}
.fixed-service ul li{position: relative;}
.fixed-service ul li img{display: inline-block;}
.fixed-service ul li .icon{display: inline-block;width: 60px;height: 60px;padding-top: 10px;
    text-align: center;position: relative;z-index: 99}
.fixed-service ul li .text{position: absolute;height: 60px;right: -175px;top: 0;width: 175px;line-height: 60px;
    font-size: 18px;background-color: #09affe;color: #fff;text-align: center;z-index: 9}
.fixed-service ul .email .text{width: 200px;right: -200px}
.fixed-service ul .email .ercodeli{width: 200px;}
.fixed-service ul  .ercodeli .ercode img{width: 122px;}
.fixed-service ul  .ercodeli .text{height: 198px;right: -162px;padding: 0 20px;width: 162px;}

/*register*/
.register .con{margin: 30px auto;border: 1px solid #dcdcdc;
    padding: 40px 50px;background: url(../images/register.jpg) no-repeat 800px bottom;background-color: #fff;}
.form-con{width: 733px;padding: 20px;}
.form-con .top{text-align: center;}
.form-con .top img{display: inline-block;}
.form-con .toptips{margin-top: 20px;padding-left: 50px;line-height: 27px;
    margin-bottom: 20px;color: #eee;font-size: 12px;}
.form-con .title{margin: .5em 0;line-height: 20px;color: #fff;font-size: 12px;}
.form-con .line{padding-top: 20px;color: #fff}
.form-con .line input[type=checkbox]{vertical-align: middle;}
.form-con .inp{height: 32px;padding: 5px 4px;font-size: 14px;line-height: 1.428571429;width: 254px;border-radius: 3px;border: none;
        border: 1px solid #dcdcdc;}
.form-con .tit{display: inline-block;width: 80px;color: #333;font-size: 12px;text-align: right;}
.form-con .tips{color: #333;font-size: 12px}
.form-con .star{color: red;display: inline-block;margin-right: 5px;;}
.right-form .article-tips{margin-top: 50px;padding-bottom: 100px;}
.right-form .article-tips p{font-size: 15px;color: #fff;line-height: 24px;padding-left: 20px;}
.form-con .sub{width: 128px;color: #fff;height: 40px;border-radius: 4px;text-align: center;line-height: 38px;
    background: #ff3a2b;color: #fff;font-size: 12px;display: inline-block;border: none;cursor: pointer;}
.form-con .sub:hover{color: #333}
.form-con .line label{font-size: 12px;color: #333}
.form-con .bd{border-right: 0px;padding-bottom: 20px;margin-left: 16px; }
.form-con .info{margin-left: 16px;margin-top: 40px;}

.register h1{font-size: 36px;color: #09affe;font-weight: normal;}
.register .hd{border-bottom: 1px dashed #b1b1b1;padding-bottom: 18px;}
.register .hd p{color: #333;font-size: 14px;line-height: 30px;}
.register .hd a{text-decoration: underline;}

/*afterlogin*/
.afterlogin{color: #fff;font-size: 12px;}
.afterlogin a{color: #fff;}
.afterlogin img{vertical-align: middle;display: inline-block;}
.afterlogin .nav-usercenter{display: inline-block;padding: 0 15px;color: #fff;background-color: #7087c3;height: 32px;line-height: 32px;}
.afterlogin .sign{display: inline-block;padding: 0 15px;color: #4f2f12;background-color: #f3d759;height: 32px;line-height: 32px;}