@charset "utf-8";

/*reset.css*/
html {
    font-size: 100%;
}

body {
    margin: 0;
    color: #666;
    font: 12px/1.5 "microsoft yahei", Arial, sans-serif;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
}

ul,
ol {
    padding-left: 0;
    list-style-type: none;
}

img {
    border: 0;
}

a {
    color: #333;
    text-decoration: none;
    outline: 0 none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a,
button {
    cursor: pointer
}

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

input,
select,
img {
    vertical-align: middle;
}

a,
input,
button {
    padding: 0;
    margin: 0;
    outline: 0
}

i,
em {
    font-style: normal;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.dib {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.tc {
    text-align: center;
}

.fz14 {
    font-size: 14px;
}

.fix {
    zoom: 1;
}

.fix:after,
.fix:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.none {
    display: none;
}

.hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.wrapper {
    min-width: 1200px;
    overflow: hidden;
    background: #f1f2f3;
}

.c-blue {
    color: #03b4f5;
}

.c-red {
    color: #f00;
}

.icon,
.slide-next:before,
.slide-prev:before {
    display: inline-block;
    vertical-align: top;
    *vertical-align: middle;
    background: url(../png/csp-index.png) no-repeat;
}

.c_web_icon,
.c_home_icon,
.c_add_icon,
.c_login_icon,
.c_reg_icon,
.down_ico,
.game_list_icon,
.search_btn,
.user_level_vip,
.tips_user_nomsg,
.tips_user_msg {
    background: url(../png/top_csp.png) 0 0 no-repeat;
}

.laybox {
    border-radius: 5px;
    box-shadow: 0 3px 0 #e9e9e9;
    overflow: hidden;
    background: #fff;
    zoom: 1;
}

.g-top {
    height: 48px;
    padding-top: 2px;
    color: #a9a9a9;
    background: #fff url(../jpg/gtopb49e.jpg) top center no-repeat;
    position: relative;
    z-index: 9;
}

.g-top a {
    color: #a9a9a9;
}

.g-top a:hover {
    color: #03b4f5;
}

.g-main {
    width: 1360px;
    margin: 0 auto;
    position: relative;
}

.g-top .g-main {
    height: 47px;
    line-height: 47px;
    border-bottom: 1px solid #e8e8e8;
}

.g-top-left {
    margin-left: -5px;
}

.g-top-right {
    margin-right: -5px;
}

.g-top a,
.g-top span {
    display: inline-block;
    margin: 0 10px;
}

.g-top span a {
    margin: 0;
}

.g-top .logined {
    display: none;
}

.i-phone,
.i-mail,
.i-user,
.i-pc,
.i-list {
    zoom: 1;
    width: 18px;
    height: 14px;
    vertical-align: middle;
    background-position: 0 0;
    position: relative;
    top: -1px;
    *top: 1px;
}

.i-mail {
    background-position: 0 -30px;
}

.i-user {
    background-position: 0 -60px;
}

.i-pc {
    background-position: 0 -89px;
}

.i-garr {
    background-position: 0 -780px;
}

.i-list {
    background-position: 4px -118px;
}

.g-allgame-trigger.active {
    color: #03b4f5;
}

.g-allgame-trigger:hover .i-list,
.g-allgame-trigger.active .i-list {
    background-position: 4px -148px;
}

.i-add {
    width: 30px;
    height: 30px;
    background-position: 7px -172px;
}

.g-allgame-list .fd:hover .i-add {
    background-position: 7px -202px;
}

.g-allgame-list .i-garr {
    width: 11px;
    height: 6px;
    position: absolute;
    top: -6px;
    right: 36px;
}

.g-btn,
.g-btn-s {
    display: inline-block;
    vertical-align: top;
    width: 88px;
    min-width: 88px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #9f9f9f;
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    cursor: pointer;
    background: #fff;
    font-family: 'microsoft yahei';
    font-size: 12px;
    box-sizing: content-box;
}

.g-btn-s {
    width: 72px;
    min-width: 72px;
    height: 24px;
    line-height: 24px;
}

.g-btn:hover,
.g-btn-s:hover {
    color: #fff;
    border-color: #CF1132;
    background: #CF1132;
}

/*.g-header*/
.top_sub_main {
    width: 100%;
    height: 35px;
    background: #fff;
    color: #999;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    position: relative;
    z-index: 5;
}

.top_sub_nav {
    width: 1360px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

.sub_nav_left,
.sub_nav_right {
    line-height: 35px;
}

.sub_nav_left a {
    display: inline-block;
    height: 35px;
    padding-left: 22px;
    font-size: 12px;
    color: #999;
    margin-right: 14px;
    position: relative;
}

.sub_nav_left a:hover,
.top_login_tips a:hover {
    color: #CF1132;
    transition: all 0.4s ease-in-out;
    text-decoration: none;
}

.c_web_icon,
.c_home_icon,
.c_add_icon,
.c_login_icon,
.c_reg_icon,
.down_ico,
.game_list_icon,
.user_level_vip,
.tips_user_nomsg,
.tips_user_msg {
    width: 18px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 0px;
}

.c_web_icon {
    background-position: -33px -11px;
}

.c_home_icon {
    background-position: -31px -46px;
}

.c_add_icon {
    background-position: -32px -82px;
}

.c_login_icon {
    background-position: -31px -154px;
    top: 9px;
}

.c_reg_icon {
    background-position: -31px -226px;
    top: 9px;
}

.down_ico {
    background-position: -2px -263px;
    width: 22px;
}

.game_list_icon {
    background-position: -29px -298px;
    left: auto;
    right: 0px;
}

.user_level_vip {
    background-position: -4px -334px;
    top: 8px;
}

.tips_user_nomsg {
    background-position: -32px -190px;
    top: 9px;
}

.tips_user_msg {
    background-position: -32px -369px;
    top: 9px;
}

/*.top_sub_nav a:hover i{transition:all 0.4s ease-in-out;}*/
.top_sub_nav a:hover .c_web_icon {
    background-position: -6px -11px;
}

.top_sub_nav a:hover .c_home_icon {
    background-position: -4px -46px;
}

.top_sub_nav a:hover .c_add_icon {
    background-position: -5px -82px;
}

.top_sub_nav a:hover .c_login_icon {
    background-position: -4px -154px;
}

.top_sub_nav a:hover .c_reg_icon {
    background-position: -4px -226px;
}

.top_sub_nav a:hover .tips_user_nomsg {
    background-position: -5px -190px;
}

.top_sub_nav a:hover .tips_user_msg {
    background-position: -5px -369px;
}

.all_games_ico:hover .game_list_icon {
    background-position: -2px -298px;
}

.top_login_name .name_ico {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #848484;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
}

.top_login_name:hover .name_ico {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: none;
    border-bottom: 6px solid #CF1132;
}

.top_login_links {
    width: 90px;
    min-height: 60px;
    height: auto;
    line-height: 32px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
}

.top_login_links a {
    display: block;
    height: 100%;
    font-size: 13px;
    border-bottom: 1px solid #E3E3E3;
}

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

.top_login_tips .t_item {
    float: left;
    display: inline;
    margin-left: 16px;
    position: relative;
}

.top_login_tips a {
    color: #999;
    position: relative;
}

.top_login_tips a.t_btn1 {
    padding-right: 10px;
    padding-left: 22px;
}

.top_login_tips a.t_user_name,
.top_login_tips a.t_user_out {
    padding-left: 0;
    margin-right: 10px;
}

.top_login_tips a.t_btn2 {
    padding-left: 22px;
    margin: 0 5px;
}

.top_login_tips a.user_vip {
    margin-right: 5px;
}

.top_login_tips .top_login_credit i {
    width: 16px;
    height: 14px;
    background: url(../png/credit.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.top_login_tips .top_login_mail i {
    width: 16px;
    height: 14px;
    background: url(../png/mail.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.user_vip .top_user_level {
    position: absolute;
    font: 8px/12px \9ED1\4F53;
    color: #03b4f5;
    left: 10px;
    top: 15px;
}

.all_games_ico {
    display: inline-block;
    vertical-align: top;
    width: 58px;
    height: 35px;
    line-height: 35px;
    margin-left: 12px;
    padding-right: 12px;
    text-indent: 3px;
    cursor: default;
    position: relative;
}

.sub_nav_search {
    width: 158px;
    height: 22px;
    margin: 6px 0 0 10px;
    border: 1px solid #7cdcff;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
}

.sub_nav_search:hover {
    border-color: #03b4f5;
}

.top_sub_main .search_txt {
    width: 128px;
    height: 16px;
    padding: 3px 0;
    font: 12px/16px \5FAE\8F6F\96C5\9ED1;
    outline: none;
    color: #999;
    text-indent: 5px;
    border: none;
    background: none;
    float: left;
}

.top_sub_main .search_btn {
    width: 30px;
    height: 22px;
    cursor: pointer;
    border: none;
    background-position: 3px -116px;
    float: left;
}

.g-header {
    height: 100px;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
    position: relative;
    z-index: 4;
}

.g-logo {
    width: 160px;
    height: 100px;
    text-indent: -999px;
    overflow: hidden;
    background: url(../jpg/logob49e.jpg) no-repeat;
}

.g-menu {
    height: 100px;
    /* overflow: hidden; width: 696px;*/
}

.g-menu li {
    margin-left: 30px;
    float: left;
    position: relative;
}

.g-menu a {
    display: block;
    height: 100px;
    color: #585858;
    font-size: 18px;
    position: relative;
    transition: color 0.2s ease-in;
    _display: inline;
    zoom: 1;
}

.g-menu a span {
    display: inline-block;
    vertical-align: top;
    height: 95px;
    line-height: 100px;
    overflow: hidden;
}

.g-menu a:hover,
.g-menu .active {
    color: #CF2A43;
}

.g-menu a:hover i,
.g-menu .active i {
    width: 100%;
}

.g-menu a i {
    display: block;
    width: 0%;
    height: 5px;
    margin: 0 auto;
    overflow: hidden;
    background: #CF2A43;
    *position: absolute;
    bottom: 0px;
    left: 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.g-menu a .yanhua_ico {
    background: url(../png/yanhua.png) center top no-repeat;
    width: 0;
    height: 40px;
    position: absolute;
    top: 15px;
    right: -30px;
    display: none;
}

.g-menu a:hover .yanhua_ico,
.g-menu .active .yanhua_ico {
    width: 30px;
    -webkit-animation: bounceIn ease-in-out 400ms;
    animation: bounceIn ease-in-out 400ms;
}

.g-menu .top_login_links {
    top: 100px;
    right: 50%;
    transform: translateX(50%);
}

.g-menu .top_login_links a {
    height: 32px;
    font-size: 14px;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0.8;
        -webkit-transform: scale(0.3, 0.3);
    }

    40% {
        opacity: 0.8;
        -webkit-transform: scale(0.6, 0.6);
    }

    80% {
        opacity: 0.8;
        -webkit-transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 1.0;
        -webkit-transform: scale(1.0, 1.0);
    }
}

/*	.g-allgame-list { width: 460px; height: 150px; border: 1px solid #e8e8e8; border-radius: 0 0 5px 5px; box-shadow: 0 0 3px #e9e9e9; background: #fff; position: absolute; top: 35px; right: 0px; z-index: 9; display: none;}
	.g-allgame-list .col-bd { margin-right: -2px;}
	.g-allgame-list .col { width: 230px; height: 120px; border-right: 1px solid #e8e8e8; overflow: hidden;}
	.g-allgame-list .hd { height: 30px; line-height: 30px; color: #999; padding-left: 10px; background: #f9f9f9;}
	.g-allgame-list .bd { margin-right: -2px;}
	.g-allgame-list .bd li { width: 115px; height: 29px; line-height: 30px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; float: left;}
	.g-allgame-list .bd a { display: block; color: #a9a9a9; padding: 0 10px;}
	.g-allgame-list .bd a:hover { color: #03b4f5;}
	.g-allgame-list .fd { display: block; height: 30px; line-height: 30px; text-align: center; color: #999; margin: 0; background: #f9f9f9;}
	.g-allgame-list .fd:hover { color: #03b4f5;}
*/
/*.g-footer*/
.g-flinks {
    width: 100%;
    height: 84px;
    line-height: 80px;
    margin-top: 45px;
    overflow: hidden;
    position: relative;
    background: #fff url(../jpg/bg-flinksb49e.jpg) top center no-repeat;
}

.g-flinks .links {
    padding-left: 220px;
}

.g-flinks .links a {
    font-size: 14px;
    color: #8c8b8b;
    margin: 0 5px;
}

.g-flinks .links a:hover {
    color: #03b4f5;
}

.g-footer {
    text-align: center;
    line-height: 30px;
    color: #999898;
    padding: 30px 0 20px 0;
    background: #f1f2f3;
}

.g-footer a {
    color: #999898;
}

.g-footer a:hover {
    color: #03b4f5;
}

.legal-1,
.legal-2,
.legal-3,
.legal-4,
.legal-5,
.legal-6,
.legal-7 {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: url(../png/footer-ico3639.png) no-repeat;
}

.legal-2 {
    background-position: 0 -50px;
}

.legal-3 {
    background-position: 0 -100px;
}

.legal-4 {
    background-position: -50px 0;
}

.legal-5 {
    background-position: -50px -50px;
}

.legal-6 {
    background-position: -50px -100px;
}

.legal-7 {
    background-position: 0 -100px;
}

/*.g-sidefun*/
.g-sidefun {
    border-radius: 0 0 5px 5px;
    width: 52px;
    padding: 0 15px 0 17px;
    position: fixed;
    _position: absolute;
    bottom: 200px;
    right: 27px;
}

.g-sidefun a {
    display: block;
    width: 50px;
    height: 30px;
    background: #fff;
    padding: 11px 0 10px 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

/*.g-sidefun a:first-child { border-radius: 5px 5px 0 0;}
	.g-sidefun a:last-child { border-radius: 0 0 5px 5px;} */
.g-sidefun a:hover {
    background: #03b4f5;
}

.i-qr,
.i-olkf,
.i-totop {
    width: 30px;
    height: 30px;
}

.g-sidefun .qrcode .i-qr {
    background-position: 2px -810px;
}

.g-sidefun .olkf .i-olkf {
    background-position: 0 -840px;
}

.g-sidefun .totop .i-totop {
    background-position: 2px -870px;
}

.g-sidefun .qrcode:hover .i-qr {
    background-position: 2px -898px;
}

.g-sidefun .olkf:hover .i-olkf {
    background-position: 0 -927px;
}

.g-sidefun .totop:hover .i-totop {
    background-position: 2px -958px;
}

.g-sidefun .wechat-content {
    width: 168px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff;
    position: absolute;
    right: 60px;
    top: -134px;
    display: none;
}

.g-sidefun .wechat-content p {
    margin: -8px 0 6px 0;
}

.g-sidefun .wechat-content span {
    color: #03b4f5;
}

.g-sidefun .arrow {
    width: 8px;
    height: 13px;
    background: url(../png/wechat-arrowb49e.png) no-repeat;
    position: absolute;
    bottom: 20px;
    right: -8px;
}

.g-sidefun .qrcode:hover .wechat-content {
    display: block;
}

/* g-sidenav */
.g-sidenav {
    width: 70px;
    background-color: #ffffff;
    border-radius: 35px;
    text-align: center;
    padding: 5px 0;
    position: fixed;
    bottom: 200px;
    right: 30px;
    z-index: 20;
}

.g-sidenav li {
    width: 36px;
    height: 36px;
    background: #a2a1a8;
    border: 2px solid #a2a1a8;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 15px auto;
    position: relative;
}

.g-sidenav li:hover {
    background: #cf1132;
    border-color: #cf1132;
    cursor: pointer;
}

.g-sidenav li a {
    display: block;
}

.g-sidenav li .line {
    width: 44px;
    height: 1px;
    background-color: #E0E0E0;
    position: absolute;
    top: 51px;
    left: 50%;
    transform: translateX(-50%);
}

.g-sidenav li.gotop {
    background: none;
}

.g-sidenav li.gotop em {
    width: 20px;
    height: 12px;
    background: url(../png/gotop.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.g-sidenav li.gotop:hover em {
    background-position: 0 -12px;
}

.g-sidenav li .sns_qrcode {
    width: 200px;
    height: auto;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px 0;
    position: absolute;
    top: 50%;
    left: -228px;
    transform: translateY(-10%);
    display: none;
}

.g-sidenav li:hover .sns_qrcode {
    display: block;
}

.g-sidenav li .sns_qrcode .delta {
    border-left: 8px solid #ffffff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 6%;
    right: -8px;
}

.g-sidenav li .sns_qrcode dt {
    width: 140px;
    height: 140px;
    margin: 0 auto;
}

.g-sidenav li .sns_qrcode dt img {
    width: 100% !important;
    height: 100% !important;
}

.g-sidenav li .sns_qrcode dd {
    font-size: 14px;
    text-align: center;
    padding-top: 4px;
}

.g-sidenav li .sns_qrcode dd p {
    font-size: 16px;
    line-height: 30px;
    color: #cf1132;
}

/*.pagination*/
.pagination {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 20px 0 40px 0;
    overflow: hidden;
}

.pagination a {
    color: #999;
    padding: 6px 12px;
    border: 1px solid #cfcfcf;
    margin: 0 6px;
    border-radius: 5px;
    background: #fff;
}

.pagination .page:hover,
.pagination .nextPage:hover,
.pagination .more:hover,
.pagination .current,
.pagination .on {
    color: #fff;
    border: 1px solid #03b4f5;
    background: #03b4f5;
}

.pagination .disabled {
    color: #d5d5d5;
    background: rgba(208, 206, 206, .45);
    cursor: default;
}

/*icon*/
.pf-android,
.pf-ios {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 20px;
    background: url(../png/pf-typeb49e.png) no-repeat;
}

.pf-ios {
    background-position: 0 -30px;
}

/*pf-btn*/
.w-btn-android,
.w-btn-ios {
    display: block;
    width: 188px;
    height: 50px;
    line-height: 50px;
    text-indent: 55px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    overflow: hidden;
}

.w-btn-android {
    background: #57a335 url(../png/i-android.png) 12px center no-repeat;
}

.w-btn-ios {
    font-size: 18px;
    background: #070506 url(../png/i-ios.png) 12px center no-repeat;
}

.w-btn-android:hover,
.w-btn-ios:hover {
    color: #fff;
    opacity: .9;
}

/*kill ie*/
.killie {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #c7a17b;
    text-align: center;
    background: #ffffe1;
}

.killie a {
    color: #3399ff;
}

.killie a:hover {
    text-decoration: underline;
}

/*loading*/
.slide-box,
.rmd-game-list .game-pic,
.mod-hd-box .hd,
.remgift-list .img,
.imgnews-box .item {
    background: url(../gif/loadingb49e.gif) center center no-repeat;
}

/* 搜索 */
.search-which-game {
    width: 155px;
    height: 24px;
    margin-top: 11px;
    border: 1px solid #03b4f5;
    border-radius: 4px;
    position: relative;
    background: url(../jpg/search_btnb49e.jpg) center right no-repeat;
}

.search-txt {
    padding-left: 10px;
    height: 24px;
    display: block;
    font: 14px/24px \5FAE\8F6F\96C5\9ED1;
    color: #999;
    border: none;
    background: none;
    width: 118px;
}

.search-btn {
    position: absolute;
    width: 28px;
    height: 24px;
    border: none;
    background: none;
    cursor: pointer;
    top: 0;
    right: 0;
}

/*  20180209新增春节装饰   */
.spring_flower_left {
    background: url(../png/deng01.png) center top no-repeat;
    width: 225px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.spring_flower_right {
    background: url(../png/deng03b903.png) center top no-repeat;
    width: 223px;
    height: 135px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: none;
}

.spring_flower_chicken {
    background: url(../png/slogo.png) center top no-repeat;
    width: 155px;
    height: 52px;
    position: absolute;
    top: 24px;
    left: 170px;
    z-index: 2;
}

.spring_flower_chicken:after {
    content: '';
    width: 120%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -20%;
    background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%);
    transition: left 1s linear;
}

.spring_chicken_ani:after {
    left: 100%;
}

.spring_flower_ico01 {
    background: url(../png/deng02.png) center top no-repeat;
    width: 186px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 320px;
    z-index: 10;
    display: none;
}

.spring_flower_ico02 {
    display: none;
}

/*.bianpao_link{background:url(/images/2016/2018cj/cj_bianpao.png) center top no-repeat; width:65px; height:132px; position: fixed; _position: absolute; bottom: 69px; right: 36px; } */
@media screen and (max-width: 1600px) {

    .spring_flower_right,
    .spring_flower_left {
        display: none;
    }
}


/* 更多游戏列表 */
/*.g-allgame-list .icon-hot, .g-allgame-list .icon-new, .game-top-qr .icon-mark, .game-top-loged .icon-arrow, .game-top-loged .icon-redot { background: url(../../images/cms_style_2012_new/game_top_icon.png?201702131050) no-repeat; _background: url(../../images/cms_style_2012_new/game_top_icon.gif?201702131050) no-repeat;}*/
.g-allgame-list {
    width: 100%;
    height: 290px;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: -350px;
    left: 0px;
    z-index: 100;
}

.game-top-bg {
    width: 100%;
    height: 290px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    opacity: 0.9;
}

.game-top-gmain {
    width: 1024px;
    height: 290px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1002;
}

.game-top-rmd {
    width: 1200px;
    height: 145px;
    border-bottom: 1px solid #ddd;
}

.game-top-rmd a {
    width: 82px;
    height: 110px;
    overflow: hidden;
    text-align: center;
    color: #333;
    margin: 25px 75px 0 0;
    display: inline;
    float: left;
}

.game-top-rmd a em {
    display: block;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.game-top-rmd a img {
    display: block;
}

.game-top-rmd a:hover {
    color: #09b5f5;
}

.game-top-rmd a:hover em {
    margin-top: 5px;
}

.game-top-aglist .icon-hot,
.game-top-aglist .icon-new {
    display: inline-block;
    width: 11px;
    height: 11px;
    overflow: hidden;
    vertical-align: middle;
    background-position: 0 -240px;
}

.game-top-aglist .icon-new {
    background-position: 0 -280px;
}

.game-top-aglist {
    width: 1200px;
    height: 116px;
}

.game-top-gtype1 {
    width: 671px;
    border-right: 1px solid #ddd;
}

.game-top-gtype2 {
    width: 362px;
    padding-left: 70px;
}

.game-top-aglist dl {
    height: 150px;
    margin-top: 16px;
    float: left;
}

.game-top-aglist dt {
    height: 34px;
    font-size: 16px;
    color: #09b5f5;
}

.game-top-aglist dd {
    width: 134px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    float: left;
}

.game-top-aglist dd a {
    color: #6f6f6f;
    transition: all 0.3s ease;
}

.game-top-aglist dd a:hover {
    color: #09b5f5;
    padding-left: 12px;
}

.game-top-gtype2 dd {
    width: 178px;
}

/* 底部信息 */
.g-footer-in {
    font: 12px/18px \5FAE\8F6F\96C5\9ED1;
    color: #6c6c6c;
    padding-bottom: 5px;
}

.g-footer-in a {
    color: #6c6c6c;
}

.g-footer-in a.unline {
    text-decoration: underline;
}


/*国庆点缀*/
.guoqing-tp {
    position: absolute;
    width: 150px;
    height: 105px;
    top: -5px;
    left: 370px;
    z-index: 4;
    background: url(../png/guoqing_top.png) 0 0 no-repeat;
}

.guoqing-dz {
    position: absolute;
    width: 60px;
    height: 107px;
    left: 15px;
    top: 160px;
    background: url(../png/guoqing_gj.png) 0 0 no-repeat;
}



/* S 快游戏列表 */
.nav_game_product {
    position: absolute;
    top: 0;
    right: -150px;
}

.quick_game_btn {
    width: 120px;
    height: 120px;
    line-height: 180px;
    color: #ffffff;
    font-size: 20px;
    background-color: #CF1132;
    text-align: center;
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.i-game-list {
    width: 40px;
    height: 28px;
    background: url(../png/i-game-list.png) no-repeat;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.quick_game_box {
    position: absolute;
    top: 100px;
    right: -130px;
    width: 1920px;
    height: auto;
    background-color: rgba(0, 0, 0, .86);
    padding: 40px 0;
    display: none;
    z-index: 3;
}

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

.quick_game_tab {
    float: left;
    width: 178px;
    padding-bottom: 100px;
}

.quick_game_tab li {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 24px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.quick_game_tab li.on {
    color: #CF1132;
}

.quick_game_tab li .tab_icon {
    width: 30px;
    height: 30px;
    background: url(../png/quick_game_icon.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}

.quick_game_tab li .icon_1 {
    background-position: 0 0;
}

.quick_game_tab li.on .icon_1 {
    background-position: -30px 0;
}

.quick_game_tab li .icon_2 {
    background-position: 0 -30px;
}

.quick_game_tab li.on .icon_2 {
    background-position: -30px -30px;
}

.quick_game_tab li .tab_line {
    width: 4px;
    height: 100%;
    background: #CF1132;
    position: absolute;
    top: 0;
    right: -3px;
    display: none;
}

.quick_game_tab li.on .tab_line {
    display: block;
}

.quick_game_list {
    float: right;
    padding-left: 24px;
    width: 996px;
    min-height: 340px;
    height: auto;
    border-left: 2px solid #6A6B6D;
}

.quick_game_list li {
    width: 166px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
    float: left;
}

.quick_game_list li a {
    color: #FFFFFF;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: -10px;
}

.quick_game_list li a:hover {
    color: #CF1132;
    border-bottom: 2px solid #CF1132;
}

.quick_game_list li .game_icon {
    width: 74px;
    height: 74px;
    overflow: hidden;
    margin: 0 auto 6px auto;
}

/* E 快游戏列表 */


.g-tit {
    height: 24px;
    line-height: 24px;
    color: #000000;
    font-size: 24px;
    border-left: 4px solid #CF1132;
    padding-left: 14px;
    margin: 0 0 14px 8px;
    position: relative;
}

.g-tit span {
    font-size: 16px;
    color: #313131;
    margin-left: 10px;
    opacity: 0.2;
}

.g-tit-special {
    color: #CF1132;
}

.g-tit-border {
    position: absolute;
    left: -4px;
    bottom: -14px;
    width: 308px;
    height: 4px;
    background: url(../jpg/g_tit_border.jpg) 0 0 no-repeat;
    overflow: hidden;
}