@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;color:#333}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{    font-size-adjust: none;    -webkit-text-size-adjust: none;    font-size: 14px ;font-family:"微软雅黑";box-sizing: border-box;   -webkit-box-sizing: border-box;}
body{background:white;margin:0 auto;max-width: 640px;}

.u-cont-num span:nth-child(1) {
	margin-right: 15px;
}

.u-icon-fava,.u-icon-like {
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 4px;
	margin-top: -3px;
	vertical-align: middle;
}

.u-icon-like {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEIklEQVRYR81Y7UtkZRT/nTuOr5MoviOailqJYDpzsdj6YLRF9V1o+xS9QEtL/0rR0oeK/dQW+b0iivzQ4iL3qglhLuoMiohvqJjvw9wT5/HeYWZ27r1zx9nNAyLMPef3/J5znuec5xxCQJmenu4OhUJvAngFwAsAngXwjA3zL4BVAP8AeJBKpX4dHR1NBFmCClGemJgIdXd3j2ua9ikzvwygIDsATEQPLcu6m0gkJsbHx1N+6/kCG4bxOhF9CeB5PzCf74vMfEfX9d+99FwJTU5OVkYikS+I6OMrEskyZ+avj46OPhsbGzvLh5uX0OzsbBMz/8TMeinJOFhEZBDROyMjIzu5+I8REjKWZf0J4LknQSYD85Gmaa/mksoiZJpmNYA/AIw+YTIO/DSA12Kx2Enae5kLm6b5DYAPnxIZZ5lvY7HYR48Rsm/Tb0+ZjFqOmW86t0+FjJm1mZmZv+1E939wWozH44OSpxQhwzDeJaLvPfMDESorK9VfKBTCxcUFTk9PkUwms8zC4TAqKipAdHk85fv5+bls2nOjzHxL1/UflJVpmg8A3HCzEAItLS1obm5WZBw5OTnB5uYm9vf31U/19fVobW1FdbXcjUsRQtvb29jZ2UEq5Z6oiWgqGo3eILs2rbiVA9lpe3u7IpRPZOcrKyuKaFdXV9ozubpbW1vY2NiAZVlu+2Zm7iXTND8B8JWbVm1tLfr6+jzdLSHRNA0SLo/VsLy8jMPDQy+s20LoOwDvuWnJrhsaGkpy0CVsa2trXlj3hdAcgBfdtAYHB9UhLYXIJVhYWPCCmhNCuwBcXTA8PKzCUQqR8zM3J/t3lT0hdA6g3E1lYGAAVVVVpeCj0oSPhy58CXV2dqKpqakkhOSmra+ve2EpQp4hq6mpQW9vL8rKyq5EShLp0tISzs7yPoMcbBUyz0MtmpIQJRcVe5YkIa6urqYTqMfO/hJC9wHc8tt+Y2Mj2traUF7uetzyQsi5kYR4cHDgt4R8V9feMzFmokj4JGPX1dW5ZmRHX27U3t6eKi2SOAuU22QYRg8RLRfaSUjYJFFKzXLzlhAQrwihAHJZOsTAr7jmAxVvdXR0QP5nyvHxscrGUniDSLq4ilEhz4984JLBpbREIhH1WcgkEokgIUrDZj0/pBHs6emRB1rg3kveR/39/QpYrrUc4iIk+4Fme0kawqKesHIDRXZ3JaUFF2Z+Q9d1tXZW12EYxj0iej84ZPEWRHQvGo1+4CBc7zZIWF6rRtFx2/z8fHMymfwZQLT4YHhazoTD4beHhoa2c7Vchw1TU1NV4XD482sxbMhkbRjGTXscc9Ve/5E9jvG8yb7zISHnDKwA3CGilwotM2LLzA+J6G48Hv+xJAOr3BjbbdNb9khPEmkngFpbT1oKecUv2iO9X4KO9P4DfBi/pSayYjcAAAAASUVORK5CYII=');
}

.u-icon-like-active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEKElEQVRYR82Yb2xTVRTAf6d/5rYAEWELytCATGZijESNGKbG6ZjYIWuWqq1ZwoKiEKt8EU00kUT9MhIzMmIWxIlhUOYCNQ5ZnEpMbFgIMagxkUVAGDOObYgB/8y26zXvvXbSrq+v3cqy86Uf3vnz67n3nnPPFXIU1bBmMTFHDYpK4HbgFhSzdTfCFeAc8BNCCFv0c9nT9UsuISQbZeXx2HFEngTbi6DuR8jKDoUC6YXYDqLOj6Wzc8wqnqVj5at/FBVrQaiwcpbxu+IkYvPLvgNfZtIzBVLr1hUSvrwd1IYpgUwwlp0UzHlZdu8eTec3LZDyeEpwRj8D7s0vzLi340QcLunsHE71PwEoDvMNsOwawSTc9hFxPJAKlQSkNqwp5orzCKLuu8Ywhnslx5gdqZKdXX8n4iUDed3vIzw7LTCJIIpdEgg+NwFIP03EvphWmPFgturE6dMzpLZutdH3/Y+IXuimX7SSEHXcodUpA8hb50VkX0YSpxNuLIOFZVBUBCPD0H8W/riUbHb9XFhwEzgcoBRcuggXBmHMoiYq5ZPAJwEDyOcOAStNgYqKwVUHj7kMmIScPQOfHoRjR0EEVlSCay0sXvK/jgbccxh6uuGf8b07MZSSoxI4uFL03hR1nDZtB1pmnmqA1bXpeSMRaN4GxcXwgh/s9vR63V3Q0Q6afjrR2ozYlory1W0Eec80O3cuhy1vGBkwk+EhY4nm3mCuE4vBtnfghxMZdobaJMrnbgeeMdV63g8PPpyfjf5VD7S1ZvK1VwPSkO8y1WpuhZLS/AD9OgBbXjL3pdQJDWgEmGeq9eF+KCjID1A4DI1PZwDid1Fe978I5hGbtsPCRfkBGuiHVzdnAgpbA63fCFXV+QHqPgTtbRZAVku2dBm88jrMmjU1qIsj0PQWDJy3WDKrTa0d95pa8HihsHByUH/9CR+0GgU0s3yn1aG9ID4rTR6pgbX1MG++pWqSwvl+ONABx3uzsdOOvUVhvNpNeQW4noDl9xiFMJOMjkJvCA4FYfC3bGC0JqYVxvolqNiprCeJguvgoSqorYP5JekDDV0wshL6OksQjSXeOjQLy+aazq2WrYZGuLU8+evpn+GjXaD95iKJ5qoDZXP9SOe8dAFs2gzltxlfz5yClndhaDAXFEM36fqhD4JR7YKW++xVtghee9Novk1vw7mcBtU4TMoFzVi2KVxhq1YZjo/05J4ZPTirJBDUr8+pl/w2hMbJeZ2klaJNAsH1CeuZPQbp2TOm1pkxKCbSphrcpYxxGLh7kgthZfYtdh6XPcGhVEXzxwaPpwjnWPOMeGy4mlp53dUILXmY9ftQ+BOnySyFlu9D8X1lPFiJ+FGsyLrNGFF7EdlB2N6Rlwer1H9ijE3O1aAqQVUgcjMwJ653GaX6QU6ChHBEunN90vsPAyx373XoiR0AAAAASUVORK5CYII=');
}

.u-icon-fava {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEFUlEQVRYR82Y20tcVxTGv3XG43Wsl6KCl9QZKkmgYnHmYEraB0ttaPMuJH0KaQKRSP+VhoY8JCFPuVDfmxAS6kNFkXPUKoUq1hkVvFCl3sbrOGeXtXuOOKPO2adq4nobZu+1fmetvde39yb4tP7+/lAgELgC4HMAFwF8BKDYcbMGYArAnwB6UqnU65aWlrifEKQyuKurKxAKhdo1TbsrhPgMgNI8AIKI+mzbvh+Px7va29tTXvE8HZum+RUR/QTggpczj/9HhRCdhmG8zTbuSKDu7u78YDB4j4huHxMkbboQ4mEikfihtbV16zC/hwINDg5WCCF+EUIYJwnj+iIik4iuNjc3L2T6PwDEMLZt/wbg/GnA7PM5pmnaF5lQaUCWZRUC+BVAyynDuO77AXwZjUY39rK3P7BlWY8AfP+OYNwwj6PR6K0DQM5uevOOYWQ4IUSbu/tkyYQQ2sDAwB9Oo/PFVFhYiLq6OqRSKczMzGBzc9PXfGfwaCwW+4T7lAQyTfMaET3360nTNITDYZSUlMipq6urmJiYgG3bfl1xUq4bhvFCAlmW1QPgsl8vVVVVqK6uBoM5mcb8/DxmZ2f9ugIR9UYikcvkaNOEDzmQwbhUoVAI+fn5acGTySSmpqawsrLiF0oIIT4my7LuAHigMlvXdeTl5aGgoADl5eUIBoOHTtvY2MDc3By2trbAgLy+FK2DgZ4C+C7bhNzcXJSVlaG4uFjCMBhRdhlkiJ2dHbnI19fXsby8LH972DMGGgLwabaBDQ0NEsYL4igfQgisra1hfHzcC2iIgRYBfJhtZGNjIzhLxzEu3cjIiJeLfxhoG0DWaJWVlbLXHMemp6exsHBASzNd7igBBQIB1NTUoKKi4n8xMQg3TYXFLYE8S8YUXLL6+nq5lvxYIpFAPB5XWdDsVpbMc1G7ANyRufdwxlSM183k5KTs4Ir2OwM9A3BdZQJnh7OkusC5OXJ2FErlhpfbXrkx+s0Qb3XOkEL/cYE6yDTNMBH9pSIdDMQZysnJUUmobIicoe1t3sie9p908DBVcfULxNLBGWIwL9sTVx6oevxg+eAMueq+u7srJYHXiisvRUVFex2dNY0zxGBelnb84ItgOBzmA1rWuxcHra2tlQK7tLQkQbgc7vmHNY61rrS0VAov95/FxUU+63jxpB/QnCzxhfB9HWG/NgxDxk6TbNM0nxDRDa/POcn/iehJJBK56fo829cgpjxTF0U3bcPDw5XJZPIlgMhJlmefrwFd179tamr6O9P/kce+3t7eAl3XfzwTjw37qU3TbHOeY4571x9znmOy7mTP9yGGcx+sAHQS0SUVmXE/SgjRR0T3Y7HYzyfyYJVZY+fa9I3zpMeN9ByAD5xxfM6YBjDqPOm98vuk9y/UnNSleNVRTgAAAABJRU5ErkJggg==');
}
.f-flex{display: -webkit-flex;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex;}
.f-inline-block{display:inline-block;}
.f-pd-2{padding-left:1.2%;padding-right:1.2%;}
.f-mr-2{margin-left:1.2%;margin-right:1.2%;}
.f-mr-12{margin-left:12px;margin-right:12px;}
.f-mr-top{margin-top:1.2%}
.f-mr-bottom{margin-bottom:1.2%}
.f-mr-right{margin-right:10px}
.f-mr-left{margin-left:10px}
.f-sp-2{width: 50%;}
.f-bg-fff{background-color: #ffffff;}
.f-sp-3{width: 33.33%;text-align: center;}
.f-sp-4{width: 25%;text-align: center;}
.f-sp-5{width: 20%;text-align: center;}
.f-bd-3{border-radius:3px;overflow:hidden;}
.f-bd-5{border-radius:5px;overflow:hidden;}
.f-333{color:#333}
.f-center{text-align:center}
.f-fl{float: left;}
.f-fr{float: right;}
.f-show{display:block}
.f-hide{display:none;}
.f-overhide{overflow: hidden;}
.f-border-top{border-radius: 5px 5px 0 0 ;overflow:hidden;}
.f-elips{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.f-clear:after{clear:both;content:".";display:block;margin:0;padding:0;font-size:0;height:0;line-height:0;overflow:hidden;}
/*.f-bd-top-dot{border-top: 1px dotted #ccc;}*/
/*.f-bd-bottom-dot{border-bottom: 1px dotted #ccc;}*/
.f-img-blur{-webkit-filter:blur(32px);-moz-filter:blur(32px);-ms-filter:blur(32px);-o-filter:blur(32px);filter:blur(32px);-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-ms-transition:all ease .2s;-o-transition:all ease .2s;transition:all ease .2s}
/*ICO*/
.u-ico-like,.u-ico-hate{background-image: url(../images/digico.png);background-repeat:no-repeat;width: 24px;height: 24px;background-size: 60px; text-align:center;}
.u-ico-like{background-position: -2px 0;margin-right:10px;}
.u-ico-hate{background-position: -34px 0;}
.u-ico-txt{line-height: 68px;}
.u-ico-txt-hate{color:#56bdf8;text-align:center;}
.u-ico-txt-like{color:#ff5a5a;text-align:center;}
/*baidushare*/
.m-baidujx{padding:5px 0;}
.m-baidujx .bdsharebuttonbox span{display: inline-block;vertical-align: top;height: 28px;line-height: 28px;margin-right: 10px;}
.m-baidujx .bdsharebuttonbox a{margin: 6px 6px 6px 0;}
/*head*/
.g-head{height: 40px;background-color: #2b2b2b;}
.u-logo{background-image: url(../images/sprite.png);background-repeat: no-repeat;}
.m-hd{line-height: 40px;color:#fff;}
.u-logo,.u-hdnav{width: 90px;height: 100%;display: block;}
.u-logo{background-size: 120px 614px; background-position: 15px -363px; text-indent: -9999px;}
.u-title{flex-grow:1;text-align: center;color:#fff}
/*.u-hdnav{border-left: 1px solid #424242;text-align: center;font-size:1rem;}*/
/*.u-hdnav:after{content: ''; width: 8px; height: 8px; display: inline-block; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); margin-left: 1%; vertical-align: text-top;}*/

/*page-nav*/
.m-chd{flex-wrap:wrap;background-color: #2b2b2b;border-top:1px solid #424242;}
.u-hnav-l{line-height: 45px;color:#fff;}
.u-hnav-l:hover{background-color: #000;}
.g-page-nav{line-height: 45px;background-color: #e7e6e6;box-sizing: border-box;}
.u-pnav-l{display: inline-block;border-bottom: 2px solid #e7e6e6;font-size:1rem;}
.u-pnav-l.on{color:#f4a100;border-bottom: 2px solid #f4a100;}
/*tag*/
.m-tag{	background-color: #fff;	flex-wrap:wrap;padding:1% 0;}
.u-t-unit{	line-height: 2rem;}
/*index-首页*/
	.m-index-head{padding-left:16px;padding-right: 16px;justify-content: space-between;align-items: center;height: 40px;}
	.u-index-search,.u-index-user,.u-index-logo,.nav-ico,.u-index-hot,.u-index-go{background-image: url(../images/public.png);background-repeat: no-repeat;background-size: 110px 440px;}
	.u-index-search{width: 20px;height: 20px;display: block;background-size: 110px 440px;background-position: -90px -225px}
	.u-index-user{width: 20px;height: 24px;display: block;background-size: 110px 440px;background-position: -90px -250px}
	.u-index-logo{width: 100px;height: 24px;display: block;background-size: 178px 710px;background-position: 0 -432px;}

	/*img-nav*/
	.img-nav{padding:20px 0 0;margin:0 1.2%; text-align:center;}
	.index-ico{ display: -webkit-flex; display: -webkit-box;  display: -moz-box;  display: -ms-flexbox; display: flex;  flex-wrap:wrap;}
	.img-ico{display:inline-block; width:20%;padding-bottom: 20px;font-size:.8rem;}
	.img-ico span{display: block;margin-top:4px;}
	.nav-ico{width:51px;height:51px;margin:auto;}

	.img-ico-bz{background-position:-59px 0;}
	.img-ico-tp{background-position:  0 -55px ;}
	.img-ico-bq{background-position: -59px -55px ;}
	.img-ico-wm{background-position: 0 -112px ;}
	.img-ico-qm{background-position: -59px -112px ;}
	.img-ico-ss{background-position: 0 -167px ;}
	.img-ico-yhb{background-position: -59px -167px ;}

	/*m-index-download*/
	.m-index-download{font-size:13px;padding: 12px 0;background: rgba(249,249,247,1)}
	.u-index-hot{display:inline-block;width:20px;height:20px;background-size: 138px 550px;background-position: -58px -276px;vertical-align: middle; margin-top: -10px;margin-left: 12px}
    .u-index-go{display:inline-block;width:20px;height:20px;background-size: 138px 550px;background-position: -78px -276px;vertical-align: middle;float: right}
/*.m-index-download span{margin-left:4px;}*/
    .m-index-download .right{float: right;color:#666666}

	/*navButton*/
	.navButton{    margin-top: 15px;height: 40px;justify-content:space-between;}
	.navButton li{width:25%;height: 32px;line-height: 32px;text-align:center;color:#666;margin: 0 4px;cursor: pointer;box-sizing:border-box;border-radius:3px;}
/* 	.navButton li.on{color:#3DDBC1;border-bottom: 2px solid #fff;border-bottom-color: #3DDBC1;}*/
	.navButton li.on span{color:#3DDBC1;padding-bottom:10px;border-bottom: 2px solid #fff;border-bottom-color: #3DDBC1;}
	/*index-more*/
	.indexMore:hover{ background-color:#aadcf8; color:#038cda;}
    .indexMore {display: block;text-align: center;padding: 10px;border-radius:5px;background-color: #fff;}


/*page*/
.m-page li{display: inline-block;width: 49%;text-align: center;background-color: #f4a100;border-radius: 5px;}
.m-page li:last-child{float:right;margin:0;}
.m-page a:hover { background-color:#C59B51; border-radius:5px;}
.m-page a,.m-page span{display:inline-block; padding:10px 0;width:100%;}
.m-page a {color:#fff;}
.m-page span { color:#FDDD9F;}
/*foot*/
.g-footer{width: 100%;}
.m-search{padding:12px 10px;flex-wrap: nowrap;background-color: #fff;overflow: initial;}
.m-search-form{width: 100%;}
.u-arrow,.u-serch-subtn,.u-bnav-home{background-image: url(../images/sprite.png);background-repeat: no-repeat;}
.u-serch-side{position:relative;width: 20%;text-align:center;color:#666;font-size: .8rem;}
.u-serch-main{width: 80%;}
.u-arrow{width: 20px;height: 20px;vertical-align: middle;display: inline-block;background-size: 24px 155px; background-position: -2px -64px; margin-left: 4px;}
.u-class-list{position: absolute;left: 0;bottom:40px;width: 100%;background-color: #404a54;color:#fff;border-radius: 4px;overflow: hidden;display: none;}
.u-class-list li{line-height: 25px; cursor: pointer;}

.u-serch-main input{box-sizing: border-box;display: inline-block;outline: 0;border:0;height:20px;}
.u-serch-input{width: 88%;}
.u-serch-subtn{width: 10%;text-indent: -9999px;background: none;background-repeat: no-repeat;background-image: url(../images/sprite.png);background-size: 20px 98px;background-position: 5px -20px;}
.m-butnav{padding: 10px 15px;border-top:1px solid #f6f6f6;box-sizing: border-box;background-color: #fff;justify-content: space-between;font-size: .8rem;}
.u-bnav-home{width: 45px;height: 45px;display: block;background-size: 45px 200px; background-position: 0 5px; margin-top: 8px;}
.u-bnav-lt-m{flex-grow: 1;flex-wrap:wrap;padding: 0 1%;}
.u-bnav-l{width: 25%;text-align:center;padding: 8px 0;box-sizing: border-box;display: block;}
.u-bnav-app{height: 25px; line-height: 25px; border: 1px solid #666; border-radius: 5px; padding: 0 4px; margin-top: 20px; font-size: 0.7rem;}
.m-footer{background-color: #404a54; width: 100%; padding: 5px 0;}
.m-f-dec{color:#707982;text-align: center;font-size: .8rem;padding: 4px 0;}
.u-declare{font-size: .7rem;}
.u-f-li{color:#707982;}
.u-f-li:nth-child(1){color:#95a0ac;}
.u-dot{margin: 0 6px;}
.m-footer a{color:inherit}
/*app*/
.m-app{width:100%;background-color:#fff;overflow:hidden;}
.m-app img{width: 100%}
.u-app-logo{height:50px;display:block;vertical-align:top}
.u-app-dec{display:block;height:50px;font-size:12px;margin-left:2%;box-sizing:border-box;flex-grow:1}
.u-app-ver{margin-top:8px;display:block}
.u-app-title{font-size:14px;color:#059a05;margin-top:4px}
.u-app-download{text-align:center;font-size:14px;align-items:center}
.u-app-open{display:inline-block;border:1px solid #059a05;padding:4px 10px;color:#059a05;border-radius:5px;text-decoration:none}
.u-tzz-rec{border:1px solid #ff6666;color:#ff6666;}
.f-font-f66{color:#ff6666}

/*内容页app*/
.m-page-app{border-top: 1px solid #424242;width: 100%;background: #2b2b2b;}
.m-page-app span{color:#fff;}
.m-page-app a{ display: block;  height: 40px; line-height: 36px;text-align:center;}
.m-page-app img{  width: 15%;  max-width: 24px;  vertical-align: middle;}
.m-page-app span{  font-size: .9em;}


/*签名网名列表*/
.m-txt{background-color: #fff}
.u-t-content{padding: 15px 0;margin:0 15px;line-height: 25px;}
.u-t-content a{display:block}
.u-t-info{justify-content: space-between;padding: 0 15px;line-height: 2.2rem;font-size: .7rem;}
.u-t-txt{color:#807f7f;}
/*图片类列表*/
.g-piclist-container{display:flex;flex-wrap:wrap;padding:.6%;}
.g-piclist-container li {width:50%;padding:.6%;box-sizing:border-box;position:relative}
.m-tp-li{width:100%;box-sizing:border-box;padding: .6%;}
@media only screen and (min-width: 600px){.m-tp-li{width:50%;}}
.m-pic-list{background-color:#fff;border-radius: 1px;padding:10px 10px 10px}
.m-img-wrap{position: relative;height:0px;padding-bottom:102%;overflow:hidden;}
.m-img-wrap img{width:auto;height:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.m-imgLike-num{position: absolute;bottom: 10px;right:10px;font-weight:normal}
/* .f-ab-bottom-tx{bottom: 70px;} */
.u-imgLike-ico{display:inline-block;vertical-align:middle;margin-right: 0;width: 20px;height: 20px;    background-size: 42px;}
.u-img-title{padding:4% 0;}
.u-img-user-info{font-size: .75em;color: #999999;height:26px;line-height: 26px;justify-content: space-between;}
/*日志列表*/
.m-list-rizhi-title{color:#0af;font-size:1rem;}
.m-list-rizhi-cont{color:#333;font-size:.8rem;}
/*推荐好评榜*/
.g-txt-rec{background-color: #fff;padding: 1.2% 2.4%;}
.u-txt-rec-title{color:#0af;font-size: 1rem;padding:2%;font-weight:normal;}
.u-txt-rec-list{list-style: decimal inside;padding-bottom: 2%;}
.u-txt-rec-list li{line-height: 40px;font-size: .8rem;display: flex;color:#666;}
.u-txt-rec-list i{width: 4%;display: inline-block;height: 40px;vertical-align: top;}
.u-txt-rec-list a{width: 94%;border-bottom: 1px solid #f4f4f4;display: inline-block;margin-left: 2%;}
.u-txt-rec-list li:last-child a{border:none;}
/*推荐精选*/
.m-txt-recomend{background-color: #fff;padding: 1.2%;font-size: .8rem;}
.u-rec-head{padding:2%;justify-content: space-between;font-size: .9rem;}
.u-rec-title{color:#f4a100;font-size:1rem;}
.u-rec-more{color:#aaa;    font-size: .8rem;}
.u-rec-l{width:100%;padding: 1.2%;box-sizing: border-box;}
.u-rec-list{flex-wrap: wrap;}
.u-rec-link{background-color: #f5f5f5;display: block;padding: 8px;border-radius: 3px;overflow: hidden;color:#666;text-align: left;}
.u-rec-link-dot:before{content: '';display: inline-block;width: 4px;height: 4px;background-color: #666;vertical-align: middle;margin-right: 7px;border-radius: 4px;}
/*签名网名精选*/
.m-jx-rec{	padding:0 2% ;	background-color: #fff;}
.u-jx-wrap{padding: 4% 0;border-bottom: 1px dotted #ccc;}
.u-jx-img{	width: 30%}
.u-jx-img img{width: 100%;display: block;}
.u-jxrec-title{	color:#0af;}
.u-jx-txt{padding-left: 2%;box-sizing: border-box;width: 70%}
.u-jx-txtinfo{font-size: .8rem;line-height: 1rem;justify-content: space-between;}
.u-jx-txt-user{line-height: 1.5rem;color:#807f7f;}
/*签名网名推荐页按钮*/
.u-rec-btn{display: inline-block; width: 49%;text-align: center; background-color: #f4a100; border-radius: 5px; color: #fff; padding: 10px 0; margin-top: 1.2%;}
/*list-nav*/
.f-bd-left{border-left: 1px solid #424242;}
.m-list-nav{background: #2b2b2b;line-height: 45px;border-top: 1px solid #424242;color:#fff;justify-content: space-around;}
.u-list-button{	text-align: center;display: block;width: 50%;box-sizing: border-box;}
.u-list-button.on{color:#f4a100;}

/*签名网名说说内容页*/
.g-page-txt{background-color: #fff;}
.m-txt-main{padding: 40px 15px 15px;background-color: #ebebeb;overflow: hidden;}
.u-page-maintxt{font-size: 1.3em;line-height: 30px;display: inline;}
.u-copybtn{outline: none;padding: 4px 40px;border:1px solid #ccc;border-radius: 4px;color:#aaa;  background-color: #ebebeb;margin-top:20px;font-size: .8rem;}
.m-page-tags{line-height: 40px;margin: 0 10px;font-size: .8em;color: #606160;}
.m-page-tags a{color: #0af;margin: 0 5px;}
/*公用内容页样式*/
.g-page-main{background-color: #fff;}
.m-page-title{text-align: center; font-weight: bold; padding: 15px 0;}
.m-page-main-img img{width:100%}

/*精选内容页样式*/
.u-jx-wx{text-align: center;font-size: .8rem;color:#606160;padding: 10px 0;margin:0 10px;}
.f-jx-wxcolor{color:#008000;}
.m-page-jxcont{line-height: 30px;padding-top:20px;}
.m-page-jxcont p{margin-bottom: 10px;}
.u-page-jx-more{text-align:center}
.u-page-jx-more a{color: #0af;font-weight: bold;}
/*头像内容页*/
.m-page-tx-tabs{display: flex;justify-content: space-between;padding:1% 0;}
.m-page-tx-tabmenu{display:flex;width: 50%;padding:0 1%;box-sizing: border-box;}
.m-page-tx-tabmenu span{width: 50%;display: inline-block;text-align: center;border:1px solid #d3d3d3;cursor:pointer; letter-spacing: 6px;font-size: .8em;padding:2px 0;color:#d3d3d3;}
.m-page-tx-tabmenu span:first-child{border-radius: 3px 0 0 3px;}
.m-page-tx-tabmenu span:last-child{border-radius: 0 3px 3px 0;}
.m-page-tx-tabmenu span.active{color:#fff;background-color: #d3d3d3;}
.tx-box{padding:1%;box-sizing:border-box;}
.tx-box img{width:100%;display: block;}
.m-page-txlist{padding: 2% 1.2% 3%;display:flex;flex-wrap:wrap}
.imgBox{width: 100%;height: 100vh;margin:0 auto;text-align: center;position: relative;background-color:#000;}
.round{border-radius: 50%!important;overflow:hidden;}
.square{border-radius: 6px;    overflow: hidden;}
.big{ width: 50%!important;}
.small{width:25%!important;}
/*图片类*/
.m-page-imglist{padding:0 20px;box-sizing:border-box;max-width:600px;margin:0 auto;}
.m-page-imglist img{width:100%;}
/*分组*/
.fz-mail{padding: 10px;display:flex}
.fz-mail li{background: url(../images/arrow_group.gif) left center no-repeat; padding-left: 10px; font-size: 0.8em; margin-bottom: 0.6em; color: #333;}
.fz-mail .firstul, .fz-mail .qlUl{width: 50%;}
/*日志*/
.m-page-rizhi{padding:30px 20px;line-height:30px;font-size:.8rem;}

/*图片推荐*/
.g-tupage-rec{background-color: #fff; -webkit-box-shadow: 1px 2px 1px #eee; -moz-box-shadow: 1px 2px 1px #eee; box-shadow: 1px 2px 1px #eee;}
.u-tupage-title{padding:3.2%; font-size: 1rem; color:#0af}
.m-tupage-list{display:flex;flex-wrap:wrap}
.m-tupage-li{width:50%;box-sizing:border-box;padding-bottom:2%;}
.m-tupage-li img{width:100%;}
.u-tupage-li-title{line-height:40px;}
/*内容页用户信息*/
.g-page-info{margin:0 10px; padding: 10px 0;display: flex;justify-content: space-between;}
.m-page-user{display: flex;    color: #807f7f;font-size: .8rem;}
.u-userhd{width:36px;border-radius:100%;}
.u-userinfo{margin-left:30px;font-size: 12px;}
/*内容页第三方推荐*/
.m-public-third{margin: 0 1.2%; padding: 10px 0; background-color: #fff; border-radius: 4px; overflow: hidden; font-size:.8em;}
@media only screen and (min-width: 375px){.public-third{font-size:1em;}}
.m-public-third span{display: block; text-indent: 6em; font-size: .8em; font-color:#999; line-height: 2.5em;}
.m-public-third span:nth-child(1){background:url(../images/weib.png) no-repeat; background-size: contain; background-position-x: 2.5em;}
.m-public-third span:nth-child(2){background:url(../images/wxchat.png) no-repeat; background-size: contain; background-position-x: 2.5em;}
.m-public-third i{color:#FE0202;}
/*弹出框*/
.TipLayer {font-size: 20px;color: #fff;text-align: center;position: fixed;z-index: 9999;bottom: 0;opacity: 0;background: #000;border: 3px #726a6a solid;padding: 10px 30px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.tip-move{animation:tipsmove 2s 1;-moz-animation:tipsmove 2s 1; /* Firefox */-webkit-animation:tipsmove 2s 1; /* Safari and Chrome */-o-animation:tipsmove 2s 1; /* Opera */}
@keyframes tipsmove{0%{bottom: 0;opacity: 0;}50%{bottom : 30px;opacity: 1;}100%{bottom: -30px;opacity:0;}}

.content_box{background:#f4f4f4}
.pd-top{padding-top:1.2%}
.bz-img{width:100%;}
#tg_bottom {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 78px;
	line-height: 78px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
        display:none;
}

#tg_d {
	width: 343px;
	height: 44px;
	margin-top: 8px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-image: url("../images/bz_bottom.png");
}

.u-hdnav {
    border-left: 1px solid #424242;
    text-align: center;
}

.u-hdnav i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABKUlEQVRIS+2VSU7EMBREqwScEFjAJYDmGtDNKWABXJBBhapltz7BGexEYdN/GSd+euVKQqw8XJmHI3DxxP83UkkkqSW1unseDL0AYAfA1LsloJK8n2eTRfbAALtJNzzNhSbYbd4vQzPwBMALgMtgtiO5aTHtwLzFK4Arkt8x0lMAz3OhkrYA4pEYdk3yy+RfLZVkqE0vWkzHYH+A6TyboAXYW4pxb5an+B72mG5J3pfOVNKjSxHWirCiYX5oKrQGNghM8Z6lIsUzPZhKegAQrW3mgnz2tXv00yapBHWEnirYqGGItwSNEu+pIL1mg6XpKYahfmXOO+uTYZMNO6YRWgWrBoYiGepxQT76ClK6PlqagXj9K6uCNRnW2CxmOAfaFOkROJTA6pH+AF+KjB2Hkyn+AAAAAElFTkSuQmCC') no-repeat;
    background-size: contain;
    vertical-align: middle;
}