@charset "utf-8";
/*
	游戏官网文章页通用import（不可修改）
	Auth:Lam
	Ver:1
	Date:2011-11-16
*/
#NIE-art{
    font-family: "宋体", serif;font-size:14px;}
/* 标题     */#NIE-art .artTitle{
                  font-family: "黑体", serif;line-height:30px;font-size:20px;text-align:center;}
/* 副标题   */
/* 文章信息 */#NIE-art .artInfo{text-align:center;font-size:12px;}
/* 文章来源 */
/* 日期时间 */#NIE-art .artDate{
                  font-family: Verdana, serif;}
/* 核心提示 */
/* 诗词     */
/* 正文     */#NIE-art .artText{margin:0 auto;padding:10px 0;font-size:14px;line-height:24px;}
/* 正文段落  */#NIE-art .artText p{line-height:24px;}
/* 一级标题 */#NIE-art .artText h2{text-indent:18px;height:30px;line-height:30px;font-size:16px;font-weight:bold;}
/* 二级内容 */
/* 二级标题 */#NIE-art .artText h3{margin-bottom:14px;text-indent:23px;height:27px;line-height:27px;font-size:14px;font-weight:bold;}
/* table分行处理 */#NIE-art table td{word-break:break-word;overflow:hidden;}
/* === 发布系统 === */
/* 加粗    */.b{font-weight:800;}
/* 着重色1  */.red{color:#f00;}
/* 着重色1加粗 */
/* 着重色2  */.blue{color:#00F;}
/* 服务器名字 */
/* 列表 */
#NIE-art ul{}
#NIE-art ul h4{font-weight:bold;}
#NIE-art ul li{padding:6px 0 6px 20px;line-height:24px;}
#NIE-art ul li ol{margin:0 0 0 20px;}
#NIE-art ul li ol li{list-style:inside decimal;margin:0;padding:0;font-size:12px;line-height:21px;background:none;}
/* 备注 */
/* 推荐 */
/*图片表格*/
#NIE-art .table-pic td{border:1px #fff solid;vertical-align:middle;text-align:center;}
#NIE-art .table-pic img{display:block;}
/*文字表格*/
#NIE-art .table-txt td{border:1px #b3b3b3 solid;vertical-align:middle;}
#NIE-art .table-txt thead td{font-weight:bold;font-size:14px;}
/* 免责声明 */
#NIE-art .artDisclaimer i{position:absolute;top:19px;/* for ie */top:24px \9;left:7px;width:160px;padding:9px;text-align:left;background:#fff;border:1px #bcbcbc solid;display:none;}
#NIE-art .artDisclaimer i a{width:70px;margin:2px 10px 2px 0;float:left;text-indent:20px;color:#868686;text-decoration:none;display:inline;}
#NIE-art .artDisclaimer i a:hover{color:#F60;text-decoration:underline;}

/* 分页 */
#NIE-art .paging i,#NIE-art .paging a:hover i{margin:0 1px;padding:2px 5px;font-style:normal;color:#fff;background:#FF9900;border:1px solid #FF6600;}
#NIE-art .paging a{text-decoration:none;}
#NIE-art .paging a i{color:#333;border:1px #9d9d9d solid;background:#e6e6e6;}
/* 统一间距 */
/* fix table p */
#NIE-art .artText table p{margin-top:0;}
/* === 兼容 === */
/*图片边框*/#NIE-art .table-pic img,.table3 img{border:3px #fff solid;}
/*图片.hover边框颜色**/#NIE-art .table-pic a:hover img,.table3 a:hover img{border-color:#999;}
/*文字表格padding*/#NIE-art .table-txt td,.table4 td/*,.table3 td*/{padding:5px 3px;}
/*文字表格边框**/#NIE-art .table-pic td,.table3 td,.table4 td,.tablepad12 td,.tablepad td{border-width:1px;border-style:solid;}

.table3 td{vertical-align:middle;text-align:center;}

.table4 td{vertical-align:middle;}
.table4 thead td{font-weight:bold;font-size:14px;}

.tablepad12 td{padding:2px;font-size:12px;}

.tablepad td{padding:1px 5px;margin:0;}



article,aside,audio,bdi,canvas,datalist,details,figcaption,figure,footer,header,hgroup,keygen,mark,meter,nav,output,progress,rp,rt,ruby,section,source,summary,time,track,video,title {
    display: block
}

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

fieldset,img {
    border: 0
}

:focus {
    outline: 0
}

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

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

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

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

code,kbd,samp,tt {
    font-size: 100%
}

input,button,textarea,select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol,ul,li {
    list-style: none
}

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

caption,th {
    text-align: left
}

sup,sub {
    font-size: 100%;
    vertical-align: baseline
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: none
}

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

.clear {
    zoom: 1;
    clear: both
}

.hide {
    display: none
}

.wrap {
    max-width: 1920px;
    min-width: 1000px;
    margin: 0 auto
}

.main {
    width: 1000px;
    margin: 0 auto
}

html,body {
    height: 100%
}

.wrap {
    min-height: 100%;
    background: url(../img/bg.webp) no-repeat center top
}

.index {
    background-image: url(../img/bgIndex.webp);
    background-repeat:no-repeat;
}

.index .nav-main {
    margin-bottom: 0
}

.nav-main {
    position: relative;
    z-index: 99;
    height: 66px;
    margin-bottom: 20px;
    background-color: rgba(255,255,255,.15);
    box-shadow: 0 3px 1px rgba(6,0,1,.06)
}

.nav-main a {
    position: absolute;
    top: 0;
    font: 700 24px/66px "Microsoft YaHei",Simsun;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 0 2px rgba(23,61,104,.6),-1px 0 2px rgba(23,61,104,.6),0 -1px 2px rgba(23,61,104,.6),0 1px 2px rgba(23,61,104,.6),0 2px 2px rgba(23,61,104,.6),0 3px 2px rgba(23,61,104,.6);
    -webkit-transition: all .5s;
    transition: all .5s
}

.nav-main a:hover {
    color: #fec73b;
    text-shadow: 1px 0 2px rgba(65,37,1,.9),-1px 0 2px rgba(65,37,1,.9),0 -1px 2px rgba(65,37,1,.9),0 1px 2px rgba(65,37,1,.9),0 2px 2px rgba(65,37,1,.9),0 3px 2px rgba(65,37,1,.9)
}

.nav-main-logo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 288px;
    height: 180px;
    margin-left: -144px;
}

.nav-main-link1 {
    right: 50%;
    margin-right: 380px
}

.nav-main-link2 {
    right: 50%;
    margin-right: 170px
}

.nav-main-link3 {
    left: 50%;
    margin-left: 170px
}

.nav-main-link4 {
    left: 50%;
    margin-left: 380px
}

.banner-ul li {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.banner-ul img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.news-pic-box a {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.news-pic-box img {
    display: block;
    width: 100%;
    height: 100%
}

.news-pic-nav li {
    float: left;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    border-radius: 50%;
    background: #fff4d1;
    -webkit-transition: all .5s;
    transition: all .5s
}

.news-pic-nav li.on {
    background: #febf32
}

.news-list-tab a:hover {
    background: #fec232
}

.news-list-box ul {
    display: none;
    overflow: hidden;
    height: 156px
}

.news-list-box ul.on {
    display: block
}

.news-list-box li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 260px;
    height: 24px;
    padding-right: 90px;
    margin-bottom: 9px
}

.news-list-box a {
    display: block;
    font: 14px/24px "Microsoft YaHei",Simsun;
    text-decoration: none;
    color: #262626
}

.news-list-box a:hover {
    text-decoration: underline
}

.news-list-box time {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    text-align: right
}

.news-list-more a {
    display: none;
    font: 14px/32px "Microsoft YaHei",Simsun;
    text-decoration: none;
    color: #262626
}

.news-list-more a.on {
    display: block
}

.banner-other a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.banner-other a:hover {
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.news {
}

.news-box-tag a {
    float: left;
    width: 96px;
    border-radius: 16px 16px 0 0;
    font: 700 23px/57px "Microsoft YaHei",Simsun;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 0 3px #3a230a,-1px 0 3px #3a230a,0 -1px 3px #3a230a,0 1px 3px #3a230a,0 2px 3px #3a230a,0 3px 3px #3a230a
}

.news-box-tag a.on {
    background: #fff6d8;
    box-shadow: 0 1px 0 1px #d2c28a;
    *color: #cba164;
    color\0: #cba164
}

.news-box-content ul {
    display: none;
    overflow: hidden;
    height: 100%
}

.news-box-content ul.on {
    display: block
}

.news-box-content a:hover {
    color: #fff;
    background: #cba164;
    box-shadow: inset 0 -1px 1px #ad7a32,0 2px 4px rgba(193,172,114,.5);
    text-shadow: 1px 0 2px rgba(0,0,0,.5),-1px 0 2px rgba(0,0,0,.5),0 -1px 2px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.5),0 2px 2px rgba(0,0,0,.5),0 3px 2px rgba(0,0,0,.5)
}

.news-box-content span {
    position: absolute;
    top: 0;
    left: 10px
}

.news-box-content time {
    position: absolute;
    top: 0;
    right: 10px
}

.feature {
}

.feature-box-list li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px
}

.feature-box-list img {
    display: block;
    width: 100%;
    height: 100%
}

.feature-box-nav li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 4px 5px;
    border-radius: 50%;
    background: #b07933
}

.feature-box-nav li.on {
    width: 20px;
    height: 20px;
    margin: 0 1px;
    border: 2px solid #a46c1d;
    background: #ffd200;
    box-shadow: inset 0 1px 2px #fdf401
}

.article {
}

.article-top {
    height: 100px;
    background: url(../img/up.webp) no-repeat center top
}

.article-bottom {
    height: 192px;
    background: url(../img/down.webp) no-repeat center top
}

.article-content {
    padding: 0 55px;
    background: url(../img/middle.webp) repeat-y center top
}

#NIE-art {
}

#NIE-art .artTitle {
    font: 700 36px/54px "Microsoft YaHei",Simsun;
    color: #fff;
    text-align: center;
    text-shadow: 1px 0 3px #3a230a,-1px 0 3px #3a230a,0 -1px 3px #3a230a,0 1px 3px #3a230a,0 2px 3px #3a230a,0 3px 3px #3a230a
}

#NIE-art .artInfo {
    font: 700 18px/32px "Microsoft YaHei",Simsun;
    color: #262626;
    text-align: center
}

#NIE-art .artText h3 {
    position: relative;
    height: 36px;
    font: 700 24px/36px "Microsoft YaHei",Simsun;
    color: #323232
}

#NIE-art .artText h3:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fec73b;
    box-shadow: inset 0 0 0 2px #e58d64
}

#NIE-art .artText p {
    font: 18px/30px "Microsoft YaHei",Simsun;
    color: #262626
}

#NIE-art .artText a {
    color: #3d98f6
}

#NIE-art .table-pic td {
    border: 0;
    font: 18px/44px "Microsoft YaHei",Simsun;
    color: #262626
}

#NIE-art .table-pic tr:first-child td {
    position: relative;
    padding: 11px;
    background: #fff6d8;
    border-radius: 25px;
    box-shadow: 0 1px 0 1px #d2c28a
}

#NIE-art .table-pic img,#NIE-art .table-pic video,#NIE-art .table-pic object {
    display: block;
    border: 0;
    border-radius: 14px
}

.share-area-right a {
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 28px
}

.share-area-right img {
    position: absolute;
    left: 10px;
    bottom: 41px;
    width: 112px;
    height: 112px
}

.share-area-right a:hover {
}

.share-area-right a:hover b {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.share-area .NIE-share1 .NIE-share-iconBtn a {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 20px
}

#NIE-copyRight {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0
}

#NIE-copyRight,#NIE-copyRight-corp a,#NIE-copyRight-corp span {
    font: 12px/20px "Microsoft YaHei",Simsun;
    color: #262626;
    text-decoration: none
}

.nicescroll-rails div {
    left: 3px;
    max-width: 14px;
    min-width: 14px;
    border-radius: 7px!important;
    border: 1px solid #b59566!important;
    background: #ffd823!important
}

.crumbs {
    position: relative;
    top: 50px;
    left: 50px;
}

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

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

#NIE-art input {
    font-size: 20px;
    width: 100%;
    border: none;
    margin-top: 10px;
    background-color: transparent;
}