@charset "utf-8";
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: none;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: none;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

select, input, button, textarea {
    font: 100% Tahoma, Arial, sans-serif;
}

table {
    font-size: inherit;
}

pre, code, kbd, samp, tt {
    font-family: 'Courier New', Courier, monospace;
}

small {
    font-size: 100%;
}

abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

hr {
    color: #D1D7DC;
    background-color: #D1D7DC;
    border: none;
    height: 1px;
}

html {
    height: 100%;
}

body {
    font-size: 12px;
    line-height: 1.5;
    font-family: Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Hiragino Sans GB W3, WenQuanYi Micro Hei, sans-serif;
    /*color: #555;*/
    height: 100%;
    background-color: #FFF;
    min-width: 1280px;
}

a {
    /*color: #484848;*/
    text-decoration: none;
}

a:hover {
    color: #847B5F;
}

a.disable {
    color: #999;
}

a.disable:hover {
    text-decoration: none;
    cursor: default;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

/** grid **/
.g_main {
    width: 1240px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.g_main:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.g_1, .g_2, .g_3, .g_4, .g_5, .g_6, .g_7, .g_8, .g_9, .g_10, .g_11, .g_12, .g_13, .g_14, .g_15, .g_16, .g_17, .g_18, .g_19, .g_20, .g_21, .g_22, .g_23, .g_24, .g_25, .g_26, .g_27, .g_28, .g_29, .g_30, .g_31, .g_32 {
    display: inline;
    float: left;
    margin-right: 10px
}

.g_1 {
    width: 20px
}

.g_2 {
    width: 50px
}

.g_3 {
    width: 80px
}

.g_4 {
    width: 110px
}

.g_5 {
    width: 140px
}

.g_6 {
    width: 170px
}

.g_7 {
    width: 200px
}

.g_8 {
    width: 230px
}

.g_9 {
    width: 260px
}

.g_10 {
    width: 290px
}

.g_11 {
    width: 320px
}

.g_12 {
    width: 350px
}

.g_13 {
    width: 380px
}

.g_14 {
    width: 410px
}

.g_15 {
    width: 440px
}

.g_16 {
    width: 470px
}

.g_17 {
    width: 500px
}

.g_18 {
    width: 530px
}

.g_19 {
    width: 560px
}

.g_20 {
    width: 590px
}

.g_21 {
    width: 620px
}

.g_22 {
    width: 650px
}

.g_23 {
    width: 680px
}

.g_24 {
    width: 710px
}

.g_25 {
    width: 740px
}

.g_26 {
    width: 770px
}

.g_27 {
    width: 800px
}

.g_28 {
    width: 830px
}

.g_29 {
    width: 860px
}

.g_30 {
    width: 890px
}

.g_31 {
    width: 920px
}

.g_32 {
    width: 950px
}

.g_33 {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.g_33:after {
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.g_last {
    margin-right: 0
}

.g_33 {
    width: 980px;
}

.g_33 .betsvoice {
    width: 22px;
    height: 22px;
    /*width:55px;*/
    /*right:-55px;*/
    background: rgba(55, 56, 75, 0.7);
    position: absolute;
    right: -22px;
    top: 45px;
    cursor: pointer;
    text-indent: 4px;
    line-height: 22px;
    color: white;
    overflow: hidden;
}

.g_33 .betsvoice .open {
    width: 21px;
    height: 21px;
    float: left;
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAABGdBTUEAALGPC/xhBQAAAO5JREFUKBWN0r8uQ3EUAOB7aaUNJkkjISKR1GQz2DuKmcTSxSJBrCLpwugZTAbxAF6CzWKyKAbBIhbp9Z24v4bkRpzk6zk9f3Kbtln2jyiKYoJVRivXDcY5YS0tqGd4ZTf1hllzlksietTZoMYez7QyL1Ms0uGGFAeKJk9s06DPfhzd8cGAn3EYH0HjmOuyPlPfjngzT4OcqoiDacs1+ZF2HL3xV7QNX/I8/5QXuI+jFTp06ZNiUBZb8rkn1eVlTsv+dzJY4oqIXnTldeJn2OGduV9H5VLL4ILNNFRP8sBR6lVmC8MvRj1G/COasfwFJMzn1EU5qqcAAAAASUVORK5CYII=') center center no-repeat;
    /*background: url(../images/open.png) no-repeat;*/
}

.g_33 .betsvoice .close {
    width: 21px;
    height: 21px;
    float: left;
    display: block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAAUBJREFUOBGl0jFLQlEUwPFuqBTVJDhFDUF+gILa7iBO0lKDg0uLo0NT0CJBYwY2Bw0REn6A5j6Am4MuSlAuRbVIS/n6n9c7cuM9MXwHfpzzzr33vCtPMxcjPM9b53hx5hEMsHiVPNOQWAM4vIxj/O8GbFxCDXt6XeoDfKOuvYmZTau4h0QVSZxCbnAZ5ExoAAtpZJFDGxonFHnIDS6wgGccRQ3ps/CJEdy44kFucIOWHCTfohs1hH5kDOla7ENukMA5PB0yrwX5w6ndsmGMeaCxiTfqL/IGnuCHO2SXTg6HeIFGLyjK5DsukCRv4zrohxObLN7RgURVdpGLkM9egfzEtfDp342WRf+PRM6giZJupl7BAGfa+5NZsPAHuAv0jD5Tp1DAovbGmaZFaMB4w7Qi9gBekMAOtvh0j9NeOGn9B+8yZoP6EnH9AAAAAElFTkSuQmCC') center center no-repeat;
    /*background: url(../images/open.png) no-repeat;*/
}

.g_33 .betsvoice h5 {
    font-weight: normal;
    font-size: 12px;
    float: left;
    display: none;
}

.g_33 .betsvoice:hover {
    width: 55px;
    right: -55px;

}

.g_33 .betsvoice:hover h5 {
    display: block;

}

.g_33 .nightchange{
    width: 80px;
    height: 22px;
    position: absolute;
    right: -80px;
    top: 68px;
    cursor: pointer;
    text-indent: 4px;
    line-height: 22px;
    color: white;
    overflow: hidden;
}
.g_33 .nightchange span{
    width: 22px;
    height: 22px;
    float: left;
    display: block;
    background: url("../images/day.png") no-repeat center top;
    background-size: 100%;
}
.g_33 .nightchange .night{
    background: url("../images/night.png") no-repeat center top;
    background-size: 100%;
}
.g_33 .nightchange h5{
    background: rgba(55, 56, 75, 0.7);
    font-weight: normal;
    display: none;
}
body {
    background-color: #EFEFEF;
    font-family: DIN,"Helvetica Neue", "Hiragino Sans GB", "Microsoft Yahei", sans-serif, arial;
}

.container {
    width: 1240px;
    margin: 0 auto;
}

/** 弹出层组件(z-index:700) **/
/* pop */
.pop {
    width: 438px;
    border: 1px solid #C8C8C8;
    background-color: #F7F7F7;
    word-wrap: break-word;
    border-radius: 3px;
}

.pop-hd {
    height: 44px;
    padding: 0 15px;
    line-height: 44px;
    color: #61607A;
    border-radius: 3px 3px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
    background-color: #F0F0F0;
}

.pop-title {
    font-size: 14px;
    font-weight: 700;
}

/*.pop-title-ico{display:inline-block;width:14px;height:14px;margin-right:5px;background:url("../images/un-icon.png") no-repeat scroll 0 -210px;vertical-align:middle;}*/
.pop-close {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 12px;
    background: url(../images/ui-alert.png) -150px -80px no-repeat;
    cursor: pointer;
}

.pop-close:hover {
    background-position: -150px -60px;
}

.pop-bd {
    padding: 15px;
    text-align: center;
    background-color: #F7F7F7;
    border-radius: 0 0 3px 3px;
    color:#333;
}

.pop-bd .ico-success, .pop-bd .ico-error, .pop-bd .ico-waring {
    display: inline-block;
    *display: inline;
    *zoom: 1;
' vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: url("../images/ui-alert.png") no-repeat;
    display: none;
}

.pop-bd .ico-success {
    background-position: 0 -60px;
}

.pop-bd .ico-error {
    background-position: -50px -60px;
}

.pop-bd .ico-waring {
    background-position: -100px -60px;
}

.pop-content {
    padding-top: 10px;
}

.pop-text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #5F6067;
    overflow: hidden;
}

.pop-btn {
    padding: 15px;
    text-align: center;
}

.pop-btn .btn {
    height: 34px;
    line-height: 32px;
    padding: 0 20px;
    font-size: 14px;
    background-color: #7C7D93;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.pop-btn .btn:hover {
    background-color: #A69C7B;
}

.pop-btn .btn-normal, .pop-btn .btn-normal:hover {
    background-color: #FFF;
}

.pop-control {
    text-align: center;
    padding: 10px 0;
}

.ui-miniwindow-tip {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 800;
    background: #FFF;
    border: 5px solid #999;
    display: none;
    border-radius: 5px;
    text-align: center;
}

.ui-miniwindow-tip .inner {
    padding: 20px 40px;
    font-size: 14px;
    font-weight: bold;
}

.ui-miniwindow-tip .inner .row {
    padding: 5px 0;
}

/* btn */
.btn {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 28px;
    padding: 0 29px;
    border: none;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #FFF;
    cursor: pointer;
    border-radius: 2px;
    outline: none;
    padding-bottom: 2px;
    font-family: microsoft yahei;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-color: #7B7C92;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

input[type="button"] {
    padding-bottom: 2px;
}

.btn + .btn {
    margin-left: 10px;
}

.btn:hover {
    background-color: #A69C7B;
}

a.btn {
    padding: 1px 29px;
    line-height: 26px;
}

a.btn-normal {
    padding: 0 15px;
}

a.btn:hover {
    color: #FFF;
}

a.btn-normal:hover {
    color: #565777;
}

.btn:active {
    background-color: #BFB8A3;
}

.btn-normal {
    border: 1px solid #CACAD2;
    background-color: #FFF;
    color: #565777;
    box-shadow: none;
}

.btn-normal:hover {
    border-color: #9D9EAD;
    background-color: #FFF;
}

.btn-small {
    height: 24px;
    line-height: 22px;
    font-weight: normal;
    padding: 0 10px;
    font-size: 12px;
}

a.btn-small {
    line-height: 23px;
}

.btn-disabled {
    background: #CCC;
    color: #999;
}

.btn-disabled:hover, a.btn-disabled:hover {
    background: #CCC;
    color: #999;
    cursor: default;
}

.layout-top {
    background: #FFD100;
    color: #272138;
    position: relative;
    z-index: 201;
    font-size: 12px;
}

.layout-top a:hover {
    color: #000;
}

.layout-top .inner {
    height: 36px;
    line-height: 36px;
}

.layout-top .left {
    float: left;
}

.layout-top .notice {
    float: left;
}

.layout-top .notice li {
    float: left;
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    padding-right: 10px;
    margin-right: 10px;
}

.layout-top .notice li a {
    display: inline-block;
}

.layout-top .notice li:last-child {
    border-right: none;
}

.layout-top .notice .text {
    display: inline-block;
    padding: 0 10px;
}

.layout-top .right {
    float: right;
    height: 36px;
}

.layout-top .right li {
    float: left;
    position: relative;
    z-index: 20;
}

.layout-top .right li .at {
    display: block;
    padding: 0 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.layout-top .right li .chat-unread .text, .layout-top .right li .r-email0203 .text {
    width: 0;
    height: 36px;
    text-indent: 1px;
    white-space: nowrap;
    overflow: hidden;
}

.layout-top .right li .at-chat {
    cursor: pointer;
}

.layout-top .right .icon {
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}

.layout-top .right .text {
    vertical-align: middle;
    display: inline-block;
}

.layout-top .right .gift {
    width: 16px;
    height: 18px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAMAAADfNcjQAAAAbFBMVEUAAAAVGC0YGDEYGC8XFy8VFy4WFy4WGjAWGC4VFy4WFy4gIDEeHj0VFy0WFy0WFy4VFy0VGS4WGC0VFy0VGC4VFy0VGC4WGC4WGjAXGC8WGC0VGC4WGC4aGjAYGC4ZGTIVFy4VGC4VFy0VFy2/3WU3AAAAI3RSTlMA7j80V+S4UKGPpg8I9N9vrEjrgnXPmHo6LPhrZSYfFNnCsxEs7isAAAEGSURBVDjL7c/JcsIwEEXRNh6AWLI8GzPD/f9/TEfIYhOoLFJZ5WxUz35quyUw4QzpcEvaYifRoSKv5xjTCm8twdbHvQtxZSG5b/ZUYe4MVVcDmY/nFkajY6ER7wipyM5iT5rMAM4PWm5ID2c91lDr4WCzPE7F20EnqoZZyoS8FFXmVMtSV8gexVGmMNjcwcW1gPEiciUx+ePfTwMUEjUt7Otmgg56vX60MOgVVXrzgLJ8OV1cBRRn/0Z4L/lJwaVRjzo+8+QLjURr1OqZs18q9KtoQrln7sIWNg9aVLskG9fcfv+JjS8YU7wufBij57uCyH/hbwtFFmxR3ZJusfBKKNTJS6PIJ3zjNzjh+rzXAAAAAElFTkSuQmCC');
    top: -1px;
    margin-right: 2px;
}

.layout-top .right .chat {
    width: 18px;
    height: 17px;
    background-image: url("../images/k-chat.png");
}

.layout-top .right .ico-top-user {
    width: 14px;
    height: 15px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAAXVBMVEUAAAAVFy4uLkgVFy4VFy0WGC0WGS4WGC4XGS4eHjEgIDYWFy0VGC0WGC4WGC0VHDIWGC0VGC0VGC0VGC4WGC4YGC8WGC4WFy0XGC0VGC4VFy4WGC4YGDEWHDIVFy2DtFXFAAAAHnRSTlMA5AWO8dRYSjcZD7yslWYj98rAtXkr69uenIWAPy57yz0TAAAA+UlEQVQoz32R13bDIBBEl16MuuRu/f9nhoVsFMD2vDDMPWiL4NAmlJRKbNCKd/uvOt6w0/6nU03zO3pbsg0zpp3TDF1ZVyDz6DxSUUAVE52tjlYVUMbEZeuilQ302foGTuVnp7ahAd3QNjSkUZ4AzzTKANVTVAjpEN/XV1NBTHBoRfANcj3B3lXIYMmjqIFDdtorTZbYStE4zyP5NbNbvl0elgNw+7jk+w3ZPdnF/quypOgeHZ5SQyEtMbUQaOWHaP0BzjgZNMKpz5D+gup683IeG/LuZfpOYcpA7B8lgIdPLHBc3fIOLbRCb9brrJgc45IkU/N1NR7zHy/OKPEziy/vAAAAAElFTkSuQmCC');
}

.layout-top .right .letter {
    width: 20px;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgCAMAAABXc8oyAAAAQlBMVEUAAAAXFy4VGC4VFy0XGS4iIkQWGC0VGC4bGy8WGC0WGC0WGC0ZGTMVFy4VGC4WGC4YGDAWFy0XGS4XFy4cHC8VFy27vnI5AAAAFXRSTlMATbLtQQf22yWgiGEU5L5+NcVvLBt90uDEAAAAuUlEQVQ4y+3Uxw7DIBAE0MWm2LiX/f9fDSXSYGFicsgtc0FIT5ZmLZa+SWebj7FddFLzQ7T0Tk38mEk5uHJFVgeFO42kYqRxQATo04/3bOyZL5Db4c4NLV9guM5dNrc5fCKBYvc3vaiUqUV7tosU0tkwSqEENye9IU4TS6UlDABOUjaWQgmrKIMhxxZLxRLbQZTDdBxaY1w5xIDxA0oQbdE+h+n8MM8CRP7wR7D6uVYvgNqVUr+k6vMCxgoltUWj+gkAAAAASUVORK5CYII=');
    top: -1px;
}

.layout-top .right .arrow-d {
    width: 9px;
    height: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAGFBMVEUAAAAUFS0UFi4iIjQVFi8kI0oVFy4WFS0zVT4SAAAACHRSTlMAf2QPbwdqXVAwd0oAAABDSURBVAjXY2AqZQCBcAUGNqEAIINVMYGB2VEVyAoSMWBgMBEKAAo5A7lAQYgQSDAUJAQWVAIJgQUFgUIQwTSQEAIAAMHEB6RSuUYSAAAAAElFTkSuQmCC');
}

.layout-top .right .serve {
    width: 16px;
    height: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAaVBMVEUAAAAZGS8VGC4VFy0VFy0VFy0VFy0WGC0VFy0VGC0WFy4dHTsVGC0VFy4VGC0WGC4YGC4XGC4aGjAfHzYVFy0WFy0VFy4WGC4VFy0WFy0aGjAVFy0VGC4WGC8VFy4WGC0WGS8XGTAVFy0c2NICAAAAInRSTlMAHLb26eLUWPqQYgjCvapJPy8XENmig0TvmCfKrYl2Z1E3k5f00AAAAQJJREFUKM+d09mSgyAQBdBGwH2JcTfr3P//yAGsGECchzkPWEgXXNqSPJexlJzLcrxQSB5jF+fkYxUgHw0rCtY8JFAxd30VEMl3mqjpaq9fJarOftFVkFdrXqMsyFGUqK34gOAAeDyyPdSM9rN/luLr/inJkO2BHLwh4wexeT5x8N5yYjbtwVHampPBdRSOALP3hF6NC4ImE3JRt50RdNd7p6tOqkSMRe4IQRRh0VeEwlS5O+p4Au0fBUioRm56HD4CkBUG/Uk4gvpe15Ay4KQPyQ1gp42aTKPK/KzVGW26reMHA9laePjT+xfgSOuWXG/18ja+hlikoq9fjHxN1nT0b78tfjYvE0ysHwAAAABJRU5ErkJggg==');
    margin-right: 2px;
}

/* .nav-notice::after{
    content: "";
    width: 8px;
    height: 8px;
    background: red;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 49px;
  }

.nav-notice:empty {
    display: none;
} */

.layout-top .right li a .sms-tip {
    display: inline-block;
    overflow: hidden;
    width: 14px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #FFF;
    background: #343434;
    border-radius: 2px;
    line-height: 14px;
    vertical-align: middle;
    margin: 0 2px 4px 2px;
}

.layout-top .right li .panel {
    position: absolute;
    width: 444px;
    background: #FFD100;
    top: 36px;
    left: 50%;
    margin-left: -230px;
    padding: 10px;
    border-top: 1px solid #262732;
    display: none;
}

.layout-top .right li .panel-manage {
    width: 560px;
    margin-left: -285px;
}

.layout-top .right li .panel .p-sj {
    position: absolute;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #FFC930;
    top: -6px;
    left: 50%;
    margin-left: -6px;
}

.layout-top .right li .panel .cell {
    float: left;
    text-align: center;
    width: 110px;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
    min-height: 300px;
}

.layout-top .right li .panel .cell:last-child {
    border-right: none;
}

.layout-top .right li .panel .cell .title {
    font-size: 14px;
    color: #000;
}

.layout-top .right li .panel .cell li {
    text-align: center;
    float: none;
    height: 35px;
    line-height: 35px;
}

.layout-top .right li .panel .cell li a {
    border: none;
    color: #232323;
    margin: 0 5px;
    display: block;
    position: relative;
}

.layout-top .right li.mu:hover .panel {
    display: block;
}

.layout-top .right li .panel .cell li a:hover {
    background: #343434;
    color: #FFF;
}

.layout-top .right li:hover .at {
    background: #222429;
    color: #FFF;
}

.layout-top .right li:hover .at .gift {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAkCAMAAADfNcjQAAAAaVBMVEUAAADz8/Pz8/P29vb09PTz8/Pz8/Pz8/Pz8/P9/f3z8/Pz8/P////09PTz8/Pz8/Py8vL19fX19fXz8/P09PTy8vLz8/Pz8/Pz8/P09PT09PT39/f////z8/Py8vLz8/P19fX09PTy8vK0zKR5AAAAInRSTlMA7j81V+O4UKAPpo8GdWz43UgorTvyz33mhGUfA8KzljBdseB+JAAAAQdJREFUOMvtj8tygzAMReUQCA7GGAhv8uj9/4+spTFmUzJddLrK2Wguc66FKGCIicnelcpuFLEOY9vE+HIQLhQoJFY2xFsFqEdewYV3GyCdWgBniYsCnobIAjUJM5D4XoeKt6w9UJLnxA2hBBY/LkBLUsy3z0nYCQw8W+BFWmHUnHQKRySsjh8T8cm9L7n0wZsCCYDc1xyUGeFW/vEeyChSK6C61r49Sc/MHdBrYrTABaDzGtBom8L3F80Q3qN+I9gkUsIz73kQoabIhYXTns9/JJSnyMCC3fMUrujSgOKktlTFM4ufV+QiGJMdC1dj/HwnEH2E/xWyc6BgYdjSPQpHBKFVh+RE3wvwNUdRvKaCAAAAAElFTkSuQmCC');
}

.layout-top .right li:hover .at .chat {
    background-image: url("../images/k-chat-hover.png");
}

.layout-top .right li:hover .at .ico-top-user {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAeCAMAAAAIG46tAAAAWlBMVEUAAADz8/P////z8/Pz8/P19fX29vb29vb////y8vLz8/Pz8/Pz8/Pz8/Pz8/P09PT09PT4+Pjz8/Pz8/Pz8/Pz8/Pz8/Pz8/Py8vLy8vLz8/Pz8/Pz8/Pz8/OEZMy4AAAAHXRSTlMA5AWO1Uo3GQ/z7byvlWZaLCP3ysCdg3nbt6pTP8amPVsAAAEBSURBVCjPfZFZksMgDESx2R0MeM/m+19zJDFMAiTTPzT9ipKQ2EuRC2sFj6xVP56/GvuGXc4/XWpK77LGkkXMuqB16NCVdTkyg84g5QUUkIRkA1hRQAuJTlaDtQUcIDHJGrBDARdIHsk+wC5tQxO6qW1ooq88GXvSVyZWPUXd73Tw/8dXU54ZB9Yoww9I+wy9rpDEkq+i8g2p5ay0qMyOHM3rOmd/JLal23VXPTSt9mu6b8h2sk69VXEU7eDwHAIrFAZMFXNp5JVo/I426VkjT1ulLYjRy6gNNmR0lH4UtCVYx1dx1rtvzOEC5O0TuuURGnlsq+jsDEOynVi3QxrMfwBUqSgBmTlDGQAAAABJRU5ErkJggg==');
}

.layout-top .right li:hover .at .letter {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAgAgMAAAAdw9KTAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAS/UkLFSDAAAAaUlEQVQY07XQ0QmAMAwE0EAHyAiO0tW7gSs4QkA/C+elabB++OlRyiNwBCJLCmaaaNKkJvuLPTqVRIu205w6CCeCB4eDJz8OdtJYZEmdCn+DAkaCG3BNFqAFx9KkWpL5kx930KSt53tyA6QKnA69bmhKAAAAAElFTkSuQmCC');
}

.layout-top .right li:hover .at .arrow-d {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAfjUhSWM/KRgJBqPOmogAAAA/SURBVAjXHcixCYAwAAXRQ0TrJAiWWti7QjbMCBk1/LvqeDCwyVGdvXGWJ9dveGuo/LAFewNREkPiJYkh+0ILGkcE4Sgbx7QAAAAASUVORK5CYII=');
}

.layout-top .right li:hover .at .serve {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAMAAAA3HE0QAAAAb1BMVEUAAAD29vby8vL4+Pjz8/Pz8/Pz8/Pz8/P19fX09PTz8/Pz8/P09PT////y8vLz8/P19fX4+Pjz8/Pz8/Pz8/Pz8/P09PTz8/Pz8/Pz8/P09PT39/f////z8/Py8vLz8/Pz8/Py8vL29vby8vLy8vJDsRrQAAAAJHRSTlMAG7Ye+uXTq0g/9b1iCPHsLxTYwpKLg1bemVonDqSfdmdRN8YZWfVMAAABAklEQVQoz53R146DMBQE0HHc6BBaetud///GtUHKYmJech6uhEF4PMZKOnbHLDt2Y4qYwvDNFFiTOamHRJalTAZN5hKBi6Y+4+3sHi9Y2Gvm+2Ahp14uWHYlAmVHu4hP1opkZUb5DlWxwUz0iv+swGxgj8mhZiBLMPmhgffghxe8K6upHn5SzXQQZnOUCDMnb908McrH6HkCyopRFpBKXXxSZyfELpzUwI4nf0Q6AhDhpALqqafzxgc8wLLwSaNbeMecN38lGaPadgri3LnRw8GQ0hcV/UUKJ8mLrap7zK5wBD/csNRwRT0QSFevbYPQi1S/4/NualW39imxlgzJFV/7AyzzOYr5L/bQAAAAAElFTkSuQmCC');
}

.layout-top .right li.mu-user .panel {
    width: 160px;
    padding: 10px 20px;
    margin-left: -97px;
    line-height: 24px;
}

.layout-top .right li.mu-user .money-num {
    font-size: 12px;
}

.layout-top .right li.mu-user .panel .go-recharge {
    display: block;
    background: #fb5b23;
    border-radius: 3px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    padding: 6px 0;
    margin-top: 5px;
}

.layout-top .right li.mu-user .panel .go-recharge:hover {
    background: #ff7516;
}

.layout-top .right li.mu-user .panel .fund-btns {
    padding: 10px 0;
}

.layout-top .right li.mu-user .panel .fund-btns a {
    display: inline-block;
    padding: 5px 23px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 3px;
    font-size: 14px;
    margin-right: 4px;
}

.layout-top .right li.mu-user .panel .fund-btns a:hover {
    background: #262732;
    color: #FFF;
}

.layout-top .right li.mu-user .panel .fund-btns a.last {
    margin-right: 0;
}

.layout-top .right li.mu-user .panel .row-logout {
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-left: 0;
    border-right: 0;
    text-align: center;
    padding: 5px 0;
}

.layout-top .right li.mu-user .panel .row-logout a {
    border: none;
}

.layout-top .right li.mu-user .panel .info {
    text-align: center;
    padding: 10px 0 0 0;
    color: rgba(39, 33, 56, 0.56);
}

.layout-top .right li.mu-user .panel .info span {
    display: block;
    line-height: 20px;
}

.layout-top .right li.mu-user .panel .ico-logout {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAASFBMVEUAAAAoIjkrJzonITgnITkoITkuJUAoITgnIjkoIzkzM2YnIjgpIjkqITsoITkoIjkoIjkpIzkpIzsrJD0wMEBAQEAoIjknITjZ52giAAAAF3RSTlMAaxqi17kW9ORmBeqXLcGlWVBBKRAE1LMYLwcAAACASURBVAjXNY5bEsQgCAQHoqIx5p3l/jddArv9QVVrzQCCox/4M583Jp1wn7Prorv7rsv7QJqLe8lKANdU4I6SKtt3w8/RlLDKBWDTzeYlK1Lnt6STTe4JWQaM8o4h2fNB5KPfiH7fz65s++O+1AaPluI+PFRVumilBwFT/mTy1Bd9BgUWf/+nKQAAAABJRU5ErkJggg==') no-repeat;
}

.layout-top .right li.mu-notice .panel {
    width: 300px;
    margin-left: -160px;
}

.layout-top .right li.mu-notice .panel li {
    display: block;
    float: none;
    padding: 0 0 0 10px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.layout-top .right li.mu-notice .panel li a {
    border: none;
}

.layout-top .right li.mu-notice .panel li a .fa {
    display: inline-block;
    margin-right: 10px;
}

.layout-top .right li.mu-notice .panel li a:hover {
    text-decoration: underline;
}

.layout-top .message-reddot {
    position: relative;
}

.layout-top .message-reddot i {
    position: absolute;
    top: 12px;
    right: 20px;
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: red;
}

.layout-top .at.message-reddot i {
    top: 0;
    right: 11px;
}

.header-v5 {
    background: #262732;
    position: relative;
    z-index: 200;
}

.header-v5 .container {
    position: relative;
}

.header-v5 .left {
    float: left;
}

.header-v5 .right {
    float: right;
}

.header-v5 .left .logo {
    float: left;
    width: 130px;
    height: 35px;
    background: url(../images/logo.svg) no-repeat;
    margin-top: 15px;
}

.header-v5 .right .menu .it {
    float: left;
    position: relative;
    z-index: 10;
    border-bottom: 4px solid transparent;
}

.header-v5 .right .menu .it .mu-big {
    display: block;
    line-height: 60px;
    padding: 0 36px;
    font-size: 14px;
    color: #FFF;
}

.header-v5 .right .menu .it.active,
.header-v5 .right .menu .it:hover {
    border-bottom: 4px solid #FFAA0D;
    background: #161221;
    color: #FFAA0D;
}

.header-v5 .right .menu .it .mu-big .sj {
    display: inline-block;
    /*width: 10px;*/
    /*height: 7px;*/
    /*background: url(../images/menu-big-sj.png) no-repeat;*/
    width: 9px;
    height: 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAfjUhSWM/KRgJBqPOmogAAAA/SURBVAjXHcixCYAwAAXRQ0TrJAiWWti7QjbMCBk1/LvqeDCwyVGdvXGWJ9dveGuo/LAFewNREkPiJYkh+0ILGkcE4Sgbx7QAAAAASUVORK5CYII=');
    background-size: cover;
    margin: 0 0 0 9px;
    position: relative;
    top: -2px;
}

.header-v5 .right .menu .panel-menu {
    position: absolute;
    width: 476px;
    background: #FFAA0D;
    top: 60px;
    margin-left: -238px;
    display: none;
}

.header-v5 .right .menu .panel-menu .p-sj {
    position: absolute;
    width: 9px;
    height: 7px;
    overflow: hidden;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHBAMAAAAotXpTAAAAJ1BMVEUAAAD/qgz/qgz/qg3/qQ3/qQ3/qA3/qQr/pg3/qgf/pAD/nQD/qgwolSPwAAAADHRSTlMAsIDy8bJPTSgnDg2c72yjAAAAKUlEQVQI12Ng4JZiAALGoyBS54wCAwP7mTPHGBimnDlzuIHhDBAcgJAA0nIPuOjGOOcAAAAASUVORK5CYII=') no-repeat;
    top: -6px;
    left: 50%;
    margin-left: -5px;
}

.header-v5 .right .menu .it-lottery .panel-menu {
    left: 50%;
}

.header-v5 .right .menu .it-sport .panel-menu {
    width: 344px;
    margin-left: -97px;
}

.header-v5 .right .menu .it-casino .panel-menu .p-sj {
    left: 907px;
}

.header-v5 .right .menu .it-transfer .panel-menu {
    width: 344px;
    right: 0;
}

.header-v5 .right .menu .it-transfer .panel-menu .p-sj {
    left: auto;
    right: 67px;
}

.header-v5 .right .menu .it-transfer .panel-menu .transfer-desc {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 17px;
    color: #fff;
    z-index: 1;
    font-family: "Optima";
}

.header-v5 .right .menu .it:hover .panel-menu {
    display: block;
}

.header-v5 .right .menu .panel-menu .row {
    padding: 20px 5px 20px 5px;
}

.header-v5 .right .menu .it-lottery .panel-menu .row {
    padding: 5px;
}

.header-v5 .right .menu .it-sport .panel-menu .row {
    padding: 5px;
}

.header-v5 .right .menu .it-transfer .panel-menu .row {
    padding: 5px;
}

.header-v5 .right .menu .panel-menu .row .title {
    font-size: 16px;
    padding-left: 30px;
    color: #484848;
    display: inline-block;
}

.header-v5 .right .menu .panel-menu .row .hemai {
    display: block;
    overflow: hidden;
}

.header-v5 .right .menu .panel-menu .row .hemai img {
    display: block;
    width: 100%;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.header-v5 .right .menu .panel-menu .row .hemai img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.header-v5 .right .menu .panel-menu .row .hemai .icon {
    display: inline-block;
    background-clip: content-box;
    /*background: url(../images/menu-link-home.png) no-repeat left center;*/
    width: 65px;
    padding-left: 20px;
    height: 15px;
    /*background-size: contain;*/
}

.header-v5 .right .menu .panel-menu .row .list {
    padding-top: 6px;
}

.header-v5 .right .menu .it-lottery .panel-menu .row .list {
    padding-top: 0;
}

.header-v5 .right .menu .panel-menu .row .list li {
    float: left;
    margin: 0 0 1px 1px;
}

.header-v5 .right .menu .panel-menu .row .list li a {
    display: block;
    width: 110px;
    line-height: 32px;
    text-align: center;
    position: relative;
    font-size: 12px;
    color: #242424;
    background: rgba(255, 219, 119, 0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-v5 .right .menu .panel-menu a .ico {
    position: absolute;
    width: 11px;
    height: 11px;
    right: 4px;
    top: 9px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAHdJREFUGBlj/B/O4Pn/P8NcBgYGSSDGBZ4zMjIkM/4LY3gGVIFPIcyA50xEKgRpkAQphgPGlf/hbBADnY+iGEUlFg4Luhi6acjyGIr/hzPC5dE1kuQMUNCh+gpuLiYDZPJzTGGsIi+YgC5MAUq9wCqNEHwKVJcMALTSF9YCppagAAAAAElFTkSuQmCC') no-repeat;
}

.header-v5 .right .menu .panel-menu a .ico-new {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAD1BMVEV6wwd5xAd7wwd6wwf///991wUcAAAAA3RSTlPmSedIzOtbAAAAMUlEQVQI12MQMDY2NhBgYDYGAgYGIAHkMhibACGIcoZQJhDK2AUuB1UJ0afAIAQ2BQDLhAwH7OO7xQAAAABJRU5ErkJggg==') no-repeat;
}

.header-v5 .right .menu .panel-menu .row .list li a:hover {
    background: #fff;
    color: #242424;
}

.header-v5 .right .menu .panel-menu .line {
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    overflow: hidden;
    font-size: 0;
    margin-bottom: 10px;
}

.header-v5 .right .menu .it-casino .panel-menu {
    right: 0;
    width: 980px;
    background: #272733;
    color: #c1c2c7;
}

.header-v5 .right .menu .it-casino .panel-menu .row {
    border: 1px solid #353541;
    margin: 5px;
    padding-bottom: 0;
    padding-top: 6px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover {
    background: #FFAA0D;
}

.header-v5 .right .menu .it-casino .panel-menu .row .title {
    padding: 5px 5px 5px 10px;
    color: #fff;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell {
    float: left;
    width: 308px;
    padding-left: 8px;
    padding-top: 5px;
    margin-bottom: 5px;
    border-bottom: 2px solid transparent;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell:hover {
    background: #fff;
    border-bottom: 2px solid #B97B09;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .t {
    font-size: 14px;
    color: #FFAA0D;
    padding-left: 5px;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .t .sm {
    font-size: 12px;
    color: #616161;
    display: inline-block;
    padding-left: 10px;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .link a {
    display: inline-block;
    margin: 2px 0 6px;
    padding: 8px 4px;
    line-height: 12px;
    color: #e5e5e5;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .link span {
    color: #e5e5e5;
    opacity: 0.16;
    filter: alpha(opacity=16);
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .link a:hover {
    color: #FFF;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell .link a.last {
    border-right: 0;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .cell .link a {
    color: #3E3E3E;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .cell .link a:hover {
    color: #fff;
    background: #FFAA0D;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .cell .link span {
    color: #000;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .title {
    color: #000;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .cell .t {
    color: #262732;
}

.header-v5 .right .menu .it-casino .panel-menu .row:hover .cell .t .sm {
    color: #262732;
}

.header-v5 .right .menu .it-casino .panel-menu .row .cell:hover .t .sm {
    color: #b8b8b8;
}

.menu-table .menu-row .menu-cell .sprite {
    background: url(../images/sort-icon.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
}

.menu-table .menu-row .menu-cell .sprite-pk10 {
    width: 87px;
    height: 15px;
    background-position: 0 -7px;
}

.menu-table .menu-row .menu-cell .sprite-ssc {
    width: 66px;
    height: 20px;
    background-position: -5px -31px;
}

.menu-table .menu-row .menu-cell .sprite-11x5 {
    width: 61px;
    height: 18px;
    background-position: -5px -61px;
}

.menu-table .menu-row .menu-cell .sprite-k3 {
    width: 35px;
    height: 20px;
    background-position: -98px -5px;
}

.menu-table .menu-row .menu-cell .sprite-qt {
    width: 38px;
    height: 15px;
    background-position: -92px -33px;
}

.menu-table .menu-row .menu-cell .sprite-lhc {
    width: 60px;
    height: 17px;
    background-position: -80px -61px;
}

.menu-table {
    display: table;
    width: 100%;
}

.menu-table .menu-row {
    display: table-row;
}

.menu-table .menu-row .menu-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menu-table .menu-row .menu-cell:first-child {
    width: 120px;
}

.menu-cell .j-list {
    padding: 5px 0;
}

.menu-cell .j-list li {
    float: left;
    margin: 1px;
}

.menu-cell .j-list li a {
    display: inline-block;
    position: relative;
    color: #242424;
    padding-left: 15px;
    font-size: 12px;
    line-height: 30px;
    width: 110px;
    text-align: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(255, 219, 119, 0.5);
    box-sizing: border-box;
}

.menu-cell .j-list li a:hover {
    background: #fff;
}

.menu-cell .j-list li .no-link, .menu-cell .j-list li .no-link:hover {
    cursor: default;
    background: rgba(255, 219, 119, 0.5);
    opacity: 0.7;
}

.global-top {
    height: 60px;
    background: #000;
    position: relative;
    z-index: 200;
}

.global-top .logo {
    float: left;
    width: 130px;
    height: 35px;
    background: url(../images/logo.svg) no-repeat;
    margin-top: 15px;

}

.global-top .logo-text {
    float: left;
    margin-top: 20px;
    font-size: 16px;
    color: #BFBBA1;
}

.global-top .menu-games {
    display: block;
    float: left;
    color: #A3A3A5;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    height: 37px;
    cursor: pointer;
    position: relative;
}

.global-top .menu-games-text {
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
}

.global-top .menu-games:hover .menu-games-text, .global-top .menu-games-hover .menu-games-text {
    color: #FFF;
}

.global-top .menu-games-bg {
    width: 16px;
    height: 10px;
    font-size: 0;
    overflow: hidden;
    background: url(../images/menu-games-bg.png) 5px 3px no-repeat;
    display: inline-block;
    transition: 0.3s ease-in;
}

.global-top .menu-games:hover .menu-games-bg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.global-top .menu-games-panel {
    position: absolute;
    width: 310px;
    height: 291px;
    background: url(../images/menu-games-panel-bg.gif) no-repeat;
    top: -10000px;
    _top: 62px;
    _display: none;
    left: 0;
    opacity: 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}

.global-top .menu-games:hover .menu-games-panel, .global-top .menu-games-hover .menu-games-panel {
    top: 52px;
    opacity: 1;
    _display: block;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
}

.global-top .menu-games-panel .cell {
    float: left;
    width: 103px;
}

.global-top .menu-games-panel .cell-1 {
    width: 104px;
}

.global-top .menu-games-panel .cell ul {
    height: 246px;
    background: #FFFFFF;
    border-right: 1px solid #DCDCDC;
}

.global-top .menu-games-panel .title {
    height: 46px;
    overflow: hidden;
    padding: 0 0 0 20px;
    line-height: 50px;
    color: #FFF;
    text-shadow: #463C2C 0 2px 0;
}

.global-top .menu-games-panel .cell ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #DCDCDC;
}

.global-top .menu-games-panel .cell ul li:last-child {
}

.global-top .menu-games-panel .cell ul:hover {
    background: #F5F5F5;
}

.global-top .menu-games-panel .cell ul li a {
    padding: 0 0 0 20px;
    color: #666;
    font-size: 12px;
    display: block;
    height: 40px;
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    transition: background .4s ease-in;
    -o-transition: background .4s ease-in;
    -webkit-transition: background .4s ease-in;
    -moz-transition: background .4s ease-in;
}

.global-top .menu-games-panel .cell ul li a:hover {
    text-decoration: none;
    background: #B19957;
    color: #FFF;
    transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    -webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    transition: background .1s ease-in;
    -o-transition: background .1s ease-in;
    -webkit-transition: background .1s ease-in;
    -moz-transition: background .1s ease-in;
}

.global-top .menu-games-panel .cell ul li a:active {
    background: #B19957;
    color: #FFF;
}

/** 用户快捷菜单 **/
.menu-user-link {
    display: block;
    float: left;
    color: #A3A3A5;
    padding: 23px 0 0 20px;
    font-size: 14px;
    height: 43px;
    cursor: pointer;
    position: relative;
}

.menu-user-link-text {
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
}

.menu-user-link:hover .menu-user-link-text, .menu-user-link-hover .menu-user-link-text {
    color: #FFF;
}

.menu-user-link-bg {
    width: 16px;
    height: 10px;
    font-size: 0;
    overflow: hidden;
    background: url(../images/menu-games-bg.png) 5px 3px no-repeat;
    display: inline-block;
    transition: 0.3s ease-in;
}

.menu-user-link:hover .menu-user-link-bg, .menu-user-link-hover .menu-user-link-bg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-user-link-panel {
    position: relative;
    z-index: 10;
    background: rgb(52, 52, 60);
}

.menu-user-link-panel-current {
    top: 0;
    opacity: 1;
    _display: block;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
}

.menu-user-link:hover .menu-user-link-panel, .menu-user-link-hover .menu-user-link-panel {
    top: 66px;
    opacity: 1;
    _display: block;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
}

.menu-user-link-panel .list {
    padding-left: 286px;
}

.menu-user-link-panel .list li {
    float: left;
    position: relative;
}

.menu-user-link-panel .list li a {
    color: #FFF;
    display: block;
    width: 82px;
    text-align: center;
    padding: 10px 15px;
}

.menu-user-link-panel .list li:hover > a, .menu-user-link-panel .list li > a.active {
    background: rgba(21, 21, 21, 0.6);
}

.menu-user-link-panel .list li:first-child a:hover {
    border-bottom-left-radius: 0;
}

.menu-user-link-panel .list li:last-child a:hover {
    border-bottom-right-radius: 0;
}

.menu-user-link-panel .list li a .sj {
    display: inline-block;
    width: 15px;
    height: 7px;
    background: url(../images/menu-sj.png) no-repeat 10px 0;
}

.menu-user-link-panel .list li .child {
    position: absolute;
    width: 100%;
    left: 0;
    background: rgba(21, 21, 21, 0.7);
    display: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #40416F \9;
}

.menu-user-link-panel .list li:hover .sj {
    background-image: url(../images/menu-sj-up.png);
}

.menu-user-link-panel .list li:hover .child {
    display: block;
}

.menu-user-link-panel .list li:hover .child li.last:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.menu-user-link-panel .list li:hover .child li a {
    color: #FFF;
}

.menu-user-link-panel .list li:hover .child li:hover {
    background: rgba(81, 79, 94, 0.49);
}

.menu-user-link-panel .list li .child li {
    text-align: left;
}

.menu-user-link-panel .list li:hover .child li a:first-child {
    border-radius: 0;
}

.global-top .menu {
    display: block;
    float: left;
    margin-left: 1px;
}

.global-top .menu li, .global-top .chat {
    height: 60px;
    line-height: 60px;
    display: block;
    font-size: 14px;
    text-align: center;
}

.global-top .menu li {
    width: 110px;
    float: left;
    position: relative;
}

.global-top .menu li .msg-num {
    position: absolute;
    line-height: 10px;
    padding: 3px 5px;
    background: #CE2400;
    color: #FFF;
    top: 2px;
    right: 17px;
    border-radius: 10px;
    font-size: 11px;
}

.global-top .menu li:hover a {
    background: rgba(255, 255, 255, 0.13);
    color: #FFF;
}

.global-top .menu li a .sj {
    display: inline-block;
    width: 15px;
    height: 7px;
    background: url(../images/menu-sj.png) no-repeat 8px 0;
    opacity: .5;
}

.global-top .menu a, .global-top .menu a:link, .global-top .menu a:visited {
    display: block;
    color: #A3A3A5;
    padding-left: 10px;
}

.global-top .menu a:hover {
}

.global-top .menu .child {
    display: none;
    border-bottom: 1px solid #8A8A8A;
    box-shadow: 1px 1px 10px #6D6D6D;
}

.global-top .menu li:hover {
}

.global-top .menu li:hover .child {
    display: block;

    width: 180px;

}

.global-top .menu .child li {
    height: auto;
    line-height: 170%;
    background: none;
    width: 180px;
    text-align: left;
}

.global-top .menu .child li a {
    padding: 10px 0;
    background: #FFF;
    font-size: 12px;
    border-bottom: 1px solid #E4E4E4;
    padding-left: 20px;
}

.global-top .menu li:hover .child li:hover {
}

.global-top .menu li:hover .child a {
    color: #333;
}

.global-top .menu li:hover .child a:hover {
    background: #EEE;
    color: #333;
}

.global-top .menu li:hover .child a {
    box-shadow: none;
}

.global-top .chat {
    height: 39px;
    float: right;
    padding: 10px 0 0 0;
    background: none;
    margin-left: 5px;
}

.global-top .chat a {
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/chart-ico.png) no-repeat 0 center;;
    text-indent: -10000px;
}

.global-top .chat a:hover {
    background: url(../images/chart-ico.png) no-repeat 0 center;
}

.global-top .chat a:active {
    background: url(../images/chart-ico.png) no-repeat 0 center;
}

.global-top .menu-user {
    float: right;
    padding: 24px 10px 0 0;
    color: #FFF;
}

.global-top .menu-user a {
    color: #CDCDD0;
    text-decoration: underline;
}

.global-top .menu-user a:hover {
    color: #FFF;
}

.global-top .menu-user:hover {
    height: auto;
}

.global-top .user-ico-img {
    float: left;
    background: url(../images/user-ico-img.png) no-repeat;
    width: 34px;
    height: 34px;
    margin-top: -10px;
    margin-right: 10px;
}

.global-top .menu-user .ico {
    float: left;
    width: 50px;
}

.global-top .menu-user .ico img {
    width: 60px;
    height: 50px;
    vertical-align: middle;
}

.global-top .menu-user .left {
    float: left;
    padding: 5px 10px 0 0;
    text-align: center;
    width: 130px;
}

.global-top .menu-user .left .row-uname {
    color: #FFF;
}

.global-top .menu-user .left .row-amount {
    color: #FFF;
    display: none;
}

.global-top .menu-user .left .row-amount .num {
    color: #50E3C2;
}

.global-top .menu-user:hover .left .row-amount {
    display: block;
}

.global-top .menu-user .left a {
    color: #F0E1B3;
    display: inline-block;
    padding: 0 2px;
}

.global-top .menu-user .menu-games-bg {
    margin-top: 20px;
    margin-left: 10px;
    position: absolute;
    right: 10px;
}

.global-top .menu-user:hover .menu-games-bg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.global-top .menu-user .user-links {
    position: absolute;
    clear: both;
    display: none;
    margin-top: 60px;
    padding-top: 15px;
    background: #26262C;
}

.global-top .menu-user:hover .user-links {
    display: block;
}

.global-top .menu-user .user-links a {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    background: #948F73;
    width: 95px;
    text-align: center;
    color: #FFF;
    border-bottom: 1px solid #A5A18F;
}

.global-top .menu-user .user-links a.bor {
    border-right: 1px solid #A5A18F;
}

.global-top .menu-user .user-links a:hover {
    background: #FFF;
    color: #666;
}

.global-top .float-menu {
    float: right;
    margin-left: 15px;
    height: 70px;
    padding: 0 11px;
    background-image: linear-gradient(-180deg, #FFF5C8 0%, #C6B996 2%, #7D7356 64%, #978D72 99%, #454134 100%);
    color: #FFF;
    position: relative;
    background-color: #A99D7C;
}

.global-top .float-menu .title-text {
    width: 24px;
    height: 65px;
    display: inline-block;
    background: url(../images/float-menu-ico.png) no-repeat center center;
    cursor: pointer;
    color: #EEE;
    font-size: 14px;
}

.global-top .float-menu-active {
    background: #504A5F;
}

.global-top .float-menu-active .title-text {
    color: #FFF;
    background-image: url(../images/float-menu-ico-close.png);
}

.global-top .float-menu .panel {
    width: 650px;
    background: #504A5F;
    position: absolute;
    right: 0;
    z-index: 0;
    top: -10000px;
    opacity: 0;
}

.global-top .float-menu-active .panel {
    top: 66px;
    opacity: 1;
}

/**
.global-top .float-menu-active .panel {
top: 66px;
opacity: 1;
transition:opacity .3s ease-in;
-o-transition:opacity .3s ease-in;
-webkit-transition:opacity .3s ease-in;
-moz-transition:opacity .3s ease-in;
}
**/
.global-top .float-menu .panel .games {
    font-size: 14px;
}

.global-top .float-menu .panel .games .inner {
    padding: 15px 0 20px 0;
}

.global-top .float-menu .panel .games .title {
    padding: 0 0 10px 30px;
    height: 20px;
}

.global-top .float-menu .panel .cell {
    min-height: 210px;
    float: left;
    border-right: 1px solid #6B6873;
}

.global-top .float-menu .panel .cell:last-child {
    border-right: none;
}

.global-top .float-menu .panel .cell-2 {
    border-right: none;
}

.global-top .float-menu .panel .cell a {
    font-size: 12px;
    color: #E0DAB7;
    display: block;
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
}

.global-top .float-menu .panel .cell a:hover {
    background: #45404F
}

.global-top .float-menu .panel .login-download {
    margin: 10px 35px 0 0;
    float: right;
    width: 199px;
    height: 166px;
    background: url(../images/login-download.png) no-repeat;
    opacity: .8;
}

.global-top .float-menu .panel .login-download:hover {
    opacity: 1;
}

.global-top .float-menu .panel .cell li {
    position: relative;
    width: 138px;
}

.global-top .float-menu .panel .cell li .ico {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 16px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 4px;
    background: url(../images/ico-hot.png) no-repeat;
}

.global-top .float-menu .panel .cell li .ico-new {
    background-image: url(../images/ico-new.png);
}

.global-top .float-menu .panel .link-list {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.25) 24%);
    background-color: #504A5F \9;
}

.global-top .float-menu .panel .link-list a {
    float: left;
    width: 215px;
    height: 146px;
    background: url(../images/game-logo-ssc-bomao.png);
    border-right: 1px solid #4C4C4C;
    opacity: .7;
}

.global-top .float-menu .panel .link-list a:hover {
    opacity: 1;
}

.global-top .float-menu .panel .link-list a:last-child {
    border-right: none;
}

.global-top .float-menu .panel .link-list a.n115-bomao {
    background-image: url(../images/game-logo-115-bomao.png)
}

.global-top .float-menu .panel .link-list a.ssc-cq {
    background-image: url(../images/game-logo-ssc-cq.png)
}

.menu-user-control {
    float: right;
    padding: 15px 10px 0 0;
    color: #FFF;
    font-size: 12px;
}

.menu-user-control span {
    color: #B4AC8F;
}

.menu-user-control .button {
    display: inline-block;
    color: #FFF;
    border-radius: 2px;
    padding: 0 15px;
    text-align: center;
    height: 32px;
    line-height: 32px;
}

.menu-user-control .button:hover {
    color: #EBEBEC;
    border-color: #8B8B8E;
}

.menu-user-control .button.button-control-hidden {
    width: 30px;
    height: 25px;
    line-height: 25px;
    margin: 0 10px 0 0px;
    text-decoration: underline;
}

.menu-user-control .button.button-control-rechange {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
    border-radius: 2px;
}

.menu-user-control a.button-control-rechange:hover {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #DCCA98 3%, #9C906D 65%, #978D72 100%);
}

.menu-user-control a.button-control-rechange:active {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
}

.menu-user-control a.button-control-withdrawals {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
    border-radius: 2px;
}

.menu-user-control a.button-control-withdrawals:hover {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #DCCA98 3%, #9C906D 65%, #978D72 100%);
}

.menu-user-control a.button-control-withdrawals:active {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
}

.menu-user-control .button-control-msg {
    position: relative;
    padding: 0 10px;
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
    border-radius: 2px;
    display: inline-block;
    color: #FFF;
    border-radius: 2px;
    padding: 0 15px;
    text-align: center;
    height: 32px;
    line-height: 32px;
}

.menu-user-control .button-control-msg:hover {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #DCCA98 3%, #9C906D 65%, #978D72 100%);
}

.menu-user-control .button-control-msg:active {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
}

.menu-user-control .button-control-msg .ico-msg {
    display: inline-block;
    width: 15px;
    height: 30px;
    background: url(../images/btn-msg-ico.png) no-repeat 0 center;
    float: left;
    margin-right: 10px;
}

.menu-user-control .button-control-msg .ico-user {
    display: inline-block;
    width: 21px;
    height: 30px;
    background: url(../images/btn-user-ico.png) no-repeat 0 center;
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.menu-user-control .button-control-msg .split {
    display: inline-block;
    border-left: 1px solid #000;
    width: 1px;
    height: 22px;
    vertical-align: middle;
}

.menu-user-control .button-control-msg .ico-user .user-info {
    display: none;
    position: absolute;
    width: 100px;
    padding: 10px 0;
    background: #EEE;
    top: 32px;
    right: 0;
}

.menu-user-control .button-control-msg .ico-user .user-info {
    display: none;
    right: -61px;
    top: 32px;
    background: #FFFFFF;
    border-radius: 3px;
    width: 160px;
    position: absolute;
    text-align: center;
    color: #1B1B1B;
    padding: 10px;
    /* border: 1px solid #EEE; */
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.52);
}

.menu-user-control .button-control-msg .ico-user .user-info .row {
    padding: 5px 0;
    font-size: 14px;
}

.menu-user-control .button-control-msg .ico-user .user-info .row-group {

}

.menu-user-control .button-control-msg .ico-user .user-info .row-group .num {
    font-size: 24px;
}

.menu-user-control .button-control-msg .ico-user .user-info .row-gray {
    font-size: 12px;
}

.menu-user-control .button-control-msg .ico-user .user-info .btn {
    color: #615B71;
    width: 133px;
    background-color: #ad9f76;
    color: #FFF;
}

.menu-user-control .button-control-msg .ico-user .user-info .btn:hover {
    background: #C5B78B;
}

.menu-user-control .button-control-msg .ico-user .user-info .btn:active {
    background-image: linear-gradient(-180deg, #E7E5E5 0%, #C9C7CD 98%)
}

.menu-user-control .button-control-msg .ico-user .user-info .sj {
    background: url(../images/user-panel-sj.png) no-repeat;
    width: 18px;
    height: 10px;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -9px;
}

.menu-user-control .button-control-msg .ico-user:hover .user-info {
    display: block;
}

.menu-user-control .balance-money-num {
    font-size: 14px;
}

.menu-user-control .balance-money-num-hidden {
    display: none;
}

.menu-user-control-hidden .balance-money-num {
    display: none;
}

.menu-user-control-hidden .balance-money-num-hidden {
    display: inline-block;
}

.common-user-menu {
    background: url(../images/menu-bg.png) repeat-x 0 -59px;
    position: relative;
    z-index: 100;
}

.common-user-menu .inner {
    width: 1240px;
    height: 45px;
    margin: 0 auto;
}

.common-user-menu .list {
    padding-left: 140px;
}

.common-user-menu .list .mu {
    float: left;
    position: relative;
    width: 100px;
    text-align: center;
}

.common-user-menu .list .mu:first-child {
    border-left: none;
}

.common-user-menu .list .mu a {
    display: block;
    color: #FFF;
    height: 45px;
    line-height: 45px;
}

.common-user-menu .list .mu:hover a, .common-user-menu .list .active a {
    background: #FFF;
    color: #333;
}

.common-user-menu .list .mu .panel {
    position: absolute;
    background: #FFF;
    width: 180px;
    text-align: left;
    top: 45px;
    display: none;
}

.common-user-menu .list .mu .panel ul {
}

.common-user-menu .list .mu .panel a {
    position: relative;
    top: 0;
    margin: 0;
    color: #333;
    display: block;
    height: 52px;
    line-height: 54px;
    padding-left: 25px;
    border-bottom: 1px solid #D8D8D8;

}

.common-user-menu .list .mu .panel a:hover {
    border-radius: 0;
    color: #FFF;
    background: #999;
}

.common-user-menu .list .mu:hover .panel {
    display: block;
}

.common-chat {
    position: fixed;
    left: 0;
    top: 190px;
    width: 78px;
    height: 127px;
    z-index: 100;
    background: url("../images/help.png") center center no-repeat;
}

.header {
    position: relative;
    z-index: 100;
    background: url(../images/index-bg.png) no-repeat center 0;
    background-size: cover;
    background: #26262C;
}

.header .container {
    height: 62px;
    position: relative;
}

.header .logo {
    background: url("../images/logo.png") 0 5px no-repeat;
    background-size: 161px 47px;
    width: 175px;
    height: 55px;
    float: left;
    margin-top: 5px;
}

.header .space-line {
    float: left;
    height: 22px;
    border-right: 1px solid #595959;
    width: 1px;
    margin-right: 15px;
    margin-top: 20px;
}

.header .menu {
    left: 272px;
    float: left;
    margin-left: 20px;
}

.header .special-item a {
    margin-top: 16px;
    height: 36px;
    line-height: 36px;
    width: 82px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #E1C09C;
    font-family: "Microsoft YaHei";
    background: url(../images/all-games.png) center center no-repeat;
}

.header .special-item a:hover {
    background-color: rgba(0, 0, 0, .8);
}

.header .menu-item {
    float: left;
    width: 110px;
    position: relative;
}

.header .menu-item .msg-tip {
    position: absolute;
    right: 11px;
    top: 18px;
    width: 5px;
    height: 5px;
    background: #FB571F;
    border-radius: 7px;
}

.header .main-item a {
    padding-top: 20px;
    height: 42px;
    width: 100%;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #FFF;
    font-family: "Microsoft YaHei";
}

.header .child a {
    padding: 12px 0;
    background: #504A5F;
    padding-left: 25px;
    display: block;
    color: #FFF;
    border-bottom: 1px solid #746F82;
    font-size: 14px;
}

.header .child li:last-child a {
    border-bottom: none;
}

.header .child a .fa {
    margin-right: 5px;
    display: none;
}

.header .menu-item:hover .main-item {
    background: #504A5F;
}

.header .main-item a .sj {
    display: inline-block;
    width: 15px;
    height: 7px;
    background: url(../images/menu-sj.png) no-repeat 5px 0;
    opacity: .5;
}

.header .menu-item:hover .main-item a {
    color: #FFF;
    border-bottom: 4px solid #BFBBA1;
    height: 38px;
}

.header .menu-item .child {
    display: none;
    position: absolute;
}

.header .menu-item .child li {
    height: auto;
    line-height: 170%;
    background: none;
    width: 180px;
    text-align: left;

}

.header .menu-item:hover .child {
    display: block;
}

.header .child li a:hover {
    background-color: #5E576F;
    color: #FFFFFF;
}

.header .menu-seperator {
    float: left;
    width: 1px;
    height: 46px;
    background: url("../images/menu-seperator.png") top center no-repeat;
    background: none;
}

.header .user-info-cont {
    position: absolute;
    right: 0px;
    top: 15px;
    display: inline-block;
    cursor: pointer;
}

.header .user-info-cont .kf {
    float: right;
    width: 30px;
    height: 26px;
    background: url(../images/chart-ico.png) no-repeat;
    margin: 4px 0 0 10px;
}

.header .user-info-cont .kf:hover {
    background-image: url(../images/chart-ico-hover.png);
}

.header .user-info-cont .kf:active {
    background-image: url(../images/chart-ico.png);
}

.header .user-info-cont .user-info {
    width: 150px;
    position: absolute;
    background: #5A5858;
    color: #FFF;
    padding: 10px 10px 20px 10px;
    top: 44px;
    margin-left: -58px;
    background-image: linear-gradient(-180deg, #5A5858 0%, #111111 100%);
    border-radius: 3px;
    display: none;
}

.header .user-info-cont .user-info .row {

}

.header .user-info-cont .user-info .row-group {
    background: #D8D4C5;
    border-radius: 3px;
    color: #483B57;
    line-height: 26px;
    padding: 5px 0;
}

.header .user-info-cont .user-info .row-gray {
    line-height: 20px;
    padding: 10px 0;
}

.header .user-info-cont .user-info .row-group .num {
    font-size: 24px;
}

.header .user-info-cont .user-info .row .btn {
    /* Rectangle 31: */
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.38);
    border-radius: 3px;
    padding: 0 25px;
}

.header .user-info-cont .user-info .row .btn:hover {
    background-image: linear-gradient(-180deg, #FBF3CF 2%, #CCBF9F 3%, #988D6C 65%, #978D72 100%);
    color: #FFF;
}

.header .user-info-cont .user-info .row .btn:active {
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
}

.header .user-info-cont .info {
    cursor: pointer;
}

.header .user-info-cont .info .row-group .num {
    font-size: 24px;
}

.header .user-info-cont .info:hover .user-info {
    display: block;
    cursor: default;
}

.header .user-info-cont .info .sj {
    background: url(../images/header-menu-sj.png) no-repeat;
    width: 14px;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -7px;
}

.header .money {
    float: right;
    font-size: 12px;
    color: #D9D9D9;
    line-height: 16px;
    padding: 0 30px 0 0;
}

.header .money .name {
    line-height: 20px;
    height: 20px;
}

.header .money font {
    color: #50E3C2;
}

.header .money .ico-update {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/ico-update.png) no-repeat;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 5px;
}

.header .money .ico-update-animation {
    animation: loading .5s infinite linear;
    -o-animation: loading .5s infinite linear;
    -moz-animation: loading .5s infinite linear;
    -webkit-animation: loading .5s infinite linear;
}

@-moz-keyframes loading {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-o-keyframes loading {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(-360deg);
    }
}

.header .money a {
    color: #FFF;
    text-decoration: underline;
}

.header .money .menu-user-control-hidden .balance-money-num {
    display: inline;
}

.header .money .balance-money-num {
    display: none;
}

.header .money .J-text-money-value {
    display: inline;
}

.header .money .menu-user-control-hidden .J-text-money-value {
    display: none;
}

.header .draw,
.header .recharge,
.header .trans {
    background: url("../images/button-rechange.png") no-repeat;
    width: 40px;
    height: 27px;
    color: #E1C09C;
    float: right;
    font-size: 12px;
    line-height: 34.32px;
    text-align: center;
    text-decoration: none;
    text-indent: -10000px;
    margin-top: 3px;
    margin-left: 5px;
}

.header .draw {
    background: url("../images/button-withdrawal.png") no-repeat;
}

.header .draw:hover,
.header .recharge:hover,
.header .trans:hover {
    background-position: 0 -29px;
}

.header .draw:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #FFF;
}

.header .recharge:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #FFF;
}

.header .trans {
    background: url("../images/button-trans.png") no-repeat;
}

.header .trans:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #FFF;
}

.header .message-info {
    background: url("../images/user-ico-img.png") center center no-repeat;
    width: 54px;
    height: 34.32px;
    color: #E1C09C;
    font-size: 12px;
    line-height: 34.32px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.header .message {
    margin-top: 11px;
    margin-left: 5px;
    float: left;
    width: 15px;
    height: 10px;
    display: none;
}

.header .info {
    float: left;
    width: 50px;
    height: 40px;
}

.header .triangle {
    float: left;
    width: 5px;
    height: 3px;
    position: absolute;
    right: 4px;
    top: 15px;
}

.header .info-seperator {
    width: 5px;
    height: 5px;
    float: right;
}

/**
.header .menu-games {
  display: block;
  float: left;
  color: #A3A3A5;
  padding: 20px 20px 0 20px;
  font-size: 14px;
  height: 37px;
  cursor: pointer;
  position: relative;
}
**/
.header .menu-games {
    float: left;
    margin-top: 12px;
    height: 36px;
    line-height: 36px;
    width: 75px;
    padding-left: 8px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    background-image: linear-gradient(-180deg, #FFF5C8 2%, #C6B996 3%, #7D7356 65%, #978D72 100%);
    border-radius: 2px;
    font-size: 13px;
    color: #E5E5E5;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48);
}

.header .menu-games:hover {
    background: #504A5F;
    margin-top: 0;
    height: 62px;
    line-height: 60px;
    border-radius: 0;
}

.header .menu-games-text {
    transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
}

.header .menu-games-text .sj {
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url(../images/menu-sj.png) no-repeat 1px 0px;
    opacity: .5;
}

.header .menu-games:hover .menu-games-text, .header .menu-games-hover .menu-games-text {
    color: #FFF;
}

.header .menu-games-bg {
    width: 16px;
    height: 10px;
    font-size: 0;
    overflow: hidden;
    background: url(../images/menu-games-bg.png) 5px 3px no-repeat;
    display: inline-block;
    transition: 0.3s ease-in;
}

.header .menu-games:hover .menu-games-bg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header .menu-games-panel {
    position: absolute;
    width: 900px;
    background: #504A5F;
    top: -10000px;
    _top: 62px;
    _display: none;
    left: 0;
    opacity: 0;

}

.header .menu-games:hover .menu-games-panel, .header .menu-games-hover .menu-games-panel {
    opacity: 1;
    _display: block;
    top: 62px;
    left: -15px;
    transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
}

.header .menu-games-panel .inner {
    padding: 10px 20px 15px 30px;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #5D566F;
}

.header .menu-games-panel .inner:last-child {
    border-bottom: none;
}

.header .menu-games-panel .row {
    text-align: left;

}

.header .menu-games-panel .row .title {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

.header .menu-games-panel .row .list {

}

.header .menu-games-panel .row .list li {
    display: inline-block;
    width: 109px;
    height: 30px;
    line-height: 30px;
}

.header .menu-games-panel .row .list li a {
    color: #E0DAB7;
    text-shadow: none;
    cursor: pointer;
}

.header .menu-games-panel .row .list li a:hover {
    text-decoration: underline;
    color: #FFF;
}

.header .menu-games-panel .row-lottery {
}

.header .menu-games-panel .row-lottery .cell {
    float: left;
    width: 569px;
    border-right: 1px solid #656071;
}

.header .menu-games-panel .row-lottery .cell-b {
    float: right;
    width: 250px;
    border-right: none;
}

.header .menu-games-panel .row-lottery .cell-b .list li {
    width: 80px;
}

.header .menu-games-panel .inner-dice,
.header .menu-games-panel .inner-longhu {
    background: #483B57;
}

.header .menu-games-panel .row .items {
    padding-left: 60px;
    margin-top: -30px;
}

.header .menu-games-panel .row .items .it {
    float: left;
    width: 218px;
    border-right: 1px solid #564A65;
    margin-right: 12px;
    padding-left: 30px;
}

.header .menu-games-panel .row .items .it:last-child {
    border-right: none;
}

.header .menu-games-panel .row .items .it .t {
    padding-left: 55px;
    background: url(../images/hd-menu-ico-p-a.png) no-repeat;
    height: 55px;
}

.header .menu-games-panel .row .items .it .t-b {
    background: url(../images/hd-menu-ico-p-b.png) no-repeat;
}

.header .menu-games-panel .row .items .it .t-c {
    background: url(../images/hd-menu-ico-p-c.png) no-repeat;
}

.header .menu-games-panel .row .items .it .t-lhd-a {
    background: url(../images/hd-menu-ico-dice-a.png) no-repeat;
}

.header .menu-games-panel .row .items .it .t-lhd-b {
    background: url(../images/hd-menu-ico-dice-b.png) no-repeat;
}

.header .menu-games-panel .row .items .it .t-lhd-c {
    background: url(../images/hd-menu-ico-dice-c.png) no-repeat;
}

.header .menu-games-panel .row .items .it .if {
    font-size: 12px;
}

.header .menu-games-panel .row .items .it .g-list {
    padding: 10px 0;
    padding-left: 30px;
}

.header .menu-games-panel .row .items .it .g-list a {
    display: inline-block;
    padding: 2px 12px;
    border: 1px solid #5D566F;
    color: #FFF;
    border-radius: 40px;
    margin-bottom: 10px;
}

.header .menu-games-panel .row .items .it .g-list a:hover {
    background: #3B2F48;
    border-color: #3B2F48;
}

.header .menu-games-panel .row-longhu .items .it .t-a {
    background: url(../images/hd-menu-ico-dice-a.png) no-repeat;
}

.header .menu-games-panel .row-longhu .items .it .t-b {
    background: url(../images/hd-menu-ico-dice-b.png) no-repeat;
}

.header .menu-games-panel .row-longhu .items .it .t-c {
    background: url(../images/hd-menu-ico-dice-c.png) no-repeat;
}

/** width **/
.w-1 {
    width: 50px !important;
}

.w-2 {
    width: 100px !important;
}

.w-3 {
    width: 150px !important;
}

.w-4 {
    width: 200px !important;
}

.w-5 {
    width: 250px !important;
}

.w-6 {
    width: 300px !important;
}

.w-7 {
    width: 350px !important;
}

.w-8 {
    width: 400px !important;
}

.w-9 {
    width: 450px !important;
}

.w-10 {
    width: 500px !important;
}

.w-11 {
    width: 550px !important;
}

.w-12 {
    width: 600px !important;
}

.w-13 {
    width: 650px !important;
}

.w-auto {
    width: auto !important;
}

/** 提示组件(z-index:500) **/
.j-ui-tip {
    background: #FFF;
    padding: 5px 10px;
    font-family: Microsoft Yahei;
    z-index: 500;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #000;
}

.j-ui-tip .sj {
    position: absolute;
    margin-top: -8px;
    width: 8px;
    height: 15px;
    background: url('data:image/gif;base64,R0lGODlhDwAuAKIAAAAAAP//////4czMzP///wAAAAAAAAAAACH5BAEAAAQALAAAAAAPAC4AAANgSLo0/GwIB6O4tMqLNf+Zsn1cNpJlg65DWC3T+3SyktYgnr+oC/cVYHA3pPGMRx8kVhM1F6dVJypUSV1U5iOqFN1kku726XxKzJfmqHYCk15UDwo+p3/Yd3xaveeTGxUJADs=') no-repeat 0 -31px;
    display: none;
    overflow: hidden;
}

.j-ui-tip .sj-t {
    top: 50%;
    left: -8px;
    width: 15px;
    height: 8px;
    top: 0;
    left: 50%;
    margin-left: -8px;
    background-position: 0 0;
}

.j-ui-tip .sj-b {
    width: 15px;
    left: -8px;
    height: 8px;
    bottom: -8px;
    left: 50%;
    margin-left: -8px;
    background-position: 0 -23px;
}

.j-ui-tip .sj-l {
    left: -8px;
    top: 50%;
}

.j-ui-tip .sj-r {
    right: -8px;
    top: 50%;
    background-position: 0 -8px;
}

.j-ui-tip-t .sj-t, .j-ui-tip-r .sj-r, .j-ui-tip-b .sj-b, .j-ui-tip-l .sj-l {
    display: block;
}

.j-ui-tip .error {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 4px;
    background-position: -60px -100px;
    overflow: hidden;
    vertical-align: -2px;
    *vertical-align: 2px;
    background-image: url(../images/ui-login.png);
}

/** 输入框上方放大提示 **/
.j-ui-tip-input-floattip {
    font-size: 24px;
    font-weight: bold;
    color: #F60;
    text-align: center;
}

/** 遮罩组件(z-index:600) **/
.j-ui-mask {
    z-index: 600;
}

/** 日期控件(z-index:600) **/
.j-ui-datepicker {
    position: absolute;
    left: 150px;
    top: 200px;
    z-index: 590;
    background: #F7F7F7;
    color: #5A5A5A;
    margin-top: 2px;
    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
    -moz-user-select: none;
    z-index: 1001;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    border: 1px solid #CCC \9;
    border-left: 0 \9;
}

.j-ui-datepicker .control {
    text-align: center;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.14));
    background-color: #9E8D61;
}

.j-ui-datepicker .control select, .j-ui-datepicker .control .choose-model {
    background: #F5F5F5;
    border: 1px solid #8A8A8A;
    color: #FFF;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    outline: none;
}

.j-ui-datepicker .control .choose-model {
    margin: 10px 2px;
}

.j-ui-datepicker .control .choose-model .choose-input {
    color: #6D6D6D;
}

.j-ui-datepicker .control .select-monty .choose-input {
    padding-left: 7px;
}

.j-ui-datepicker .control select option {
    height: 24px;
}

.j-ui-datepicker .control .choose-model .info {
    padding-left: 4px;
}

.j-ui-datepicker .control .choose-model i {
    background-image: url(../images/j-ui-datepicker-select-sj.gif);
    transition: 0.3s ease-in;
}

.j-ui-datepicker .control .choose-model i.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.j-ui-datepicker .choose-list {
    top: 30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.j-ui-datepicker .choose-list a {
    height: 22px;
    line-height: 22px;
}

.j-ui-datepicker .control .pre, .j-ui-datepicker .control .next {
    padding: 8px 5px;
    display: inline-block;
    position: absolute;
    display: block;
    top: 14px;
    width: 8px;
    height: 15px;
    overflow: hidden;
    font-size: 0;
    text-indent: -10000px;
    background: url(../images/j-ui-button-left.gif) no-repeat;
    cursor: pointer;
    padding: 0;
}

.j-ui-datepicker .control .pre {
    left: 10px;
}

.j-ui-datepicker .control .next {
    background-image: url(../images/j-ui-button-right.gif);
    right: 10px;
}

.j-ui-datepicker .tb {
}

.j-ui-datepicker .tb td, .j-ui-datepicker .tb th {
    padding: 4px 8px;
    border: 1px solid #E3E3E3;
    text-align: center;
    border-right: 0;
    border-bottom: 0;
    width: 18px;
    height: 20px;
    font-size: 14px;
    font-family: Arial;
    color: #999;
}

.j-ui-datepicker .tb th {
    color: #7D7D7D;
    background: #E8E8E8;
    border-top: 0;
    border-left-color: #D0D0D0;
    font-family: microsoft yahei;
    font-size: 14px;
}

.j-ui-datepicker .tb td {
    cursor: pointer;
}

.j-ui-datepicker .tb td:hover {
}

.j-ui-datepicker .tb td:active {
}

.j-ui-datepicker .day-preMonth, .j-ui-datepicker .day-nextMonth {
    color: #999;
}

.j-ui-datepicker .day-today {
    font-weight: bold;
    color: #F60;
}

.j-ui-datepicker .tb .day-curr {
    background: #FFFFFF;
    color: #FF6D00;
}

.j-ui-datepicker td.day-disabled {
    cursor: default;
    color: #FFF;
    background: #FFF;
}

.j-ui-datepicker td.day-disabled:hover {
    background: #FFF;
}

.j-ui-datepicker td.day-disabled:active {
    background: none;
    border-color: #E3E3E3;
}

.j-ui-datepicker .content-time {
    padding: 10px;
    color: #333;
    text-align: center;
    border: 1px solid #E3E3E3;
    border-bottom: 0;
    border-right: 0;
}

.j-ui-datepicker .content-time .input {
    width: 24px;
    text-align: center;
    color: #999;
    padding: 2px 4px;
}

.j-ui-datepicker .content-time .button-confirm {
    cursor: pointer;
}

.j-ui-datepicker .content-time .button-confirm:hover {
    background-color: #A69C7B;
    color: #FFF;
}

/* select */
.choose-model {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding: 4px;
    border: 1px solid #BAB9C1;
    z-index: 10;
    vertical-align: middle;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-color: #F5F5F5;
}

.choose-model:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
}

.choose-model .info {
    display: block;
    height: 18px;
    padding-left: 10px;
    padding-right: 16px;
    line-height: 18px;
    color: #555;
    font-weight: 700;
    font-size: 12px;
    overflow: hidden;
}

.choose-model i {
    position: absolute;
    top: -1px;
    right: -1px;
    _right: -2px;
    width: 26px;
    height: 26px;
    background: url("../images/ico-arrow-down.png") center center no-repeat;
    cursor: pointer;
}

.choose-model .choose-input {
    display: block;
    border: none;
    width: 100%;
    height: 18px;
    line-height: 18px;
    background: none;
    color: #555;
}

.choose-model .choose-input-disabled {
    color: #555;
}

.choose-model .choose-list {
    display: none;
    width: 100%;
    position: absolute;
    top: 26px;
    left: -1px;
    border: 1px solid #BAB9C1;
    background-color: #FFF;
    font-size: 12px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.choose-model .choose-list-cont {
}

.choose-model .choose-list-cont a {
    display: block;
    padding: 0 14px;
    height: 30px;
    border-bottom: 1px solid #BAB9C1;
    line-height: 30px;
    text-align: left;
    color: #555;
}

.choose-model .choose-list-cont a:hover {
    background-color: #EDEDED;
    text-decoration: none;
}

.choose-model .choose-list-cont a:last-child {
    border-bottom: none;
    border-radius: 0 0 2px 2px;
}

.choose-model .choose-list-cont .choose-item-current {
    background-color: #EDEDED;
}

.choose-model .choose-list-cont .choose-item-current:hover {
    background-color: #FFFFE1;
}

.choose-model .choose-scroll {
    display: block;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 6px;
    height: 60px;
    background: #000;
    overflow: hidden;
    font-size: 0;
    margin-top: 28px;
    cursor: pointer;
    display: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    filter: alpha(Opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* input */
.input {
    display: inline-block;
    width: 268px;
    height: 18px;
    padding: 4px;
    border: 1px solid #C6C6CC;
    line-height: 18px;
    vertical-align: middle;
    font-size: 12px;
    color: #535471;
    border-radius: 2px;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    transition: all .2s;
    -moz-transition: all .2s; /* Firefox 4 */
    -webkit-transition: all .2s; /* Safari 和 Chrome */
    -o-transition: all .2s;; /* Opera */
}

.input:hover {
    border-color: #BEBF9E;
    box-shadow: 0 0 3px #BEBF9E;
}

.input-focus, .input-focus:hover {
    border-color: #A9A9B8;
    color: #555;
    box-shadow: 0 1px 3px rgba(120, 198, 116, 0.2) inset;
}

.input-detect, .input-detect:hover {
    border-color: #EDC7AE;
    color: #555;
    box-shadow: 0 1px 3px rgba(237, 199, 174, 0.2) inset;
}

.input-error, .input-error:hover {
    border-color: #FF819C;
    background-color: #FFF7F9;
    box-shadow: 0 1px 3px rgba(255, 129, 156, 0.2) inset;
}

.input-success, .input-success:hover {
    color: #555;
    background-color: #FBFBFB;
    box-shadow: 0 1px 3px rgba(206, 206, 206, 0.2) inset;
}

.input:focus, .input-detect:focus, .input-error:focus, .input-success:focus {
    border-color: #A9A9B8;
    color: #555;
    box-shadow: 0 1px 3px rgba(169, 169, 184, .5) inset;
    outline: none;
}

.input-disable, .input-disable:focus, .input-disable:hover {
    background-color: #EBEBEB;
    border-color: #CECECE;
    color: #BDBDBD;
    cursor: default;
}

/* page */
.page-wrapper {
    padding: 20px
}

.page {
    text-align: center;
}

.page a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 1px 6px;
    border: 1px solid #DADAE4;
    color: #787A90;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    border-radius: 12px;
    margin: 0 2px;
}

.page a.prev, .page a.next {
    padding: 1px 10px;
    font-style: inherit;
}

.page a.prev {
    padding-left: 8px;
}

.page a.next {
    padding-right: 8px;
}

.page a:hover, .page a.current {
    border-color: #4B4D67;
    background-color: #4B4D67;
    color: #FFF;
    text-decoration: none;
}

.page-few {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    padding: 0 0 0 10px;
}

.page .input {
    width: 24px;
    height: 23px;
    padding: 0 4px;
}

.page-btn {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 25px;
    padding-bottom: 3px;
    line-height: 24px;
    border: 1px solid #E2E2E2;
    background-color: #FAFAFA;
    color: #999;
    cursor: pointer;
}

.page-btn:hover {
    border-color: #C4C4C4;
    background-color: #F5F5F5;
}

.page-short {
    line-height: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #999;
}

.page-short a {
    display: inline-block;
    vertical-align: middle;
    color: #999;
}

.page-short a:hover {
    color: #009A87;
    text-decoration: underline;
}

.page-short span {
    display: inline-block;
    vertical-align: middle;
}

.page-short .prev, .page-short .next {
    display: inline-block;
    width: 9px;
    padding-top: 17px;
    margin: 0 2px;
    vertical-align: bottom;
    background-image: url(../images/ui-page.png);
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden
}

.page-short .prev, .page-short .prev:hover {
    background-position: -80px 0;
}

.page-short .next, .page-short .next:hover {
    background-position: -90px 0;
}

.page-short span {
    padding: 0 10px;
}

.page-right {
    float: right;
}
.page-right a:nth-child(1) div{
    position: relative;left: 10px;
}
.page-right a:nth-child(3) div{
    position: relative;left: 12px;
}

/* table */
.table {
    width: 100%;
    width: 100%;
    /* border: 1px solid #CCC; */
    border-top: 0;
    border-collapse: separate;
    /* box-shadow: 1px 1px 10px rgba(102, 102, 102, 0.1); */
    background: #FFF;
}

.table a {
    text-decoration: underline;
    color: #969696;
}

.table a + a {
    margin-left: 5px;
}

.table td, .table th {
    padding: 10px 5px;
    /* background: #F7F7F7; */
    text-align: center;
    color: #535471;
    font-size: 12px;
    /* border-top: 1px solid #E6E6E6; */
}

.table th {
    border-right: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}

.table td .tb-inner-btn {
    display: inline-block;
    background: #EEE;
    padding: 2px 5px;
    text-decoration: none;
    border: 1px solid #CCC;
    border-radius: 4px;
}

.table td .tb-inner-btn-highlight {
    background-color: #F60;
    color: #FFF;
    border: 0;
}

.table td .tb-inner-btn-highlight:hover {
    background-color: #FF8D41;
}

.table td .tb-inner-btn-highlight:active {
    background-color: #F60;
}

.table td .tb-inner-online, .table td .tb-inner-offline {
    display: inline-block;
    background: #CCC;
    width: 10px;
    height: 10px;
}

.table td .tb-inner-online {
    background: #75B01F;
}

.table td .text-left {
    text-align: left;
}

.table td .text-left a {
    text-decoration: none;
}

.table td .ico {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin: 0 10px;
    vertical-align: middle;
    background-image: url("../images/ui-table-toggle.png");
    background-repeat: no-repeat;
    overflow: hidden;
}

.table td .ico-up-down {
    background-position: 0 0;
}

.table td .ico-mail {
    width: 16px;
    height: 12px;
    background-position: 0 -30px;
}

.table td .ico-mail-read {
    width: 16px;
    height: 16px;
    background-position: -20px -30px;
}

.table td.alignLeft {
    text-align: left;
    padding-left: 20px;
}

.table th {
    color: #808080;
    background-color: #504A5F;
    background-image: linear-gradient(-180deg, #FFFFFF 0%, #F3F3F3 58%, #E5E5E5 100%);
    border-bottom: 2px solid #9B88AC;
}

.table thead td {
    background-image: linear-gradient(-180deg, #EAEAEA 19%, #F5F5F5 92%);
    font-size: 14px;
}

.table th a.control-sort {
    color: #535471;
    text-decoration: none;
    display: inline-block;
    padding: 0 15px 0 0;
    background: url(../images/menu-sj-black-none.png) no-repeat right 6px;
    cursor: pointer;
}

.table th a.control-sort-up {
    background-image: url(../images/menu-sj-black-up.png);
    background-position: right 8px;
}

.table th a.control-sort-down {
    background-image: url(../images/menu-sj-black.png);
    background-position: right 8px;
}

.table th a.control-sort:hover {
    color: #535471;
}

.table td:last-child, .table th:last-child {
    border-right: none;
}

.table td {
    color: #666;
    border-bottom: 1px solid #E8E8E8;
}

.table tfoot td {
    padding: 8px 6px;
    background-color: #EEE;
    border-top: none;
    color: #333;
}

.table tbody tr:nth-child(odd) td {
}

.table tbody tr:hover td {
    background: #F6F1F6;
}

.table tbody tr.tr-selected td {
    background: #FFFFE1;
}

.table-toggle i {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin: 0 5px;
    vertical-align: middle;
    background-image: url("../images/ui-table-toggle.png");
    background-repeat: no-repeat;
    overflow: hidden;
}

.table-toggle .ico-up-down {
    background-position: 0 0;
}

.table-toggle .ico-up-current {
    background-position: -10px 0;
}

.table-toggle .ico-down-current {
    background-position: -20px 0;
}

.table-toggle .ico-fold, .table-toggle .ico-unfold {
    width: 14px;
    height: 14px;
}

.table-toggle .ico-fold {
    background-position: 0 -10px;
}

.table-toggle .ico-unfold {
    background-position: -20px -10px;
}

.table-toggle .ico-mail {
    width: 16px;
    height: 12px;
    background-position: 0 -30px;
}

.table-toggle .ico-mail-read {
    width: 16px;
    height: 16px;
    background-position: -20px -30px;
}

.table-field {
    margin: 20px 0;
    line-height: 28px;
}

.table-field td {
    padding: 7px 5px;
}

.table-info td, .table-info th {
    padding: 6px;
    background-color: #FFF;
    text-align: center;
    color: #535471;
    border-bottom: 1px dashed #DBDBDB;
}

.table-info th {
    background-color: #F2EEE8;
    border-bottom: 1px solid #D8D3CA;
    border-right: 1px solid #E5E0D9;
}

.table-info th:last-child {
    border-right: none;
}

.table-info tbody tr:hover td {
    background-color: #FCFBFA;
}

.table-info a + a {
    margin-left: 10px;
}

.table-info .mail-read a {
    color: #7B6C3D;
}

.title-field {
    height: 46px;
    line-height: 46px;
    background: url(../images/bg-line-title.gif) no-repeat 0 100%;
    margin: 0 56px;
}

.title-field .ico-title {
    display: inline-block;
    width: 30px;
    height: 32px;
    background: url(../images/ico-title-lock.gif) no-repeat;
    vertical-align: middle;
    margin-top: -4px;
}

.title-field .title-text {
    display: inline-block;
    font-size: 14px;
    padding: 0 0 0 5px;
    font-weight: bold;
}

.title-field .ico-title-lock {
    background-image: url(../images/ico-title-lock.gif)
}

.title-field .ico-title-safe {
    background-image: url(../images/ico-title-safe.gif)
}

.table-field .tip {
    font-size: 12px;
    color: #999;
}

/* button */
/* btn */
.btn {
    position: relative;
    display: inline-block;
    height: 28px;
    padding: 0 29px;
    border: none;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #FFF;
    cursor: pointer;
    border-radius: 2px;
    outline: none;
    padding-bottom: 2px;
    font-family: microsoft yahei;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.16));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-color: #AA9869;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

input[type="button"] {
    padding-bottom: 2px;
}

.btn + .btn {
    margin-left: 10px;
}

.btn:hover {
    background-color: #B4A989;
}

a.btn {
    padding: 1px 10px;
    line-height: 26px;
}

a.btn-normal {
    padding: 0 15px;
}

a.btn:hover {
    color: #000;
}

a.btn-normal:hover {
    color: #565777;
}

.btn:active {
    background-color: #A09575;
}

.btn-normal {
    border: 1px solid #CACAD2;
    background-color: #FFF;
    color: #565777;
    box-shadow: none;
}

.btn-normal:hover {
    border-color: #9D9EAD;
    background-color: #FFF;
}

.btn-small {
    height: 24px;
    line-height: 22px;
    font-weight: normal;
    padding: 0 10px;
    font-size: 12px;
}

a.btn-small {
    line-height: 23px;
}

.btn-disabled {
    background: #CCC;
    color: #999;
}

.btn-disabled:hover, a.btn-disabled:hover {
    background: #CCC;
    color: #999;
    cursor: default;
}

.btn-search {
    color: #2F2F2F;
    height: 36px;
    font-size: 14px;
    background-image: linear-gradient(-180deg, #F8F8F8 0%, #F3F3F3 58%, #EAE9E9 100%);
    border: 1px solid #C6C6C6;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    color: #FFF \9;
}

.btn-search:active {
    background-image: linear-gradient(-180deg, #DEDEDE 0%, #F3F3F3 58%, #F8F8F8 100%);
}

/* page */
.page-wrapper {
    padding: 20px;
}

.page {
    text-align: center;
}

.page a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 1px 6px;
    border: 1px solid #DADAE4;
    color: #787A90;
    text-align: center;
    vertical-align: middle;
    font-family: verdana;
    border-radius: 4px;
    margin: 0 2px;
}

.page a.prev, .page a.next {
    padding: 1px 10px;
    font-style: inherit;
}

.page a.prev {
    padding-left: 8px;
}

.page a.next {
    padding-right: 8px;
}

.page a:hover, .page a.current {
    border-color: #A79566;
    background-color: #A79566;
    color: #FFF;
    text-decoration: none;
}

.page-few {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    padding: 0 0 0 10px;
}

.page .input {
    width: 24px;
    height: 23px;
    padding: 0 4px;
}

.page-btn {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 25px;
    padding-bottom: 3px;
    line-height: 24px;
    border: 1px solid #E2E2E2;
    background-color: #FAFAFA;
    color: #999;
    cursor: pointer;
}

.page-btn:hover {
    border-color: #C4C4C4;
    background-color: #F5F5F5;
}

.page-short {
    line-height: 18px;
    font-size: 14px;
    font-weight: 700;
    color: #999;
}

.page-short a {
    display: inline-block;
    vertical-align: middle;
    color: #999;
}

.page-short a:hover {
    color: #009A87;
    text-decoration: underline;
}

.page-short span {
    display: inline-block;
    vertical-align: middle;
}

.page-short .prev, .page-short .next {
    display: inline-block;
    width: 9px;
    padding-top: 17px;
    margin: 0 2px;
    vertical-align: bottom;
    background-image: url(../images/ui-page.png);
    background-repeat: no-repeat;
    background-color: transparent;
    overflow: hidden
}

.page-short .prev, .page-short .prev:hover {
    background-position: -80px 0;
}

.page-short .next, .page-short .next:hover {
    background-position: -90px 0;
}

.page-short span {
    padding: 0 10px;
}

.page-right {
    float: right;
}

/** 消息通知 **/
.panel-sidetip {
    position: fixed;
    right: 10px;
    bottom: 20px;
    width: 240px;
    border-radius: 2px;
    border-radius: 2px;
    z-index: 60;
    display: none;
    background-image: linear-gradient(0deg, #fff0db 0%, #fff5e7 100%), linear-gradient(#e4dbd5, #e4dbd5);
    background-blend-mode: normal, normal;
    box-shadow: 0px 1px 0px 0px #e3d3bc, inset 0px 1px 0px 0px #ffffff;
    border: 1px solid #e3d3bc;
    background: #5F442E;
}

.panel-sidetip {
    _position: absolute;
    _right: 10px;
    _bottom: 10px;
}

.panel-sidetip .sidetip-title {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    color: #222;
    background-image: linear-gradient(0deg, #fff0db 0%, #fff5e7 100%), linear-gradient(#e4dbd5, #e4dbd5);
    background-blend-mode: normal, normal;
    background: #5F442E;
}

.panel-sidetip .sidetip-title .sidetip-title-text {
    font-size: 16px;
    color: #eee;
}

.panel-sidetip .sidetip-title .sidetip-close {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    background: url(../images/ui-alert.png) -150px -80px no-repeat;
}

.panel-sidetip .sidetip-title .sidetip-close:hover {
    background: url(../images/ui-alert.png) -150px -60px no-repeat;
}

.panel-sidetip .sidetip-content {
    margin: 0 5px 5px 5px;
    padding: 15px;
    background: #FFF;
    min-height: 60px;
}

.panel-sidetip .sidetip-content .row {
    padding: 10px 0;
    border-bottom: 1px dotted #CCC;
    color: #222;
}

.panel-sidetip .sidetip-content .row .num {
    color: #F60;
    font-weight: bold;
    padding: 0 5px;
}

.panel-sidetip .sidetip-content .row:last-child {
    border: none;
}

.panel-sidetip-sys {
    position: fixed;
    right: 10px;
    bottom: 220px;
    width: 240px;
    border: 1px solid #666779;
    border-radius: 2px;
    border-radius: 2px;
    z-index: 60;
    display: none;
    background: #666779;
}

.panel-sidetip-sys .sidetip-title {
    height: 34px;
    line-height: 32px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    color: #FFF;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAAhCAMAAAAYjKmQAAAARVBMVEVmZ3lpan1qa35ub4JsbYFzdYl2d4xwcYV9fpR6e5GAgZhxcoeFhp54eY6DhJuIiaGOj6iLjKWRkqyWl7KTla+ZmrWcnrmNzukiAAACGElEQVR42uzY226CYBBFYVEQFQEPte//qJ3daViVMTXxJ40Xs0i88BTil02Iq3euUmtV1xurbduu65qm2aq+31s762ANw3BU4zie1cm6qA/rqm7ffT7OX7wqfeCiTupsjZZ99WAdrJ21t/p+azWWnZWd28aq67WqrFX2ArkdE7qFuuXqvdRhd/dRufs9PPTg3+CW9xwccciVyB+aT+irZH8x1B0ddcYO+++5s3fgAz3aeAuciaujkriTM/M/zHPpJeJVVG+lDnt0B97loXd9D2q04b4DD+KQWyKP5nb6yb7EFR726A685KF3e/C9C/HkGW248Qb8ThxyzHPpBeRsHfUZe3CP8m6PvkJ6akQbb7WL4pB3Io/mdvK59NKpB3bcgXd56LGXPv4ENNZow616wBk5Kxc5F/ccevHUYQ/uwEOPPfr4q+OcGWmsIzfgXNYjucxz6MVbhx13h0cee/Dhp8ODYEYabLTxjuKQ5y1cIbgepT53Rx564aOPvydFCsIwuzTWYMONdxTXkffuZfCujnuUj/bo4089BWOksQbbtPEGHPH8U2YRcq9i7shj7/zUTnXUUAxhlIHGeo6NNyvPnZfGL1j5Ee3xp02ofR7AVBPSYAfvvIFbHj7Iwx+qieAMthSRozXcP+A58eWLEwKfYuuXqp6Gb3r/W9XTNxSU/6RmX+3BAQkAAACAoP+v+xEqAAAAAAAAALAXMM1RBcAh+KAAAAAASUVORK5CYII=') no-repeat center 0;
}

.panel-sidetip-sys .sidetip-title .sidetip-title-text-sys {
    font-size: 16px;
}

.panel-sidetip-sys .sidetip-title .sidetip-close-sys {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    font-size: 0;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkwMzcxNjU1REZGNjExRTQ4NzdCRTIyNkIwMkUxNTg5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkwMzcxNjU2REZGNjExRTQ4NzdCRTIyNkIwMkUxNTg5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAzNzE2NTNERkY2MTFFNDg3N0JFMjI2QjAyRTE1ODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTAzNzE2NTRERkY2MTFFNDg3N0JFMjI2QjAyRTE1ODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6K0rZ+AAAAOVBMVEVbXGtmZ3lvcH1gYXH///9cXGvq6uxdXm1kZXbq6+zf4OOBgo1kZXff3+JcXWtmZ3heX2/g4ONeX25kJvVrAAAAfElEQVR42mRPCQ7DMAhzIJCjx9b9/7EzSVVViiUicGwOJGLXYlZ0jxwMxQ39DOKLB78gFC9oQjVg6wJI3wCrCEHPLuK5hwSFr7TcPDfKWFpY+T1rlg/hgzinxcPi0xJND+pJHqPpGHvF2GuOXRZbV1+PS6ny/LNojfwvwAB+EQLZOmwO8wAAAABJRU5ErkJggg==') no-repeat
}

.panel-sidetip-sys .sidetip-title .sidetip-close-sys:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFGNTJFQjY4RTI4NzExRTQ4NzdCRTIyNkIwMkUxNTg5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFGNTJFQjY5RTI4NzExRTQ4NzdCRTIyNkIwMkUxNTg5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUY1MkVCNjZFMjg3MTFFNDg3N0JFMjI2QjAyRTE1ODkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUY1MkVCNjdFMjg3MTFFNDg3N0JFMjI2QjAyRTE1ODkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4T2xmGAAAAOVBMVEWAgpdmZ3mOj56Fhpr////q6uyHiJ+DhJeBgZXq6+yFhp3f4OOVlqOFhp+Bg5Xg4OOHiJ6DhJnf3+IWuZoeAAAAf0lEQVR42mRP2w7FIAirIIK629n/f+wBXZYl9sGktS2AlFLZWc2U9+IEzhkP+Aqh/PBCiwuMDzihGbB1AqhvgDWEoWchktzDAvWXaq6SK0ULLKL+PbnTV5AhHDMiEZEZidLb/S7eo3SMPWPsOccui62rL8e50vz8Q7nF+X8BBgCqFQMpTFhnNAAAAABJRU5ErkJggg==');
}

.panel-sidetip-sys .sidetip-content-sys {
    margin: 0 5px 5px 5px;
    padding: 15px;
    background: #FFF;
    min-height: 60px;
}

.panel-sidetip-sys .sidetip-content-sys .row {
    padding: 10px 0;
    word-wrap: break-word;
}

.panel-sidetip-sys .sidetip-content-sys .row .num {
    color: #F60;
    font-weight: bold;
    padding: 0 5px;
}

.panel-sidetip-sys .sidetip-content-sys .row:last-child {
    border: none;
}

.panel-sidetip-sys .sidetip-content-sys .tip-button-sys {
    margin: 0 auto;
    width: 50px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    cursor: pointer;
    background-color: #e3e3e3;
}

.panel-sidetip-sys .sidetip-content-sys .tip-button-sys:hover {
    color: #0E0E0E;
    background-color: #FFAA0D;
}

.global-footer {
    background: #191a23;
    font-family: microsoft yahei;
    color: #999;
    font-size: 12px;

}

.global-footer a {
    color: #C5C5C5;
}

.global-footer .container {
    position: relative;
    z-index: 1;
    background: url(../images/bg-foot-1222.png) 0 33px no-repeat;
    /*background: url(../images/bg-foot.gif) 0 -11px no-repeat;*/
    height: 115px;
}

.global-footer .cell {
    float: left;
    width: 167px;
    padding-top: 12px;
}

.global-footer .cell-a {
    padding-left: 99px;
}

.global-footer .cell-b {
    padding-left: 60px;
}

.global-footer .cell-c {
    padding-left: 48px;
}

.global-footer .cell-d {
    padding-left: 23px;
}

.global-footer .cell .title, .global-footer .cell-d p {
    font-size: 16px;
    font-family: microsoft yahei;
    color: #424242;
}

.global-footer .cell .title .text {
    font-size: 12px;
    color: #999;
    padding: 2px 0 0 0;
}

.global-footer .cell ul {
    padding: 12px 0 0 0;
}

.global-footer .cell li {
    height: 29px;
}

.global-footer .cell li a {
    color: #666
}

.global-footer .cell li a:hover {
    color: #a29876
}

.global-footer .cell-d .row-b {
    padding: 60px 0 0 0;
}

.global-footer .foot-link {
    color: #cacaca;
    height: 20px;
    line-height: 20px;
}

.global-footer .copy {
    height: 30px;
    line-height: 30px;
}

.global-footer .copy font {
    color: #b8af9b;
    font-size: 12px;
}

.global-footer .foot-warning {
    color: #999;
}

.global-footer .cont {
    line-height: 180%;
    float: right;
    text-align: right;
    padding-top: 12px;
}

.global-footer .cont .cell {
    padding: 25px 0 0 73px;
}

.global-footer .weichat {
    width: 182px;
    height: 70px;
    float: right;
    background: url(../images/weichat.png) no-repeat;
    margin: 13px 0 0 30px;
    cursor: pointer;
}

.global-footer .panel-weichat {
    position: absolute;
    right: 10px;
    bottom: 115px;
    padding: 10px;
    background-color: #F4F4F4;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    width: 156px;
    text-align: center;
    display: none;
}

.global-footer .panel-weichat-hover {
    display: block;
}

.global-gototop {
    position: fixed;
    left: 0;
    bottom: 250px;
    width: 60px;
    height: 50px;
    background: #000 url('data:image/gif;base64,R0lGODlhIQATAIABAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTQ2NjRFRjk3MTYxMUU0QUI5QUY0NTM4RjlBOEQxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTQ2NjRGMDk3MTYxMUU0QUI5QUY0NTM4RjlBOEQxMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRFNDY2NEVEOTcxNjExRTRBQjlBRjQ1MzhGOUE4RDEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFNDY2NEVFOTcxNjExRTRBQjlBRjQ1MzhGOUE4RDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAACEAEwAAAj6Mjxmg7b8Ag7TJW7O5XFMOeg5Iikm4dWaEIaj3umoWnzNUK7ndfjcvgf1SPU1tV3khaZ2lsRlc6aIL6chQAAA7') no-repeat center center;
    opacity: .5;
    filter: alpha(Opacity=50);
    text-indent: -10000px;
    border-radius: 3px;
    display: none;
    z-index: 590;
}

.global-gototop:hover {
    background-color: #333;
}

/** 问题反馈 **/
.global-panel-feedback {
    z-index: 99;
    position: fixed;
    _position: absolute;
    width: 20px;
    text-align: center;
    padding: 10px 5px;
    background: #F60;
    color: #FFF;
    right: 10px;
    top: 215px;
    border-radius: 4px;
    cursor: pointer;
    left: auto !important;
    background-image: linear-gradient(-180deg, #FF934B 0%, #F60 100%);
}

.global-panel-feedback:hover {
    background-image: linear-gradient(-180deg, #F60 0%, #FF934B 100%);
}

.global-panel-feedback:active {
    background-image: linear-gradient(-180deg, #FF934B 0%, #F60 100%);
}

.global-feedback-window-cont {
}

.global-feedback-window-cont .title-text {
    font-size: 12px;
    padding: 0 0 5px 0;
    text-align: left;
    color:#f27800;
}

.global-feedback-window-cont textarea {
    width: 380px;
    height: 100px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #CCC;
    outline: none;
    line-height: 150%;
    color: #666;
}

.global-feedback-window-cont .gray {
    font-size: 12px;
    color: #999;
}

.global-feedback-window-cont .tip-text-length {
    text-align: right;
    color: #999;
}

/*当前积分 moz*/
.global-panel-curscore {
    width: 190px;
    height: 184px;
    position: fixed;
    top: 370px;
    right: 0;
    margin-left: 8px;
    background: url('../images/current-score.png') no-repeat;
}

/*@media only screen and (max-width: 1450px) {
    .global-panel-curscore {
        display: none;
    }
}*/
.global-panel-curscore-canvas {
    display: inline-block;
    width: 190px;
    height: 184px;
}

.global-panel-curscore-lab {
    display: inline-block;
    width: 190px;
    height: 55px;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #f36e3d;
    margin-top: 120px;
}

.global-panel-curscore-icon {
    display: inline-block;
    position: relative;
    top: -6px;
    left: -3px;
    width: 14px;
    height: 14px;
    background: url('../images/current-score-icon.png') no-repeat;
}

.footer-v4 {
    position: relative;
    height: 82px;
    background: #26262C;
    margin-top: 40px;
}

.footer-v4 .footer-right {
    position: absolute;
    width: 1250px;
    height: 80px;
    top: 3px;
    left: 50%;
    margin-left: -625px;
}

.footer-v4 .footer-links {
    float: right;
}

.footer-v4 .footer-link {
    width: 50px;
    height: 12px;
    float: right;
    font-size: 12px;
    color: #D2D2D2;
    padding-top: 16px;
}

.footer-v4 .footer-link a {
    color: #D2D2D2;
}

.footer-v4 .footer-link a:hover {
    color: #AA8761;
}

.footer-v4 .footer-link-seperator {
    margin-top: 5px;
    float: right;
    background: url("../images/footer-link-seperator.png") center center no-repeat;
    width: 20px;
    height: 28px;
}

.footer-v4 .cpright {
    position: absolute;
    right: 12px;
    bottom: 10px;
    font-size: 12px;
    line-height: 24px;
    color: #6A6A6A;
}

.bonus-mask {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1803px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 999;
    display: none;
}

.bonus-cancel {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel.png) no-repeat center center;
    display: none;
}

.bonus-cancel:hover {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel-hover.png) no-repeat center center;
    cursor: pointer;
}

.bonus-wheel-container {
    position: fixed;
    top: 50%;
    width: 800px;
    height: 800px;
    margin-left: -400px;
    left: 50%;
    z-index: 1000;
    margin-top: -300px;
    display: none;
}

.bonus-wheel {
    position: absolute;
    margin-left: -352px;
    top: 0px;
    left: 50%;
    width: 704px;
    height: 704px;
}

.result-notice {
    position: relative;
    width: 600px;
    height: 120px;
    margin-left: -300px;
    left: 50%;
    top: 240px;
    background-color: rgba(111, 111, 111, .9);
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(255, 255, 255);
    display: none;
    z-index: 1001;
}

.result-notice-content {
    font-size: 25px;
    color: white;
    text-align: center;
    height: 80px;
    width: 600px;
    line-height: 40px;
}

.result-notice-content1 {
    font-size: 25px;
    color: white;
    text-align: center;
    height: 80px;
    width: 600px;
    line-height: 80px;
}

.result-notice-cancel {
    width: 80px;
    height: 30px;
    background-color: #535367;
    border-radius: 5px;
    color: white;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
}

.result-notice-cancel:hover {
    width: 80px;
    height: 30px;
    background-color: #313133;
    border-radius: 5px;
    color: white;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;
    cursor: pointer;

}

.result-notice-cancel:active {
    width: 80px;
    height: 30px;
    background-color: #535367;
    border-radius: 5px;
    color: white;
    margin: 0 auto;
    line-height: 30px;
    text-align: center;

}

.bonus-wheel-pointer-cover {
    position: absolute;
    top: 229px;
    left: 303px;
    width: 195px;
    height: 221px;
    display: none;
    z-index: 20;
}

.bonus-wheel-pointer {
    position: absolute;
    top: 229px;
    left: 303px;
    width: 195px;
    height: 221px;
    background: url(../images/bonus-wheel-pointer.png);
}

.bonus-wheel-pointer:hover {
    position: absolute;
    top: 229px;
    left: 302px;
    width: 195px;
    height: 221px;
    background: url(../images/bonus-wheel-pointer-hover.png);
    cursor: pointer;
}

.bonus-wheel-pointer:active {
    position: absolute;
    top: 229px;
    left: 303px;
    width: 195px;
    height: 221px;
    background: url(../images/bonus-wheel-pointer.png);
}

.bonus-wheel-end-time {
    position: relative;
    width: 143px;
    height: 25px;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    left: 50%;
    margin-left: -71.5px;
    line-height: 25px;
    top: 112px
}

.bonus-wheel-time-text {
    float: left;
    margin-left: 5px;
}

.bonus-wheel-time-time {
    float: right;
    margin-right: 5px;
}

.bonus-wheel-curr-avaliable {
    margin-top: 116px;
    color: black;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.bonus-wheel-curr-money {
}

.bonus-wheel-cancel {
    position: absolute;
    height: 29px;
    width: 29px;
    top: 53px;
    right: 101px;
    background: url(../images/cancel.png) no-repeat center center;
}

.bonus-wheel-cancel:hover {
    position: absolute;
    height: 29px;
    width: 29px;
    top: 53px;
    right: 101px;
    background: url(../images/cancel-hover.png) no-repeat center center;
    cursor: pointer;
}

.bonus-wheel-cancel:active {
    position: absolute;
    height: 29px;
    width: 29px;
    top: 53px;
    right: 101px;
    background: url(../images/cancel.png) no-repeat center center;
}

.bonus-end-time {
    position: relative;
    width: 143px;
    height: 25px;
    color: white;
    font-size: 12px;
    background-color: rgba(0,
    0,
    0,
    .2);
    border-radius: 4px;
    left: 50%;
    margin-left: -71.5px;
    line-height: 25px;
}

.bonus-end-time .time-text {
    float: left;
    margin-left: 10px;
}

.bonus-end-time .time-time {
    float: right;
    margin-right: 10px;
}

.curr-avaliable {
    margin-top: 5px;
    color: black;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.bonus-entrance-container {
    position: fixed;
    top: 400px;
    right: 63px;
    width: 205px;
    height: 232px;
    z-index: 998;
}

.bonus-entrance {
    width: 205px;
    height: 175px;
    background: url(../images/bonus-entrance.png) no-repeat center center;
}

.bonus-entrance:hover {
    width: 205px;
    height: 175px;
    background: url(../images/bonus-entrance-hover.png) no-repeat center center;
    cursor: pointer;
}

.bonus-entrance:active {
    width: 205px;
    height: 172px;
    background: url(../images/bonus-entrance.png) no-repeat center center;
}

.bonus-yiqiang {
    position: absolute;
    top: 0px;
    width: 205px;
    height: 172px;
    background: url(../images/yiqiang.png) no-repeat top center;
    display: none;
}

.bonus-end-time {
    position: relative;
    width: 143px;
    height: 25px;
    color: white;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 4px;
    left: 50%;
    margin-left: -71.5px;
    line-height: 25px;
}

.bonus-end-time .time-text {
    float: left;
    margin-left: 10px;
}

.bonus-end-time .time-time {
    float: right;
    margin-right: 10px;
}

.curr-avaliable {
    margin-top: 5px;
    color: black;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.normal-notice {
    position: fixed;
    width: 600px;
    height: 100px;
    margin-left: -300px;
    left: 50%;
    z-index: 20;
    top: 50%;
    margin-top: -80px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(255, 255, 255);
    display: none;
    z-index: 1002;
}

.normal-notice-content {
    font-size: 25px;
    color: white;
    text-align: center;
    height: 100px;
    width: 600px;
    line-height: 100px;
}

.normal-notice-cancel {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel.png) no-repeat center center;
}

.normal-notice-cancel:hover {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel-hover.png) no-repeat center center;
    cursor: pointer;
}

.clock-notice {
    position: fixed;
    width: 600px;
    height: 100px;
    margin-left: -300px;
    left: 50%;
    z-index: 1003;
    top: 240px;
    background-color: rgba(111, 111, 111, .9);
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px rgb(255, 255, 255);
    display: none;
}

.clock-notice-content {
    font-size: 25px;
    color: white;
    text-align: center;
    height: 100px;
    width: 600px;
    line-height: 100px;
}

.clock-notice-cancel {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel.png) no-repeat center center;
}

.clock-notice-cancel:hover {
    position: absolute;
    height: 29px;
    width: 29px;
    top: -14px;
    right: -14px;
    background: url(../images/cancel-hover.png) no-repeat center center;
    cursor: pointer;
}

/** 开奖号码统一使用样式表示 **/
.openball-result {
    text-align: center;
    padding: 10px 0 30px 0;
}

.openball-result .item {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background: #967D32;
    text-align: center;
    border-radius: 50%;
    color: #FFF9E9;
    font-size: 26px;
    margin: 0 2px;
    background: radial-gradient(#9C833E 5%, #B19C5F 15%, #967D32 60%);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.47);
}

/** 骰宝 **/
.openball-result .item-dice {
    width: 73px;
    height: 72px;
    text-indent: -10000px;
    border-radius: 0;
    box-shadow: none;
    margin: 0 7px;
}

.openball-result .item-dice-1 {
    background: url(../images/dice-1.png) no-repeat;
}

.openball-result .item-dice-2 {
    background: url(../images/dice-2.png) no-repeat;
}

.openball-result .item-dice-3 {
    background: url(../images/dice-3.png) no-repeat;
}

.openball-result .item-dice-4 {
    background: url(../images/dice-4.png) no-repeat;
}

.openball-result .item-dice-5 {
    background: url(../images/dice-5.png) no-repeat;
}

.openball-result .item-dice-6 {
    background: url(../images/dice-6.png) no-repeat;
}

/** 龙虎斗 **/
.openball-result .item-lhd {
    width: 135px;
    height: 190px;
    background: url(../images/wd.png) no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 0 20px;
    text-indent: -10000px;

}

.openball-result .item-lhd-1 {
    background-image: url(../images/1.png);
}

.openball-result .item-lhd-2 {
    background-image: url(../images/2.png);
}

.openball-result .item-lhd-3 {
    background-image: url(../images/3.png);
}

.openball-result .item-lhd-4 {
    background-image: url(../images/4.png);
}

.openball-result .item-lhd-5 {
    background-image: url(../images/5.png);
}

.openball-result .item-lhd-6 {
    background-image: url(../images/6.png);
}

.openball-result .item-lhd-7 {
    background-image: url(../images/7.png);
}

.openball-result .item-lhd-8 {
    background-image: url(../images/8.png);
}

.openball-result .item-lhd-9 {
    background-image: url(../images/9.png);
}

.openball-result .item-lhd-10 {
    background-image: url(../images/10.png);
}

.openball-result .item-lhd-11 {
    background-image: url(../images/11.png);
}

.openball-result .item-lhd-12 {
    background-image: url(../images/12.png);
}

.openball-result .item-lhd-13 {
    background-image: url(../images/13.png);
}

.openball-result .item-lhd-14 {
    background-image: url(../images/14.png);
}

.openball-result .item-lhd-15 {
    background-image: url(../images/15.png);
}

.openball-result .item-lhd-16 {
    background-image: url(../images/16.png);
}

.openball-result .item-lhd-17 {
    background-image: url(../images/17.png);
}

.openball-result .item-lhd-18 {
    background-image: url(../images/18.png);
}

.openball-result .item-lhd-19 {
    background-image: url(../images/19.png);
}

.openball-result .item-lhd-20 {
    background-image: url(../images/20.png);
}

.openball-result .item-lhd-21 {
    background-image: url(../images/21.png);
}

.openball-result .item-lhd-22 {
    background-image: url(../images/22.png);
}

.openball-result .item-lhd-23 {
    background-image: url(../images/23.png);
}

.openball-result .item-lhd-24 {
    background-image: url(../images/24.png);
}

.openball-result .item-lhd-25 {
    background-image: url(../images/25.png);
}

.openball-result .item-lhd-26 {
    background-image: url(../images/26.png);
}

.openball-result .item-lhd-27 {
    background-image: url(../images/27.png);
}

.openball-result .item-lhd-28 {
    background-image: url(../images/28.png);
}

.openball-result .item-lhd-29 {
    background-image: url(../images/29.png);
}

.openball-result .item-lhd-30 {
    background-image: url(../images/30.png);
}

.openball-result .item-lhd-31 {
    background-image: url(../images/31.png);
}

.openball-result .item-lhd-32 {
    background-image: url(../images/32.png);
}

.openball-result .item-lhd-33 {
    background-image: url(../images/33.png);
}

.openball-result .item-lhd-34 {
    background-image: url(../images/34.png);
}

.openball-result .item-lhd-35 {
    background-image: url(../images/35.png);
}

.openball-result .item-lhd-36 {
    background-image: url(../images/36.png);
}

.openball-result .item-lhd-37 {
    background-image: url(../images/37.png);
}

.openball-result .item-lhd-38 {
    background-image: url(../images/38.png);
}

.openball-result .item-lhd-39 {
    background-image: url(../images/39.png);
}

.openball-result .item-lhd-40 {
    background-image: url(../images/40.png);
}

.openball-result .item-lhd-41 {
    background-image: url(../images/41.png);
}

.openball-result .item-lhd-42 {
    background-image: url(../images/42.png);
}

.openball-result .item-lhd-43 {
    background-image: url(../images/43.png);
}

.openball-result .item-lhd-44 {
    background-image: url(../images/44.png);
}

.openball-result .item-lhd-45 {
    background-image: url(../images/45.png);
}

.openball-result .item-lhd-46 {
    background-image: url(../images/46.png);
}

.openball-result .item-lhd-47 {
    background-image: url(../images/47.png);
}

.openball-result .item-lhd-48 {
    background-image: url(../images/48.png);
}

.openball-result .item-lhd-49 {
    background-image: url(../images/49.png);
}

.openball-result .item-lhd-50 {
    background-image: url(../images/50.png);
}

.openball-result .item-lhd-51 {
    background-image: url(../images/51.png);
}

.openball-result .item-lhd-52 {
    background-image: url(../images/52.png);
}

/** 百家乐 **/
.openball-result .item-bjl {
    width: 135px;
    height: 190px;
    background: url(../images/wd.png) no-repeat;
    background-size: cover;
    border-radius: 0;
    margin: 0 10px;
    text-indent: -10000px;

}

.openball-result .item-bjl-0 {
    background: none;
    box-shadow: none;
    width: 170px;
    background-image: url(../images/bjl-vs.png);
}

.openball-result .item-bjl-1 {
    background-image: url(../images/1.png);
}

.openball-result .item-bjl-2 {
    background-image: url(../images/2.png);
}

.openball-result .item-bjl-3 {
    background-image: url(../images/3.png);
}

.openball-result .item-bjl-4 {
    background-image: url(../images/4.png);
}

.openball-result .item-bjl-5 {
    background-image: url(../images/5.png);
}

.openball-result .item-bjl-6 {
    background-image: url(../images/6.png);
}

.openball-result .item-bjl-7 {
    background-image: url(../images/7.png);
}

.openball-result .item-bjl-8 {
    background-image: url(../images/8.png);
}

.openball-result .item-bjl-9 {
    background-image: url(../images/9.png);
}

.openball-result .item-bjl-10 {
    background-image: url(../images/10.png);
}

.openball-result .item-bjl-11 {
    background-image: url(../images/11.png);
}

.openball-result .item-bjl-12 {
    background-image: url(../images/12.png);
}

.openball-result .item-bjl-13 {
    background-image: url(../images/13.png);
}

.openball-result .item-bjl-14 {
    background-image: url(../images/14.png);
}

.openball-result .item-bjl-15 {
    background-image: url(../images/15.png);
}

.openball-result .item-bjl-16 {
    background-image: url(../images/16.png);
}

.openball-result .item-bjl-17 {
    background-image: url(../images/17.png);
}

.openball-result .item-bjl-18 {
    background-image: url(../images/18.png);
}

.openball-result .item-bjl-19 {
    background-image: url(../images/19.png);
}

.openball-result .item-bjl-20 {
    background-image: url(../images/20.png);
}

.openball-result .item-bjl-21 {
    background-image: url(../images/21.png);
}

.openball-result .item-bjl-22 {
    background-image: url(../images/22.png);
}

.openball-result .item-bjl-23 {
    background-image: url(../images/23.png);
}

.openball-result .item-bjl-24 {
    background-image: url(../images/24.png);
}

.openball-result .item-bjl-25 {
    background-image: url(../images/25.png);
}

.openball-result .item-bjl-26 {
    background-image: url(../images/26.png);
}

.openball-result .item-bjl-27 {
    background-image: url(../images/27.png);
}

.openball-result .item-bjl-28 {
    background-image: url(../images/28.png);
}

.openball-result .item-bjl-29 {
    background-image: url(../images/29.png);
}

.openball-result .item-bjl-30 {
    background-image: url(../images/30.png);
}

.openball-result .item-bjl-31 {
    background-image: url(../images/31.png);
}

.openball-result .item-bjl-32 {
    background-image: url(../images/32.png);
}

.openball-result .item-bjl-33 {
    background-image: url(../images/33.png);
}

.openball-result .item-bjl-34 {
    background-image: url(../images/34.png);
}

.openball-result .item-bjl-35 {
    background-image: url(../images/35.png);
}

.openball-result .item-bjl-36 {
    background-image: url(../images/36.png);
}

.openball-result .item-bjl-37 {
    background-image: url(../images/37.png);
}

.openball-result .item-bjl-38 {
    background-image: url(../images/38.png);
}

.openball-result .item-bjl-39 {
    background-image: url(../images/39.png);
}

.openball-result .item-bjl-40 {
    background-image: url(../images/40.png);
}

.openball-result .item-bjl-41 {
    background-image: url(../images/41.png);
}

.openball-result .item-bjl-42 {
    background-image: url(../images/42.png);
}

.openball-result .item-bjl-43 {
    background-image: url(../images/43.png);
}

.openball-result .item-bjl-44 {
    background-image: url(../images/44.png);
}

.openball-result .item-bjl-45 {
    background-image: url(../images/45.png);
}

.openball-result .item-bjl-46 {
    background-image: url(../images/46.png);
}

.openball-result .item-bjl-47 {
    background-image: url(../images/47.png);
}

.openball-result .item-bjl-48 {
    background-image: url(../images/48.png);
}

.openball-result .item-bjl-49 {
    background-image: url(../images/49.png);
}

.openball-result .item-bjl-50 {
    background-image: url(../images/50.png);
}

.openball-result .item-bjl-51 {
    background-image: url(../images/51.png);
}

.openball-result .item-bjl-52 {
    background-image: url(../images/52.png);
}

/*moz 软键盘*/
#globe-keyboard {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    padding-top: 2px;
    padding-left: 3px;
    width: 379px;
    height: 146px;
    background: #E5E6ED;
    position: absolute;
    border-radius: 5px 5px;
    box-shadow: #747578 3px 3px 10px;
    z-index: 300;
}

#globe-keyboard li {
    float: left;
    margin: 0 2px 2px 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.row-2,
.row-3,
.row-4 {
    clear: left;
}

#globe-keyboard .delete {
    width: 35px;
}

#globe-keyboard .capslock {
    width: 55px;
}

#globe-keyboard .right-shift {
    width: 45px;
}

#globe-keyboard .cancel {
    width: 45px;
}

#globe-keyboard .submit {
    width: 45px;
}

.lastitem {
    margin-right: 0;
}

.uppercase {
    text-transform: uppercase;
}

#globe-keyboard .caps-active {
    background-color: #CCC;
}

#globe-keyboard .shift-active {
    background-color: #CCC;
}

#globe-keyboard .space {
    clear: left;
    width: 276px;
}

.on {
    display: none;
}

#globe-keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
    background-color: #D9FFED;
}

.key-logo {
    display: inline-block;
    width: 24px;
    height: 16px;
    background: url('../images/keyboard-off.png') no-repeat;
    position: relative;
    top: 4px;
    left: 2px;
    cursor: pointer;
}

.key-active {
    background: url('../images/keyboard-on.png') no-repeat;
}

/*MOZ 周年庆LOGO*/
.year-logo {
    position: relative;
    width: 103px;
    height: 47px;
    top: 13px;
    background: url('../images/year-logo.png') no-repeat;
}

.year-logo .year-logo-canvas {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.green-hollow {
    background-size: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAn1BMVEUAAAAjsY0Vo3cSnnYQnnMPnnQWqXxVqqoRnnUQoHZTzqoyt48krYQdp30YpHsPnXMPnnQQnXMRn3QSp34pr4gQnnMQn3Zq3rsQnnMQnXMQnXQPnnQPnXQQnnQQn3QQpXMcqoARqndf1rMQnnUSn3YQnnQQnnQQnXQPnnMUonYPoHMRnnRg17OX/d6Q+dl66sl15sSI89KF8dCD785f1bElIiGGAAAALXRSTlMABxfy5LoLA0su/vv4+PXt6sBoDfrQRP7gn5qGc2E+HxIP/oz1z62sVDQzi/4gHzXZAAABi0lEQVQ4y42U13rCMAyF8UycPdk7bKrs93+2uoUChdBKl87/5fhY0uk9lUGIlIQYvT+KxPRkzqbTmXmiMXkHUXMS8sBnzA94ODFpF2hQc8eZ3ZZNnjdlazO+M+mLNlFj7q5zuFW+dvlYPf1Q9kNmaaiwbMfzHNsqNGixsC9/UYfU1R8Gjj8UoywbiaHvDAAKNz08cKSfJhXUSSAiRZer1ZKqSARJDVWS9m+6hgrdCkovjRbSuB7JRZR6JVRuqH580DEroNyIefx4kXguNiUUbEyvkia3oPaEIs/mhVeDxc3LOd27OSTbOXl5pPk2gdzd08v9+QcMguiueNeNggGs+beLeMJycMSiq38L4UDOJvGXZmhD4UeyC5ORX4AdUm39yFuwhqpzdAw1tKDlR0P7DEqwBe11FhU2lIH2SmZ+A85o2Y0tRw40/oz05FQ78M6rbmx19rSHqbxi2Tssu2BIUaQF5IPgnhffLN369X+txw0ScixxQ45cGdwC4tYZFw64qMEGFz4G8aGKjOhPNQQ/m/uQc+4AAAAASUVORK5CYII=') center center no-repeat;
}

.red-hollow {
    background-size: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAkFBMVEUAAADWTEzEPUfJQUzJR0zQRVXJT1fEPUbGP0brVVXFQUvGQEnEPkbNW2LDPUfEPkfFPkbFPkbEPUfEPUfswMPnsLPioKXhnaLQaG/UdHrTb3bGR0/EPkbEPkfEPkbFP0fGQUjGP0nEQEjFQkrPYWjEPkbFQEn////89fbwz9H46er35ef24uPz2dvx1NbmrrLSfTZ/AAAAJ3RSTlMAB7sXDwv470oE8y7l+OudiWjh0P7+/v78+/rzwq1zYUM+Mx/6z1SfDl4yAAABeklEQVQ4y41U127DMBCztixvO3vvk/f//11VJA3S2AmOjwJB6ha9N/iECEGI730B4eyk97vdXp8YJ59ITKebMFYOcbhJNRsj+kxvQ7Psy8bapuyXJtxqNvAmQZLLqYUn7FTmSfAmKA7UzBypna+i9TpazVtHnBl6EP9Yt0J2AJNI5TRJ04TmKpoAdLK4vfDIobhUUC9imgWMO7Ago/GihupSHJ6+fkBlBaUssrPwH0/inBWyhErS4K8OlpgOSkOP3HsBP1JTQmcS9rDU4QxqSd/LIs6khlmoyV1sKy0srkcyaNLxugArt+whNoVJnAlvAJHFE5je5XhqLET07I3gTCOwJuW/npsltOouNpRTLSw3ztU/hT3M82B0dfwgn0Mfnnz3tbiEFWXeKBhdQRm7z5G9aiBK+DiNJxE0ak88sVMW1uknWroGq3YCSUOaIktANgTXXuSwkKPHL5KTy7+tZa4JbsmRJ4M7QNw548IBFzXY4MLHID5UkRH9A8/FOJmiqfZXAAAAAElFTkSuQmCC') center center no-repeat;
}

.purple-hollow {
    background-size: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAsVBMVEUAAABQXPQ0T9c7Vt1BXuM0T9c3Udk2Udg0UNc1Udk6U909V+E3Udc0T9c0T9fl5P41T9c0T9c1UNc2U9s5VNg0Udg3UtnBxvajrO9jdeFSZ91BWtpHYNs0T9c1T9g1UNc1UNc2T9Y1T9c2UNc0UNc1Udg3Udk5WNvZ2vrW1/rS1PnLzvjGyfaxuPKUoeySnuxqfuM0UNc0T9c0UNc1UNY1T9c0T9c1T9c2T9dYbd7t6v/ZcmLQAAAAOnRSTlMABtETC9olU4xGHhAzrqv+5L6hKuhON/369PHt7MeTg313c2xqYzsY/v7+/f38+fnz5t7Kwre0mlnwmXlLuAAAAi9JREFUOMuVVddyGzEMNCnyjte7TtckXVfvLfj/DwucKFYsa+JwHzkLzC4AAm+vQN4IefseyGLMGCAMxr6JIGzQK4E57LqhGSj9gJF/UHvF1NS2rsqyqltVM5X+QX/OqnRqPRn71uV8vlj+eFKrnfIyOzH0oVqNbY/yg4s4cOrZ40od6gb5ylW0RlgFD3ejeOE4i3i0C3lhiUZTntlkEESlf+L5yIEPOKOcn/wyCgbkiatObRpukLrcJmmWpcl2ifRNSO2piuxPGqKpRfMVwDrdc3osiiPl+3QNsMqpNY3+VsJ0rbTpjxnMExdtXQXiilbdZA6zH9QuNZ09RAwbn+YziDPu+ZPmFmladGsmvsezGGY59ZvhhxCmqOIUriAOqSVabIWOwPa0wqJhDKvwJFSF3RP3XWXxDcyzdzOmbjCCYIZuvpvO5rDhVtX15E/icZE7kHC0gsbJPQeWCG3zBJy8GGPqu+La5iNYu55QA+NTkQJVeO4aRtyuf6smvTbxQgdS6rfmc/nN1qcpOKE30XpyV0F3sNzjg/7cWB0T7Zewo3cdLGh9VLHldmN+mQLDbGy+RR1+G7yTDbO2DjEk9HrD4Ccw5XalCcQHqzaNX/6qi7uA9Ciih4qHjkgcU1i4lwodIrkrz64DWSG0V2RNFBk47rnsJMlSMmQMSpVOqimy7caX/xwkmRGVGn6ZbyX1YWVWgdSSkVlfMotRZuVKLXP5MyF/gORPm/zRfES85v0EZrhpDsB3J2YAAAAASUVORK5CYII=') center center no-repeat;
}

.r-purple {
    background-size: 100% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAA/FBMVEUAAAAAAAAEBAQAAAA8Z98xPMwqNKw3ZNoAAAAAAAA0PtYzYNYzY9Y0Rdc0ZdczQ9QzWdMzQNIzUtQyRswzZdYwPcYzYdIzSNEvOr40XtcuN74rRbEoNqUmL5cnM5cfKoAoPKISFTs3Y901VcoAAAAuUbk0YNc0Ytg0X9g1VNc0S9Y0TdU0TtY0XtUzX9U0ZtczPNAyQs8xWc40ZtY0VdY0T9Y0WtYvU8MuRbg0T9YyYM0ySM0zVdczUNczWdczV9c0QdY0R9c0U9c0TtczS9YzW9c0Rdc0Q9czX9c0SdczYtczTdczXdc0PtYzUtc0S9czXtczZNczYdczYNYJ7pF0AAAAPHRSTlMAAw4aD8BrKRMK98Z4+PTp2trTvrKunZ2YjIZrZlhIQjkrJRgYC/j39/f19PPv4tPSx8C7u7Swh4V7UlKSllk4AAABqklEQVQ4y3XQ53aCQBAFYBbEEk2x967pvRcbiopEBfH93yUzo3M2cJL9+925u7OK/4QikZDy32kl4me2Z1nn8UTrD45kNrbteZa7XE6ng9dI0Isb8C3Mu+iD4bDov/oJ3WYG7/WeQ7/8Dt3bWhb0A6P3ximZyKADuy7NE4/X/Rf2BPr++inNk/f7HztvH23weS7fj74Gn0yu2xTI2TSP6yFTP/m3mUfvHsHzqV96f+fOZRcCn/g+F58fdNNcfCmKyHk0L33NvlgYeaGIOPhSrkcOTG48QOAWx/f3s09MxzENw5gdQ+CUn8cO9dgPPJsdQuAGPfg8Z0GBOTacYD+Ns0M/MvgoCYFH3/dAvYP9EJjP5yMdAm/kcp7rgUejEgQaQ14feILrsUOiIRQldtIjX+/XYwdeJWPw1aLsW0/2QyAsMKCm2B105L3fq0LBRO0i8D3kq9VBDRyPWsb383q4PvkqrKLSJe/SqZ+8BBdwIlq58q2P/ZUoOXfU09JxXK/TvEzEtGr6kP1Ar2oxdlmiNcOFrK5nC+GmRuPBhBBqtKNpnagqBHswgyegP3XhuDQsXVADAAAAAElFTkSuQmCC') center center no-repeat;
}

.r-green {
    background-size: 100% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAA/FBMVEUAAAAAAAAAAAAAAAAAAAARjWgPp3oQfV0QqHoXnXciu4gOoXYRlG0RjWkQoHUPl28Pp3sQrHwAAAAPpXkQlm4PrH0QonYRiGUQf14PbVEObFAPcFIOY0kMVEAJRDUKOywQoXYLTzsMY0cPoXgAAAASm3cRk24RmXESjWkPq30RjGcSjGgPrH0OqXwPmnERimYOq3wQoXYSk2sOqHsQmnIOeFgOdlgPj2oPgF8Pj2sRqHwRqnoQkm0HKxwHIxwPnHIPn3UQmnEQkmsQk20QmHAOpnkPoXYPnXMQlW4RkGoOo3cOpHgQl28PoncPnnQQlm4Op3oRjmkOqXwOqHuyO66KAAAAP3RSTlMABAsIE9KwjV4WB+ro4NO3ZTAQ9/Hg4LiTZlpNST86MS8tKSMdDvn29vXy8OzWx8bDw66fn319dnZkTEsvJCTE4KREAAABoElEQVQ4y23Q5WLCQBAE4IQEqWH1Fpe6u0OABAgS5P3fpXO7xxbp/eSbmcthzJ/11Gcy+ZFalx8WNRY5n0ymo5G7HYn9k4ntTsDTkeu6vZ6/F1vitbsJt9n9gXe/Nu8pXR9Bwb7nefW9wp+Xr2TdVfWBV8fZKM+8es11Pc88bLfjVR14pOtZwTOv1Z7YC9pdPe8Rw2vOFwUiYO4PfI94OATDWwl6oaqzc72u2Wk5LfXWpK7D5XYwvNUP3g3DjLi6r+fFVeDBNMw4WLVpXW4n7nTCCGy4Ps2v1hHYRGC7xywOdvrgoNlsnqgF8bZ2tKmOgFqIgz3NMs/caKhvSOj5RUaggbOPwCs51Zm5rrzbfUOgND9PzE6BkmkY1g0cWpO6cPfWMvBXHoNn1wcLPj42VSCUIOd6INfD90MIIFHcdHD6PM+ueLxVJMdXZE6pT18nPD7LWOy45GgHj1/yyyO6gBPp7FYQsMLB2M+Sy8Z3dAcBKPtF9Ee7ROx8NDxbD0fztrAkLLuSO3w+OHg5zFVsS/lKxLRCadtOhyxTeCWDs6S/Eg2/4bEYeagAAAAASUVORK5CYII=') center center no-repeat;
}

.r-red {
    background-size: 100% !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAMAAACP+FljAAAA0lBMVEUAAAAAAAAMAwUCAgLHRFLBTFOeLzafMDcAAAAAAADHQEq2Nj25OEC7Nz+/OkHHQEq8OEDEPUfBPUW8OULHQEi3Nz+0NTuyNTzEP0iuNDrFQEnEP0jDPke9O0PFQEnAPUWVLjLEPknFP0qQLDKCKC26O0KTLTNgHiLOSU8AAAAAAADHQUvEPkjEPki+O0S/O0S4OD6/Pka4Nz/CPEWsNjynMjmxOUCsMzrCP0m9OkTAO0O/OUG9OEDDPUbEPkfCPEW7Nz/FP0jBO0TGQEnFP0m6Nz7vXR3oAAAAOnRSTlMABBMeDwaDexcN8N3F/Pv19PLi3tvW1sbEsaminpmTiHJwWlhWSUNAFQ4L+fn28ezl29vAnZ2QkGlpYO0EOgAAAYhJREFUOMttkNdWw0AMRF0gFQjpvffQO7gkseP8/y8x0u4exYF58jn3jqS1dZaLC/n+wyadWumQlGqdyX/WanB3oERRtN3eD1bnfFwATIATNsLyOIUvu8AQEjBKGG7D7uUJb1GbuxFhMnbhmxg9Xo66GQCO9Az/VtNPKAnxzvvRzytgepJs9fhQ9z0vflLPHRIWumMcxx4y5AsLdJ1wEmJwyiPdOY9UXbd5OWPf8/25Zdl9UO4bATQmTkLftuyWoeCMQQ33ryBUpC4CG0gVwoO6jhitP6FBENxCKOv5cjsPF+GFKTDqsj0ARl4hXAFTUtgIdOSnTE+tR/bBF4RFejwgcxb2C9uy8hWDfR0FgffPeQu/MstY+qaOZG0SnKp5nJm+V/hYdCDAmN6AejJe4+P1FJyEdQaYoS8YQmZNAi95V22fKQvgH7RAG7nsjbxN1a+zOeZmxqyucQAOoTHjvhh5d1QH1fXGyM0rLobtuMtMu1ksNtuZpevYwkXZODkXyTkbwWcOJ01/ASL9pnt+ONWDAAAAAElFTkSuQmCC') center center no-repeat;
}

.r-lhcball {
    overflow: hidden;
    width: 423px;
    margin: 0 auto;
}

.r-lhcball li {
    width: 40px;
    height: 40px;
    line-height: 42px;
    float: left;
    margin-right: 20px;
}

.r-lhcballname {
    /*float:left;*/
    width: 423px;
    margin: 0 auto;
    overflow: hidden;
}

.r-lhcballname li {
    margin: 0 14px;
    font-size: 14px;
    float: left;
    margin-right: 32px;
}

.lhc-qx {
    overflow: hidden;
    width: 423px;
    margin: 0 auto;
}

.lhc-qx li {
    float: left;
    margin-right: 40px;
}

.lhc-qx .first {
    margin-left: 12px;
}

.lhc-qx .end {
    margin: 0px !important;
}

.colorwhite {
    color: white;
}

/*0118春节广告*/
.r-chunjie {
    width: 122px;
    height: 250px;
    background: url(../images/floatwindow.png) no-repeat;
    position: fixed;
    top: 370px;
    z-index: 300;
    right: 0;
    text-align: center;

}

.r-chunjie .cj {
    position: absolute;
    top: 165px;
    color: white;
    width: 100%;
    font-size: 16px;
}

.r-chunjie .cj h5 {
    font-size: 16px;
    color: #ffdc38;
}

/*01-25增加弹窗*/

.r-window24 {
    height: 480px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 201;

    font-family: inherit;
    position: fixed;
    color: white;
    margin: auto;
    border-radius: 10px;
    width: 950px;
    background-size: 100% 100%;
    background: #414469;
}

.r-close24 {
    display: none;
    height: 260px;
    top: 0;
    right: 0;
    bottom: 0;
    border: 5px solid #8177b3;
    left: 0;
    z-index: 201;
    font-family: inherit;
    position: fixed;
    color: white;
    margin: auto;
    border-radius: 10px;
    width: 620px;
    background-size: 100% 100%;
    background: #414469;

}

.r-window24 .r-main {
    height: 480px;
    overflow: hidden;
    border-radius: 10px;
    width: 950px;
    display: block;
    color: white;
    margin-bottom: 0 !important;
}

.r-window24 .r-main:hover {
    color: white;
}

.r-window24 .x, .r-close24 .x {
    width: 40px;
    height: 40px;
    z-index: 1;
    display: inline-block;
    right: -15px;
    top: -15px;
    position: absolute;
    cursor: pointer;
    background: url(../images/window24-x.png) no-repeat;
}

.r-window24 .top {
    height: 70px;
    font-size: 16px;
    margin-top: 40px;
}

.r-window24 .pic {
    width: 100%;
    margin: 0px auto;
    background: blue;
    height: 270px;
    /* border-radius: 10px; */
    /* display: none; */
}

.r-window24 .top .a {
    font-size: 36px;
}

.r-window24 .top .a a {
    color: white;
    cursor: pointer;
    outline: none;
}

.r-window24 .top .a a:hover {
    color: white;
}

.r-window24 .top li {
    text-align: center;
}

.r-window24 .bottom {

    font-size: 18px;
    display: inline-block;
    word-wrap: break-word;

    width: 100%;
    height: 100%;
}

.r-close24 .bottom2 .bottom-main {
    /* width: 348px; */
    margin: 30px auto 0 auto;
    /* width: auto; */
    text-align: center;
    position: relative;
    display: block;

}

.r-close24 .bottom2 .bottom-main a {
    color: white;
    margin: 6px 6px;
    padding-bottom: 2px;
    border-bottom: 1px solid white;
    width: 92px;
    cursor: pointer;
    font-size: 18px;
    display: inline-block;
}

.r-close24 .bottom2 .bottom-main a:hover {
    color: lightgrey;
}

.r-close24 .bottom2 {

    margin: 30px auto 0 auto;
    width: 88%;
    font-size: 18px;
    text-align: left;

}

.r-window24 .bottom img {
    width: 100%;
    height: 100%;

    margin: 0;
}

.r-window24 .bottom p {

}

.r-window24 .c {
    font-size: 18px;
    margin: 30px auto 0 auto;
    width: 88%;
    text-align: left;
}

.r-window24 .d {
    line-height: 27px;
    position: absolute;
    right: 40px;
    bottom: 30px;
    text-align: right;
}

/*有新信息显示红点*/
.r-oval {
    background-color: #FF0000;
    width: auto;
    min-width: 10px;
    height: 12px;
    line-height: 12px;
    display: inline-block;
    position: absolute;
    right: 22px;
    top: 2px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 4px;
    font-size: 10px;
    padding: 0 2px;
}

/*2017-2-9新增公用的页脚样式*/
.jack-foot {
    background: #262732;
    padding-bottom: 20px;
}

.jack-foot .container {
    padding-left: 0;
    padding-right: 0;
}

.jack-foot .foot-top {
    background: rgba(27, 28, 41, 0.5);
}

.jack-foot .foot-top .container {
    padding-top: 12px;
    padding-bottom: 10px;
}

.jack-foot .foot-top .foot-logo {
    float: left;
    margin-top: 5px;
    width: 109px;
    height: 24px;
    background: url("../images/logo-new.png");
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.jack-foot .foot-top .foot-number {
    float: right;
    color: #fff;
}

.jack-foot .foot-link {
    margin-top: 18px;
}

.jack-foot .foot-link .foot-a {
    float: left;
}

.jack-foot .foot-link .foot-a a {
    color: #7d7d7d;
    vertical-align: middle;
    font-size: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 24px;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.jack-foot .foot-link .foot-a a:hover {
    color: #fff;
    border-bottom: 1px solid #FBA026;
    text-decoration: none;
}

.jack-foot .foot-link .foot-a span {
    display: inline-block;
    margin: 0 6px;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    border-right: 1px dotted #333;
}

.jack-foot .foot-link .foot-authority {
    float: right;
    color: #B59A79;
    font-size: 14px;
}

.jack-foot .foot-erweima {
    width: 100px;
    height: 100px;
    background: url("../images/phone-code.png");
    background-size: contain;
    margin: 0 auto;
    display: none;
}

.jack-foot .foot-pic {
    padding-top: 15px;
}

.jack-foot .foot-pic .foot-icon {
    padding-top: 2px;
    float: left;
}

.jack-foot .foot-pic .foot-icon .icon {
    width: 22px;
    height: 22px;
    position: relative;
    margin-right: 8px;
    display: inline-block;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.jack-foot .foot-pic .foot-icon .icon_1 {
    background-image: url("../images/foot-icon-1.png");
}

.jack-foot .foot-pic .foot-icon .icon_2 {
    background-image: url("../images/foot-icon-2.png");
}

.jack-foot .foot-pic .foot-icon .icon_3 {
    background-image: url("../images/foot-icon-3.png");
}

.jack-foot .foot-pic .foot-icon .icon_4 {
    background-image: url("../images/foot-icon-4.png");
}

.jack-foot .foot-pic .foot-icon .icon_5 {
    background-image: url("../images/foot-icon-5.png");
}

.jack-foot .foot-pic .foot-icon .icon_6 {
    background-image: url("../images/foot-icon-6.png");
}

.jack-foot .foot-pic .foot-icon .icon:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.jack-foot .foot-pic .foot-icon .up-drop {
    position: absolute;
    padding-bottom: 12px;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    bottom: 20px;
    display: none;
}

.jack-foot .foot-pic .foot-icon .up-menu {
    text-align: center;
    background: #fff;
    position: relative;
    padding: 10px 0;
    top: -15px;
    top: 0 \0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.jack-foot .foot-pic .foot-icon .up-menu-hov {
    top: 0;
}

.jack-foot .foot-pic .foot-icon .up-menu:after {
    content: '';
    position: absolute;
    display: block;
    bottom: -12px;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top: 7px solid #fff;
}

.jack-foot .foot-pic .foot-icon .foot-text {
    color: #B59A79;
    font-size: 14px;
}

.jack-foot .foot-pic .foot-icon .foot-code {
    width: 130px;
    height: 130px;
    background: url("../images/phone-code.png");
    background-size: contain;
    margin: 0 auto;
}

.jack-foot .foot-pic .foot-icon .foot-game {
    color: #4A4A4A;
    font-size: 12px;
}

.jack-foot .foot-pic .foot-tip {
    float: right;
}

.jack-foot .foot-pic .foot-tip li {
    width: 30px;
    height: 31px;
    float: left;
    margin-left: 14px;
    position: relative;
    background: url("../images/footer-approve.png") no-repeat;
}

.jack-foot .foot-pic .foot-tip .li-1 {
    background-position: 0 0;
}

.jack-foot .foot-pic .foot-tip .li-2 {
    background-position: -238px 0;
}

.jack-foot .foot-pic .foot-tip .li-3 {
    width: 94px;
    background-position: -134px 0;
}

.jack-foot .foot-pic .foot-tip .li-1:hover {
    background-position: 0 -31px;
}

.jack-foot .foot-pic .foot-tip .li-2:hover {
    background-position: -238px -31px;
}

.jack-foot .foot-pic .foot-tip .li-3:hover {
    background-position: -134px -31px;
}

.jack-foot .foot-pic .foot-tip .tip-drop {
    position: absolute;
    padding-top: 10px;
    top: 31px;
    left: 50%;
    display: none;
}

.jack-foot .foot-pic .foot-tip .li-1 .tip-drop {
    margin-left: -36px;
}

.jack-foot .foot-pic .foot-tip .li-2 .tip-drop {
    margin-left: -19px;
}

.jack-foot .foot-pic .foot-tip .li-3 .tip-drop {
    margin-left: -25px;
}

.jack-foot .foot-pic .foot-tip li:hover .tip-drop {
    display: block;
}

.jack-foot .foot-pic .foot-tip .tip-con {
    background: #73624D;
    border-radius: 3px;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    color: #fff;
    line-height: 2;
    font-size: 12px;
}

.jack-foot .foot-pic .foot-tip .tip-con:after {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border: 6px solid transparent;
    border-bottom: 5px solid #73624D;
}

.jack-foot .foot-bottom {
    padding-top: 15px;
}

.jack-foot .foot-bottom .foot-text {
    color: #4f4f4f;
    font-size: 12px;
    float: left;
}

.jack-foot .foot-bottom .foot-text .copy-right {
    margin-bottom: 5px;
}

.jack-foot .foot-bottom .foot-text .approve {
    color: #9B9B9B;
}

.jack-foot .foot-bottom .foot-bottom-r {
    float: right;
    margin-top: 5px;
    width: 198px;
    height: 31px;
    background: url("../images/footer-gamble.png");
}

.jack-foot .foot-top .number-wrap {
    display: inline-block;
    vertical-align: middle;
}

.jack-foot .foot-top .today-win {
    margin-right: 50px;
}

.jack-foot .foot-top .today-win .rmb {
    color: #9B9B9B;
    vertical-align: middle;
}

.jack-foot .foot-top .line-number {
    color: #9B9B9B;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}

/*2017-2-9新增公用的页脚样式结束*/
/*数字滚动插件的样式开始*/
.numberRun1, .numberRun2 {
    display: inline-block;
    vertical-align: middle;
}

.mt-number-animate {
    line-height: 30px;
    height: 30px; /*设置数字显示高度*/;
    font-size: 20px; /*设置数字大小*/
    overflow: hidden;
    display: inline-block;
    position: relative;
    font-family: 'Oswald', sans-serif;
}

.mt-number-animate .mt-number-animate-dot {
    width: 6px; /*设置分割符宽度*/
    line-height: 30px;
    float: left;
    text-align: center;
}

.mt-number-animate .mt-number-animate-dom {
    width: 13px; /*设置单个数字宽度*/
    text-align: center;
    float: left;
    position: relative;
    top: 0;
}

.mt-number-animate .mt-number-animate-dom .mt-number-animate-span {
    width: 100%;
    float: left;
}

/*数字滚动插件的样式结束*/

/*bootstrap弹框样式开始*/
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.modal-dialog {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    height: auto;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -75%);
    -moz-transform: translate(0, -75%);
    -ms-transform: translate(0, -75%);
    -o-transform: translate(0, -75%);
    transform: translate(0, -75%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in {
    opacity: 1;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-close {
    margin-top: -2px;
    float: right;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

/*bootstrap弹框样式结束*/

/*情人节弹框和提款公共弹框样式*/
.com-withdraw-pop {
    font-size: 16px;
    margin: 0 auto;
}

.com-withdraw-pop .pop-title {
    font-size: 18px;
}

.com-withdraw-pop .color {
    color: #f4b725;
}

.com-withdraw-pop .look:hover {
    text-decoration: underline;
}

.com-withdraw-pop .g-btn {
    display: inline-block;
    background-color: #1eb98c;
    border-radius: 4px;
    width: 100px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}

.com-withdraw-pop .g-btn:hover {
    background-color: #21a07b;
}

.com-withdraw-pop .g-btn + .g-btn {
    margin-left: 20px;
}

.com-withdraw-pop .g-cancel {
    background: #a7a7a7;
}

.com-withdraw-pop .g-cancel:hover {
    background: #8c8b8b;
}

/*情人节弹框和提款公共弹框样式结束*/

/*消息中心弹框开始*/
.message-c-pop {
    width: 765px;
    position: relative;
    margin: 0 auto;
}

.message-c-pop .message-close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url("../images/message-close.png") no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.message-c-pop .message-close:hover {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.message-c-pop .message-title {
    background: #292624;
}

.message-c-pop .message-title .message-li {
    float: left;
    padding: 10px 70px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.message-c-pop .message-title .message-li:hover {
    background: #FFD100;
}

.message-c-pop .message-title .active, .message-c-pop .message-title .active:hover {
    background: #FFD100;
    background-image: linear-gradient(0deg, #ffca7b 0%, #ffae35 17%, #fdc36d 100%), linear-gradient(#ff7d0a, #ff7d0a);
    background-blend-mode: normal, normal;
    /*box-shadow: 0px 2px 4px 0px rgba(47, 42, 40, 0.75), inset 0px 1px 0px 0px #ffeed6;*/
}

.message-c-pop .message-title .active .message-i {
    background: #232A38;
}

.message-c-pop .message-title .message-span {
    color: #fff;
    font-size: 16px;
    position: relative;
}

.message-c-pop .message-title .active .message-span {
    color: #000;
}

.message-c-pop .message-title .message-i {
    display: inline-block;
    background: #C82834;
    font-size: 12px;
    position: absolute;
    top: -10px;
    right: -23px;
    padding: 0 5px;
    text-align: center;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    box-sizing: border-box;
}

.message-c-pop .message-title .active .message-i {
    color: #fff;
}

.message-c-pop .message-i:empty {
    display: none;
}

.message-c-pop .message-tab {
    background: #fff;
    height: 435px;
    overflow: hidden;
}

.message-c-pop .message-tab .message-con {
    height: 100%;
    display: none;
}

.message-c-pop .message-tab .message-con.active {
    display: block;
}

.message-c-pop .message-l {
    width: 210px;
    height: 100%;
    float: left;
    border-right: 1px solid #d2d2d2;
    position: relative;
    box-sizing: border-box;
}

.message-c-pop .message-table {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    overflow-x: hidden;
    height: 386px;
}



.message-c-pop .message-row:hover, .message-c-pop .message-row.bg {
    background: #e7e7e7;
}
.message-c-pop .message-cell {
    height: 70px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px dashed #d2d2d2;
    padding: 0 25px;
    position: relative;
    width: 159px;
    text-align: left;
}

.message-c-pop .message-cell .text-1 {
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    max-height: 40px;
    overflow: hidden;
    padding-top: 10px;
}

.message-c-pop .message-cell .text-2 {
    color: #979797;
    font-size: 14px;
}

.message-c-pop .message-page {
    position: absolute;
    width: 100%;
    padding: 8px 12px;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #d2d2d2;
    color: #000;
}

.message-c-pop .message-page .page-prev, .message-c-pop .message-page .page-next {
    border: 1px solid #d2d2d2;
    width: 62px;
    line-height: 30px;
}

.message-c-pop .message-page .page-prev:hover, .message-c-pop .message-page .page-next:hover {
    border: 1px solid #aaa;
    color: #000;
}

.message-c-pop .message-page .page-prev {
    float: left;
}

.message-c-pop .message-page .page-mid {
    line-height: 32px;
}

.message-c-pop .message-page .page-mid em {
    font-size: 16px;
}

.message-c-pop .message-page .page-next {
    float: right;
}

.message-c-pop .message-page .not-allowed, .message-c-pop .message-page .not-allowed:hover {
    color: #A6A6A6;
    cursor: not-allowed;
    border: 1px solid #d2d2d2;
}

.message-c-pop .message-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #C82834;
    position: absolute;
    left: 6px;
    top: 8px;
}

.message-c-pop .message-r {
    width: 555px;
    height: 100%;
    float: right;
    padding: 25px 25px;
    overflow-y: auto;
    box-sizing: border-box;
    color:#222;
}

.message-c-pop .message-r .title {
    color: #202020;
    font-size: 20px;
    height: 31px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #d2d2d2;
    text-align: center;
    margin-bottom: 5px;
}

.message-c-pop .message-r .article {
    font-size: 14px;
}

.message-c-pop .message-none {
    padding-top: 260px;
    text-align: center;
    font-size: 20px;
    color: #4a4a4a;
    display: none;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    z-index: 0;
    left: 0;
    top: 0;
}

/*自动弹框提示图标的样式*/
.pop-message-sign {
    width: 13px;
    height: 15px;
    background: url("../images/prompt-icon.png") no-repeat;
    background-size: contain;
    position: absolute;
    left: -20px;
    top: 1px;
}

.message-c-pop .message-table .pop-message-sign {
    left: 7px;
    top: 19px;
}
/* 消息中心 banner */
/* .message_banner{
    width: 800px;
    height: 176px;
    background: #fff;
    position: relative;
    overflow: hidden;
}
#msg_banner_img{
    width: 500%;
    position: absolute;
    top: 0;
    left: 0;
}
#msg_banner_img li{
    float: left;
    width: 800px;
    height: 176px;
} */
#msg_container {
    width: 765px;
    background: #fff;
    height: 176px;
    position: relative;
    overflow: hidden;
}

#msg_inner-list {
    width: 800%;
    position: absolute;
    top: 0;
    left: 0;
}

#msg_inner-list li {
    float: left;
    width: 765px;
}
#msg_inner-list li img{
    height: 176px;
    width: 765px;
}
#msg_inner-list li a{
    display: inline-block;
    width: 100%;
    height: 176px;
}
#msg_dot-list {
    position: absolute;
    bottom: 6px;
    right: 10px;

}

#msg_dot-list li {
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
    margin-right: 10px;
}

#msg_dot-list li.cur {
    background: rgba(255, 255, 255, .6);
}

.msg_btn-ctrl {
    position: absolute;
    cursor: pointer;
    top: 50%;
    font-size: 36px;
    color: red;
    font-weight: 500;
    z-index: 2;
    display: none;
}

#msg_btn-prev {
    left: 0px;
}

#msg_btn-next {
    right: 0px;
}
/*消息中心弹框结束*/