@charset "utf-8";

/* =========================
   基础
========================= */

html{
    font-size:62.5%;
}

*{
    box-sizing:border-box;
}

body{
    min-width:320px;
    max-width:720px;
    margin:0 auto;
    padding:0;
    font:400 14px/1.5 "Microsoft YaHei",Helvetica,sans-serif;
    background:#f0f5f9;
    color:#1b1b1b;
}

li,
ol,
ul{
    margin:0;
    padding:0;
    list-style:none;
}

a{
    color:#1b1b1b;
    text-decoration:none;
}

a:hover{
    color:#3ca5f6;
    text-decoration:none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
    margin:0;
}

em,
i{
    font-style:normal;
}

.show{
    display:block!important;
}

.hide{
    display:none!important;
}

/* =========================
   页面外框
========================= */

.header,
header,
.header-min,
.channels-wrap,
.nav-top{
    max-width:720px;
}

.header{
    position:fixed;
    z-index:100;
    top:0;
    left:50%;
    width:100%;
    height:48px;
    transform:translateX(-50%);
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.wrap{
    width:100%;
    max-width:720px;
    margin:48px auto 0;
}

.nullbox{
    height:100px;
}

/* =========================
   推荐资讯
========================= */

.rec-news{
    position:relative;
    width:100%;
    margin-top:10px;
    overflow:hidden;
    background:#fff;
}

.rec-news .title{
    position:relative;
    height:38px;
    padding:0 10px;
    line-height:38px;
    background:#fafafa;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f7f7f7;
}

.rec-news .new{
    position:absolute;
    top:0;
    right:10px;
    padding-left:21px;
    color:#777;
    background:url(../images/jiantou.png) no-repeat 0 12px;
}

.sider_tabs{
    overflow:hidden;
    font-size:16px;
    font-weight:500;
    color:#bfbfbf;
}

.sider_tabs li{
    float:left;
    margin-right:10px;
    padding:0 3px;
}

.sider_tabs li a{
    display:block;
    height:36px;
    line-height:36px;
    color:#666;
    cursor:pointer;
}

.sider_tabs .cur{
    color:#38a2db;
    font-weight:500;
}

.sider_tabs_con{
    padding:10px;
    overflow:hidden;
}

.rec-top{
    overflow:hidden;
    border-bottom:1px dotted #ccc;
}

.rec-top h2{
    height:26px;
    margin-top:5px;
    overflow:hidden;
    font-size:1.6rem;
    font-weight:700;
    line-height:26px;
    text-align:center;
}

.rec-top h2 a{
    color:#ff6666;
}

.rec-top p{
    height:40px;
    margin:10px 0;
    overflow:hidden;
    color:#666;
    line-height:20px;
    text-indent:2em;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.rec-light{
    height:20px;
    margin:10px 0;
    overflow:hidden;
    font-size:16px;
    line-height:20px;
}

.rec-light a{
    color:#ff6666;
    font-weight:700;
}

.rec-light .cname{
    position:relative;
    float:left;
    margin-right:10px;
    padding:0 6px;
    overflow:hidden;
    background:#1abaf4;
    font-size:1.4rem;
    font-weight:400;
    text-align:center;
}

.rec-light .cname a,
.rec-light .cname a:hover{
    color:#fff;
    font-weight:500;
}

.rec-light .cname .tragl{
    right:-9px;
    top:5px;
    border-width:5px;
    border-style:dashed dashed dashed solid;
    border-color:transparent transparent transparent #1abaf4;
}

.tragl{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
    font-size:0;
    line-height:0;
    border-width:5px;
    border-style:dashed;
    transition:transform .2s;
    transform-origin:center 20%;
}

/* =========================
   文章列表
========================= */

.article-list{
    margin-top:-5px;
    overflow:hidden;
}

.m-index .article-list{
    margin-top:10px;
}

.article-list li{
    height:34px;
    overflow:hidden;
    line-height:34px;
}

.article-list i,
.article-list u{
    display:block;
    float:left;
    width:3px;
    height:3px;
    margin:16px 6px 0 0;
    border-radius:100px;
    background:#999;
}

.article-list li a{
    font-size:14px;
}

.article-list span.time{
    float:right;
    padding-left:15px;
    color:#888;
}

/* =========================
   热门标签
========================= */

.h-tags{
    position:relative;
    height:122px;
    overflow:hidden;
    background:#fff;
}

.h-tags-title{
    position:absolute;
    top:0;
    left:0;
    width:10%;
    overflow:hidden;
    background:#ff6666;
    text-align:center;
}

.h-tags-title h2{
    display:inline-block;
    height:122px;
    padding:15px 0;
    color:#fff;
    font-size:1.8rem;
    line-height:23px;
    letter-spacing:3px;
}

.h-tags-list{
    padding-left:12%;
    overflow:hidden;
}

.h-tags-list li{
    float:left;
    width:31%;
    margin:8px 2% 0 0;
}

.h-tags-list a{
    display:block;
    width:100%;
    height:30px;
    padding:0 6px;
    overflow:hidden;
    background:#efefef;
    line-height:30px;
    text-align:center;
}

.h-tags-list a:hover{
    color:#fff;
    background:#ff6666;
}

/* =========================
   模块
========================= */

.modd{
    position:relative;
    margin-top:10px;
    padding:10px;
    background:#fff;
}

.modd .title{
    position:relative;
    display:block;
    width:100%;
    height:32px;
}

.modd .title h2,
.modd .title h3,
.modd .title h4,
.modd .title h5,
.modd .title h6{
    float:left;
    color:#5c5c5c;
    font-size:1.8rem;
    line-height:32px;
}

.modd .title .more{
    position:absolute;
    right:6px;
    bottom:6px;
}

.modd .title .more i{
    margin-left:2px;
}

.modd .title .more a{
    color:#6c6c6c;
}

.modd .TitA{
    position:relative;
    height:38px;
    margin-bottom:6px;
    border-bottom:1px solid #eee;
}

.modd .TitA em{
    position:absolute;
    top:8px;
    left:0;
    display:inline-block;
    width:3px;
    height:20px;
    background:#3e98f0;
}

.modd .TitA h2,
.modd .TitA h3,
.modd .TitA h4,
.modd .TitA h5,
.modd .TitA h6{
    padding-left:10px;
    line-height:37px;
}

.modd .TitA .more{
    bottom:8px;
    color:#454545;
}

.modd a.load-more{
    display:block;
    height:35px;
    margin-top:10px;
    color:#575757;
    background:#fafafa;
    border:1px solid #f1f1f1;
    border-radius:2px;
    line-height:35px;
    text-align:center;
}

.modd a.load-more i{
    margin-left:5px;
}

/* =========================
   Feed
========================= */

.feedsAll{
    padding:0;
}

.feedsAll .feeds{
    padding:0 10px 10px;
}

.feeds-tab{
    position:relative;
    z-index:10;
    height:42px;
    overflow:hidden;
    white-space:nowrap;
    border:1px solid #dfdfdf;
    border-top:2px solid #3e98f0;
    user-select:none;
}

.feeds-tab a{
    float:left;
    width:20%;
    height:43px;
    line-height:41px;
    cursor:pointer;
}

.feeds-tab a span{
    display:inline-block;
    width:100%;
    text-align:center;
}

.feeds-tab a.cur span{
    color:#3e98f0;
}

.loadtab{
    position:absolute;
    top:50px;
    left:50%;
    margin-left:-10px;
}

.feeds{
    position:relative;
    overflow:hidden;
}

.feeds-item{
    position:relative;
    padding:12px 0;
    border-top:1px solid #eee;
}

.feeds-item:first-child{
    border-top:0;
}

.feeds-item:hover{
    background:#f8f8f8;
}

.feeds-item h3{
    height:42px;
    margin-bottom:3px;
    overflow:hidden;
    line-height:21px;
}

.feeds-item h3 a{
    color:#262627;
}

.feeds-item h3 a:hover{
    color:#3ba0f2;
}

.feeds-item .feeds-item-pic{
    position:absolute;
    top:12px;
    left:0;
    width:94px;
    height:64px;
    padding:1px;
    overflow:hidden;
    border:1px solid #ededed;
}

.feeds-item .feeds-item-pic a{
    display:block;
    height:100%;
    overflow:hidden;
}

.feeds-item .feeds-item-pic img{
    width:90px;
    height:60px;
}

.feeds-item .feeds-item-info{
    height:18px;
    overflow:hidden;
    color:#999;
    line-height:18px;
}

.feeds-item .feeds-item-info span{
    margin-right:8px;
}

.feeds-item .feeds-item-info a{
    color:#999;
}

.feeds-item .feeds-item-info i{
    margin-right:3px;
}

.feeds-item .feeds-item-info .author i{
    color:#afafaf;
}

.feeds-item .fa-heart-o{
    font-size:1.3rem;
}

.feeds .hasImg{
    min-height:60px;
    padding-left:103px;
}

.feeds-right .feeds-item-pic{
    right:0;
    left:auto;
}

.feeds-right .hasImg{
    padding-right:103px;
    padding-left:0;
}

.loadmore{
    width:100%;
    height:35px;
    margin:5px 0;
    color:#3e98f0;
    background:#f7f8f9;
    line-height:35px;
    letter-spacing:1px;
    text-align:center;
    cursor:pointer;
}

.loadmore i{
    margin-left:2px;
}

.loadmore .renderloading{
    height:35px;
    padding-left:20px;
    background:url(../images/onload.gif) no-repeat left center;
    font-size:1.6rem;
    line-height:35px;
}

/* =========================
   图文列表
========================= */

.article-img li{
    position:relative;
    height:82px;
    margin-bottom:10px;
    padding-left:75px;
    overflow:hidden;
    border-bottom:1px solid #eee;
}

.article-img li:last-child{
    height:76px;
    margin:0;
    border:0;
}

.article-img h3{
    height:21px;
    padding-top:8px;
    overflow:hidden;
    line-height:21px;
}

.article-img h3 a{
    font-size:14px;
    font-weight:normal;
}

.article-img span{
    font-size:12px;
    font-weight:normal;
}

.article-img .thumb{
    position:absolute;
    top:6px;
    left:0;
    width:70px;
    height:60px;
}

.article-img .thumb img{
    width:60px;
    height:60px;
    padding:1px;
    border:1px solid #ededed;
    border-radius:10px;
}

.article-img .info{
    margin-top:12px;
    color:#999;
    line-height:20px;
}

.article-img .info span{
    margin-right:10px;
}

.article-img .info a{
    float:left;
    color:#999;
    border-radius:2px;
    line-height:30px;
    text-align:center;
}

.article-img .info .btna{
    float:right;
    width:52px;
    height:26px;
    color:#fff;
    background:#339933;
    line-height:26px;
}

.article-img .info i{
    margin-right:3px;
}

/* =========================
   热门文章
========================= */

.article-hot{
    margin-top:-10px;
    overflow:hidden;
}

.article-hot li{
    height:46px;
    overflow:hidden;
    border-bottom:1px solid #eee;
    line-height:46px;
}

.article-hot li .mun{
    float:left;
    height:20px;
    margin:13px 6px 0 0;
    overflow:hidden;
    color:#d52b2b;
    font-family:Georgia,"STHeiti","Microsoft YaHei",simsun,sans-serif,Arial;
    font-style:italic;
    line-height:15px;
    text-align:center;
}

.article-hot li:nth-child(n+4) .mun{
    color:#888;
}

.article-hot li:last-child{
    border:0;
}

/* =========================
   首页图片轮播
========================= */

.main_visual{
    position:relative;
    height:230px;
    overflow:hidden;
    border-top:1px solid #d7d7d7;
}

.main_image{
    position:relative;
    height:230px;
    overflow:hidden;
}

.main_image ul{
    position:absolute;
    top:0;
    left:0;
    width:9999px;
    height:100%;
    overflow:hidden;
}

.main_image li{
    float:left;
    width:100%;
    height:100%;
}

.main_image li span,
.main_image li a{
    display:block;
    width:100%;
    height:100%;
}

.main_image li img{
    width:100%;
    height:280px;
}

div.flicking_con{
    position:absolute;
    top:200px;
    right:5%;
    z-index:999;
    height:21px;
    margin:0 0 0 -50px;
}

div.flicking_con a{
    display:block;
    float:left;
    width:21px;
    height:21px;
    margin:0;
    padding:0;
    overflow:hidden;
    background:url(../images/btn_main_img.png) no-repeat;
    text-indent:-1000px;
}

div.flicking_con a.on{
    background-position:0 -21px;
}

#btn_prev,
#btn_next{
    position:absolute;
    top:50%;
    z-index:11111;
    display:none;
    width:73px!important;
    height:74px!important;
    margin-top:-37px;
}

.pss{
    position:absolute;
    top:190px;
    left:0;
    width:100%;
    height:45px;
    padding-left:20px;
    color:#fff;
    background:#3e98f0;
    line-height:45px;
}

.like #LikeMore{
    color:#3e98f0;
}

/* =========================
   Header
========================= */

header{
    margin:0 auto;
}

.header .content{
    position:relative;
    z-index:99;
    width:100%;
    height:48px;
    background:#3e98f0;
}

.header .logo a{
    color:#fff;
}

.header .btn-menu,
.header-min .btn-back,
.header-min .btn-menu,
.header-min .btn-soso{
    position:absolute;
    display:block;
    width:32px;
    height:30px;
    overflow:hidden;
    color:#fff;
    background-image:url(../images/h.png);
    background-repeat:no-repeat;
    background-size:30px auto;
    font-size:2.16rem;
    line-height:1.2;
    text-align:center;
    text-indent:-100%;
}

.header .btn-menu{
    top:9px;
    right:5px;
    background-position:0 -50px;
}

.header-min{
    position:relative;
    z-index:100;
    width:100%;
    height:48px;
}

.header-min .content{
    position:relative;
    z-index:99;
    width:100%;
    height:48px;
    background:#4763b2;
}

.header-min .title{
    margin:0;
    color:#fff;
    font-size:1.8rem;
    line-height:48px;
    text-align:center;
}

.header-min .title a{
    color:#fff;
}

.header-min .btn-soso{
    top:11px;
    right:44px;
}

.header-min .btn-menu{
    top:9px;
    right:5px;
    background-position:0 -50px;
}

.header-min .btn-back{
    top:10px;
    left:5px;
    width:29px;
    height:26px;
    background:url(../images/home.png) no-repeat;
}

.header-min .dot{
    position:relative;
    top:0;
    left:0;
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../images/h.png) no-repeat center -106px;
    background-size:20px auto;
}

/* =========================
   导航
========================= */

.subnav{
    padding:0 10px;
    overflow:hidden;
    background:#fff;
    outline:0;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
}

.subnav .subnav-box{
    position:relative;
    margin:0 auto;
    overflow:hidden;
}

.subnav .subnav-list{
    width:100%;
    height:42px;
}

.subnav .subnav-pills{
    position:absolute;
    top:0;
    left:0;
    height:42px;
    margin:0;
    padding:0;
}

.subnav .subnav-pills:after,
.subnav .subnav-pills:before{
    display:table;
    content:"";
    line-height:0;
}

.subnav .subnav-pills:after{
    clear:both;
}

.subnav .subnav-pills li{
    position:relative;
    top:3px;
    float:left;
    height:39px;
    margin-right:20px;
    white-space:nowrap;
    line-height:20px;
}

.subnav .subnav-pills li a{
    display:inline-block;
    padding:8px 0;
    font-size:1.4rem;
}

/* =========================
   顶部菜单
========================= */

.nav-top{
    position:relative;
    z-index:99;
    display:none;
    width:100%;
    background:#f0f5f9;
    line-height:21px;
    opacity:1;
}

.nav-top .search{
    overflow:hidden;
}

.nav-all{
    position:relative;
}

.nav-all h4{
    height:36px;
    padding:0 10px;
    overflow:hidden;
    background:#f0f5f9;
    font-size:1.4rem;
    font-weight:700;
    line-height:36px;
}

.nav-all .nav-all-list{
    padding:20px 0 10px;
    overflow:hidden;
    background:#fff;
}

.nav-all .nav-all-list li{
    display:inline-block;
    float:left;
    margin-bottom:10px;
}

.nav-all .nav-all-list li a{
    display:block;
    height:2em;
    margin:0 8px;
    overflow:hidden;
    border:1px solid #ddd;
    font-size:1rem;
    line-height:2em;
    text-align:center;
}

.nav-all .nav-all-list .light a{
    color:#fff;
    background:#3e98f0;
    border:0;
}

.nav-all .row-4 li{
    width:25%;
}

.nav-all .row-5 li{
    width:20%;
}

.nav-all .sitemap,
.channels-all .sitemap{
    position:absolute;
    top:10px;
    right:10px;
    padding-right:10px;
    color:#2b73df;
    background:url(../images/1fd23a7d44f44868bb147df4a66b97e0.gif) no-repeat 100% center;
    background-size:auto 7px;
    font-size:1.1rem;
    font-weight:400;
}

/* =========================
   底部导航
========================= */

.nav-foot{
    padding-top:10px;
    overflow:hidden;
}

.nav-foot ul{
    padding:10px 0;
    overflow:hidden;
    background:#fff;
    line-height:25px;
}

.nav-foot li{
    float:left;
    width:20%;
    text-align:center;
}

.nav-foot a{
    color:#333;
    font-size:16px;
}

.nav-foot ul:nth-child(2){
    padding:0;
    background:#4763b2;
    line-height:40px;
}

.nav-foot ul:nth-child(2) a{
    color:#fff;
    font-size:1.3rem;
}

.pop-layer{
    position:fixed;
    top:0;
    left:0;
    z-index:90;
    display:none;
    width:100%;
    height:250%;
    background:rgba(0,0,0,.4);
}

/* =========================
   搜索
========================= */

.search{
    position:relative;
    width:100%;
    padding-top:10px;
    overflow:hidden;
}

.search_txt{
    float:left;
    width:96%;
    height:38px;
    padding-left:4%;
    background:#fff url(../images/search.jpg) left no-repeat;
    border:1px solid #e8e8e8;
    box-shadow:none;
    line-height:38px;
    appearance:none;
}

.search_btn{
    position:absolute;
    top:11px;
    right:0;
    display:inline-block;
    width:60px;
    height:40px;
    color:#fff;
    background:#4763b2;
    border:0;
    border-left:0;
    font-size:1.4rem;
    line-height:40px;
    text-align:center;
}

.search_btn:hover,
.search_btn:active,
.search_btn:link,
.search_btn:visited{
    color:#fff;
}

/* =========================
   频道
========================= */

.channels-wrap{
    width:100%;
    font-size:16px;
    z-index:98;
}

.channels-all{
    display:none;
    background:#fff;
    transition:all .3s linear;
}

.channels-all h4{
    height:36px;
    padding:0 10px;
    background:#f0f5f9;
    color:#000;
    font-size:1.4rem;
    font-weight:700;
    line-height:36px;
}

.channels-all .site-nav:link,
.channels-all .site-nav:visited{
    float:right;
    color:#007aff;
    font-weight:400;
}

.channels-all .channels-all-list{
    height:75px;
    padding:0 10px;
}

.channels-all .channels-all-list>li{
    padding:8px 0;
    border-bottom:1px dashed #e7e7e7;
}

.channels-all .channels-all-list:nth-child(2)>li{
    padding:4px 0 3px;
    border:0;
}

.channels-all .channels-all-list li:last-child{
    border:0;
}

.channels-all .sitemap{
    top:85px;
}

.channels-all-list li>a{
    position:relative;
    display:block;
    float:left;
    width:20%;
    height:32px;
    overflow:hidden;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:32px;
}

.channels-all-list li strong{
    display:inline-block;
    width:43px;
    height:20px;
    margin:0 auto;
    border:1px solid #e7e7e7;
    vertical-align:middle;
    line-height:20px;
}

.channels{
    position:relative;
    clear:both;
    padding:8px 5px 5px;
    overflow:hidden;
    background:#fff;
    border-top:1px solid #d7d7d7;
}

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

.channels li,
.channels2 li{
    position:relative;
    float:left;
    overflow:hidden;
    width:20%;
    height:32px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:32px;
}

.channels2 li{
    width:33.33%;
}

.channels .more{
    position:absolute;
    top:0;
    right:0;
    width:35px;
    height:65px;
    padding:13px 0 0;
    overflow:visible;
    color:#487de3;
    line-height:20px;
    text-align:center;
}

.channels .more:before{
    position:absolute;
    top:3px;
    left:-15px;
    z-index:1;
    width:19px;
    height:74px;
    content:"";
    background:url(../images/menubgjb.png) no-repeat;
}

.channels .more span:after{
    position:absolute;
    top:59px;
    left:50%;
    width:12px;
    height:7px;
    margin-left:-6px;
    overflow:hidden;
    content:"";
    background:url(../images/menubgxjt.png) no-repeat;
}

.channels li>a,
.channels-all-list li>a{
    position:relative;
    display:block;
}

.channels li .hot:before,
.channels li .new:before,
.channels-all-list li .hot:before,
.channels-all-list li .new:before{
    position:absolute;
    top:0;
    right:4px;
    z-index:1;
    width:11px;
    height:13px;
    content:"";
    background-repeat:no-repeat;
    background-size:11px 13px;
}

.btn-seach{
    position:absolute;
    top:12px;
    right:47px;
    width:27px;
    height:25px;
    overflow:hidden;
    cursor:pointer;
    background:url(../images/resizeapi.png);
    border:0;
}

/* =========================
   Footer
========================= */

.footer-min{
    padding:15px;
    text-align:center;
}

.footer-min .app{
    color:#999;
    font-size:1.4rem;
}

.footer-min .app a{
    color:#555;
}

.footer-min .copyright{
    margin-top:5px;
    color:#888;
    font-size:1.2rem;
}

.footer-min .copyright a{
    color:#888;
}

/* =========================
   内容页
========================= */

.msgheader{
    clear:both;
    width:auto;
    margin:3px auto 0;
    padding:0 3px;
    overflow:hidden;
    font-size:12px;
    background:#f6fbff;
    border:1px solid #0099cc;
}

.msgborder,
.codeText,
.codebody,
.zykucode{
    width:96%;
    margin:15px auto;
    padding:5px 5px 5px 35px;
    overflow:hidden;
    color:#006600;
    background:#f4f5f7 url(../images/blockquote.gif) no-repeat 0 0;
    border:2px solid #eee;
    font-family:"Microsoft YaHei",Verdana,sans-serif,宋体;
    font-size:9pt;
}

.fr,
.right{
    float:right;
}

/* =========================
   引用 / 代码
========================= */

#content .codetitle span{
    float:right;
}

#content .codebody{
    width:638px;
    margin:0 auto 3px;
    padding:0 3px 0 5px;
    overflow:hidden;
    background:#ddedfb;
    border:1px solid #0099cc;
    clear:both;
    font-size:14px;
}

#content .htmlarea{
    width:590px;
    margin:0 auto;
    padding:3px;
    clear:both;
    font-size:14px;
    text-align:center;
}

#content .htmlarea textarea{
    width:96%;
    height:200px;
    font-size:14px;
}

#content span.quote,
#content .code,
#content .Code{
    display:block;
    width:92%;
    margin:10px auto;
    padding:3px 10px;
    color:#000;
    background:#f5fbff;
    border:1px dashed #bfdfff;
}

#content span.quote span{
    display:block;
    color:#f00;
}

.quote a:active{
    outline:0;
}

/* =========================
   内容表格
========================= */

#content table{
    margin-top:.54em;
    border:1px solid #ccc;
    border-collapse:collapse;
    clear:both;
    text-align:center;
}

#content th,
#content td{
    padding:.2em .46em;
    border:1px solid #ccc;
}

#content th{
    background:#f3f3f3;
}

#content th img{
    display:block;
    margin:.45em auto 0;
}

#content td.version{
    font-weight:bold;
}

#content table.jbborder{
    border:0;
    border-collapse:collapse;
}

#content table.jbborder th,
#content table.jbborder td{
    padding:3px;
    border:1px solid #e3e3e3;
}

#content table.dataintable{
    width:100%;
    margin-top:10px;
    border:1px solid #888;
    border-collapse:collapse;
    font-family:Arial,Helvetica,sans-serif;
}

#content table.dataintable pre{
    width:auto;
    margin:0;
    padding:0;
    background:transparent;
    border:0;
}

#content table.dataintable th{
    padding:5px 15px 5px 5px;
    vertical-align:baseline;
    background:#ccc;
    border:1px solid #888;
}

#content table.dataintable td{
    padding:5px 15px 5px 5px;
    vertical-align:text-top;
    background:#efefef;
    border:1px solid #aaa;
}

#content table.dataintable p{
    margin:0 0 2px;
}

/* =========================
   分页
========================= */

.wzlist .nypage{
    clear:both;
    height:30px;
    margin:20px 0;
    padding:0 5px;
    overflow:hidden;
    line-height:30px;
    text-align:center;
}

.wzlist .nypage i{
    font-style:normal;
}

.wzlist .nypage a{
    display:inline-block;
    margin:0 2px;
    padding:0 10px;
    color:#999;
    background:#eee;
    font-size:18px;
    text-align:center;
    text-decoration:none;
}

.wzlist .nypage b{
    color:#f00;
}

/* =========================
   相关文章
========================= */

.art_xg{
    margin:0;
    padding:10px 20px;
    overflow:hidden;
    clear:both;
    text-align:left;
}

.art_xg h4{
    color:#006699;
    font-size:14px;
    font-weight:bold;
}

.art_xg ul{
    margin:0;
    padding:0;
}

.art_xg ul li{
    display:block;
    padding-left:8px;
    color:#006699;
    background:url(../images/newsli.gif) no-repeat 8px 50%;
    font-size:14px;
    line-height:28px;
}

.art_xg ul li a:link{
    color:#006699;
    font-size:14px;
}

.art_xg ul li a:visited,
.art_xg ul li a:hover{
    color:#ff6600;
    font-size:14px;
}

/* =========================
   下载
========================= */

.downsoft dl{
    width:95%;
    margin:0 auto;
    padding:10px;
    overflow:auto;
    background:#f7fafb;
    border:1px solid #c6dcf7;
    line-height:30px;
}

.downsoft dl dt,
#content .downsoft dl dd span{
    float:left;
}

.downsoft dl dd{
    overflow:auto;
}

.downsoft dl dd a{
    display:block;
    float:right;
    width:140px;
    height:49px;
    background:url(../images/down.png) no-repeat;
    border:0;
}

.downsoft dl dd strong{
    color:#cc0000;
}

/* =========================
   微信提示
========================= */

#weixin-tip{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
}

#weixin-tip p{
    position:relative;
    margin-top:10%;
    padding:0 5%;
    text-align:center;
}

#weixin-tip p img{
    max-width:100%;
    height:auto;
}

#weixin-tip .close{
    position:absolute;
    top:0;
    left:5%;
    padding:5px;
    color:#fff;
    font:bold 20px/20px simsun;
    text-shadow:0 1px 0 #ddd;
}

/* =========================
   页面分页
========================= */

#pages{
    position:relative;
    width:100%;
    max-width:396px;
    height:38px;
    margin:10px auto;
    padding:0 78px;
    text-align:center;
}

#pages:empty{
    height:0;
}

#pages .page-i{
    height:36px;
    margin-left:5px;
    color:#fff;
    line-height:36px;
}

#pages .page-i i{
    font-style:normal;
}

#pages .down,
#pages .downno,
#pages .rest,
#pages .up,
#pages .upno{
    display:block;
    height:36px;
    color:#333;
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:2px;
    line-height:35px;
}

#pages .down:hover,
#pages .up:hover{
    background:#f2f2f2;
    box-shadow:inset 0 1px 1px #efefef;
}

#pages .down,
#pages .downno,
#pages .up,
#pages .upno{
    position:absolute;
    top:0;
    width:72px;
}

#pages .up,
#pages .upno{
    left:0;
}

#pages .down,
#pages .downno{
    right:0;
}

#pages .rest{
    width:auto!important;
    color:#fff;
    background:#379be9;
    border-color:#379be9;
}

#pages .downno,
#pages .upno{
    color:#b4b4b4;
}

/* =========================
   工具栏
========================= */

.toolbar{
    display:block;
    width:100%;
    height:30px;
    margin:10px auto 15px;
    color:#3e98f0;
    border-bottom:2px solid #3e98f0;
    font-size:1.4rem;
}

.toolbar a{
    margin-bottom:8px;
    color:#3e98f0;
    font-size:1.4rem;
}

.back{
    float:left;
    width:19px;
    height:19px;
    background:rgba(0,0,0,0) url(../images/wback.png) no-repeat center;
}

/* =========================
   大图
========================= */

#bigpic{
    margin:8px 0 10px;
    text-align:center;
}

#bigpic img{
    width:auto;
    max-width:100%;
    height:auto;
}

.pagebreak{
    clear:both;
    height:45px;
    margin:15px auto 10px;
    font-size:13px;
    text-align:center;
}

.pagebreak ul{
    display:inline-block;
    margin:0 auto;
}

.pagebreak li{
    display:inline-block;
    float:left;
    margin-left:-1px;
    padding:0 13px;
    background:#fff;
    border:1px solid #ddd;
    cursor:pointer;
    font-size:14px;
    line-height:36px;
}

.pagebreak li.thisclass,
.pagebreak ul li.thisclass a,
.pagebreak ul li.thisclass a:hover{
    color:#fff!important;
    background:#00a0e2;
}

/* =========================
   手机端
========================= */

@media screen and (max-width:720px){

    body{
        width:100%;
        min-width:320px;
    }

    .header,
    header,
    .header-min,
    .wrap,
    .channels-wrap,
    .nav-top{
        width:100%;
        max-width:720px;
    }

    #content .codebody,
    #content .htmlarea{
        width:100%;
    }

    #content table{
        max-width:100%;
        overflow:auto;
    }

    #content table.dataintable{
        width:100%;
    }

    .msgborder,
    .codeText,
    .codebody,
    .zykucode{
        width:calc(100% - 20px);
        margin-left:auto;
        margin-right:auto;
    }

    .main_visual,
    .main_image{
        height:auto;
        min-height:180px;
    }

    .main_image li img{
        width:100%;
        height:auto;
        min-height:180px;
        object-fit:cover;
    }

    #bigpic img{
        width:auto;
        max-width:100%;
        height:auto;
    }

    .pagebreak{
        overflow:hidden;
    }

}

/* =========================
   超小屏幕
========================= */

@media screen and (max-width:400px){

    .subnav .subnav-pills li{
        margin-right:15px;
    }

    .subnav .subnav-pills li a{
        font-size:14px;
    }

    .h-tags-title h2{
        font-size:16px;
    }

    .h-tags-list{
        padding-left:13%;
    }

    .feeds .hasImg{
        padding-left:100px;
    }

    .feeds-right .hasImg{
        padding-right:100px;
    }

}