@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;
}

img {
	width: 100%;
}

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;
}

/* @media screen and (max-width:320px){html{font-size:42.667px;font-size:13.33333vw}}@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33px;font-size:13.33333vw}}@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}} */
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: #f4f4f4;
	margin: 0 auto;
	max-width: 640px;
}

.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: 12px;
	padding-right: 12px;
}

.f-mr-2 {
	margin-left: 1.2%;
	margin-right: 1.2%;
}

.f-mr-4 {
	margin-left: 4px;
	margin-right: 4px;
}

.f-mr-top {
	margin-top: 10px;
}

.f-mr-top-4 {
	margin-top: 4px;
}

.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-4 {
	border-radius: 4px;
	overflow: hidden;
}

.f-bd-5 {
	border-radius: 5px;
	overflow: hidden;
}

.f-333 {
	color: #333;
}

.f-f4a100 {
	color: #f4a100;
}

.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 0.2s;
	-moz-transition: all ease 0.2s;
	-ms-transition: all ease 0.2s;
	-o-transition: all ease 0.2s;
	transition: all ease 0.2s;
}

.f-default-top-border {
	border-top: 1px solid #f4f4f4;
}

.f-clear:after {
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.f-fl {
	float: left;
}

.f-fr {
	float: right;
}

.f-ad-top {
	margin-top: 18px;
}

/*ICO*/
.u-ico-like,
.u-ico-hate {
	background-image: url(/static/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(/static/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;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.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;
}

/*page-nav*/
.m-chd {
    width: 100%;
	flex-wrap: wrap;
	background-color: #2b2b2b;
	border-top: 1px solid #424242;
	position: absolute;
	z-index: 1;
}

.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: 20px;
	padding-right: 20px;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}

.u-index-search,
.u-index-user,
.u-index-logo,
.nav-ico,
.u-index-hot {
	background-image: url(/static/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: 25%;
	padding-bottom: 20px;
	font-size: 0.8rem;
}

.img-ico span {
	display: block;
	margin-top: 4px;
}

.nav-ico {
	width: 51px;
	height: 51px;
	margin: auto;
}

.img-ico-qm {
	background-position: -59px 0;
}

.img-ico-tx {
	background-position: 0 -55px;
}

.img-ico-pf {
	background-position: -59px -55px;
}

.img-ico-tp {
	background-position: 0 -112px;
}

.img-ico-ss {
	background-position: -59px -112px;
}

.img-ico-rz {
	background-position: 0 -167px;
}

.img-ico-fz {
	background-position: -59px -112px;
}

/*m-index-download*/
.m-index-download {
	text-align: center;
	font-size: 0.8rem;
	padding: 15px 0;
}

.u-index-hot {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 138px 550px;
	background-position: -58px -276px;
	vertical-align: middle;
	margin-top: -10px;
}

.m-index-download span {
	margin-left: 4px;
}

/*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 {
	background-color: #aaa;
	color: #fff;
}

/*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: 4px;
	font-size: 14px;
}

.m-page li:last-child {
	float: right;
	margin: 0;
}

.m-page a:hover {
	background-color: #c59b51;
	border-radius: 4px;
}

.m-page a,
.m-page span {
	display: inline-block;
	line-height: 38px;
	width: 100%;
}

.m-page a {
	color: #fff;
}

.m-page span {
	color: #fddd9f;
}

/*foot*/
.g-footer {
	width: 100%;
}

.m-search {
	padding: 9px 10px;
	flex-wrap: nowrap;
	background-color: #fff;
	overflow: initial;
}

.m-search-form {
	width: 100%;
}

.u-serch-side {
	position: relative;
	width: 20%;
	text-align: center;
	color: #333333;
	padding-top: 3px;
}

.u-serch-main {
	width: 80%;
}

.u-arrow {
	width: 14px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABWElEQVRIS+2UO3KDMBCGdyfJAWjhWAkF9IgyrwvoALFJLXq7kHMsaNXnMZsRgzwyEQ8BQxqrYhDaT9+vRQgbD9yYB1fg6on/e6R6A7Sy1kVN2xDzPC+IiIQQz2tAGWOFriOEeDEiBmhgjy3ofSm0hT1Z9RpoA4zj+CYIgqN+tMyKdmfesh2YXi+VUomU8uccKef8tq7rw1IoY2wPAPaRyDAMU875tyZfdKmGVlV1RMSHOaZjsD9A/WIutAsjolMURYkxMwLO/9AFJaJ9WZavrgPNsmyHiLopmtEHcxqaRVOhPrBBoJ5kjN0R0cE+U9uUMfYGAGdrbYaIqRDiq6+1R682FxQAdm1BL9ioodllD9SW+ACAZMhssGlccWgoAOjL4b4zPxk22dA27UC9YN5A00gtFJRSqZTy0+fuG22avniVUugLm2XoY+P6dpbhEugVuCQ959rNI/0FvJ7FHW/VRf8AAAAASUVORK5CYII=') no-repeat;
	margin-left: 4px;
	background-size: contain;
}

.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: 25px;
}

.u-serch-input {
	width: 88%;
}

.u-serch-subtn {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAD+0lEQVRYR8WXTYhbVRTH/+clL2rHYmZoR2jcuHCjgsVaEVSsooIrRUipH9WZMbkv4wciguDHIh1aqiiOmwnzzsvo2FHBzqKuRFBbi25ErVoquFN0mPgdBHUMZt6RE27Ka/rykkx1ena5955zfu983HtCOMtCg/gvl8vO0tLSFsdxRgH8A6DGzL8MYqPzbE8AY8wGEdnlOM5OEbkOwFCHkRqA9wC8xszvApBBgJIAyPM8T0T2ANAv7keOAXiUmT/q57CeiQUYGxvLZjKZNwDcFmNIQ/4jgAyALTERCQFMMfNUP9E4DcAYcwGADwBsjTivEdELqVRqsVKpfN9e15pYXl7eSkT3icgDAM6P6Mww88O9InEKQD6fTw0PD78D4GarqPl8bmhoaGp6enolyVihULjIcZxXIrp6/ElmfjZJ7xQAY8wT6jDifJyZX+31Fe19/YBsNrtARHfZtaaIbA+C4ItuNk4CGGM2AfgmEsZ9zPxMv84jEJmRkZGjInKNXXufmdsRPc1cFOApAPvsieP1ev3KxcXF1UEB9LzneZeIyAlbqLq0jZm1QxIBVOEye+IeZtYuWLMYY14HcLc18Dwza3rjAUql0mgYhtpaKnrDbWbm39fsHYAx5g4Ah9QGEX3m+/5VXQGKxeINRKStp/IJM199Js5Vd3x8fLPruj9ZO38xc+cN2tpq1YAxJg/goKU95Pv+nWcKYO022nWQTqc3ViqVPzrttgCKxeJOInrzfwD4G8A5ajcRwBhzI4DD/2UKbFv/3FcKCoXChY7j6KumEWmk0+lNceEaJC0DFaFNw8dE1Co+Itrl+34rJWsVY8wBALtVX0ReDILg8a5dYAvmaQB77aEv6/X6trVeRIVC4WLHcb5uFyARbfd9/9NEANs23wLYYA/uYebyoBHI5/OZbDZ7mIiutbpHmXlHNzudj1E0CiIiu4Mg0ButL7GP0cv6PFuFMAzDHdVq9cO+AOxzrBeSjl4qIRHtbTQa++fn57WlukqpVMqFYRjEDDHHXNe9dWZm5tfEFLQ3bSoU4tKIwnc6kKyurh6sVqvtK7u1XSqVLg/DcAzAgwDOi+g0tf3t789d170lDiJ2JJucnBxWZx3DRdu2tqtesS6AHACdoKKiQ8x+AF8B0E5IJUF0HUp13KrVag+JiBbiSF9FAJxwHOeR2dnZ1rtijLkfwFwSRM+xfGJiYmM6nb5XRPS61iHj3A4YHVKPiMiBXC73drlc1qH0pPSC6AkQNWaLdJSIWn9Mms3mD3Nzc7/1ik4cxMrKyvULCwt/DgTQy1HSfgzES8z82LoBKJzneTq+a01odxxh5pvWFcBCXBGG4e0i8la1Wj2+7gCdaTrrAP8C/Vl7MDcpjMgAAAAASUVORK5CYII=') no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.m-butnav {
	box-sizing: border-box;
	background-color: #f4f4f4;
	justify-content: space-between;
	font-size: 0.8rem;
}

.u-bnav-home {
	width: 27px;
	height: 27px;
	display: block;
	margin-top: 8px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2BAMAAAB+a3fuAAAAKlBMVEVHcEwzMzMyMjIyMjIxMTExMTEpKSkyMjIvLy8zMzMyMjIzMzMzMzMzMzOzr5dmAAAADXRSTlMA5fSFMksMuxqh0VxvXxql4wAAAOVJREFUOMtjYCAScAtuwCXFUXv3egMOucC7d++KYpfKvAsC07BJscjevVt+9+5FByxytnfvKjMY3b17GVPK6+7dWw4MLGvv3l2CLsWje/euGZBOvnv30gEM50OdCHQsmkc23b17MwHMYpt79642mvMvwYKEWxfFI6xA51fAee1AjwTAOGxA5+sgmXII6JEEFOcjhQLCI8xACwxQXMYMtN4A5nwRNN86Qj0SBHc+AoA8ogqkZZFchezyi0AK2fkMyB4By2GNzVG54SPHexcGLtBFbhiHJw5AQE4Wh9RFaImKDYjiLb4BDJs5K8uQ4Q4AAAAASUVORK5CYII=);
	background-size: contain;
	margin-left: 32px;
	margin-top: 22px;
	margin-bottom: 9px;
}

.u-bnav-lt-m {
	flex-grow: 1;
	flex-wrap: wrap;
}

.u-bnav-l {
	width: 33.33%;
	text-align: center;
	box-sizing: border-box;
	display: block;
	font-size: 13px;
	color: #666666;
	height: 44px;
	line-height: 44px;
	padding-left: 1px;
	padding-top: 1px;
	background: #f4f4f4;
}

.go_lanmu {
	background: #fff;
	display: block;
}

.go_index {
	display: block;
	width: 90px;
	background: #fff;
	text-align: center;
	margin-top: 1px;
}

.go_index span {
	font-size: 11px;
	color: #AAAAAA;
}

.u-bnav-app {
	background: url('data:image/png;base64,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') no-repeat;
	background-size: contain;
	margin-top: 20px;
	width: 60px;
}

.m-footer {
	background-color: #404a54;
	width: 100%;
	padding: 6px 0 10px;
	position: absolute;
}

.m-f-dec {
	color: #707982;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	margin-top: 10px;
}

.u-declare {
	font-size: 0.7rem;
}

.u-f-li {
	color: #707982;
}

.u-f-li:nth-child(1) {
	color: #95a0ac;
}

.u-dot {
	margin: 0 6px;
}

.m-footer a {
	color: inherit;
}

.m-f-dec p i {
	color: #ccc;
}

.m-icon {
	background-size: 12px 12px;
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: 6px;
}

.m-icon-weibo {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAELElEQVRIS62WW4iVVRzFf2t/Z86ZGfOSpIZJRaVFlBHCJCXS5aEnKSgyodAoUiKFRqEs00PYmDqOlZEjRRlYmS8SFGgPGooUWIFIYFpOpnlFHRuc2znfXnHOzMhxZkyL9uPm//3X/7L2Wp8Y5OTz+VBbe8PobnXdk6D7jCcKbkIaXg63zxkOIu1B2uVO7y4Ujp3I5/Oxfzr1v2hqaqrp5Ko6Us8QftBijFANUNUvtmDcIXRcZruJm3JJx3f19fUdlXEXAeRXrx6RLdTOUGAOZgKierAOB9yZTsR+iWZ3pxsXLnzhbF/MBYD86o9H5IqF2chzgbHAgO4uA2bgqOG97iTbnH/pmdZSfDlJU9Ommq54ZqZhkdB1V1T1JYKM/xQszYWRn9TXP9EhsBpWfDCV4HcFd15J5baLktqwI1ItUNpR37HN3qBk7isLntup5cvXjHUmu9hmJlzpzP0HYrMIZ2yPB6YijwOFHpLRKXl9TPSGGhrXPYpplLj5El0XgdPAKcwYxDWIw9ibrXBETo/FGEaEwIvABKAMAvya2gu0bOW6FRazBcMGATgPbAN/nqb+LSSaJjTPEIR/MOzFVAf0bUqcENA8pKvLXeC/QM1qaGz+Ruj+ATw3bYYNGXt1e/vxlnw+X1ze9GFdGovzg0IbMZ61JENBtgj6EdMA3NJbaAGzXctWNu9HKl1W0NIdoE9TCktHDa06eqyN4VUJVXYMTjPZNNG5mtA9KhYzS3AchrTP0g4clwvd1gtQou0BLVu17iRmVMV4ImZnqMrM7igWT+eID0OYBAwFZzD7Iv5ahcIJsrklsh+zwh7Mz5KfAkZX5Do5EMA+jfRqV5EtuYT5xncraEe0T0mqk3kAaMHx9SLFloyypYf5tCErGAIkFwM0rvsFKFGtZ0T2gTSEWYl9B/hlK6x1TLc45M5lCsVhzvhtYEo0q2qS8292FIZMDoH1iOv7kcTuHdFWeqoqi5nhULTnBhgvaWbEH4kwMoitFHzEGdYAk+24qDrp2NBVrJmOwgp00ZhLqS4suZem6qGpaMd8JvurCNOANlALifaQxkmgxxXYFrKZ993deWOMmQaJKf1GU6apFNbqrZXNj1hqrKBXafut4C9F+AlcWm6bXWIkw5F+T0N6IIlhItIs7LpBpLw0igMOWlCWijSTXaz+UtHTSQvmsEVrMOcibhOqRr4dNBEYWfFyK8SoQir6xE7B7wCljyplulR1t02KXJSVIrK94tYnCf0FoELsnt15kVyDXgPG/c9y3ZOuZDjZtPt58Dyh/2g4Pmo00HD6Ki5ZZi6teRI0x+ZW/UvLBK/tSnIb+9ysh5T9Ttn0i9V1KJku8ZDxtZczfZdMP/JFTdX57//R9C90Uv5tGTW6mFTVCe4l+i7ETcCI3phWzEGC9ijGXcG53e3th04O9tvyN/1AEhrdsmVRAAAAAElFTkSuQmCC');
}

.m-icon-wx {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADsklEQVRIS6WVT2gjdRTHv++XTMxK6x9URNeuoOLBorAq7E2xvagHb9ps10XoaqaxEHGTIZm0i3NIM0knqWJZMpMuguC2dT2qK/hn9yDI0sMKYkVEXLfr9iC9tVaaZObJTJt0mqYx1Xea+b33e5/37/f7ETpINnu2TxyShoh5AIx+Bu52zQlYBWEJjMu2kBYmEiM39nND7RTvFGbuD4tQAYQIgGCnIADUmXHBhpg4o7xxrdV2D2DSKL9CJGYJuO1fHO9WM9YcONFxJbbgV+wC5IxynEi8C0AcyPmOMTtAYjwpuz48aQL0KetlCHzsX/vPEMar44o81wR4zQwHf2xTlirAVxniD4ITBugogMNdgNdsqvdPJMZueBnoRfMjgE74NtoMlKqAoSXlVd86TZbMAcE0DeCJTiBmzGUU+QRlS2f7Ahz8zTctTEyRtBK9sJ8DTbNuDffiM2Y81wFi26g9TLphKSBM+fo0ryZHh7cys75j0DeZZPTM9r87hpNqUj6XnS4fDtjiVxDC+0KY06QXrYsAXmh2nfmltDL6qftfmDafdohX1bdjv7v/+aL5DNfsFScoPQnYECIwzMyDBPS0hTC+dDO4DsKRhoFtO8cmUrHFdhsKJXPQdvihgBNaSKVOrbk2mqaFpN57hwULA9snvbGXwTdJL5obAB1qLrITzSix2VaAXiofhcN3qcqbX7eD50qVR4n5CoA7ffrNPQAAP2+u4ylNkzf8jnJF67VMUv5wuxc/kKDj6dPRJb1ofStEIJE6/fqibpgpEOV3gkWVckVzmUB9fmfMfLH6lz2kaWPrjXW9aB5Xk6PzjbJomlZt/c4Z1jEiuFl4wsBNtwdfgPB8a9oEfrZO9jWpHrZTqVMreqkyoiaiH3Sa/dyU+SIJ+rxpQ1tNbhlTj/03QG60JwFIAFXBzvWV5erjMzPxzXYQZia9ZH1FoMGm3h3TfN46wkG4By3QKToPy5jruWVzJB7fDdE0TYR67nufgDGfDxs15xHvqsgZ5fNEwjtcXcgvgGOyIy2C6g6Ax2zULgUR+h6E23f207yajA57gO3rYglAbxeAPSbM2AChSsAdW83ldSFRf/otebl5XU8alYggdq/Ytq/cAcAM2zmppmLn3T0tD44VJ8J7/wPCYKRURXZPtSd7os0blQgTVw5aLrcszCQ3Hpp9Aa6iUJh9wBZOgQhDXUyX+3Z8IrHIKN08+v5aZ4vnHgxwPQLQABP3E8Q9ALtZ/8ngnwC6RDVnQVW3btt28g/L8oMgN8R4GAAAAABJRU5ErkJggg==');
}

/*app*/
.m-app a {
	display: block;
}

.m-app img {
	width: 100%;
	display: block;
}

/*内容页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: 0.9em;
}

/*签名网名列表*/
.m-txt {
	background-color: #fff;
}

.u-t-content {
	padding: 8px 0 0;
	margin: 0 8px;
	line-height: 25px;
}

.u-t-content a {
	font-size: 14px;
	line-height: 22px;
	display: block;
	background: #F0FAF8;
	padding: 16px 12px;
	border-radius: 4px;
	color: #222222;
	font-weight: normal;
}

.u-t-info {
	justify-content: space-between;
	padding: 0 15px;
	line-height: 2.2rem;
	font-size: 0.7rem;
}

.u-t-txt {
	color: #807f7f;
}

/*图片类列表*/
.g-piclist-container {
	display: flex;
	flex-wrap: wrap;
	padding-left: 2px;
	padding-right: 2px;
	/* padding: 0.6%; */

}

.g-piclist-container li {
	width: 50%;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
	box-sizing: border-box;
}

.m-tp-li {
	width: 50%;
	box-sizing: border-box;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 4px;
}

@media only screen and (min-width: 600px) {
	.m-tp-li {
		width: 50%;
	}
}

.m-pic-list {
	background-color: #fff;
	border-radius: 4px;
	padding: 8px;
}

.m-img-wrap {
	position: relative;
}

.m-img-wrap img {
	width: 100%;
}

.m-imgLike-num {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: normal;
}

/*好评榜数字*/
.u-goodlist-num {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 3px;
	padding-right: 3px;
	height: 20px;
	background-color: rgb(0, 0, 0, 0.2);
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	border-radius: 0 0 6px 0;
}

/*好评榜下tab*/
.g-good-tab {
	justify-content: space-between;
	line-height: 40px;
	align-items: center;
}

.g-good-tab a {
	width: 50%;
	text-align: center;
}

.g-good-tab div {
	width: 1px;
	height: 20px;
	background-color: #f4f4f4;
}

/*热门*/
.m-hot-box {
	padding-left: 12px;
	padding-right: 6px;
	overflow: hidden
}

.m-hot-h2 {
	color: #999999;
	font-weight: normal;
	font-size: 16px;
	padding: 18px 0;
}

.m-hot-item {
	position: relative;
	width: 50%;
	margin-bottom: 6px;
	padding-right: 6px;
	float: left;
	box-sizing: border-box;
}

.m-hot-item a {
	position: relative;
	display: block;
}

.m-hot-item img {
	width: 100%;
	display: block;
}

.m-hot-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 27px;
	padding-left: 12px;
	padding-right: 12px;
	box-sizing: border-box;
}

.m-hot-item-2 {
	margin-right: 6px;
	height: 80px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f4f4f4;
}

.m-hot-item-2 a {
	display: block;
	height: 100%;
	overflow: hidden;
}

.m-hot-item-2 img {
	width: 80px;
	top: 50%;
	position: relative;
	transform: translate(0, -50%);
	border-radius: 4px;
}

.m-hot-title-2 {
	height: 80px;
	padding-left: 10px;
	display: inline-block;
	position: absolute;
	right: 12px;
	left: 92px;
}

.m-hot-title-2 .title {
	color: #333333;
	font-size: 15px;
	top: 3px;
	position: absolute;
}

.m-hot-title-2 .username {
	bottom: 3px;
	position: absolute;
	left: 0px;
	color: #BBBBBB;
	font-size: 12px;
	margin-left: 11px;
}

.m-hot-title-2 .newstime {
	bottom: 3px;
	position: absolute;
	right: 0px;
	color: #BBBBBB;
	font-size: 12px;
}

/* .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: 0.75em;
	color: #807f7f;
	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: 0.8rem;
}

/*推荐好评榜*/
.g-txt-rec {
	background-color: #fff;
}

.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: 0.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;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.u-rec-head {
	font-size: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	justify-content: space-between;
	align-items: center;
	color: #333333;
}

.u-rec-head a {
	display: inherit;
}

.tui_app {
	width: 100px;
	height: 28px;
	display: inline-block;
}

.u-rec-title {
	color: #333;
}

.u-rec-l {
	background-color: #f5f5f5;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 8px;
	border-radius: 4px;
	padding: 0 8px;
	overflow: hidden;
}

.u-rec-list {
	flex-wrap: wrap;
}

.u-rec-link {
	display: block;
	overflow: hidden;
	color: #666;
	text-align: left;
	font-size: 13px;
	line-height: 36px;
}

.u-rec-link-dot:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background-color: #999;
	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: 0.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;
	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: 0.8rem;
}

.g-page-num {
	line-height: 45px;
	color: #999999;
	font-size: 13px;
}

.m-page-tags a {
	color: #36aff5;
	margin: 0 5px;
}

.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==');
}

/*公用内容页样式*/
.g-page-main {
	background-color: #fff;
}

.m-page-title {
	text-align: center;
	font-weight: bold;
	padding: 18px 0;
}

.m-page-main-img img {
	width: 100%;
}

/*精选内容页样式*/
.u-jx-wx {
	text-align: center;
	font-size: 0.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;
}

/*头像内容页*/
.g-page-content {
	border-top: 1px solid #f4f4f4;
}

.m-page-tx-tabs {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	padding: 12px;
}

.m-page-tx-tabmenu {
	display: flex;
	width: 50%;
	box-sizing: border-box;
	background-color: #f4f4f4;
	color: #999999;
	line-height: 26px;
	overflow: hidden;
}

.u-tab-box {
	width: 6px;
}

.m-page-tx-tabmenu span {
	width: 50%;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.m-page-tx-tabmenu span:first-child {
	border-radius: 4px 0 0 4px;
}

.m-page-tx-tabmenu span:last-child {
	border-radius: 0 4px 4px 0;
}

.m-page-tx-tabmenu span.active {
	color: #fefefe;
	background-color: #cccccc;
}

.tx-box {
	padding: 0 6px 6px 0;
	box-sizing: border-box;
	float: left;
}

.tx-box img {
	width: 100%;
	display: block;
	max-width: 100%;
    max-height: 100%;
}

.m-page-txlist {
	margin-right: -6px;
}

.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: 4px;
	overflow: hidden;
	height: calc(50vw - 15px);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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(/static/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: 0.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 {
	padding: 6px 0;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #f4f4f4;
	align-items: center;
	color: #999999;
	font-size: 10px;
}

.m-page-user {
	display: flex;
}

.u-userhd {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	vertical-align: middle;
}

.u-userinfo {
	margin-left: 10px;
}

.u-username {
	font-size: 12px;
	color: #666;
}

/*内容页第三方推荐*/
/* .m-public-g-rd {
  background-color: #fff;
  font-size: 12px;
  color: #666;
  line-height: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.m-public-third div:nth-child(1) {
  margin-bottom: 6px;
}
.m-public-third span {
  margin-left: 8px;
}
.m-icon {
  background-size: 24px 24px;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
.m-icon-weibo {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD4klEQVRIS61WS2hcZRg9559XJiYxZtHgE0yk1XZlmEyysDS1uJASLQpR8YEIoi60FrSbmhTRRVNRVwVbFbXWB8HYKoouDEYUk8lMhiD0YWEyIJg0JNGkTXTM3PmP/HGSTKd3Ai3e5X//e873ON/5LlHhkRRIJBKbgsHg/SS3SdoMoKF4/Q9Jp0j+4Hlef1tb268kC35Q9DtMJpObAOwjeS+AWgC+9wAIwAVJX0o6EI/HT5bjXfRhX19foKmp6REAvQAaK2VX4XxK0t5sNvtRV1fXajarBEXwPQBeAVB1meDL1yXljDE9mUzmjRWSVYJkMvkYgMMkrwh8JSBHQvLpWCz2gTtbJhgdHb1N0iCADVcSuc83UwA6YrHYGTq1pFKp90k+vE4zyzHmSR4CkJfUCuDOsrK65n84Pj7+BIeHhzcHg8EhAHXrRL8E4C8AUQARAH9aaw8X739H8hqS7wC4uqRU5z3Pa2cqleoG8HKF6F0kP5M8UF1dPbSwsPAQgDdJBiV9A2CQ5APW2oMkbyW5vwRH1toeRzBQTLE8ASvpGMnnYrHYvHuZSqXaALzrSCUtGWNutNZ+SvJxa+1LxhjXx+qSLAYcwQSAa8vQXeSfTE5OPtnZ2elKAyfjmpqaYDQaDXV0dCwODQ1VhcPhrwH8BKDFGLNXUkJSTQnWhCP420f3p40x2yKRyHwul9teKBTuMsbcJOkfkifD4XDf7OzsRF1d3XFJHU6Ikj4jeRBA6CLJ+hAUrLXPLi0tHYtGo0cktbuySPqN5HZJbtLPSbpvcXHxdG1t7X5Je4pe5MBXZ2t5JnxKtGiMiefz+R2BQOA1AA/mcrmBSCRyXUNDw7m5ubmvJN0B4PVYLPbC2NjYFs/zEgCu8lHhBJPJpJPZjpWXJF0ZdhYKha0kd1trdxljDkl6fnp6+sfGxsY+STuttc/E4/G3k8mkU9ZRp6xyAkkDHBkZ6TbGlMrUNfiLUCjUnc/njwL4nOTZmZmZwfr6+nsCgUCvtbbf87zdAK4PhUInSG7xid7h9FQaNCfR4wDeMsbcLmmDpIiTJslvSY5JuptkD4Bb/AZU0nljTPuyVaTT6feKzSv3/QVJvwA4I+n3qqoq5fP5myVtBXADgEvKUiRbs4oSs/t+vR0guW8AstLuWctD0hTJ/8xu5TidTj9aKBSO/B92DeCp1tZW1781zRYXjmvcq0VTu2zndrp3jc1ms5cunOJGMqlUyg2SM68rWZkvZrPZj31XZmm4iURiYyAQ2CdpF8l1l76kCyRPGGN6W1paTpWnXbFjrmTNzc0bJfn+tpBc/m2R1J/JZM6WRl1K8i9oYv1ulmP8FQAAAABJRU5ErkJggg==');
}
.m-icon-wx {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEV0lEQVRIS6VWXUybZRR+zlv6xwroItVlooFMMIMU8tGCkjBhhiWaRsNIUJeoUaO70CXeaNxMFi6ci84sXhijxt0M2QXKsmlCYJkhJIS19GuhCnNLpMUSdSRM6AZ8uPb7jnmblpTagj/vVfO+p+c55znnPOcjFDj9/f2mysrKPQC6ADwGYK8Q4m5pruv6shBihplHAQxEo9Gfu7u79XyuKN/l9PT0Hk3TjhHRQQClAPLaAWAAtwBcEEJ8qCjK1Vx/m/7IzCIYDD4L4CNm3kVUyG/etG8Q0VuKopwjIiNjseFBOg8EAkeEECcB2AtRt9U9M68T0buNjY0fZ0A2AFRVPQTgy//qPAtYY+bDHo+nV96lAMbGxmpsNtsIgF1ZhpLfZWb+kYh+NQzDJoSoI6IHmNm6TSYLiUSiraWl5RrJbqmqqpKRv5gBZOY1IcQndrv907m5uRsrKyvJ8vJycjqdtrW1tX1EdBxA0zbFPxuJRF6hcDhck0gk/ADK0lFphmG8Njg4eM7r9drsdnuytrb2jnwLh8M7fD7fnYaGhlKTydQH4EAhEGa+RUTNpKrqUQAn0obMzF9Fo9GXHA5HkdPpPM/M4x6P54SqqsUARpj5C4/Hc8bv91cLIa4Q0c4CdEmKj0uA4XQk0i7BzM95PJ4BCTgxMfGo1Wq9WV9ff72np0d4vV45cHEielC+M/MzAPYBuAdAUS4QM39PgUBgnojul4/pNutwu91jeaKiUCi0X9f13SUlJZcXFxdvCyGSZWVldk3TDjKzrEtFzuz8JjNYBSDTT6mAEOINRVE+ywXw+/1uZt45NDR0ubOz0+5yuTTZ68PDwzvi8fi6oigNS0tL3xFRdieu5wJIv5O6rnc0NzffzICoqmpm5q7i4uLz8XjcZLVaB4joqNVq/UnTtD4hxGlFUa6oqvoOgPezCp8CmAeQoih9ZHEu6Lr+agbE5/OVOhyOA3V1dd9Im5GRkbsArLS3tydnZ2fLYrHYqvwdDAZbmfkSAFua8t9lDS4RUUcOJX/quv6kxWKZNwyDTSaTbN39iqKkprPQmZycfFrX9a8BmNMAqSJL1Xwvp5+XAVwkoqeYuYiZE0T0i6Zpj7e2ti7lAxgfH7ebzWZJ3RMZJgzDSLXpwwB8WYOWAs8zQPKu12KxvOlyuTaBzMzMWFZXV08JIV4HYEoDyEF7JCMVZwC8sMXoZ9fnBwmk6/qkEMJg5oeEEEEA3wLYnVXH3kgk8nJK7AKBQA2AUSK6dyuOcxpBygcTkcUwDJkRZU31AoA2t9t9bUOuA4HA80T0+f+VazmsJpPpsKIoZ2VAmxZOMBg8AuAkM9v/5TZLJSedS/2JRqOnMzv6byszFAodYuZTAO77h3RlzBaY+e1oNNqX/QGQd+lOTU1VJ5PJY8zcSUQl2+j+bWa+yMwfNDU1zeQGVXCry0VUUVFRbTabuwzDaBNC7AWQkeY/mPkqEY0mk8mBWCx2vdBny1/76wGPaysuLgAAAABJRU5ErkJggg==');
}
.m-public-third i {
  color: #ff4849;
} */
/*弹出框*/
.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;
	}
}

/*search*/
.show_keyboard {
	font-size: 16px;
	padding: 0 10px;
	color: #666;
}

.show_keyboard b {
	color: red
}


/*tx-hot*/
.m-hottag-box {
	margin-right: -7px;
	padding-bottom: 10px;
}

.m-hot-tag {
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	padding-right: 7px;
	margin-bottom: 10px;
	float: left;
	color: #333333;
}

.m-hot-tag a {
	display: block;
	background-color: #f4f4f4;
	padding: 10px 16px;
}

/*tx-tp-内容页--底部推荐*/
.m-keyword-box {
	padding-bottom: 16px;
	border-top: 1px solid #f4f4f4;
}

.m-keyword-title {
	font-size: 14px;
	color: #333333;
	line-height: 14px;
	padding: 14px 0;
}

.m-keyword-imgbox {
	margin-right: -6px;
}

.m-keyword-img {
	margin-right: 6px;
	float: left;
	max-height: 110px;
	overflow: hidden;
}

.m-keyword-img img {
	display: block;
}

.ad-keyword {
	border-top: 1px solid #f4f4f4;
	padding-top: 12px;
	padding-bottom: 2px;
	overflow: hidden;
}


.m-list-middle-ad {
	margin-top: 4px;
	padding-left: 2px;
	padding-right: 2px;
}

.m-list-middle-ad img {
	display: block;
}

.m-page-2 {
	display: flex;
}

.m-page-2 li {
	float: left;
	width: 33.33%;
	text-align: center;
	font-size: 14px;
}

.m-page-2 a,
.m-page-2 span {
	display: inline-block;
	line-height: 38px;
	width: 95%;
	background-color: #f4a100;
	border-radius: 4px;
	color: white;
}

#d {
	background-color: #18b20c;
}

.hot_link {
	display: -webkit-box;
	margin-top: 14px;
	font-size: 13px;
	color: #999999;
}

.hot_link_t {
    padding-left: 44px;
}

.hot_link span {
    position: absolute;
}

.hot_link a {
	color: #36AFF5;
}

.f-pd-10 {
	padding-left: 10px;
	padding-right: 10px;
}

.hide_img {
	display: none;
}

.img_shade {
	width: 100%;
	height: 100px;
	margin-top: -100px;
	background: linear-gradient(0deg,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0) 100%);
	position: relative;
}

#show_more_imgs {
	text-align: center;
	color: #049E04;
	font-size: 17px;
	line-height: 17px;
	width: 100%;
	padding: 6px 0;
}

.img_down {
	width: 14px;
	height: 12px;
	background-size: cover;
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAJ1BMVEUAAAAAnQAEngQAngADngMEngQDnwMAnAAEngQAogAEngQGngYEngQZ6C38AAAADHRSTlMAGNcc3NPeH8cevypYRDyeAAAAVUlEQVQY02NABRyBEJoxAkiwHhIAc4SOAglmHUWwBIQyAUsJHTEAcZh9FEESzkAmRAoiAZUCS0Cljm4FSkABZ86ZTITFZccKEC5gXz5ALoACsAvwAwAu+x75lqk3MQAAAABJRU5ErkJggg==);
}

.rec_box {
	padding-left: 7px;
	background: #fff;
	padding-top: 10px;
}

.rec_item_2 {
	background: #fff;
	position: relative;
	width: 50%;
	display: inline-block;
	padding-right: 12px;
	box-sizing: border-box;
}

.rec_item_2 .img_box {
	width: 100%;
	height: 0px;
	overflow: hidden;
	position: relative;
	padding-bottom: 100%;
}

.rec_item_2 image {
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	position: absolute;
}

.rec_item_2 .title {
	display: -webkit-inline-box;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 15px;
	font-size: 14px;
	color: #333333;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.u-page-maintxt-191118 {
	font-size: 16px;
	line-height: 24px;
	display: block;
	background: #F0FAF8;
	padding: 20px 16px;
	text-align: center;
	border-radius: 4px;
	color: #222222;
	font-weight: normal;
}

.u-page-maintxt-q-191118 {
	font-size: 16px;
	line-height: 24px;
	display: block;
	background: #F0FAF8;
	padding: 20px 16px;
	text-align: left;
	border-radius: 4px;
	color: #222222;
	font-weight: normal;
}

.m-txt-main-191118 {
	padding: 24px 0 14px 0;
	overflow: hidden;
}

.u-list-button-2 {
	cursor: not-allowed;
	pointer-events: none;
}

.f-sp-2 {
	width: 50%;
	text-align: center;
}


#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("/static/images/t/bz_bottom.png");
}

#deepLink {
	position: fixed;
	width: 60%;
	left: 20%;
	bottom: 160px;
	height: 45px;
	line-height: 78px;
	text-align: center;
	background-color: #E64954;
	border-radius: 22.5px;
	z-index: 9;
        display:none;
}

#deepLink .title {
	font-size: 15px;
	color: #fff;
	height: 16px;
	line-height: 16px;
	margin-top: 8px;
}

#deepLink .title_sub {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.88);
	height: 16px;
	height: 12px;
	line-height: 12px;
	margin-top: 2px;
}

#deeplink_tip {
	position: absolute;
	left: 50%;
	top: 50%;
}

#deeplink_tip .tips1 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.2);
	font-size: 14px;
	z-index: 2147483647;
}

#deeplink_tip .tips2 {
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 10%;
	right: 10%;
	margin: auto width: 80%;
	max-width: 500px;
	height: 140px;
	margin-top: -70px;
	padding: 36px 20px 20px 20px;
	background: #fff;
	color: #333;
	font-size: 14px;
	border-radius: 8px;
}

#deeplink_tip .tips3 {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	width: 20px;
	text-align: center;
	color: #999;
	cursor: pointer;
}

#deeplink_tip .tips4 {
	width: 80%;
	height: 36px;
	line-height: 36px;
	margin: 24px auto 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #3DDBC1;
	border-radius: 18px;
	cursor: pointer;
}