@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset{font: 12px/1.6 "Segoe UI",Tahoma,Arial; margin: 0; padding: 0; word-wrap: break-word;}
ol, ul{list-style: none outside none;}
img, iframe, fieldset{border: 0 none;}
:focus{outline: 0 none;}
table{border-collapse: collapse; border-spacing: 0;}
caption, th{text-align: left;}
input, button, select, textarea{font-family: inherit; font-size: 100%;}
textarea{overflow: auto;}
a:link, a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a.hidefocus{outline: none;}
button.hidefocus::-moz-focus-inner{border:none;}
.mt10{margin-top:10px;}
.fl{float:left}
.clear{clear:both}
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;font:0/0 sans-serif;visibility:hidden;}
.row{border: solid 1px #ebebeb; background-color: #FFF; padding: 20px; overflow: hidden;}
.h32{height:32px;margin:20px 0 10px 0;padding:0;}

/*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */
@font-face{font-family:'FontAwesome';src:url("/skin/2016/cdn/fontawesome-webfont.eot?v=4.3.0");src:url("/skin/2016/cdn/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),url("/skin/2016/cdn/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),url("/skin/2016/cdn/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}

/*字体头部*/
#top{height:39px;background-color:#444;line-height:39px;font-size:14px; background:url(../images/topGray.gif) left top repeat-x;margin-bottom:10px;}
#top p{font-family:"微软雅黑";width:1000px;margin:0 auto; text-align:right;font-size:14px; color: #666; line-height:39px;}
#top p a{color: #666; display:inline-block;padding:0px 10px; text-decoration:none}
#top p a.logo{float:left;}
#top p a:hover{color:#2abf01; text-decoration:underline}

/*主体wrap*/
.zt_wrap{width:980px; margin:0 auto;padding:0; z-index:5}

/*中间小导航*/
.zi_menu{border:solid 1px #e5e5e5; border-radius:3px; box-shadow:0 1px 1px #ededed;height:32px;width:458px;text-align:center; float:right}
.zi_menu ul{float:left;}
.zi_menu ul li{float:left;font-size:14px;border-right:solid 1px #e6e6e6;}
.zi_menu ul li:last-child{border-right:none;}
.zi_menu ul li a{color:#333; display:block;height:32px; line-height:32px;padding:0 28px;border-radius:3px;}
.zi_menu ul li a.press{background-color:#5681b1; color:#fff;}
.zi_menu ul li.dabao a{color:#ff5400;}
.zi_menu ul li.dabao img{display:inline-block;margin-right:3px}

/*首页字体列表*/
.zip{margin-top:10px;}
.zip .hy_list{margin-top:20px;margin-left:-28px; float:left;}
.zip .hy_list li{width:476px;height:136px;margin-bottom:20px;margin-left:28px; float:left;box-shadow: 0 2px 3px #dadada;}
.zip .hy_list li img{width:476px;height:136px;}

/*南构字体首页字体列表*/
.ngzip{margin-top:0px;}
.ngzip .ng_list,.ngzip .ng_list2{margin-top:20px;margin-left:-28px; float:left;}
.ngzip .ng_list li{width:476px;height:135px;margin-bottom:20px;margin-left:25px;*margin-left:24px; float:left; *border:1px solid #dadada; box-shadow: 1px 2px 2px 2px #dadada; text-align:center; position:relative; overflow:hidden;}
.ngzip .ng_list li:hover{box-shadow:0 0 30px rgba(0,0,0,.18); transition:all .35s ease}
.ngzip .ng_list li img{width:377px;height:135px; margin-top:-10px;}
.ngzip .ng_list li .dw{ position:absolute; bottom:5px; left:15px; color:#b8bdc0;}
.ngzip .ng_list li .bq{ position:absolute; bottom:5px; left:65px; color:#b8bdc0;}
.ngzip .ng_list li span{position:absolute; bottom:5px; right:15px; color:#b8bdc0;}
.ngzip .ng_list li i{font: normal normal normal 12px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0); *margin-right:2px;}
.ngzip .fa-download:before{content:"\f019";}
.ngzip .fa-download{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}
.ngzip .fa-copyright:before{content:"\f1f9"}
.ngzip .fa-copyright{*zoom:expression(this.runtimeStyle['zoom'] = '1',this.innerHTML = '');}

.ngzip .ng_list2 li{width:310px;height:135px;margin-bottom:20px;margin-left:25px;*margin-left:24px; float:left; *border:1px solid #dadada; box-shadow: 1px 2px 2px 2px #dadada; text-align:center; position:relative; overflow:hidden;}
.ngzip .ng_list2 li:hover{box-shadow:0 0 30px rgba(0,0,0,.18); transition:all .35s ease}
.ngzip .ng_list2 li img{width:96%; }
.ngzip .ng_list2 li .dw{ position:absolute; bottom:5px; left:15px; color:#b8bdc0;}
.ngzip .ng_list2 li .bq{ position:absolute; bottom:5px; left:65px; color:#b8bdc0;}
.ngzip .ng_list2 li span{position:absolute; bottom:5px; right:15px; color:#b8bdc0;}
.ngzip .ng_list2 li i{font: normal normal normal 12px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0); *margin-right:2px;}
.ngzip .ng_list2 li.zihun{ height:170px;}
.ngzip .ng_list2 li.zihun img{ margin-top:5px;}


/*字体介绍*/
.zi_panel{ width:960px; border:solid 1px #e5e5e5; border-radius:3px; box-shadow:0 1px 1px #ededed; margin:12px 0px 10px; padding:8px 10px;}
.zi_panel p{font-family:"微软雅黑";font-size:14px; color: #5b5a5a; margin-bottom:10px; line-height:26px;}
.zi_panel h3 {font-size:18px; font-weight:600; line-height:32px; margin:5px 0 8px 0;}
.zi_panel h3:before {content: " "; width: 5px; height: 24px; background: #DD0000; display: inline-block; margin-right: 8px; position: relative; top: 3px;}


/*首页字体打包列表*/
.zit_list{*margin-right:-28px;}
.zit_list li{width:475px;box-shadow:0px 3px 1px #e0e0e0; text-align:center;float:left;margin:0 28px 5px 0px;border:none;box-shadow:none;border-radius:0;}
.zit_list li:last-child{margin-right:0;}
.zit_list li img{border-radius:0;width:475px;height:127px;}
.zit_list li a{padding:2px; display:block;color:#333;}
.zit_list li a p{font-weight:bold;font-size:16px; line-height:30px; color:#e70101;}

/*当前位置*/
.zt_dq{color:#999; float:left;height:32px; line-height:32px;}
.zt_dq p a{color:#333;line-height:32px;}

/*打包页列表*/
.hy_li{margin-top:30px;}
.hy_li li{background-color:#e8e8e8;height:172px; position:relative;margin-bottom:25px;}
.hy_li li i{position:absolute;right:20px;top:25px;}
.hy_li li i a{width:100px;height:34px; display:block; color:#4b805a; text-align:center; line-height:36px; border:solid 1px #dbdbdb; font-style:normal; background-color:#FFF; font-size:14px; text-decoration:none}
.hy_li li i a:hover{border:solid 1px #4b805a;}

/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon_top.png) no-repeat; position:fixed; right:40px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:160px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:160px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:107px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon_top.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:107px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}

#footer{background: #313131;padding: 20px 0;margin-top: 35px;}
#footer p{text-align: center;color: #aaa;line-height:30px;font-size:12px;}
#footer p a{color: #aaa;font-size:14px;margin: 0 4px;}
#footer p img{vertical-align:middle;}
#footer p a.ba{font-size:12px; color:#a09f9f;}

/*字魂字体banner列表*/
.tag-list{}
.tag-list li{width:227px;box-shadow:0px 3px 1px #e0e0e0; text-align:center;float:left;margin:0 24px 5px 0px;border:none;box-shadow:none;border-radius:0;}
.tag-list li:last-child{margin-right:0;}
.tag-list li img{border-radius:0;width:100%;}
.tag-list li a{padding:2px; display:block;color:#333;}
.tag-list li a p{font-weight:bold;font-size:16px; line-height:30px; color:#e70101;}