@charset "utf-8";
body,html{padding:0;margin:0 auto;font-size: 10px;-webkit-tap-highlight-color:rgba(255,255,255,0);background:#F5F5F5;color:#333;width:100%;font-family:Helvetica;-webkit-overflow-scrolling:touch;max-width:640px}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
a{color:#333}
input[type=search]{-webkit-appearance:none}
input::-webkit-search-cancel-button{display:none}
a.active{color:#3ca5f6}
.hide{display:none}
.author-a1{color:#bbb;margin-right:5px}
.pull-right{float:right}
.pull-left{float:left}
ul{padding:0;margin:0}
ul li{list-style:none}
.c1{color:#333}
.c2{color:#999}
.f1{font-size:2rem}
.f2{font-size:2.8rem}
.f3{font-size:3.2rem}
a{cursor:pointer;text-decoration:none}
.htmlBox{position:absolute;width:100%;height:100%;background:#f5f5f5;max-width:640px}
button,html input,textarea{-webkit-appearance:button;cursor:pointer;outline:0}
.logo-box{position:absolute;left:50%;margin-left:-45px;margin-top:7.5px} /*margin-left:-20px;*/
.logo-box img{height:30px}
.placeholder-line{width:100%;height:15px;background:#f5f5f5}
.placeholder-box{height:0;display:none}
.nav-share{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:1300;opacity:0;cursor:pointer;display:none;top:0}
.share-ul{width:100%;text-align:center}
.nav-box{cursor:pointer;width:100%;background:#fff}
.user-wrap{position:absolute;background:#f5f5f5;left:0;right:0;display:none;z-index:1000;height:100%;margin-top:45px;overflow:auto;padding-bottom:105px}
.user-face-wrap{padding:25px 0;background:#fff}
.user-face-box{position:relative;width:50px;height:50px;border-radius:60px;margin:0 auto;text-align:center}
.user-face-box img{border-radius:60px;width:100%}

/*
.navbar-nav-ul{background:#fff}
.navbar-nav-ul li{height:45px;border-bottom:1px solid #f0f0f0;margin-left:15px;font-size:15px;line-height:45px;   border:1px solid #000;display:block;}
.menu-item-has-children{}
.navbar-nav-ul li:last-child{border:none}
.exit-wrap{height:45px;background:#fff;line-height:45px;font-size:15px;text-align:center}
.exit-wrap a{color:#f63756;display:inherit}
.sub-menu{/border-bottom:1px solid #f0f0f0;top:62px;width:100%;padding-left:35px;color:#666;font-size:14px}
.sub-menu2{margin-top:50px}
.sub-menu li{float:left;border-bottom:none;margin-right:30px;line-height:25px;}
.sub-menu li a{color:#666}
.sub-menu li:last-child{margin-right:0}
*/
.navbar-nav-ul{background:#fff}
.navbar-nav-ul li{position:relative;height:45px;border-bottom:1px solid #f0f0f0;margin-left:15px;font-size:15px;line-height:45px}
.menu-item-has-children{margin-bottom:74px;}
.navbar-nav-ul li:last-child{border:none}
.exit-wrap{height:45px;background:#fff;line-height:45px;font-size:15px;text-align:center}
.exit-wrap a{color:#f63756;display:inherit}
.sub-menu{position:absolute;border-bottom:1px solid #f0f0f0;top:62px;width:100%;padding-left:35px;color:#666;font-size:14px}
.sub-menu2{margin-top:50px}
.sub-menu li{float:left;border-bottom:none;margin-right:30px;line-height:25px;}
.sub-menu li a{color:#666}
.sub-menu li:last-child{margin-right:0}


.author-name,.login-link{text-align:center;font-size:15px;bottom:-28px;position:absolute;width:150px;left:-55px}
.login-link a{color:#3ca5f6}
header{position:relative;z-index:800}
.top-bar{height:45px;background:#fff;border-bottom:1px solid #f0f0f0}
.navbar-toggle{width:30px;height:30px;background:#fff;text-align:center;padding:0;margin:6px 0 0 15px;position:absolute;border:none}
.navbar-toggle .icon-bar{width:23px;height:1px;background:#000;margin-bottom:7px}
.navbar-toggle .icon-bar:last-child{margin-bottom:0}
.navbar-toggle.active .icon-bar{position:absolute;left:0}
.navbar-toggle.active .icon-bar:nth-child(2){display:none}
.navbar-toggle.active .icon-bar:nth-child(1){-webkit-animation:fadeRotateRight .2s ease both;animation:fadeRotateRight .2s ease both}
.navbar-toggle.active .icon-bar:nth-child(3){-webkit-animation:fadeRotateLeft .2s ease both;animation:fadeRotateLeft .2s ease both}
.ad-box1{width:100%}
.guide-box{position:relative;height:55px;width:100%;background:#4c4c4c;z-index:1000;top:0;display:none}
.header{z-index:800}
.guide-logo-box{position:absolute;left:15px;margin-top:6px}
.guide-logo-box img{position:absolute;width:49px}
.guide-logo-box .title{font-size:18px;color:#fff;margin-left:50px;position:relative;top:4px;line-height:1.1}
.guide-logo-box .title span{font-size:13px}
.guide-btn-box{position:absolute;right:15px}
.guide-btn-box i{margin-left:5px;float:right;margin-top:13px;width:30px;height:30px;text-align:center;cursor:pointer}
.guide-btn-box .btn-open{width:80px;height:30px;background:#3ca5f6;color:#fff;font-size:13px;border-radius:30px;display:inline-block;line-height:30px;text-align:center;float:right;margin-top:13px}
.search-box{cursor:pointer}
.swipe{overflow:hidden;visibility:hidden;position:relative}
.swipe-wrap{overflow:hidden;position:relative;height:180px}
.swipe-wrap .figure{float:left;width:100%;position:relative;height:100%;margin:0}
.wrap{width:100%;height:100%}
.image{width:100%;height:100%}
nav .position li{display:inline-block;width:5px;height:5px;border-radius:5px;background:#141414;box-shadow:inset 0 1px 3px #000,0 0 1px 1px #202020;margin:0 2px;cursor:pointer}
nav .position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#1293dc;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1293dc),color-stop(100%,#0f6297));background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);background-image:-moz-linear-gradient(top,#1293dc,#0f6297);background-image:-ms-linear-gradient(top,#1293dc,#0f6297);background-image:-o-linear-gradient(top,#1293dc,#0f6297);background-image:linear-gradient(top,#1293dc,#0f6297)}
.search-hot a{color:#f97752}
.search-wrap{height:100%;z-index:1100;max-width:640px;margin:0 auto}
.search-wrap,.search-wrap-show{position:fixed;background:#fff;top:0;left:0;right:0;padding-bottom:50px;display:none}
.article-ad-box img,.index-ad-box img{width:100%}
.search-wrap-show .icon-sm-search{width:38px}
.search-wrap .close-box{position:absolute;right:5px;font-size:16px;color:#bbb;display:inline-block;padding:0 10px;line-height:50px}
.input-sm-search{position:absolute;right:20px;top:0;border:none;background:0 0}
.search-wrap-show{position:relative;display:inline-block;padding-bottom:0;width:100%}
.search-input-box{padding:0 15px;height:50px;line-height:44px;border-bottom:1px solid #f0f0f0}
.search-wrap .search-input,.search-wrap-show .search-input{width:100%;height:33px;border-radius:33px;background:#f5f5f5;border:none;color:#333;font-size:14px;padding:5px 15px;margin-top:9px}
.search-wrap .search-input{width:88%}
.search-wrap .input-sm-search{right:50px}
.search-act{margin:25px 15px 0 15px;font-size:14px;color:#bbb;height:23px;line-height:23px;border-bottom:1px solid #f0f0f0;display:inline-block;width:100%}
.search-history,.search-history-act{display:none}
.story-praise{position:absolute;right:15px;margin-top:15px;padding-left:10px;cursor:pointer;display:none}
.story-praise em{font-style:normal;font-size:12px;margin-left:3px;color:#bbb;position:relative;top:-2px}
.search-ul{margin:0 15px}
.search-ul li{height:30px;border-radius:30px;border:1px solid #f0f0f0;margin:15px 15px 0 0;float:left;font-size:16px;text-align:center;line-height:30px;padding:0 10px}
[placeholder]{color:#bbb}
.btn-cancel{font-size:15px;color:#ddd;margin-left:13px}
.neirong-shouquan-public{text-align:center;z-index:100;background:#FFF;padding:0 15px;-webkit-box-sizing:inherit;box-sizing:inherit;position:relative;margin-top:-1px}
.neirong-shouquan-public img{z-index:100;width:150px}
.neirong-shouquan-public p{font-size:16px;text-align:left;margin:0}
.article-content .neirong-shouquan-public p{text-align:left;font-size:15px}
.icon{display:inline-block;vertical-align:text-bottom;background:url(img/icon.png) no-repeat;width:15px;height:16px;cursor:pointer;background-size:250px 250px}
.hxrzzz-box{position:absolute;width:20px;height:20px;border-radius:20px;background:#fff;text-align:center;line-height:30px;right:0;bottom:0}
.c-hxrz{display:inline-block;vertical-align:text-bottom;background:url(img/icon.png) no-repeat;width:18px;height:19px;background-size:250px 250px}
.hxrzzz-level-1{background-position:-6px -113px}
.hxrzzz-level-2{background-position:-6px -133px}
.hxrzzz-level-3{background-position:-6px -153px}
.hxrzzz-level-4{background-position:-6px -173px}
.hxrzzz-level-5{background-position:-6px -198px}
.hxrzzz-level-6{background-position:-30px -113px}
.hxrzzz-level-7{background-position:-30px -113px}
.hxrzzz-level-8{background-position:-30px -153px}
.hxrzzz-level-9{background-position:-30px -178px}
.hxrzzz-level-10{background-position:-30px -193px;width:40px}
.hxfwtd{background-position:-30px -212px}
.icon-search{background-position:-30px 14px;width:45px;height:45px}
.icon-sm-search{background-position:-184px -96px;width:43px;height:43px}
.icon-close{background-position:-107px 0}
.icon-menu{background-position:-1px 5px;width:30px;height:30px}
.icon-bubble{width:15px;height:14px;background-position:-164px -2px}
	.icon-view {width:15px;height:14px;background-position:-166px -230px}
.icon-goTo{width:35px;height:35px;background-position:-67px 3px}
.icon-comments{width:23px;height:23px;background-position:-4px -39px}
.icon-md-praise{width:23px;height:23px;background-position:-124px -39px}
.icon-md-praise.active{width:23px;height:23px;background-position:-44px -38px}
.icon-big-praise{width:23px;height:23px;background-position:-188px -3px;margin-top:14px}
.icon-collection{width:23px;height:23px;background-position:-164px -39px}
.icon-collection.active{width:23px;height:23px;background-position:-84px -39px}
.icon-share{width:23px;height:23px;background-position:-204px -40px}
.icon-wx{width:30px;height:25px;background-position:0 -78px}
.icon-timeLine{width:30px;height:25px;background-position:-50px -78px}
.icon-wb{width:30px;height:25px;background-position:-100px -78px}
.icon-qq{width:30px;height:25px;background-position:-145px -79px}
.icon-qqZone{width:30px;height:25px;background-position:-185px -79px}
.icon-pl-praise{background-position:-64px -114px}
.icon-pl-praise.active{background-position:-62px -133px}
.icon-pl-step{background-position:-94px -112px}
.icon-pl-step.active{background-position:-93px -132px}
.icon-down{background-position:-90px -153px}
.icon-up{background-position:-62px -150px}
.icon-white-close{background-position:-110px 0;width:30px;height:30px}
.icon-warning{background-position:-130px -110px;width:20px;height:20px;position:relative;top:3px;margin-right:10px}
.list-content{width:100%;overflow:hidden}
.article-big-box{position:relative;height:180px;width:100%;overflow:hidden}
.article-big-box img{width:100%}
.shuffling-box{height:106px;display:none;width:100%;transition-duration:.5s;transform:translate3d(-100%,0,0);-webkit-overflow-scrolling:touch}
.shuffling-box li{float:left}
.shuffling-ol{position:absolute;font-size:10px;color:#fff;z-index:10;padding:0;margin:0 auto 0 auto;width:100%;text-align:center;display:none}
.shuffling-ol li{list-style:none;width:8px;height:8px;background:rgba(255,255,255,.3);border-radius:8px;margin-right:5px;display:inline-block}
.shuffling-ol li:last-child{margin-right:0}
.shuffling-ol li.active{background:#0da3fa}
.article-big-title-box{position:absolute;background:rgba(0,0,0,.5);left:0;right:0;top:0;bottom:0}
.article-title{padding:0 28px;color:#fff;font-size:21px;line-height:1.5;margin:0;vertical-align:middle;display:table-cell;text-align:center;width:100%;height:180px}
.article-feed-ul{padding:0 15px;margin:0;background:#fff}
.article-feed-ul li{position:relative;height:100px;border-bottom:1px solid #f0f0f0}
.article-feed-ul li:last-child{border:none}
.article-feed-ul li.article-big-image-box{height:auto;padding:15px 0}
.article-md-img-box{float:left;width:124px;height:70px;margin-top:15px;position:relative;z-index:10}
.article-md-img-box img{width:100%}
.article-feed-ul li.article-big-image-box .article-md-img-box{width:100%;float:none;margin-top:0;overflow:hidden;height:auto}
.article-feed-ul li img.article-big-image-box img.article-md-img-box img{width:100%}
.article-info-box{position:absolute;margin-top:15px;padding-left:136px;font-size:15px;line-height:24px;color:#333;height:76px;width:100%}
.article-feed-ul li.article-big-image-box .article-info-box{position:relative;padding-left:0;height:auto}
.article-feed-ul li.article-big-image-box .article-info-box .article-md-title{height:auto}
.article-feed-ul li.article-big-image-box .article-info-box .author-box{position:relative;height:auto;margin-top:10px}
	.article-feed-ul .search-empty{padding:12px; text-align:center;}
.article-info-box .author-box{bottom:-2px;font-size:12px;color:#bbb;margin-top:5px;position:absolute;white-space:nowrap}
.article-info-box .article-md-title{height:50px;overflow:hidden}
.article-info-box .author-box.hot-article{margin-left:0}
.article-info-box .author-box span{margin-right:5px}
.article-info-box .author-box span:last-child{margin-right:0}
.article-info-box .author-box .face-box{float:left;position:relative;border-radius:13px;width:26px;height:26px;overflow:hidden;margin-right:10px}
.article-info-box .author-box .face-box img{width:100%}
.article-info-box .author-box span:last-child{margin-right:0}
.mod-hot{margin-right:0;position:absolute;right:0;bottom:15px;padding:0 5px;height:17px;line-height:17px;font-size:11px;color:#fff;background:#f63756;text-align:center}
.mod-hot.bottom{bottom:0}
.mod-hot.ad1{background:#f1754f}
.mod-hot.ad2{background:#3CA5F6}
.story-box{position:relative;padding:15px 0 0 0;background:#fff}
.story-box .title{font-size:18px;margin:0 15px}
.span-mark{display:inline-block;background-color:#f63756;position:absolute;z-index:1;height:16px;line-height:1;margin:-18px 0 0 -15px;width:5px}
.story-box .span-mark{margin:-19px 0 0 0}
.story-box ul{margin-top:-5px}
.story-box ul li{position:relative;padding:15px;border-bottom:1px solid #f0f0f0}
.story-box ul li.active{background:#F6F6F6}
.story-box ul li:last-child{border:none}
.story-box ul li.active .story-praise{display:block}
.story-box ul li .story-title{font-size:15px;color:#333;line-height:2;cursor:pointer}
.story-box ul li .info{font-size:14px;line-height:1.5;color:#5a5a5a;margin-top:10px;display:none;background:#F6F6F6;cursor:pointer}
.story-box ul li .info a{color:#bbb;font-size:12px;line-height:12px}
.story-box ul li .time{font-size:12px;color:#bbb;margin-top:5px}
.story-box ul li .story-arrow{position:relative;top:13px;width:2px;height:0;left:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ddd}
.story-box ul li.active .info{display:block}
.story-box ul li.active .story-arrow{border-top:none;border-bottom:6px solid #ddd;top:-12px}
.get-mod-more{height:42px;text-align:center;font-size:14px;line-height:42px;color:#bbb;cursor:pointer;background:#fff}
.bottom-more.bg1{background:#f5f5f5}
.bottom-more .loading-img{width:30px;height:30px;margin-top:5px}
.ad-box2{position:relative;padding:15px;overflow:hidden;background:#fff}
.ad-box2 img{width:100%}
.ad-article-top{position:relative;overflow:hidden}
.ad-article-top,.ad-article-top img{width:100%;display:block}
.ad-article-top.ad-article-content{padding:0 15px;background:#FFF}
.ad-article-content img{width:100%}
.ad-article-content .mod-hot{right:15px;bottom:0}
.ad-title-box{position:absolute;width:100%;z-index:2;background:rgba(0,0,0,.5);font-size:21px;line-height:1;color:#fff}
.ad-title{padding:0 25px;vertical-align:middle;display:table-cell;height:216px;width:100%;text-align:center}
.ad-box2 .mod-angle,.article-title .mod-angle{padding:0 10px;height:21px;border:1px solid #fff;font-size:14px;text-align:center;line-height:21px;display:inline-block;position:relative;border-radius:3px;top:-2px;margin-right:5px}
.ad-box2 .mod-angle.ad1{background:#f1754f}
.ad-box2 .mod-angle.ad2{background:#3CA5F6}
.ad-footer-box{position:relative;width:100%}
.ad-footer-box img{width:100%;display:block!important}
.mod-sidebar{position:fixed;right:10px;bottom:75px;z-index:500}
.mod-sidebar .goTo{width:35px;height:35px;border-radius:35px;background:rgba(0,0,0,.6);margin-top:10px;font-size:12px;line-height:35px;text-align:center;color:#fff;cursor:pointer;display:none}
footer{height:50px;width:100%;background:#f5f5f5;text-align:center;color:#bbb}
footer ul{margin:50px auto 15px auto;display:inline-block}
footer ul li{width:70px;float:left;font-size:14px;line-height:1;border-right:1px solid #bbb}
footer ul li:last-child{border:none}
footer ul li a{color:#bbb}
footer .copyright-box{font-size:12px;margin-top: 30px;}
.article-content-title-box{padding:0 15px;background:#FFF}
.article-content-title-box .title{font-size:24px;font-weight:700;line-height:30px;padding-top:10px}
.article-author-box{height:63px;line-height:62px}
.article-author-box .face-box{position:relative;top:12px;width:36px;height:36px;border-radius:36px;overflow:hidden;float:left}
.article-author-box span{margin-right:10px;color:#bbb;font-size:12px}
.article-author-box .face-box img{width:100%}
.text-hxzhu,.text-remarks{color:#bbb}
.article-content-img{width:100%}
.article-content-img img{width:100%;display:block}
.article-content{padding:10px 15px 1px 15px;background:#fff;font-size:18px;line-height:1.5;width:100%}
.article-content img{max-width:100%;height:auto!important}
.article-content sup{font-size:18px;line-height:1.5}
.article-content p{padding:0;margin:0;font-size:18px;line-height:1.5;word-wrap:break-word;margin-bottom: 30px;word-break:break-all}
.article-content p iframe{max-width:100%;height:auto}
.article-content blockquote{padding:0;margin:0;border-left:3px solid #ddd;padding-left:15px;color:#555}
.neirong-shouquan{font-size:13px}
.article-content p .text-remarks{color:#999}
.article-content .img-center-box{text-align:center}
.article-content .text-big-title{font-size:21px}
.article-content .text-big-title,.text-sm-title{font-weight:700;color:#a41d1d}
.praise-wrap{background:#fff;padding:10px 0 40px 0}
.praise-box{position:relative;margin:0 auto;width:50px;height:50px;border-radius:25px;background:#f63756;text-align:center;line-height:50px;cursor:pointer}
.praise-box .number{position:absolute;width:50px;text-align:center;margin-left:-13px;font-size:14px;margin-top:42px;color:#ddd}
.praise-box.active{border-radius:100px;background:#fff;border:2px solid #f0f0f0}
.praise-box.active .icon-big-praise{width:23px;height:25px;background-position:-43px -40px}
.share-wrap{position:absolute;text-align:center;bottom:40px;width:100%}
.share-box{text-align:center;font-size:13px;color:#bbb;padding-bottom:35px;padding-top:20px}
.wx-share-box{background:#fff}
.share-box .title{position:relative;margin:0 auto 30px auto;width:210px;border-top:1px solid #f0f0f0}
.share-box .title span{background:#fff;position:absolute;width:50px;left:50%;margin-left:-25px;margin-top:-9px}
.share-box .share-ul li{width:105px;display:inline-block;text-align:center;margin-bottom:15px;cursor:pointer}
.share-box .share-ul li a{display:inline-block;width:50px;height:50px;border-radius:50px}
.share-box .share-ul li a i{margin-top:13px}
.share-box .share-ul li:nth-child(1) a{background:#f74964}
.share-box .share-ul li:nth-child(2) a{background:#ffce00}
.share-box .share-ul li:nth-child(3) a{background:#f74964}
.share-box .share-ul li:nth-child(4) a{background:#2da3f6}
.share-box .share-ul li:nth-child(5) a{background:#ffce00}
.exceptional-box{text-align:center;padding:20px 0;background:#fff;display:none;-webkit-box-sizing:inherit;box-sizing:inherit}
.pl-number{position:absolute;font-size:10px;background:#f63756;color:#fff;height:12px;border-radius:11px;vertical-align:middle;display:inline-block;font-style:normal;right:-17px;top:-5px;line-height:15px;padding:0 4px}
.exceptional-box .name{font-size:15px;color:#bbb}
.exceptional-box .name span{color:#3ca5f6}
.exceptional-box .info{font-size:12px;color:#999;text-align:center;width:100%}
.exceptional-box .qr-box{margin:15px auto;z-index:100;width:100%}
.exceptional-box .qr-box img{width:110px;-webkit-box-sizing:inherit;box-sizing:inherit}
.article-box{width:100%}
.article-box a{text-decoration:none;border-bottom:1px solid #333;padding-bottom:2px;color:#333}
.article-box a font{color:#333}
.btn-group{position:fixed;width:100%;height:49px;border-top:1px solid #dfdfdf;background:rgba(255,255,255,.96);z-index:100;bottom:0;max-width:640px}
.btn-group ul li{width:32%;text-align:center;float:left;height:49px;line-height:49px;cursor:pointer}
.btn-group ul li i{position:relative;top:6px}
.pl-wrap,.recommended-box{position:relative;padding:25px 15px 0 15px;background:#fff}
.pl-wrap .title,.recommended-box .title{font-size:18px;margin:0;font-weight:400}
.pl-wrap .face-box{position:absolute;width:25px;height:25px;border-radius:25px;overflow:hidden;margin-left:-35px}
.pl-wrap .face-box img{width:100%}
.pl-wrap .pl-info{position:relative;font-size:12px}
.pl-wrap .pl-info .title{font-size:16px;color:#333;margin-top:17px;line-height:21px;word-wrap:break-word}
.pl-wrap .pl-info .title .content{font-size:inherit;}
.pl-wrap .pl-info .title .content pre{margin:10px 0 0;}
.pl-wrap .pl-info .title .content .blue.f12{border-left:2px solid #F63756;padding-left:10px;}
.pl-wrap .pl-info .title .cont-yuan{font-size:inherit;padding:10px;margin:10px 0;background:#f5f5f5;}
.pl-wrap .pl-info .name{margin-top:8px}
.pl-wrap .pl-info .time{display:inline-block;margin-top:20px;color:#bbb}
.pl-wrap .pl-info .hf-pl{margin-top:20px;cursor:pointer;padding:0 15px;margin-right:-15px;color:#bbb}
.pl-wrap .pl-info .praise{position:absolute;right:0}
.pl-list-box .pl-info .praise{top:-4px}
.pl-wrap .pl-info .praise span{position:relative;margin-left:10px;cursor:pointer;height:25px;display:inline-block}
.pl-wrap .pl-info .praise span em{font-style:normal;margin-left:2px;position:relative;top:-2px}
.pl-wrap .pl-ul-box li{position:relative;padding:15px 0 20px 0;border-bottom:1px solid #f0f0f0;margin-left:35px}
.pl-footer-box{height:49px}
.article-feed-ul li:after,.pl-wrap .pl-ul-box li:after,.search-feed-ul li:after,.story-box ul li:after{content:'';width:15px;height:1px;background:#f0f0f0;position:absolute;right:-15px;bottom:-1px}
.article-feed-ul li:last-child:after,.pl-wrap .pl-ul-box li:last-child:after,.story-box ul li:last-child:after{height:0}
.pl-wrap .pl-ul-box li:last-child{border:none}
.pl-list-box{padding:5px 15px 0 15px}
.pl-list-box .pl-info .name a{color:#3ca5f6}
.pl-list-title{background:#FFF}
.pl-list-title ul{height:44px;border-bottom:1px solid #f0f0f0}
.pl-list-title ul li{height:44px;text-align:center;width:50%;float:left}
.pl-list-title ul li.active a{color:#3ca5f6;border-bottom:4px solid #3ca5f6}
.pl-list-title ul li a{font-size:16px;color:#bbb;display:inline-block;line-height:42px}
.dp-wrap-title{font-size:14px;margin-bottom:15px;margin-top:10px}
.dp-wrap{background:#f5f5f5;padding:0 15px}
.dp-wrap .dp-box{display:none;border-bottom:1px solid #eee}
.dp-wrap .dp-box .hf-pl,.dp-wrap .dp-box .time{margin-top:0;margin-right:-15px}
.dp-wrap .dp-box:first-child{display:block}
.bottom-more-pl{border:none;display:inline-block;width:100%}
.dp-box{padding:15px 0}
.dp-box .face-box{margin-left:0}
.dp-box .pl-info .name{margin-top:0;position:relative;margin-left:35px;top:8px}
.dp-box .pl-content{margin-top:27px;font-size:14px;line-height:19px;word-wrap:break-word}
.dp-box .pl-content .user-name{color:#3CA5F6}
.recommended-box .article-feed-ul{padding:0}
.pl-form-box{position:fixed;top:0;height:100%;background:#fff;z-index:1200;width:100%;display:none;max-width:640px}
.pl-form-box .title{height:41px;border-bottom:1px solid #ddd;padding:0 15px;font-size:17px;line-height:41px;text-align:center}
.pl-form-box .title a:last-child{color:#3CA5F6}
.pl-textarea-box{padding:15px}
.feedback-textarea,.pl-textarea{height:94px;width:100%;border:1px solid #ddd;resize:none;font-size:14px;padding:15px;color:#333}
.feedback-input{width:100%;height:40px;border:1px solid #ddd;font-size:14px;color:#333;margin-top:13px;padding-left:15px}
.pl-btn-group{padding:0 15px}
.pl-btn-group input{height:33px;width:100%;border-radius:35px;border:1px solid #bbb;text-indent:15px;font-size:15px;margin-top:7px;color:#333}
.hot-article-box .article-info-box{padding-left:0}
.recommended-box.related-box .article-feed-ul .article-info-box .article-md-title{margin-left:0}
.next-article-box{background:#FFF;padding:15px 0}
.next-article-box .next-title{color:#999;font-size:12px;margin-left:15px;margin-bottom:10px}
.next-article-box .article-feed-ul li{background:#f5f5f5;margin-left:0;padding:0 15px}
.next-article-box .article-feed-ul li .article-info-box{margin-right:15px;padding-left:0;width:auto}
.next-article-box .article-feed-ul li .article-info-box .article-md-title{padding-left:0}
.messenger{position:fixed;z-index:9999;height:35px;top:0;line-height:35px;width:100%;color:#fff;font-size:15px;text-align:center;background:rgba(60,165,246,.75);display:none;max-width:640px}
.messenger.error{background:rgba(246,55,86,.75)}
.search-feed-ul li{position:relative;padding:15px 0;border-bottom:1px solid #f0f0f0}
.search-feed-ul li:last-child{border:none}
.search-feed-ul li .author-face{width:41px;height:41px;overflow:hidden;border-radius:41px;position:absolute}
.search-feed-ul li .author-info{margin-left:50px;min-height:40px}
.search-article li{padding:20px 0}
.search-article li .author-info{margin-left:0}
.search-feed-ul li .author-info .name{font-size:16px;line-height:1.5}
.search-feed-ul li .author-info .info{color:#bbb;font-size:14px;line-height:1.5;margin-top:5px}
.search-feed-ul li .author-info .info em{font-style:normal;color:#f63756}
.search-feed-ul li .author-info .name em{color:#f63756;font-style:normal}
.search-feed-ul li .time{color:#bbb;font-size:12px;margin-top:10px}
.search-feed-ul li .time span{margin-right:15px}
.search-feed-ul li .author-face img{width:100%}
.no-content-box{background:#f5f5f5;color:#999;font-size:15px;text-align:center;padding:175px 0}
.no-content-box .title{line-height:20px}
@keyframes fadeRotateRight{0%{transform:rotate(0)}
100%{transform:rotate(45deg)}
}
@-webkit-keyframes fadeRotateRight{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(45deg)}
}
@keyframes fadeRotateLeft{0%{transform:rotate(0)}
100%{transform:rotate(-45deg)}
}
@-webkit-keyframes fadeRotateLeft{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-45deg)}
}
@media screen and (min-width:320px){.sub-menu li{margin-right:15px}
}
@media screen and (min-width:321px) and (max-width:375px){.article-big-box,.article-title,.swipe-wrap{height:210.94px}
}
@media screen and (min-width:376px){.article-big-box,.article-title,.swipe-wrap{height:232.88px}
.sub-menu{height:40px;}
.navbar-nav-ul .navbar-nav-li:nth-child(2){margin-top:47px}
}
.login-wrap-un{margin:5px 10px;display:none}
.login-wrap-un .login-info{text-align:center}
.login-info-box{position:relative;margin-right:40px;z-index:0}
.login-info-box .i-info-img{position:absolute;right:-30px;top:-5px;background-size:18px auto}
.login-wrap-un .login-box{text-align:center;margin:10px 0}
.login-wrap-un .btn{display:inline-block;width:100px;height:30px;line-height:30px;background-color:#bbb;margin:0 20px;color:#fff;border-radius:2px;cursor:pointer}
.login-wrap-un .btn-true{background-color:#08c}
.a-reg{height:35px;line-height:35px;color:#fff;padding:0 10px}
.a-reg:hover{color:#fff}
.lgn-reg-box{padding:20px}
.lgn-reg-box .t-h3{margin-bottom:10px;color:#999;font-size:16px;text-align:center}
.ipt-btn,.lgn-reg-box input{width:100%;padding:12px 6px 10px;margin-bottom:10px;font-size:14px;display:inline-block;font-weight:400;border:1px solid #bbb;border-right-color:#ccc;border-bottom-color:#ccc;box-shadow:inset 0 0 2px #ccc;text-indent:5px}
.ipt-btn,.lgn-reg-box input[type=submit]{width:auto;padding:6px 14px;cursor:pointer;height:35px;background-color:#08c;color:#fff;border-radius:2px;box-shadow:0 0 1px #f9f9f9;-webkit-appearance:none;outline:0}
.lgn-reg-box form p{margin:0}
.lgn-reg-box form p.code .ver-code{width:53%;}
.lgn-reg-box form p.code .btn-ver-code{width:35%;display:inline-block;vertical-align:middle;cursor:pointer;margin-left:5px;padding:5px;background:#EDF7FF;}
.lgn-reg-box form p.p-btm-wrap{margin-right:0}
.lgn-reg-box .login-box{margin:10px 0;border:1px solid #ccc;padding:10px}
.login-wrap{padding:10px;background-color:#ddd;text-align:center;position:relative;display:none;z-index:0}
.login-info{font-size:12px;text-align:left;color:#666;padding:0 5px;line-height:16px}
.login-box{padding:0 5px 5px}
.login-btn{background-color:#08c;display:block;margin:10px 0;padding:5px;color:#fff;border-radius:2px}
.login-btn:hover{color:#fff}
.third-party-login-wrap{float:left}
.qq-login,.weibo-login{line-height:1;text-align:center;display:inline-block;font-size:12px;margin:0 10px 0 0;padding:10px 0;color:#fff;background-color:#bbb;width:60px;border-radius:2px}
.third-party-login-wrap a:hover{color:#fff}
.reg-btn{float:right;color:#666;font-size:12px}
.sub-menu li:nth-child(2) {margin-top: 0px;}

#comments {margin-bottom:40px;clear:both;}
#comments .comment-list,#comments .commentlist {margin:30px 10px 0 10px;}
#comments .comment-list li,#comments .commentlist li {margin-bottom:20px;list-style:none;list-style-type:none;}
#edita {margin-bottom:70px;}
#comments .comment-list  .avatar,#comments .commentlist  .avatar {width:45px;height:45px;/*!  */margin-left:7px;}
#comments .comment-list  .avatar img,#comments .commentlist  .avatar img {width:45px;height:45px;position:absolute;box-shadow:0 1px 3px rgba(0,0,0,0.22);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;transition:transform .4s ease-out}
#comments .comment-list li:hover .avatar img,#comments .commentlist li:hover .avatar img {-webkit-transform:scaleZ(5) rotateY(180deg);-moz-transform:scaleZ(5) rotateY(180deg);transform:scaleZ(5) rotateY(180deg)}
#comments .comment-list  .author,#comments .commentlist  .author {font-size:15px;font-weight:bold;margin-left:55px;}
#comments .comment-list  .comment_box,#comments .commentlist  .comment_box {padding:10px 15px;line-height:50px;margin-top:-60px;font-size:15px;border-top:1px solid #f0f0f0;}
#comments .comment-list  .comment_box .comment_meta,#comments .comment-list  .comment_box .comment_meta a,#comments .commentlist  .comment_box .comment_meta,.comment_box .dateline,#comments .commentlist  .comment_box .comment_meta a {font-size:13px;font-size:1.3rem;color:#999;}
#comments .comment-list  .comment_box .commentcount,#comments .commentlist  .comment_box .commentcount {float:right;font-size:18px;font-size:1.8rem;color:#bbb;}
#comments .comment-list li:hover .comment_reply a,#comments .commentlist li:hover .comment_reply a {color:#32a5e7}
#comments .comment-list .children .comment,#comments .commentlist .children .comment {padding:12px 0 0 10px;margin:20px 0 0 15px;}
.comment-navi {text-align:right}
.comment-navi a,.comment-navi span {margin:0 2px;padding:4px 4px;display:inline-block}
.comment-navi a:hover {border-bottom:2px solid #999}
.comment-navi a.prev:hover,.comment-navi a.next:hover {border:none}
.comment-navi span.current {border-bottom:2px solid #999}
#loading-comments {display:none;background:none!important;height:50px;text-align:center;font-size:14px!important;font-size:1.4rem!important;color:#4a7304!important;margin-bottom:20px;}
#comments-navi {overflow:hidden;float:right;display:block;}
#comments-navi .page-numbers {display:inline-block;line-height:35px;color:#ccc;padding:0 5px;margin-right:20px;height:35px;text-align:center;}
#comments-navi a:hover,#comments-navi .current {color:#32a5e7;border-bottom:2px solid #32a5e7;}
#respond_box {margin:0 0 50px;overflow:hidden;clear:both;font-size:14px;font-size:1.4rem}
#commentform #comment-author-info {float:left;width:100%;}
#comment-author-info p {float:left;width:50%;position:relative;margin-bottom:1.5rem;}
#comment-author-info p.name {margin-left:0;}
#commentform p,#commentform p a {color:#999;font-size:14px;}
#commentform input {padding:0 0 0 12px;width:80%;display:block;border:1px rgba(0,0,0,0.15) solid;line-height:36px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#commentform textarea {width:100%;box-sizing:border-box;padding:10px;resize:none;height:220px;border:1px rgba(0,0,0,0.15) solid;line-height:30px;}
#commentform input:topslide,#commentform textarea:topslide {border:1px solid #32a5e7}
#commentform input#submit,#commentform input#reset {padding:5px;width:148px;margin-top:20px;text-align:center;line-height:30px;height:48px;background:#32a5e7;color:#FFF;border:1px solid  #32a5e7;cursor:pointer;float:none;font-size:18px;}
#commentform input:focus,#commentform textarea:focus {border:1px #32a5e7 solid;}
#commentform #submit:hover,#commentform #reset:hover {color:#fff;background-color:#2f99ea;}
#commentform input#comment_mail_notify {width:20px;height:15px;margin-top:10px}
.cancel-comment-reply img {margin:5px 5px;float:right;border:1px solid #eee}
.comm-firstblood {display:block;border-style:solid;border-width:1px 0 0 0;margin:0 65px;text-align:center;border-color:#e6e6e6;}
.comm-firstblood span {text-align:center;font-weight:400;color:#aeaeae;padding:0 20px;position:relative;top:-12px;background:#FFF;}
#commentform {margin-top:30px;margin-bottom:20px;}
#comment-title span {font-size:18px;}
.interested-article-box .span-mark-author {margin:-27px 0 0;}
.author-name span,.user-name span {font-size:12px;display:inline-block;color:#fff;background-color:#19b5fe;padding:3px 4px;border-radius:4px;line-height:1;}
.comment_con p {line-height:25px;}
comment_meta p {line-height:25px;}
.Qr-code .like .count {position:absolute;font-size:10px;background:#f63756;color:#fff;height:12px;border-radius:11px;vertical-align:middle;display:inline-block;font-style:normal;top:10px;line-height:15px;padding:0 4px;}

/*404*/
.box404 {overflow:hidden;margin:0  auto;margin-bottom:40px;padding:30px;text-align:center;}
.page404-title {}
.page404-title h1 {font-size:148px;font-size:14.8rem;line-height:150px;}
.page404-title h5 {font-size:38px;font-size:3.8rem;line-height:50px;}
.box404 .bottons {}
.box404 .pull-left {float:none;}
.box404 .pull-left a {padding:10px 15px;border:1px solid #bbb;color:#bbb;border-radius:5px;font-size:12px;}
.box404 .pull-left a:hover {background:#bbb;color:#fff;}
.mod-angle::after {
    content: " ";
    position: absolute;
    left: 0;
    top: 24px;
    width: 0;
    height: 0;
    border-top: 6px solid #cd213d;
    border-left: 10px solid transparent;
}
.mod-angle {
    position: absolute;
    left: -10px;
    height: 24px;
    color: #fff;
    text-align: center;
    background-color: #f63756;
    line-height: 24px;
    padding: 0 10px;
    z-index: 20;
    top: 5px;
    font-size: 14px;
}
/*文章翻页*/
#page {margin-bottom: 20px;width:100%;line-height:36px;text-align:left;overflow:hidden;margin-left:auto;margin-right:auto;display:block;text-align:-moz-center;*text-align:center;text-align:center}
#page a {text-decoration:none;color:#FFF;background:#A8A8A8;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}
#page a:hover,#page a.current {color:#FFF;background:#32a5e7}
#page-numberscurrent {background: #32a5e7;text-decoration: none;color: #FFF;display: inline-block;padding: 9px 12px;margin: 0 5px 0 0;line-height: 16px;margin-right: 3px;border-bottom: 1px solid #333;}

/*多图样式*/
.column-img:hover {color: #fff;background: #3ca5f6;}
.column-img {position: absolute;width: 60px;height: 20px;border: 1px solid #3CA5F6;bottom: 10px;right: 0;font-size: 12px;color: #3CA5F6;text-align: center;line-height: 18px;z-index: 10;}
.mob-images-item{margin-bottom:15px;margin-top: 15px;}
.mob-images-item ul{overflow:hidden;margin-left: -10px;}
.mob-images-item ul li{float:left;width:33.3333%;height: auto;border-bottom: 0px solid #f0f0f0;}
.mob-images-item ul li .overlay{opacity:0}
.mob-images-item ul li a:hover .overlay{opacity:0.3}
.mob-images-item ul li .mob-images{margin-left:10px;max-height:195px;position:relative;overflow:hidden}
.mob-images-item ul li a img{width:100%;height:auto}
.mob-images-item ul li .overlay {width: 100%;height: 100%;background: -webkit-linear-gradient(270deg,rgba(0,0,0,.01) 2%,rgba(0,0,0,.95) 100%);background: linear-gradient(180deg,rgba(0,0,0,.01) 2%,rgba(0,0,0,.95) 100%);-webkit-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out;position: absolute;}
.mob-images-item ul li .image-item {margin-left: 10px;max-height: 160px;position: relative;overflow: hidden;}
.mob-img .author-box {margin-bottom: 15px;font-size: 12px;color: #bbb;white-space: nowrap;}