@charset "utf-8";
#tongji {display: none;}
html{font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 消除移动浏览器点击蓝色背景 */}
*{margin: 0;padding:0;}
body{font-family: -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;font-size: 14px;line-height: 1.42858;color: #333;background:#eaeaea;-webkit-font-smoothing: antialiased;}
article,aside,details, /* 1 */figcaption,figure,footer,header,main, /* 2 */menu,nav,section,summary{/* 1 */ display: block;}
audio,canvas,progress,video{display: inline-block;}
audio:not([controls]){display: none; height: 0;}
progress{vertical-align: baseline;}
template, /* 1 */[hidden]{display: none;}
a{background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */}
a:active,a:hover{outline-width: 0;}
button, input, select, textarea, a{outline:none;}
abbr[title]{border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
b,strong{font-weight: inherit;}
b,strong{font-weight: bolder;}
dfn{font-style: italic;}
h1{font-size: 2em; margin: 0.67em 0;}
mark{background-color: #ff0; color: #000;}
small{font-size: 80%;}
sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -0.25em;}
sup{top: -0.5em;}
img{border-style: none;}
svg:not(:root){overflow: hidden;}
code,kbd,pre,samp{font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
figure{margin: 1em 40px;}
hr{box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
button,input,select,textarea{font: inherit; /* 1 */ margin: 0; /* 2 */}
optgroup{font-weight: bold;}
button,input{/* 1 */ overflow: visible;}
button,select{/* 1 */ text-transform: none;}
button,html [type="button"], /* 1 */[type="reset"],[type="submit"]{-webkit-appearance: button; /* 2 */}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style: none; padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{border:0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
textarea{overflow: auto;}
[type="checkbox"],[type="radio"]{box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height: auto;}
[type="search"]{-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-input-placeholder{color: inherit; opacity: 0.54;}
::-webkit-file-upload-button{-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
/* normalize.css结束 */
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
p{margin: 0;}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
ul li,ol li{list-style:none}
.f-fl,.f-lifl li,.f-dlfl dt,.f-dlfl dd{float:left;display:inline}
.f-fr{float:right;display:inline}
a,a:visited{text-decoration:none;color:#2a2a2a;}
a:hover{transition:color 160ms ease 0s, background-color 200ms ease 0s, border-color 160ms ease 0s, transform 500ms ease 0s; /*color: #ee2e3d;*/cursor: pointer;}
em{font-style:normal;}
/* 全站全局CSS部分结束 */
.g-main-bg{background-color: #fff; box-shadow: 0px 1px 3px #ccc;}
.g-nav{height: 16px;line-height: 16px;font-size: 14px; font-weight: normal;color: #333;padding: 14px 0 11px;}
.g-nav span{float: left; width: 16px; height: 16px; background: url(https://www.qqtn.com/skin/new2016/images/ku-icon.png) no-repeat;; margin:0px 10px 0 0 ;}
.g-nav a:hover{color:#f60}
.g-box-1200{width:1200px; height:auto; margin:auto; display:block;}
.m-margin15{margin-top:15px;}
.g-top-full{width:100%; height:30px; background:#424242; display:block; overflow:hidden}
.g-top-full p{height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#fff; font-family:serif; overflow:hidden}
.g-top-full p a{padding:0 10px; color:#fff;}
.g-top-full p a:hover{text-decoration:none;color: #f77}
.g-nav-full{width:100%; height:90px; padding:8px 0 0; background:#fff; border-bottom:1px solid #dedede; display:block;}
.g-nav-full .u-logo{background: url(//www.xz577.com/skin/images/logo.png) no-repeat;overflow: hidden;text-indent: -99em;display: block;width: 220px;height: 60px;cursor: pointer;float: left;margin-top:9px;}
.g-nav-full .u-logo:hover img{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
.g-nav-full .tip{width: 286px; height: 38px; margin: 19px 0 0 12px; background:url(../images/tip.png) no-repeat 0 0;}
.g-nav-full .m-nav{width:auto; height:auto; margin:7px 0 0 20px; overflow:hidden}
.g-nav-full .m-nav li{float:left; margin:0 0 0 30px; float:left; display:inline;}
.g-nav-full .m-nav li a{width:auto; height:33px; line-height:33px; font-size:16px; font-weight:normal; color:#333; padding:0 10px; text-decoration:none; display:block; overflow:hidden;}
.g-nav-full .m-nav li a:hover{background:#009A61; color:#fff;}
.g-nav-full #topForm{width:512px;height: 40px;display:block;border:2px solid #009A61;margin:0; position:relative; zoom:1; top: 19px}
.g-nav-full #topForm .schsel{width:70px; height:37px; float:left; border-right:1px solid #cfcfcf; background:#fafafa;}
.g-nav-full #topForm .schsel #headSel{width:70px; height:auto; background:#fff; display:block;margin:0; position:absolute; left:2px; top:37px; zoom:1; z-index:250}
.g-nav-full #topForm .schsel #headSel li{width:70px; height:40px; display:block; overflow:hidden;}
.g-nav-full #topForm .schsel #headSel li a{width:70px; height:40px; line-height:40px; text-align:center; font-size:12px; font-weight:normal; color:#000; background:#fafafa; margin:0; display:block; overflow:hidden}
.g-nav-full #topForm .schsel #headSel li a:hover{background:#000; color:#fff}
.g-nav-full #topForm dl{width:70px; height:auto; display:block; overflow:hidden; position:absolute; left:0; top:0; font-size:14px;}
.g-nav-full #topForm dl dt{width:100%; height:40px; line-height:40px; background:#f5f5f5; color:#555; text-indent:13px; display:block; overflow:hidden; cursor:pointer; position:relative; zoom:1}
.g-nav-full #topForm dl dt i{border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #A7A7A7; display:block; overflow:hidden; position:absolute; right:10px; top:15px;}
.g-nav-full #topForm dl dd{width:100%; height:40px; line-height:40px; background:#f5f5f5; color:#555; text-align:center; display:none; overflow:hidden; cursor:pointer}
.g-nav-full #topForm dl dd:hover{background-color: #e3e3e3}
.g-nav-full #topForm .keyword_input{width:369px;height: 40px;line-height: 40px;font-size:14px;float:left;border:0;overflow:hidden;padding:0;margin:0 0 0 5px;display:inline;text-indent:4px;}
.g-nav-full #topForm .schbtn{width:73px;height: 40px;line-height: 40px;float:right;background:#009A61;border:0;font-size:14px;font-weight:normal;color:#fff;text-align:center;font-family: "Microsoft YaHei";}
.g-nav-full #topForm .schbtn:hover{background:#1b9fdc;}
.g-navlist{width:100%; height:45px; line-height:45px; background-color:#009A61; box-shadow: 0px 4px 4px #d0d0d0;}
.g-navlist ul li{float:left; width:133px; text-align:center; font-size:16px; color:#fff;}
.g-navlist ul li a{display:block; font-size:18px; color:#fff;}
.g-navlist ul li.hover,.g-navlist ul li a:hover,.g-navlist ul li.m-txzq a:hover{background-color:#007549;}
/* 底部版权 */
.g_foot{background:#fbfbfb; border-top:1px solid #cecece; text-align:center; font-size:12px; padding:10px 0; margin:20px 0 0 0; line-height:24px; color: #666}
.g_foot p{text-align:center;font-family: serif;}
.g_foot a{font-size:12px;font-family: serif;}
.g_foot a:hover{color:#009A61;}
.g_foot b,.g_foot span{color:#F00}
/* 头部底部结束 */
.g-top-box{width:100%; height:39px; background:#fafafa; border-bottom:1px solid #ebebeb; display:block; overflow:hidden; position:relative; zoom:1; z-index:100}
.m-page-name{display:none}
/* 返回顶部 滚动监听 */
.g-float{width:60px; height:auto;position:fixed;bottom:10px;left:50%;cursor:pointer;margin-left:610px;z-index:100;}
.g-float a{width:100%; height:60px; margin:1px 0 0 0; display:block; overflow:hidden;}
.g-float #m-top-back{height:0px; background:url(../images/gotopb.gif) no-repeat;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2; float:left; display:block; overflow:hidden}
.g-float #m-top-back:hover{background-position:-60px 0;}
.page{margin-bottom:20px; overflow: hidden;}
.page .tspage{height: 28px; margin: 5px 0 5px; background: none;line-height: 26px;}
.page .tspage .tsp_count,.tsp_change{display: none;}
.page .tspage .tsp_nav{text-align: center;}
.page .tspage .tsp_nav i{display: inline-block; padding: 0 15px; background-color: #fbfbfb; color: #999; border: 1px solid #e7e7e7; border-radius: 3px;}
.page .tspage .tsp_nav b{display: inline-block; padding: 0 15px; background-color: #4c94ee; color: #fff; border: 1px solid #4c94ee; border-radius: 3px;}
.page .tspage .tsp_nav a{display: inline-block; padding: 0 15px; background-color: #fbfbfb; border: 1px solid #e7e7e7; border-radius: 3px; color: #000;}
.page .tspage .tsp_nav a.tsp_more,.page .tspage .tsp_nav a.tsp_next,.page .tspage .tsp_nav a.tsp_end,.page .tspage .tsp_nav a.tsp_home,.page .tspage .tsp_nav a.tsp_prev{padding: 0; border:none;}
.page .tspage .tsp_nav a:hover{background: #4c94ee; color: #fff; border: 1px solid #4c94ee;}
.page .tspage .tsp_nav a.tsp_more:hover i{background: #4c94ee;color: #fff;border: none;}
.page .tspage .tsp_nav a.tsp_next:hover i{background: #4c94ee;color: #fff;border: none;}
.page .tspage .tsp_nav a.tsp_end:hover i{background: #4c94ee;color: #fff;border: none;}
.page .tspage .tsp_nav a.tsp_home:hover i{background: #4c94ee;color: #fff;border: none;}
.page .tspage .tsp_nav a.tsp_prev:hover i{background: #4c94ee;color: #fff;border: none;}
/*----分页 end----*/
.g-new-foot{overflow:hidden; margin-top:20px;}
.g-new-footcont{overflow:hidden;padding:10px 0 20px 0;}
.g-new-footcont p{color: #999; text-align:center;font-family: simsun; font-size:12px; margin-top:10px; height: 24px; line-height: 24px;}
.g-new-footcont p img{margin:-1px 6px 4px 0px}
.g-new-footcont p a{font-family: simsun;color: #444;text-align: center;margin: 0 4px; font-size:12px;}
.g-new-footcont p a:hover{color: #FF4939;}
.g-new-footcont p b{color: #FF4939}
/*-- 新底部样式2018 end --*/
.bdsharebuttonbox{width: 186px;margin-left: auto;margin-right: auto;}
/*-- 友情链接 --*/
.g-head-title{overflow:hidden; margin:0px 15px; border-bottom:2px solid #009A61;position:relative;}
.g-head-title h4{font-size: 18px;font-weight: 700;line-height:50px;float: left; height:50px; overflow:hidden;}
.g-head-title h4 span{font-size: 20px;font-weight: 700;color: #f0efef;margin-left: 14px;}
.g-head-title p{overflow:hidden; height:50px; line-height:50px; padding-right:70px; width:850px;text-align: right;}
.g-head-title p a{color: #999;padding: 0 12px;}
.g-head-title p a:hover{color: #FF4939;}
.g-head-title p.u-msg{color:#666; padding:0px 0px 0px 60px}
.links-click{padding-top:11px;}
.links-click a{cursor: pointer;display: inline-block;width: 24px;height: 22px;margin: 2px 5px;background: url(../images/nt-index2018.png) no-repeat -207px -321px;border: 1px solid #e2e2e2;overflow: hidden;}
.links-click a.r-bottom{background-position:-243px -321px}
.links-click a.r-bottom:hover{background-position:-243px -343px}
.links-click a.r-top:hover{background-position:-207px -343px}
#links-box{position: absolute;left: 0;top: 0;}
.u-fbox{position: relative;margin: 12px 15px 12px 20px;height: auto;overflow: hidden;}
.u-idx-fbox{height:36px;}
.u-fbox ul li{display: inline;}
.u-fbox ul li a{line-height:34px;color: #666;margin-right: 17px;}
.u-fbox ul li a:hover{color: #FF4939;}
/*-- 友情链接end --*/
/*-- 头部 --*/
.acer:after{content: "."; display: block; visibility: hidden; height: 0; clear: both;}
.zd_width{width:1200px; overflow: hidden; margin: 0 auto;}
.left{float:left;}
.right{float: right;}
/*顶部导航条*/
.head{position: relative; z-index: 3; border-top: 3px solid #5aa2ff; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1); background: #fafafa;}
.head_gd{height:64px; line-height: 64px; width: 1200px; margin: 0 auto; position: relative;}
.logo{float: left; display: block; width: 200px; height:64px; background: url(../images/logo.png) no-repeat left center; text-indent: 110%; white-space: nowrap; overflow: hidden; text-transform: capitalize;}
.menu{margin: -1px 0 0 20px; transition: opacity 0.25s; float: left;}
.menu li{position: relative; padding: 0; margin: 0 0 0 2px; vertical-align: middle; line-height: 34px; color: #666; display: inline-block;}
.menu li a{display: inline-block; padding: 0 13px; height: 34px; color: #757575; font-weight: 500; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px;}
.menu li a.active-nav{color: #009a61; font-weight: 600;}
.menu li a:hover{background-color: #F3F3F3;}
.xlcx{display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); width: 130px;}
.menu li .xlcx a{display: block; padding: 6px 13px; clear: both; font-weight: 500; line-height: 1.42857143; color: #757575; white-space: nowrap; font-size: 16px; text-decoration: none; height: auto;}
.menu li .xlcx a:hover{color: #009a61 ; text-decoration: none; background-color: #f3f3f3;}
.dsj{width: 12px; height: 12px; background: url(../images/dsj.png) no-repeat; display: inline-block; background-size: contain; float: right; margin-top: 14px; margin-left: 3px;}
.rcss{position: absolute; right: 0; transition: width 0.25s ease; display: inline-block; margin: 15px 15px 0 0; vertical-align: middle; width: 365px;}
.kjc{width: 78%;}
.rcss input{display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42858; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; box-sizing: border-box; outline: none;}
.rcss input:focus{border: 1px solid #3b99fc; -webkit-box-shadow: 0 0 3px 0px #3b99fc; box-shadow: 0 0 3px 0px #3b99fc;}
.rcss button{position: absolute; right: 3px; width: 26px; height: 26px; background: url(../images/sousuo.png) no-repeat; background-size: contain; border: 0; outline: none; top: 50%; margin-top: -13px; cursor: pointer;}
/*列表导航*/
.rembq .qb{float: left; display: inline-block; height: 30px; line-height: 30px; margin-right: 20px; color: #9e9e9e;}
.rembq .qb a{color: #FFF;background: #009A61;padding: 2px 5px 2px 5px;}
.rmbqlb li a{color: #008040;}
.rmbqlb li:hover a{color: #FFF;background: #504ed7;}
.rembq{width: 1200px; margin: 0 auto; border-top: 1px solid #eee; padding-top: 5px; padding-bottom: 5px; line-height: 30px; position: relative;}
.rmbqlb li{float: left; height: 30px; line-height: 30px; margin-right: 15px;}
.rmbqlb .on a{color: #FFF;background: #009A61;padding: 2px 5px 2px 5px;}
.rembq .rmbq{margin-right: 0; float: right;}
/*广告*/
.sy_dilgg{
	    border-color: #4e8cfd;
	    background-color: #4989ff;
	     
	width: 100%; position: relative;}
.sy_dilgg .zd_width{background-image: url(/skin/images/banner-bg.png); background-position: right -20px; background-repeat: no-repeat;}
.nerr{width: 50%;}
.title{margin-top: 40px; margin-bottom: 20px; font-size: 30px; color: #fff; font-weight: 500;}
.desc{margin-bottom: 40px; font-size: 18px; color: #fff; line-height: 30px;}
.desc span{float: left;}
.desc img{width: 120px;height: 120px;margin-right: 20px;margin-bottom: 20px;}
.desc i{font-size: 12px; color: #ffefbc;}
.desc b{color: #552db5;}
.gban{position: absolute; right:20px; top:10px; width: 20px; height:20px; background: url("../images/gb_gg.png") no-repeat; background-size: contain; cursor: pointer;}
/*弹出*/
#toggle-view{list-style:none;font-family:arial;font-size:11px;margin:0;padding:0;width:100%;}
#toggle-view li{margin:10px;border-bottom:1px solid #ccc;position:relative;cursor:pointer;}
#toggle-view h3{font-size:14px;background: url(./images/wj.png) no-repeat;padding: 0 0 0 25px;margin:10px 0 10px 0;}
#toggle-view i{position:absolute;right:5px; top:0;color:#ccc;font-size:14px;line-height: 38px;}
#toggle-view p{margin:5px 0;display:none;line-height: 20px;padding: 0 0 0 25px;}
#toggle-view p a{color: #FF4939;text-decoration:underline;background: url(./images/down.jpg) no-repeat 0 -3px;margin:0 10px 0 0;font-weight: normal;padding: 0 0 0 22px;}
.errv{border: 1px solid #eee; margin: 10px; padding: 5px; font-size: 14px; line-height: 20px; background-color: #E5F1ED;}
.zzyctbl{width: 100%; box-sizing: border-box; padding-bottom: 12px; border-bottom: 1px solid #eee;}
.zzyctbl li{float: left; width: 93%; box-sizing: border-box; padding-left: 10px; margin: 10px 0 0 10px; background: #E5F1ED;}
.zzyctbl .on{float: left; width: 93%; box-sizing: border-box; padding-left: 10px; margin: 10px 0 0 10px; background: #F9F9F9;}
.zzyctbl .on a{color: #008040;}
.zzyctbl li a{width: 95%; position: relative; height: 34px; line-height: 34px; padding-left: 25px; font-size: 14px; color: #000000;}
.python{padding:0 0 0 20px;background: url(../images/python.png) no-repeat;}
.web{padding:0 0 0 20px;background: url(../images/web.png) no-repeat;}
.android{padding:0 0 0 20px;background: url(../images/android.png) no-repeat;}
.c{padding:0 0 0 20px;background: url(../images/c.png) no-repeat;}
.linux{padding:0 0 0 20px;background: url(../images/linux.png) no-repeat;}
.java{padding:0 0 0 20px;background: url(../images/java.png) no-repeat;}
.php{padding:0 0 0 20px;background: url(../images/php.png) no-repeat;}
.banquan{padding:1px 0 5px 20px;background: url(../images/banquan.png) no-repeat;line-height:28px;color: #009A61;}