.icon-base {
	display:inline-block;
	background:url('../../images/home/common/icon-base-9c313a.png') 10000px 10000px no-repeat;
	vertical-align:middle;
	font-style:normal
}
.icon-base-logo {
	width:140px;
	height:40px;
	background-position:0 -355px
}

.icon-base-btn-yellow {
	width:90px;
	height:30px;
	background-position:-110px -80px
}
.icon-base-people {
	width:16px;
	height:16px;
	background-position:-96px -64px
}
.icon-base-arrow-down {
	width:16px;
	height:16px;
	background-position:0 -48px
}
.icon-base-arrow-right {
	width:16px;
	height:16px;
	background-position:-48px -48px
}
.icon-base-arrow-up {
	width:16px;
	height:16px;
	background-position:-96px -48px
}
.icon-base-signed {
	width:24px;
	height:24px;
	background-position:-168px -190px
}
.icon-base-eye {
	width:16px;
	height:16px;
	background-position:-32px -64px
}
.icon-base-time {
	width:16px;
	height:16px;
	background-position:-80px -64px
}
.icon-base-eye-gray {
	width:16px;
	height:16px;
	background-position:-176px -48px
}
.icon-base-time-gray {
	width:16px;
	height:16px;
	background-position:-192px -48px
}
.icon-base-people-gray {
	width:16px;
	height:16px;
	background-position:-352px -48px
}
.icon-base-searchbg {
	}
.icon-base-search {
	width:16px;
	height:16px;
	background-position:-160px -48px
}
.icon-base-loadmore {
	width:60px;
	height:20px;
	background-position:-50px -80px
}
.icon-base-play {
	width:50px;
	height:50px;
	background-position:0 -140px
}
.icon-base-dancer {
	width:55px;
	height:22px;
	background-position:-243px 0;
	position:absolute;
	left:-5px;
	top:8px
}
.icon-base-live {
	}
.icon-base-offline {
	width:50px;
	height:20px;
	background-position:0 -80px
}
.icon-base-weekstar {
	width:50px;
	height:50px;
	background-position:-100px -140px
}
.icon-base-newstar {
	width:50px;
	height:50px;
	background-position:-200px -140px
}
.icon-base-miracle {
	background:0 0
}
.icon-base-feather {
	width:50px;
	height:50px;
	background-position:-150px -140px
}
.icon-base-top {
	width:50px;
	height:50px;
	background-position:-250px -140px
}
.icon-base-disable {
	width:24px;
	height:24px;
	background-position:-240px -238px
}
.icon-base-set {
	width:24px;
	height:24px;
	background-position:-264px -238px
}
.icon-base-close {
	width:24px;
	height:24px;
	background-position:-144px -238px
}
.icon-base-view {
	width:24px;
	height:24px;
	background-position:-312px -262px
}
.icon-base-view:hover {
	background-position:-264px -214px
}
.icon-back-top {
	width:50px;
	height:31px;
	background-position:-197px -262px;
	-webkit-transition:all .1s ease-out;
	transition:all .1s ease-out
}
.icon-back-top:hover {
	background-position:-197px -293px
}
.icon-base-rank-1,.icon-base-rank-2,.icon-base-rank-3 {
	width:65px;
	height:87px;
	background-position:0 -262px
}
.icon-base-rank-2 {
	background-position:-65px -262px
}
.icon-base-rank-3 {
	background-position:-130px -262px
}
.icon-base-gongshang {
	width:20px;
	height:20px;
	background-image:url(../../images/home/common/gs-5835d1.png)!important;
	vertical-align:top;
	display:inline-block
}
.icon-family-user {
	width:16px;
	height:16px;
	background-position:-304px -48px
}
.icon-family-user-white {
	width:16px;
	height:16px;
	background-position:-304px -64px
}
.icon-family-star {
	width:16px;
	height:16px;
	background-position:-288px -48px
}
.icon-family-star-white {
	width:16px;
	height:16px;
	background-position:-288px -64px
}
.icon-family-time {
	width:16px;
	height:16px;
	background-position:-272px -64px
}
.icon-base-prev {
	width:12px;
	height:18px;
	background-position:-151px -30px
}
.icon-base-next {
	width:12px;
	height:18px;
	background-position:-127px -30px
}
.page-link:hover .icon-base-prev {
	background-position:-163px -30px
}
.page-link:hover .icon-base-next {
	background-position:-139px -30px
}
.current.active.prev .icon-base-prev {
	background-position:-187px -30px
}
.current.active.next .icon-base-next {
	background-position:-175px -30px
}
.form-control-checkbox {
	cursor:pointer
}
.icon-checkbox {
	width:14px;
	height:14px;
	border:solid 1px #999;
	background-position:-1000px -1000px;
	cursor:pointer
}
.icon-checkbox-on {
	background-position:-225px -65px
}
.beian {
	display:inline-block;
	width:20px;
	height:20px;
	background-image:url(../../images/home/common/beian-7b189f.png)
}
#shade,#mainShade {
	width:100%;
	height:100%;
	background:#000;
	left:0;
	top:0;
	position:fixed;
	z-index:9999
}
#mainShade {
	left:331px;
	top:40px;
	z-index:2
}
.dialog {
	color:#999;
	position:fixed;
	z-index:10000;
	top:50%;
	left:50%
}
.dialog .prompt {
	display:block;
	padding:10px;
	color:#333;
	font-size:16px;
	border:2px solid #d3da6d;
	border:2px solid rgba(211,218,109,.4);
	border-radius:4px;
	background:#f9ffa1;
	background:rgba(249,255,161,.7)
}
.table {
	width:100%;
	text-align:center;
	line-height:40px;
	border:1px solid #DDD;
	clear:both
}
.table th {
	background:#EFEFEF;
	color:#666;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD
}
.table td {
	border-right:1px solid #DDD
}
.table .even {
	background:#F6F6F6
}
.table a:hover {
	text-decoration:underline
}
.table .richLV {
	vertical-align:middle
}
.common-box {
	position:absolute;
	width:300px;
	padding:2px;
	background-color:#FFF;
	border-radius:2px;
	color:#333;
	-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);
	box-shadow:0 0 5px rgba(0,0,0,.4);
	border:solid 1px #ddd\0;
	*border:solid 1px #ddd
}
:root .common-box {
	border:0\9
}
.common-box .arrow {
	position:absolute;
	width:15px;
	height:8px;
	background:url(../../images/home/common/arrow-376803.png) no-repeat
}
.common-box .arrow-up {
	left:43%;
	top:-8px;
	background-position:0 -5px
}
.common-box .arrow-down {
	bottom:-7px;
	left:80px;
	background-position:-20px -5px
}
.common-box .arrow-left {
	left:-10px;
	top:48%;
	width:10px;
	height:16px;
	background-position:-41px 0
}
.bg-red {
	background:#F33
}
.bg-ef {
	background:#EFEFEF
}
.commonTitle {
	float:left;
	width:100%;
	position:relative
}
.commonTitle .text {
	float:left;
	line-height:33px;
	font-size:14px
}
.commonTitle span {
	float:left
}
.vipIcon,.svipIcon,.tvipIcon,.nvipIcon {
	display:inline-block;
	width:36px;
	height:18px;
	background:url(../../images/home/common/vip-317913.gif) no-repeat 0 0
}
.nvipIcon {
	background-image:url(../../images/home/common/nvip-907ca4.png)
}
.svipIcon {
	background-image:url(../../images/home/common/svip-b4e80b.gif)
}
.tvipIcon {
	width:48px;
	background-image:url(../../images/home/common/tvip-0273a8.png)
}
.familyIcon,.familyFirstIcon {
	font-family:"宋体";
	display:inline-block;
	font-size:12px;
	width:42px;
	height:18px;
	line-height:18px;
	text-align:center;
	background:url(../../images/home/common/icon-index-ac37e1.png) no-repeat -60px -586px;
	color:#FFF!important;
	text-shadow:none
}
.familyFirstIcon {
	background-position:-104px -586px;
	color:#cb1227!important
}
#mask {
	display:none;
	_position:absolute;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
	background:#000;
	zoom:1;
	filter:alpha(opacity=50);
	-khtml-opacity:.5;
	-moz-opacity:.5;
	opacity:.5
}
#mask.solid-mask {
	filter:alpha(opacity=100);
	-khtml-opacity:1;
	-moz-opacity:1;
	opacity:1
}
.nano .pane {
	width:7px;
	background:#FFF
}
.nano .slider {
	background:#B2B2B2
}
.nano .pane:hover {
	background:#EEE
}
.nano .pane:hover .slider {
	background:#949494
}
.nano .content {
	right:-17px!important
}
.medal-sign30 {
	background:url../../images/home/common/sign_30-cfbbde.png) no-repeat;
	width:30px;
	height:30px
}
.medal-sign64 {
	background:url../../images/home/common/sign_64-c323ee.png) no-repeat;
	width:64px;
	height:64px
}
.medal-sign-gray64 {
	background:url../../images/home/common/sign_gray_64-6237c4.png) no-repeat;
	width:64px;
	height:64px
}
.medal-feather30 {
	background:url../../images/home/common/feather_30-dd40d8.png) no-repeat;
	width:30px;
	height:30px
}
.medal-feather64 {
	background:url../../images/home/common/feather_64-eac310.png) no-repeat;
	width:64px;
	height:64px
}
.medal-feather-gray64 {
	background:url../../images/home/common/feather_gray_64-6b21cc.png) no-repeat;
	width:64px;
	height:64px
}
.iden-icon {
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../../images/home/common/identity-icon-fa74f8.png) no-repeat 0 0
}
.icon-admin {
	background-position:0 -2px
}
.icon-star {
	background-position:-25px 0
}
.icon-star-other {
	background-position:-50px 0
}
.icon-phone {
	background-position:-75px 0
}
.icon-king {
	background-position:-100px 0
}
.icon-number {
	background-position:0 -25px
}
.icon-number-circle {
	background-position:-50px -75px
}
.icon-guard-normal {
	background-position:-25px -25px
}
.icon-guard-cham {
	background-position:-50px -25px
}
.icon-vip {
	background-position:-75px -25px
}
.icon-vip-gray {
	background-position:-100px -50px
}
.icon-vip-test {
	background-position:-100px -25px
}
.icon-vip-purple {
	background-position:0 -50px
}
.icon-operate {
	background-position:-25px -50px
}
.icon-proxy {
	background-position:-50px -50px
}
.icon-service {
	background-position:-75px -50px
}
.icon-rich {
	background-position:0 -77px;
	width:30px
}
.user-mm-no {
	position:relative;
	display:inline-block;
	height:14px;
	line-height:14px;
	padding:0 18px 0 3px;
	color:#F39C12;
	border:1px solid #F39C12;
	font-size:12px
}
.user-mm-no i {
	position:absolute;
	right:0;
	top:0
}
.ui-pager {
	text-align:center;
	padding:10px 0;
	height:30px;
	background-color:#f8f8f8;
}
.ui-pager li{
	
	display:inline;
background-color:#f8f8f8;
}
.ui-pager a {
	display:inline;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:16px;
	border:solid 1px #ffc107;
	color:#f8f8f8;
	margin:0 5px;
	border-radius:16px
}
.ui-pager a:hover,.ui-pager span.active {
	background-color:#ffc107;
	color:#FFF
}
.ui-pager span.current {
	background-color:#f8f8f8;
	color:#fff;
	border:solid 1px #ffc107
}
.ui-pager span.active.prev,.ui-pager span.active.next {
	display:none;
	border:solid 1px #ccc
}
.ui-pager .current.active.prev,.ui-pager .current.active.next {
	border-color:#ccc;
	background-color:#f8f8f8
}
.ui-pager .prev .icon-base,.ui-pager .next .icon-base {
	margin-top:6px;
	vertical-align:top
}
.expression-btn {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../../images/home/common/expression-btn.png) no-repeat 0 0
}
.expression-btn:hover {
	background-position:0 -16px
}
.expression-btn:active {
	background-position:0 -32px
}
.expression-btn-lg {
	display:inline-block;
	width:24px;
	height:24px;
	background:url(../../images/home/common/expression-btn.png) no-repeat -16px 0
}
.expression-btn-lg:hover {
	background-position:-16px -24px
}
.expression-btn-lg:active {
	background-position:-16px -48px
}
.expression-box {
	display:none;
	width:360px;
	bottom:47px;
	padding:0;
	text-align:left
}
.expression-box .nano {
	height:210px
}
.expression-box ul li {
	float:left;
	height:28px;
	width:28px;
	border:solid 1px #fff;
	cursor:pointer;
	text-align:center
}
.expression-box ul li img {
	max-height:28px;
	max-width:28px;
	vertical-align:middle
}
.expression-box ul li:hover {
	border-color:#ffc107
}
.expression-box .nano {
	display:none
}
.expression-box .exp-common {
	display:block
}
.expression-box .exp-level li,.expression-box .exp-svip li,.expression-box .exp-meme li {
	width:38px;
	height:38px
}
.expression-box .exp-level li img,.expression-box .exp-meme li img,.expression-box .exp-svip li img {
	max-height:38px;
	max-width:38px
}
.expression-box .exp-tab {
	height:40px;
	background-color:#DEDEDE
}
.expression-box .exp-tab span {
	float:left;
	display:block;
	width:50px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer
}
.expression-box .exp-tab span.active,.expression-box .exp-tab span:hover {
	background-color:#FFF
}
.icon-expression-base {
	display:inline-block;
	vertical-align:middle;
	background:url(../../images/home/common/icon-expression-btn.png) 0 0 no-repeat;
	width:42px;
	height:28px
}
.icon-expression-common {
	background-position:0 0;
	width:27px
}
.icon-expression-meme {
	background-position:-42px 0
}
.icon-expression-level {
	background-position:-84px 0
}
.icon-expression-svip {
	background-position:-126px 0
}
.example {
	color:#bfd84d;
	color:#ffc107;
	color:#999
}
html {
	color:#666;
	background:#fff;
	font:12px/1.5 'Microsoft YaHei UI','Microsoft YaHei','Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif
}
body {
	position:relative
}
a {
	text-decoration:none;
	outline:0;
	cursor:pointer;
	color:#666;
	-moz-transition:.15s ease-out;
	-o-transition:.15s ease-out;
	-webkit-transition:.15s ease-out;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transition:.15s ease-out;
	transition:.15s ease-out;
	-webkit-transition-property:border-color,border-width,background-color,color,font-size,width,height,line-height,opacity,text-shadow;
	transition-property:border-color,border-width,background-color,color,font-size,width,height,line-height,opacity,text-shadow
}
.update-prompt-box {
	position:relative;
	border-radius:10px;
	background:#fff;
	text-align:center;
	width:348px;
	color:#000;
	font-size:14px
}
.update-prompt-box i {
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:24px;
	height:24px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	font-style:normal;
	background-repeat:no-repeat
}
.update-prompt-box h3 {
	padding:10px 0 20px;
	text-align:center
}
.update-prompt-box p {
	padding:0 20px;
	text-align:center;
	line-height:1.5;
	font-size:14px;
	margin-bottom:30px
}
.update-prompt-box a {
	display:inline-block;
	height:34px;
	width:100px;
	border-radius:10px;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	background:#fff;
	border:1px solid #444;
	margin-bottom:30px;
	color:#000
}
a:active,a:hover,:focus {
	outline:0;
	text-decoration:none
}
.main,.body {
	min-height:400px
}
#page {
	min-width:1200px;
	background-color:#f2f2f2
}
.container {
	position:relative;
	width:1200px;
	margin:0 auto
}
.body {
	border:solid 1px #e6e6e6;
	border-radius:4px;
	background-color:#fff;
	margin:20px -1px
}
.body-hd {
	height:30px;
	line-height:30px;
	border-bottom:solid 1px #e6e6e6;
	color:#666;
	font-size:14px;
	text-indent:20px
}
.body-hd a {
	color:#666
}
.body-hd a:hover {
	color:#ffc107
}
.bw-sm {
	}
.bw-md {
	}
.bw-lg {
	}
.text-hidden {
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap
}
.text-overflow {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	vertical-align:middle;
	display:inline-block
}
.text-break {
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	-ms-word-break:break-all;
	word-break:break-all;
	vertical-align:middle
}
.text-left {
	text-align:left
}
.text-center {
	text-align:center
}
.text-right {
	text-align:right
}
.fl {
	float:left
}
.fr {
	float:right
}
.hide {
	display:none
}
.hidden {
	display:none!important
}
.block {
	display:block!important
}
.inline-block {
	display:inline-block!important
}
.scripts {
	display:none
}
.block-img {
	text-align:center
}
.block-img img {
	max-width:100%;
	vertical-align:top
}
.nano .content:focus {
	outline:0
}
.articleText {
	min-height:670px;
	height:100%;
	padding:10px;
	background-color:#FFF
}
.articleText .tit {
	font-size:32px;
	padding:30px 0;
	text-align:center;
	color:#666
}
.articleText>p {
	font-size:14px;
	padding:5px 0
}
.shadow {
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);
	box-shadow:0 0 10px rgba(0,0,0,.2);
	border:solid 1px #DDD;
	border:solid 1px rgba(0,0,0,0);
	background-color:#FFF
}
.progress-group {
	clear:both;
	padding:6px 0 6px 15px;
	line-height:20px;
	height:20px;
	margin:0
}
.progress-group span {
	float:left
}
.progress-group-name {
	width:40px
}
.progress-bar {
	float:left;
	display:inline-block;
	position:relative;
	margin-top:4px;
	height:12px;
	background-color:#ccc;
	line-height:12px;
	vertical-align:middle;
	width:140px;
	border-radius:6px;
	overflow:hidden
}
.progress-bar-val {
	background-color:#7ed321;
	float:left;
	border-radius:6px;
	height:12px;
	-webkit-animation:1s ease-out backwards widen;
	animation:1s ease-out backwards widen
}
@-webkit-keyframes widen {
	0% {
	width:0
}
}@keyframes widen {
	0% {
	width:0
}
}.progress-bar-text {
	position:absolute;
	width:100%;
	left:0;
	right:0;
	color:#FFF;
	text-align:center
}
.progress-group .starLV,.progress-group .richLV {
	float:left;
	display:inline;
	margin-top:1px
}
.progress-group .starLV {
	width:58px
}
.ui-uploader {
	height:360px;
	font-size:14px
}
.ui-uploader-left {
	float:left;
	width:350px;
	overflow:hidden;
	padding:5px;
	border:solid 1px #DDD;
	height:350px
}
.ui-uploader-right {
	float:left;
	width:230px;
	padding-left:20px
}
.ui-uploader-pic {
	max-height:100%
}
.ui-uploader-preview {
	border:solid 1px #DDD;
	padding:5px;
	display:inline-block
}
.ui-uploader-preview-bg {
	width:200px;
	height:100px;
	overflow:hidden
}
.ui-uploader-preview img {
	width:100%
}
.ui-uploader-right p {
	padding:10px 0
}
.ui-uploader-right .uploadify-button {
	padding:0;
	text-align:center;
	width:100px;
	height:28px!important;
	line-height:28px!important;
	border-radius:15px
}
.ui-uploader-right .uploadify:hover .uploadify-button {
	background-color:#FA5C5C;
	color:#fff!important
}
@media (max-width:767px) {
	.user-popup {
	width:300px
}
}.page-mobile {
	font-size:14px;
	line-height:1.5
}
.page-mobile .fixedbar {
	display:none
}
.page-mobile .container {
	width:100%;
	max-width:720px;
	padding:0
}
.page-mobile #page {
	max-width:640px;
	min-width:320px;
	width:100%!important;
	margin:0 auto
}
.page-mobile .starLV {
	-webkit-background-size:contain;
	background-size:contain;
	width:14px;
	height:12px
}
.page-mobile .richLV {
	-webkit-background-size:contain;
	background-size:contain;
	width:28px;
	height:12px
}
.page-mobile .r_26,.page-mobile .r_27,.page-mobile .r_28,.page-mobile .r_29 {
	width:38px!important
}
.kie-bar {
	background-color:#FFFF9B;
	border:1px solid #fce4b5
}
.kie-bar .container {
	height:24px;
	line-height:1.8;
	font-weight:400;
	color:#e27839;
	position:relative;
	font-size:12px;
	padding:5px 0 2px
}
.kie-bar a {
	text-decoration:none;
	color:#08c
}
.kie-bar a:hover {
	text-decoration:underline;
	color:#666
}
.guide-mask {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#000;
	zoom:1;
	filter:alpha(opacity=20);
	-khtml-opacity:.2;
	-moz-opacity:.2;
	opacity:.2
}
.guide-block {
	background-color:#ff3d66;
	position:absolute;
	filter:alpha(opacity=30);
	-khtml-opacity:.3;
	-moz-opacity:.3;
	opacity:.3;
	z-index:1003
}
.guide-block-first {
	width:60px;
	height:310px;
	position:fixed;
	right:0;
	top:0
}
.guide-block-second {
	width:180px;
	height:180px;
	position:absolute;
	left:20px;
	top:20px
}
.guide-block-third {
	width:180px;
	height:50px;
	position:absolute;
	right:0;
	top:-50px
}
.guide-block-follow {
	width:120px;
	height:30px;
	position:absolute;
	right:-10px;
	top:0
}
.guide-block-gift {
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0
}
.guide-block-gift-action {
	position:absolute;
	width:480px;
	height:40px;
	left:0;
	top:0
}
.guide-block-chat {
	position:absolute;
	right:0;
	top:0;
	left:0;
	bottom:0
}
.guide-block-download {
	width:60px;
	height:63px;
	position:fixed;
	right:0;
	top:492px
}
.icon-guide {
	display:inline-block;
	background:url../../images/home/common/guide-15be94.png) 0 0 no-repeat
}
.guide-box {
	position:absolute;
	z-index:1004
}
.guide-box-first {
	cursor:pointer;
	position:fixed;
	top:180px;
	right:70px;
	background-position:0 -80px;
	width:300px;
	height:100px
}
.guide-box-second {
	cursor:pointer;
	position:absolute;
	left:200px;
	top:80px;
	background-position:0 -180px;
	width:300px;
	height:96px
}
.guide-box-third {
	cursor:pointer;
	top:5px;
	right:160px;
	background-position:0 0;
	width:300px;
	height:80px
}
.guide-box-follow {
	position:absolute;
	right:120px;
	top:35px;
	background-position:0 -276px;
	width:184px;
	height:57px
}
.guide-box-gift {
	position:absolute;
	top:-110px;
	left:145px;
	background-position:0 -333px;
	width:189px;
	height:95px
}
.guide-box-download {
	position:fixed;
	right:65px;
	top:421px;
	background-position:0 -428px;
	width:214px;
	height:80px
}
.guide-box-chat {
	position:absolute;
	top:-100px;
	left:0;
	background-position:0 -508px;
	width:190px;
	height:96px
}
.index-guide {
	position:fixed;
	z-index:1001;
	background:url../../images/home/common/guide-tip-63e652.png);
	width:505px;
	height:323px;
	top:50%;
	left:50%;
	margin:-180px 0 0 -250px
}
.index-guide-close {
	position:absolute;
	right:5px;
	top:30px;
	background-position:0 -643px;
	width:25px;
	height:25px
}
.index-guide-close:hover {
	background-position:-25px -643px
}
.index-guide-login {
	padding:190px 0 0 360px
}
.index-guide-login a {
	color:#ffe12e;
	font-size:14px
}
.index-guide-login a:hover {
	text-decoration:underline
}
.index-guide-view {
	padding:30px 0 0 210px
}
.index-guide-view a {
	background-position:0 -604px;
	width:130px;
	height:38px
}
.index-guide-view a:hover {
	background-position:-130px -604px
}
.btn-default,.btn-primary,.btn-disable,.btn-success,.btn-info,.btn-warn,.btn {
	display:inline-block;
	color:#FFF;
	font-size:14px;
	line-height:24px;
	height:24px;
	border-radius:13px;
	padding:0 18px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	border:solid 1px #ddd;
	white-space:nowrap
}
input.btn {
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
.btn i {
	font-style:normal
}
.btn-default:hover,.btn-primary:hover,.btn-success:hover,.btn-disable:hover,.btn-info:hover,.btn-warn:hover,.btn:hover {
	color:#FFF!important;
	text-decoration:none!important
}
.btn-lg {
	font-size:16px;
	line-height:30px;
	height:30px;
	padding:0 24px;
	border-radius:16px
}
.btn-sm {
	font-size:12px;
	line-height:18px;
	height:18px;
	padding:0 12px;
	border-radius:10px
}
.btn-w5 {
	word-spacing:5px;
	text-indent:-5px;
	padding:0 13px 0 18px;
	*padding-right:18px
}
.btn-lg.btn-w5 {
	word-spacing:5px;
	padding:0 19px 0 24px;
	*padding-right:24px
}
.btn-sm.btn-w5 {
	word-spacing:5px;
	padding:0 7px 0 12px;
	*padding-right:12px
}
.btn-w8 {
	word-spacing:8px;
	text-indent:-8px;
	padding:0 10px 0 18px;
	*padding-right:18px
}
.btn-lg.btn-w8 {
	word-spacing:8px;
	padding:0 16px 0 24px;
	*padding-right:24px
}
.btn-sm.btn-w8 {
	word-spacing:8px;
	padding:0 4px 0 12px;
	*padding-right:12px
}
.btn-square {
	border-radius:0
}
.btn-default {
	border-color:#ccc;
	color:#ccc!important
}
.btn-default:hover {
	border-color:#999;
	background-color:#999
}
.btn-default:active {
	border-color:#858484;
	background-color:#858484
}
.btn-primary {
	border-color:#ffc107;
	color:#ffc107!important
}
.btn-primary:hover {
	border-color:#f90;
	background-color:#f90
}
.btn-primary:active {
	border-color:#e28a06;
	background-color:#e28a06
}
.btn-info {
	border-color:#ffe65e;
	color:#ffe65e!important
}
.btn-info:hover {
	border-color:#ffc107;
	background-color:#ffc107
}
.btn-info:active {
	border-color:#e8af05;
	background-color:#e8af05
}
.btn-warn {
	border-color:#ff6242;
	color:#ff6242!important
}
.btn-warn:hover {
	border-color:#f62424;
	background-color:#f62424
}
.btn-warn:active {
	border-color:#d63e3e;
	background-color:#d63e3e
}
.btn-success {
	border-color:#7ED321;
	color:#7ED321!important
}
.btn-success:hover {
	border-color:#7ED321;
	background-color:#7ED321
}
.btn-success:active {
	border-color:#6bbc22;
	background-color:#6bbc22
}
.btn-disable {
	border-color:#ccc;
	color:#c2c2c2!important;
	background-color:#ebebeb;
	cursor:not-allowed
}
.btn-disable:hover {
	border-color:#ccc;
	background-color:#ebebeb;
	color:#c2c2c2!important
}
.btn-disable:active {
	}
.text-center {
	text-align:center!important
}
.text-info {
	color:#999!important
}
.text-warn {
	}
.text-success {
	color:#bfd84d!important
}
.text-danger {
	color:#ff4a4a!important
}
.text-primary {
	color:#FFC107!important
}
.textbox {
	border:solid 1px #e6eff5;
	background-color:#fcfcfa;
	padding:2px 5px;
	height:18px
}
.btn-yellow {
	background-position:right -90px;
	padding-right:12px;
	height:30px;
	line-height:30px;
	color:#ffc107;
	text-align:center;
	font-size:16px
}
.btn-yellow icon-base {
	padding:0 10px 0 22px;
	background-position:-239px -30px;
	vertical-align:top;
	background-color:#fff
}
.btn-yellow:hover {
	background-position:right -60px;
	color:#fff
}
.btn-yellow:hover icon-base {
	background-position:-239px 0
}
button,input,textarea {
	border:0;
	font-family:inherit;
	font-size:100%;
	background:0 0;
	vertical-align:middle
}
.form-input,.commonInput {
	height:16px;
	padding:4px;
	line-height:16px\9;
	vertical-align:middle;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	background:#FFF;
	border:1px solid #EBEBEB;
	border-radius:2px;
	resize:none
}
select.commonInput,select.form-input {
	*font-family:Trebuchet MS;
	*height:24px
}
textarea.form-input {
	height:auto;
	width:auto
}
.form-input:hover {
	border-color:#FC3
}
.form-input:focus,.commonInput:focus {
	border-color:#FC3;
	outline:0
}
.placeholder {
	color:#ccc!important
}
::-webkit-input-placeholder {
	color:#ccc!important
}
:-moz-placeholder {
	color:#ccc!important
}
::-moz-placeholder {
	color:#ccc!important
}
:-ms-input-placeholder {
	color:#ccc!important
}
.icon-base-pic-cover {
	width:40px;
	height:40px;
	background-position:-172px 0
}
.icon-fixed-coin {
	width:24px;
	height:24px;
	background-position:0 -190px
}
.icon-fixed-coin-green {
	width:24px;
	height:24px;
	background-position:0 -214px
}
a:hover .icon-fixed-coin,.on .icon-fixed-coin,.icon-fixed-coin-white {
	width:24px;
	height:24px;
	background-position:0 -238px
}
.icon-fixed-hd-coin {
	width:24px;
	height:24px;
	background-position:0 -238px
}
.icon-fixed-friend {
	width:24px;
	height:24px;
	background-position:-48px -190px
}
.icon-fixed-friend-green {
	width:24px;
	height:24px;
	background-position:-48px -214px
}
a:hover .icon-fixed-friend,.on .icon-fixed-friend,.icon-fixed-friend-white {
	width:24px;
	height:24px;
	background-position:-48px -238px
}
.icon-fixed-recommend {
	width:24px;
	height:24px;
	background-position:-96px -190px
}
.icon-fixed-recommend-green {
	width:24px;
	height:24px;
	background-position:-96px -214px
}
a:hover .icon-fixed-recommend,.on .icon-fixed-recommend,.icon-fixed-recommend-white {
	width:24px;
	height:24px;
	background-position:-96px -238px
}
.icon-fixed-history {
	width:24px;
	height:24px;
	background-position:-24px -190px
}
.icon-fixed-history-green {
	width:24px;
	height:24px;
	background-position:-24px -214px
}
a:hover .icon-fixed-history,.on .icon-fixed-history,.icon-fixed-history-white {
	width:24px;
	height:24px;
	background-position:-24px -238px
}
.icon-fixed-follow {
	width:24px;
	height:24px;
	background-position:-72px -190px
}
.icon-fixed-follow-green {
	width:24px;
	height:24px;
	background-position:-72px -214px
}
a:hover .icon-fixed-follow,.on .icon-fixed-follow,.icon-fixed-follow-white {
	width:24px;
	height:24px;
	background-position:-72px -238px
}
.icon-fixed-qq {
	width:24px;
	height:24px;
	background-position:-120px -190px
}
.icon-fixed-qq-green {
	width:24px;
	height:24px;
	background-position:-120px -214px
}
a:hover .icon-fixed-qq,.on .icon-fixed-qq,.icon-fixed-qq-white {
	width:24px;
	height:24px;
	background-position:-120px -238px
}
.icon-fixed-code {
	width:27px;
	height:27px;
	background-position:-250px -262px
}
.icon-fixed-code-green {
	width:27px;
	height:27px;
	background-position:-250px -262px
}
a:hover .icon-fixed-code,.on .icon-fixed-code,.icon-fixed-code-white {
	width:27px;
	height:27px;
	background-position:-280px -262px
}
.icon-fixed-tool {
	width:24px;
	height:24px;
	background-position:-312px -190px
}
.icon-fixed-tool-green {
	width:24px;
	height:24px;
	background-position:-312px -214px
}
a:hover .icon-fixed-tool,.on .icon-fixed-tool,.icon-fixed-tool-white {
	width:24px;
	height:24px;
	background-position:-312px -238px
}
.icon-fixed-coin-yellow {
	width:24px;
	height:24px;
	background-position:-144px -190px
}
.icon-fixed-coin-yellow-s {
	width:16px;
	height:16px;
	background-position:-176px -64px
}
.icon-fixed-live {
	width:24px;
	height:24px;
	background-position:-216px -191px
}
.icon-fixed-qq-green-s {
	width:16px;
	height:16px;
	background-position:-192px -64px
}
.icon-fixed-msg-green-s {
	width:16px;
	height:16px;
	background-position:-208px -64px
}
.icon-base-status-on {
	width:16px;
	height:16px;
	background-position:-112px -64px
}
.icon-base-status-off {
	width:16px;
	height:16px;
	background-position:-128px -64px
}
.icon-base-logout {
	width:16px;
	height:16px;
	background-position:-144px -64px
}
.icon-base-editname {
	width:16px;
	height:16px;
	background-position:-160px -64px
}
.icon-base-sign {
	width:16px;
	height:16px;
	background-position:-240px -64px
}
.icon-my-center {
	width:24px;
	height:24px;
	background-position:-192px -190px
}
.icon-my-home {
	width:24px;
	height:24px;
	background-position:-192px -214px
}
.icon-my-family {
	width:24px;
	height:24px;
	background-position:-216px -214px
}
.icon-my-record {
	width:24px;
	height:24px;
	background-position:-168px -214px
}
.icon-base-broadcast {
	width:86px;
	height:30px;
	background-position:-128px 0
}
.icon-fixed-logo {
	width:200px;
	height:60px;
	background-position:0 -80px
}
.icon-fixed-logo-text {
	width:107px;
	height:33px;
	background-position:-250px -289px
}
.fixedbar {
	position:fixed;
	_position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:60px;
	background-color:#2d2d2d;
	z-index:501;
	min-height:490px;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-animation:.4s ease-out backwards ani-right;
	animation:.4s ease-out backwards ani-right
}
@-webkit-keyframes ani-right {
	0% {
	right:-60px
}
}@keyframes ani-right {
	0% {
	right:-60px
}
}.fixedbar-header {
	position:relative;
	display:block;
	width:40px;
	height:40px;
	margin:5px 0 0;
	padding:10px
}
.fixedbar-header img {
	position:absolute;
	top:10px;
	left:10px;
	vertical-align:top;
	width:40px;
	height:40px;
	border-radius:40px
}
.fixedbar-header .icon-base-pic-cover {
	position:absolute;
	top:10px;
	left:10px;
	display:none
}
.fixedbar-header:hover {
	background-color:#3b3b3b
}
.fixedbar-header.on {
	color:#b2b2b2;
	background-color:#Fff
}
.fixedbar-list {
	}
.fixedbar-list li {
	vertical-align:top
}
.fixedbar-list li a {
	display:block;
	color:#ccc;
	font-size:14px;
	text-align:center;
	padding:8px 0 4px;
	width:60px;
	position:relative
}
.fixedbar-list li a:hover {
	background-color:#3b3b3b;
	color:#fff
}
.fixedbar-list li a.on {
	color:#fff;
	background-color:#74b82a
}
.fixedbar-list li a.on:after {
	content:'';
	border-left:solid 8px #fff;
	border-top:solid 8px transparent;
	border-bottom:solid 8px transparent;
	border-right:0;
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:21px;
	overflow:hidden
}
.fixedbar-list li a span {
	display:block;
	text-align:center;
	line-height:24px
}
.fixedbar-list li .icon-base {
	}
.fixedbar-list li a.fixedbar-coin {
	color:#ffc107;
	text-align:center;
	font-size:12px;
	padding-top:6px
}
.fixedbar-list li a.fixedbar-coin span {
	line-height:14px
}
.fixedbar-list li a.fixedbar-coin.on {
	color:#ffe65e
}
.fixedbar-list .menu-fixed {
	position:fixed;
	bottom:0
}
.fixedbar-coin strong {
	font-weight:400;
	font-family:arial,helvetica,verdana,tahoma,sans-serif;
	display:block
}
.fixedbar-coin span {
	display:block
}
.fixedbar-coin em {
	font-style:normal;
	display:inline-block;
	height:20px;
	line-height:20px;
	padding:0 5px;
	background-color:#e60018;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#e60018),to(#d10015));
	background-image:-webkit-linear-gradient(top,#e60018,#d10015);
	background-image:linear-gradient(to bottom,#e60018,#d10015)
}
.fixedbar-coin-signed em {
	background-color:#CBCBCB;
	color:#666;
	background-image:none
}
.on em {
	background:0 0;
	color:#ffe65e
}
.fixedbar-menu-code a {
	position:relative
}
.fixedbar-code {
	display:none!important;
	position:absolute;
	right:60px;
	bottom:0;
	padding:14px 0 0;
	width:142px;
	color:#666;
	background-color:#fff;
	text-align:center;
	-webkit-box-shadow:0 0 10px rgba(9,4,6,.2);
	box-shadow:0 0 10px rgba(9,4,6,.2)
}
.fixedbar-code-pic {
	display:inline-block;
	width:114px;
	height:114px;
	background:url../../images/home/common/download-224ca5.jpg) center 0 no-repeat #fff
}
.fixedbar-code-meme {
	background-position:0 0
}
.fixedbar-code-weixin {
	background-position:0 -114px
}
.fixedbar-code-title {
	display:block;
	padding-bottom:8px
}
.ani-code {
	-webkit-animation:.4s ease-out backwards ani-code;
	animation:.4s ease-out backwards ani-code
}
@-webkit-keyframes ani-code {
	0% {
	right:-140px
}
}@keyframes ani-code {
	0% {
	right:-140px
}
}.on .fixedbar-code {
	display:block!important
}
.fixedbar-status {
	position:relative;
	display:none
}
.fixedbar-status-current {
	display:block;
	height:16px;
	line-height:16px;
	text-align:center
}
.fixedbar-status-current .icon-base {
	vertical-align:top
}
.fixedbar-status-current:hover {
	background-color:#3b3b3b
}
.fixedbar-status-select {
	position:absolute;
	top:22px;
	left:0;
	width:60px;
	background-color:#fff;
	padding:2px 0;
	display:none;
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);
	box-shadow:0 1px 5px rgba(0,0,0,.5);
	border-radius:4px;
	z-index:2
}
.fixedbar-status-select .icon-base-status-arrow {
	position:absolute;
	top:-8px;
	left:50%;
	margin-left:-6px;
	width:12px;
	height:8px;
	background-position:-258px -52px
}
.fixedbar-status-select a {
	display:block;
	padding:2px 8px 2px 28px;
	text-align:center
}
.fixedbar-status-select a:hover {
	background-color:#ddd
}
.fixedbar-status-select a .icon-base {
	float:left;
	_display:inline;
	margin-left:-20px;
	margin-top:1px
}
.fixedbar-logined {
	}
.fixedbar-logined .fixedbar-header {
	}
.fixedbar-logined .fixedbar-coin,.fixedbar-logined .fixedbar-status {
	display:block
}
.fixedbar-broadcast {
	position:fixed;
	bottom:0;
	right:0;
	z-index:3
}
.fixedbar-broadcast-btn {
	display:inline-block;
	width:86px;
	height:30px
}
.fixedbar-dialog {
	position:fixed;
	_position:absolute;
	top:0;
	right:-270px;
	bottom:0;
	width:260px;
	background-color:#fff;
	z-index:500;
	-webkit-box-shadow:0 0 10px rgba(9,4,6,.2);
	box-shadow:0 0 10px rgba(9,4,6,.2);
	border:solid 1px #DDD\0;
	*border:solid 1px #ebebeb
}
:root .fixedbar-dialog {
	border:0\9
}
.fixedbar-dialog a {
	color:#666
}
.fixedbar-dialog-item {
	display:none
}
.fixedbar-dialog-hd {
	border-bottom:solid 2px #ebebeb;
	margin-left:10px
}
.fixedbar-dialog-hd h2 {
	position:relative;
	height:20px;
	line-height:20px;
	padding:10px;
	font-size:18px;
	color:#7ed321;
	border-bottom:solid 2px #7ed321;
	margin-bottom:-2px;
	display:inline-block
}
.fixedbar-dialog-hd span {
	}
.fixedbar-dialog-hd span .icon-base {
	display:none
}
.fixedbar-dialog-bd {
	padding:10px 0
}
.fixedbar-dialog-bd h3 {
	height:20px;
	line-height:20px;
	font-size:14px;
	padding:4px 0
}
.fixedbar-dialog-cnt {
	position:absolute;
	overflow:scroll;
	overflow-x:hidden;
	top:0;
	right:-17px;
	bottom:0;
	left:0
}
.fixedbar-dialog-cnt:focus {
	outline:0
}
.fixedbar-dialog-cnt::-webkit-scrollbar {
	visibility:hidden
}
.has-scrollbar .fixedbar-dialog-cnt::-webkit-scrollbar {
	visibility:visible
}
.fixedbar-dialog-pane {
	background:rgba(183,183,183,.2);
	position:absolute;
	width:10px;
	right:0;
	top:0;
	bottom:0;
	visibility:hidden\9;
	opacity:.01;
	-webkit-transition:.2s;
	transition:.2s;
	border-radius:5px
}
.fixedbar-dialog-slider {
	background:#545454;
	background:rgba(100,100,100,.5);
	position:relative;
	margin:0 1px;
	border-radius:3px
}
.fixedbar-dialog:hover .fixedbar-dialog-pane,.fixedbar-dialog.active,.fixedbar-dialog.flashed {
	visibility:visible\9;
	opacity:.99
}
.dialog-has-hd {
	padding-top:44px
}
.dialog-has-hd .fixedbar-dialog-hd {
	display:block
}
.dialog-has-hd .fixedbar-dialog-bd {
	}
.dialog-has-hd .fixedbar-dialog-pane {
	top:44px
}
.fixedbar-dialog-item .fixedbar-dialog-hd {
	}
.dialog-has-hd .fixedbar-dialog-cnt {
	top:44px
}
.fixedbar-dialog-loading {
	font-size:14px;
	padding:50px 0;
	text-align:center;
	color:#999
}
.fixedbar-tab-hd {
	border-bottom:solid 2px #ebebeb;
	margin-left:10px;
	height:40px
}
.fixedbar-tab-hd a {
	float:left;
	height:20px;
	line-height:20px;
	padding:10px;
	font-size:18px;
	color:#666;
	margin-bottom:-2px
}




.fixedbar-tab-hd-2 a {
	}
.fixedbar-tab-hd-3 a {
	}
.fixedbar-tab-hd a:hover {
	color:#7ed321
}
.fixedbar-tab-hd a.on {
	color:#7ed321;
	border-bottom:solid 2px #7ed321;
	margin-bottom:-2px
}
.fixedbar-login {
	text-align:center;
	padding-top:24px
}
.fixedbar-login p {
	font-size:14px;
	color:#999;
	padding:0 0 30px;
	margin:0 20px
}
.fixedbar-login .fixedbar-login-logo {
	border-bottom:solid 1px #ebebeb;
	padding-bottom:60px
}
.fixedbar-login .fixedbar-login-pic {
	margin-top:-50px;
	padding-bottom:0
}
.fixedbar-login-pic img {
	height:80px;
	width:80px;
	border-radius:50%;
	vertical-align:top;
	border:solid 10px #fff
}
.fixedbar-login h3 {
	font-size:16px;
	color:#666
}
.fixedbar-login .btn {
	width:100px
}
.fixedbar-ucenter {
	padding-bottom:10px
}
.ucenter-logout {
	height:20px;
	line-height:20px;
	padding:25px 10px 0;
	text-align:center
}
.ucenter-logout a {
	display:inline-block;
	padding-left:20px;
	color:#ccc;
	font-size:14px
}
.ucenter-logout a:hover {
	color:#FA5C5C
}
.ucenter-logout a .icon-base {
	float:left;
	margin-left:-20px;
	margin-top:2px
}
.ucenter-logout a:hover .icon-base {
	background-position:-64px -64px
}
.ucenter-info {
	text-align:center;
	position:relative;
	padding-top:30px
}
.ucenter-info-pic {
	padding-bottom:8px
}
.ucenter-info-pic img {
	height:80px;
	width:80px;
	border-radius:80px;
	vertical-align:top
}
.ucenter-info p {
	padding:1px 0;
	color:#999
}
.ucenter-info-nickname {
	}
.ucenter-info-nickname span {
	max-width:120px;
	font-size:14px;
	color:#666
}
.ucenter-info-nickname a {
	display:inline-block;
	vertical-align:middle
}
.ucenter-info-nickname a .icon-base {
	vertical-align:top
}
.ucenter-info-finance {
	font-size:14px
}
.ucenter-info-pay {
	padding:2px 0!important
}
.ucenter-info-pay a {
	background-color:#F90;
	color:#fff!important;
	border-color:#f90
}
.ucenter-info-pay a:hover {
	background-color:#f70;
	border-color:#f70
}
.ucenter-info-dialog {
	position:absolute;
	top:83px;
	left:50%;
	margin-left:-120px;
	width:240px;
	-webkit-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px #ccc;
	background-color:#fff;
	font-size:14px;
	text-align:left;
	z-index:10;
	display:none
}
.info-edit-item {
	padding:5px 0 5px 80px
}
.info-edit-item strong {
	font-weight:400;
	float:left;
	margin-left:-70px
}
.info-edit-item .text-overflow {
	max-width:100px
}
.info-edit-item a {
	color:#bfd84d;
	display:inline-block;
	vertical-align:middle
}
#j_txt_nick_name {
	height:20px;
	vertical-align:top;
	line-height:20px\9;
	border:0 0;
	width:120px;
	font-size:12px;
	border-radius:10px;
	border:solid 1px #ffc107;
	-webkit-box-shadow:0 0 1px rgba(255,193,7,.44);
	box-shadow:0 0 1px rgba(255,193,7,.44);
	padding:0 10px
}
.info-edit-item input:focus {
	outline:0
}
.ucenter-progress {
	padding:5px 0
}
.ucenter-progress .progress-bar {
	width:124px
}
.ucenter-nav {
	}
.ucenter-nav ul {
	margin:10px;
	overflow:hidden;
	border-bottom:solid 1px #ebebeb;
	color:#999
}
.ucenter-nav li {
	float:left;
	width:120px;
	border:solid 1px #ebebeb;
	border-left:0;
	margin:0 -1px -1px 0
}
.ucenter-nav li a {
	height:24px;
	line-height:24px;
	padding:8px 10px 8px 40px;
	display:block
}
.ucenter-nav li a:hover {
	background-color:#f2f2f2
}
.ucenter-nav li a .icon-base {
	float:left;
	margin-left:-30px
}
.ucenter-star,.ucenter-leader {
	padding:0 0 0 20px
}
.ucenter-star {
	padding-top:40px
}
.ucenter-star ul,.ucenter-leader ul {
	margin:0 20px;
	overflow:hidden;
	color:#999
}
.ucenter-star li,.ucenter-leader li {
	border-bottom:solid 1px #ebebeb
}
.ucenter-star li a,.ucenter-leader li a {
	height:40px;
	line-height:40px;
	display:block
}
.ucenter-star li a:hover,.ucenter-leader li a:hover {
	background-color:#f2f2f2
}
.fixedbar-mission,.fixedbar-sign {
	padding:0 10px
}
.sign-remark {
	}
.sign-today {
	height:40px;
	text-align:center;
	padding:10px 0 15px
}
.sign-today a {
	display:inline-block;
	width:85px;
	height:40px;
	border:solid 1px #ffc107;
	background-color:#ffc107;
	color:#fff;
	padding-left:55px;
	text-align:left;
	border-radius:4px;
	font-size:18px;
	line-height:40px
}
.sign-today a .icon-base {
	float:left;
	margin:12px 0 0 -20px;
	*margin-bottom:-40px
}
.sign-today a:hover {
	background-color:#deaa0b
}
.sign-today a.signed {
	background-color:#CCC;
	border-color:#ccc;
	cursor:not-allowed;
	width:140px;
	padding:0;
	text-align:center
}
.sign-box {
	border:solid 1px #dedede;
	border-radius:4px
}
.sign-date {
	border-bottom:solid 1px #ebebeb;
	font-size:16px;
	color:#666;
	text-align:center;
	height:30px;
	line-height:30px;
	font-weight:700
}
.sign-info {
	padding:8px 10px 2px
}
.sign-info strong {
	font-weight:400;
	color:#7ed321
}
.sign-line {
	margin:20px 17px 0
}
.sign-line-right {
	border:solid 4px #ffc0b3;
	border-left:0;
	height:40px;
	border-bottom:0
}
.sign-line-left {
	border:solid 4px #ffc0b3;
	border-right:0;
	height:40px;
	border-bottom:0
}
.sign-line-last {
	border-bottom:0
}
.sign-line-28 .sign-line-last {
	border-right:0;
	width:130px
}
.sign-line-29 .sign-line-last {
	border-right:0;
	width:170px
}
.sign-line-30 .sign-line-last {
	border-right:0
}
.sign-line-31 .sign-line-last {
	}
.icon-sign-default {
	width:28px;
	height:28px;
	background-position:-197px -324px
}
.icon-sign-signed {
	width:28px;
	height:28px;
	background-position:-225px -324px
}
.icon-sign-box-default {
	width:28px;
	height:28px;
	background-position:-281px -324px
}
.icon-sign-box-disable {
	width:28px;
	height:28px;
	background-position:-309px -324px
}
.icon-sign-box-opened {
	width:28px;
	height:28px;
	background-position:-337px -324px
}
.sign-list {
	margin-top:-232px
}
.sign-row {
	height:28px;
	margin:0 -1px 16px
}
.sign-row li {
	float:left;
	width:28px;
	height:28px;
	margin:0 6px
}
.sign-row-left li {
	float:right
}
.sign-row li i {
	}
.calendar {
	border-top:0;
	overflow:hidden;
	clear:both
}
#signInfo,#calendarYear {
	height:30px;
	line-height:30px;
	font-size:14px;
	color:#999;
	font-family:"Microsoft YaHei","微软雅黑","宋体",Arial,Tahoma
}
#signInfo {
	line-height:20px;
	padding:8px 0 20px
}
#signInfo strong {
	font-weight:400;
	color:#7ed321
}
#calendarYear {
	}
#calendarYear a {
	}
#calendarYear a .icon-base {
	}
#calendarYear a:hover {
	}
#calendarYear a.received {
	}
.calendar h4 {
	border-radius:4px 4px 0 0;
	color:#666;
	text-align:center;
	font-weight:700;
	margin-left:0;
	border:solid 1px #dedede;
	border-bottom:0;
	font-size:16px;
	height:28px;
	line-height:28px
}
.calendar table {
	width:100%;
	color:#666;
	text-align:center
}
.calendar table td {
	border:solid 1px #ebebeb;
	width:14.28571428%;
	height:24px;
	line-height:24px
}
.calendar table tbody {
	font-family:Arial,Tahoma,宋体
}
.calendar table tbody td {
	height:30px;
	line-height:30px;
	position:relative;
	color:#ccc;
	font-size:12px
}
.calendar table td.day-past {
	color:#999;
	font-weight:700
}
.calendar table td.dateDisable {
	}
.calendar table td .icon-base-signed {
	position:absolute;
	top:3px;
	left:50%;
	margin-left:-12px
}
.calendar table td.dateSigned {
	font-weight:700
}
.calendar table td.today span {
	}
.getCoin {
	padding-bottom:12px
}
.getCoin .fixedbar-dialog-hd {
	margin-left:0
}
.getCoin ul {
	height:98px;
	padding:7px 0 0;
	border:solid 1px #ccc;
	border-radius:4px
}
.getCoin li {
	float:left;
	width:59px;
	text-align:center;
	height:98px
}
.getCoin li .day {
	color:#999;
	display:block;
	font-size:14px;
	padding-bottom:4px
}
.getCoin li .coin {
	display:block;
	color:#ffc107
}
.getCoin li a {
	display:inline-block;
	height:24px;
	font-size:14px;
	line-height:24px;
	width:50px;
	color:#ccc;
	margin-top:5px
}
.getCoin li a.get {
	color:#7ed321
}
.icon-sign-box {
	background-position:-250px -349px;
	width:50px;
	height:40px
}
.sign-box {
	}
.sign-box-list {
	}
.sign-box-item {
	}
.sign-box-item a {
	}
.sign-box-item.signed {
	}
.sign-box-item.signed a {
	}
.sign-box-item.enable .icon-sign-box {
	background-position:-200px -349px
}
.sign-box-item.signed .icon-sign-box {
	background-position:-150px -349px
}
.fixedbar-mission ul {
	padding:7px 0 0 8px;
	border:solid 1px #ccc;
	border-radius:4px;
	color:#999
}
.fixedbar-mission li {
	position:relative;
	height:20px;
	padding:4px 0;
	line-height:20px;
	font-size:12px;
	white-space:nowrap;
	vertical-align:top
}
.fixedbar-mission li span {
	float:left;
	height:20px;
	line-height:20px
}
.fixedbar-mission-name {
	width:105px
}
.fixedbar-mission-coin {
	width:40px;
	color:#ffc107;
	padding-left:20px
}
.fixedbar-mission-coin .icon-base {
	float:left;
	margin-left:-20px;
	margin-top:2px
}
.fixedbar-mission-status {
	width:60px;
	text-align:center;
	font-size:14px;
	color:#ccc
}
.fixedbar-mission-status a {
	color:#7ed321
}
.fixedbar-friend-hd,.fixedbar-tool-hd,.fixedbar-follow-hd {
	margin-top:-10px
}
.fixed-follow {
	right:-345px;
	width:340px
}
.fixed-follow-list {
	height:220px
}
.fixed-follow-list li {
	float:left;
	width:100px;
	height:100px;
	margin:10px 0 0 10px
}
.fixed-follow-list li img {
	width:100px;
	height:75px
}
.fixed-follow-list li label {
	display:block;
	height:20px;
	line-height:20px;
	overflow:hidden;
	cursor:pointer
}
.fixed-follow .fixed-dialog-ft {
	text-align:center;
	padding:10px 0
}
.coin-misson {
	}
.coin-misson a {
	color:#bfd84d
}
.coin-misson a:hover {
	text-decoration:underline
}
.fixedbar-star {
	padding:0 10px
}
.fixedbar-star li {
	padding-left:90px;
	margin-bottom:10px;
	height:80px;
	line-height:26px;
	border-bottom:solid 1px #ebebeb
}
.fixedbar-star li:hover {
	background-color:#f2f2f2
}
.fixedbar-star-pic {
	float:left;
	margin-left:-90px;
	position:relative
}
.fixedbar-star-pic img {
	width:80px;
	height:80px;
	vertical-align:top
}
.fixedbar-star-live {
	position:absolute;
	right:0;
	top:0;
	height:20px;
	line-height:20px;
	width:34px;
	text-align:center;
	font-family:arial;
	background-color:#99CD00;
	background-color:rgba(153,205,0,.8);
	color:#fff
}
.fixedbar-star-name {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	padding-left:30px;
	font-size:14px;
	color:#666
}
.fixedbar-star-name .starLV {
	float:left;
	margin-left:-30px;
	margin-top:4px
}
.fixedbar-star li p {
	padding-left:24px;
	color:#ccc
}
.fixedbar-star li p .icon-base {
	float:left;
	margin:5px 0 0 -22px
}
.follow-family {
	padding-top:10px
}
.follow-family li {
	line-height:20px;
	height:60px
}
.follow-family .fixedbar-star-name {
	padding-left:0
}
.follow-family .fixedbar-star-pic img {
	height:60px
}
.follow-family li p .icon-base {
	margin-top:2px
}
.follow-family li.text-info {
	padding-left:0;
	border:0;
	text-align:center;
	padding-top:5px;
	line-height:1.5
}
.follow-family li.text-info:hover {
	background:0 0
}
.follow-star {
	padding:5px 0
}
.follow-star li {
	vertical-align:top;
	height:50px
}
.follow-star li.text-info {
	text-align:center;
	padding:10px
}
.follow-star li a {
	display:block;
	height:40px;
	padding:5px 10px
}
.follow-star li a:hover {
	background-color:#b4ea95;
	background-color:rgba(126,211,33,.5)
}
.follow-star li span {
	float:left
}
.follow-star-pic {
	float:left;
	margin-right:5px
}
.follow-star-pic img {
	width:40px;
	height:40px;
	border-radius:20px
}
.follow-star-name {
	overflow:hidden;
	-ms-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	height:20px;
	line-height:20px;
	margin-top:10px;
	max-width:140px;
	_width:40px;
	font-size:14px
}
.follow-star .icon-base {
	float:right;
	margin-top:8px
}
.fixedbar-qq {
	font-size:12px;
	color:#666;
	padding:0 0 40px
}
.fixedbar-qq li {
	height:30px;
	padding-left:20px;
	font-family:宋体
}
.fixedbar-qq span {
	display:inline;
	vertical-align:middle;
	cursor:pointer
}
.fixedbar-help {
	}
.fixedbar-help-hd {
	border-bottom:solid 2px #ebebeb;
	margin-left:10px
}
.fixedbar-help-hd h3 {
	padding:0 10px 10px;
	font-size:18px;
	color:#7ed321;
	border-bottom:solid 2px #7ed321;
	margin-bottom:-2px;
	display:inline-block
}
.fixedbar-help ul {
	padding:5px 0 10px
}
.fixedbar-help ul li {
	line-height:30px;
	vertical-align:top;
	border-bottom:solid 1px #ebebeb;
	margin-left:20px
}
.fixedbar-help ul li a {
	font-size:12px;
	color:#666;
	display:block;
	margin-left:-20px;
	padding-left:20px;
	line-height:30px
}
.fixedbar-help ul li a:hover {
	background-color:#b4ea95;
	background-color:rgba(126,211,33,.5)
}
.fixedbar-qq-action {
	padding:15px 0 0 20px
}
.fixedbar-tab-hd .fixedbar-friend-set {
	display:block;
	width:24px;
	height:24px;
	float:right;
	margin:8px 10px 0 0;
	padding:0
}
.fixedbar-friend-set .icon-base {
	}
.fixedbar-friend-set:hover .icon-base {
	background-position:-264px -190px
}
.friend-set-list {
	display:none;
	position:absolute;
	right:10px;
	top:32px;
	background-color:#fff;
	z-index:10;
	-webkit-box-shadow:0 0 10px rgba(9,4,6,.2);
	box-shadow:0 0 10px rgba(9,4,6,.2);
	border-radius:4px;
	padding:2px;
	text-align:left
}
.friend-set-list li {
	white-space:nowrap;
	vertical-align:top;
	padding:0 5px;
	color:#999;
	cursor:pointer;
	line-height:20px
}
.friend-set-list li:hover {
	background-color:#f2f2f2
}
.popup-broadcast {
	width:290px;
	height:164px
}
.popup-broadcast .popup-content {
	padding:10px!important;
	min-height:0!important
}
.broadcast-bd {
	padding-bottom:10px
}
.popup-broadcast textarea {
	width:260px;
	height:55px;
	padding:4px;
	resize:none;
	color:#000;
	background-color:#FFF;
	border:solid 1px #D8E2E4;
	font-size:14px;
	line-height:1.5
}
.popup-broadcast .fixed-dialog-bd {
	padding:10px 10px 0
}
.popup-broadcast .fixed-dialog-ft {
	padding:10px
}
.popup-broadcast .btn-broadcast {
	float:right
}
.popup-broadcast .broadcast-num {
	float:left;
	height:28px;
	line-height:28px;
	margin-right:10px;
	font-size:14px;
	color:#999;
	font-weight:400
}
.popup-broadcast .expression-btn {
	margin:5px 5px 0 0;
	float:left
}
.popup-broadcast .expression-box {
	left:-89px;
	bottom:49px
}
.popup-broadcast .arrow {
	left:100px
}
.popup-broadcast .broadcast-speaker {
	position:absolute;
	right:40px;
	top:0;
	line-height:40px;
	white-space:nowrap;
	padding-left:10px;
	vertical-align:baseline;
	font-size:12px;
	color:#ccc;
	font-weight:400;
	text-indent:0
}
.popup-broadcast .broadcast-speaker i {
	font-style:normal;
	color:#ffc107
}
.broadcast-area {
	position:fixed;
	display:none;
	left:0;
	right:0;
	bottom:0;
	height:26px;
	background-color:#3B3B3B;
	border:solid 2px #3B3B3B;
	overflow:hidden
}
#broadcastArea {
	display:none;
	position:absolute;
	z-index:800;
	width:840px;
	height:25px;
	bottom:-35px;
	right:0;
	padding:5px 0;
	background:url(../../images/home/common/broadcast-bar-bg-38489c.png) repeat-x 0 0;
	overflow:hidden
}
.broadcast-area a {
	position:absolute;
	left:10000px;
	bottom:0;
	white-space:nowrap;
	height:24px;
	line-height:24px;
	padding:0 5px;
	background-color:#fff;
	font-family:宋体;
	border:solid 1px #666;
	border-radius:4px;
	-webkit-box-shadow:inset 1px 1px rgba(255,222,43,.51);
	box-shadow:inset 1px 1px rgba(255,222,43,.51)
}
.broadcast-area .tit {
	color:#F33
}
.broadcast-area .text img {
	width:22px;
	height:22px;
	vertical-align:middle
}
.fixedbar-tool {
	font-size:12px;
	padding:0 0 0 20px
}
.fixedbar-tool-bd {
	padding:10px 0 0
}
.fixedbar-tool dt {
	height:20px;
	line-height:20px;
	padding:10px 0
}




.fixedbar-tool dt h4 {
	font-size:12px;
	color:#666;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px
}
.fixedbar-tool dd {
	border-bottom:solid 1px #ebebeb;
	padding:0 20px 5px 0;
	color:#999;
	text-align:justify
}
.tool-switch {
	display:inline-block;
	vertical-align:middle;
	height:18px;
	border:solid 1px #4bd562;
	background-color:#4bd562;
	width:56px;
	overflow:hidden;
	border-radius:10px;
	cursor:pointer
}
.tool-switch p {
	height:18px;
	width:200px;
	-webkit-transition:margin-left .2s;
	transition:margin-left .2s
}
.tool-switch span {
	float:left;
	width:38px;
	height:18px;
	color:#fff;
	text-align:center;
	line-height:18px
}
.tool-switch i {
	float:left;
	height:18px;
	width:18px;
	line-height:18px;
	background-color:#fff;
	border-radius:9px
}
.tool-switch-off {
	background-color:#ccc;
	border-color:#ccc
}
.tool-switch-off p {
	margin-left:-38px
}

.footer-safety {
	float:right;
	margin-top:-77px;
	width:300px;
	text-align:center
}
.popup {
	position:fixed;
	_position:absolute;
	background:#FFF;
	-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.4);
	box-shadow:0 0 5px 1px rgba(0,0,0,.4);
	border-radius:4px;
	z-index:1001
}
.popup .popup-title {
	height:40px;
	text-indent:15px;
	font-size:14px;
	line-height:40px;
	border-bottom:1px solid #E5E5E5;
	color:#999
}
.popup .popup-title div {
	float:left
}
.close-btn {
	position:absolute;
	top:8px;
	right:15px;
	display:block;
	width:24px;
	height:24px;
	background:url(../../images/home/common/icon-base-9c313a.png) no-repeat -144px -238px;
	cursor:pointer
}
.close-btn:hover {
	background-position:-144px -214px
}
.popup .popup-move {
	cursor:move
}
.popup .popup-content {
	border-top:1px solid #FFF;
	padding:15px 20px;
	color:#666;
	min-height:120px;
	font-size:14px
}
.popup .popup-footer {
	padding:0 15px 20px;
	text-align:center
}
.popup .popup-footer .wrapPage {
	display:inline-block
}
.popup .popup-footer .pagination {
	display:inline-block
}
.popup-row {
	padding:5px 0
}
.popup-table {
	width:100%
}
.popup-table th {
	font-weight:400;
	text-align:right;
	padding:4px;
	vertical-align:top;
	color:#666
}
.popup-table td {
	padding:4px
}
@-webkit-keyframes popup-bounceIn {
	0%,20%,40%,60%,80%,100% {
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
0% {
	-webkit-transform:scale3d(.6,.6,.6);
	transform:scale3d(.6,.6,.6)
}
80% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}@keyframes popup-bounceIn {
	0%,20%,40%,60%,80%,100% {
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
0% {
	-webkit-transform:scale3d(.6,.6,.6);
	transform:scale3d(.6,.6,.6)
}
80% {
	-webkit-transform:scale3d(1.05,1.05,1.05);
	transform:scale3d(1.05,1.05,1.05)
}
100% {
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}.popup-bounceIn {
	-webkit-animation-name:popup-bounceIn;
	animation-name:popup-bounceIn;
	-webkit-animation-duration:.2s;
	animation-duration:.2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
#common-popup .popup-footer {
	border-top:0
}
#common-popup .popup-content {
	font-size:16px;
	line-height:26px
}
#common-popup .popup-content .btnSubmit {
	display:block;
	margin:20px 0 0 160px
}
#confirm-popup .popup-content {
	min-height:60px;
	font-size:16px;
	line-height:26px;
	text-align:center
}
#rechargeTip .popup-content {
	padding-top:60px;
	text-align:center;
	font-size:20px;
	line-height:25px
}
#rechargeTip .popup-content p a {
	display:block;
	margin:10px auto
}
#rechargeTip .popup-content p a {
	width:88px;
	height:32px;
	line-height:32px;
	margin-left:145px;
	letter-spacing:8px;
	text-indent:8px;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	background:#F33;
	border-radius:5px
}
.qqLogin,.sinaLogin,.userLogin,.userRegister,.xunleiLogin {
	display:inline-block;
	width:150px;
	height:35px;
	margin-top:20px
}
.qqLogin {
	margin-top:0;
	background-position:0 -236px
}
.qqLogin:hover {
	background-position:0 -271px
}
.sinaLogin {
	background-position:0 -306px
}
.sinaLogin:hover {
	background-position:0 -341px
}
.xunleiLogin {
	background-position:0 -376px
}
.xunleiLogin:hover {
	background-position:0 -411px
}
.userLogin,.userRegister {
	width:120px
}
.userLogin {
	background-position:0 -446px
}
.userLogin:hover {
	background-position:0 -481px
}
.userRegister {
	background-position:0 -516px
}
.userRegister:hover {
	background-position:0 -551px
}
.reg-icons {
	display:inline-block;
	width:70px;
	height:60px;
	margin:0 20px;
	background:url(../../images/home/common/reg-icons-1221c4.png) no-repeat 0 0
}
.user-popup {
	left:50%;
	top:50%;
	margin:-240px 0 0 -250px;
	width:440px;
	background-color:#f5f5f5;
	font-size:14px;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
	box-shadow:0 5px 15px rgba(0,0,0,.5);
	z-index:1001;
	border-radius:3px;
	overflow:hidden
}
.user-popup-other .icon-login-qq {
	width:24px;
	height:24px;
	background-position:-120px -238px
}
.icon-login-qq {
	width:24px;
	height:24px;
	background-position:-240px -190px
}
.icon-login-weibo {
	width:24px;
	height:24px;
	background-position:-240px -214px
}
.icon-login-meme {
	width:24px;
	height:24px;
	background-position:-288px -191px
}
.icon-register-meme {
	width:24px;
	height:24px;
	background-position:-288px -238px
}
.user-popup-head {
	height:60px;
	background:url(../../images/home/common/login-pop-head-248df1.png) no-repeat
}
.user-popup .close-btn {
	position:absolute;
	top:15px;
	right:15px;
	width:18px;
	height:18px;
	background-position:-363px -217px
}
.user-popup .close-btn:hover {
	background-position:-363px -241px
}
.user-popup .popup-content {
	position:relative;
	border-top:0;
	padding:0
}
.user-popup h3 {
	font-size:14px;
	line-height:21px
}
.user-popup h3 span {
	font-size:12px
}
.user-popup h3 span a {
	color:#fe420f
}
.user-popup-other {
	height:40px;
	padding:40px 0;
	background-color:#fff
}
.user-popup-other div {
	width:300px;
	margin:0 auto
}
.user-popup-btn {
	display:block;
	height:40px;
	background-color:#42a4ff;
	color:#fff;
	border-radius:5px;
	font:16px/40px Arial,宋体;
	text-align:center
}
.user-popup-btn .icon-base {
	vertical-align:top;
	margin:7px 5px 0 0
}
.user-popup-btn span {
	display:inline-block;
	vertical-align:top
}
.user-popup-btn:hover {
	-webkit-box-shadow:0 0 5px rgba(95,95,95,.78);
	box-shadow:0 0 5px rgba(95,95,95,.78);
	background-color:#3b93e5
}
.user-popup-bd {
	}
.user-popup-container {
	width:300px;
	padding-top:14px;
	margin:0 auto
}
.user-popup-bd .form-input {
	width:266px;
	height:36px;
	padding:0 15px;
	color:#000;
	background:#fff;
	line-height:36px\9;
	border:solid 2px #fff;
	border-radius:5px;
	font-size:12px;
	vertical-align:top;
	-webkit-box-shadow:inset 0 0 0 100px #fff;
	box-shadow:inset 0 0 0 100px #fff
}
.user-popup-bd .form-input:focus {
	border-color:#ffc107
}
.user-popup-bd .form-input:-webkit-autofill {
	background-color:transparent
}
.user-popup-bd .form-input-error {
	border-color:#ffe65e
}
.user-popup-bd .form-input-code {
	width:130px;
	float:left
}
.login-form {
	font-size:12px;
	font-family:Arial,宋体;
	padding-top:14px
}
.login-form-item {
	position:relative;
	height:64px
}
.login-form-view {
	position:absolute;
	right:10px;
	top:8px;
	cursor:pointer
}
.login-form-pwd {
	display:none;
	padding:0 15px;
	height:36px;
	background-color:#fff;
	font:12px/38px Arial;
	color:#000;
	border:solid 2px #ffe65e;
	border-radius:5px
}
.login-form-tip {
	position:relative;
	left:0;
	white-space:nowrap;
	color:#000
}
.login-form-tip-error {
	color:#fc643b
}
.login-form-item .icon-checkbox {
	width:12px;
	height:12px;
	border:solid 1px #000;
	vertical-align:sub
}
.login-form-item .icon-checkbox-on {
	background-position:-386px -65px
}
.login-form-item .btn {
	display:block;
	height:40px;
	font:18px/40px "Microsoft YaHei";
	color:#fff;
	text-align:center;
	border-radius:5px;
	background-color:#ffc107;
	border:0
}
.login-form-item .btn:hover {
	background-color:#e5ad06;
	-webkit-box-shadow:0 0 5px rgba(95,95,95,.78);
	box-shadow:0 0 5px rgba(95,95,95,.78)
}
.login-form-item img {
	float:right;
	height:40px;
	background-color:#fff;
	background-color:rgba(255,255,255,.6);
	border-radius:4px;
	cursor:pointer;
	width:auto
}
.login-form-item .btn.btn-disable {
	border-color:#ccc;
	color:#c2c2c2!important;
	background-color:#ebebeb;
	cursor:not-allowed
}

.rotate-y {
	-webkit-animation:rotateY 1s 1 ease-out;
	animation:rotateY 1s 1 ease-out
}
@-webkit-keyframes rotateY {
	from {
	-webkit-transform:rotateY(-90deg)
}
to {
	-webkit-transform:rotateY(0deg)
}
}@keyframes rotateY {
	from {
	-webkit-transform:rotateY(-90deg);
	transform:rotateY(-90deg)
}
to {
	-webkit-transform:rotateY(0deg);
	transform:rotateY(0deg)
}
}#getAward .popup-content {
	padding:0 0 0 50px;
	text-align:left
}
#getAward .awardTip {
	font-size:14px;
	padding:10px 0
}
#getAward .icon-index {
	display:inline-block;
	width:76px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#fff;
	background-position:-148px -396px;
	font-family:"Microsoft YaHei","宋体";
	font-size:14px
}
#getAward .icon-index:hover {
	background-position:-224px -396px
}
#getAward .popup-content>* {
	margin:5px 0
}
#getAward .popup-content p {
	padding:5px 0
}
#getAward .popup-content .tip span {
	font-size:30px
}
#getAward .popup-content .tip .text {
	font-size:20px
}
#getAward .popup-content input {
	width:100px;
	text-indent:0;
	padding:5px;
	border:solid 1px #ddd;
	height:20px;
	margin-right:10px;
	border-radius:2px
}
#getAward .popup-content img {
	width:100px;
	height:30px;
	cursor:pointer
}
#getAward .popup-content .errorTip {
	margin-left:10px;
	text-align:center;
	height:28px;
	line-height:28px;
	color:red;
	font-size:12px
}
#getAward .loginBtns {
	display:inline-block;
	width:186px;
	height:35px;
	line-height:35px
}
#getAward .loginBtns:hover {
	background-position:0 -36px
}
#getAward .popup-footer {
	border-top:0
}
#getAward .verifyTip {
	margin:0 0 0 -50px;
	padding:15px
}
#getAward .verifyTip h2 {
	color:#A8A8A8;
	font-weight:700;
	line-height:40px;
	text-align:center
}
#getAward .verifyTip p {
	line-height:26px
}
#getAward .verifyTip .bdr-b {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #DDD
}
#getAward .verifyTip a {
	color:#F33
}
.ui-messager-mask {
	position:fixed;
	_position:absolute;
	height:100%;
	width:100%;
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;
	z-index:10000;
	left:0;
	top:0;
	zoom:1;
	background-color:#000
}
.ui-messager {
	position:fixed;
	_position:absolute;
	z-index:10000;
	bottom:50%;
	left:0;
	height:auto;
	padding:15px;
	font-family:"Microsoft YaHei","微软雅黑","宋体";
	font-size:16px;
	color:#666;
	background-color:#FFF;
	border-radius:4px;
	max-width:450px
}
.ui-messager-left {
	vertical-align:top;
	width:54px
}
.ui-messager-icon {
	display:block;
	width:44px;
	height:44px;
	background:url(../../images/home/common/icon-messager-5e52c2.png) 0 0 no-repeat;
	vertical-align:top
}
.ui-messager-error {
	background-position:0 0
}
.ui-messager-success {
	background-position:0 -44px
}
.ui-messager-warn {
	background-position:0 -88px
}
.ui-messager-confirm {
	background-position:0 -132px
}
.ui-messager-info {
	}
.ui-messager-cnt {
	display:table-cell;
	height:44px;
	line-height:22px;
	vertical-align:middle
}
.ui-messager-cnt a {
	color:#ffc107;
	margin:0 5px
}
.ui-messager-loading {
	background:url(../../images/home/common/loading-bd026f.gif) 0 0 no-repeat
}
@media screen and (max-width:767px) {
	.ui-messager {
	max-width:100%;
	font-size:16px
}
.ui-messager-cnt {
	line-height:22px
}
}
















.header {
	position:relative;
	background-color:#fff;
	color:#999;
	height:60px;
	width:100%;
	z-index:10;
	-webkit-box-shadow:0 0 4px rgba(9,4,6,.2);
	box-shadow:0 0 4px rgba(9,4,6,.2)
}
.header-newyear {
	background-image:url(../../images/home/common/head-new-year-427bec.png);
	background-repeat:no-repeat;
	background-position:center
}
.header .container {
	height:60px;
}
.header-logo {
	float:left;
	margin:12px 10px 0 0
}
.header-baofeng .header-logo {
	display:none
}
.header-nav {
	float:left;
	white-space:nowrap
}
.header-nav li {
	float:left
}
.header-nav a {
	color:#666;
	display:inline-block;
	height:60px;
	line-height:60px;
	padding:0 23px;
	font-size:16px;
	-webkit-transition:.1s ease-out all;
	transition:.1s ease-out all;
	text-align:center
}
.header-newyear a {
	color:#fff
}
.header a.on {
	font-weight:700
}
.header a.on {
	color:#6222CE;
	background: linear-gradient(to bottom,#7836C9 0%, #EBE2F8 5%, #FFFFFF 100%);
  
}
.header a:hover {
	color:#6222CE;
	
  
}
.header-search {
	display:none;
	float:left;
	margin-left:125px;
	width:140px;
	margin-top:15px;
	position:relative;
	height:28px;
	border:solid 1px #ccc;
	border-radius:15px
}
.header-search-focus {
	border-color:#FFC107
}
.header-search span {
	position:absolute;
	color:#ccc;
	font-family:Arial;
	font-size:12px;
	white-space:nowrap;
	left:15px;
	top:0;
	line-height:28px;
	cursor:text
}
.header-search a {
	float:right;
	height:16px;
	padding:5px 0 9px;
	line-height:16px;
	width:40px;
	text-align:center
}
.header-search a i {
	vertical-align:top
}
.bw-sm .header-search {
	margin-left:10px;
	width:100px
}
.bw-sm .header-search {
	}
.bw-sm {
	}
.header-login {
	float:right;
	margin-top:19px
}
.header-login li {
	float:right
}
.header-login a {
	font-size:14px;
	margin-left:20px
}
.header-login a i {
	display:inline-block;
	width:16px;
	height:16px
}
.header-login a .icon-login {
	background-position:-96px -64px;
	vertical-align:sub;
	margin-right:4px
}
.header-login a .icon-regist {
	}
.header-login a .icon-logqq {
	padding:5px;
	border-radius:50%;
	background-color:#ccc;
	background-position:-370px -7px
}
.header-login a .icon-logqq:hover {
	background-color:#42a4ff
}
.header-logininfo {
	float:right;
	white-space:nowrap;
	margin-top:10px;
	font-size:14px;
	display:none
}
.header-logininfo li {
	display:inline-block;
	position:relative;
	float:left;
	height:30px;
	vertical-align:middle;
	line-height:30px
}
.header-logininfo li a {
	display:inline-block;
	margin-left:20px;
	float:left
}




.header-logininfo .text-play {
	color:#ffc107;
	font-size:16px;
	white-space:nowrap
}
.header-logininfo li a.text-overflow {
	display:inline-block;
	padding-left:0px;
	max-width:100px;
	_width:100px;
	float:left;
	white-space:nowrap;
	color:#666;
	position:relative
}
.header-newyear .header-logininfo li a.text-overflow {
	color:#fff
}
.header-logininfo li a:hover {
	color:#ffc107
}
.header-logininfo li .icon-base {
	float:left;
	margin:7px 0 0 -20px;
	*margin-bottom:-30px
}
.feedback-grid {
	width:100%
}
.feedback-grid th {
	font-weight:400;
	text-align:right;
	padding:4px;
	vertical-align:top;
	color:#666
}
.feedback-grid td {
	padding:4px
}
.footer {
	background:#fff no-repeat;
	padding:10px 0;
	-webkit-box-shadow:0 5px #fff,0 0 4px rgba(9,4,6,.2);
	box-shadow:0 5px #fff,0 0 4px rgba(9,4,6,.2)
}
.footer p {
	line-height:24px;
	color:#bbb
}
.footer a {

	color:#bbb
}
.footer a:hover {
	color:#ffc107
}
.footer-link {
	padding-bottom:8px
}
.footer-link a {
	margin-right:20px;
	color:#999;
	font-size:14px
}
.footer-link a:hover {
	color:#ffc107
}
.footer-copyright {
	}
.footer-cert {
	float:right;
	width:520px;
	line-height:2;
	margin-top:10px;
	text-align:right
}
.area-detail-avatar
{
	position:relative;width:32px;height:32px;margin:0 10px 0 0;overflow:hidden;border-radius:50%;vertical-align:middle;
}

/**头部弹出层 */
.mycenter{
	line-height:70px;
	margin-left:20px
	
}
.mysetting {
	background-color: #c47f04;
	padding: 1px;
	width: 250px;
	height: 334px;
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 50;
	visibility:hidden;
}

.setting-tip {
	border: solid 1px #dadada;
	background-color: #fff;
	zoom: 1;
	overflow: hidden
}

.setting-tip h3 {
	height: 26px;
	padding-left: 10px;
	line-height: 24px;
	background: url(../../images/bg_userindex.png) repeat-x 0 -732px;
	color: #565656
}

.myplay {
	height: 90px;
	background: url(../../images/bg_user.gif) repeat-x left top;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	overflow: hidden
}

.myplay p,
.mymenu li a {
	background: url(../../images/bg_userMenu.png) no-repeat
}

.myplay p {}

.myplay p a {
	font-weight: bold;
	color: #686868
}

.xxtiao {
	margin-top: 63px;
}

.xxtiao p {
	background: #f9a612;
	border-radius: 15px;
	font-size: 12px;
	width: 200px;
	height: 21px;
}

.xxtiao p .awdzb {
	padding-left: 5px;
	color: #ffffff;
	float: left;
	line-height: 21px;
}

.xxtiao p .aye {
	padding-left: 9px;
	color: #fff;
	border-left: 1px #fff solid;
	margin-left: 10px;
	line-height: 21px;
	float: left;
}

.xxtiao p .aye span {
	background: url(../../images/bi.png) 2px 0 no-repeat;
	padding-left: 20px;
}

.mymenu {
	margin: 0 1px;
	background: url(../../images/line.gif) repeat-x left top;
	padding: 12px 0;
	zoom: 1;
	overflow: hidden
}

.others li .mymenu li {
	background-image: none
}

.mymenu li {
	width: 92px;
	margin-left: 23px;
	_display: inline;
	float: left;
	height: 22px;
	line-height: 22px;
	padding: 4px 0
}

.mymenu li a {
	display: block;
	padding-left: 30px;
	height: 20px;
	padding-top: 2px;
	color: #797979;
	overflow: hidden
}

.mymenu li a.t1 {
	background-position: 0 -96px
}

.mymenu li a.t2 {
	background-position: 0 -137px
}

.mymenu li a.t3 {
	background-position: 0 -176px
}

.mymenu li a.t4 {
	background-position: 0 -221px
}

.mymenu li a.t5 {
	background-position: 0 -262px
}

.mymenu li a.t6 {
	background-position: 0 -309px
}

.mymenu li a.t7 {
	background-position: 0 -355px
}

.mymenu li a.t8 {
	background-position: 0 -399px
}

.mymenu li a.t9 {
	background-position: 0 -446px
}

.mymenu li a.t10 {
	background-position: 0 -488px
}

.mymenu li a.t11 {
	background-position: 0 -528px
}

.mymenu li a.t12 {
	background-position: 0 -581px
}

.mymenu li a.t13 {
	background-position: 0 -632px;
}

.no_login li strong {
	color: #79787c;
	margin-right: 10px
}

.no_login li strong.y1 {
	color: #fd5b2f
}


/**头部弹出层 */