*{margin: 0;padding: 0;list-style: none;text-decoration: none;}
body{background: #230a05;}
.main_zs>div{margin-top: -1px;}
.main_zs .page1{width: 100%;height: 999px;background: url(../images/page_01.jpg) top center no-repeat;min-width: 1200px}
.main_zs .page2{width: 100%;height: 501px;background: url(../images/page_02.jpg) top center no-repeat;min-width: 1200px}
.main_zs .page3{width: 100%;height: 783px;background: url(../images/page_03.jpg) top center no-repeat;min-width: 1200px}
.main_zs .page4{width: 100%;height: 613px;background: url(../images/page_04.jpg) top center no-repeat;min-width: 1200px}
.w1200{width: 1200px;position: relative;margin: 0 auto;}

.icon,.msg-con .btn-alert,.alert-wrap .msg-alert,.btn-close{background: url(../images/icon.png?v=001) 0 0 no-repeat}
.page1 .logo{width: 160px;height: 100px;background-position: -1252px -11px;position: absolute;top: 28px;left: 0;}
.page1 .enter{position: absolute;right: 0;top: 50px;}
.page1 .enter a{display: block;width: 50px;height: 50px;background-position: -565px -437px;float: left;margin: 0 6px;}
.page1 .enter a.game{background-position-x: -620px;}
.page1 .enter a:hover{background-position-y: -489px;}
.page1_con{position: absolute;width: 100%;top: 662px;left: 0;}
.page1_con dl{font-size: 14px;color: #ffefd9;width: 310px;margin: 0 auto;text-align: center;}
.page1_con dl .btn{cursor: pointer;width: 310px;height: 92px;background-position: 1px -2px;}
.page1_con dl dd{width: 439px;height: 32px;text-align: center;background: url(../images/tab_bg_03.png) center no-repeat;line-height: 29px;margin:8px 0 0 -62px;color: #ffefd9;}
.page1_con dl .btn:hover{background-position-x:-335px;}
.page1_con dl.isGet .btn{background-position-x: -671px;}

.rule{width: 576px;height: 128px;margin: 36px auto 0;padding: 0 60px;font-size: 16px;color: #f7d189;line-height: 22px;display: flex;flex-direction: column;align-content: center;justify-content: center;}
.rule span{color: #ff9600;}
.page2 ul{padding: 94px 0 0 64px;overflow: hidden;}
.page2 li{font-size: 14px;color: #f7d189;text-align: center;width: 140px;float: left;margin: 0 47px 0 0;padding-top: 130px;}
.page2 li span,.page3 li span{display: block;width: 143px;height: 38px;background-position: -322px -154px;margin-top: 4px;cursor: pointer;}
.page2 li.waitGet span , .page3 li.waitGet span{background-position-x: -1px;}
.page3 li.waitGet span:hover , .page2 li.waitGet span:hover{background-position-x: -161px;}
.page3 li.isGet span , .page2 li.isGet span{background-position-x: -482px;}

.page2 .rule{margin-top: 26px;padding: 26px 60px;height: 80px;width:596px;padding:26px 40px}


.page3 ul{padding-top: 158px;overflow: hidden;padding-left: 85px;}
.page3 li{width: 166px;height: 142px;float: left;margin:0 46px 60px 45px;text-align: center;}
.page3 li div{height: 86px;display:table-cell;vertical-align:middle;width: 164px;text-align: center;font-size: 16px;color: #ffe431;line-height: 22px;padding-top:6px}
.page3 li span{margin: 8px auto 0;}
.page3 .rule{margin-top: -20px;padding: 23px 60px;height: 84px;}

.page4 ul{overflow: hidden;padding: 89px 0 0 157px;}
.page4 li{width: 336px;height: 82px;float: left;margin: 0 66px 34px 0px;padding-left: 74px;}
.page4 li h6{font-size: 20px;color: #f7d189;padding-left: 14px;height: 46px;line-height: 45px;}
.page4 li h6 span{font-size: 16px;}
.page4 li p{font-size: 16px;color: #ffe431;padding-left: 14px;line-height: 34px;}
.page4 .rule{margin-top: 4px;}

.page4 .bottom_tips{font-size: 14px;color:#a0764c;text-align: center;margin-top: 36px;line-height: 22px;}

.aside{width: 154px;height: 296px;background-position: 4px -274px;position: fixed;top: 50%;margin-top: -148px;right: 100px;padding: 0 10px}
.server_aside{width: 100%;margin: 28px 0 2px;}
.server_aside p{width: 110px;height: 24px;border: 1px solid #f7d189;margin: 0 auto 10px;font-size: 14px;color: #f7d189;line-height: 23px;padding: 0 20px 0 10px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;background-position: -552px -554px;cursor: pointer;}
.aside .list_btn{width: 168px;height: 50px;background-position:-218px -278px;margin: 0 0 4px -5px;font-size: 20px;color: #f7d189;font-weight: bold;text-align: center;line-height: 45px;cursor: pointer;}
.aside .list_btn:hover{background-position-x: -436px ;}
.aside .to_top{display: block;width: 72px;height: 50px;background-position: -263px -364px;margin: 10px auto 0;}
.aside .to_top:hover{background-position-x: -482px;}

.alert-wrap .shadow-box , .alert-wrap{position: fixed;width: 100%;height: 100%;z-index: 10;top: 0;left: 0;}
.alert-wrap .shadow-box{background: rgba(0,0,0,0.5);}
.alert-wrap .msg-alert{width: 712px;height: 352px;background-position: -694px -154px;z-index: 11;position: absolute;padding: 8px 20px 22px 30px;margin: -184px 0 0 -378px;top: 50%;left: 50%;}
.msg-tit h3{font-size: 30px;color: #ffcb6c;font-weight: bold;text-align: center;padding-top: 30px;}
.msg-con .tip2{letter-spacing: 1px;font-size: 20px;color: #ffcb6c;font-weight: bold;text-align: center;display: table-cell;vertical-align: middle;width: 706px;height: 190px;}
.msg-con .btn-alert{display: block;width: 206px;height: 76px;background-position: -280px -460px;font-size: 22px;font-weight: bold;color: #f7d189;line-height: 74px;text-align: center;bottom: -22px;left: 50%;margin-left: -103px;position: absolute;}
.msg-tit .btn-close:hover,.msg-con .btn-alert:hover{filter: brightness(1.3);}
.msg-tit .btn-close{position: absolute;width: 82px;height: 82px;background-position: -1076px -22px;right: -75px;top: -20px;}

.msg-alert .serverInfo {margin: 10px 0}
.alert-wrap .msg-alert .msg-con::-webkit-scrollbar {
    width: 3px;
    /*height: 4px;*/
}

.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
    background: #f3cd86;
}

.alert-wrap .msg-alert .msg-con::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.2);
    border-radius: 0;
    background: rgba(146,83,56,0.1);
}

.alert-wrap .msg-alert .msg-con table {
    width: 86.5%;
    text-align: center;
    font-size: 14px;
    margin: 0px 30px;
    color: #f7d189;
}
.myGiftTable .msg-con {height: 246px;overflow: auto;width: 600px;margin: 0 auto;}
.myGiftTable .msg-tit h3{padding-top: 16px;margin-bottom: 14px;}
.alert-wrap .msg-alert .msg-con table tr th {
    text-align: center;
    font-size: 16px
}

.alert-wrap .msg-alert .msg-con table th, .msg-con table td, .msg-con table tr {
    /*border-bottom: 1px solid #ffdbb0;*/
    line-height: 28px;
    height: 28px;
    vertical-align: middle;
    padding: 3px 5px 3px;
    text-align: center;
}

.alert-wrap .msg-alert .msg-con table td.mid {
    width: 110px;
}

.searchable-select-hide {
    display: none;
}

.searchable-select {
    display: inline-block;
    min-width: 200px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    position: relative;
    outline: none;
}

.searchable-select-holder {
    padding: 6px;
    background-color: #413323;
    color: #ffdbb0;
    background-image: none;
    border: 1px solid #5e4c35;
    border-radius: 4px;
    min-height: 30px;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchable-select-caret {
    position: absolute;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border-color: #afafaf transparent transparent transparent;
    top: 0;
    bottom: 0;
    border-style: solid;
    border-width: 5px;
    margin: auto;
    right: 10px;
}

.searchable-select-dropdown {
    z-index: 100;
    position: absolute;
    background-color: rgb(99 80 55);
    border: 1px solid #4e3e2b;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px;
    border-top: none;
    top: 28px;
    left: 0;
    right: 0;
}

.searchable-select-input {
    margin-top: 5px;
    border: 1px solid #413323;
    outline: none;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
    width: 100%;
    background-color: #413323
}

.searchable-scroll {
    margin-top: 4px;
    position: relative;
}

.searchable-scroll.has-privious {
    padding-top: 16px;
}

.searchable-scroll.has-next {
    padding-bottom: 16px;
}

.searchable-has-privious {
    top: 0;
}

.searchable-has-next {
    bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
    height: 16px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    background-color: #564631;
    line-height: 8px;
    cursor: pointer;
    color: #ffdbb0
}

.searchable-select-items {
    max-height: 400px;
    overflow-y: scroll;
    position: relative;
}

.searchable-select-items::-webkit-scrollbar {
    display: none;
}

.searchable-select-item {
    padding: 5px 5px;
    cursor: pointer;
    min-height: 30px;
    box-sizing: border-box;
    transition: all 1s ease 0s;
    color: #ffdeb0
}

.searchable-select-item.hover {
    background: #4c3d2c;
    color: #ffdeb0;
}

.searchable-select-item.selected {
    background: #4c3d2c;
    color: #ffdeb0;
}


/*footer*/
.wrapper-footer { width: 100%; background: #000000; height: 202px; border-bottom: 3px solid #000000 }
.wrapper-inner { width: 1000px; margin: 0 auto; position: relative }
.wrapper-inner .qr-left { float: left; width: 282px; height: 138px; background: url(../images/footer_qr.png) no-repeat; margin: 30px 0 0 90px }
.wrapper-inner .f-info-right { float: right; width: 500px; height: 40px; margin: 35px 40px 0 0; text-align: center }
.f-info-right .footer-logo { display: block; width: 127px; height: 45px; margin: 10px auto }
.f-info-right p { color: #fff; line-height: 30px }