@charset "utf-8";

blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    padding: 0;
    margin: 0;
    background: #000;
    max-width: 1920px;
    margin: 0 auto
}

abbr,
body,
fieldset,
html,
iframe,
img {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

input {
    outline: 0
}

a,
button {
    cursor: pointer
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    font-weight: 700
}

a,
a:hover {
    text-decoration: none
}

body,
button,
input,
textarea {
    color: #62a1c9
}

body,
html {
    width: 100%;
    min-height: 930px;
    height: auto;
    font-family: "Microsoft YaHei", "Helvetica Neue", Arial, HelveticaNeue, Helvetica, "BBAlpha Sans", sans-serif;
    background: #fff
}

#NIE-topBar {
    width: 100%;
    min-width: 1440px !important;
    height: 55px;
    z-index: 997 !important
}

#NIE-topBar #NIE-topBar-main {
    z-index: 997 !important
}

#NIE-copyRight {
    width: 100%;
    min-width: 1440px;
    background: #000
}

#NIE-copyRight a {
    color: #fff
}

#NIE-copyRight span {
    color: #fff
}

#NIE-copyRight #ncp-l3 {
    display: inline-block
}

.hide {
    display: none
}

.i7info {
    display: none;
    width: 1200px;
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: -600px;
    text-align: center;
    color: #ffe200;
    line-height: 50px;
    z-index: 99999;
    font-size: 30px
}

.i7info .i7con {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
    background: #fd8c88
}

.i7info .i7con a {
    margin: 0 20px;
    color: #666;
    font-size: 20px;
    cursor: pointer
}

.zzc {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: fixed;
    _position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: -1;
    display: none
}

.zzc.on {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    z-index: 9998;
    display: block
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
    margin: 0;
    padding: 0
}

body {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", simSun, "Lucida Grande", "Lucida Sans Unicode", Arial;
    font-size: 12px
}

html,
body,
fieldset,
img,
iframe,
abbr {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

input {
    outline: 0
}

a,
button {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
    font-weight: 700
}

img {
    border: 0
}

a,
img {
    border: 0
}

a,
a:hover {
    text-decoration: none
}

.clear {
    clear: both
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    content: '';
    display: block;
    clear: both
}

h1 {
    display: none
}

.sys {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top: 3px solid #3f56d2;
    box-shadow: 0 0 3px #3f56d2;
    z-index: 100;
    animation: sys 2.5s linear infinite
}

@keyframes sys {
    0% {
        top: 0
    }

    50% {
        top: 108px
    }

    100% {
        top: 0
    }
}

.nav {
    width: 100%;
    position: fixed;
    right: 0;
    z-index: 996;
    position: fixed
}

.nav.on {
    position: fixed
}

.nav .nav_logo {
    height: 100%;
    line-height: 94px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    pointer-events: auto
}

.nav .nav_logo img {
    width: 250px
}

.nav .nav_box {
    width: 600px;
    height: 94px;
    margin: 0 auto;
    position: relative;
    background: #000;
    border-radius: 0 0 0 20px;
    float: right;
    pointer-events: auto;
    padding-right: 10px;
}

.nav .nav_box ul {
    width: 600px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.nav .nav_box ul li {
    float: left;
    flex: 1;
    /* width: 20%; */
    height: 100%;
    text-align: center;
    position: relative;
    padding: 2px;
}

.nav .nav_box ul li a {
    color: #f6e6c9;
    display: inline-block;
}

.nav .nav_box ul li a span {
    margin: 16px auto 8px
}

.nav .nav_box ul li:hover a {
    color: #29c7d7
}

.nav .nav_box ul li:hover.home span {
    background: url(../img/nav_icon1H_1c57348.webp) no-repeat
}

.nav .nav_box ul li:hover.rmzx span {
    background: url(../img/nav_icon2H_73e0086.webp) no-repeat
}

.nav .nav_box ul li:hover.kpzs span {
    background: url(../img/nav_icon3H_6495e0f.webp) no-repeat
}

.nav .nav_box ul li:hover.jyjlb span {
    background: url(pc/gw/20190509150909/img/nav_icon4H_6e5fe6d.png) no-repeat
}

.nav .nav_box ul li:hover.yxgl span {
    background: url(../img/nav_icon5H_8afa1cf.webp) no-repeat
}

.nav .nav_box ul li:hover.zfzx span {
    background: url(pc/gw/20190509150909/img/nav_icon9H_8358d27.png) no-repeat;
    background-size: 100%
}

.nav .nav_box ul li:hover.sszq span {
    background: url(../img/nav_icon6H_9971623.webp) no-repeat
}

.nav .nav_box ul li:hover.gfqd span {
    background: url(pc/gw/20190509150909/img/nav_icon7H_439e9d4.webp) no-repeat
}

.nav .nav_box ul li:hover.pplyy span {
    background: url(pc/gw/20190509150909/img/nav_icon8H_d39fecd.png) no-repeat
}

.nav .nav_box ul li:hover.pplys span {
    background: url(pc/gw/20190509150909/img/pplrs_h_e86a12c.png) no-repeat center;
    background-size: contain
}

.nav .nav_box ul li.home span {
    width: 34px;
    height: 27px;
    background: url(../img/nav_icon1_7fedeec.webp) no-repeat;
    display: block
}

.nav .nav_box ul li.home.active span {
    background: url(../img/nav_icon1H_1c57348.webp) no-repeat
}

.nav .nav_box ul li.home.active a {
    color: #29c7d7
}

.nav .nav_box ul li.zfzx span {
    width: 40px;
    height: 30px;
    background: url(pc/gw/20190509150909/img/nav_icon9_fd42d43.png) no-repeat;
    background-size: 100%;
    display: block;
    margin-top: 11px
}

.nav .nav_box ul li.zfzx.active span {
    background: url(pc/gw/20190509150909/img/nav_icon9H_8358d27.png) no-repeat;
    background-size: 100%
}

.nav .nav_box ul li.zfzx.active a {
    color: #fbf79f
}

.nav .nav_box ul li.rmzx span {
    width: 33px;
    height: 23px;
    background: url(../img/nav_icon2_45a00ec.webp) no-repeat;
    display: block;
    margin-top: 19px
}

.nav .nav_box ul li.rmzx.active span {
    background: url(../img/nav_icon2H_73e0086.webp) no-repeat
}

.nav .nav_box ul li.rmzx.active a {
    color: #fbf79f
}

.nav .nav_box ul li.kpzs span {
    width: 25px;
    height: 34px;
    background: url(../img/nav_icon3_b3936f8.webp) no-repeat;
    display: block;
    margin-top: 9px
}

.nav .nav_box ul li.kpzs.active span {
    background: url(../img/nav_icon3H_6495e0f.webp) no-repeat
}

.nav .nav_box ul li.kpzs.active a {
    color: #fbf79f
}

.nav .nav_box ul li.jyjlb span {
    width: 35px;
    height: 29px;
    background: url(pc/gw/20190509150909/img/nav_icon4_5ac31a8.png) no-repeat;
    display: block;
    margin-top: 14px
}

.nav .nav_box ul li.jyjlb.active span {
    background: url(pc/gw/20190509150909/img/nav_icon4H_6e5fe6d.png) no-repeat
}

.nav .nav_box ul li.jyjlb.active a {
    color: #fbf79f
}

.nav .nav_box ul li.yxgl span {
    width: 30px;
    height: 28px;
    background: url(../img/nav_icon5_bb1cab4.webp) no-repeat;
    display: block;
    margin-top: 15px
}

.nav .nav_box ul li.yxgl.active span {
    background: url(../img/nav_icon5H_8afa1cf.webp) no-repeat
}

.nav .nav_box ul li.yxgl.active a {
    color: #fbf79f
}

.nav .nav_box ul li.sszq span {
    width: 32px;
    height: 27px;
    background: url(../img/nav_icon6_0c2d838.webp) no-repeat;
    display: block;
    margin-top: 15px
}

.nav .nav_box ul li.sszq.active span {
    background: url(../img/nav_icon6H_9971623.webp) no-repeat
}

.nav .nav_box ul li.sszq.active a {
    color: #fbf79f
}

.nav .nav_box ul li.gfqd span {
    width: 31px;
    height: 29px;
    background: url(pc/gw/20190509150909/img/nav_icon7_48e1859.png) no-repeat;
    display: block;
    margin-top: 13px
}

.nav .nav_box ul li.gfqd.active span {
    background: url(pc/gw/20190509150909/img/nav_icon7H_439e9d4.webp) no-repeat
}

.nav .nav_box ul li.gfqd.active a {
    color: #fbf79f
}

.nav .nav_box ul li.pplys span {
    width: 35px;
    height: 35px;
    background: url(pc/gw/20190509150909/img/pplrs_5237a1e.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-top: 10px
}

.nav .nav_box ul li.pplys.active span {
    background: url(pc/gw/20190509150909/img/pplrs_h_e86a12c.png) no-repeat center;
    background-size: contain
}

.nav .nav_box ul li.pplys.active a {
    color: #fbf79f
}

.nav .nav_box ul li.pplyy span {
    width: 48px;
    height: 31px;
    background: url(pc/gw/20190509150909/img/nav_icon8_5a7daa2.png) no-repeat;
    display: block;
    margin-top: 13px
}

.nav .nav_box ul li.pplyy.active span {
    background: url(pc/gw/20190509150909/img/nav_icon8H_d39fecd.png) no-repeat
}

.nav .nav_box ul li.pplyy.active a {
    color: #fbf79f
}

.nav .nav_box ul li .htxy_nav {
    display: none;
    width: 121px;
    height: 134px;
    padding-top: 28px;
    position: absolute;
    bottom: -154px;
    left: 50%;
    margin-left: -60px;
    background: url(../img/nav_htxy.png) no-repeat;
    background-size: 100%
}

.nav .nav_box ul li .htxy_nav.zb_nav a {
    font-size: 16px;
    line-height: 30px
}

.nav .nav_box ul li .htxy_nav a {
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #281b19
}

.nav .nav_box ul li .htxy_nav a:hover {
    color: #813923
}

.nav .nav_box ul li .gw_channel {
    display: none;
    width: 526px;
    width: 399px;
    height: 160px;
    padding-top: 42px;
    position: absolute;
    bottom: -194px;
    left: 50%;
    margin-left: -263px;
    background: url(pc/gw/20190509150909/img/gw_channel_d269c87.png) no-repeat
}

.nav .nav_box ul li .gw_channel a {
    display: inline-block;
    width: 141px;
    margin: 0 -8px;
    margin: 0 8px;
    height: auto;
    cursor: default
}

.nav .nav_box ul li .gw_channel a.channel_pointer {
    cursor: pointer
}

.nav .nav_box ul li .gw_channel a .channel_img {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    text-align: center;
    line-height: 110px
}

.nav .nav_box ul li .gw_channel a .channel_img img {
    vertical-align: middle;
    max-width: 100%
}

.nav .nav_box ul li .gw_channel a p {
    font-size: 14px;
    text-align: center;
    line-height: 36px;
    color: #281b19
}

.nav .nav_box ul li .gw_channel a:hover p {
    color: #9b706a
}

.nav .nav_box ul li .gw_channel a:nth-child(3) {
    display: none
}

.nav .nav_box ul li .gw_channel.on {
    margin-left: -463px;
    background: url(pc/gw/20190509150909/img/gw_channel2_00a567b.png) no-repeat
}

.nav .nav_box ul li.htxy:hover .htxy_nav {
    display: block
}

.nav .nav_box ul li.channel:hover .gw_channel {
    display: block
}

#NIE-copyRight {
    background: none !important
}

#NIE-copyRight p {
    color: #fff !important
}

.share {
    margin: 18px auto;
    text-align: center
}

.share span {
    color: #c6c6c6 !important
}

.share a {
    margin: 0 8px;
    width: auto !important;
    color: #c6c6c6 !important
}

.share a span {
    font-size: 22px !important
}

.share a em {
    margin-left: 4px
}

.yuyue {
    display: none;
    width: 410px;
    height: 278px;
    background: url(../img/yuyue_bg.png) no-repeat;
    padding: 70px 0 0 60px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -149px 0 0 -205px;
    z-index: 99999
}

.yuyue .popClose {
    position: absolute;
    top: 0;
    right: -92px;
    display: block;
    width: 92px;
    height: 92px;
    background: url(../img/x.png) no-repeat
}

.yuyue .inputSystem {
    display: none;
    text-align: center;
    color: #4c3112;
    width: 298px;
    font-size: 14px;
    margin-bottom: 10px
}

.yuyue .inputSystem span {
    margin-left: 10px;
    cursor: pointer
}

.yuyue .inputSystem span.on i {
    background: url(../img/radio_on.png) no-repeat
}

.yuyue .inputSystem span i {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 5px 0 0;
    background: url(../img/radio.png) no-repeat
}

.yuyue .inputBox {
    width: 298px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    color: #4c3112;
    background: rgba(234, 217, 217, .2);
    outline: 0;
    box-sizing: border-box;
    border: 1px solid #553c1f;
    text-align: center;
    font-size: 14px
}

.yuyue .inputBox input::-webkit-input-placeholder {
    color: #4c3112
}

.yuyue .inputBox :-moz-placeholder {
    color: #4c3112
}

.yuyue .inputBox ::-moz-placeholder {
    color: #4c3112
}

.yuyue .inputBox input:-ms-input-placeholder {
    color: #4c3112
}

.yuyue .inputBox input::-webkit-input-placeholder {
    color: #4c3112
}

.yuyue .inputBox input {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: 0 0;
    border: 0;
    text-align: center;
    color: #4c3112
}

.yuyue .inputBox input#JcodeYzm {
    width: 190px;
    float: left
}

.yuyue .inputBox .sendYzm {
    float: right;
    width: 106px;
    height: 48px;
    background: url(../img/yuyue_yzm.png) no-repeat;
    text-indent: -9999em
}

.yuyue .inputBox .sendYzm:hover {
    background: url(../img/yuyue_yzm_h.png) no-repeat
}

.yuyue .orderBtn {
    width: 266px;
    height: 85px;
    display: block;
    margin-left: 23px;
    background: url(../img/yuyue_btn.png) no-repeat;
    text-indent: -9999em
}

.yuyue .orderBtn:hover {
    background: url(../img/yuyue_btn_h.png) no-repeat
}

.tc_videos {
    display: none;
    width: 850px;
    height: 580px;
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

.tc_videos .videoty {
    width: 100%;
    height: 100%
}

.tc_videos .close2 {
    width: 46px;
    height: 46px;
    position: absolute;
    right: -60px;
    top: 0;
    background: url(pc/gw/20190509150909/img/close_850a6f6.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.tc_videos .close2:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tc_videos.game_videos {
    width: 900px;
    height: 382px;
    margin: -191px 0 0 -450px
}

.alert_box .alert_wrap {
    color: #3c3c3c;
    background: #fff
}

.alert_box .alert_wrap .alert_main .tips {
    color: #f66960
}

.alert_box .alert_wrap .alert_main .key {
    color: #5084cb
}

.alert_box .alert_wrap .alert_main .key:hover {
    color: #6898da
}

.alert_box .alert_wrap .alert_main .text {
    color: #3c3c3c;
    border: 1px solid #ccc
}

.alert_box .alert_wrap .alert_main .btns {
    color: #fff
}

.alert_box .alert_wrap .alert_main .btns.btnsCancle {
    background-color: #b7b7b7
}

.alert_box .alert_wrap .alert_main .btns.btnsConfirm {
    background-color: #5084cb
}

.alert_box .alert_wrap .alert_main .btns.btnsCancle:hover {
    background-color: #c3c3c3
}

.alert_box .alert_wrap .alert_main .btns.btnsConfirm:hover {
    background-color: #6898da
}

.alert_box .alert_wrap .alertClose em {
    background-color: #5084cb
}

.alert_box .alert_wrap .alertClose:hover em {
    background-color: #6898da
}
.new-foot {
    width: 100%;
    color: #b5bbc2;
    text-align: center;
    line-height: 64px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0;
}
