body{background: #fafafa;}
.gk-w1240{width: 1240px;margin: 0 auto;}
.gk-bottom{font-size: 12px; background: #f3f1f2; padding: 30px 0; line-height: 24px; border-top: 1px solid #e0e0e0; margin-top: 50px;}
.title-h1{height: 25px;float: left;border-left: 3px solid #28bb8f;font-size: 24px; color: #333;line-height: 25px; padding-left: 15px; margin-top: 12px;}
/*上部*/
.gk-top{width: 100%; height: 315px; margin-top: 20px;}
.gk-top .left{float: left;width: 590px;}.gk-top .right{width: 320px;float: left;}
.gk-block{display: block;cursor: pointer;float: left; height: 150px; margin-bottom: 15px; position: relative;box-shadow: 0 0 #1e2834;-webkit-transition: all 200ms ease-in-out;transition: all 300ms ease-in-out;}
.gk-block:hover {box-shadow: 0 0 20px #666; }
.gk-block p{display: block; position: absolute;bottom: 0; left: 10px; color: #fff;font-size: 14px; height: 34px; line-height: 34px;}
.gk-top .no0{width: 590px; }
.gk-top .no1{width: 185px;}
.gk-top .no2{width: 185px; margin: 0 17px;}
.gk-top .no3{width: 185px; }
.gk-top .no4{width:300px;  margin: 0 15px;height: 315px;}
.gk-top .no5{width: 320px; }
.gk-top .no6{width: 320px; }

.gk-top .no1 i,.gk-top .no2 i,.gk-top .no3 i{margin-top:15px; margin-left:40px;}
.gk-top .no0 i{margin-top: 30px;float: right; margin-right: 50px;}
.gk-top .no4 i{margin-top: 97px; margin-left: 97px;}
.gk-top .no5 i,.gk-top .no6 i{margin-top: 20px; margin-left: 107px;}
/*广告位随机ico*/
.gk-ico{ background-image: url(../images/ico.png); width: 105px;height: 90px; display: block;}
.gk-ico1{background-position: 0 -90px;}
.gk-ico2{background-position: 0 -180px;}
.gk-ico3{background-position: 0 -270px;}
.gk-ico4{background-position: 0 -360px;}
.gk-ico5{background-position: 0 -450px;}
.gk-ico6{background-position: 0 -540px;}
/*广告位随机背景色*/
.gk-background0{background:#39d6a9;}
.gk-background1{background:#6681e8;}
.gk-background2{background:#fdd250;}
.gk-background3{background:#29adbc;}
.gk-background4{background:#ff3f4e;}
.gk-background5{background:#58b4d9;}
.gk-background6{background:#88f682;}


/*全部游戏*/
.gk-all{ margin-top: 20px; }
.gk-all .title{border-bottom:5px solid #28bb8f; padding: 0 20px;height: 50px; line-height: 50px;}

.title-record{width: 152px;height: 30px;float: left; background: url(../images/jilu.jpg); margin-left: 40px; display: block; margin-top: 10px;}
.title-record:hover{background-position:  0 -30px;}

.lookup-box{width: 530px;float: right;}
.gk-all .letter{height: 20px; border-radius:15PX; cursor: pointer; width: 60px;  position: relative;margin-top: 12px; z-index: 99; border:1px solid #888; color: #888;display: block; float:left; text-align: center;line-height: 20px; margin-left: 10px;}
.gk-all .letter:hover{border:1px solid #29ba8f; background: #29ba8f; color: #fff;}
.down{border:1px solid #2abc8f; position: absolute;  z-index: 2; background: #fff; }
.down a{color: #666; display: block; float: left; width: 90px;text-align: center; height: 24px; line-height: 24px;}
.down a:hover{color: #2abb90;}
.down-jt{display: none;width: 60px;height: 11px;background: url(../images/jt.png);position: absolute; top:22px; right:0; z-index: 3;}

.gk-all .cycle{width: 296px;  height: 180px; float: left; margin-top: 30px; margin-right: 14px;}
.gk-all .imgbox:hover{ border:1px solid #ff3f4e; -webkit-box-shadow: 0px 0px 10px #999;-moz-box-shadow: 0px 0px 10px #999;  box-shadow: 0px 0px 10px #999;}  
.gk-all .imgbox{width: 290px;height: 128px; margin: 2px; border:1px solid #ddd; border-radius: 10px; overflow:hidden; position: relative;}
.gk-all .name{ text-align: center;height: 38px; line-height: 38px; }
.gk-all .hideimg{position: absolute;top:0;left: 0; z-index: 2; width: 290px;}
.on-bg { background: url(../images/onbg.gif) top center no-repeat;}

/*游戏礼包页*/	
.pack-box .btn{float: left; color: #777;border:1px solid #999; position: relative; border-radius: 5px; margin-right: 12px;margin-bottom: 20px;display: block;
	width: 90px; padding: 0 5px; text-align: center; height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pack-box .btn:hover,.pack-box .on{color: #fff; background: #29bb90; border:1px solid #29bb90;}

.pack-box .btn3{width: 160px;height: 35px;line-height: 35px; background: #e0e0e0; border-radius: 10px; text-align: center; float: left; display: block; margin-right: 10px; color: #777; font-size: 18px;}
.pack-box .btn3:hover,.pack-box .btn4{ background: #29bb90; color: #fff;}
.pack-box .btn4:hover{background: #3ad2a5;}
.pack-box .btn5{background: #fe4e5b; color: #fff;}
.pack-box .btn5:hover{background: #f92535;}
.pack-box .on .on-img{width: 18px;height: 18px;display:block;position: absolute;right:0; bottom:0; background: url(../images/on.png);}
.pack-box{padding: 0 25px;width: 1150px;margin: 0 auto; border:1px solid #e2e2e2; background: #fff; margin-top: 20px;}
.gk-crumbs{clear: both;height: 52px;line-height: 52px; color: #888;font-size: 14px;}
.gk-crumbs a{color: #888; padding: 0 10px;}.gk-crumbs a:hover{color: #29bb90; }
.gk-crumbs span{color: #666;padding: 0 10px;}
.gk-packtop{}
.packimg{float: left; margin-right: 30px;}
.packtable{float: left;width: 850px;}.packtable td{padding: 10px 0;}
.packtable .left{text-align: right;width: 140px; vertical-align: top; line-height: 30px;}
.ser-box{height: 85px;overflow: auto;width: 710px; position: relative;}
.method-title{font-size: 18px; color: #777;height: 40px;line-height: 40px; border-bottom:3px solid #29bb90;}
.method-txt{padding: 20px; font-size: 14px;}
.method img{max-width: 1100px;}
.pack-link{background: url(../images/lb.jpg) left center no-repeat; margin: 8px 10px 0 0; padding-left: 25px; color: #777;float: right; font-size: 14px;line-height: 24px;}
.pack-link:hover{color: #29bb90;}

/*记录页*/
.record-ul li{border:1px solid #e0e0e0;height: 100px; border-radius: 20px; margin-bottom: 20px;}
.record-ul li:hover{border:1px solid #29bb90; background: #f8f7f7;}
.record-ul .r-img{float: left;margin: 20px; border-radius:50%; border:1px solid #d9d9d9;}
.record-ul .r-d1{float: left;width: 215px;height: 100px;}
.record-ul .r-d2{float: left;width: 240px;height: 35px; color: #999;font-size: 12px; padding-top: 65px;}
.record-ul .r-d3{float: left;width:465px;height: 80px; padding-top: 20px;}
.record-ul .r-d4{float: left;width: 120px;height: 100px;}
.record-ul strong{font-size: 16px;height: 64px;line-height: 64px;display: block;}
.record-ul .sp1{display: inline-block; vertical-align: middle; width: 250px;height: 25px; line-height: 25px;border:1px solid #e0e0e0; background: #f3f2f2; text-align: center; font-size: 12px; overflow:hidden;}
.record-ul .sp2{ color: #ff3f4d; padding-left: 10px;font-size: 12px;}
.record-ul .copy{display: block;width: 100px;height: 25px;line-height: 25px;background: #e0e0e0; border-radius: 10px;text-align: center; margin-top: 10px;position: relative;}
.record-ul .copy:hover{color: #fff; background: #fe4e5b;}
.record-ul .but{background: #fff;text-align: center; color: #29bb90; margin-top: 15px; width: 90px;height: 25px; border-radius: 10px; line-height: 25px; border:1px solid #29bb90;display: block;}
.record-ul .but:hover{background: #29bb90; color: #fff;}
/*弹窗*/
.gk-pop {
    width: 540px;
    height: 240px;
    border: 5px solid #29bb90;
    position: relative;
    text-align: center;
}
.gk-pop .close {
    width: 28px;
    height: 28px;
    display: block;
    background: url(../images/x.jpg);
    position: absolute;
    right: 0;
    top: 0;
}
.gk-gg {
    width: 51px;
    height: 45px;
    display: inline-block;
    background: url(../images/g.jpg);
    vertical-align: middle;
    margin-right: 10px;
}
.gk-pop .pop-h3 {
    color: #29bb90;
    font-size: 24px;
    margin: 0 auto;
    margin-top: 50px;
    line-height: 45px;
}
.gk-pop .sel {
    padding: 20px 0;
}
.gk-pop .gk-ma {
    width: 300px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    color: #777;
    margin-left: 10px;
    background: #eee;
    display: inline-block;
    vertical-align: middle;
}
.gk-popbtn{
    border-radius: 5px;
    border: 1px solid #29bb90;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
   background: #29bb90; color: #fff;
    font-size: 12px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
}
.gk-copy{width: 60px; }
.gk-popbtn:hover{border: 1px solid #29bb90; background: #fff;color: #29bb90}
.gk-pop .close:hover{background-position: 0 -28px;}





/*翻页*/
.utc-page{width: 100%;padding: 20px 0; text-align: center; font-size: 12px;}
.utc-page a,.utc-page .cpb{padding: 3px 15px; border:1px solid #e0e0e0; color: #888;margin-left: 5px; display: inline-block; border-radius: 5px; vertical-align: middle;}
.utc-page a:hover{color: #29bb90; border:1px solid #29bb90; }
.utc-page .cpb,.utc-page .cpb:hover{color: #fff; border:1px solid #29bb90; background:#29bb90;}
.utc-page .input{border:1px solid #e0e0e0;width: 40px; padding: 3px; margin-left: 5px; border-radius: 5px; vertical-align: middle;}