@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
img {
	vertical-align:middle
}
input[type="text"], input[type="search"] {
	-webkit-appearance:none;
	appearance:none;
	border-radius:0
}
body {
	/*max-width:568px;*/
	min-width:320px;
	margin:0 auto;
	font-size:16px;
	font-family:微软雅黑;
	line-height:40px;
	color:#333;
	height: 100%;
}
a {
	color:#666;
	text-decoration:none
}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:none
}
.pure-g {
	letter-spacing:-0.31em;
*letter-spacing:normal;
*word-spacing:-0.43em;
	text-rendering:optimizespeed;
	font-family:FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	display:-webkit-flex;
	-webkit-flex-flow:row wrap;
	display:-ms-flexbox;
	-ms-flex-flow:row wrap
}
.opera-only :-o-prefocus, .pure-g {
word-spacing:-0.43em
}
.pure-u {
	display:inline-block;
*display:inline;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto
}
.pure-g [class *= "pure-u"] {
font-family:微软雅黑, sans-serif
}
.pure-u-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {
	display:inline-block;
*display:inline;
	zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
	vertical-align:top;
	text-rendering:auto
}
.pure-u-1-24 {
	width:4.1667%;
*width:4.1357%
}
.pure-u-1-12, .pure-u-2-24 {
	width:8.3333%;
*width:8.3023%
}
.pure-u-1-8, .pure-u-3-24 {
	width:12.5000%;
*width:12.4690%
}
.pure-u-1-6, .pure-u-4-24 {
	width:16.6667%;
*width:16.6357%
}
.pure-u-1-5 {
	width:20%;
*width:19.9690%
}
.pure-u-5-24 {
	width:20.8333%;
*width:20.8023%
}
.pure-u-1-4, .pure-u-6-24 {
	width:25%;
*width:24.9690%
}
.pure-u-7-24 {
	width:29.1667%;
*width:29.1357%
}
.pure-u-1-3, .pure-u-8-24 {
	width:33.3333%;
*width:33.3023%
}
.pure-u-3-8, .pure-u-9-24 {
	width:37.5000%;
*width:37.4690%
}
.pure-u-2-5 {
	width:40%;
*width:39.9690%
}
.pure-u-5-12, .pure-u-10-24 {
	width:41.6667%;
*width:41.6357%
}
.pure-u-11-24 {
	width:45.8333%;
*width:45.8023%
}
.pure-u-1-2, .pure-u-12-24 {
	width:50%;
*width:49.9690%
}
.pure-u-13-24 {
	width:54.1667%;
*width:54.1357%
}
.pure-u-7-12, .pure-u-14-24 {
	width:58.3333%;
*width:58.3023%
}
.pure-u-3-5 {
	width:60%;
*width:59.9690%
}
.pure-u-5-8, .pure-u-15-24 {
	width:62.5000%;
*width:62.4690%
}
.pure-u-2-3, .pure-u-16-24 {
	width:66.6667%;
*width:66.6357%
}
.pure-u-17-24 {
	width:70.8333%;
*width:70.8023%
}
.pure-u-3-4, .pure-u-18-24 {
	width:75%;
*width:74.9690%
}
.pure-u-19-24 {
	width:79.1667%;
*width:79.1357%
}
.pure-u-4-5 {
	width:80%;
*width:79.9690%
}
.pure-u-5-6, .pure-u-20-24 {
	width:83.3333%;
*width:83.3023%
}
.pure-u-7-8, .pure-u-21-24 {
	width:87.5000%;
*width:87.4690%
}
.pure-u-11-12, .pure-u-22-24 {
	width:91.6667%;
*width:91.6357%
}
.pure-u-23-24 {
	width:95.8333%;
*width:95.8023%
}
.pure-u-1, .pure-u-5-5, .pure-u-24-24 {
	width:100%
}
.site-list {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:-ms-flex;
	display:-moz-flex;
	-ms-box-orient:horizontal;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	margin-bottom:-1px
}
.site-list .site-item {
	display:inline-block;
	height:40px;
	line-height:40px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	border-bottom:solid 1px #f0f0f0
}
.nav-list {
	display:none;
	position:absolute;
	left:0;
	top:100%;
	z-index:10;
	width:100%;
	line-height:40px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:solid 2px #3ba354;
	border-top:none;
	background:white;
	overflow:hidden
}
.nav-list .site-item {
	width:20%;
	border-bottom:solid 1px #f0f0f0
}
.doc-ft {
	height:100px;
	background-color:#f2f2f2;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .2)
}
.footer-nav {
	padding-top:10px;
	text-align:center
}
.footer-nav ul {
	display:inline-block
}
.footer-nav li {
	position:relative;
	float:left
}
.footer-nav li + li:after {
	content:"";
	position:absolute;
	left:0;
	top:12px;
	width:1px;
	height:16px;
	background-color:#e8e7e6
}
.footer-nav a {
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 10px
}
.copyright {
	font-size:12px;
	text-align:center
}
.suggest {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	left:0;
	top:30px;
	z-index:-1;
	width:100%;
	border:1px solid #e2e2e2;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#fafafa;
	box-shadow:0 1px 1px rgba(0, 0, 0, .3)
}
.suggest .suggest-item {
	background:#fff;
	display:block;
	height:40px;
	padding:0 10px;
	line-height:40px
}
.suggest .suggest-item.on {
	background-color:#ebf5e5
}
.suggest .order-num {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:8px;
	border-radius:3px;
	text-align:center;
	line-height:16px;
	color:#fff;
	background-color:#bfbdbd
}
.suggest .suggest-item:nth-child(-n+3) .order-num {
border-color:#3ba354;
background-color:#3ba354
}
.suggest .suggest-ft {
	position:relative;
	height:40px;
	padding:0 10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	line-height:40px;
	background:#f0f0f0
}
.suggest .suggest-closebtn {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	background:url(http://p0.qhimg.com/t0157e13225dd2dc82a.png) center no-repeat;
	-webkit-background-size:30px;
	background-size:30px
}
@fontface {
font-family:"FixFont";
src:url()
}
@-webkit-keyframes "ui-loading-anim" { }
from {
-webkit-transform:rotate(0deg);
}
8.32% {
-webkit-transform:rotate(0deg);
}
8.33% {
-webkit-transform:rotate(30deg);
}
16.65% {
-webkit-transform:rotate(30deg);
}
16.66% {
-webkit-transform:rotate(60deg);
}
24.99% {
-webkit-transform:rotate(60deg);
}
25% {
-webkit-transform:rotate(90deg);
}
33.32% {
-webkit-transform:rotate(90deg);
}
33.33% {
-webkit-transform:rotate(120deg);
}
41.65% {
-webkit-transform:rotate(120deg);
}
41.66% {
-webkit-transform:rotate(150deg);
}
49.99% {
-webkit-transform:rotate(150deg);
}
50% {
-webkit-transform:rotate(180deg);
}
58.32% {
-webkit-transform:rotate(180deg);
}
58.33% {
-webkit-transform:rotate(210deg);
}
66.65% {
-webkit-transform:rotate(210deg);
}
66.66% {
-webkit-transform:rotate(240deg);
}
74.99% {
-webkit-transform:rotate(240deg);
}
75% {
-webkit-transform:rotate(270deg);
}
83.32% {
-webkit-transform:rotate(270deg);
}
83.33% {
-webkit-transform:rotate(300deg);
}
91.65% {
-webkit-transform:rotate(300deg);
}
91.66% {
-webkit-transform:rotate(330deg);
}
99.99% {
-webkit-transform:rotate(330deg);
}
to {
-webkit-transform:rotate(360deg);
}
}
.ui-refresh .ui-refresh-up .ui-refresh-icon, .ui-refresh .ui-refresh-down .ui-refresh-icon {
	display:inline-block;
	width:25px;
	height:25px;
	vertical-align:middle;
	background:url(static/img/r-flip.png) no-repeat;
	-webkit-background-size:25px 25px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:400ms;
	-webkit-transition-timing-function:ease-in-out
}
.ui-refresh .ui-refresh-down .ui-refresh-icon {
	-webkit-transform:rotate(180deg) translateZ(0)
}
.ui-refresh .ui-refresh-up .ui-refresh-flip {
	-webkit-transform:rotate(180deg) translateZ(0)
}
.ui-refresh .ui-refresh-down .ui-refresh-flip {
	-webkit-transform:rotate(0deg) translateZ(0)
}
.ui-refresh .ui-refresh-up .ui-loading, .ui-refresh .ui-refresh-down .ui-loading {
	-webkit-transition-duration:0ms
}
.ui-slider {
	width:100%;
	overflow:hidden;
	position:relative;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
.ui-slider-group {
	overflow:hidden;
	position:relative;
	white-space:nowrap;
	-webkit-transform:translateZ(0)
}
.ui-slider-item {
	background-color:#e3e3e3;
	text-align:center;
	position:relative;
	float:left;
	overflow:hidden;
	-webkit-box-sizing:border-box
}
.ui-slider-item {
	height:148px
}
.ui-slider-item img {
	background:#E7E7E7 url(static/img/ui-slider-imgbg.png) center center no-repeat
}
.ui-slider-item > a {
	display:block;
	text-decoration:none;
	width:100%;
	overflow:hidden
}
.ui-slider-item > p {
	position:absolute;
	bottom:0;
	width:100%;
	text-align:left;
	pointer-events:none;
	overflow:hidden;
	word-break:break-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#fff;
	background:rgba(0, 0, 0, 0.5);
	padding:6px 0;
	text-indent:10px
}
.ui-slider-dots {
	position:absolute;
	bottom:6px;
	right:0;
	padding:0 6px;
	text-align:right
}
.ui-slider-dots > b {
	display:inline-block;
	margin:0 4px;
	width:6px;
	height:6px;
	border-radius:3px;
	background:rgba(144, 144, 144, 0.8)
}
.ui-slider-dots .ui-state-active {
	background:#fff
}
.ui-slider-pre, .ui-slider-next {
	position:absolute;
	z-index:99;
	width:50px;
	height:60px;
	top:50%;
	left:0;
	margin-top:-30px;
	outline:none
}
.ui-slider-next {
	right:0;
	left:auto
}
.ui-slider-pre:after, .ui-slider-next:after {
	position:absolute;
	width:20px;
	height:40px;
	background:rgba(0, 0, 0, 0.3) url(static/img/ui-slider-arrow.png) no-repeat;
	background-size:35px 15px;
	outline:none;
	content:'\0020';
	display:inline-block;
	background-position:3px center;
	left:0;
	top:50%;
	margin-top:-20px;
	border-radius:0 20px 20px 0
}
.ui-slider-next:after {
	background-position:-18px center;
	right:0;
	left:auto;
	border-radius:20px 0 0 20px
}
@media all and (min-device-width:768px) and (max-device-width: 1024px) {
.ui-slider-item > p {
font-size:16px;
padding:.5em 0;
text-indent:.8em
}
.ui-slider-dots {
bottom:.5em;
padding-right:.5em
}
.ui-slider-dots b {
margin-right:.5em;
width:.5em;
height:.5em;
border-radius:.25em
}
}
body {
	background:#fff
}
.doc-hd {
	position:relative;
	z-index:1;
	background:#3ba354
}
.logo{
	position:relative;
        font-size:23px;
        font-color="#FFFFFF"
}
.logo-bar {
	position:relative;
	height:56px;
	line-height:56px;
	text-align:center
}
.logo-bar .logo img {
	height:40px;
	width:auto
}
.logo-bar .channels {
	position:absolute;
	top:0;
	right:0;
	width:45px;
	height:100%;
	background-image:url(static/img/logo729.png);
	background-repeat:no-repeat;
	-webkit-background-size:190px 24px;
	background-size:190px 24px;
	background-position:-35px 18px
}
.search-bar {
	position:relative;
	width:96%;
	margin:0 auto;
	padding-bottom:9px
}
.search-bar .search-form {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:relative;
	height:42px;
	border:1px solid #84b890;
	background:#fff;
	box-shadow:0 2px 2px rgba(49, 127, 0, .35);
	-webkit-background-clip:padding-box;
	background-clip:padding-box
}
.search-bar .search-text, .search-bar .search-btn {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	height:40px;
	border:none;
	outline:none;
	font-size:16px
}
.search-bar .search-text {
	position:relative;
	z-index:2;
	float:left;
	width:75%;
	padding:0 5px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	background:none
}
.search-bar .search-form .hotword {
	display:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:75%;
	height:100%;
	padding-left:40px;
	line-height:40px
}
.search-bar .search-form .hotword:after {
	content:"热";
	position:absolute;
	left:10px;
	top:12px;
	width:16px;
	height:16px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#fff;
	background-image:url(http://p1.qhimg.com/t01ff6ac4d2d06b14e2.png);
	background-repeat:no-repeat;
	background-position:0 0;
	-webkit-background-size:16px;
	background-size:16px
}
.search-bar .search-btn {
	float:right;
	width:20%;
	padding:0;
	border-left:1px solid #aaa9a9;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	text-align:center;
	font-size:20px;
	color:#333;
	font-weight:bold;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e3e3e3));
	background-image:-webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
	background-image:linear-gradient(to bottom, #f9f9f9, #e3e3e3)
}
.site-list .site-item {
	border-right:1px solid #e8e7e6
}
.site-list .site-item:nth-child(4n) {
border-right:none
}
.site-list .site-name {
	display:block;
	height:100%
}
.nav-list .site-item {
	border-right:0
}
.sites-nav {
	font-size:16px;
	margin-bottom:10px;
	box-shadow:0px 1px 2px #999
}
.sites-nav .site-list {
	padding:0 25px
}
.sites-nav .site-item {
	width:20%;
	border-right:0
}
.sites-nav a {
	color:#333;
	font-size:18px
}
.site-list.has-icon .site-item {
	position:relative;
	border-right:none;
	text-align:left;
	overflow:hidden
}
.site-list.has-icon .site-name {
	padding-left:10%
}
.site-list.has-icon .site-icon {
	float:left;
	margin-right:5px;
	margin-top:10px
}
.site-dlist {
	border-top:solid 1px #f0f0f0
}
.site-dlist a {
	overflow:hidden;
	display:inline-block;
	height:32px;
	margin:4px 0;
	padding:0 5px;
	line-height:32px
}
.site-dlist-cate, .site-dlist-item {
	height:36px;
	line-height:36px;
	overflow:hidden
}
.site-dlist-cate {
	position:relative
}
.site-dlist-cate a {
	position:relative;
	color:#30b5f3;
	margin-left:-5px
}
.site-dlist-cate:after {
	content:"";
	position:absolute;
	top:12px;
	left:48px;
	width:1px;
	height:16px;
	background-color:#d6d6d6
}
.sec-box-hd {
	position:relative;
	height:40px;
	border-bottom:solid 1px #ededed;
	line-height:40px;
	background-color:#f5f5f5
}
.sec-box-hd .more {
	position:absolute;
	top:0;
	right:0;
	height:40;
	padding:0 30px 0 5px;
	line-height:40px
}
.sec-box-hd .more:after {
	content:"";
	position:absolute;
	top:12px;
	right:10px;
	width:16px;
	height:16px;
	background:url(http://p1.qhimg.com/t0145c746b4837813d0.png) no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.sec-box-tit {
	font-size:20px;
	font-weight:normal;
	border-left:solid 4px #3ba354;
	padding-left:11px
}
.news-pic a {
	display:block;
	position:relative
}
.news-pic .title {
	position:absolute;
	width:100%;
	height:28px;
	line-height:28px;
	bottom:0;
	left:0;
	color:#fff;
	text-align:center;
	background:transparent url(http://p0.qhimg.com/t01744f2dd51047988b.png) 0 -5px repeat-x;
	background:rgba(0, 0, 0, .6)
}
.news-pic a {
	width:100%;
	height:150px;
	overflow:hidden
}
.news-pic .pic {
	width:100%;
	height:auto
}
.news-pic-2 a, .news-pic-2 .pic {
	width:145px;
	height:115px;
	margin:0 auto
}
.news-list {
	margin-top:10px
}
.news-list-item a {
	position:relative;
	overflow:hidden;
	display:block;
	height:30px;
	padding:0 30px 0 10px;
	line-height:30px
}
.news-list-item a:after {
	content:"";
	position:absolute;
	right:0;
	top:8px;
	width:16px;
	height:16px;
	text-align:center;
	font-size:12px;
	line-height:16px;
	color:#fff;
	background-image:url(http://p1.qhimg.com/t01ff6ac4d2d06b14e2.png);
	background-repeat:no-repeat;
	background-position:16px 0;
	-webkit-background-size:16px;
	background-size:16px
}
.news-list-item a:before {
	content:"";
	position:absolute;
	top:13px;
	left:0;
	width:4px;
	height:4px;
	background:#ccc
}
.news-list-item a.hot:after {
	content:"热";
	background-position:0 -0
}
.news-list-item a.new:after {
	content:"新";
	background-position:0 -16px
}
.news-list-item a.pic:after {
	background-position:0 -32px
}
.news-list-item a.comment:after {
	background-position:0 -48px
}
.news-list-item a.video:after {
	background-position:0 -64px
}
.sec-box .news-list, .sec-box .site-dlist, .sec-box .top10 {
	padding-left:15px;
	padding-right:15px
}
.sec-box .news-list {
	padding-bottom:10px
}
.sec-box .top10 {
	margin-bottom:10px
}
.allsite {
	margin:0 15px 10px
}
.allsite .toggle {
	position:relative;
	display:block;
	height:40px;
	border:1px solid #acacac;
	border-radius:3px;
	text-align:center;
	line-height:40px;
	background-color:#e7e7e7;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e7e7e7));
	background-image:-webkit-linear-gradient(top, #f1f1f1, #e7e7e7);
	background-image:linear-gradient(to bottom, #f1f1f1, #e7e7e7)
}
.allsite .toggle:after {
	content:"";
	position:absolute;
	top:4px;
	left:10px;
	width:32px;
	height:32px;
	background:url(http://p0.qhimg.com/t010919b3645fc2ec4b.png);
	-webkit-background-size:cover;
	background-size:cover
}
.allsite .site-list {
	border:1px solid #ececec;
	border-top:none 0;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background-color:#fafafa;
	overflow:hidden;
	position:relative;
-webkit-transition:height .2s ease-in-out;
transition:height .2s ease-in-out;
	height:43px
}
.allsite .site-list .site-item {
	position:relative;
	width:20%;
	border:none
}
.allsite .site-list .site-item:after {
	content:"";
	position:absolute;
	top:10px;
	right:0;
	width:1px;
	height:20px;
	background:#e8e7e6
}
.allsite .site-list .site-item:nth-child(5n):after {
display:none
}
#happy .news-list {
	border-bottom:none
}
#others .site-dlist:nth-child(2) {
border-top:0
}
#tools .site-list .site-item {
	border-top:1px solid #e8e7e6;
	border-bottom:0
}
.ui-slider-dots {
	line-height:1.2
}
.ui-slider-dots > b {
	width:9px;
	height:9px;
	border:solid 1px #050505;
	border-radius:5px;
	background:rgba(194, 194, 194, 0.8)
}
.ui-slider-dots .ui-state-active {
	background-color:#3ba354
}
.top10-lists>li {
	height:34px;
	line-height:34px;
	letter-spacing:-0.31em
}
.top10-lists>li>em {
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:6px;
	border-radius:3px;
	text-align:center;
	line-height:16px;
	font-size:14px;
	color:#fff;
	font-style:normal;
	background:#c9c9c9;
	vertical-align:middle;
	letter-spacing:normal;
	-webkit-background-clip:padding-box;
	background-clip:padding-box
}
.top10-lists:first-child>li:nth-child(-n+3)>em {
background-color:#3ba354;
border-color:#3ba354
}
.top10-lists>li>a {
	overflow:hidden;
	display:inline-block;
	width:112px;
	height:34px;
	font-size:16px;
	vertical-align:middle;
	letter-spacing:normal
}
.tool-list {
	margin-top:10px
}
.tool-item {
	text-align:center;
	padding-bottom:16px
}
.tool-link {
	display:block;
	width:100%;
}
.tool-icon {
	display:block;
	width:36px;
	height:36px;
	margin:0 auto
}
.tool-text {
	display:block;
	margin-top:8px
}