@charset "utf-8";

.hide {
    display: none!important
}



#aboutus {
    width: 89px;
    height: 89px;
    margin-left: 50px;
    margin-top: 24px;
    margin-bottom: 15px
}

.fright {
    float: right!important
}

.last {
    margin-right: 0!important
}

.tooltip {
    background: url("../__static/__images/tooltip.png") no-repeat;
    width: 220px;
    height: 48px;
    display: block;
    position: absolute;
    top: -48px;
    left: 0;
    text-align: center;
    line-height: 44px;
    color: #ee6f12;
    font-size: 18px
}

.modifybankinfo .tooltip {
    left: 115px
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.popmask,
#masktop-login {
    background: none repeat scroll 0 0 #000;
    display: block;
    height: 100%;
    left: 0;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%;
    z-index: 9999
}

#masktop-login {
    display: none
}

.pop-con {
    word-wrap: break-word;
    min-height: 320px;
    width: 560px;
    position: fixed;
    z-index: 999998;
    display: block;
    background: url("../__static/__images/webrevamp/popupbg.png") no-repeat
}

.pop-con-top {
    width: 100%;
    text-align: center;
    line-height: 125px;
    font-size: 24px;
    position: relative;
    padding-top: 25px
}

.pop-con-top .close {
    width: 14px;
    height: 14px;
    display: block;
    background: url("../__static/__images/webrevamp/popclose.png") no-repeat;
    float: right;
    margin: 20px;
    position: absolute;
    top: 0;
    right: 10px
}

.pop-con-mid {
    width: 80%;
    margin: 0 auto
}

.pop-con-mid .si-con {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px
}

.pop-con .single-btn {
    width: 220px;
    height: 40px;
    line-height: 40px;
    display: block;
    background: url("../__static/__images/webrevamp/member/btn220.png") no-repeat;
    text-align: center;
    color: #1e1c1b;
    margin: 0 auto;
    font-size: 18px
}

#successpop.poplogin .hbar {
    width: 512px;
    height: 1px;
    background: #c6c6c6;
    margin: 5px auto 85px;
    clear: both;
    display: block
}

.popupnotice {
    width: 840px;
    height: auto;
    background: #fff;
    position: fixed;
    margin: 0 auto;
    left: 0;
    min-height: 480px;
    right: 0;
    z-index: 999999
}

.popupnotice .close {
    width: 23px;
    height: 23px;
    display: block;
    background: url("../__static/__images/webrevamp/loginclose.png") no-repeat;
    float: right;
    position: absolute;
    top: 15px;
    right: 20px
}

.popupnotice h1 {
    font-size: 24px;
    margin: 18px 0 20px 18px
}

.popupnotice .rownotice {
    min-height: 40px;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 12px;
    background: url("../__static/__images/webrevamp/noticebg.jpg") repeat-y;
    position: relative
}

.popupnotice .rownotice p {
    width: 705px;
    min-height: 40px;
    margin: 0 auto;
    background: url("../__static/__images/webrevamp/greynotice.png") no-repeat left center;
    color: #5c5c5c;
    line-height: 18px;
    font-size: 14px;
    padding-left: 60px
}

.popupnotice .rownotice .redbar {
    height: 100%;
    width: 5px;
    display: block;
    background: #cf283f;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.popupnotice .rownotice.active p {
    background: url("../__static/__images/webrevamp/rednotice.png") no-repeat left center
}

.popupnotice .rownotice.active .redbar {
    display: block
}

.page-content {
    margin: 0 auto;
    min-height: 600px;
    background: #61564b;
    padding-bottom: 35px
}

.header {
    min-width: 1200px;
    height: 200px;
    position: relative;
    -webkit-box-shadow: 0 5px 20px -1px #2a2a2a;
    -mozilla-box-shadow: 0 5px 20px -1px #2a2a2a;
    box-shadow: 0 5px 20px -1px #2a2a2a
}

.header .top {
    width: 100%;
    height: 27px;
    background: #1a1a1a;
    color: #5c5c5c;
    position: relative;
    z-index: 99999
}

.header .top .dropmenu {
    float: left;
    position: relative
}

.header .top .dropmenu a {
    color: #5c5c5c;
    line-height: 26px;
    width: 70px;
    display: block;
    text-indent: 5px
}

.header .top .dropmenu>a {
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -153px -24px
}

.header .top .dropmenu ul {
    background: #1a1a1a;
    display: none;
    position: absolute
}

.header .top .dropmenu:hover ul {
    display: block
}

.header .top .oldsite {
    width: 75px;
    height: 12px;
    float: left;
    margin: 8px 0 0 17px;
    border-left: 1px solid #4a4a4a;
    text-indent: 10px
}

.header .top .oldsite a {
    color: #c99e3c;
    line-height: 11px
}

.header .top .notice {
    float: right;
    width: 445px;
    height: 27px
}

.header .top .notice .icon {
    float: left;
    width: 20px;
    height: 18px;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -1px -2px;
    margin-top: 6px
}

.header .top .notice marquee {
    float: left;
    width: 425px;
    height: 27px;
    line-height: 25px;
    color: #5c5c5c
}

.header .top .notice marquee a {
    color: #ccc
}

.header .mid {
    width: 100%;
    height: 124px;
    position: relative;
    z-index: 999;
    background: url("../__static/__images/webrevamp/bgbody.jpg") repeat
}

.header .logo {
    width: 185px;
    height: 70px;
    display: block;
    float: left;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -3px -76px;
    margin-top: 30px
}

.header .account-btns {
    float: right;
    margin-top: 40px
}

.header .account-btns a {
    float: left;
    margin: 0;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    display: block;
    color: #000
}

.header .account-btns a.login {
    width: 80px;
    background: #c5a775
}

.header .account-btns a.register {
    overflow: hidden;
    position: relative;
    margin: 0 5px;
    width: 125px;
    margin-top: -5px;
    text-align: left;
    text-indent: 45px;
    line-height: 45px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat 0 -25px
}

.shineblock {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    height: 33px;
    background: url("../__static/__images/webrevamp/shine2.png") no-repeat -120px 0;
    transition-property: all;
    transition-duration: 5s;
    animation: shine 2s linear infinite
}

@keyframes shine {
    from {
        background-position: -140px 0
    }
    to {
        background-position: 140px 0
    }
}

.header .account-btns a.trial {
    width: 80px;
    background: #4c4439;
    color: #ded4be
}

.header .loggedin {
    width: 290px;
    height: 70px;
    background: url("../__static/__images/webrevamp/loggedbg.png") no-repeat;
    float: right;
    margin-top: 25px;
    float: right
}

.header .loggedin .name {
    cursor: pointer;
    width: 154px;
    height: 33px;
    float: left
}

.header .loggedin .name .ulevel {
    width: 34px;
    height: 14px;
    display: block;
    float: left;
    margin: 10px 0 0 15px
}

.header .loggedin .name .user {
    float: left;
    color: #a58041;
    text-decoration: underline;
    margin: 10px 0 0 25px
}

.header .loggedin .name .arrow {
    width: 6px;
    height: 4px;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -211px -51px;
    float: right;
    margin: 15px 10px 0 0
}

.header .loggedin.trial {
    background: #4c4641;
    border: 1px solid #645745
}

.header .loggedin.trial .name {
    border-bottom: 1px solid #645745
}

.header .loggedin.trial .memberlink {
    border-left: 1px solid #645745;
    border-bottom: 1px solid #645745;
    width: 135px
}

.header .loggedin.trial .credit {
    margin: 3px 0 0 75px
}

.header .loggedin .name .submenu {
    display: none;
    position: absolute;
    z-index: 99999;
    margin-top: 40px;
    margin-left: 19px;
    width: 135px;
    height: auto;
    border: 1px solid #645745;
    background: #4c4641;
    border-radius: 2px 2px 3px 3px
}

.header .loggedin .name .submenu .bgtop {
    height: 10px;
    width: 135px;
    background: url(../__static/__images/webrevamp/username2.png) no-repeat;
    margin-top: -8px
}

.header .loggedin .name .submenu a {
    font-size: 12px;
    text-decoration: none;
    color: #a58041;
    width: 135px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
    border-bottom: 1px solid #645745
}

.header .loggedin .name .submenu a:hover {
    color: #a2a2a2
}

.header .loggedin .name .submenu a.last {
    border-bottom: 0
}

.header .loggedin .name:hover .submenu {
    display: block
}

.header .loggedin .email {
    position: relative;
    float: left;
    width: 67px;
    height: 33px
}

.header .loggedin .email a {
    margin: 10px auto;
    width: 18px;
    height: 13px;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -138px 1px
}

.header .loggedin .email .unread {
    width: 10px;
    height: 10px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    display: none;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -369px -57px;
    float: right;
    margin: 8px 20px 0 0
}

.header .loggedin .memberlink {
    width: 68px;
    height: 33px;
    line-height: 33px;
    display: block;
    float: left;
    text-align: center;
    color: #4c98ff;
    text-decoration: underline
}

.header .loggedin .credit {
    width: 154px;
    height: 34px;
    float: left;
    margin: 2px 0 0 1px
}

.header .loggedin .credit .amount {
    color: #e7d39f;
    font-size: 14px;
    float: left;
    margin: 10px 0 0 10px
}

.header .loggedin .credit .currency {
    color: #a58041;
    float: right;
    margin: 12px 10px 0 0
}

.header .loggedin .credit .arrow {
    width: 6px;
    height: 4px;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -211px -51px;
    float: right;
    margin: 15px 10px 0 0
}

.header .loggedin .transaction {
    position: relative;
    width: 134px;
    height: 35px;
    float: left
}

.header .loggedin .transaction a {
    text-decoration: none;
    width: 50px;
    height: 22px;
    display: block;
    line-height: 20px;
    position: absolute;
    text-align: center;
    font-size: 12px
}

.header .loggedin .transaction .deposit {
    color: #000;
    top: 7px;
    left: 8px;
    border-radius: 3px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -2px -253px
}

.header .loggedin .transaction .withdraw {
    color: #000;
    top: 7px;
    right: 8px;
    border-radius: 3px;
    width: 58px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -65px -253px
}

.header .account-menu .memberpage {
    float: right;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -153px -210px;
    width: 65px;
    height: 70px;
    margin: 25px 0 0 5px
}

.main-nav {
    width: 100%;
    height: 50px;
    background: #e2b354
}

.main-nav .nav {
    float: right
}

.main-nav .nav a,
.main-nav .nav .withsub {
    color: #242021;
    font-size: 15px;
    line-height: 50px;
    padding: 0 25px;
    float: left;
    position: relative;
    height: 49px;
    cursor: pointer
}

.main-nav .nav a.first {
    background: 0
}

.main-nav .nav a.active {
    background: #d4a13f
}

.main-nav .nav a span.bar,
.main-nav .nav .withsub span.bar {
    display: block;
    width: 1px;
    height: 14px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -217px 0;
    position: absolute;
    right: 0;
    top: 20px
}

.main-nav .nav a.active span.bar,
.main-nav .nav .withsub.active span.bar {
    display: none
}

.main-nav .nav a span.new,
.main-nav .nav .withsub span.new {
    -webkit-animation: bounce 1s linear infinite;
    animation: bounce 1s linear infinite;
    display: block;
    width: 30px;
    height: 18px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -67px -1px;
    position: absolute;
    right: 10px;
    top: 3px
}

.main-nav .nav a span.hot,
.main-nav .nav .withsub span.hot {
    -webkit-animation: bounce 1s linear infinite;
    animation: bounce 1s linear infinite;
    display: block;
    width: 30px;
    height: 18px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -33px -1px;
    position: absolute;
    right: 7px;
    top: 3px
}

@-webkit-keyframes bounce {
    0% {
        top: 3px
    }
    50% {
        top: 0
    }
    100% {
        top: 3px
    }
}

@keyframes bounce {
    0% {
        top: 3px
    }
    50% {
        top: 0
    }
    100% {
        top: 3px
    }
}

.submenu {
    display: none;
    width: 100%;
    height: 210px;
    background: url("../__static/__images/webrevamp/submenubg.png") repeat-x;
    position: relative;
    z-index: 999;
    box-shadow: 0 4px 8px #2a2a2a
}

.smwrapper {
    width: 1175px;
    height: 210px;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.smwrapper .col {
    width: 268px;
    float: left;
    margin-right: 24px;
    position: relative
}

.smwrapper .col.last {
    margin: 0
}

.smwrapper .col .title {
    height: 30px;
    width: 200px;
    border-bottom: 1px solid #dad7d5;
    margin: 12px 0 7px 8px
}

.smwrapper .col .title h1 {
    float: left;
    font-size: 20px;
    color: #343434;
    font-weight: bold
}

.smwrapper .col .title a {
    float: right;
    color: #666;
    line-height: 30px
}

.smwrapper .col p {
    color: #404040;
    font-size: 14px;
    font-style: italic;
    margin-left: 8px
}

.smwrapper .col .commend {
    position: absolute;
    top: 22px;
    right: 55px;
    width: 25px;
    height: 16px;
    line-height: 15px;
    display: block;
    background: url("../__static/__images/webrevamp/commendbg.png") no-repeat;
    color: #fff;
    text-align: center
}

.main-nav .nav .withsub:hover .submenu {
    display: block
}

#agdynamic .smwrapper .col {
    width: 260px;
    margin-right: 40px
}

#agdynamic .smwrapper .col .title {
    width: 260px;
    margin: 12px 0 7px 0
}

#agdynamic .smwrapper .col p {
    margin: 0
}

.submenu .col:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.footer {
    min-width: 1200px;
    height: 327px;
    position: relative
}

.footer .logoshine {
    position: absolute;
    height: 48px;
    width: 68px;
    left: 84px;
    top: 20px;
    overflow: hidden
}

.footer .logoshine span {
    width: 68px;
    height: 48px;
    display: block;
    background: url("../__static/__images/webrevamp/shine.png") no-repeat -100px 0;
    transition-property: all;
    transition-duration: .5s
}

.footer .top {
    box-shadow: 2px 0 70px 25px rgba(50, 50, 50, 0.75);
    width: 100%;
    height: 82px;
    background: #1e1b1a url("../__static/__images/webrevamp/footerbg1.png") no-repeat center center
}

.footer .top .container {
    position: relative;
    width: 1200px;
    height: 82px
}

.footer .top ul {
    margin: 25px 0 0 84px;
    float: left;
    position: relative;
    z-index: 100
}

.footer .top li {
    float: left;
    height: 55px
}

.footer .top li h2 {
    color: #7e6940;
    font-weight: bold;
    margin-top: 10px
}

.footer .top li.ag777 {
    width: 135px
}

.footer .top li a.sitelogo {
    display: block;
    float: left;
    padding: 0
}

.footer .top li span {
    display: block;
    float: left
}

.footer .top li .sitelogo .shine {
    opacity: .5;
    width: 100%;
    height: 100%;
    display: block;
    background: url("../__static/__images/webrevamp/shine.png") no-repeat -100px 0;
    transition-property: all;
    transition-duration: .4s
}

.footer .top li span.vbar {
    float: right;
    width: 1px;
    height: 14px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -105px -1px;
    margin-top: 12px
}

.footer .top li.ag777 .sitelogo {
    width: 112px;
    height: 38px;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat -106px 0;
    margin: 0 0 0 15px
}

.footer .top li.ag777 .sitelogo.new-logo {
    width: 106px;
    height: 38px;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat 0 0;
    margin: 0 0 0 15px
}

.footer .top li.ag777 .sitelogo.new-logo2 {
    margin-left: 10px
}

.footer .top li.ag888 .sitelogo {
    width: 138px;
    height: 38px;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat -218px 0;
    margin: 0 13px 0 10px
}

.footer .top li.agyacht .sitelogo {
    width: 57px;
    height: 38px;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat -356px 0;
    margin: 0 10px 0 13px
}

.footer .top li a {
    color: #7e6940;
    font-family: "Microsoft YaHei";
    padding: 0 13px;
    float: left;
    line-height: 38px
}

.footer .top li a:hover {
    text-decoration: underline
}

.footer .top li #contact {
    height: 38px;
    line-height: 38px;
    display: block;
    float: left;
    color: #7e6940;
    font-family: "Microsoft YaHei";
    padding-left: 13px
}

.footer .bottom {
    width: 100%;
    height: 215px;
    background-color: #141414;
    background-size: cover;
    padding-top: 30px
}

.footer .bottom .left {
    float: left;
    width: 686px
}

.footer .bottom .left p {
    color: #574d39;
    margin: 10px 0 25px 0
}

.footer .bottom .links li {
    float: left
}

.footer .bottom .links li a {
    color: #574d39;
    padding: 0 12px;
    float: left;
    line-height: 10px
}

.footer .bottom .links li .vbar {
    float: right;
    width: 1px;
    height: 12px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -105px -1px
}

.footer .bottom .links li a:hover {
    text-decoration: underline
}

.footer .bottom .links li.first a {
    padding-left: 0
}

.footer .icons-box {
    width: 100%;
    height: 28px;
    position: relative;
    margin-bottom: 10px
}

.footer .icons {
    float: left;
    display: block
}

.footer .icon1 {
    width: 40px;
    height: 28px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -1px -1px;
    margin: 0 20px 0 0
}

.footer .icon1:hover {
    background-position: -1px -32px
}

.footer .icon2 {
    width: 40px;
    height: 18px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -52px -4px;
    margin: 6px 20px 0 0
}

.footer .icon2:hover {
    background-position: -52px -38px
}

.footer .icon3 {
    width: 78px;
    height: 20px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -106px -3px;
    margin: 4px 25px 0 0
}

.footer .icon3:hover {
    background-position: -105px -37px
}

.footer .icon4 {
    width: 85px;
    height: 20px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -194px -3px;
    margin: 4px 15px 0 0
}

.footer .icon4:hover {
    background-position: -194px -35px
}

.footer .icon5 {
    width: 70px;
    height: 16px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -303px -5px;
    margin: 4px 25px 0 0
}

.footer .icon5:hover {
    background-position: -303px -37px
}

.footer .icon6 {
    width: 75px;
    height: 20px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -1px -71px;
    margin: 0 15px 0 0
}

.footer .icon6:hover {
    background-position: -1px -99px
}

.footer .icon7 {
    width: 50px;
    height: 20px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -102px -67px;
    margin: 0 15px 0 0
}

.footer .icon7:hover {
    background-position: -102px -95px
}

.footer .icon8 {
    width: 55px;
    height: 22px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -173px -66px;
    margin-top: 0
}

.footer .icon8:hover {
    background-position: -173px -98px
}

.footer .icon9 {
    widrgolden-annunciation.htmth: 28px;
    height: 28px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -88px -131px
}

.footer .icon9:hover {
    background-position: -88px -167px
}

.footer .icon10 {
    width: 94px;
    height: 22px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -247px -65px;
    margin: 6px 15px 0 0
}

.footer .icon10:hover {
    background-position: -247px -97px
}

.footer .icon11 {
    width: 30px;
    height: 28px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -46px -131px;
    margin: 0 27px 0 0
}

.footer .icon11:hover {
    background-position: -45px -167px
}

.footer .icon12 {
    width: 28px;
    height: 28px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -5px -131px;
    margin: 1px 15px 0 0
}

.footer .icon12:hover {
    background-position: -5px -166px
}

.footer .icon13 {
    width: 28px;
    height: 28px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -362px -62px;
    margin: 1px 15px 0 0
}

.footer .icon13:hover {
    background-position: -363px -94px
}

.footer .icon14 {
    width: 26px;
    height: 16px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -331px -135px;
    margin: 6px 15px 0 0
}

.footer .icon14:hover {
    background-position: -331px -171px
}

.footer .icon15 {
    width: 36px;
    height: 22px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -129px -136px;
    margin: 4px 15px 0 0
}

.footer .icon15:hover {
    background-position: -129px -172px
}

.footer .icon16 {
    width: 49px;
    height: 16px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -261px -135px;
    margin: 6px 20px 0 0
}

.footer .icon16:hover {
    background-position: -261px -171px
}

.footer .icon17 {
    width: 18px;
    height: 18px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -190px -137px;
    margin: 6px 20px 0 0
}

.footer .icon17:hover {
    background-position: -190px -172px
}

.footer .icon18 {
    width: 19px;
    height: 19px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -228px -136px;
    margin-top: 5px
}

.footer .icon18:hover {
    background-position: -228px -171px
}

.footer .icon19 {
    margin-left: 20px;
    width: 19px;
    height: 19px;
    background: url("../__static/__images/webrevamp/footer_cai2.png") no-repeat;
    margin-top: 5px
}

.footer .icon19:hover {
    background: url("../__static/__images/webrevamp/footer_cai.png") no-repeat
}

.footer .icons-box .vbar {
    width: 1px;
    height: 14px;
    display: block;
    background: #252525;
    float: left;
    margin: 8px 15px 0 0
}

.footer .vborder {
    width: 1px;
    height: 142px;
    display: block;
    background: #26221d;
    float: left;
    margin-top: -10px
}

.footer .bottom .right {
    float: right;
    width: 512px
}

.footer .cert {
    width: 160px;
    height: 135px;
    float: left;
    margin-left: 20px
}

.footer .cert .img {
    display: block;
    width: 79px;
    height: 99px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -5px -207px;
    margin: 0 auto
}

.footer .cert h1 {
    color: #574d39;
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.footer .qr1 {
    width: 93px;
    height: 135px;
    float: left;
    margin: 0 29px 0 59px
}

.footer .qr1 .img {
    display: block;
    width: 91px;
    height: 91px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -97px -213px;
    margin: 4px auto 0
}

.footer .qr1 h1 {
    color: #574d39;
    width: 100%;
    text-align: center;
    margin-top: 18px
}

.footer .qr2 {
    width: 93px;
    height: 135px;
    float: left
}

.footer .qr2 .img {
    display: block;
    width: 91px;
    height: 91px;
    background: url("../__static/__images/webrevamp/footer-sprite.png") no-repeat -200px -213px;
    margin: 4px auto 0
}

.footer .qr2 h1 {
    color: #574d39;
    width: 100%;
    text-align: center;
    margin-top: 18px
}

.sidebar {
    position: fixed;
    top: 230px;
    right: 0;
    z-index: 999
}

.sidebar .sbox {
    width: 115px;
    height: 100px;
    cursor: pointer;
    position: relative
}

.sidebar .sbox p {
    font-size: 15px;
    width: 100%;
    text-align: center;
    color: #a08655
}

.sidebar .codepay .icon {
    width: 46px;
    height: 46px;
    display: block;
    background: url("../__static/__images/webrevamp/codepay.png") no-repeat center center;
    margin: 15px auto 10px
}

.sidebar .sbox .info {
    position: absolute;
    width: 287px;
    height: 142px;
    border-radius: 2px 2px 0 0;
    border-top: 1px solid #cab077;
    left: -320px;
    background: #ece4d4
}

.sidebar .sbox .info .arrow {
    position: absolute;
    width: 12px;
    height: 30px;
    background: url("../__static/__images/webrevamp/side-arrow.png") no-repeat
}

.sidebar .codepay {
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -230px 0
}

.sidebar .codepay .info {
    left: -285px;
    top: -20px;
    display: none;
    border-top: 3px solid #cab077
}

.sidebar .codepay .info .arrow {
    top: 44px;
    right: -12px
}

.sidebar .codepay .formwrap {
    width: 205px;
    height: 85px;
    margin: 30px auto 0
}

.sidebar .codepay input[type="text"] {
    text-indent: 15px;
    line-height: 35px;
    border: 0 none;
    width: 203px;
    height: 35px;
    background: url("../__static/__images/webrevamp/codepaybg.jpg") no-repeat center
}

.sidebar .codepay .confirm {
    width: 203px;
    height: 35px;
    line-height: 35px;
    display: block;
    background: #cab077;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    margin-top: 15px
}

.sidebar .codepay:hover .info {
    display: block
}

.sidebar .app {
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat 0 0
}

.sidebar .app .icon {
    width: 26px;
    height: 50px;
    display: block;
    background: url("../__static/__images/webrevamp/app.png") no-repeat center center;
    margin: 15px auto 10px
}

.sidebar .app .qr {
    width: 165px;
    height: 165px;
    position: absolute;
    background: #ece4d4;
    left: -165px;
    top: -25px;
    display: none;
    border-top: 3px solid #cab077
}

.sidebar .app .qr .arrow {
    position: absolute;
    width: 12px;
    height: 30px;
    background: url("../__static/__images/webrevamp/side-arrow.png") no-repeat;
    top: 65px;
    right: -12px
}

.sidebar .app .qr .formwrap {
    width: 93px;
    height: 115px;
    margin: 22px auto 0
}

.sidebar .app .qr p {
    color: #353535;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    margin-bottom: 5px
}

.sidebar .app .qr .apple {
    float: right;
    width: 15px;
    height: 18px;
    display: block;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -309px -108px
}

.sidebar .app .qr .android {
    float: right;
    width: 18px;
    height: 18px;
    display: block;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -285px -106px
}

.sidebar .app:hover .qr {
    display: block
}

.sidebar .app .qr .qr_img {
    width: 90px;
    height: 93px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat 0 -105px
}

.sidebar .customer {
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -116px 0
}

.sidebar .customer .icon {
    width: 46px;
    height: 46px;
    display: block;
    background: url("../__static/__images/webrevamp/contact.png") no-repeat center center;
    margin: 15px auto 10px
}

.sidebar .customer .info {
    left: -315px;
    top: -30px;
    display: none;
    border-top: 3px solid #cab077;
    width: 317px;
    height: 162px
}

.sidebar .customer .info .arrow {
    top: 52px;
    right: -12px
}

.sidebar .customer .formwrap {
    width: 280px;
    height: 111px;
    margin: 20px auto 0
}

.sidebar .customer .formwrap p {
    color: #353535;
    font-size: 14px;
    text-align: left;
    line-height: 20px
}

.sidebar .customer .formwrap a {
    border-radius: 4px;
    width: 88px;
    height: 35px;
    line-height: 33px;
    display: block;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #353535;
    background: #cab077;
    margin: 10px 5px 0 0
}

.sidebar .customer:hover .info {
    display: block
}

.sidebar .customer .formwrap a:hover {
    color: #fff
}



.banner .container {
    height: 350px
}

.banner-slide {
    z-index: 100;
    position: relative;
    height: 350px;
    margin: 0 auto
}

.banner-slide .slide {
    overflow: hidden;
    height: 350px;
    margin: 0 auto;
    width: 100%
}

.banner-slide .slide img {
    float: left
}

.banner-slide .slide a {
    width: 100%;
    height: 100%;
    display: block
}

.banner-arrows {
    display: none;
    width: 1275px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    z-index: 200
}

.banner:hover .banner-arrows {
    display: block
}

.banner-arrows .arrow {
    width: 40px;
    height: 75px;
    cursor: pointer
}

.banner-arrows #prev {
    float: left;
    background: url("../__static/__images/webrevamp/banner-arrows.png") no-repeat 0 -114px
}

.banner-arrows #prev:hover {
    background-position: 0 -1px
}

.banner-arrows #next {
    float: right;
    background: url("../__static/__images/webrevamp/banner-arrows.png") no-repeat -183px -114px
}

.banner-arrows #next:hover {
    background-position: -183px -1px
}

.banner .arrow {
    display: block;
    width: 40px;
    height: 75px;
    cursor: pointer;
    position: absolute;
    z-index: 200;
    top: -210px
}

#prev {
    float: left;
    background: url("../__static/__images/webrevamp/banner-arrows.png") no-repeat 0 -114px;
    left: 0
}

#prev:hover {
    background-position: 0 -1px
}

#next {
    float: right;
    background: url("../__static/__images/webrevamp/banner-arrows.png") no-repeat -183px -114px;
    right: 0
}

#next:hover {
    background-position: -183px -1px
}

.banner #pager-m1 {
    position: absolute;
    text-align: right;
    width: 1200px;
    font-size: 40px;
    bottom: 3px;
    z-index: 350;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto
}

.banner #pager-m1 span {
    margin: 0 2px;
    cursor: pointer;
    opacity: .5
}

#pager-m1 span.cycle-pager-active {
    color: #c49d4d;
    opacity: 1
}

@media screen and (max-width:1199px) {
    .banner-slide .slide img {
        margin-left: -20%
    }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
    .banner-slide .slide img {
        margin-left: -15%
    }
}

@media screen and (min-width:1400px) and (max-width:1600px) {
    .banner-slide .slide img {
        margin-left: -10%
    }
}

.games {
    width: 580px;
    height: 320px;
    float: left;
    position: relative
}

.games .shadebg {
    width: 230px;
    height: 57px;
    display: block;
    background: url("../__static/__images/webrevamp/shadebg.png") no-repeat bottom left;
    position: absolute;
    top: 0;
    left: -35px
}

.game-pager {
    width: 70%;
    height: 57px;
    display: block
}

.game-pager div {
    float: left;
    margin-top: 27px;
    position: relative
}

.game-pager div a {
    color: #938f8b;
    font-size: 16px;
    font-family: Microsoft Yahei;
    display: block;
    line-height: 20px;
    padding: 0;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000
}

.game-pager div a:hover {
    color: #a3874d
}

.game-pager div .vbar,
.hdr-bar .tabs .vbar {
    display: block;
    width: 1px;
    height: 15px;
    background: #837d78;
    position: absolute;
    right: 0;
    top: 6px
}

.hmrow {
    padding-top: 15px
}

.hmrow .box {
    height: 261px;
    width: 100%;
    background: #1e1e1d url("../__static/__images/webrevamp/topborder.jpg") repeat-x top left
}

.hmrow .box .txtbox {
    position: absolute;
    z-index: 999;
    top: 112px;
    left: 25px
}

.hmrow .box .txtbox p {
    color: #646464;
    font-size: 18px;
    font-style: italic
}

.hmrow .box .txtbox .sbar {
    background: #2f2e2e;
    width: 185px;
    height: 1px;
    display: block;
    margin: 5px 0
}

.hmrow .box .txtbox .demolnk {
    font-size: 14px;
    color: #a48049;
    font-style: italic;
    display: block;
    margin-top: 25px;
    cursor: pointer
}

.hmrow .oc-slide:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.game-pager .cycle-pager-active a {
    color: #a3874d
}

.game-pager div a#b1tab1 {
    width: 95px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat 0 0;
    margin: 0 13px 0 10px
}

.game-pager div a#b1tab2 {
    width: 95px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -110px 0;
    margin: 0 8px
}

.game-pager div a#b1tab3 {
    width: 80px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -218px 0;
    margin: 0 8px
}

.game-pager div a#b1tab4 {
    width: 65px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -304px 0;
    margin: 0 0 0 8px
}

.game-pager div a#b1tab1:hover,
.game-pager .cycle-pager-active a#b1tab1 {
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat 1px -28px
}

.game-pager div a#b1tab2:hover,
.game-pager .cycle-pager-active a#b1tab2 {
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -110px -28px
}

.game-pager div a#b1tab3:hover,
.game-pager .cycle-pager-active a#b1tab3 {
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -218px -28px
}

.game-pager div a#b1tab4:hover,
.game-pager .cycle-pager-active a#b1tab4 {
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -304px -28px
}

.hdr-bar .tabs a#b2tab1 {
    width: 85px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/box2-tab1.png") no-repeat;
    margin: 0 5px 0 10px
}

.hdr-bar .tabs a#b2tab2 {
    width: 85px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/box2-tab2.png") no-repeat;
    margin: 0 5px 0 0
}

.hdr-bar .tabs a#b2tab1:hover,
.hdr-bar .tabs a#b2tab1.active {
    width: 85px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -6px -60px;
    margin: 0 5px 0 10px
}

.hdr-bar .tabs a#b2tab2:hover,
.hdr-bar .tabs a#b2tab2.active {
    width: 85px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/box2-tab2h.png") no-repeat;
    margin: 0 5px 0 0
}

#box3-hdrh span.title-img {
    width: 80px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -110px -58px;
    float: left;
    margin-top: 30px
}

#box4-hdrh span.title-img {
    width: 80px;
    height: 30px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -220px -58px;
    float: left;
    margin-top: 34px
}

.scoreboard {
    width: 610px;
    height: 320px;
    float: right;
    position: relative
}

.hdr-bar {
    width: 100%;
    height: 57px;
    display: block
}

.scoreboard .shadebg {
    width: 230px;
    height: 57px;
    display: block;
    background: url("../__static/__images/webrevamp/shadebg.png") no-repeat bottom left;
    position: absolute;
    top: 0;
    left: -35px
}

.hdr-bar .tabs {
    width: 200px;
    float: left;
    margin-top: 27px;
    position: relative
}

.hdr-bar .tabs a {
    text-shadow: 1px 1px 1px #000;
    color: #938f8b;
    font-size: 16px;
    font-family: Microsoft Yahei;
    display: block;
    line-height: 20px;
    padding: 0;
    font-weight: bold;
    float: left;
    display: block;
    line-height: 57px
}

.hdr-bar .tabs a:hover {
    color: #a3874d
}

.hdr-bar .tabs .vbar {
    left: 96px;
    top: 8px
}

.hdr-bar .versions {
    float: right
}

.hdr-bar .versions li {
    float: left;
    color: #938f8b;
    font-size: 14px;
    font-family: Microsoft Yahei;
    display: block;
    padding: 0 5px;
    line-height: 75px
}

.hdr-bar .versions li:hover,
.hdr-bar .versions li.active {
    color: #a3874d;
    cursor: pointer
}

.scoreboard .box .bx-row {
    width: 575px;
    height: 101px;
    margin: 0 auto 15px
}

.scoreboard .box .bx-row .points {
    width: 120px;
    height: 91px;
    float: left;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat;
    padding-top: 10px
}

.scoreboard .box .bx-row .points .txt {
    font-size: 14px;
    color: #313131;
    width: 75px;
    height: 45px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.scoreboard .box .bx-row .pts-slide {
    width: 442px;
    height: 227px;
    float: right;
    position: relative
}

.scoreboard .box .bx-row .hbar {
    width: 98px;
    height: 1px;
    background: #a57354;
    display: block;
    margin: 4px auto
}

.score-arrows {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 35px;
    z-index: 300
}

.score-arrows .arrow {
    width: 30px;
    height: 40px;
    background: #000;
    cursor: pointer;
    display: none
}

.score-arrows #sprev.arrow {
    float: left
}

.score-arrows #sprev a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat 0 -32px;
    display: block;
    float: left;
    margin: 8px 0 0 8px
}

.score-arrows #sprev:hover a {
    background-position: 0 0
}

.score-arrows #snext.arrow {
    float: right
}

.score-arrows #snext a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat -57px -32px;
    display: block;
    float: left;
    margin: 8px 0 0 11px
}

.score-arrows #snext:hover a {
    background-position: -57px 0
}

.pts-slide:hover .score-arrows .arrow {
    display: block
}

.score-arrows #sprev1 a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat 0 -32px;
    display: block;
    float: left;
    margin: 8px 0 0 8px
}

.score-arrows #sprev1:hover a {
    background-position: 0 0
}

.score-arrows #snext1.arrow {
    float: right;
    margin-top: -42px
}

.score-arrows #snext1 a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat -57px -32px;
    display: block;
    float: left;
    margin: 8px 0 0 11px
}

.score-arrows #snext1:hover a {
    background-position: -57px 0
}

.score-arrows #sprev2 a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat 0 -32px;
    display: block;
    float: left;
    margin: 8px 0 0 8px
}

.score-arrows #sprev2:hover a {
    background-position: 0 0
}

.score-arrows #snext2.arrow {
    float: right;
    margin-top: -42px
}

.score-arrows #snext2 a {
    width: 12px;
    height: 21px;
    background: url("../__static/__images/webrevamp/score-arrows.png") no-repeat -57px -32px;
    display: block;
    float: left;
    margin: 8px 0 0 11px
}

.score-arrows #snext2:hover a {
    background-position: -57px 0
}

.scoreboard .box .bx-row .points2 {
    width: 120px;
    height: 91px;
    float: left
}

.scoreboard .box .bx-row .points2 p {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 34px
}

.scoreboard .box .bx-row .points2 p.mid {
    margin: 3px 0
}

.scoreboard .box .bx-row .scorepic {
    width: 442px;
    float: right
}

.scoreboard .box .bx-row .points3 {
    width: 120px;
    height: 158px;
    float: left;
    background: url("../__static/__images/webrevamp/mochabg.jpg") no-repeat;
    text-align: center;
    color: #313131;
    font-size: 14px;
    padding-top: 22px
}

.scoreboard .box .bx-row .points3 .txt1 {
    display: block;
    margin: 0 auto 13px
}

.scoreboard .box .bx-row .points3 .txt2 {
    display: block;
    margin: 0 auto 9px
}

.scoreboard .box .bx-row .points3 .txt3 {
    display: block;
    margin: 0 auto;
    font-size: 18px;
    color: #fff
}

.slot {
    width: 500px;
    height: 226px;
    float: left;
    position: relative;
    margin-top: 3px
}

.slot .shadebg,
.othergames .shadebg {
    width: 230px;
    height: 57px;
    display: block;
    background: url("../__static/__images/webrevamp/shadebg.png") no-repeat bottom left;
    position: absolute;
    top: 0;
    left: -35px
}

.slot .title-box,
.othergames .title-box {
    text-shadow: 1px 1px 1px #000;
    height: 57px;
    line-height: 68px;
    color: #ad935d;
    font-size: 16px;
    font-family: Microsoft Yahei;
    display: block;
    padding: 0 8px;
    font-weight: bold
}

.slot .box {
    width: 500px;
    height: 165px;
    background: url("../__static/__images/webrevamp/slotbg.jpg") no-repeat;
    position: relative
}

.slot .box .topborder,
.othergames .box .topborder {
    background: #1e1e1d url(../__static/__images/webrevamp/topborder.jpg) repeat-x top left;
    width: 100%;
    height: 2px;
    display: block
}

.slot .box .btmborder,
.othergames .box .btmborder {
    background: #1e1e1d url(../__static/__images/webrevamp/topborder.jpg) repeat-x top left;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    bottom: 0
}

.slot .title-box img {
    margin-top: 27px
}

.othergames .title-box img {
    margin-top: 31px
}

.slot .slotpic {
    z-index: 100;
    width: 170px;
    height: 175px;
    display: block;
    position: absolute;
    background: url("../__static/__images/webrevamp/slotpic.png") no-repeat;
    top: 10px;
    left: 23px
}

.slot .slothdr {
    width: 255px;
    height: 35px;
    display: block;
    position: absolute;
    background: url("../__static/__images/webrevamp/slothdr.png") no-repeat;
    top: 35px;
    left: 200px
}

.slot .box p {
    position: absolute;
    color: #fff;
    top: 80px;
    left: 202px;
    word-spacing: 4px
}

.slot .entergame {
    width: 105px;
    height: 35px;
    float: left;
    margin: 125px 0 0 113px
}

.slot .entergame .cat {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -4px -105px
}

.slot .entergame a {
    color: #fff;
    float: left;
    line-height: 40px;
    margin-left: 5px
}

.slot .entergame .arrow {
    width: 10px;
    height: 10px;
    display: block;
    background: url("../__static/__images/webrevamp/cat-arrow.png") no-repeat;
    float: left;
    line-height: 40px;
    margin: 15px 0 0 5px
}

.coin_con {
    width: 239px;
    height: 57px;
    position: absolute;
    left: -25px;
    bottom: 20px;
    z-index: 100
}

.coin_con i {
    display: block;
    position: absolute
}

.coin_con .c1 {
    width: 26px;
    height: 20px;
    background: url(../__static/__images/webrevamp/coin1.png) no-repeat
}

.coin_con .c2 {
    width: 30px;
    height: 23px;
    background: url(../__static/__images/webrevamp/coin2.png) no-repeat
}

.coin_con .c3 {
    width: 28px;
    height: 26px;
    background: url(../__static/__images/webrevamp/coin3.png) no-repeat
}

.coin_con .c4 {
    width: 24px;
    height: 22px;
    background: url(../__static/__images/webrevamp/coin4.png) no-repeat
}

.coin_con .a1 {
    left: 110px;
    bottom: 20px;
    -webkit-animation: a2 .5s infinite normal ease-out;
    animation: a2 .6s infinite normal ease-out;
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.coin_con .a2 {
    left: 110px;
    bottom: 0;
    -webkit-animation: a1 .5s infinite normal ease-out;
    animation: a1 .6s infinite normal ease-out;
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.coin_con .a3 {
    left: 122px;
    bottom: -10px;
    -webkit-animation: a3 .5s infinite normal ease-out;
    animation: a3 .5s infinite normal ease-out;
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.coin_con .a4 {
    left: 90px;
    bottom: 0;
    -webkit-animation: a4 .5s infinite normal ease-out;
    animation: a4 .5s infinite normal ease-out;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.coin_con .a5 {
    left: 100px;
    bottom: 0;
    -webkit-animation: a5 .5s infinite normal ease-out;
    animation: a5 .5s infinite normal ease-out;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.coin_con .a6 {
    left: 110px;
    bottom: -30px;
    -webkit-animation: a6 .5s infinite normal ease-out;
    animation: a6 .5s infinite normal ease-out;
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.coin_con .a7 {
    left: 110px;
    bottom: 20px;
    -webkit-animation: a7 .5s infinite normal ease-out;
    animation: a7 .5s infinite normal ease-out;
    animation-delay: .3s;
    -webkit-animation-delay: .3s
}

.coin_con .a8 {
    left: 90px;
    bottom: -40px;
    -webkit-animation: a8 .5s infinite normal ease-out;
    animation: a8 .5s infinite normal ease-out;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.coin_con .a9 {
    left: 100px;
    bottom: 20px;
    -webkit-animation: a9 .5s infinite normal ease-out;
    animation: a9 .5s infinite normal ease-out;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

.coin_con .a10 {
    left: 110px;
    bottom: 0;
    -webkit-animation: a10 .5s infinite normal ease-out;
    animation: a10 .5s infinite normal ease-out;
    animation-delay: .2s;
    -webkit-animation-delay: .2s
}

@-webkit-keyframes a1 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 70px;
        left: 115px
    }
    90% {
        bottom: 120px;
        left: 135px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -10px;
        opacity: 0;
        left: 160px
    }
}

@keyframes a1 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 70px;
        left: 115px
    }
    90% {
        bottom: 120px;
        left: 135px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -10px;
        opacity: 0;
        left: 160px
    }
}

@-webkit-keyframes a2 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 50px;
        left: 95px
    }
    90% {
        bottom: 160px;
        left: 125px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 0;
        opacity: 0;
        left: 130px
    }
}

@keyframes a2 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 50px;
        left: 95px
    }
    90% {
        bottom: 160px;
        left: 125px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 0;
        opacity: 0;
        left: 130px
    }
}

@-webkit-keyframes a3 {
    0% {
        bottom: -10px
    }
    15% {
        bottom: 50px;
        left: 130px
    }
    90% {
        bottom: 70px;
        left: 135px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -50px;
        opacity: 0;
        left: 150px;
        transform: rotate(360deg)
    }
}

@keyframes a3 {
    0% {
        bottom: -10px
    }
    15% {
        bottom: 50px;
        left: 130px
    }
    90% {
        bottom: 70px;
        left: 135px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -50px;
        opacity: 0;
        left: 150px;
        transform: rotate(360deg)
    }
}

@-webkit-keyframes a4 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 90px;
        left: 175px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 10px;
        opacity: 0;
        left: 190px
    }
}

@keyframes a4 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 90px;
        left: 175px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 10px;
        opacity: 0;
        left: 190px
    }
}

@-webkit-keyframes a5 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 160px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -20px;
        opacity: 0;
        left: 90px
    }
}

@keyframes a5 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 160px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -20px;
        opacity: 0;
        left: 90px
    }
}

@-webkit-keyframes a6 {
    0% {
        bottom: -30px
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 170px;
        left: 90px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -90px;
        opacity: 0;
        left: 160px
    }
}

@keyframes a6 {
    0% {
        bottom: -30px
    }
    15% {
        bottom: 60px
    }
    90% {
        bottom: 170px;
        left: 90px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -90px;
        opacity: 0;
        left: 160px
    }
}

@-webkit-keyframes a7 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 70px;
        left: 80px
    }
    90% {
        bottom: 180px;
        left: 60px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -50px;
        opacity: 0;
        left: 50px
    }
}

@keyframes a7 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 70px;
        left: 80px
    }
    90% {
        bottom: 180px;
        left: 60px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -50px;
        opacity: 0;
        left: 50px
    }
}

@-webkit-keyframes a8 {
    0% {
        bottom: -40px
    }
    15% {
        bottom: 50px
    }
    90% {
        bottom: 100px;
        left: 100px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -60px;
        opacity: 0;
        left: 50px
    }
}

@keyframes a8 {
    0% {
        bottom: -40px
    }
    15% {
        bottom: 50px
    }
    90% {
        bottom: 100px;
        left: 100px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -60px;
        opacity: 0;
        left: 50px
    }
}

@-webkit-keyframes a9 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 40px
    }
    90% {
        bottom: 70px;
        left: 110px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -80px;
        opacity: 0;
        left: 115px
    }
}

@keyframes a9 {
    0% {
        bottom: 20px
    }
    15% {
        bottom: 40px
    }
    90% {
        bottom: 70px;
        left: 110px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: -80px;
        opacity: 0;
        left: 115px
    }
}

@-webkit-keyframes a10 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 20px;
        left: 125px
    }
    90% {
        bottom: 70px;
        left: 155px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 100px;
        opacity: 0
    }
}

@keyframes a10 {
    0% {
        bottom: 0
    }
    15% {
        bottom: 20px;
        left: 125px
    }
    90% {
        bottom: 70px;
        left: 155px;
        opacity: 1;
        transform: rotate(360deg)
    }
    100% {
        bottom: 100px;
        opacity: 0
    }
}

.slot .box:hover .hvr-wobble-vertical {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slot .box:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.othergames {
    width: 690px;
    height: 226px;
    float: right;
    position: relative
}

.othergames .box {
    width: 690px;
    height: 166px;
    background: url("../__static/__images/webrevamp/othergamesbg.jpg") no-repeat
}

.othergames .shadebg {
    top: 3px
}

.othergames .title-box {
    margin-bottom: 3px;
    line-height: 73px
}

.othergames .og-item {
    width: 135px;
    height: 162px;
    float: left;
    position: relative;
    text-align: center
}

.othergames .og-item.first {
    margin-left: 8px;
    clear: both
}

.othergames .og-item.mid {
    margin: 0
}

.othergames .og-item img {
    margin: 28px 0 10px 0
}

.othergames .og-item h1 {
    color: #a08655;
    font-size: 16px;
    width: 100%;
    text-align: center
}

.othergames .og-item .hbar {
    width: 70px;
    height: 1px;
    display: block;
    margin: 5px auto 3px;
    background: #3a3a3a
}

.othergames .og-item a {
    color: #63594b;
    width: 100%;
    text-align: center;
    display: block
}

.othergames .og-item.last img {
    margin-bottom: -2px
}

.othergames .og-item span.og1 {
    margin: 28px auto 10px;
    width: 75px;
    height: 70px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -65px -95px
}

.othergames .og-item span.og2 {
    margin: 28px auto 10px;
    width: 75px;
    height: 70px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -160px -95px
}

.othergames .og-item span.og3 {
    margin: 28px auto 10px;
    width: 120px;
    height: 70px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -245px -100px
}

.othergames .og-item span.og4 {
    margin: 28px auto 10px;
    width: 91px;
    height: 75px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -10px -188px
}

.othergames .og-item span.og5 {
    margin: 28px auto 10px;
    width: 107px;
    height: 76px;
    display: block;
    background: url("../__static/__images/webrevamp/home-spite.png") no-repeat -112px -184px
}

.othergames .og-item img.og2,
.othergames .og-item img.og3 {
    margin-bottom: 11px
}

.othergames .og-item img.og4 {
    margin-bottom: 7px
}

.othergames .og-item img.og5 {
    margin-bottom: -5px
}

.othergames .og-item:hover .hvr-wobble-vertical {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.othergames .og-item:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.baccarat {
    width: 880px;
    height: 340px;
    float: left;
    margin-top: 40px
}

.events {
    clear: both;
    width: 500px;
    height: 280px;
    float: left;
    margin-top: 50px
}

.events .col1 {
    width: 110px;
    height: 210px;
    padding-top: 70px;
    float: left;
    background: url("../__static/__images/webrevamp/eventscol1.jpg") no-repeat
}

.events .col1 .colhld {
    width: 64px;
    height: auto;
    border-right: solid 1px #373534
}

.events .col1 a {
    width: 48px;
    text-align: center;
    font-size: 16px;
    color: #5a5a5a;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    display: block;
    margin: 8px 0;
    padding: 0 8px
}

.events .col1 a.active {
    height: 25px;
    line-height: 18px;
    color: #fff
}

.events .col1 .hbar {
    width: 48px;
    height: 2px;
    display: none;
    margin: 5px auto 0;
    background: #775d2c
}

.events .col1 a.active .hbar {
    display: block
}

.events:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

.events .col2 {
    width: 390px;
    float: left
}

.events .col2 .eventbox {
    display: none;
    position: relative
}

.events .col2 .event1 {
    display: block
}

.events .col2 .eventbox .txtcont {
    width: 390px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    margin: 0 auto
}

.events .col2 .eventbox .txtcont p {
    color: #fff;
    position: relative;
    z-index: 10;
    font-size: 14px;
    padding: 10px;
    text-align: center
}

.events .col2 .eventbox .txtcont span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    opacity: .5;
    background: #000
}

.rewards {
    width: 340px;
    height: 280px;
    float: right;
    margin-top: 50px;
    background: #342f2b;
    position: relative
}

.rewards .rwrd-tabs {
    width: 340px;
    height: 51px;
    background: url("../__static/__images/webrevamp/rewardtp.jpg") no-repeat;
    position: relative;
    z-index: 10
}

.rewards .tmenu {
    width: 100%;
    height: 48px;
    margin: 0 auto
}

.rewards .tmenu li {
    width: 50%;
    height: 48px;
    float: left;
    display: block;
    text-align: center;
    cursor: pointer
}

.rewards .tmenu li.active {
    border-bottom: 3px solid #9e8155
}

.rewards .rwrd-tabs a {
    width: 170px;
    height: 48px;
    line-height: 48px;
    display: block;
    color: #222;
    font-size: 14px;
    cursor: pointer
}

.rewards .rwrd-tabs .vbar {
    height: 12px;
    width: 1px;
    display: block;
    background: #9e8155;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.rewards .rw_hdr {
    clear: both;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #423a31
}

.rewards .rwcol_1 {
    float: left;
    color: #cbb282;
    width: 90px;
    text-align: center;
    line-height: 35px;
    text-shadow: 1px 1px 1px #000
}

.rewards .rwcol_2 {
    float: left;
    color: #cbb282;
    width: 123px;
    text-align: center;
    line-height: 35px;
    text-shadow: 1px 1px 1px #000
}

.rewards .rwcol_3 {
    float: left;
    color: #cbb282;
    width: 95px;
    text-align: center;
    line-height: 35px;
    text-shadow: 1px 1px 1px #000
}

.rewards .info1 .rank {
    float: left;
    color: #cfcfcf;
    width: 90px;
    text-align: center;
    line-height: 30px
}

.rewards .info1 .name {
    float: left;
    color: #cfcfcf;
    width: 123px;
    text-align: center;
    line-height: 30px
}

.rewards .info1 .prize {
    float: left;
    color: #d66c2c;
    width: 87px;
    text-align: center;
    line-height: 30px;
    text-align: right;
    padding-right: 8px
}

.rewards .info2 .rank {
    float: left;
    color: #cfcfcf;
    width: 90px;
    text-align: center;
    line-height: 30px
}

.rewards .info2 .name {
    float: left;
    color: #cfcfcf;
    width: 123px;
    text-align: center;
    line-height: 30px
}

.rewards .info2 .prize {
    float: left;
    color: #d66c2c;
    width: 87px;
    text-align: center;
    line-height: 30px;
    text-align: right;
    padding-right: 8px
}

.rewards .more {
    color: #c9c9c9;
    font-size: 14px;
    display: block;
    width: 305px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 10
}

.rewards .rtop {
    width: 14px;
    line-height: 14px;
    height: 14px;
    display: block;
    text-align: center;
    background: #dfc495;
    color: #000!important;
    margin: 10px auto
}

.rewards .recordtabs {
    display: block;
    width: 308px;
    height: 186px;
    margin: 0 auto;
    background: #342f2b;
    z-index: 10;
    position: relative;
    overflow: hidden
}

.rewards .recordtabs#rt1 {
    z-index: 100
}

.rewards .recordtabs#rt2 {
    z-index: 99
}

.rhbar {
    width: 308px;
    background: #423a31;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10
}

.rewards:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

.g2e {
    width: 440px;
    height: 260px;
    float: left;
    background: url("../__static/__images/webrevamp/g2ebg.jpg") no-repeat;
    margin-top: 40px;
    position: relative
}

.g2eag {
    width: 88px;
    height: 35px;
    display: block;
    position: absolute;
    background: url("../__static/__images/webrevamp/g2eag.png") no-repeat;
    top: 10px;
    right: 0
}

.g2e h1 {
    float: left;
    color: #3e3e3e;
    font-size: 24px;
    margin: 60px 0 0 215px;
    font-weight: bold
}

.g2e p {
    float: left;
    margin: 25px 0 0 215px;
    line-height: 18px;
    font-size: 14px;
    color: #515151
}

.g2e a {
    color: #937a47;
    font-size: 14px;
    margin: 25px 0 0 215px;
    float: left
}

.midslider {
    width: 430px;
    height: 260px;
    float: left;
    margin: 40px 10px 0;
    position: relative
}

.midbox-arrow {
    display: none;
    width: 25px;
    height: 45px;
    position: absolute;
    z-index: 999;
    cursor: pointer
}

.midslider:hover .midbox-arrow {
    display: block
}

.mbprev {
    background: url("../__static/__images/webrevamp/midslide-arrows.png") no-repeat -1px -75px;
    top: 102px;
    left: 12px
}

.mbprev:hover {
    background-position: -1px 0
}

.mbnext {
    background: url("../__static/__images/webrevamp/midslide-arrows.png") no-repeat -110px -75px;
    top: 102px;
    right: 12px
}

.mbnext:hover {
    background-position: -110px 0
}

#midbox-m1 {
    position: absolute;
    top: 230px;
    z-index: 999;
    width: 100%;
    text-align: center
}

.smbpager {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #383227;
    display: inline-block;
    margin: 0 3px
}

.smbpager.cycle-pager-active {
    background: #cab077
}

.agyachtbox {
    width: 340px;
    height: 280px;
    float: left;
    margin: 50px 10px 0;
    background: #212120;
    position: relative
}

.agyachtbox:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

#loadingpop {
    position: fixed;
    width: 124px;
    height: 124px;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999
}

#loadingpop img {
    position: fixed;
    z-index: 99999
}

._rdenvlp {
    width: 91px;
    height: 113px;
    display: block;
    float: right;
    margin-left: 215px;
    margin-top: 10px;
    position: absolute;
    border: 0
}

.page-wrap {
    min-width: 1200px;
    min-height: 600px;
    background-color: #61564b;
    padding-bottom: 70px
}

.input-box {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    float: left
}

.input-box .label {
    min-width: 60px;
    line-height: 35px;
    float: left;
    text-align: right;
    color: #454a54;
    font-size: 14px;
    margin-right: 18px
}

.input-box input[type="text"],
.input-box select,
.input-box input[type="password"] {
    font-size: 12px;
    color: #454a54;
    text-indent: 10px;
    float: left;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    width: 220px;
    border: 1px solid #d6d6d6
}

.selectbox {
    float: left
}



.view-box {
    position: relative
}

.tip-con1 {
    display: none;
    width: 908px;
    height: 260px;
    position: absolute;
    top: 0;
    right: -28px;
    z-index: 999999
}

.tip-con2 {
    width: 880px;
    height: 260px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999999;
    display: none
}

.tip-con3 {
    width: 606px;
    height: 280px;
    position: absolute;
    top: 0;
    left: -296px;
    z-index: 999999;
    display: none
}

.tip-con4 {
    width: 585px;
    height: 280px;
    position: absolute;
    top: 0;
    left: -215px;
    z-index: 999999;
    display: none
}

.tip-con1 #tips1-img1 {
    display: block;
    position: absolute;
    top: -25px;
    left: 0
}

.tip-con1 #tips1-img2 {
    display: block;
    position: absolute;
    top: 2px;
    right: 0
}

.tip-con1 #tips1-img3 {
    display: block;
    position: absolute;
    top: -42px;
    left: 193px
}

.tip-con1 #tips1-img4 {
    display: block;
    position: absolute;
    top: -29px;
    left: 280px
}

.tip-con2 #tips2-img1 {
    display: block;
    position: absolute;
    top: 9px;
    left: 7px
}

.tip-con2 #tips2-img2 {
    display: block;
    position: absolute;
    top: 2px;
    right: 0
}

.tip-con2 #tips2-img3 {
    display: block;
    position: absolute;
    top: -37px;
    left: 242px
}

.tip-con2 #tips2-img4 {
    display: block;
    position: absolute;
    top: -30px;
    left: 371px
}

.tip-con3 #tips3-img1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.tip-con3 #tips3-img2 {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.tip-con3 #tips3-img3 {
    display: block;
    position: absolute;
    top: 25px;
    left: 209px
}

.tip-con4 #tips4-img1 {
    display: block;
    position: absolute;
    top: 23px;
    left: 0
}

.tip-con4 #tips4-img2 {
    display: block;
    position: absolute;
    top: 0;
    right: 0
}

.tip-con4 #tips4-img3 {
    display: block;
    position: absolute;
    top: 79px;
    left: 168px
}

.btn-tips {
    width: 101px;
    height: 41px;
    display: block;
    position: absolute;
    background: url("../__static/__images/webrevamp/tips/btn-tip.png") no-repeat;
    cursor: pointer
}

.tip-con1 .btn-tips {
    top: 91px;
    left: 92px
}

.tip-con2 .btn-tips {
    top: 175px;
    left: 115px
}

.tip-con3 .btn-tips {
    bottom: 58px;
    left: 106px
}

.tip-con4 .btn-tips {
    bottom: 112px;
    left: 66px
}

.tips-pager {
    height: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute
}

.tips-pager li {
    display: inline;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 0
}

.tips-pager li.active {
    color: #e5b829
}

.tip-con1 .tips-pager {
    top: 97px;
    left: 30px
}

.tip-con2 .tips-pager {
    top: 180px;
    left: 51px
}

.tip-con3 .tips-pager {
    bottom: 75px;
    left: 52px
}

.tip-con4 .tips-pager {
    bottom: 128px;
    left: 12px
}

.phsrvc_pop {
    display: none
}

.phsrvc_con1 {
    width: 430px;
    height: 219px;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../__static/__images/popup/indxpopup_bg1.png") no-repeat;
    z-index: 99999;
    position: fixed;
    display: none
}

.phsrvc_con2 {
    width: 430px;
    height: 275px;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../__static/__images/popup/indxpopup_bg2.png") no-repeat;
    z-index: 99999;
    position: fixed
}

.phsrvc_pop .phsrvclse {
    width: 19px;
    height: 19px;
    display: block;
    background: url("../__static/__images/popup/close2.png") no-repeat;
    position: absolute;
    top: 18px;
    right: 12px
}

.phsrvc_pop ._line1 {
    width: 406px;
    height: 1px;
    margin: 0 auto;
    background-color: #342b1f;
    position: absolute;
    top: 47px;
    left: 0;
    right: 0
}

.phsrvc_pop ._line2 {
    width: 406px;
    height: 1px;
    margin: 0 auto;
    background-color: #342b1f;
    position: absolute;
    bottom: 41px;
    left: 0;
    right: 0
}

.phsrvc_con1 .btn_phsrvc {
    width: 156px;
    height: 40px;
    display: block;
    background: url("../__static/__images/popup/btn_service.png") no-repeat center bottom;
    line-height: 40px;
    text-align: center;
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 91px;
    font-size: 14px
}

.phsrvc_con1 .btn_phsrvc:hover {
    background: url("../__static/__images/popup/btn_service.png") no-repeat center top
}

.phsrvc_con1 .btn_phsrvc.left {
    left: 39px
}

.phsrvc_con1 .btn_phsrvc.right {
    right: 39px
}

.phsrvc_con1 .lbl1ln {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #eebd45;
    font-size: 14px;
    position: absolute;
    top: 101px;
    left: 0;
    right: 0
}

.phsrvc_con1 .lbl2ln {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #eebd45;
    font-size: 14px;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    line-height: 40px
}

._phsrvcfrm {
    width: 300px;
    height: 136px;
    padding-top: 76px;
    margin-left: 31px
}

._phsrvcfrm ._phsrvcrow {
    width: 100%;
    height: 35px;
    margin-bottom: 12px
}

._phsrvcfrm ._phsrvcrow ._phsrvclbl {
    width: 119px;
    height: 35px;
    padding-right: 13px;
    text-align: right;
    color: #d4be97;
    font-size: 14px;
    float: left;
    line-height: 35px
}

._phsrvcrow ._inpthld {
    width: 160px;
    height: 35px;
    position: relative;
    float: left;
    border: 0
}

._phsrvcrow ._inpthld input {
    width: 147px;
    height: 35px;
    padding: 0;
    outline: 0;
    background-color: #ede0c5;
    line-height: 35px;
    text-align: left;
    color: #000;
    padding-left: 13px;
    border: 0
}

._phsrvcrow ._inpthld .close_input {
    width: 13px;
    height: 13px;
    display: block;
    background: url("../__static/__images/popup/close_input.png") no-repeat;
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 10
}

._phsrvcrow .inpcde {
    width: 74px;
    height: 35px;
    padding: 0;
    outline: 0;
    background-color: #ede0c5;
    line-height: 35px;
    text-align: left;
    color: #000;
    padding-left: 13px;
    border: 0
}

._phsrvcrow .capt_code {
    width: 68px;
    height: 32px;
    display: block;
    float: right;
    margin-top: 2px
}

._phsrvcrow ._btncnfrm {
    width: 113px;
    height: 35px;
    display: block;
    float: left;
    background: url("../__static/__images/popup/btn_confirm.jpg") no-repeat bottom center;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    color: #000;
    font-size: 14px
}

._phsrvcrow ._btncnfrm:hover {
    background: url("../__static/__images/popup/btn_confirm.jpg") no-repeat top center
}

._phsrvcrow.padtp7 {
    padding-top: 7px
}

#cp_form5 .lbl2ln {
    display: block;
    margin: 0 auto;
    text-align: left;
    color: #eebd45;
    font-size: 14px;
    position: absolute;
    top: 17px;
    left: 33px;
    right: 0;
    line-height: 26px
}

#cp_form5 .potitle {
    margin-left: 127px;
    color: #d2c1a3;
    font-size: 20px;
    font-weight: bolder
}

.masktop_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    -ms-filter: "alpha(opacity=30)";
    filter: alpha(opacity=30);
    z-index: 11111!important;
    display: none
}

.bonus_popup {
    width: 100%;
    height: 100%;
    background: url("../__static/__images/trans-pt.png") repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none
}

.bonus_popup .bonus_hld1 {
    width: 500px;
    height: 162px;
    margin: 0 auto;
    background: url("../__static/__images/popup/bonus_popupbg_normal.png") no-repeat;
    z-index: 999999!important;
    position: relative;
    margin-top: 250px;
    padding-top: 88px;
    font-family: "Adobe Heiti Std";
    text-align: center;
    font-size: 14px;
    color: #1f1c1b;
    line-height: 25px
}

.bonus_popup .bonus_hld1 .red {
    font-size: 18px;
    color: #d91616;
    font-weight: 900
}

.bonus_popup .bonus_hld1 .bonus_btn {
    width: 168px;
    height: 37px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/popup/bonus_btn.png") no-repeat;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
    color: #f5e5ba;
    font-size: 18px;
    position: absolute;
    top: 164px;
    left: 0;
    right: 0
}

.bonus_popup .bonus_hld1 .brown {
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #a15e31;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0
}

.bonus_popup .close {
    width: 17px;
    height: 17px;
    display: block;
    background: url("../__static/__images/popup/close_bonus_popup.png") no-repeat;
    position: absolute;
    top: 8px;
    right: 9px
}

.bonus_popup .bonus_hld2 {
    width: 500px;
    height: 144px;
    margin: 0 auto;
    background: url("../__static/__images/popup/bonus_popupbg_success.png") no-repeat;
    z-index: 999999!important;
    position: relative;
    margin-top: 250px;
    padding-top: 106px;
    font-family: "Adobe Heiti Std";
    text-align: center;
    font-size: 14px;
    color: #1f1c1b;
    line-height: 25px
}

.bonus_popup .bonus_hld2 .red {
    font-size: 18px;
    color: #d91616;
    font-weight: 900
}

.bonus_popup .bonus_hld2 .bonus_btn {
    width: 168px;
    height: 37px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/popup/bonus_btn.png") no-repeat;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
    color: #f5e5bb;
    font-size: 18px;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0
}

.default-container {
    width: 1100px;
    min-height: 900px;
    height: auto;
    margin: 0 auto;
    position: relative;
    background: url("../__static/__images/webrevamp/container-headerbg.jpg") no-repeat top center #f2f2f2;
    padding: 0 50px 30px 50px
}

.default-header {
    height: 62px;
    line-height: 62px;
    margin: 0 auto 33px;
    padding-top: 4px;
    position: relative
}

.default-header .lbl {
    height: 62px;
    line-height: 62px;
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 22px;
    float: left
}

.default-header .cps {
    height: 62px;
    line-height: 62px;
    list-style-type: none;
    float: right
}

.default-header .cps li {
    display: inline
}

.default-header .cps li a {
    display: block;
    height: 62px;
    float: left;
    line-height: 62px;
    text-decoration: none;
    color: #9f9e9e;
    font-size: 14px
}

.default-header .cps li.active a,
.default-header .cps li a:hover {
    color: #333
}

.default-header .cps li span {
    display: block;
    height: 62px;
    float: left;
    line-height: 62px;
    text-decoration: none;
    color: #9f9e9e;
    font-size: 14px;
    margin: 0 5px
}

.default-holder {
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: #606060;
    line-height: 25px;
    font-size: 14px;
    font-family: "Microsoft Yahei"
}

.cursor {
    cursor: pointer
}

#loadingpop2 .loading {
    width: 150px;
    height: 194px;
    display: block;
    background: url("../__static/__images/diamondheart.png") no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    margin: 0 auto;
    z-index: 99991;
    animation: loadingH 8s linear infinite 1.5s
}

#loadingpop2 .popmask {
    display: none
}

.gotop {
    width: 41px;
    height: 44px;
    display: none;
    background: url(../__static/__images/webrevamp/gotop.jpg) no-repeat;
    position: fixed;
    bottom: 100px;
    right: 40px;
    z-index: 1000
}

.spinner2 {
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.spinner2 .circle {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPScxMDBweCcgaGVpZ2h0PScxMDBweCcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJ1aWwtcmluZyI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9Im5vbmUiIGNsYXNzPSJiayI+PC9yZWN0PjxkZWZzPjxmaWx0ZXIgaWQ9InVpbC1yaW5nLXNoYWRvdyIgeD0iLTEwMCUiIHk9Ii0xMDAlIiB3aWR0aD0iMzAwJSIgaGVpZ2h0PSIzMDAlIj48ZmVPZmZzZXQgcmVzdWx0PSJvZmZPdXQiIGluPSJTb3VyY2VHcmFwaGljIiBkeD0iMCIgZHk9IjAiPjwvZmVPZmZzZXQ+PGZlR2F1c3NpYW5CbHVyIHJlc3VsdD0iYmx1ck91dCIgaW49Im9mZk91dCIgc3RkRGV2aWF0aW9uPSIwIj48L2ZlR2F1c3NpYW5CbHVyPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImJsdXJPdXQiIG1vZGU9Im5vcm1hbCI+PC9mZUJsZW5kPjwvZmlsdGVyPjwvZGVmcz48cGF0aCBkPSJNMTAsNTBjMCwwLDAsMC41LDAuMSwxLjRjMCwwLjUsMC4xLDEsMC4yLDEuN2MwLDAuMywwLjEsMC43LDAuMSwxLjFjMC4xLDAuNCwwLjEsMC44LDAuMiwxLjJjMC4yLDAuOCwwLjMsMS44LDAuNSwyLjggYzAuMywxLDAuNiwyLjEsMC45LDMuMmMwLjMsMS4xLDAuOSwyLjMsMS40LDMuNWMwLjUsMS4yLDEuMiwyLjQsMS44LDMuN2MwLjMsMC42LDAuOCwxLjIsMS4yLDEuOWMwLjQsMC42LDAuOCwxLjMsMS4zLDEuOSBjMSwxLjIsMS45LDIuNiwzLjEsMy43YzIuMiwyLjUsNSw0LjcsNy45LDYuN2MzLDIsNi41LDMuNCwxMC4xLDQuNmMzLjYsMS4xLDcuNSwxLjUsMTEuMiwxLjZjNC0wLjEsNy43LTAuNiwxMS4zLTEuNiBjMy42LTEuMiw3LTIuNiwxMC00LjZjMy0yLDUuOC00LjIsNy45LTYuN2MxLjItMS4yLDIuMS0yLjUsMy4xLTMuN2MwLjUtMC42LDAuOS0xLjMsMS4zLTEuOWMwLjQtMC42LDAuOC0xLjMsMS4yLTEuOSBjMC42LTEuMywxLjMtMi41LDEuOC0zLjdjMC41LTEuMiwxLTIuNCwxLjQtMy41YzAuMy0xLjEsMC42LTIuMiwwLjktMy4yYzAuMi0xLDAuNC0xLjksMC41LTIuOGMwLjEtMC40LDAuMS0wLjgsMC4yLTEuMiBjMC0wLjQsMC4xLTAuNywwLjEtMS4xYzAuMS0wLjcsMC4xLTEuMiwwLjItMS43QzkwLDUwLjUsOTAsNTAsOTAsNTBzMCwwLjUsMCwxLjRjMCwwLjUsMCwxLDAsMS43YzAsMC4zLDAsMC43LDAsMS4xIGMwLDAuNC0wLjEsMC44LTAuMSwxLjJjLTAuMSwwLjktMC4yLDEuOC0wLjQsMi44Yy0wLjIsMS0wLjUsMi4xLTAuNywzLjNjLTAuMywxLjItMC44LDIuNC0xLjIsMy43Yy0wLjIsMC43LTAuNSwxLjMtMC44LDEuOSBjLTAuMywwLjctMC42LDEuMy0wLjksMmMtMC4zLDAuNy0wLjcsMS4zLTEuMSwyYy0wLjQsMC43LTAuNywxLjQtMS4yLDJjLTEsMS4zLTEuOSwyLjctMy4xLDRjLTIuMiwyLjctNSw1LTguMSw3LjEgYy0wLjgsMC41LTEuNiwxLTIuNCwxLjVjLTAuOCwwLjUtMS43LDAuOS0yLjYsMS4zTDY2LDg3LjdsLTEuNCwwLjVjLTAuOSwwLjMtMS44LDAuNy0yLjgsMWMtMy44LDEuMS03LjksMS43LTExLjgsMS44TDQ3LDkwLjggYy0xLDAtMi0wLjItMy0wLjNsLTEuNS0wLjJsLTAuNy0wLjFMNDEuMSw5MGMtMS0wLjMtMS45LTAuNS0yLjktMC43Yy0wLjktMC4zLTEuOS0wLjctMi44LTFMMzQsODcuN2wtMS4zLTAuNiBjLTAuOS0wLjQtMS44LTAuOC0yLjYtMS4zYy0wLjgtMC41LTEuNi0xLTIuNC0xLjVjLTMuMS0yLjEtNS45LTQuNS04LjEtNy4xYy0xLjItMS4yLTIuMS0yLjctMy4xLTRjLTAuNS0wLjYtMC44LTEuNC0xLjItMiBjLTAuNC0wLjctMC44LTEuMy0xLjEtMmMtMC4zLTAuNy0wLjYtMS4zLTAuOS0yYy0wLjMtMC43LTAuNi0xLjMtMC44LTEuOWMtMC40LTEuMy0wLjktMi41LTEuMi0zLjdjLTAuMy0xLjItMC41LTIuMy0wLjctMy4zIGMtMC4yLTEtMC4zLTItMC40LTIuOGMtMC4xLTAuNC0wLjEtMC44LTAuMS0xLjJjMC0wLjQsMC0wLjcsMC0xLjFjMC0wLjcsMC0xLjIsMC0xLjdDMTAsNTAuNSwxMCw1MCwxMCw1MHoiIGZpbGw9InJnYmEoMjI2LDgzLDMsMC44NCkiIGZpbHRlcj0idXJsKCN1aWwtcmluZy1zaGFkb3cpIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgZnJvbT0iMCA1MCA1MCIgdG89IjM2MCA1MCA1MCIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMXMiPjwvYW5pbWF0ZVRyYW5zZm9ybT48L3BhdGg+PC9zdmc+) no-repeat center center;
    height: 100%;
    width: 100%;
    z-index: 99999;
    position: relative
}

.ball {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    animation: motion 3s ease-in-out infinite
}

.spinner p {
    color: #fff;
    margin-top: 5px;
    letter-spacing: 3px;
    font-size: 10px
}

@-webkit-keyframe motion {
    0% {
        transform: translateX(0) scale(1)
    }
    25% {
        transform: translateX(-50px) scale(0.3)
    }
    50% {
        transform: translateX(0) scale(1)
    }
    75% {
        transform: translateX(50px) scale(0.3)
    }
    100% {
        transform: translateX(0) scale(1)
    }
}

@keyframes motion {
    0% {
        transform: translateX(0) scale(1)
    }
    25% {
        transform: translateX(-50px) scale(0.3)
    }
    50% {
        transform: translateX(0) scale(1)
    }
    75% {
        transform: translateX(50px) scale(0.3)
    }
    100% {
        transform: translateX(0) scale(1)
    }
}

.header .logo2 {
    width: 148px;
    height: 54px;
    display: block;
    float: left;
    margin-top: 14px;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -227px -4px
}

.header .divider {
    width: 1px;
    height: 35px;
    float: left;
    display: block;
    border-left: solid 1px #17100b;
    margin: 23px 15px 0 15px;
    background-color: #544d48
}

.header .logo-label {
    display: block;
    float: left;
    font-size: 22px;
    color: #e1b65f;
    margin-top: 28px
}

.header.hdr3 {
    height: 152px!important
}

.header.hdr3 .mid {
    height: 81px!important
}

.guide-nav {
    width: 100%;
    height: 71px;
    background: #e2b354
}

.guide-nav .container {
    height: 38px;
    padding-top: 33px
}

.guide-nav .container .gdlnk {
    width: 142px;
    height: 31px;
    display: block;
    float: left;
    background: url("../__static/__images/webrevamp/guide/btn-normal.png") no-repeat;
    text-align: center;
    line-height: 31px;
    text-decoration: none;
    color: #242021;
    font-size: 14px
}

.guide-nav .container .gdlnk.active,
.guide-nav .container .gdlnk:hover {
    background: url("../__static/__images/webrevamp/guide/btn-active.png") no-repeat
}

.guide-nav .container .gdarw {
    width: 55px;
    height: 31px;
    display: block;
    float: left;
    background: url("../__static/__images/webrevamp/guide/arrow-nav.png") no-repeat center center
}

.guide-nav .container .gdgrp {
    width: 606px;
    height: 31px;
    position: relative;
    float: left;
    background: url("../__static/__images/webrevamp/guide/btn-group.png") no-repeat
}

.guide-nav .container .gdgrp ul {
    width: 100%;
    height: 31px;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.guide-nav .container .gdgrp ul li {
    display: inline
}

.guide-nav .container .gdgrp ul li a {
    height: 31px;
    line-height: 31px;
    text-decoration: none;
    text-align: center;
    color: #242021;
    font-size: 14px;
    display: block;
    float: left
}

.guide-nav .container .gdgrp ul li a.w1 {
    width: 117px
}

.guide-nav .container .gdgrp ul li a.w2 {
    width: 123px
}

.guide-nav .container .gdgrp ul li a.w3 {
    width: 122px
}

.guide-nav .container .gdgrp ul li a:hover,
.guide-nav .container .gdgrp ul li.avtive a {
    background-color: #fff7e2
}

.guide-nav .container .gdgrp ul li .nv1:hover,
.guide-nav .container .gdgrp ul li.active .nv1,
.guide-nav .container .gdgrp ul li.active .w2,
.guide-nav .container .gdgrp ul li.active .w3 {
    background: url("../__static/__images/webrevamp/guide/btn-grpw1a.png") no-repeat;
    background-color: none!important
}

.guide-nav .container .gdgrp ul li .nv2:hover,
.guide-nav .container .gdgrp ul li.active .nv2 {
    background: url("../__static/__images/webrevamp/guide/btn-grpw1b.png") no-repeat;
    background-color: none!important
}

.guide-nav .container .gdgrp ul li span {
    width: 1px;
    height: 14px;
    margin-top: 8px;
    display: block;
    float: left;
    background-color: #ab8538
}

.guide-nav .container .gdgrp #tptx {
    display: block;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: -23px;
    left: 0;
    right: 0;
    color: #4c310f;
    font-size: 14px
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mid.rooster {
    background: url(../__static/__images/rooster-navigation/rooster-bg.gif) no-repeat center!important
}

.yr-rst {
    width: 100%;
    height: 149px;
    margin: 0 auto;
    background: url("../__static/__images/promotions/golden-annunciation/patern-bg.png") repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500
}

.yr-rst .container {
    height: 149px;
    position: relative
}

.yr-rst #gldbg {
    position: absolute;
    top: 0;
    right: -9px;
    z-index: 20
}

.yr-rst #rstr {
    position: absolute;
    top: -14px;
    left: 62px;
    z-index: 10
}

.yr-rst .rs-close {
    width: 36px;
    height: 36px;
    display: block;
    background: url("../__static/__images/promotions/golden-annunciation/close2.png") no-repeat;
    position: absolute;
    top: -150px;
    right: 108px;
    z-index: 30
}

#tips.pop_tips {
    min-height: 296px!important
}

#tips.pop_tips .wrapper {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 54px 52px 0 52px;
    color: #8a8a8a;
    line-height: 20px;
    font-size: 14px
}

#tips.pop_tips .tipsbtn {
    clear: both;
    width: 303px;
    height: 45px;
    line-height: 45px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: #c4a04b;
    font-size: 18px;
    border-radius: 4px;
    position: absolute;
    bottom: 41px;
    left: 0;
    right: 0
}

#tips.pop_tips {
    display: none;
    min-height: 370px;
    width: 560px;
    position: fixed;
    left: 0;
    top: 20%;
    right: 0;
    margin: 0 auto;
    z-index: 999998;
    border-radius: 4px;
    background: #fff url("../__static/__images/webrevamp/popupbg.png") no-repeat;
    opacity: 1;
    -webkit-animation: dropbox .5s normal linear
}

@CHARSET "UTF-8";
.popmisc {
    display: none;
    min-height: 220px;
    width: 430px;
    position: fixed;
    left: 0;
    top: 20%;
    right: 0;
    margin: 0 auto;
    z-index: 999998;
    border-radius: 4px;
    background: #fff url("../__static/__images/webrevamp/popupbg.png") no-repeat
}

.popmisc .close {
    width: 23px;
    height: 23px;
    display: block;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -252px -105px;
    float: right;
    position: absolute;
    top: 15px;
    right: 15px
}

.popmisc .formwrap {
    width: 355px;
    display: block;
    margin: 0 auto;
    text-align: center
}

.popmisc p {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 20px
}

.popmisc .popbtn {
    clear: both;
    width: 150px;
    height: 45px;
    line-height: 45px;
    display: block;
    margin: 30px auto 0;
    text-align: center;
    color: #fff;
    background: #c4a04b;
    font-size: 18px;
    border-radius: 4px
}

.popmisc .filler {
    display: block;
    width: 100%;
    height: 75px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #8a8a8a;
    line-height: 55px
}

.popmisc .box {
    width: 150px;
    height: 140px;
    display: block
}

.popmisc .left {
    float: left
}

.popmisc .right {
    float: right
}

.popmisc .box #opt1 {
    width: 75px;
    height: 75px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -92px -105px
}

.popmisc .box #opt2 {
    width: 75px;
    height: 79px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -170px -105px
}

.popmisc .input-box {
    border: 1px solid #c6c6c6;
    padding: 0;
    width: 300px;
    height: 45px
}

.popmisc input[type="text"] {
    outline: 0;
    width: 250px;
    height: 43px;
    line-height: normal;
    line-height: 43px\9;
    border: 0 none;
    float: right;
    text-indent: 20px;
    width: 248px\9
}

#alert3 .filler {
    height: 60px
}

#alert3 .formwrap {
    text-align: left;
    width: 300px
}

#alert3 .formwrap p {
    line-height: 25px
}

#alert3 .popbtn {
    margin-top: 20px
}

#contact-opt .filler {
    height: 55px
}

#contact-opt .formwrap {
    width: 350px;
    position: relative
}

#contact-opt .popbtn {
    font-size: 14px;
    margin-top: 17px
}

#contact-opt .popbtn.up {
    margin-top: 14px
}

#contact-opt .shbar {
    height: 138px;
    width: 1px;
    display: block;
    background: #c4a04b;
    position: absolute;
    left: 175px
}

#phonecall .formwrap {
    width: 300px;
    position: relative
}

.popmisc .input-box .inpt-img1 {
    width: 35px;
    height: 25px;
    display: block;
    position: absolute;
    top: 11px;
    left: 14px;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -252px -139px
}

.popmisc .input-box .inpt-img2 {
    width: 35px;
    height: 25px;
    display: block;
    position: absolute;
    top: 11px;
    left: 14px;
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -295px -139px
}

.popmisc .input-box.captcha {
    border: 0 none
}

.popmisc .input-box.captcha .txtcap {
    width: 185px;
    float: left;
    border: 1px solid #c6c6c6
}

.popmisc .input-box.captcha input[type="text"] {
    width: 135px;
    float: right
}

.popmisc .input-box.captcha img {
    float: right
}

#phonecall .popbtn {
    margin: 20px auto 30px
}

#popmisc-phone2,
#popmisc-captcha2 {
    display: none
}

.popmisc div.msg {
    line-height: 30px;
    width: 300px;
    color: red;
    text-align: center;
    margin-bottom: 10px;
    text-indent: 0;
    display: none
}

.popup.tips01 {
    width: 616px;
    height: 370px;
    background: url("../__static/__images/webrevamp/tips01bg.png") no-repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 25%;
    margin: 0 auto;
    z-index: 999999
}

.popup.tips01 h1 {
    color: #110f0f;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 65px 0 15px 0
}

.popup.tips01 p.note {
    color: #110f0f;
    font-size: 14px;
    font-weight: bold;
    width: 395px;
    min-height: 120px;
    margin: 0 0 0 125px;
    text-indent: 15px;
    line-height: 20px;
    font-weight: normal
}

.popup.tips01 p.date {
    color: #110f0f;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 285px;
    line-height: 18px;
    text-align: center;
    font-weight: normal
}

.popup.tips01 .btntip {
    width: 170px;
    height: 45px;
    line-height: 45px;
    margin: 10px auto 0;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #e87b2f;
    border-radius: 4px
}

.popup.tips02 {
    width: 368px;
    height: 535px;
    background: url("../__static/__images/webrevamp/tips02bg.png") no-repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 20%;
    margin: 0 auto;
    z-index: 99999
}

.popup.tips02 h1 {
    color: #e73205;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 200px 0 0 0
}

.popup.tips02 p {
    color: #e73205;
    font-size: 14px;
    font-weight: bold;
    width: 303px;
    min-height: 120px;
    margin: 15px auto;
    line-height: 20px
}

.popup.tips02 .btntip2 {
    width: 275px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #df6649;
    border-radius: 4px
}

.pop-con #btnconfirm {
    width: 220px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: left;
    background: url(../__static/__images/webrevamp/member/btn220.png) no-repeat;
    text-align: center;
    color: #1e1c1b;
    margin: 0 auto;
    font-size: 18px
}

.pop-con #popclosebtn.btnconfirm_cannel {
    width: 220px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: right;
    background: url(../__static/__images/webrevamp/member/btn220.png) no-repeat;
    text-align: center;
    color: #1e1c1b;
    margin: 0 auto;
    font-size: 18px
}

.placeholder {
    color: #a9a9a9!important
}

.idxrw1 {
    height: 260px;
    margin: 0 auto;
    padding: 50px 0
}

.rwbox {
    width: 340px;
    height: 260px;
    display: block;
    position: relative;
    float: left;
    margin-right: 10px
}

.rwbox.rwb1 {
    width: 500px
}

.rwbox:hover {
    box-shadow: 0 5px 40px 0 #312b26;
    cursor: pointer
}

.rwbox .brd {
    width: 338px;
    height: 258px;
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px #6e5725;
    display: none
}

.rwbox:hover .brd {
    display: block
}

.rwb1:hover .brd {
    width: 498px;
    display: block
}

.idxrw1 .last:hover {
    margin-right: 0!important
}

.rwbox .gray-txt {
    display: block;
    font-size: 14px;
    color: #646464;
    position: absolute;
    top: 121px;
    left: 23px;
    z-index: 10
}

.rwbox .gold-txt {
    width: 85px;
    height: 17px;
    display: block;
    position: absolute;
    top: 153px;
    left: 19px;
    background: url("../__static/__images/webrevamp/index/gold-link2.png") no-repeat;
    z-index: 10
}

.rwbox .gold-txt.tryindex {
    background: url("../__static/__images/small_images.png") no-repeat -252px -99px
}

.rwbox .gold-txt2.tryindex {
    background: url("../__static/__images/small_images.png") no-repeat -252px -99px
}

.rwbox .gold-txt2 {
    width: 85px;
    height: 17px;
    display: block;
    position: absolute;
    top: 153px;
    left: 19px;
    background: url("../__static/__images/small_images.png") no-repeat -252px -126px;
    z-index: 10
}

.rwbox:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.rwbox #rw-btn1 {
    width: 86px;
    height: 31px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -237px -186px;
    position: absolute;
    top: 63px;
    right: 142px;
    z-index: 10
}

.rwbox #rw-btn2 {
    width: 67px;
    height: 19px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -78px -101px;
    position: absolute;
    top: 36px;
    right: 69px;
    z-index: 10
}

.rwbox #crown {
    width: 32px;
    height: 27px;
    display: block;
    background: url("../__static/__images/webrevamp/index/crown.png") no-repeat;
    position: absolute;
    top: 15px;
    right: 8px;
    z-index: 10
}

.idxrw2 {
    height: 230px;
    margin: 0 auto
}

.scoreboard-mini {
    width: 480px;
    height: 185px;
    float: left;
    s background-color: #1e1e1d;
    position: relative;
    padding-left: 20px;
    padding-top: 45px;
    background-color: #1e1e1d
}

.scoreboard-mini #ag-gldtxt {
    width: 108px;
    height: 17px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -257px -62px;
    position: absolute;
    top: 19px;
    left: 21px;
    z-index: 10
}

.scoreboard-mini .versions2 {
    width: auto;
    height: 20px;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 19px;
    right: 16px;
    z-index: 10
}

.scoreboard-mini .versions2 li {
    display: inline
}

.scoreboard-mini .versions2 li a {
    width: 30px;
    height: 20px;
    display: block;
    float: left;
    color: #938f8b;
    font-size: 12px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    text-shadow: 2px 2px 16px #000
}

.scoreboard-mini .versions2 li.active a,
.scoreboard-mini .versions2 li a:hover {
    color: #e2b354
}

.scoreboard-mini:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

.scoreboard-mini:hover .hvr-wobble-horizontal {
    cursor: pointer;
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ag-shark {
    width: 340px;
    height: 230px;
    float: left;
    margin: 0 10px;
    background: url("../__static/__images/webrevamp/index/ag-shark.jpg") no-repeat;
    position: relative;
    cursor: pointer
}

.ag-shark #bltxt {
    width: 150px;
    display: block;
    text-align: center;
    line-height: 20px;
    position: absolute;
    top: 78px;
    left: 30px;
    font-size: 14px;
    color: #091d5e;
    z-index: 10
}

.ag-shark div {
    width: 75px;
    height: 20px;
    display: block;
    position: absolute;
    bottom: 61px;
    left: 68px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    z-index: 10
}

.ag-shark:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

.ag-shark:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ag-shark .arrow-shark {
    width: 5px;
    height: 8px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -334px -8px;
    position: absolute;
    top: 6px;
    right: 0
}

.ag-huanya {
    width: 340px;
    height: 230px;
    display: block;
    float: right;
    background: url("../__static/__images/webrevamp/index/ag-huanya.jpg") no-repeat;
    position: relative;
    cursor: pointer
}

.ag-huanya p {
    width: 222px;
    height: 25px;
    line-height: 25px;
    display: block;
    word-spacing: 7px;
    position: absolute;
    top: 64px;
    left: 19px;
    font-size: 14px;
    color: #fff;
    z-index: 10
}

.ag-huanya p .lt {
    width: 1px;
    height: 10px;
    display: inline-block;
    margin: 0 8px;
    background-color: #69728f
}

.ag-huanya p #ft12 {
    font-size: 12px
}

.ag-huanya div {
    width: 104px;
    height: 33px;
    display: block;
    position: absolute;
    bottom: 52px;
    left: 50px;
    color: #000;
    line-height: 31px;
    text-align: center;
    z-index: 10;
    background: url("../__static/__images/webrevamp/index/gldbtn.png") no-repeat;
    font-size: 14px
}

.ag-huanya:hover {
    box-shadow: 0 5px 20px 0 #312b26
}

.ag-huanya:hover .hvr-wobble-horizontal {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ag-huanya .arrow-huanya {
    width: 5px;
    height: 8px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -354px -8px;
    position: absolute;
    top: 11px;
    right: 14px
}

.events .col3 {
    width: 390px;
    height: 280px;
    position: relative;
    float: left;
    background-color: #000
}

.e-pager {
    width: 44px;
    height: 130px;
    position: absolute!important;
    bottom: 58px;
    left: -45px;
    color: #666;
    overflow: hidden;
    font-size: 12px!important
}

.e-pager.moreheigh {
    height: 146px
}

.e-pager .event-pager {
    width: 44px!important;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto;
    cursor: pointer
}

.e-pager .event-pager.active {
    color: #fff!important
}

.col3 .cycle1 {
    width: 390px;
    height: 280px;
    position: relative;
    overflow: hidden!important
}

.e-pager #cycle-2 {
    width: 50px;
    height: 130px;
    margin: 0 auto;
    position: relative
}

.col3 .s-prev1 {
    width: 19px;
    height: 10px;
    display: block;
    position: absolute;
    top: 85px;
    left: -32px;
    color: #fff;
    z-index: 999999;
    background: url("../__static/__images/webrevamp/index/sld-prev.png") no-repeat
}

.col3 .s-prev1:hover {
    background: url("../__static/__images/webrevamp/index/sld-prev2.png") no-repeat;
    cursor: pointer
}

.col3 .s-next1 {
    width: 19px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 57px;
    left: -32px;
    color: #fff;
    z-index: 999999;
    background: url("../__static/__images/webrevamp/index/sld-next.png") no-repeat
}

.col3 .s-next1:hover {
    background: url("../__static/__images/webrevamp/index/sld-next2.png") no-repeat;
    cursor: pointer
}

.events .col3 .event-slide {
    position: relative
}

.events .col3 .event-slide .txtcont {
    width: 390px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    margin: 0 auto
}

.events .col3 .event-slide .txtcont p {
    color: #fff;
    position: relative;
    z-index: 10;
    font-size: 14px;
    padding: 10px;
    text-align: center
}

.events .col3 .event-slide .txtcont span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    opacity: .5;
    background: #000
}

.bfrlgn {
    width: 278px;
    height: 34px;
    padding-top: 45px;
    float: right
}

.bfrlgn #bfrlgn-btn1 {
    width: 80px;
    height: 34px;
    display: block;
    float: left;
    background: url("../__static/__images/small_images.png") no-repeat -4px -4px;
    cursor: pointer;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 34px
}

.bfrlgn #bfrlgn-btn2 {
    width: 74px;
    height: 34px;
    display: block;
    float: left;
    background: url("../__static/__images/small_images.png") no-repeat -92px -4px;
    cursor: pointer;
    margin: 0 4px;
    padding-left: 36px;
    font-size: 16px;
    color: #000;
    line-height: 34px
}

.bfrlgn #bfrlgn-btn3 {
    width: 80px;
    height: 34px;
    display: block;
    float: left;
    background: url("../__static/__images/small_images.png") no-repeat -211px -4px;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    color: #fff
}

.aftrlgn {
    width: 712px;
    height: 38px;
    float: right;
    margin-top: 41px;
    position: relative
}

.aftrlgn .usrinfo {
    width: 489px;
    height: 36px;
    background-color: #201f1d;
    border: solid 1px #342e28;
    line-height: 36px;
    margin-right: 4px;
    float: left
}

.aftrlgn .usrinfo .ucon1 {
    width: 210px;
    height: 38px;
    float: left;
    line-height: 38px;
    position: relative
}

.aftrlgn .usrinfo .ucon2 {
    width: 145px;
    height: 38px;
    float: left;
    line-height: 38px;
    position: relative;
    padding-left: 10px
}

.aftrlgn.trial .usrinfo .ucon2 {
    width: 185px
}

.aftrlgn.trial {
    width: 345px;
    left: -92px
}

.aftrlgn .usrinfo .ucon1 .usrlvl {
    width: 34px;
    height: 14px;
    display: block;
    float: left;
    margin: 13px 11px 0 13px
}

.aftrlgn .usrinfo .ucon1 .usrname {
    height: 36px;
    float: right;
    color: #f0b536;
    text-decoration: underline;
    line-height: 36px;
    font-size: 12px;
    padding-right: 10px
}

.aftrlgn .usrinfo .ucon1 .arrow {
    width: 6px;
    height: 4px;
    display: block;
    float: right;
    background: url("../__static/__images/webrevamp/arrow_down.png") no-repeat;
    margin: 17px 11px 0 0
}

.aftrlgn .usrinfo .sptr {
    width: 1px;
    height: 15px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    background-color: #d4a13f;
    opacity: .2;
    filter: alpha(opacity=20)
}

.aftrlgn .usrinfo .ucon2 .amnt {
    width: auto;
    height: 38px;
    display: block;
    float: left;
    color: #e7d39f;
    padding-right: 5px
}

.aftrlgn .usrinfo .ucon2 .rmb {
    height: 38px;
    line-height: 38px;
    display: block;
    float: left;
    color: #a58041;
    font-size: 12px
}

.aftrlgn .realacct a {
    line-height: 20px;
    float: left;
    color: #4c98ff;
    font-size: 12px;
    width: 70px;
    height: 20px;
    display: block;
    background: url("../__static/__images/webrevamp/moneyicon.png") no-repeat 0 2px;
    text-indent: 22px;
    margin: 9px 13px;
    margin-left: 40px;
    text-decoration: underline
}

.aftrlgn .usrinfo .sptr.left {
    left: 82px;
    right: inherit
}

.aftrlgn .usrinfo .ucon2 .arrow {
    width: 6px;
    height: 4px;
    display: block;
    float: right;
    background: url("../__static/__images/webrevamp/arrow_down.png") no-repeat;
    margin: 17px 8px 0 0
}

.aftrlgn .usrinfo .emlcount {
    width: 18px;
    height: 13px;
    float: left;
    margin: 12px auto 13px;
    padding: 0 13px;
    position: relative;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -126px 0;
    position: relative
}

.aftrlgn .usrinfo .emlcount span {
    width: 10px;
    height: 10px;
    display: block;
    background: url("../__static/__images/webrevamp/sprite.png") no-repeat -369px -57px;
    position: absolute;
    top: -3px;
    right: 8px;
    text-align: center;
    color: #fff;
    font-size: 9px;
    line-height: 14px
}

.aftrlgn .usrinfo .emlcount .sptr {
    top: 0!important
}

.aftlgn-btn {
    width: 70px;
    height: 38px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #000;
    line-height: 38px;
    font-size: 14px
}

.aftlgn-btn.b1 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -52px
}

.aftlgn-btn.b2 {
    background: url("../__static/__images/small_images.png") no-repeat -83px -52px;
    margin: 0 3px
}

.aftlgn-btn.b3 {
    background: url("../__static/__images/small_images.png") no-repeat -162px -52px;
    color: #fff
}

.aftrlgn .loginout {
    text-decoration: underline;
    width: 80px;
    height: 38px;
    line-height: 38px;
    color: #4c98ff;
    text-align: center;
    float: left;
    font-size: 12px
}

.aftrlgn.trial .loginout {
    color: #a58041
}

.default_hide {
    display: none
}

.homepage.page-content {
    padding-bottom: 50px
}

#red-envelope {
    width: 124px;
    height: 124px;
    display: block;
    float: right;
    display: none
}

#sprite-img {
    width: 124px;
    height: 124px;
    display: block;
    float: right;
    position: relative
}

#sprite-background {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    background: url("../__static/__images/webrevamp/spritesheet.png") no-repeat;
    background-position: 0 0
}

.red_width {
    left: -100px
}

.sidebar .customer-service {
    background: url("../__static/__images/images2016/a03web-sidebar-popup-sprite.png?1") no-repeat -346px 0
}

.customer-service .tltip,
.customer .tltip {
    width: 162px;
    height: 18px;
    background-color: #f1f1f1;
    position: absolute;
    bottom: 7px;
    left: -151px;
    line-height: 18px;
    text-align: center;
    color: #342820;
    font-size: 12px;
    border-radius: 2px;
    display: none
}

.customer-service:hover .tltip,
.customer:hover .tltip {
    display: block
}

.homepage.page-content {
    min-width: 1200px;
    height: auto;
    overflow: hidden
}

.homepage .container {
    position: relative
}

.homepage .container #girlcon1 {
    width: 350px;
    height: 989px;
    position: absolute;
    top: 0;
    left: -350px
}

.homepage .container #girlcon2 {
    width: 350px;
    height: 989px;
    position: absolute;
    top: 0;
    right: -350px
}

#girlcon1 #grlhvr1 {
    width: 162px;
    height: 124px;
    display: none;
    position: absolute;
    top: 33px;
    right: 47px
}

#girlcon2 #grlhvr2 {
    width: 162px;
    height: 124px;
    display: none;
    position: absolute;
    top: 33px;
    left: 17px
}

#girlcon1:hover #grlhvr1,
#girlcon2:hover #grlhvr2 {
    display: block
}

.usrinfo .userlevel {
    width: 115px;
    height: 20px;
    float: left;
    margin-top: 8px;
    padding-left: 10px;
    line-height: 18px;
    font-size: 12px;
    color: #9f814b;
    display: block;
    position: relative
}

.usrinfo .userlevel .usrlvl {
    width: 51px!important;
    height: 20px!important;
    margin: 0 10px 0 0!important
}

.lvl0 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -197px
}

.lvl1 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -131px
}

.lvl2 {
    background: url("../__static/__images/small_images.png") no-repeat -57px -131px
}

.lvl3 {
    background: url("../__static/__images/small_images.png") no-repeat -109px -131px
}

.lvl4 {
    background: url("../__static/__images/small_images.png") no-repeat -161px -131px
}

.lvl5 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -153px
}

.lvl6 {
    background: url("../__static/__images/small_images.png") no-repeat -56px -153px
}

.lvl7 {
    background: url("../__static/__images/small_images.png") no-repeat -108px -153px
}

.lvl8 {
    background: url("../__static/__images/small_images.png") no-repeat -161px -153px
}

.lvl9 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -175px
}

.lvl10 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -175px
}

.lvl11 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -175px
}

.lvl12 {
    background: url("../__static/__images/small_images.png") no-repeat -4px -175px
}

.lvl13 {
    background: url("../__static/__images/small_images.png") no-repeat -57px -175px
}

.lvl14 {
    background: url("../__static/__images/small_images.png") no-repeat -57px -175px
}

.lvl15 {
    background: url("../__static/__images/small_images.png") no-repeat -57px -175px
}

.lvl16 {
    background: url("../__static/__images/small_images.png") no-repeat -57px -175px
}

.lvl17 {
    background: url("../__static/__images/small_images.png") no-repeat -109px -175px
}

.lvl18 {
    background: url("../__static/__images/small_images.png") no-repeat -109px -175px
}

.lvl19 {
    background: url("../__static/__images/small_images.png") no-repeat -109px -175px
}

.lvl20 {
    background: url("../__static/__images/small_images.png") no-repeat -109px -175px
}

.lvl21 {
    background: url("../__static/__images/small_images.png") no-repeat -161px -175px
}

.lvl22 {
    background: url("../__static/__images/small_images.png") no-repeat -161px -175px
}

.lvl23 {
    background: url("../__static/__images/small_images.png") no-repeat -161px -175px
}

.rwbox #spot1 {
    width: 6px;
    height: 6px;
    display: block;
    background: url("../__static/__images/webrevamp/index/dot1.png") no-repeat;
    position: absolute;
    top: 125px;
    left: 35px
}

.rwbox #spot2 {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -301px -4px;
    position: absolute;
    top: 120px;
    left: 29px
}

#gtx46 {
    left: 51px!important
}

.rwbox #rw-btn3 {
    width: 67px;
    height: 19px;
    display: block;
    background: url("../__static/__images/webrevamp/index/rwbox-btn3.png") no-repeat;
    position: absolute;
    top: 36px;
    right: 72px;
    z-index: 10
}

.rwbox #rw-btn4 {
    width: 67px;
    height: 19px;
    display: block;
    background: url("../__static/__images/small_images.png") no-repeat -150px -101px;
    position: absolute;
    top: 36px;
    right: 72px;
    z-index: 10
}

.rwbox #grlscon {
    width: 296px;
    height: 55px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px
}

.rwbox #grlscon span {
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 2px;
    float: left
}

#grlscon span#grlicn1 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat 0 0
}

#grlscon span#grlicn2 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -57px 0
}

#grlscon span#grlicn3 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -114px 0
}

#grlscon span#grlicn4 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -171px 0
}

#grlscon span#grlicn5 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat 0 -57px
}

#grlscon span#grlicn6 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -57px -57px
}

#grlscon span#grlicn7 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -114px -57px
}

#grlscon span#grlicn8 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -171px -57px
}

#grlscon span#grlicn9 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -228px -57px
}

#grlscon span#grlicn10 {
    background: url("../__static/__images/webrevamp/index/girls-icon.png") no-repeat -228px 0
}

.rwbox .gold-txt3 {
    width: 70px;
    height: 14px;
    display: block;
    position: absolute;
    bottom: 90px;
    left: 31px;
    background: url("../__static/__images/small_images.png") no-repeat -250px -156px;
    z-index: 10
}

.rwbox.rest {
    cursor: default
}

.mid .container {
    height: 124px;
    position: relative
}

#drgn-fsvl {
    width: 506px;
    height: 45px;
    position: absolute;
    bottom: -2px;
    left: 361px;
    z-index: 10;
    background: url("../__static/__images/webrevamp/dragon-boat2017.png") no-repeat 129px 0
}

#drgn-fsvl .falling-leaves {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 45px;
    transform: translate(-10%, 0);
    border-radius: 50px;
    background-size: cover;
    overflow: hidden
}

#drgn-fsvl .leaf-scene {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform-style: preserve-3d
}

#drgn-fsvl .leaf-scene div {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../__static/__images/webrevamp/leaf.png") no-repeat;
    background-size: 100%;
    transform-style: preserve-3d;
    backface-visibility: visible
}

#topimg {
    width: 192px;
    height: 29px;
    position: absolute;
    top: 43px;
    left: 200px;
    z-index: 5
}

.popup_black {
    position: fixed;
    display: block;
    width: 540px;
    height: 60px;
    padding: 20px 0;
    background: #000;
    z-index: 999999;
    box-shadow: 0 0 40px 0 #504949;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 40%;
    border-radius: 7px;
    opacity: .7
}

.popup_black p {
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 50px
}

.rm-popnbr {
    height: 164px;
    margin: 0 auto;
    background: url("../__static/__images/promotions/rob-million/transbg-o60-2.png") repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500
}

.rm-popnbr .rm-container {
    width: 1000px;
    height: 164px;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

.rm-container .rm-redcon {
    width: 955px;
    height: 266px;
    background: url("../__static/__images/winner/winner.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 5px;
    z-index: 8888
}

#rm-close {
    width: 45px;
    height: 45px;
    display: block;
    background: url("../__static/__images/winner/close.png") no-repeat;
    position: absolute;
    top: -189px;
    right: -4%;
    z-index: 10800
}

.rm-popnbr .rm-closew {
    width: 1000px;
    position: relative;
    margin: 0 auto
}

.reward-list.info1 {
    width: 308px;
    height: 150px;
    margin: 0 auto;
    position: relative
}

.info1 .row {
    width: 324px;
    height: 30px;
    margin: 0 auto;
    display: block
}

.hover-display {
    width: 340px;
    height: 66px;
    position: absolute;
    bottom: -2px;
    left: -16px;
    background-color: #292521;
    display: none;
    z-index: 300
}

.hover-display #asgm {
    height: 66px;
    display: block;
    float: left
}

.hover-display .BSG {
    width: 58px;
    margin-left: 93px;
    background: url("../__static/__images/webrevamp/index/bsg.png") no-repeat center center
}

.hover-display .AG {
    width: 64px;
    margin-left: 87px;
    background: url("../__static/__images/webrevamp/index/ag.png") no-repeat center center
}

.hover-display .BBIN {
    width: 57px;
    margin-left: 94px;
    background: url("../__static/__images/webrevamp/index/bbin.png") no-repeat center center
}

.hover-display .MG {
    width: 80px;
    margin-left: 71px;
    background: url("../__static/__images/webrevamp/index/mg.png") no-repeat center center
}

.hover-display .TTG {
    width: 82px;
    margin-left: 69px;
    background: url("../__static/__images/webrevamp/index/ttg.png") no-repeat center center
}

.hover-display .OPUS {
    width: 85px;
    margin-left: 66px;
    background: url("../__static/__images/webrevamp/index/opus.png") no-repeat center center
}

.hover-display .PT {
    width: 98px;
    margin-left: 53px;
    background: url("../__static/__images/webrevamp/index/pt.png") no-repeat center center
}

.hover-display .slt-hbox {
    width: 160px;
    height: 60px;
    position: relative;
    float: right;
    padding-top: 6px;
    font-size: 12px;
    color: #f4f1ec
}

.hover-display .orgtx {
    display: block;
    height: 16px;
    line-height: 16px;
    color: #d66c2c;
    font-size: 12px;
    margin-bottom: 3px
}

.hover-display .entrgm {
    width: 66px;
    height: 18px;
    line-height: 18px;
    display: block;
    position: absolute;
    bottom: 7px;
    left: 0;
    text-decoration: none;
    color: #f4f1ec;
    font-size: 12px;
    background: url("../__static/__images/webrevamp/index/link-icon.png") no-repeat right center
}

.hover-display .bet-vid {
    width: 82px;
    height: 47px;
    opacity: .8;
    float: left;
    margin: 10px 0 0 48px;
    position: relative;
    cursor: pointer;
    filter: Alpha(opacity=80)
}

.hover-display .bet-vid span {
    width: 24px;
    height: 24px;
    display: block;
    background: url("../__static/__images/webrevamp/index/play-icon.png") no-repeat;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.hover-display .bet-hbox {
    width: 181px;
    height: 60px;
    position: relative;
    float: right;
    padding-top: 6px;
    font-size: 12px;
    color: #f4f1ec
}

.reward-list.info1 .cursor:hover .hover-display {
    display: block;
    z-index: 999999
}

.aglogo-ftrcon {
    width: 250px;
    height: 82px;
    background: url("../__static/__images/webrevamp/aglogo-ftr.png") no-repeat top left;
    position: absolute;
    top: 0;
    left: -77px
}

.footer .top .newworld .newworld-logo {
    width: 105px;
    height: 38px;
    display: block;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat -413px 0;
    margin: 0 15px 0;
    padding: 0
}

#agmenu-right {
    float: right
}

.cls-dscnt:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

#discount3 {
    width: 178px;
    height: 77px;
    background: url("../__static/__images/sidebars/discounts/bg3.png") no-repeat;
    position: fixed;
    top: 90px;
    right: 0;
    z-index: 1000;
    padding: 10px 0 2px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

#discount3 .cls-dscnt {
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    top: 2px;
    right: 4px;
    background: url("../__static/__images/sidebars/discounts/close2.png") no-repeat;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

#discount3 b {
    color: #fff000
}

#discount3 #more-details3 {
    width: 110px;
    height: 26px;
    display: block;
    border-radius: 12px;
    margin: 0 auto;
    text-align: center;
    background-color: #bc0101;
    color: #ffbcbc;
    line-height: 26px;
    font-size: 14px;
    position: absolute;
    bottom: 11px;
    left: 0;
    right: 0
}

.gift-anniv {
    width: 492px;
    height: 255px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: url("../__static/__images/webrevamp/annivgift-bg.jpg") no-repeat top center
}

.anniv-display {
    width: 492px;
    height: 88px;
    margin: 0 auto;
    position: absolute;
    top: -88px;
    left: 0;
    right: 0;
    background: url("../__static/__images/webrevamp/anniv-display.png") no-repeat top center
}

#anniv-close {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../__static/__images/webrevamp/anniv-close.png") no-repeat;
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

#anniv-close:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

#anniv-txt {
    display: block;
    margin: 22px auto 20px
}

#anniv-details {
    margin: 0 auto;
    text-align: center;
    color: #714b2e;
    line-height: 25px
}

#anniv-details span {
    color: #d93604;
    font-size: 18px
}

#anniv-receive {
    width: 170px;
    height: 45px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    background: url("../__static/__images/webrevamp/anniv-btn.png") no-repeat top center;
    text-align: center;
    line-height: 45px;
    color: #714b2e;
    font-size: 18px
}

#anniv-receive:hover {
    background: url("../__static/__images/webrevamp/anniv-btn.png") no-repeat bottom center
}

#anniv-date {
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto
}

.gift-annivs {
    width: 492px;
    height: 255px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: url("../__static/__images/webrevamp/annivgift-bg.jpg") no-repeat top center
}

.gift-annivs .anniv-display {
    width: 492px;
    height: 88px;
    margin: 0 auto;
    position: absolute;
    top: -88px;
    left: 0;
    right: 0;
    background: url("../__static/__images/webrevamp/anniv-display.png") no-repeat top center
}

#annivs-close {
    width: 16px;
    height: 16px;
    display: block;
    background: url("../__static/__images/webrevamp/anniv-close.png") no-repeat;
    position: absolute;
    top: 8px;
    right: 8px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

#annivs-close:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

#anniv-txts {
    display: block;
    margin: 22px auto 20px
}

#anniv-detail {
    margin: 0 auto;
    text-align: center;
    color: #714b2e;
    line-height: 25px
}

#anniv-detail span {
    color: #d93604;
    font-size: 18px
}

#anniv-receives {
    width: 170px;
    height: 45px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    background: url("../__static/__images/webrevamp/anniv-btn.png") no-repeat top center;
    text-align: center;
    line-height: 45px;
    color: #714b2e;
    font-size: 18px
}

#anniv-receives:hover {
    background: url("../__static/__images/webrevamp/anniv-btn.png") no-repeat bottom center
}

.ew_bnr {
    height: 216px;
    margin: 0 auto;
    background: url("../__static/__images/promotions/ever_win/gradientbg.png") repeat;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 900
}

.ew_bnr .container {
    width: 1200px;
    height: 288px;
    margin: 0 auto;
    position: relative
}

.ew_bnr .container .ew_dsgn {
    width: 1173px;
    height: 359px;
    display: block;
    background: url("../__static/__images/promotions/ever_win/popbanners.png") no-repeat bottom center;
    position: absolute;
    bottom: 38px;
    left: -7px;
    cursor: pointer
}

#ewclsbnr {
    width: 24px;
    height: 24px;
    display: block;
    background: url("../__static/__images/promotions/ever_win/closes-bnr.png") no-repeat;
    position: absolute;
    top: 5px;
    right: 3px;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

#ewclsbnr:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.pop-masking {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../__static/__images/popup/transbg_black.png") repeat;
    z-index: 999999
}

.app-pop {
    width: 670px;
    height: 452px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url("../__static/__images/popup/app_popbg.png") no-repeat;
    z-index: 999999;
    padding: 0 33px
}

.app_cnt {
    height: 117px;
    margin: 85px auto 0;
    text-align: center;
    color: #fff;
    font-size: 14px
}

.app_cnt span {
    color: #c39e4f;
    display: block;
    margin: 16px auto 0
}

.app_qrcon {
    width: 154px;
    height: 149px;
    margin: 0 auto;
    padding-top: 15px;
    text-align: center;
    font-size: 11px;
    color: #d3bb78
}

.app_qrcon img {
    display: block;
    margin: 0 auto 4px
}

.app_popcls {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    right: 47px;
    background: url("../__static/__images/popup/close.png") no-repeat;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

.app_popcls:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.app_btn {
    width: 287px;
    height: 43px;
    display: block;
    margin: 0 auto;
    line-height: 43px;
    text-align: center;
    background: url("../__static/__images/popup/app-btn.png") no-repeat;
    color: #2c220c;
    font-size: 16px;
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0
}

#pagination {
    float: right;
    margin-right: 10px;
    margin-top: 0;
    color: #5d6f7e
}

#pagination a {
    float: left;
    line-height: 21px;
    color: #5d6f7e;
    text-decoration: none;
    margin-left: 5px
}

#pagination .go_page,
.member-page.viewlogs .pagination .go_page span {
    margin-left: 20px;
    float: left;
    line-height: 20px
}

#pagination .go_page span {
    float: left;
    margin-left: 0
}

#pagination .goto_input {
    width: 25px;
    float: left;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    text-align: center
}

#pagination #goto_run {
    float: left;
    height: 22px;
    width: 24px;
    line-height: 21px;
    border-radius: 4px;
    text-align: center;
    display: block;
    background: #828282;
    color: #fff
}

#pagination .num.active {
    margin-top: 2px;
    color: #fff;
    width: 15px;
    line-height: 15px;
    background: #1a9fed;
    text-align: center
}

#pagination #lastrecord {
    display: none
}

#ag4sprd {
    width: 125px;
    height: 74px;
    display: block;
    background: url("../__static/__images/promotions/music_contest/spread.png") no-repeat;
    z-index: 200;
    position: fixed;
    bottom: 2%;
    right: 20px;
    cursor: pointer
}

.ag4fltcon {
    height: 149px;
    margin: 0 auto;
    background: url("../__static/__images/promotions/music_contest/float-banner.jpg") no-repeat top center;
    position: fixed;
    bottom: -230px;
    left: 0;
    right: 0;
    z-index: 150
}

.ag4fltcon .container {
    height: 149px;
    position: relative
}

#ag4cls {
    z-index: 9999;
    width: 34px;
    height: 34px;
    display: block;
    background: url("../__static/__images/promotions/ag4-pro/close.png") no-repeat;
    position: absolute;
    right: 127px;
    position: fixed
}

.footer .top .ag-international .ag-international-logo {
    width: 112px;
    height: 38px;
    display: block;
    background: url("../__static/__images/webrevamp/shine-footer.png") no-repeat -520px 0;
    margin: 0 16px 0;
    padding: 0
}

.footer .top #agmenu-right {
    margin: 25px 0 0 0!important
}

.xmas_2k17 {
    width: 1200px;
    height: 124px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.xmas_2k17 .box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -150px;
    transition: transform 1.5s linear;
    cursor: pointer;
    background-repeat: no-repeat
}

.xmas_2k17 .move {
    transform: translateY(120vh)
}

#dco1 {
    width: 137px;
    height: 47px;
    display: block;
    background: url("../__static/__images/webrevamp/header/decor-1.png") no-repeat;
    position: absolute;
    bottom: -1px;
    left: 240px;
    z-index: 999
}

#dco2 {
    width: 86px;
    height: 92px;
    display: block;
    background: url("../__static/__images/webrevamp/header/decor-2.png") no-repeat;
    position: absolute;
    top: 0;
    left: -134px
}

#dco3 {
    width: 87px;
    height: 97px;
    display: block;
    background: url("../__static/__images/webrevamp/header/decor-3.png") no-repeat;
    position: absolute;
    top: 0;
    right: -125px
}

@media screen and (max-width:1500px) {
    #dco2,
    #dco3 {
        display: none
    }
}

.tltp {
    background: url("../__static/__images/webrevamp/trasnbg-black60.png") repeat;
    position: fixed;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    display: none
}

.tlcls {
    width: 15px;
    height: 15px;
    display: block;
    background: url("../__static/__images/popup/tlcls.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out
}

.tlcls:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.ctnr1 {
    width: 1200px;
    height: 124px;
    margin: 27px auto 0;
    background: url("../__static/__images/popup/tooltip-header1.jpg") no-repeat top center
}

.ctnr2 {
    width: 1200px;
    height: 124px;
    margin: 27px auto 0;
    background: url("../__static/__images/popup/tooltip-header.jpg") no-repeat top center
}

.ctnr3 {
    width: 1200px;
    height: 293px;
    margin: 27px auto 0;
    padding-top: 349px;
    background: url("../__static/__images/popup/tooltip-header.jpg") no-repeat top center
}

.ctnr4 {
    width: 1200px;
    height: 243px;
    margin: 27px auto 0;
    padding-top: 569px
}

.tltp .bfrlgn.tl2 {
    margin-top: 0;
    position: relative
}

.tlpcon1 {
    width: 278px;
    height: 34px;
    padding-top: 45px;
    float: right;
    position: relative
}

.tlpcon3 {
    width: 1099px;
    height: 293px;
    margin: 0 auto;
    background: url("../__static/__images/popup/tooltip-content1.jpg") no-repeat;
    position: relative
}

.tlpcon4 {
    width: 1200px;
    height: 265px;
    margin: 0 auto;
    background: url("../__static/__images/popup/tooltip-content2.jpg") no-repeat;
    position: relative
}

.tltp .btn1 {
    width: 74px;
    height: 34px;
    display: block;
    float: left;
    background: url("../__static/__images/small_images.png") no-repeat -92px -4px;
    cursor: pointer;
    margin: 0 4px;
    padding-left: 36px;
    font-size: 16px;
    color: #000;
    line-height: 34px;
    margin-left: 84px
}

.tltp .btn2 {
    width: 70px;
    height: 38px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #000;
    line-height: 38px;
    font-size: 14px;
    background: url("../__static/__images/small_images.png") no-repeat -4px -52px;
    position: absolute;
    bottom: 0;
    left: 62px
}

.tlpop1 {
    width: 112px;
    height: 57px;
    display: block;
    background: url("../__static/__images/popup/tlpop1.png") no-repeat;
    position: absolute;
    top: -8px;
    right: 90px
}

.tlpop2 {
    width: 112px;
    height: 59px;
    display: block;
    background: url("../__static/__images/popup/tlpop2.png") no-repeat;
    position: absolute;
    top: -14px;
    left: 31px;
    z-index: 10
}

.tlpop3 {
    width: 273px;
    height: 132px;
    display: block;
    background: url("../__static/__images/popup/tlpop3.png") no-repeat;
    position: absolute;
    top: -139px;
    right: -29px;
    z-index: 10
}

.tlpop4 {
    width: 112px;
    height: 70px;
    display: block;
    background: url("../__static/__images/popup/tlpop4.png") no-repeat;
    position: absolute;
    top: -83px;
    left: 53px;
    z-index: 10
}

.tlbtn {
    width: 93px;
    height: 31px;
    display: block;
    background: url("../__static/__images/popup/tlbtn.png") no-repeat;
    position: absolute
}

.tlbtn._x1 {
    bottom: -52px;
    right: 100px
}

.tlbtn._x2 {
    bottom: -52px;
    left: 50px
}

.tlbtn._x3 {
    bottom: -48px;
    right: 57px
}

.tlbtn._x4 {
    top: -55px;
    left: 282px
}

.ctnr3 .tlcls {
    top: -128px;
    right: -73px
}

.ctnr4 .tlcls {
    top: -69px;
    left: 223px
}

.sbtltp {
    width: 100px;
    height: 37px;
    margin: 0 0 1px 15px;
    background-color: #1e1e1d;
    line-height: 37px;
    text-align: center;
    font-size: 16px;
    color: #887249;
    cursor: pointer;
    display: block
}

.pop-gift-mask {
    background: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    filter: alpha(opacity=70)
}

.pop-gift-wrap {
    position: fixed;
    top: 200px;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99999
}

.pop-gift {
    background: url("../__static/__images/pop-gift/pc.png") no-repeat;
    width: 570px;
    height: 437px;
    position: relative;
    margin: 0 auto
}

.pop-gift .pop-close {
    background: url("../__static/__images/pop-gift/pop-close.png") no-repeat;
    width: 54px;
    height: 54px;
    display: block;
    position: absolute;
    top: 69px;
    right: -9px
}

.pop-gift .pop-c {
    width: 380px;
    margin-left: 60px;
    text-align: left;
    padding-top: 53px
}

.pop-gift .pop-c h5 {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    line-height: 20px
}

.pop-gift .pop-t {
    width: 310px;
    margin-left: 90px;
    text-align: center;
    padding-top: 109px
}

.pop-gift .pop-t h5 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px
}

.pop-gift .pop-btn {
    background: url("../__static/__images/pop-gift/pop-btn.png") no-repeat;
    width: 292px;
    height: 66px;
    display: block;
    font-size: 28px;
    color: #82390d;
    text-align: center;
    line-height: 66px;
    margin: 45px auto 0
}

#cny2k18a {
    width: 146px;
    height: 87px;
    background: url("../__static/__images/webrevamp/index/cny2k18a.png") no-repeat;
    position: absolute;
    top: 28px;
    left: -155px
}

#cny2k18b {
    width: 109px;
    height: 87px;
    background: url("../__static/__images/webrevamp/index/cny2k18b.png") no-repeat;
    position: absolute;
    top: 28px;
    right: -113px
}

#cny2k18c {
    width: 115px;
    height: 385px;
    background: url("../__static/__images/webrevamp/index/cny2k18c.png") no-repeat;
    position: absolute;
    top: 51px;
    left: -135px
}

#cny2k18d {
    width: 115px;
    height: 385px;
    background: url("../__static/__images/webrevamp/index/cny2k18d.png") no-repeat;
    position: absolute;
    top: 51px;
    right: -135px
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}

#rhk {
    width: 387px;
    height: 563px;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999
}

#rhk #rxv1 {
    width: 387px;
    height: 246px;
    margin: 0 auto;
    background: url("../__static/__images/webrevamp/popup/rhk/rhk1bg.png") no-repeat;
    position: relative;
    z-index: 50;
    padding-top: 290px
}

#rhk #rxv1 span {
    height: 46px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 26px;
    line-height: 46px
}

#rhk #rxv1 a {
    width: 311px;
    height: 58px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/webrevamp/popup/rhk/ctr-btn.png") no-repeat;
    position: absolute;
    bottom: 73px;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    line-height: 58px;
    text-align: center;
    color: #58173d;
    font-size: 23px;
    text-shadow: 1px 1px 1px #fff
}

#rhk #rxv1 #cns1 {
    width: 92px;
    height: 281px;
    display: block;
    background: url("../__static/__images/webrevamp/popup/rhk/coins1.png") no-repeat;
    position: absolute;
    left: -97px;
    bottom: 19px
}

#rhk #rxv1 #cns2 {
    width: 60px;
    height: 129px;
    display: block;
    background: url("../__static/__images/webrevamp/popup/rhk/coins2.png") no-repeat top right;
    position: absolute;
    right: -60px;
    bottom: 53px
}

#rhk #rxv2 {
    width: 387px;
    height: 425px;
    margin: 0 auto;
    background: url("../__static/__images/webrevamp/popup/rhk/rhk2bg.png") no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 50;
    padding-top: 189px;
    display: none
}

#rhk #rxv2 p {
    height: 58px;
    margin: 0 auto;
    line-height: 58px;
    text-align: center;
    display: block;
    font-size: 38px;
    color: #f5eb4a;
    font-weight: bold;
    background: -webkit-linear-gradient(top, #fff, #f5eb4a);
    background: linear-gradient(top, #fff, #f5eb4a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#rhk #rxv2 a {
    width: 311px;
    height: 58px;
    display: block;
    margin: 0 auto;
    background: url("../__static/__images/webrevamp/popup/rhk/ctr-btn.png") no-repeat;
    position: absolute;
    bottom: 57px;
    left: 0;
    right: 0;
    padding-bottom: 6px;
    line-height: 58px;
    text-align: center;
    color: #58173d;
    font-size: 23px;
    text-shadow: 1px 1px 1px #fff
}

#rhk #rxv2 #wv1 {
    width: 147px;
    height: 122px;
    display: block;
    position: absolute;
    bottom: -4px;
    right: -107px;
    background: url("../__static/__images/webrevamp/popup/rhk/gift.png") no-repeat
}

#rhk #rxv2 #wv2 {
    width: 69px;
    height: 52px;
    display: block;
    position: absolute;
    bottom: 257px;
    right: -33px;
    background: url("../__static/__images/webrevamp/popup/rhk/deco1.png") no-repeat
}

#rhk #rxv2 #wv3 {
    width: 60px;
    height: 54px;
    display: block;
    position: absolute;
    top: 72px;
    right: -60px;
    background: url("../__static/__images/webrevamp/popup/rhk/deco2.png") no-repeat
}

#rhk #rxv2 #wv4 {
    width: 61px;
    height: 86px;
    display: block;
    position: absolute;
    top: 78px;
    left: -101px;
    background: url("../__static/__images/webrevamp/popup/rhk/deco3.png") no-repeat
}

#rhk #rxv2 #cns1 {
    width: 92px;
    height: 281px;
    display: block;
    background: url("../__static/__images/webrevamp/popup/rhk/coins1.png") no-repeat;
    position: absolute;
    left: -85px;
    bottom: 33px
}

#rhk #rxv2 #cns2 {
    width: 74px;
    height: 129px;
    display: block;
    background: url("../__static/__images/webrevamp/popup/rhk/coins2.png") no-repeat;
    position: absolute;
    right: -64px;
    bottom: 144px
}

#rhk #rxv2 #cns3 {
    width: 483px;
    height: 67px;
    display: block;
    background: url("../__static/__images/webrevamp/popup/rhk/coins3.png") no-repeat;
    position: absolute;
    left: -56px;
    bottom: -67px
}

.syupt {
    -webkit-animation: bounce 1s linear infinite;
    animation: bounce 1s linear infinite;
    width: 56px;
    height: 18px;
    padding-bottom: 4px;
    line-height: 18px;
    display: block;
    background: url("../__static/__images/webrevamp/member/system-update.png") no-repeat;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -15px
}

#stnvw {
    width: 109px;
    height: 108px;
    display: none;
    background: url("../__static/__images/webrevamp/index/station-view.png") no-repeat;
    position: fixed;
    bottom: 33px;
    right: -300px;
    z-index: 500
}

#stbnr {
    height: 150px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 500;
    background: url("../__static/__images/webrevamp/trasnbg-black60.png") repeat
}

#stbnr .container {
    height: 150px;
    position: relative
}

#stbnr .container #stimg {
    width: 1102px;
    height: 180px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 21px;
    background: url("../__static/__images/webrevamp/index/station-banner.png") no-repeat
}

#stbnr .container #stcls {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: -17px;
    right: 0;
    background: url("../__static/__images/webrevamp/index/station-close.png") no-repeat
}

#nwp {
    height: 150px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../__static/__images/promotions/natural-winner/transbg.png") repeat;
    z-index: 999
}

#nwcon {
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    position: relative
}

#nwcon_bg {
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    position: relative;
    background: url("../__static/__images/promotions/natural-winner/banner21.png") no-repeat top right;
    position: absolute
}

#nwcon_bg .chips {
    width: 264px;
    height: 177px;
    display: block;
    background: url("../__static/__images/promotions/natural-winner/chips.png") no-repeat;
    position: absolute;
    top: -27px;
    left: 58px
}

#nwcon #nwcls {
    width: 40px;
    height: 40px;
    display: block;
    background: url("../__static/__images/promotions/natural-winner/close.png") no-repeat;
    position: absolute;
    top: -20px;
    right: 0
}

#nwcl {
    width: 40px;
    height: 40px;
    display: block;
    background: url("../__static/__images/promotions/natural-winner/close.png") no-repeat;
    position: fixed;
    bottom: 150px;
    right: 350px;
    z-index: 9999
}

#nwcon_bg #schd {
    position: absolute;
    width: 421px;
    height: 36px;
    display: block;
    background: url("../__static/__images/promotions/natural-winner/bgdate.png") no-repeat;
    bottom: 15px;
    right: 224px;
    line-height: 36px;
    font-size: 21px;
    text-align: center;
    color: #fff
}

#nwcon_bg #cdpy {
    width: 79px;
    height: 61px;
    display: block;
    background: url("../__static/__images/promotions/natural-winner/display1.png") no-repeat;
    position: absolute;
    top: 25px;
    right: -28px
}

#nw-opnr {
    width: 175px;
    height: 166px;
    display: none;
    background: url("../__static/__images/promotions/natural-winner/goto.png") no-repeat;
    position: fixed;
    bottom: 16px;
    right: -250px;
    z-index: 9999
}