/*! jQuery UI - v1.11.0 - 2014-08-11
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none; 
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}
@charset "utf-8";
/* CSS Document */
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;background:#f1f1f1;color:#333}
div{margin:0 auto;padding:0}
ul,li,h1,h2,h3,h4,p,dl,dd,dt,form,iframe{margin:0;padding:0;font-weight:normal}
li{list-style:none}
img{border:0;display:block}
a{color:#333;text-decoration:none}
a:hover,h1 a:hover,h3 a:hover,.mahua a:hover{color:#ff7e69}
input,textarea,input:focus,textarea:focus{outline:none}
textarea{resize:none}
.s-color-red{font-style:normal;color:#ff7e69}
.title,dt,#checkin-box li,.reg-guide,.header-nav li a,.header-view li,.comment-submit,.newbieGuideStart,.reg-guide-lucky,.main-nav{font-family:"微软雅黑","microsoft yahei",verdana,lucida,arial,sans-serif,"黑体";_font-weight:bold}

.header{height:98px;width:100%;background:#fff;border-bottom:1px solid #e3e2e1}
.header-top{height:30px;width:100%;background:#ff7e69}
.header-top-content{width:1000px;height:30px;color:#fff;line-height:30px}
.header-top-title{float:left;width:330px}
.islogin{float:left;width:670px;height:30px;color:#fff;line-height:30px}

.islogin .border-nav-top,a.top-reg,a.top-login,a.top-login-qq,a.top-login-weibo{float:right;height:100%;color:#fff}
a.top-login-qq,a.top-login-weibo{text-indent:22px;background:url(../images/mahua_common.png) -977px -1014px no-repeat}
a.top-login-weibo{margin:0 10px 0 15px;_margin-left:8px;background-position:-977px -1044px}
a.top-login-qq{margin:0}
a.top-login{margin-right:20px}
.border-nav-top{margin-right:10px}
a.top-reg{margin-right:0}
a.top-login-qq:hover,a.top-login-weibo:hover,a.top-reg:hover,a.top-login:hover{color:#fff}

.islogin .username-top{float:right;margin-right:10px}
.islogin .username-top a{color:#fff;font-weight:bold;}
.islogin .username-top a:hover{text-decoration:underline}

.header-nav{width:1000px;height:68px}
.header-nav .logo{float:left;position:relative;margin-left:-30px;width:285px;height:68px;background:url(../images/xiaohua_logo.png) no-repeat}
.logo h1,.logo span{display:none}
.logo a{display:block;width:100%;height:100%}
.header-nav ul{float:left;width:450px;height:68px;line-height:100px;}
.header-nav li{float:left;width:100px;height:68px;text-align:center;}
.header-nav li a{display:block;width:100%;height:68px;line-height:68px;color:#666;font-size:18px}
.header-nav li a.hover{color:#ff6766}
.header-nav li a:hover,.header-nav li a.hover:hover{color:#e05857}
.header-nav li em{display:none}
.header-nav li.joke-hot{position:relative;*z-index:1}
.header-nav li.joke-hot a{width:85px;padding-right:15px;background:url(../images/mahua_common.png) -620px -110px no-repeat}
.header-nav li.joke-new{width:90px}
.header-nav li.joke-good-comment{width:100px}
.header-nav li.score-mall{width:120px;_width:100px}

.header-nav li .joke-hot-list a{width:auto;padding:0;background:none;display:block;text-align:left;text-indent:10px;height:40px;line-height:40px;font-size:16px;color:#777}
.header-nav li .joke-hot-list a:hover{border:none;background:#f6f6f6;color:#ff7e69}
.header-nav li i{margin:-60px 0 0 85px;display:block;width:22px;height:15px;background:url(../images/mahua_new_icon.png) 0 -369px no-repeat; position:relative;overflow:hidden}
.mahua-slogan{float:right;height:68px;width:135px;overflow:hidden;line-height:68px;background:url(../images/mahua_slogan.png) 0 -15px no-repeat}
.mahua-slogan a{display:block;width:100%;height:100%}

.header-nav .search{float:right;background:url(../images/mahua_common.png) -798px -255px no-repeat;width:150px;height:35px;margin-top:38px}
.header-nav .search input{float:left;border:none;background:none}
.header-nav .search-text{width:115px;padding-left:10px;height:34px;line-height:34px;color:#ccc}
.header-nav .search .search-submit{width:16px;height:34px;cursor:pointer}

/*详情页头部*/
.header-view{background:#ff7e69;height:40px}
.header-top-view{width:1000px;height:40px}
.header-view .logo{float:left;width:120px;margin-right:30px;height:40px;background:url(../images/logo2.png) 0 0px no-repeat}
.header-view-nav{width:540px;float:left}
.header-view-nav li{float:left;width:160px;height:40px;line-height:40px;text-align:center;}
.header-view-nav li a{display:block;width:100%;height:38px;border-bottom:2px solid #ff7e69;color:#FFFF73;font-size:16px}
.header-view-nav li a:hover{color:#fff;border-bottom-color:#d53500}
.header-view .islogin{float:right;width:300px;float:right}
.islogin-view{padding-top:5px}
.header-view .joke-hot{position:relative;background:url(../images/mahua_common.png) -196px -474px no-repeat}
.header-view .joke-hot a:hover{border-color:#ff7e69}
.header-view .joke-hot em{display:none}

.header-view .joke-hot-list{top:40px;_top:42px;width:78px}
.header-view li .joke-hot-list a{text-align:left;text-indent:10px;border:none;height:40px;line-height:40px;color:#777;font-size:14px}
.header-view li .joke-hot-list a:hover{background:#f6f6f6;color:#ff7e69}

/*底部*/

.links-block{margin:20px 0 -21px;border-top:1px solid #d9d9d9;background:#f1f1f1; position:relative}
.links{float:left;width:900px;border-bottom:1px solid #d9d9d9;margin:0 auto;height:50px;line-height:50px;overflow:hidden}
.links-list-block{border-bottom:1px solid #d9d9d9;width:1000px;margin:0 auto;height:50px;line-height:50px;overflow:hidden}
.likes-title{float:left;width:100px;display:block;background:url(../images/mahua_common.png) -975px -517px no-repeat;text-indent:25px;color:#999;font-weight:bold}
.likes-list{}
.likes-list a{color:#999;display:inline-block;margin-right:25px}
.likes-list a:hover{color:#ff7e69}

.footer{margin-top:20px;border-top:1px solid #d9d9d9;overflow:hidden;width:100%}
.footer-content{width:1000px}

.about{padding:20px 15px;width:970px;border-bottom:1px solid #d9d9d9;overflow:hidden}
.about dl{float:left;width:230px}
.about dl.about-contact{width:280px}
.about dt{font-size:18px;height:24px;line-height:24px;margin-bottom:10px}
.about dd{height:36px;line-height:36px;color:#999}
.about dd i{margin:3px 5px 0;display:inline-block;width:15px;height:16px;background:url(../images/mahua_common.png) -978px -500px no-repeat}
.about dd a{margin-right:20px;color:#999}
.about dd a:hover{color:#ff7e69}
.about dd a.a-color-red{color:#ff7e69}
.about dd a.a-color-red:hover{color:#e05857}

.footer-weibo,.footer-qzone,.footer-QQweibo,.footer-weixin{height:32px;display:inline-block;padding-left:25px;background:url(../images/mahua_common.png) -975px -561px no-repeat}
.footer-qzone{background-position:-975px -591px}
.footer-QQweibo{background-position:-975px -620px}
.footer-weixin{background-position:-975px -650px}
.coypright{padding:10px 0 0px}
.coypright p{text-align:center;color:#999}

/*笑话模块*/
.mahua{width:660px;padding:15px 15px 0;margin-bottom:10px;border-radius:2px;background:#fff;overflow:hidden}
.mahua dt{height:50px;overflow:hidden}
.mahua dt img{width:50px;height:50px; border-radius:100%;float:left;margin-right:10px;}
.mahua dt i{display:none}
.mahua dt .joke-uname,.mahua dt .joke-title{float:left;width:580px;height:20px;line-height:20px;margin-top:3px;overflow:hidden;font-size:14px}
.mahua dt .joke-uname a{color:#fe8e69;float:left;margin-right:20px}
.mahua dt .joke-uname a:hover{color:#e05857}
.mahua dt .joke-title{height:32px;line-height:32px;font-size:18px;margin-top:0}
.mahua .content{overflow:hidden;margin:5px 0 15px;padding-left:60px;width:590px;overflow:hidden;font-size:16px;line-height:1.8em;color:#333;word-wrap:break-word;word-break:break-all}
.mahua .content p{text-indent: 2em;margin-bottom: 18px;}
.mahua .content img{margin-top:10px}
.mahua .operation{border-top:1px solid #f3f2f2;width:675px;padding:0 15px 0 0;margin:0 -15px;position:relative}
.mahua  .operation-btn{float:left;text-align:center;height:38px;width:100px;}

.operation-btn a{float:left;width:99px;height:38px;line-height:38px;overflow:hidden;}
.dingcai{display:inline-block;height:38px;line-height:38px;margin:0 auto;_padding-top:9px;_height:29px}
.operation-line{width:1px;height:14px;margin-top:12px;background:#e1e1e1;float:left}
.mahua .operation a{color:#888}
.mahua .operation .ding:hover,.mahua .operation .comment:hover{color:#ff7e69}
.mahua .operation .cai:hover{color:#50c1e9}
.mahua .ding img,.mahua .cai img{display:inline-block;margin-right:3px;width:15px;height:15px; vertical-align:middle}
.mahua .dingcai span{display:none;width:20px;height:17px; vertical-align:middle;background:url(../images/mahua_new_icon.png) 0 -74px no-repeat}

.mahua .operation .comment-hover{color:#ff7e69}
.mahua .comment .dingcai span{display:inline-block}
.mahua .comment:hover span,.mahua .comment-hover span{background-position:0 -264px;color:#ff7e69}
.mahua .comment-hover em{position:absolute;top:31px;left:244px;display:block;width:17px;height:8px;background:url(../images/mahua_new_icon.png) 2px -450px no-repeat}

.mahua .ding-hover .dingcai span{background-position:2px -190px}
.mahua .voted-ding .dingcai span{background-position:2px 0;}
.mahua .ding-hover i{color:#ff7e69}

.mahua .cai-hover .dingcai span{background-position:2px -228px}
.mahua .cai-hover i{color:#50c1e9}
.mahua .voted-cai .dingcai span{background-position:2px -39px;}

.mahua .operation .reward,.mahua .operation .rewarded,.mahua .operation .buyed a,.mahua .operation .buy a{text-indent:35px;margin-top:5px;line-height:26px;height:26px;width:69px;float:right;background:url(../images/mahua_common.png) -492px -215px no-repeat}
.reward-box{display:none;float:right;margin-top:5px;height:26px;width:69px;}
.mahua .operation .buy{text-indent:35px;margin-top:5px;line-height:26px;height:26px;width:69px;float:right;}
.mahua .operation .buy,.mahua .operation .buyed{margin-right:10px}
.mahua .operation .buy a{color:#ff845b;margin-top:0}
.mahua .operation .reward{margin-top:5px;color:#04ce9b;background-position:-630px -215px}
.mahua .operation .buy a:hover,.mahua .operation .buyed a{color:#fff;background-position:-561px -215px}
.mahua .operation .reward:hover,.mahua .operation .rewarded{color:#fff;background-position:-699px -215px}
.mahua .operation .buyed a,.mahua .operation .rewarded{text-indent:27px}
.mahua .operation .kepted{color:#888}
.mahua .operation .kepted .avatar_30x30 , .mahua .operation .kepted .avatar_30x30 img{width:26px;height:26px;border-radius:50%}
.mahua .operation .kepted .avatar_30x30 i{display:none}
.mahua .operation .kepted{height:26px;width:200px;overflow:hidden;text-align:right;background:none;margin-bottom:-4px;}
.mahua .operation .kepted a,.mahua .operation .kepted a:hover{float:right;color:#ff865d;width:auto;color:#ff7e69;margin-right:5px;background:none;text-indent:0}
.mahua .operation .kepted a,.mahua .operation .kepted span{height:26px;line-height:26px;float:right;text-indent:0}
.mahua i{font-style:normal}
#votingNum{position:absolute;width:70px;text-align:center}
.mahua .share .zclip{cursor:pointer;overflow:hidden}


.mahua-user-joke .content{padding-left:0}


/*笑话详情页-笑话模块*/
.mahua-view{margin-bottom:10px}
dl.mahua-view{padding-top:0}
.mahua-view dt{height:26px;overflow:hidden;margin:0 0 6px}
.mahua-view dt img{width:40px;height:40px;float:left;border-radius:20px;margin-right:10px}
.mahua-view dt .joke-uname,.mahua-view dt .joke-title{height:16px;line-height:16px;font-size:12px;margin-top:4px;}
.mahua-view dt .joke-uname a{color:#999;float:left;margin-right:20px;font-family:"Arial"}
.mahua-view dt .joke-uname a:hover{color:#fe8e69}
.mahua-view dt .joke-title{height:26px;line-height:26px;_line-height:30px;overflow:hidden;font-size:18px;margin-top:0}
.mahua-view dt .joke-title span{color:#dc494f;font-size:22px}
.mahua-view .content{padding-left:0;width:660px}
.mahua-view .content img{margin:0 auto}
.mahua-view .content{margin:0}
.mahua-view dt a{display:none}
.mahua-view dt .joke-uname{display:none}

/*笑点列表页面*/
.mahua .tags-share-btn{width:270px;border:none;margin-top:5px}
.mahua .tags-share-btn span{margin-right:0;text-align:left;text-indent:0}
/*详情页背景图*/
.view-body-bg{background:url(../images/mahua_view_body_bg.png) repeat;background-attachment:fixed}
.view-footer-bg{background:#f1f1f1}

.gif-play-btn{display:block;background:url(../images/playgif.png) 2px 0 no-repeat;_background:url(../images/playgif.ie6.png) 2px 0 no-repeat;float:left;position:relative;width:54px;height:70px;line-height:120px;text-align:center;overflow:hidden;color:#fff;cursor:pointer}

/*main-nav*/
.main-nav{padding:5px 10px 15px;margin-bottom:-2px;width:670px;background:#fff; border-radius:2px;overflow:hidden}
.main-nav ul{height:36px;line-height:36px;font-size:16px;border-bottom:1px solid #e5e5e5}
.main-nav li{float:left;}
.main-nav li a{float:left;padding:0 10px;height:36px;color:#666;margin-right:10px; position:relative}
.main-nav li a:hover,.main-nav ul li a.hover{color:#ff7e69;height:35px;border-bottom:3px solid #ff7e69}
.main-nav a i{display:block;overflow:hidden;width:22px;height:15px;background:url(../images/mahua_new_icon.png) 0 -369px no-repeat; position:absolute;top:-2px;right:-17px;}

.main-nav .search{float:right;width:150px;height:24px; border:1px solid #dedede; border-radius:24px; margin-top:3px;}
.main-nav .search input{float:left;border:none;background:none}
.main-nav .search-text{width:115px;padding-left:10px;height:24px;line-height:24px;color:#ccc}
.main-nav .search .search-submit{width:16px;height:24px;cursor:pointer;background:url(../images/mahua_common.png) -920px -261px no-repeat;}


/* CSS Document */
.user-btn a,dt,.user-show .t,.app-ios a,.app-android a,.app-winPhone a,.joke-ba .joke-before,.joke-ba .joke-after,.recomment-head a,#comment div input,.sarch-results,.main-tags li.img a,#reward .input-btn input,.buy_box_message,.history-top{font-family:"微软雅黑","microsoft yahei",verdana,lucida,Arial,sans-serif,"黑体";_font-weight:bold}

.main{width:1000px;margin-top:4px;overflow:hidden;padding-top:6px}
.main-view{margin-top:4px}
.banner-recomment{margin-bottom:20px;float:left;width:965px;padding-left:35px;height:128px;background:url(../images/mahua_index.png) no-repeat}
.banner-recomment a{display:block;width:100%;height:100%;color:#666;}
.banner-recomment li{width:72px;height:108px;float:left;margin:20px 35px 0 0}
.banner-recomment li img{width:72px;height:72px}
.banner-recomment li span{display:block;height:36px;line-height:36px;text-align:center;overflow:hidden}

.main .left,.main .right{float:left;width:690px;margin-right:10px}

.page{height:33px;text-align:center}
.page a{float:left;display:block;color:#666;margin-right:8px;height:32px;line-height:32px;background:#fff;border-bottom:1px solid #e8e7e6;padding:0 12px}
.page .thisclass{float:left;display:block;margin-right:8px;height:32px;line-height:32px;border-bottom:1px solid #e8e7e6;padding:0 12px}
.page .thisclass,.page a:hover{color:#fff;background:#ff845b;border-color:#ff845b}
.page a.current:hover{background:#dc643c;border-color:#dc643c}

.main .right{width:300px;margin-right:0;overflow:hidden}
.user-operation{overflow:hidden;border-bottom:2px solid #e4e4e2;height:218px;background:#fafafa}
.user-operation li{float:left;width:100%;overflow:hidden}
.user-show{width:268px;height:80px;padding:15px 16px;background:url(../images/mahua_common.png?v=04) #fff 0 -243px no-repeat;overflow:hidden}
.user-show img,.user-show i,.right-top-avatar{display:block;width:60px;height:60px;float:left;}
.user-show a.right-login-web{text-align:center;display:block;width:60px;height:90px;line-height:150px;overflow:hidden;float:left}

.user-btn{padding:12px 0;background:#fafafa;border-top:1px solid #f1f1f1;width:298px;text-align:center;}
.user-operation .checkin-right-top , .user-operation .do-task,.user-operation .friends{display:inline-block;width:96px;*width:92px;height:16px;line-height:16px;padding-top:50px;background:url(../images/mahua_common.png?v=04) -430px 0 no-repeat}
.user-operation .checkin-right-top span,.user-operation .do-task span,.user-operation .friends span{display:block;text-align:center;width:100%;}
.user-operation .do-task{border-right:1px solid #f1f1f1;border-left:1px solid #f1f1f1}
.user-operation .friends{background-position:-630px 0}
.user-operation .checkin-right-top{background-position:-24px -540px}
.user-operation-bottom{margin-top:10px;border-bottom:1px solid #f1f1f1;background:#fff;padding:10px 0 15px;height:82px}

.user-btn .publish, .user-btn .audit{padding:0 0 0 10px}
.i-r-checkin-task{text-align:center;padding-top:10px}
.i-r-checkin-task a{display:inline-block;font-size:14px;height:30px;line-height:30px;padding-left:35px;color:#999;background:url(../images/mahua_new_icon.png) 0 -386px no-repeat}

.i-r-checkin-task a:hover{color:#ff845b}
.i-r-checkin-task .i-r-checkin{margin-right:55px}
.i-r-checkin-task .i-r-task{background-position:0 -417px}


/*列表页头部图片滚动推荐*/
.list-top-focus{width:690px;height:220px;margin-bottom:10px;overflow:hidden;position:relative;}
.list-top-focus ul{height:220px;position:absolute;overflow:hidden}
.list-top-focus li{float:left;width:690px;height:220px;overflow:hidden;position:relative}
.list-top-focus a{float:left;height:220px;overflow:hidden}
.list-top-focus img{height:220px;width:690px}

.list-top-focus .btn{position:absolute;width:690px;height:15px;padding-bottom:7px;right:0;bottom:0;text-align:center;}
.list-top-focus .btn span{display:inline-block;width:12px;height:12px;background:url(../images/mahua_new_icon.24.png) no-repeat;_background:url(../images/mahua_new_icon.24.ie6.png) no-repeat;cursor:pointer;margin-right:14px;}
.list-top-focus .btn .point{background-position:0 -100px}
.list-top-focus .btn .on{background-position:-34px -100px}
.list-top-focus .btn .preNext{display:none;width:46px;height:46px; position:absolute;top:-110px;left:10px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.list-top-focus .btn .next{background-position:0 -48px;left:634px}
.list-top-focus .btn .pre{background-position:0 0}

/*右侧-达人榜*/
.user-list{padding:0 0 20px 0;width:300px}
.user-list-head{height:45px;line-height:44px;}
.user-list-head a{display:line-block;float:left;border-bottom:1px solid #f1f1f1;width:99px;height:44px;text-align:center;color:#464646;font-size:14px}
.user-list-head a.conter{width:100px;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.user-list-head a.hover,.user-list-head a:hover{border-bottom-color:#ff875f;color:#ff875f;font-weight:bold;background:url(../images/mahua_index.png) 0 -214px no-repeat}
.user-list ul{display:none;overflow:hidden;padding-left:5px;width:295px;}
.user-list ul.hover{display:block}
.user-list li{margin-top:15px;width:96px;height:120px;float:left}

/*右侧-达人榜-new-2014.11.13*/
.a-m-sorting{background:#fff;overflow:hidden;margin-top:10px;border-bottom:1px solid #e8e7e6; border-radius:2px }
.a-m-sorting-head{height:47px;overflow:hidden}
.a-m-sorting-head dt{float:left;width:150px;height:47px;line-height:46px;text-align:center;font-size:18px;color:#fff;background:url(../images/r_user_sorting.png) no-repeat;}
.audit-sorting-head dt{background:url(../images/r_user_sorting.png) 0 -48px no-repeat;}
.a-m-sorting-head dd{float:left;background:#fafafa;width:149px;height:14px;padding:16px 0;line-height:14px;border-left:1px solid #e8e7e6;border-bottom:1px solid #e8e7e6}
.a-m-sorting-head dd a{float:right;font-size:12px;height:14px;color:#787878;padding:0 15px;}
.a-m-sorting-head dd a.conter{border-left:1px solid #e8e7e6}
.a-m-sorting-head dd a.hover,.a-m-sorting-head dd a:hover{color:#ff875f;font-weight:bold}
.a-m-sorting ul{display:none;overflow:hidden;background:#fff;}
.a-m-sorting ul.hover{display:block}
.a-m-sorting li{float:left;background:#fff;width:288px;height:34px;padding:13px 0 13px 12px;border-bottom:1px dashed #e8e7e6}
.a-m-sorting li:last-child{border-bottom:none}
.a-m-sorting li .sorting-num{display:block;margin:5px 15px 0 0;float:left;width:13px;height:21px;text-align:center;color:#fff;line-height:16px;background:url(../images/r_user_sorting.png) -42px -96px no-repeat}
.a-m-sorting li .top1{background-position:0 -96px}
.a-m-sorting li .top2{background-position:-14px -96px}
.a-m-sorting li .top3{background-position:-28px -96px}
.r-sorting-user-avatar{display:block;float:left;width:30px;height:30px;margin:2px 10px 0 0}
.r-sorting-user-avatar img{width:30px;height:30px;border-radius:15px}
.r-sorting-user-title{float:left;width:210px;overflow:hidden}
.r-sorting-user-title p{float:left;width:207px;line-height:18px;margin-top:3px;overflow:hidden}
.r-sorting-user-title a{color:#999;float:left}
.r-sorting-user-title a:hover{color:#ff7e69}
.r-sorting-level{margin:4px 0 0 6px;}

.a-m-newjoke{margin-top:10px;height:351px}
.a-m-newjoke ul{display:block}
.a-m-newjoke .a-m-sorting-head dd{}
.a-m-newjoke .a-m-sorting-head dd a{color:#787878}
.a-m-newjoke .a-m-sorting-head dd a.hover{color:#787878;font-weight:normal}
.a-m-newjoke .a-m-sorting-head dd a:hover{color:#ff875f;font-weight:normal}
.a-m-newjoke .r-sorting-user-title{color:#999;height:36px;}
.a-m-newjoke .r-sorting-user-title p a{color:#333; float:none;margin-left:5px;}
.a-m-newjoke .r-sorting-user-title p a:hover{color:#ff7e69;}

.a-m-newjoke-img{background:#fff;overflow:hidden;height:351px;margin-top:0px;border-bottom:1px solid #e8e7e6}
.a-m-newjoke-img .a-m-sorting-head dd{width:150px;border:none;background:#ff875f}
.a-m-newjoke-img .a-m-sorting-head dd a{color:#fee8e0}
.a-m-newjoke-img .a-m-sorting-head dd a.hover{color:#fee8e0;font-weight:normal}
.a-m-newjoke-img .a-m-sorting-head dd a:hover{color:#fff;font-weight:normal}
.a-m-newjoke-img ul{padding-top:13px}
.a-m-newjoke-img li{width:132px;height:145px;float:left;padding-left:12px;}
.a-m-newjoke-img li img{width:132px;height:89px}
.a-m-newjoke-img li p{height:40px;overflow:hidden;text-align:center;margin-top:4px;line-height:20px;}

/*右侧-热门搞笑图文*/
.new-pic-text{width:270px;padding-right:15px;overflow:hidden; border-radius:2px}
.new-pic-text dd,.editors-recomment dd{padding:4px 0;border-bottom:1px dashed #f1f1f1}
.new-pic-text dt{margin-bottom:5px}
.new-pic-text .title,.editors-recomment .title{padding-left:20px;display:inline-block;background:url(../images/mahua_common.png) -992px -1087px no-repeat;font-size:12px;height:22px;line-height:22px;overflow:hidden;font-family:Arial;_font-weight:normal}
.new-pic-text img{width:120px;height:80px;float:left;margin-right:10px}
.new-pic-text .author{display:block;float:left;margin:7px 0;width:140px;height:20px;line-height:20px;overflow:hidden;background:url(../images/mahua_common.png) -177px -52px no-repeat;text-indent:20px;color:#ff855d}
.new-pic-text .pv{width:140px;overflow:hidden;color:#999}
.new-pic-text div{display:none;margin-top:10px;height:80px;overflow:hidden}
.new-pic-text .hover div{display:block}
.new-pic-text .hover .title{font-weight:bold}
.new-pic-text dd.noborder,.editors-recomment dd.noborder{border:none}

/*等级*/
.level_icon{display:inline-block;width:80px;height:20px;overflow:hidden;background:url(../images/level_ico.png) no-repeat;_background:url(../img/level_ico.ie6.png?v=01) no-repeat}

/*详情页-上一条、下一条*/
.joke-ba{text-align:center;}
.joke-ba .joke-before,.joke-ba .joke-after{display:inline-block;font-size:18px;height:88px;line-height:88px;overflow:hidden;text-align:left;background:url(../images/page_view.png) 0 -5px no-repeat}
.joke-ba .joke-before{color:#969696;width:210px;margin-right:100px}
.joke-ba .joke-after{color:#fff;width:210px;background-position:-219px -5px}
.joke-ba .joke-before:hover{background-position:-5px -114px;color:#969696;}
.joke-ba .joke-after:hover{background-position:-215px -114px;color:#fff;}
.joke-ba p{color:#969696;line-height:26px;margin:0 0 0 5px;overflow:hidden}
.joke-ba span{float:left;height:26px;line-height:26px;}
.joke-ba span a{margin-right:5px;color:#969696}
.joke-ba .joke-view-tags{width:225px;overflow:hidden;text-align:left;}

/*详情页-热门推荐*/
.recomment-head{height:38px;line-height:38px;overflow:hidden;margin-bottom:15px;}
.recomment-head a{display:block;text-align:center;width:90px;float:left;color:#969696;font-size:18px;margin-right:20px}
.recomment-head a:hover,.recomment-head a.hover{color:#333}
.recomment-head .recomment-tag1{text-align:left}
.recomment-head .recomment-tag6{margin-right:0;text-align:right}
.recomment ul{display:none;overflow:hidden}
.recomment ul.hover{display:block}
.recomment_view_box{width:670px;padding:10px 10px 4px;}
.recomment-tag{padding-left:8px}
.recomment-tag li{float:left;width:155px;height:132px;margin-right:10px}
.recomment-tag li.nomargin{margin-right:10px}
.recomment-tag li.marginbottom{margin-bottom:0}
.recomment-tag img{width:153px;height:101px;border:1px solid #ddd}
.recomment-tag img:hover{border:1px solid red}
.recomment-tag p{text-align:center;height:24px;line-height:24px;overflow:hidden}
.recomment-tag li.big{width:200px;height:327px;margin-right:24px;}
.recomment-tag li.big img{width:200px;height:295px}
.recomment-tag li.big i{display:block;width:75px;height:75px;background:url(../images/mahua_common.24.png) -145px -413px no-repeat;_background:url(../images/mahua_common.24.ie6.png) -145px -413px no-repeat;position:absolute;margin:-298px 0 0 -3px;}