/*
 *  群果果科技 2019
 *  http://www.smphp.com QQ:359015
 */

body{min-width:320px;font:400 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica;background:#f0f5f9}
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,h1,h2,h3,h4,h5,h6,p{margin:0}
em,i{font-style:normal}
.red,.red a,a.red{color:red}
.hr10{height:10px}.hr15{height:15px}.hr20{height:20px}.hr30{height:30px}
.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}
.row-2 li{float:left;width:50%}.row-3 li{float:left;width:33%}.row-4 li{float:left;width:25%}.row-5 li{float:left;width:20%}
.pos-r{position:relative}.pos-a{position:absolute}.ov{overflow:hidden}
.hide{display:none!important}.show{display:block!important}
.fr{float:right}.fl{float:left}
.emDian {margin: 0 5px;}
.pad-lr-10{padding:0 10px}
[class*=" icon-"],[class^=icon-]{font-family:"dnbs-icon" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*通用*/
.container{position:relative;padding:0;max-width:768px;margin:0 auto}
@media(min-width:768px){.container{width:768px}}

.tragl{width:0;height:0;line-height:0;overflow:hidden;font-size:0;border:5px dashed;position:absolute;-webkit-transition:-webkit-transform .2s;transition:transform .2s;-webkit-transform-origin:center 20%;transform-origin:center 20%}
.hintbg{width:100%;height:22px;background:#000;opacity:.6;filter:alpha(opacity=60);overflow:hidden;position:absolute;bottom:0;z-index:1;right:0}
.autoImg{width:auto;height:auto;position:absolute;top:-100%;left:-100%;right:-100%;bottom:-100%;margin:auto;min-width:100%;min-height:100%;max-width:none;max-height:none}

/*mod*/
.mod{margin-top:10px;padding:10px;background:#fff}
.mod,.mod .title{position:relative}
.mod .title{height:30px;padding:5px 0}
.mod .title h5{padding-left:10px;border-left:3px solid #3e98f0;color:#5c5c5c;font-size:18px;height:20px;line-height:20px}
.mod .title .more{position:absolute;right:6px;top:4px;font-size:14px;color:#6c6c6c}

/*header*/
.header{z-index:100;width:100%;max-width:8in}
.header,.header .content{position:relative;height:45px}
.header .content{z-index:99;background:#19b5fe}
.header .title{margin:0;color:#fff;text-align:center;font-size:21px;line-height:45px;font-weight:700}
.header .title a{color:#fff}
.header .title .catname{margin-left:5px;background:#d84335;font-size:1pc;height:25px;line-height:25px;padding:0 5px;border-radius:5px;display:inline-block;font-weight:500}
.header i{color:#fff;font-size:28px}
.header .btn-back{position:absolute;left:5px;top:2px}
.header .btn-search{position:absolute;right:42px;top:3px}
.header .btn-menu{position:absolute;right:8px;top:3px;cursor:pointer}

/*位置*/
.crumbs{overflow:hidden;padding:0 10px;height:25px;font-size:1pc;line-height:25px}
.crumbs,.crumbs a{color:#666}
.crumbs i{font-size:14px;padding:0 3px;color:#b5b5b5}

/*分页*/
#pages{position:relative;margin:10px auto;padding:0 78px;height:38px;max-width:396px;text-align:center}
#pages:empty{height:0}
#pages .page-i{margin-left:5px;height:36px;color:#fff;line-height:36px}
#pages .page-i a{color:#fff}
#pages .page-i i{font-style:normal}
#pages .down,#pages .downno,#pages .rest,#pages .up,#pages .upno{display:block;width:72px;height:36px;border:1px solid #e2e2e2;border-radius:2px;background-color:#fff;color:#333;line-height:35px}
#pages .down:hover,#pages .up:hover{background-color:#f2f2f2;box-shadow:inset 0 1px 1px #efefef}
#pages .down,#pages .downno,#pages .up,#pages .upno{position:absolute;top:0}
#pages .up,#pages .upno{left:0}
#pages .down,#pages .downno{right:0}
#pages .rest{display:block;width:auto!important;border:1px solid #379be9;background:#379be9;color:#fff}
#pages .downno,#pages .upno{color:#b4b4b4}
.read-all{width:100%;height:30px;line-height:30px;margin-top:10px;font-size:18px;text-align:center;overflow:hidden}
.read-all a{color:#277de2}

/*footer*/
.footer{margin-top:10px;padding:10px 0;background:#2f2f2f;color:#fff;text-align:center;line-height:27px}
.footer a{font-size:1pc;color:#fff}
.footer .copyright{font-size:9pt}

/*列表页*/
.list-bar{padding:10px;background:#fff;overflow:hidden}
.list-bar .feeds-item:first-child{border-top:1px solid #eee}

/*====模块列表====*/
/*默认列表*/
.feeds{margin-top:-10px;position:relative;overflow:hidden}
.feeds-tabs{height:42px;position:relative;z-index:10;border-bottom:1px solid #f2f2f2}
.feeds-tabs>li{float:left;width:16.666666%;height:43px;line-height:41px;font-size:1pc;text-align:center;cursor:pointer}
.feeds-tabs>li,.feeds-tabs>li>span{display:inline-block}
.feeds-tabs>li.cur>span{border-bottom:2px solid #f85959}
.feeds-tabs .more{position:absolute}
.feeds-tabs .more ul{width:75pt;background:#fff;position:absolute;top:0;right:0;border:1px solid #f2f2f2}
.feeds-tabs .more li{border-bottom:1px dotted #d2d2d2}
.feeds-tabs .more li:last-child{border:0}
.feeds-tabs .more li.cur{color:#f85959}
.feeds-tabs .more .angle-up,.feeds-tabs>li.more>span{padding:0 10px;color:#999}
.feeds-item{border-top:1px solid #eee;position:relative;padding:9pt 0}
.feeds-item:first-child{border-top:0}
.feeds-item:hover{background:#f8f8f8}
.feeds-item h3{font-size:18px;height:50px;line-height:25px;margin-bottom:5px;overflow:hidden}
.feeds-item h3 a{color:#262627}
.feeds-item h3 a:hover{color:#3ba0f2;text-decoration:none}
.feeds-item .feeds-item-pic{position:absolute;left:0;top:9pt;width:81pt;height:72px;padding:1px;border:1px solid #ededed}
.feeds-item .feeds-item-pic a{display:block;height:100%;overflow:hidden}
.feeds-item .feeds-item-pic img{width:81pt;height:72px}
.feeds-item .feeds-item-info{height:18px;line-height:18px;color:#999;font-size:9pt;overflow:hidden}
.feeds-item .feeds-item-info span{margin-right:6px}
.feeds-item .feeds-item-info a{color:#999}
.feeds-item .feeds-item-info i{margin-right:3px;font-size:14px}
.feeds-item .feeds-item-info .avatar{float:left;margin-right:5px;width:18px;height:18px;line-height:17px;text-align:center;font-size:9pt;border-radius:50%;background-color:#eee;overflow:hidden}
.feeds .hasImg{padding-left:121px;min-height:76px}
.feeds-flow{width:100%;height:35px;line-height:35px;margin:5px 0;background:#f7f8f9;font-size:1pc;color:#3e98f0;letter-spacing:1px;text-align:center;cursor:pointer;overflow:hidden}
.feeds-right .feeds-item-pic{left:auto;right:0}
.feeds-right .hasImg{padding-left:0;padding-right:121px}

/*热门列表*/
.article-hot{overflow:hidden}
.article-hot li{height:50px;line-height:50px;font-size:16px;border-top:1px solid #eee;overflow:hidden}
.article-hot li .mun{color:#d52b2b;height:20px;float:left;font-size:20px;font-style:italic;font-family:georgia,STHeiti,"Microsoft YaHei",simsun,sans-serif,Arial;line-height:15px;margin:17px 6px 0 0;overflow:hidden;text-align:center;width:20px}
.article-hot li:nth-child(n+4) .mun{color:#888}

/*焦点图*/
.cat-slide-bar{max-height:165px;position:relative;overflow:hidden;-webkit-transform:translateZ(0)}
.cat-slide-bar .cat-slide-item{position:relative;float:left;width:100%;height:165px}
.cat-slide-bar .cat-slide-item div{overflow:hidden}
.cat-slide-item img{margin:auto;width:100%}
.cat-slide-bar .cat-slide-title{position:absolute;bottom:0;left:0;width:100%;height:28px;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.4)));color:#fff;text-align:center;line-height:28px}
.cat-slide-bar .cat-slide-title a{color:#fff;font-size:16px}
.cat-slide-bar .cat-slide-dot{position:absolute;right:8px;bottom:10px;z-index:20;height:9pt;color:#fff;font-size:9pt}
@media only screen and (min-width:414px){.cat-slide-bar,.cat-slide-bar .cat-slide-item div{max-height:213px}}

/*壁纸列表*/
.bizhi-item{overflow:hidden}
.bizhi-item a{color:#666}
.bizhi-item img{width:100%;}
.bizhi-item h3{margin-top:8px;padding:0 5px;height:20px;line-height:20px;font-size:16px;text-align:center;}

/*微调*/
.lh40{height:40px;line-height:40px;}

/*菜单*/
.nav{background:#fff;overflow:hidden}
.nav li{float:left;width:16.666666%;line-height:40px;height:40px;color:#333;text-align:center}
.nav li a{display:block;text-align:center;position:relative;font-size:1pc;color:#444}
.nav li i{color:#999}
.nav li.cur a{color:#19b5fe;font-weight:700}

/*右侧挂件*/
.fixed-btn{width:44px;position:fixed;right:3%;bottom:90px;z-index:1998;display:none}
.fixed-btn span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:rgba(0,0,0,.5);border-radius:50%}
.fixed-btn span+span{margin-top:3px}
.fixed-btn a{display:block}
.fixed-btn i{color:#fff;font-size:18px}

/*订阅图列*/
.tags-plist{margin:0 -10px;overflow:hidden}
.tags-plist li{float:left;width:33.33333%;margin-bottom:10px;overflow:hidden;}
.tags-plist li a{display:block;margin:0 10px;}
.tags-plist li img{width:100%}
.tags-plist li span{display:block;padding:0 10px;height:30px;line-height:30px;text-align:center;overflow:hidden}

/*关注微信弹层*/
.layui-layer.wefocus{max-width:350px;background:#fff;border-radius:10px;border:1px solid #ddd}
.wefocus .layui-layer-title{height:auto;line-height:24px;padding:10px 15px;background:0 0;border-bottom:1px solid #ddd;margin:0;display:flex;justify-content:flex-start;flex-flow:nowrap;font-size:15px;color:#666}
.wefocus .layui-layer-title b{display:block;color:#333;margin-top:7px}
.wefocus .layui-layer-title img{margin-right:10px}
.wefocus .layui-layer-setwin .layui-layer-close1{width:25px;height:25px;top:-7px;right:-7px;background:url(../../images/wap/2018/close.png) no-repeat center center #eee;background-size:80% auto;border-radius:50%}
.wefocus_way{padding:5px 10px}
.wefocus_way b{display:block;line-height:30px}
.wefocus_way dl dt i{display:inline-block;border-radius:50%;border:1px solid #ddd;width:20px;height:20px;line-height:20px;text-align:center;margin-right:10px}
.wefocus_way dl dd{margin-left:10px;border-left:1px solid #ddd;padding-left:20px}
.wefocus_way dl dd img{margin:10px 0 0}
.wefocus_btn{margin:5px 15px 15px;background:#65bb0a;border-radius:5px;line-height:45px;font-size:1pc;color:#fff;text-align:center}
.wefocus_btn a{display:block;color:#fff}

/*浮动菜单*/
.fixed-menu-wrap{position:absolute;top:45px;left:0;background:#fff;width:100%;display:none;z-index:9}
.fixed-menu-collapse{display:block;background:#f2f2f2;height:30px;line-height:30px;text-align:center;cursor:pointer}
.fixed-menu-bg{display:none;background:rgba(0,0,0,.3);position:fixed;left:0;top:0;width:100%;height:100%;z-index:8}
.fixed-menu{overflow:hidden}
.fixed-menu li{float:left;width:19%;padding:0 3%;height:42px;line-height:42px;font-size:1pc}
.fixed-menu li:nth-child(-n+9){border-bottom:1px solid #f1f1f1}
.fixed-menu li i{margin-right:8px;color:#4a4a4a}
.fixed-menu li a{color:#353535}
.u-center{padding:0 10px;height:45px;line-height:45px;background:#f2f2f2;border-bottom:1px solid #d3d3d3;font-size:16px;color:#222;overflow:hidden}
.u-center .u-info{float:left}
.u-center .u-menu{float:right}
.u-center a{color:#222}
.u-center i{margin-right:5px;font-size:18px}
.u-center i.icon-user1{color:#19b5fe}
.u-center #my_tags{margin-right:8px}
.wefollow{position:relative;display:block;padding:8px 10px 0 110px;height:102px;border-top:1px solid #d3d3d3;color:#7f7f7f}
.wefollow .QR-code{position:absolute;top:10px;left:10px;width:90px;height:90px;background:url(../../images/wap/2018/wefollow.jpg)}
.wefollow p{font-size:9pt;line-height:23px}

@media (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
    .u-center{height:40px;line-height:40px;font-size:14px}
    .u-center i{font-size:1pc}
    .fixed-menu li{width:20%;padding:0 2% 0 3%;font-size:14px}
    .fixed-menu li i{margin-right:5px}
    .wefollow p{line-height:19px}
}
@media (max-device-width:375px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */
    .fixed-menu li {
        width: 20%;
        padding:0 2% 0 3%;
    }
}
@media (max-device-width:414px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus */

}