@charset "utf-8";
/* CSS Document 公共样式*/
html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
body { width: 100%; height:auto; background:#fff; -webkit-text-size-adjust:none;font-size: 12px;font-family: '微软雅黑'; color:#333; position: relative; }
ba{ font-style:normal; }
li{ list-style-type:none; }
fieldset, img { border:0; }
label,button{ cursor: pointer; }
select,input,textarea,font{ font-size: 12px; line-height:1.2em; }
a{color: #333; text-decoration: none;cursor: pointer;}
table{margin:10px auto;}
.head-top{height: 30px;border-bottom: 1px solid #eaeaea;background-color: #f9f9f9;}
.head-top .header-links>*,.head-logo .content>*{display: inline-block;vertical-align: middle;}
.content{width: 1200px;margin:0 auto;position: relative;}
.head-top-links{ float:right;}
.head-top-links a{ line-height:30px; font-size:12px; color:#999; padding:0 10px; }
.split-icon{ height:14px; width:0; border-left:1px solid #e0e0e0;display: inline-block;vertical-align: middle;}

.head-logo{margin-top: 31px;}
.head-logo a.logo,.head-nav span.logo{ background:url(../images/logo_pc.png) no-repeat; display:inline-block; width:220px; height:33px;    margin:0 37px 0 20px; padding:0;vertical-align: middle;}
.head-nav span.logo{ margin:0 20px 0 0;}
.head-logo .search-box{height: 34px;padding: 0 10px;border: 1px solid #cbcbcb; width:400px; padding:0 10px; font-size:15px;margin-right:9px;position: relative; }
.head-logo .search-btn{ cursor:pointer;font-size:16px;width: 90px;height: 36px;background-color: #129aee;color: #fff;box-sizing: content-box; border:none; padding:0;}
.head-links{ float:right; padding-top:6px}
.article-nav .head-links{ padding-top:12px}
.head-links a{margin:0 17px !important;line-height: 25px !important; font-size:15px !important; padding:0 10px !important;height: 25px !important;color: #129aee !important;background-color: transparent !important;border: 1px solid #129aee !important; border-radius: 2px !important;display: inline-block;vertical-align: middle;}
.head-links a:hover{ background:#129aee !important; color:#fff !important;}
#showajaxnews{padding-bottom: 20px;}

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

.head-nav{margin-top: 38px;border-bottom: 1px solid #e0e0e0;height: 40px;}
.head-nav p{font-weight:normal;font-size:100%;}
.head-nav dl{zoom:1;}
.head-nav dd{float:left;position:relative;}
.head-nav dd p{float:left; margin-right:20px;}
.head-nav dd p a{display:inline-block;*display:inline;zoom:1;height:14px;line-height:14px;padding:13px 30px;}
.head-nav dd p a i{display:inline-block;width:8px;height:5px;margin:0 0 0 5px;overflow:hidden;vertical-align:middle;font-size:12px;line-height:13px;background:url(../images/icon.png) 0 -61px no-repeat;}
.head-nav dd p a:hover i{background:url(../images/icon.png) 0 -67px no-repeat;}
.head-nav dd p a:hover,.head-nav dd.on p a{background:#fafafa;color:#129aee;}
.head-nav .welcome{padding-right:15px;color:#FF8400;}
.head-nav .welcome a{color:#FF8400;}
.head-nav dd ul{display:none;position:absolute;width:105px;top:40px;left:0;background:#fafafa;z-index: 9999999; border-top:1px solid #ddd;}
.head-nav dd ul li{line-height:31px;border-bottom:1px solid #ddd; text-align:center;}
.head-nav dd ul li a{display:block;color:#666; font-size:14px; padding:0}
.head-nav dd ul li a:hover{color:#129aee;}
.head-nav dd ul li a span{color:#129aee;margin-left:5px;}



.pages{ padding-bottom:30px; text-align:center;}
.pages b.selected{display:inline-block;padding: 4px 15px;border: 1px solid #ccc;color: #129aee;border-radius:4px;font-size:14px;}
.pages a{padding: 4px 15px;border: 1px solid #ccc;color: #666;display: inline-block;font-size: 14px;margin: 0 5px;border-radius: 5px;}
.pages a.on{ border-color:#fff; font-weight:bold; color:#129aee;}
.pages .total{display:none;}
.pages a:hover{ background:#129aee; border-color:#129aee; color:#fff;}
.diy_list_content{ padding:20px 0;}
.diy_list_content li{ width:48%;height:2em; line-height:2em; margin-right:4%; border-bottom:1px solid #E1F2FD;float: left; margin-bottom: 10px;display: inline-block;padding-bottom: 5px;}
.diy_list_content li a{ width:400px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); display: inline-block;}
.diy_list_content li:nth-child(2n){margin-right:0%;}
.diy_list_content li a:hover{ color:#129aee}
.diy_list_content li span{ float:right; color:#999; font-size:13px;}

.diy_list_content{ padding:20px 0;}
.diy_list_content li{ width:48%;height:2em; line-height:2em; margin-right:4%; border-bottom:1px solid #E1F2FD;float: left; margin-bottom: 10px;display: inline-block;padding-bottom: 5px;}
.diy_list_content li a{ width:400px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); display: inline-block;}
.diy_list_content li:nth-child(2n){margin-right:0%;}
.diy_list_content li a:hover{ color:#129aee}
.diy_list_content li span{ float:right; color:#999; font-size:13px;}

/*底部*/
.m_foots{ height:151px; background:#e4e4e4; }
.m_foot{ width:560px; margin:0 auto; text-align: center;}
.m_foot_link{ padding-top:36px; display:inline-block;overflow: hidden; }
.m_foot_link a{ float:left; color:#333; font-size:12px; position: relative; margin-right:50px; }
.m_foot_link a:after{ content: ''; position: absolute; width:1px; height:12px; background:#5e5e5e; top:5px; right:-25px; }
.m_foot_link a:last-child{ margin-right: 0; }
.m_foot_link a:hover{ text-decoration: underline; }
.m_foot_copy{ font-size:12px; color:#999; text-align: center; padding:12px 0 7px 0; }
.m_foot_copy a{ color:#999; }
.m_foot_ba{ text-align: center; }
.m_foot_ba a{ color:#999; font-size:12px; }

/*分页*/
#page,.page{text-align:center;font-size:14px;margin: 20px 0;overflow: hidden;zoom: 1;box-sizing: border-box;}
#page a,.page a{background:#e8e8e8;padding: 5px 11px;margin-right: 6px;color: #666;border: 1px solid #d7d7d7;display: inline-block;vertical-align: middle;}
#page a:hover,.page a:hover{ color:#fff; background:#22b0f7; text-decoration:none;}
#page span,.page span{ padding: 0 11px; margin: 0 1px 0 0; background: #22b0f7; color:#fff;}
#page b.sele,.page b.sele{ color:#fff; background:#7db700; text-decoration:none; padding: 0 11px; margin: 0 3px 0 0;}
#page b.total,.page b.total{ color:#999; font-weight:normal;}
#page b.selected,.page b.selected{display: inline-block;vertical-align: middle;background: #22b0f7;border: 1px solid #22b0f7;color:#fff;padding: 5px 11px;margin-right: 6px;}
#page strong.total,.page strong.total{ color: #888; font-weight:normal;}

/*头部*/
.header{height: 60px;background: #4384d4;}
.m1100{width: 1100px;margin:0 auto;}
.header-box{}
.game_logo{float: left;width: 120px;height: 33px;background-position: -1px -7px;margin-top: 14px;}
.game_logo img {
    width: 100%;
    vertical-align: middle;
}
.header_r{float: right;}
.header_ul{float: left;overflow: hidden;max-width: 680px;height: 60px;}
.header_ul li{float: left;margin-right: 30px;}
.header_ul li a{display: block;color:#fff;height:60px;line-height:60px;font-size: 14px;padding:0 5px;position: relative;}
.header_ul li.active a{font-weight: bold;}
.header_ul li.active a:after{content:'';position: absolute;left:0;bottom:0;width: 100%;height: 2px;background: #ff9b58;}
.header_search{float: right;width: 256px;height: 34px;border:1px solid #e1e1e1;border-radius: 4px;overflow: hidden;position: relative;margin-top:12px;}
.header_search input{border:0;background: #fff;outline:none;width: 100%;
height: 100%;padding: 0 52px 0 10px;box-sizing: border-box;}
.header_search a{position: absolute;top:0;right:0;background:#f4f4f4 url(../images/index.png) no-repeat;width: 39px;height: 34px;background-position: 7px -50px;border-left:1px solid #e1e1e1;}
.lang_box {line-height:28px;padding:0 10px;color:#6f6f6f;position:relative;border:1px solid #E7E7E7;display:inline-block;margin:8px auto;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.header_r .lang_box {margin-top: 16px;}
.lang_box .current_lang {position:relative;color:#fff;padding:0 15px 0 15px;cursor:pointer;}
.lang_box .current_lang::after {content:" ";position:absolute;right:-6px;top:12px;opacity:.4;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;}
.lang_box .menu_list {position:absolute;display:none;background:#fff;-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.15));filter:drop-shadow(0 0 5px rgba(0,0,0,0.15));left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:999999;}
.lang_box:hover .menu_list {display:block;}
.lang_box .current_lang:hover::after {transform:rotate(180deg);}
.lang_box .menu_list .menu_body ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto;padding:8px 0;overflow-y:auto;}
.lang_box .menu_body ul li {width:100%;padding:0 15px;}
.lang_box .menu_list .menu_body a {padding:5px;height:auto;line-height:26px;color:#777;white-space:nowrap;}
.lang_box .menu_list .menu_body li:hover a {color:#24cd77;}
/*底部*/
.foot-box {overflow:  hidden;padding: 60px 0 45px 0;width: 750px;margin:  0 auto;}
.foot-logo { float:  left; display:  block;width: 164px;height: 41px; background-size:100% 100%;}
.foot-logo img {
    width: 100%;
    vertical-align: middle;
}
.footer { background:  #f6f7fb; }
.foot-r {float: right;margin-left: 40px;padding-left: 60px;border-left: 1px solid #e0e0e4;}
.foot-r-t { overflow:  hidden; margin-left: -10px; }
.foot-r-t a { float:  left; display:  inline; font-size:  12px; color:  #333; border-left:  1px solid #333; margin-left: -1px; height: 13px; line-height: 13px; padding: 0 10px; }
.foot-span { display:  block; color:  #999; font-size:  12px; margin-top: 10px; }

/*热门标签*/
.main_Tag{height: 254px;overflow: hidden;margin-top:20px;}
.main_Tag a{font-size: 12px;float: left;color:#fff;background:#ffa958;margin:0 5px 5px 0;padding:8px 15px;text-align: center;}
.main_Tag a:hover{background:#e89b52;}
.main_Tag a:nth-of-type(6n+1){background: #ffa958;}
.main_Tag a:nth-of-type(4n+2){background: #67b4ff;}
.main_Tag a:nth-of-type(7n+3){background: #ffa9a8;}
.main_Tag a:nth-of-type(4n+4){background: #61e0c4;}
.main_Tag a:nth-of-type(4n+5){background: #ff7f7d;}
.main_Tag a:nth-of-type(6n+1):hover{background: #fb9b41;}
.main_Tag a:nth-of-type(4n+2):hover{background: #50a5f9;}
.main_Tag a:nth-of-type(7n+3):hover{background: #f59897;}
.main_Tag a:nth-of-type(4n+4):hover{background: #54e2c3;}
.main_Tag a:nth-of-type(4n+5):hover{background: #de6c6a;}
/*标题*/
.global-tit { height:28px; line-height:  28px; position:  relative; padding-left: 20px;font-size:  20px; font-weight:  bold; }
.global-tit:before { content:  ""; position:  absolute; left:  0; top: 0; bottom:0;margin:auto;width: 4px; height: 100%; background-color: #2b91e8; }
.global-tit span{font-size: 12px;color:#999;padding-left:10px;font-weight: normal;vertical-align: text-top;}
.global-tit span i{color:#333;margin:0 5px;font-style: normal;}
/*分页*/
.pager{margin: 40px auto;height: 31px;line-height: 31px;text-align:center;font-size:14px;overflow: hidden;zoom: 1;}
.pager a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7; }
.pager a:hover{ color:#fff; background:#22b0f7; text-decoration:none;border: 1px solid #22b0f7;  }
.pager span{ padding: 4px 10px; margin: 0 1px 0 0; background: #22b0f7; color:#fff; }
.pager b.sele{ color:#fff; background:#22b0f7; text-decoration:none;padding: 5px 11px;margin: 0 6px 0 0;border: 1px solid #22b0f7; }
.pager b.total{ color:#999; font-weight:normal; }
.pager b.selected{ background: #22b0f7; border: 1px solid #22b0f7; color:#fff; padding: 5px 11px; margin: 0 6px 0 0; }
.pager strong.total{ color: #888; font-weight:normal; }



/**/
.glo-head { height: 80px; background-color: #ffffff; border: solid 1px #dddddd; border-left: none; border-right: none; overflow: hidden; display: block; width: 100%; }
.glo-top {height: 30px;background: #33363d;}
.glo-top-cen {width: 1100px;margin: 0 auto;height: 30px;}
.glo-head-top { width: 1000px; margin: 0 auto; overflow: hidden; }
.glo-head-bot { width: 1200px; margin: 12px auto 0; overflow: hidden; }
.web-nav-tit {display: block;font-size: 12px;color: #fff;height: 30px;line-height: 30px;padding-left: 28px;position: relative;}
.website-nav { float: left; cursor: pointer; position: relative; }
.website-navbox {position: absolute;top: 30px;width: 1100px;left: 0;background: rgba(33,34,37,.95);z-index:3;display: none;}
.website-nav:hover .website-navbox { display: block; }
.web-nav-tit:before {content: "";position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 15px;height: 10px;}
.glo-head-top .logo {float: left;margin-top: 12px;background: url(../images/slicing.png) no-repeat;background-position: -36px 0;width: 408px;height: 56px;}
.search .search-box { width: 430px; height: 35px; background: #ffffff; border-radius: 18px; border: none; overflow: hidden; float: none; }
.search .search-box input { font-size: 12px; color: #999; height: 35px; line-height: 35px; width: 340px; padding-left: 20px; }
.search-btn { width: 50px; height: 100%; }
.search{ float:right; width: 430px; }
.glo-nav-list li { float: left; }
.glo-nav-list { overflow: hidden; }
.glo-nav-list li a { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 32px; }
.glo-nav-list li:hover a,.glo-nav-list li.active a { background: #ffbd40; }
.search-tip { width: 100%; overflow: hidden; margin-top: 20px; height: 12px; }
.search-tip a { float: left; color: #fff; font-size: 12px; height: 12px; line-height: 12px; margin-left: 18px; }
.search-tip span { float: left; color: #999; font-size: 12px; height: 12px; line-height: 12px; }
.search-tip a:nth-of-type(2) { color: #ff3535; }
.search-tip a:nth-of-type(3) { color: #88a4ff; }
.search-tip a:nth-of-type(4) { color: #f4ff3f; }
/*nav*/
.logo {}
.global-nav { height: 90px; background-color: #ffffff; box-shadow: 0px 10px 20px 2px rgba(0, 0, 0, 0.06); }
.nav-list { overflow: hidden; }
.nav-list li { float: left; }
.nav-list li a { display: block; width: 112px; height: 90px; line-height: 90px; font-size: 16px; color: #333; text-align: center; position: relative; }
.nav-list li a:hover{ color: #2883e0; }
.nav-box { margin-left: 77px; float: left; }
.nav-list li.active a { color: #2883e0; font-weight: bold; }
.nav-list li.active a:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 17px; height: 9px; background: url(../images/jlt.png) -116px -41px no-repeat; }
.search-box {float: right;margin-top: 23px;position: relative;width: 216px;height: 35px;background-color: #f5f5f5;border-radius: 18px;}
.search-input { display: block; height: 100%; margin: 0 10px 0 41px; width: 130px; color:#999; font-size:12px; line-height:36px; }
.search-input::-webkit-input-placeholder { color: #ccc; }
.search-btn { position: absolute; right: 0; top: 0; width: 40px; height: 36px; cursor:pointer; }
.search-btn:before { content: ""; position: absolute; top: 10px; left: 13px; width: 16px; height: 16px; background: url(../images/jlt.png) -36px -41px no-repeat; }
.search-btn:before{width: 19px;height: 18px;top: 50%;left: 10%;transform: translateY(-50%);}
.sear-type-txt { display: block; text-align: center; font-size: 14px; color: #333; line-height: 36px; height: 36px; padding: 0 20px 0 15px; position: relative; cursor: pointer; }
.sear-type-list { position: absolute; top: 50px; left: 0; background: #fff; z-index: 1; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; width: 80px; padding: 15px 0 10px; display: none; }
.sear-type-list li { display: block; height: 25px; line-height: 25px; padding: 0 10px; text-align: center; color: #333; font-size: 14px; z-index: 1; position:relative; margin-top: 5px; cursor: pointer; }
.sear-type-list:before { content: ""; position: absolute; top: 5%; left: 47%; border: 10px solid #fff; transform: rotate(45deg) translate(-50%); box-shadow: -5px -5px 5px -3px rgba(0, 0, 0, 0.1); background: #fff; }
.sear-type-txt:after { content: ""; position: absolute; top: 55%; right: 0; border: 5px solid #333; border-color: #999 transparent transparent transparent; transform: translate(0,-50%); }
.sear-type-list li:hover { background: #3cc8a9; color: #fff; width:100%; transform: translate(-4px); padding: 0 4px; }
.sear-type-list li:hover:after { content: ""; position: absolute; top: -3px; right: 7px; transform:translate(100%) rotate(45deg); border: 3px solid #019876; border-color: #019876 transparent transparent transparent; }
.sear-type-list li:hover:before { content: ""; position: absolute; top: -3px; left: -5px; transform:translate(100%) rotate(45deg); border: 3px solid #019876; border-color: transparent transparent transparent #019876; }
.search-type { position: relative; float: left; height: 100%; margin-right: 10px; }
.search-type.active .sear-type-list { display: block; }


.sitemap a {color: #999;margin: 0;float: left;text-align: center;height: 12px;line-height: 12px;margin: 16px 0 0 10px;}
.sitemap a:hover {color: #fff;}
.sitemap-item-list {float: left;width: 224px;margin-top: -16px;margin-left: 20px;}
.sitemap-item-ico {float: left;color: #fff;font-style: normal;font-weight: bold;font-size: 24px;width: 100px;text-align: center;position: relative;height: 80px;line-height: 24px;margin-left: 15px;}
.sitemap li {float: left;width: 366px;border-top: 1px solid #424242;border-left: 1px solid #424242;margin: -1px 0 0 -1px;padding: 35px 0;}
.sitemap ul {overflow: hidden;}
.sitemap-item-ico:after {content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 41px;height: 28px;background: url(../images/ind-jlt.png) 0 0 no-repeat;}
.sitemap-item-list a {font-size: 14px;height: 14px;line-height: 14px;}
.sitemap ul li:nth-of-type(2) .sitemap-item-ico:after {background-position-y: -36px;width: 33px;height: 36px;}
.sitemap ul li:nth-of-type(3) .sitemap-item-ico:after {background-position-y: -82px;width: 28px;height: 28px;}
.sitemap ul li:nth-of-type(4) .sitemap-item-ico:after {background-position-y: -120px;width: 33px;height: 37px;}
.sitemap ul li:nth-of-type(5) .sitemap-item-ico:after {background-position-y: -170px;width: 32px;height: 30px;}
.sitemap ul li:nth-of-type(6) .sitemap-item-ico:after {background-position-y: -213px;width: 29px;height: 29px;}