.wrap {
    background: url("../img/bg.jpg") no-repeat top center;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.main_cont {
    width: 1200px;
    margin: 0px auto;
    position: relative;
}

.main_ul {
    width: 1200px;
    overflow: hidden;
}

.main_ul li {
    position: relative;
    float: left;
}

.main_ul li img {
    display: block;
}

.retrun_index {
    display: block;
    width: 115px;
    height: 30px;
    position: absolute;
    right: 18px;
    top: 24px;
    background: url("../img/default.png");
}

.btn1 {
    position: absolute;
    top: 186px;
    z-index: 9;
    display: block;
    width: 122px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cbde9c;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #1aa7d0;
    cursor: pointer;
}

.btn1[ggk-num="10"] {
    background: #ff432a;
}

.btn1:hover {
    color: #000;
}


.loginBox{
    position: absolute;
    top: 225px;
    left: 54%;
    margin-left: 240px;
    z-index:1;
    white-space: nowrap;
    width:350px;
}


.cj{
    background:url("../img/icon02.png") no-repeat;
    width:150px;
    height:150px;
    position: absolute;
    left:0px;
    top:0px;
    z-index:3;
    cursor: pointer;
    display: block;
    border-radius: 50%;
}

.jf{
    background:url("../img/icon01.png") no-repeat;
    width:79px;
    height:80px;
    position: absolute;
    left: 108px;
    top: 115px;
    z-index:2;
    cursor: pointer;
    display: block;
}
.ck{
    background: url("../img/ckbg.png") no-repeat center;
    width: 53px;
    height: 24px;

    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: yellow;
    position: absolute;
    top: 716px;
    left:155px;
    cursor: pointer;
    z-index: 9;
}
.bar .lookBtn{
    background: url("../img/ckbg.png") no-repeat center;
    width: 53px;
    height: 24px;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: yellow;
    cursor: pointer;

}
.bar .lookbtn1{
    position: absolute;
    top: 7px;
    right:105px;

}
.bar .lookbtn2{
    position: absolute;
    top: 140px;
    right:-5px;

}

.chestList ul {
    padding: 12px;
    width: 570px;
    overflow: hidden;
}

.chestList li {
    float: left;
    margin: 2px;
    text-align: center;
    padding: 2px 3px;
    width: 104px;
    color: #000;
    background: #26a5eb;
    border-radius: 3px;
}

.zb ul {
    width: 600px;
}

.zb li {
    width: 140px;
}
.chestList .cn dd{
    width:180px;
}

/*扭蛋layer样式*/
.chestList .layui-layer-title{
    background: #188fca;
    color: #fff;
    /*border-bottom: 1px solid #9C1016;*/
}

.chestList .layui-layer-content{
    background:#fff;
    color: #000;
}


.chestList .layui-layer-btn{
    background: #A8605E;
    color: #fff;
}

.chestList .layui-layer-btn .layui-layer-btn0 {
    border-color: #F49B19;
    background-color: #F49B19;
    color: #792F0A;
}



.chestList dl{
    /*float: left;*/
    width:576px;
    overflow: hidden;
    margin:0px auto;
}
.chestList dl dt{
    text-align: center;
}
.chestList dl dd{
    float: left;
    margin: 2px;
    text-align: center;
    padding: 2px 3px;
    width: 134px;
    color: #752612;
    background: #fdb959;
    border-radius: 3px;
}
.chestList dl.zb dd{
    /*height:58px;*/
    vertical-align: middle;
}

.login .jf{
    display: none;
}
/**/
.userMsg{
    display: none;
}
.login .userMsg{
    font-size:14px;
    color:#fff;
    margin-left: 68px;
    position: relative;
    top:4px;
    height: 120px;
    padding: 20px 18px 4px 90px;
    background:url("../img/userBg.png");
    display: block;
}
.login .userMsg a{
    color:#fff;
}
.login .userMsg a:first-child{
    margin-right:20px;
}
.login .userMsg a:hover{
    color:red;
}
.line {
    height: 1px;
    line-height: 1px;
    background: #017582;
    margin: 6px 0px 4px 0px;
}
.loginBox p{
    height:22px;
    line-height:22px;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%;
}

/**/
.main_ul .btnl{
    width: 170px;
    height: 72px;
    font: bolder 22px/72px "微软雅黑";
    position: absolute;
    top: 263px;
    left: 492px;
    /*cursor: pointer;*/
}
.main_ul .btnl a{
    color: white;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
}
.main_ul .btnl a:hover{
    color: red;
}

/*魂夹*/
.box{
    position: absolute;
    top: 390px;
    left: 322px;
    z-index:1;
}
.box-ul{
    width:566px;
    overflow: hidden;
}
.box-ul li{
    float: left;
    margin-left:10px;
}
.box-ul li:first-child{
    margin-left:0px;
}
.box-wrap{
    background-image: url('../img/icon04.jpg');
    background-repeat: no-repeat;
    width:182px;
    height:236px;
    cursor: pointer;
}

.box1 .box-wrap{
     background-position: 0px 0px;
 }
.box .lookBtns{
    background: url("../img/ckbg.png") no-repeat center;
    width: 53px;
    height: 24px;
    line-height: 15px;
    cursor: pointer;
    font-size: 14px;
    color: yellow;
    position: absolute;
    top:23px;
    right: 15px;
    z-index: 9999;
}
.box .lookBtns4{
    line-height: 15px;
    cursor: pointer;
    font-size: 14px;
    color: yellow;
    position: absolute;
    top:63px;
    right: 15px;
    z-index: 9999;
}

.box2 .box-wrap{
    background-position: -192px 0px;
}
.box3 .box-wrap{
    background-position: -385px 0px;
}

.box1:hover .box-wrap{
    background-position: 0px -236px;
}

.box2:hover .box-wrap{
    background-position: -192px -236px;
}

.box3:hover .box-wrap{
    background-position: -385px -236px;
}

.btn10{
    background:url("../img/btn10.png") no-repeat;
    width:182px;
    height:35px;
    line-height:34px;
    text-align: center;
    color:#ffc600;
    font-size:14px;
    margin-top:12px;
    cursor: pointer;
}
.btn10:hover{
    color:#ff6000;
    font-weight:700;
}

.bar{
    background:url("../img/bar.png") no-repeat;
    position: absolute;
    top: 140px;
    left: 260px;
    width:708px;
    height:216px;
    z-index:1;
}

.line-wrap{
    width:573px;
    position: absolute;
    top: 101px;
    left: 78px;
    z-index:2;
    overflow: hidden;
    height:18px;
}
.line-bar{
    /*background:url("../img/line.jpg") no-repeat;*/
    /*width:0%;*/
    height:18px;
    position: absolute;
    top:0px;
    left:0px;
}
.line0,.line7,.line14,.line21,.line28{
    background:url("../img/line.jpg") no-repeat;
}
.line1,.line8,.line15,.line22,.line29{
    background:url("../img/line1.jpg") no-repeat;
}

.line2,.line9,.line16,.line23,.line30{
    background:url("../img/line2.jpg") no-repeat;
}
.line3,.line10,.line17,.line24,.line31{
    background:url("../img/line3.jpg") no-repeat;
}
.line4,.line11,.line18,.line25,.line32{
    background:url("../img/line4.jpg") no-repeat;
}
.line5,.line12,.line19,.line26,.line33{
    background:url("../img/line5.jpg") no-repeat;
}
.line6,.line13,.line20,.line27,.line34{
    background:url("../img/line6.jpg") no-repeat;
}
.line-msg{
    position: absolute;
    top: 75px;
    left: 72px;
    color:#007ed9;
    font-size:14px;
    z-index:2;
    width: 148px;
    text-align: center;
}

.line-msg span{
    color:#fff;
}

.barGift{
    color:#666666;
    font-size: 14px;
    position: absolute;
    z-index:3;
    cursor: pointer;
}
.barGift1{
    top: 20px;
    left: 280px;
}
.barGift2{
    top: 151px;
    left: 394px;
}
.barGift3{
    top: 30px;
    left: 511px;
}
.barGift4{
    top: 162px;
    left: 625px;
}
.getIt{
    color:#00f6ff;
}

/*排行榜*/

.ranklist {
    position: absolute;
    top: 24px;
    left: 18px;
}

.ranklist span {
    display: block;
    float: left;
    height:22px;
    line-height:22px;
    background: #363636;
    overflow: hidden;
    color: #bababa;
    text-align: center;
    font-size: 12px;
}
.ranklist dd {
    width:270px;
    overflow: hidden;
}
.dd0 span.s1{
    background:url("../img/icon03.png") no-repeat 8px 2px #363636;
    text-indent: -999px;
}
.dd1 span.s1{
    background:url("../img/icon03.png") no-repeat 8px -19px #363636;
    text-indent: -999px;
}
.dd2 span.s1{
    background:url("../img/icon03.png") no-repeat 8px -40px #363636;
    text-indent: -999px;
}

.ranklist dt span {
    color: #000;
    font-size: 16px;
    background: #ffc949;
    height: 32px;
    line-height: 32px;
    font-weight: 700;
}

.ranklist .s1 {
    width:30px;
}

.ranklist .s2 {
    width: 100px;
}

.ranklist .s3 {
    width:70px;
}
.ranklist .s4 {
    width: 70px;
}


/*神秘商店*/

.shop{
    position: absolute;
    top: 180px;
    left: 252px;
    z-index:99;
}
.shop-dl{
    width:720px;
    overflow: hidden;
}
.shop-dl dd{
    width:229px;
    float: left;
    margin:10px 5px;
}
.shopImg-wrap{
    background:url("../img/icon-bg.jpg") no-repeat;
    width:229px;
    height:163px;
    position: relative;
    margin-bottom:4px;
}
.item-img{
    width:120px;
    margin:0px auto;
    position: relative;
    top:45px;
}

.shopName{
    color:#00ffc6;
    font-size:12px;
    height:23px;
    line-height:22px;
    width:125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.buyBtn{
    background:url("../img/icon-btn.png") no-repeat;
    text-align: center;
    width:90px;
    height:23px;
    line-height:22px;
    color:#fff;
    font-size:12px;
    float: right;
    cursor: pointer;
}

.buyBtn:hover{
    color:#000;
}

.time {
    text-align: center;
    position: absolute;
    top: 112px;
    left: 536px;
    width: 150px;
    height: 90px;
}

.time h2 {
    font-size:16px;
    color: #009c6e;
    line-height: 30px;
    height: 30px;
}

.time p {
    font-size:28px;
    height:34px;
    line-height:34px;
    color: #009c6e;
    font-weight: 700;
    font-family: "Arial";
}

.zk{
    background-image:url("../img/icon-zhe.png");
    background-repeat: no-repeat;
    width:68px;
    height:68px;
    position: absolute;
    top:0px;
    right:0px;
}
.zk0{
    background-position: 0px 0px;
}
.zk1{
    background-position: 0px -68px;
}
.zk2{
    background-position: 0px -137px;
}
.zk3{
    background-position: 0px -206px;
}
.zk4{
    background-position: 0px -275px;
}
.zk5{
    background-position: 0px -345px;
}
.zk6{
    background-position: 0px -415px;
}
.zk7{
    background-position: 0px -484px;
}
.zk8{
    background-position: 0px -553px;
}
.zk9{
    background-position: 0px -623px;
}

/*兑换*/

.btn-wrap{
    width:82px;
    position: absolute;
    top: 134px;
    left: 934px;
}
.icon-btn{
    background:url("../img/icon-btn1.png ") no-repeat;
    width:82px;
    height:35px;
    line-height:34px;
    cursor: pointer;
    text-align: center;
    font-size:14px;
    margin-bottom:49px;
}

.icon-btn:hover{
    color:#000;
    font-weight:700;
}



/*魂匣*/
.zy-table{
    width:552px;
    font-size:16px;
    margin:0px auto;
    padding:20px 0px;
}
.zy-table td{
    padding:4px 0px;
}
.zy-table td label{
    color:#ff432a;
}
.zy-table td span{
    display: block;
    float: right;
    text-align: center;
    background: #1aa7d0;
    width: 74px;
    height: 24px;
    margin-right: 12px;
    color: #fff;
    border-radius: 2px;
    line-height: 24px;
    font-size: 14px;
    cursor: pointer;
}

.zy-table td span:hover{
    background: #ff432a;
}

.zyLayer1 .layui-layer-title{
    text-align: center;
    font-size:18px;
    padding: 0 20px;
}

.fixed{
    position: fixed;
    top:20px;
    left:50%;
    margin-left:468px;
    z-index:99999;
}

/*公告*/
.showBox{
    width:272px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    top: 44px;
    left: 920px;
}
.getlist{
    position: absolute;
    top: 0px;
    left: 0px;
    table-layout: fixed;
    width:272px;
    text-align: left;
}

.getlist td{
    height:22px;
    line-height:22px;
    color:#a4a4a4;
    font-size:12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}