body,html{ margin:0px; padding:0px; font-size:14px; font-family:"microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif; color:#333; background-color:#f3f3f3;}
*{ -moz-box-sizing: border-box;  /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
dl,dt,dd,table,tr,td{ margin:0px; padding:0px; border:0px; outline:none;}
ul,li{ margin:0px; padding:0px; border:0px; list-style:none; outline:none; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; outline:none;}
p{ margin: 0; padding: 0; }
a{ font-size:14px; color:#333; text-decoration:none; outline:none;}
a:hover{ color:#FF0000; text-decoration:underline;}
img,a img{ border:0px; cursor:pointer; vertical-align:middle;}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.clearfix{ zoom:1;}
.clearfix:after{ height:0; display:block; clear:both; content:"."; visibility:hidden;}

.ui-flex{ display:flex;}
.ui-flex-item{ flex:1;}
.ui-relative{ position: relative;}
.ui-background-white{ background-color: #fff; }

.ui-wrap{ width:100%;}
.ui-wrapper{ width:1200px; margin:0 auto;}
.ui-mt10{ margin-top:10px;}
.ui-mt5{ margin-top:5px;}

/* 顶部 */
.ui-topbar{ height:38px; background-color:#f8f8f8; border-bottom:1px solid #ddd;}
.ui-topbar .ui-slogan{ line-height:38px; flex:1; color:#585858;}
.ui-topbar .ui-quick{ width:400px; text-align:right;}
.ui-topbar .ui-quick dl{ width:90px; display:inline-block; cursor:pointer; text-align:center; position:relative; z-index:10000;}
.ui-topbar .ui-quick dl dt{ border:1px solid #f8f8f8; line-height:35px;}
.ui-topbar .ui-quick dl dd{ display:none; border:1px solid #efefef; position:absolute; z-index:10000; top:36px; right:0;}
.ui-topbar .ui-quick dl:hover dt{ background-color:#fff; border:1px solid #efefef;}
.ui-topbar .ui-quick dl:hover dd{ width:200px; height:200px; padding:10px; display:block; background-color:#fff;}
.ui-topbar .ui-quick dl:hover dd img{ width:180px; height:180px;}
.ui-topbar .ui-quick dl.qf-nav dd{ width:520px; min-height:120px;  flex-wrap:wrap;}
.ui-topbar .ui-quick dl.qf-nav dd a{ margin:0 10px 0 0; line-height:28px; text-align:left;}
.ui-topbar .ui-quick dl.qf-nav:hover dd{ display:flex;}

/* 顶部 */
.ui-header{ height:90px; background-color:#fff;}
.ui-header .ui-logo{ width: 220px; height: 90px;}
.ui-header .ui-logo img{ height: 70px; margin:10px 0;}
.ui-header .ui-tel{ width: 140px; padding:6px 0; line-height:24px; font-size:15px; color:#666; }
.ui-header .ui-tel strong{ font-size:17px; color:#333; font-weight:normal; letter-spacing:1px;}
.ui-header .ui-ads{ flex:1; padding:15px 0; text-align:right;}
.ui-header .ui-ads img{ height:60px;}

/* 导航菜单 */
.suspension{ position:fixed; top:0; z-index:100000; box-shadow: 0px 0px 2px #999;}
.menu{ background-color:#06a3ea;}
.menu ul.submenu{ padding:0px 0; display:flex; position:relative;}
.menu ul.submenu li{ float:left; z-index:1000;}
.menu ul.submenu li h4{ float:left; font-weight:normal; position:relative; z-index:100;}
.menu ul.submenu li h4 a{ line-height:50px; display:block; border-radius:3px; padding:0 25px; font-size:16px; color:#fff; text-decoration:none;}
.menu ul.submenu li h4 a:hover,
.menu ul.submenu li.current h4 a{ color:#fff; background-color:#2988cc;}
.menu ul.submenu li>ul{ width:1200px; height:36px; display:none; background:#fff; border:1px solid #e3e3e3; border-top:0; position:absolute; left:0; top:50px; z-index:99;}
.menu ul.submenu li>ul li{ float:left; padding:0; line-height:36px;}
.menu ul.submenu li>ul li a{ display:block; margin:0 15px; padding:0px 5px; border-radius:5px; color:#666; font-size:15px; text-decoration:none; text-align:center;}
.menu ul.submenu li>ul li a:hover{ color:#e60012; font-weight:bold;}
.menu ul.submenu li.nLi-0 ul{ display:block;}
.menu ul.submenu li.nLi-4 ul{ width:130px;}
.menu ul.submenu li.nLi-4 ul li a{ text-align:left;}
.menu ul.submenu li.nLi-5 ul{ width:130px;}
.menu ul.submenu li.nLi-5 ul li a{ text-align:left;}
.menu ul.submenu li.nLi-6 ul{ width:130px;}
.menu ul.submenu li.nLi-6 ul li a{ text-align:left;}

/* 导航 - 子导航 */
.qf-submenu{ height:38px; padding:0 10px; line-height:38px; background-color:#fff; border:1px solid #efefef; border-top:0;}
.qf-submenu a{ padding:0 10px;}
/* 导航 - 特色 */
.qf-ts{ flex:1; line-height:45px; color:#ef0000;}
.qf-ts a{ margin:0 6px 0 0; font-size:15px; color:#ef0000;}

/* 公共 - 搜索 */
.qf-search{ width:320px; position:relative;}
.qf-search .search-key{ width:320px; height:37px; margin:4px 0; padding:6px 10px; line-height:25px; background-color:#fff; border:1px solid #e3e3e3; border-radius:2px;}
.qf-search .search-btn{ border:0; background-color:#fff; cursor:pointer; position:absolute; z-index:1000; top:9px; right:5px;}
.qf-search .search-btn em{ width:27px; height:27px; display:block; line-height:27px; text-align:center; color:#000; font-size:18px;}

/* 广告 */
.qf-ads{}
.qf-ads ul{}
.qf-ads ul li{ position:relative;}
.qf-ads ul li a{}
.qf-ads ul li img{}
.qf-ads ul li .alink{ padding:3px 6px; color:#fff; font-size:12px; text-decoration:none; position:absolute; bottom:0; right:0; z-index:100;}
.qf-ads ul li .alink label{}
.qf-ads ul li .alink span{ display:none;}
.qf-ads ul li .alink:hover label{ display:none;}
.qf-ads ul li .alink:hover span{ display:inline-block;}

.qf-ads-nUl-1{ }
.qf-ads-article-index{ width:830px;}
.qf-article-list .qf-ads ul li img{ width:100%;}

/* 最新推荐 */
.qf-recommend{ margin-top:10px;}
.qf-recommend .ui-wrapper{ padding:10px; background-color:#fff;}

/* 最新推荐 - 轮播图 */
.commendSlides{ width:360px; position:relative; z-index:100; overflow:hidden;}
.commendSlides .slides-focus{ width:100%; height:30px; text-align:center; position:absolute; bottom:0px; z-index:1; overflow:hidden;}
.commendSlides .slides-focus ul{ display:inline-block; font-size:0; zoom:1; overflow:hidden;}
.commendSlides .slides-focus ul li{ width:15px; height:15px; display:inline-block; margin-right:5px; border-radius:7px; background:#fff; cursor:pointer;}
.commendSlides .slides-focus ul li.on{ background:#f00; color:#fff; }
.commendSlides .slides-pics{ width:100%; height:100%; z-index:0;}
.commendSlides .slides-pics li{ width:100%; height:270px;}
.commendSlides .slides-pics li a{ width:100%; height:270px; display:block; font-size:0;}
.commendSlides .prev,
.commendSlides .next{ width:45px; height:80px; position:absolute; left:0; top:40%; margin-top:-25px; display:block; background:url(../images/slider-arrow-bg.png) -105px 25px no-repeat; filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease; background-color:#666;}
.commendSlides .next{ left:auto; right:0; background-position:15px 25px;}
.commendSlides .prev:hover,
.commendSlides .next:hover{ filter:alpha(opacity=100); opacity:1;}
.commendSlides .prevStop{}
.commendSlides .nextStop{}


.qf-recommend-bar{ width:360px; background-color:#fefefe;}
.qf-recommend-new{ width:520px; height:580px; margin:0 10px 0 10px; padding:0 10px;}
.qf-recommend-tags{ flex:1;}

.qf-cms-name{ border-bottom:1px solid #e6e6e6;}
.qf-cms-name h1,
.qf-cms-name h2,
.qf-cms-name h3,
.qf-cms-name h4,
.qf-cms-name a{ line-height:45px; color:#585858; font-size:16px; font-weight:bold; text-decoration:none;}
.qf-cms-name a.more{ padding:0 6px 0 0; float:right; font-size:14px; font-weight:lighter; color:#666;}
.qf-cms-container{ padding:10px 0;}

.qf-recommend-php{ margin-top:18px;}

ul.qf-article-list{ }
ul.qf-article-list li{ height:32px; line-height:32px; display:flex;}
ul.qf-article-list li a{font-size:15px; flex:1; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
ul.qf-article-list li a.classify{ width:70px; flex:none; color:#888;}
ul.qf-article-list li .date{ width:70px; text-align:right; color:#999;}
ul.qf-article-list li .hits{ width:50px; text-align:right; color:#999;}
ul.qf-article-list li em{ width:28px; height:20px; line-height:20px; margin:6px 0; display:block;  color:#999; font-size:18px; text-align:left; overflow:hidden;}
ul.qf-article-list li i{ font-family:Arial;}
ul.qf-article-list li:nth-child(10n) em{ font-size:16px;}
ul.qf-article-list li:nth-child(10n+1) em,
ul.qf-article-list li:nth-child(10n+2) em,
ul.qf-article-list li:nth-child(10n+3) em{ color:#d62b2b;}

.qf-tag-list{ line-height:32px; display:flex; flex-wrap:wrap;}
.qf-tag-list a{ padding:0 10px 0 0; font-size:15px;}

/* 公共样式 */
.qf-common{}
.qf-common .ui-wrapper{ background-color:#fff;}
.qf-common .qf-common-area{ padding:15px;}
.qf-common .qf-common-area:nth-child(3n){ width:390px; padding:15px 10px 15px 15px;}
.qf-common .qf-common-area:nth-child(3n+1){ width:400px;}
.qf-common .qf-common-area:nth-child(3n+2){ width:400px;}
/* 平面设计 */
.qf-common-design{}
.qf-common-design .qf-common-area{ width:390px; padding:15px;}
.qf-common-design .qf-common-area:nth-child(3n){ width:300px; padding:15px 10px 15px 15px;}
.qf-common-design .qf-common-area:nth-child(3n+1){ width:445px;}
.qf-common-design .qf-common-area:nth-child(3n+2){ width:445px;}

ul.qf-article-list-ps{ display:flex; flex-wrap:wrap;}
ul.qf-article-list-ps li{ width:100%; position:relative;}
ul.qf-article-list-ps li .thumb{ display:none;}
ul.qf-article-list-ps li .thumb img{ width:128px; height:96px;}
ul.qf-article-list-ps li .title{ width:370px; height:32px; line-height:32px; font-size:15px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.qf-article-list-ps li:nth-child(10n+1){ width:128px; height:96px; margin-right:10px;}
ul.qf-article-list-ps li:nth-child(10n+1) .thumb{ display:block;}
ul.qf-article-list-ps li:nth-child(10n+1) .title{ width:128px; padding:0 3px; color:#fff; position:absolute; bottom:0; left:0;}
ul.qf-article-list-ps li:nth-child(10n+2){ width:128px; height:96px; margin-right:10px;}
ul.qf-article-list-ps li:nth-child(10n+2) .thumb{ display:block;}
ul.qf-article-list-ps li:nth-child(10n+2) .title{ width:128px; padding:0 3px; color:#fff; position:absolute; bottom:0; left:0;}
ul.qf-article-list-ps li:nth-child(10n+3){ width:128px; height:96px;}
ul.qf-article-list-ps li:nth-child(10n+3) .thumb{ display:block;}
ul.qf-article-list-ps li:nth-child(10n+3) .title{ width:128px; padding:0 3px; color:#fff; position:absolute; bottom:0; left:0;}

/* 友情链接 */
.qf-friendlink{ background-color: #fff;}
.qf-friendlink .ui-wrapper{ background-color:#fff;}
.qf-friendlink .qf-flink-list-txt{ padding:5px 0; display:flex; flex-wrap:wrap;}
.qf-friendlink .qf-flink-list-txt a{ line-height:32px; padding:0 14px 0 0;}

ul.qf-flink-list-image{ display:flex; flex-wrap:wrap;}
ul.qf-flink-list-image li{ width:140px; height:48px; margin:0 10px 10px 0; border-radius:4px;}
ul.qf-flink-list-image li img{ width:140px; height:48px; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; -webkit-transition:All .5s ease; -moz-transition:All .5s ease; -o-transition:All .5s ease;}
ul.qf-flink-list-image li:hover{}
ul.qf-flink-list-image li:hover img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

ul.qf-flink-list-txt{ display:flex; flex-wrap:wrap;}
ul.qf-flink-list-txt li{ padding:0 20px 0 0; line-height:30px;}
ul.qf-flink-list-txt li a{ font-size:15px; color:#666;}
ul.qf-flink-list-txt li:hover a{ color:#e60012;}

/* 底部 */
.bottom{ margin:20px 0 0; padding: 50px 0; background-color: #333; color: #fff; }
.bottom a{ color: #fff; }
.bottom .links{ text-align:center; line-height: 32px; }
.bottom .copyright{ text-align:center; line-height: 32px; }

/* 分页 */
.pagination{ margin:20px 0; text-align:center;}  
.pagination li{ margin:0px 5px; padding:5px 10px; display:inline-block; border:1px solid #a6a6a6; cursor:pointer;} 
.pagination li:hover{ border-color:#e60012;}
.pagination li:hover a{ color:#e60012;}
.pagination .active{ background-color:#fff; color:#e60012;}  
.pagination .disabled{ color:#AAA;}

/* 在线客服 - 颜色重写 */
.qf-quick-bar{}
.qf-kf-panel{ height:60px !important; right:50% !important; margin-right:-666px; top:auto !important; bottom:198px;}
.qf-kf-panel dl dt{ background-color:#06a3ea !important;}
.qf-kf-panel dl dd{ background-color:#06a3ea !important;}

/*列表页*/
.sidebar{ width:320px; padding:10px; margin:0 0 0 20px; background-color:#fff;}
.wrapmain{ width:860px; background-color:#fff;}
.wrap-container{ width:960px;}

/* 位置导航 */
.qf-crumbs{ line-height:45px;}
.qf-crumbs em.qf-icon{ font-size:18px;}
/* 内页搜索 */
.qf-search{ width:320px; position:relative;}
.qf-search .search-key{ width:320px; height:37px; margin:4px 0; padding:6px 10px; line-height:25px; background-color:#fff; border:1px solid #e3e3e3; border-radius:2px;}
.qf-search .search-btn{ border:0; background-color:#fff; cursor:pointer; position:absolute; z-index:1000; top:9px; right:5px;}
.qf-search .search-btn em{ width:27px; height:27px; display:block; line-height:27px; text-align:center; color:#000; font-size:18px;}

/*左侧分类*/
.qf-category-list{ display:flex; flex-wrap:wrap;}
.qf-category-list a{ margin:0 10px 10px 0; padding:0 10px; line-height:32px; border:1px solid #efefef; font-size:15px;}
.qf-category-list a:hover{ background-color:#efefef;}

/*左侧导航*/
.side-nav{ padding:10px 15px;}
.side-nav h3{ line-height:32px; font-size:16px; color:#e60012; border-bottom:1px solid #e60012;}
.side-nav ul{ padding: 10px 0; }
.side-nav ul li{ margin:0 0 5px 0;}
.side-nav ul li a{ height: 36px; line-height: 36px; font-size: 15px; text-indent:50px; display: block; border-radius: 4px; text-decoration: none;}
.side-nav ul li.current a,
.side-nav ul li a:hover{ background-color: #e60012; color: #fff; }

/* 单篇 */
.qf-single{}
.qf-single-container{padding:10px 15px 30px;}
.qf-single-container h1{ padding:10px 0 20px; line-height: 30px; text-align: center; }
.qf-single-container .content{ font-size: 16px; line-height: 240%; }
.qf-single-container .content img{ max-width: 100%; }
.nav-ul{ padding:10px 0 20px;}
.nav-ul li{ line-height:36px; text-indent:3em;}
.nav-ul li a{ font-size:16px;}
.nav-ul li:hover{ background-color:#f3f3f3; current:pointer;}
.nav-ul li.on a{ color:#f00;}
/* 文章*/
.qf-article-container{ padding:10px 15px;}
.qf-article-container .qf-article-list{}
.qf-article-container .qf-article-list .qf-cms-name{ color:#fff;}

/* 文章列表 — 纯标题+日期 */
ul.article-list-text{ }
ul.article-list-text li{ border-bottom:1px solid #e3e3e3; }
ul.article-list-text li h4{ height:36px; line-height:36px; color:#333; overflow: hidden;}
ul.article-list-text li h4 a{ font-size:16px;}
ul.article-list-text li .descinfo{ max-height:50px; padding:3px 0; font-size:14px; color:#666; line-height:22px; overflow:hidden;}
ul.article-list-text li .date{ width:120px; line-height:36px; text-align:right; color:#999; }

/* 文章详情 */
.qf-article-show{}
.qf-article-show h1{ padding: 10px 0 10px; line-height:32px; font-size: 24px; text-align: center; }
.qf-article-show .author{ line-height:30px; text-align:center;}
.qf-article-show .tags{ margin-top:20px;}
.qf-article-show .tags a{ margin:0 10px 0 0; line-height:28px; font-size:15px;}
.qf-article-show .descinfo{ margin:10px 0; padding:15px 20px; line-height:28px; font-size:15px; background-color:#efefef; border:1px dashed #ccc;}
.qf-article-show .content{ padding:20px 0; line-height:200%; font-size:16px;}
.qf-article-show .content img{ max-width: 100%; }
.qf-article-show .cover img{ margin: 0 auto; display:block;}
.qf-article-show .content table{ margin: 0 auto;}
.qf-article-show .content table td{ border: 1px solid #f0f0f0;}
/* 文章详情 - 上一页+下一页 */
.prev-next{ padding: 10px 0; }
.prev-next a{ font-size: 14px; color: #666; }
.prev-next .prev,
.prev-next .next{ line-height: 32px; }

/* 文章详情 - 相关文章 */
ul.article-list-relationship{ display:flex; flex-wrap:wrap;}
ul.article-list-relationship li{ width:50%; height:32px; padding:0 20px 0 0; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
ul.article-list-relationship li a{ font-size:15px;}