@charset "utf-8";

@keyframes opacity-show-anim {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes opacity-show-anim {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes opacity-hide-anim {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes opacity-hide-anim {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.opacity-show {
	-webkit-animation: opacity-show-anim .3s linear forwards;
	animation: opacity-show-anim .3s linear forwards
}

.opacity-hide {
	-webkit-animation: opacity-hide-anim .2s linear forwards;
	animation: opacity-hide-anim .2s linear forwards
}

.processing {
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px
}

.alertmsg {
	position: fixed;
	left: 0;
	top: -40px;
	width: 100%;
	text-align: center;
	z-index: 9999;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: top .2s linear;
	transition: top .2s linear
}

.alertmsg>div {
	display: inline-block;
	position: relative;
	min-width: 200px;
	height: 36px;
	padding: 0 30px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 6px;
	box-shadow: 3px 3px 5px #aaa;
	font-size: 14px;
	line-height: 36px
}

.alertmsg>div.error-msg {
	background-color: #c9302c;
	border-color: #ac2925;
	color: #fff
}

.alertmsg>div.success-msg {
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff
}

.alertmsg>div.warning-msg {
	background-color: #ec971f;
	border-color: #d58512;
	color: #fff
}

.alertmsg>div .msgicon {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	line-height: normal
}

.wall-page .disabled,.wall-page [disabled] {
	pointer-events: none;
	-webkit-pointer-events: none
}

.wall-page button,.wall-page input,.wall-page textarea {
	-webkit-appearance: none!important
}

.wall-page>header.bar-nav {
	background-color: #03a9f5;
	z-index: 12
}

.wall-page>header.bar-nav h1 {
	color: #fff
}

.wall-page>header.bar-nav h1 a {
	position: relative;
	display: inline-block;
	padding: 0 5px
}

.wall-page>header.bar-nav h1 a::after {
	position: absolute;
	display: block;
	top: 42%;
	left: 100%;
	width: 16px;
	height: 10px;
	background: url(../img/w-icon-dropdown.png) center center no-repeat;
	background-size: 16px;
	content: ""
}

.wall-page .new-msg-bar {
	display: none;
	position: fixed;
	top: 2.2rem;
	left: 0;
	width: 100%;
	padding: .5rem .75rem .5rem 2.2rem;
	border-top: 1px solid #f93;
	border-bottom: 1px solid #f93;
	background-color: #fff6da;
	background-repeat: no-repeat;
	background-position: .5rem 47%;
	background-size: 1.2rem;
	z-index: 11
}

.wall-page .new-msg-bar .msg-info {
	font-size: .75rem;
	color: #f60
}

.wall-page .new-msg-bar .msg-info>a {
	padding: .25rem .5rem;
	background: #f93;
	color: #fff
}

.wall-page .new-msg-bar .msg-remove {
	position: absolute;
	display: block;
	right: .25rem;
	top: 50%;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	background: url(../img/w-icon-msg-remove.png) center no-repeat;
	background-size: 100%
}

.wall-page .new-msg-bar.new-shake-msg {
	background-image: url(../img/w-icon-msg-shake.png)
}

.wall-page .new-msg-bar.new-vote-msg {
	background-image: url(../img/w-icon-msg-vote.png)
}

.wall-page .new-msg-bar.new-pri-msg {
	background-image: url(../img/w-icon-msg-pri.png)
}

.wall-page .new-msg-bar.new-crazy-msg {
	background-image: url(../img/w-icon-msg-crazy.png)
}

.wall-page .bar .button-nav.pull-left,.wall-page .bar .button-nav.pull-right {
	color: #fff
}

.wall-page .new-msg-tips {
	position: fixed;
	display: none;
	right: .6rem;
	bottom: 3.25rem;
	padding: .25rem .75rem;
	border: 1px solid #fc9;
	background: #fff6da;
	border-radius: 2rem;
	font-size: .7rem;
	color: #666;
	z-index: 100
}

.wall-page .new-msg-tips::after {
	position: absolute;
	display: block;
	top: 20px;
	width: 14px;
	height: 14px;
	border-radius: 3px;
	content: "";
	right: 0;
	background: #fff6da;
	border-top: 1px solid #fc9;
	border-left: 1px solid #fc9;
	-webkit-transform: rotate(211deg) skewX(30deg);
	transform: rotate(211deg) skewX(30deg)
}

@keyframes msg-show-anim {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

@-webkit-keyframes msg-show-anim {
	from {
		left: -100%
	}

	to {
		left: 0
	}
}

@keyframes msg-hide-anim {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

@-webkit-keyframes msg-hide-anim {
	from {
		left: 0
	}

	to {
		left: 100%
	}
}

.wall-page .new-msg-show {
	-webkit-animation: msg-show-anim .5s cubic-bezier(.42,0,.42,1.7) forwards;
	animation: msg-show-anim .5s cubic-bezier(.42,0,.42,1.7) forwards
}

.wall-page .new-msg-hide {
	-webkit-animation: msg-hide-anim .3s linear forwards;
	animation: msg-hide-anim .3s linear forwards
}

.wall-page>nav.bar-tab {
	background-color: #f5f5f5;
	border-top: 1px solid #c1c1c1
}

.wall-page .bar-tab .msg-component {
	position: relative;
	height: 2.5rem;
	padding: 10px 90px 10px 5px
}

.wall-page .bar-tab textarea {
	display: block;
	width: 82%;
	height: 1.5rem;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	font-size: .75rem;
	resize: none;
	margin-left: 43px
}

.wall-page .bar-tab>.msg-component>button {
	position: absolute;
	display: block;
	top: 10px;
	border: none
}

.wall-page .bar-tab .send-btn {
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px
}

.wall-page .bar-tab .emo-btn {
	right: 50px;
	background-image: url(../img/w-icon-emotion.png)
}

.wall-page .bar-tab .img-btn {
	right: 10px;
	background-image: url(../img/w-icon-img.png)
}

.wall-page .bar-tab .msg-component>button.send-msg-btn {
	display: none;
	right: 5px;
	margin: 0;
	padding: 3px 5px;
	width: 36px;
	height: 29px;
	border-radius: 3px;
	background-color: #03a9f5;
	color: #fff;
	font-size: 13px
}

.wall-page .bar-tab .for-emotion {
	position: absolute;
	display: none;
	left: 0;
	bottom: 2.5rem;
	width: 100%;
	padding: .25rem;
	background: #fff;
	border-top: 1px solid #ddd;
	overflow: hidden
}

.wall-page .bar-tab .for-emotion .emoticon {
	float: left;
	width: 12.5%;
	height: 30px;
	padding: 3px;
	text-align: center
}

.wall-page .zoom-img,.wall-page .zoom-img span {
	height: 100%;
	vertical-align: middle;
	overflow: hidden
}

.wall-page .list-block .item-link .item-inner {
	background-position: 97% center;
	border-bottom: 1px solid #e7e7e7
}

.wall-page .list-block .item-inner:after,.wall-page .list-block ul:after,.wall-page .list-block ul:before {
	display: none
}

.wall-page .zoom-img {
	position: fixed;
	display: none;
	width: 100%;
	background-color: rgba(5,5,5,.85);
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: center center;
	text-align: center;
	z-index: 999;
	opacity: 0
}

.wall-page .zoom-img span {
	display: inline-block;
	width: 0
}

.wall-page .zoom-img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle
}

.wall-page .img-loading {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -50px;
	padding: 10px;
	width: 100px;
	height: 60px;
	text-align: center;
	font-size: .7rem;
	background-color: rgba(10,10,10,.7);
	border-radius: 15px;
	color: #fff;
	z-index: 998
}

.wall-page .img-loading p {
	margin: 0
}

.wall-page .img-loading p:first-child {
	color: #ede
}

.wall-page .content {
	padding: 10px 5px
}

.wall-page .menu-bar {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	z-index: 11;
	overflow: hidden;
	-webkit-transition: background-color .2s linear;
	transition: background-color .2s linear
}

.menu-bar .menu-container {
	
	padding: .5rem;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #898;
	-webkit-transition: bottom .2s linear;
	transition: bottom .2s linear
}

.menu-bar .menu-container .menu-content {
	overflow: hidden
}

.menu-bar .menu-container .menu-content>a {
	float: left;
	display: block;
	margin-bottom: .7rem;
	width: 25%;
	color: #666
}

.menu-bar .menu-container .menu-content>a.active p {
	color: #03a9f5
}

.menu-bar .menu-container .menu-content p {
	margin: 0;
	padding: 3px 0 0;
	text-align: center;
	font-size: .8rem
}

.menu-bar .menu-container .menu-content .menu-icon {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60px
}

.menu-bar .menu-icon-chat {
	background-image: url(../img/w-icon-chat.png)
}

.menu-bar .menu-icon-lottery {
	background-image: url(../img/w-icon-lottery.png)
}

.menu-bar .menu-icon-vote {
	background-image: url(../img/w-icon-vote.png)
}

.menu-bar .menu-icon-pic {
	background-image: url(../img/w-icon-picwall.png)
}

.menu-bar .menu-icon-crazy {
	background-image: url(../img/w-icon-crazy.png)
}

.menu-bar .menu-icon-msg {
	position: relative;
	background-image: url(../img/w-icon-msg.png)
}

.menu-bar .menu-icon-guess {
	background-image: url(../img/w-icon-guess.png)
}

.menu-bar .menu-icon-reward {
	background-image: url(../img/w-icon-reward.png)
}

.menu-bar .menu-icon-calc {
	background-image: url(../img/w-icon-calc.png)
}

.menu-bar .menu-icon-wish {
	background-image: url(../img/w-icon-wish.png)
}

.menu-bar .menu-icon-live {
	background-image: url(../img/w-icon-live-1.png)
}

.menu-bar .menu-icon-msg i {
	display: none;
	position: absolute;
	width: 24px;
	height: 24px;
	right: 0;
	top: 5px;
	text-align: center;
	line-height: 24px;
	background: #ff2929;
	font-style: normal;
	font-size: 14px;
	color: #fff;
	border-radius: 50%
}

.menu-bar .menu-container .menu-footer {
	padding: .1rem .5rem 0;
	border-top: 1px solid #ddd;
	text-align: center
}

.menu-bar .menu-container .menu-footer .btn-default {
	padding: 10px 70px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 6px
}

.menu-bar .collect aside {
	float: left;
	border: 1px solid #ff7101;
	background: #fff;
	padding: 4px;
	line-height: 0;
	margin-left: 10px;
	border-radius: 5px
}

.menu-bar .collect aside img {
	width: 80px;
	height: 80px
}

.menu-bar .collect p {
	font-size: .7rem;
	margin-left: 115px
}

.menu-bar .menu-container .menu-footer .btn-know {
	
	padding: 0;
	border-radius: 99999px;
	width: 78px;
	height: 78px;
	font-size: .6rem;
	color: #02a9f5;
	border: 0;
	left: 50%;
	margin-left: -39px;
	line-height: 100px
}

.menu-bar .collect .p1 {
	padding-top: 9px;
	line-height: 25px
}

.menu-bar .collect .btn-collect {
	border: 1px solid #0894ec;
	border-radius: 3px;
	padding: 5px 8px
}

.msg-content .message {
	margin: .5rem 0;
	overflow: hidden
}

.msg-content .message-receive>div {
	float: left
}

.msg-content .msg-avatar {
	width: 40px;
	height: 40px
}

.msg-content .msg-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%
}

.msg-content .msg-info .msg-text {
	position: relative;
	display: inline-block;
	padding: .3rem .5rem;
	border: 1px solid #e3e3e3;
	background: #fff;
	color: #333;
	border-radius: 5px;
	line-height: 1.1rem
}

.msg-content .msg-info .msg-sending::before {
	display: block;
	position: absolute;
	top: 7px;
	left: -27px;
	width: 20px;
	height: 20px;
	content: "";
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.msg-content .msg-info span.msg-failed {
	display: block;
	position: absolute;
	top: 6px;
	left: -27px;
	width: 22px;
	height: 22px;
	background-image: url(../img/w-icon-failed.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}

.msg-content .msg-info .msg-text img {
	margin-top: -5px;
	vertical-align: middle;
	max-width: 100%;
	max-height: 10rem
}

.msg-content .msg-info .msg-text img.upload-img {
	margin-top: 0
}

.msg-content .msg-info .msg-text::after {
	position: absolute;
	display: block;
	top: 11px;
	width: 10px;
	height: 10px;
	content: ""
}

.msg-content .msg-info .msg-time {
	margin-top: 3px;
	font-size: .55rem;
	color: #999
}

.msg-content .msg-info .msg-time span.need-check {
	margin-left: .5rem;
	font-size: .7rem
}

.msg-content .msg-info {
	max-width: 60%;
	word-break: break-all
}

.msg-content .msg-info .username {
	color: #666;
	font-size: .7rem
}

.msg-content .message-receive .msg-info {
	margin-left: .8rem
}

.msg-content .message-receive .msg-info .msg-text::after {
	left: -6px;
	background: #fff;
	border-top: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-top-left-radius: 3px;
	-webkit-transform: rotate(-35deg) skewX(15deg);
	transform: rotate(-35deg) skewX(15deg)
}

.msg-content .message-send>div {
	float: right
}

.msg-content .message-send .msg-info {
	margin-right: .8rem;
	text-align: right
}

.msg-content .message-send .msg-info .msg-text {
	background: #b1e866;
	text-align: left
}

.msg-content .message-send .msg-info .msg-text::after {
	right: -6px;
	background: #b1e866;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom-right-radius: 3px;
	-webkit-transform: rotate(-36deg) skewX(15deg);
	transform: rotate(-36deg) skewX(15deg)
}

.wall-page .swiper-container {
	padding-bottom: 1rem;
	width: 100%
}

.wall-page .swiper-container-horizontal>.swiper-pagination {
	bottom: 0
}

.wall-page .swiper-slide img {
	display: inline
}

.lottery-content .fill-shake-icon {
	position: relative;
	margin: 4rem auto 1rem;
	width: 8rem;
	height: 8rem
}

.lottery-content .fill-shake-icon img {
	width: 100%;
	height: auto
}

@keyframes shaking-anim {
	from {
		transform: rotate(20deg)
	}

	to {
		transform: rotate(-20deg)
	}
}

@-webkit-keyframes shaking-anim {
	from {
		-webkit-transform: rotate(20deg)
	}

	to {
		-webkit-transform: rotate(-20deg)
	}
}

.lottery-content .fill-shake-icon img.shaking {
	-webkit-animation: shaking-anim .8s linear infinite alternate;
	animation: shaking-anim .8s linear infinite alternate
}

.lottery-content .info {
	text-align: center;
	color: #333
}

.lottery-content .shake-info>span {
	margin-left: 10px;
	color: #f90
}

.lottery-content .shake-info>span i {
	font-style: normal;
	font-size: 1.7rem
}

.lottery-content .info .btn-red {
	margin-top: 2rem;
	padding: .75rem 2.4rem;
	background-color: #ff2d4b;
	border-radius: 5px;
	color: #fff
}

.popup-lottery {
	background-color: rgba(20,20,20,.3)
}

.popup-lottery-content {
	position: relative;
	margin: 5rem auto 0;
	padding: .5rem 0 1rem;
	width: 80%;
	height: auto;
	border: 3px solid #f90;
	background: #fff
}

.popup-lottery-content .lot-pic {
	margin: 5px auto;
	width: 200px;
	height: 199px;
	background: url(../img/w-icon-ltbg.png) center center no-repeat;
	background-size: 120%;
	vertical-align: middle;
	text-align: center
}

.popup-lottery-content .lot-pic span {
	display: inline-block;
	width: 0;
	height: 100%;
	overflow: hidden;
	vertical-align: middle
}

.popup-lottery-content .lot-pic img {
	width: 80px;
	vertical-align: middle
}

.popup-lottery-content>p {
	text-align: center;
	color: #f90;
	margin: .2rem 0
}

.popup-lottery-content .close-popup {
	position: absolute;
	top: -.75rem;
	right: -.75rem;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
	background-image: url(../img/w-icon-remove.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: .8rem
}

.wall-page .pic-content {
	padding: 0
}

.pic-content .pic-block .row>div {
	margin-bottom: 4%;
	line-height: 0
}

.pic-content .pic-block .row .no-margin {
	margin-bottom: 0
}

.pic-content .pic-block .row>div img {
	width: 100%;
	height: 8rem
}

.infinite-scroll .infinite-scroll-preloader {
	height: 1.5rem;
	line-height: 0
}

.infinite-scroll .infinite-scroll-preloader .preloader {
	display: none;
	margin: 0 auto
}

.wall-page .primsg-content,.wall-page .votedetail-content,.wall-page .votelist-content {
	padding: 10px 0
}

.primsg-content .list-block,.votelist-content .list-block {
	margin: 0
}

.primsg-content .list-block ul {
	background: 0 0
}

.primsg-content .list-block .item-media {
	position: relative
}

.primsg-content .list-block .item-media img {
	width: 2.5rem;
	height: 2.5rem;
	border: 2px solid #fff;
	border-radius: 50%
}

.primsg-content .list-block .item-media i {
	position: absolute;
	width: 1rem;
	height: 1rem;
	right: -.5rem;
	border-radius: 50%;
	background-color: #ff2929;
	color: #fff;
	text-align: center;
	line-height: 1rem;
	font-size: .1rem;
	font-style: normal;
	z-index: 10
}

.primsg-content .list-block .item-link .item-inner {
	border-bottom: 1px solid #ccc
}

.primsg-content .list-block .item-content .item-title {
	font-size: .8rem;
	font-weight: 400
}

.primsg-content .list-block .item-content .item-after {
	margin: .1rem 0 0;
	color: #999;
	font-size: .7rem
}

.primsg-content .list-block .item-content .item-text,.votelist-content .list-block .item-content .item-text {
	width: 100%;
	height: auto;
	font-size: .75rem;
	overflow: hidden;
	text-overflow: ellipsis
}

.votelist-content .list-block.media-list .item-title {
	font-weight: 400;
	white-space: normal;
	text-overflow: initial
}

.votelist-content .list-block .un-voted {
	color: #f93
}

.votelist-content .list-block .set-voted {
	color: #999
}

.wall-page .votedetail-content {
	padding: 0
}

.votedetail-content h3.vote-title {
	margin: 0;
	padding: .5rem;
	background: #fff;
	font-weight: 400;
	font-size: .9rem
}

.votedetail-content h4.vote-tips {
	margin: 0;
	padding: .5rem;
	font-weight: 400;
	font-size: .8rem
}

.votedetail-content h4.vote-tips .pull-right {
	color: #888
}

.votedetail-content .vote-list {
	margin: 0 0 .5rem;
	padding: .1rem .5rem;
	background: #fff
}

.votedetail-content .vote-list .vote-item {
	margin: .5rem 0;
	padding: .75rem 1.5rem .75rem .5rem;
	position: relative;
	background: #f5f5f5;
	z-index: 0;
	word-break: break-all
}

.votedetail-content .vote-list.voted .vote-item {
	padding-right: .75rem;
	overflow: hidden
}

.votedetail-content .vote-list.voted .vote-item .vote-process {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #e5e5e5;
	z-index: -1
}

.votedetail-content .vote-list.voted .vote-item.checked .vote-process {
	background: #ffcdb4
}

.votedetail-content .vote-list .vote-item>span {
	font-size: .75rem
}

.votedetail-content .vote-list .vote-item.has-img {
	padding: 0
}

.votedetail-content .vote-list .vote-item.has-img>.has-img-item,.votedetail-content .vote-list .vote-item.has-img>span {
	display: block;
	margin-top: -.3rem;
	padding: .75rem .5rem
}

.votedetail-content .vote-list .vote-item>img {
	width: 100%
}

.votedetail-content .vote-list .vote-item .check-circle {
	position: absolute;
	top: 50%;
	right: .4rem;
	margin-top: -.55rem;
	width: 1.1rem;
	height: 1.1rem;
	border: 1px solid #c7c7cc;
	border-radius: 50%;
	background-color: #fff
}

.votedetail-content .vote-list .vote-item.has-img .check-circle {
	top: .5rem;
	margin: 0
}

.votedetail-content .vote-list .vote-item.checked {
	background-color: #fff0e1
}

.votedetail-content .vote-list .vote-item.checked .check-circle {
	border: none;
	background-color: #ff8000
}

.votedetail-content .vote-list .vote-item .check-circle::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: .6rem;
	height: .45rem;
	margin-top: -.2rem;
	margin-left: -.3rem;
	content: ' '
}

.votedetail-content .vote-list .vote-item.checked .check-circle::after {
	background: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'><polygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F><%2Fsvg>") center no-repeat;
	background-size: .6rem .45rem
}

.votedetail-content .vote-list.voted .vote-item .vote-acount {
	color: #999;
	font-size: .75rem
}

.wall-page .bar-vote {
	padding: .4rem .5rem;
	background-color: rgba(30,30,30,.3)
}

.bar-vote .vote-btn {
	display: block;
	width: 100%;
	padding: 5px;
	border: none;
	background: #c3c3c3;
	color: #fff
}

.bar-vote .vote-btn.active {
	background: #f93
}

.bar-vote .vote-btn[disabled] {
	pointer-events: none;
	-webkit-pointer-events: none
}

.crazy-content .fill-crazy-icon {
	margin: 0 auto .5rem;
	width: 12rem;
	height: 12rem;
	background: url(../img/w-icon-ltbg-bigger.png) center no-repeat;
	background-size: 120%;
	text-align: center;
	vertical-align: middle
}

.crazy-content .fill-crazy-icon>span {
	display: inline-block;
	width: 0;
	height: 100%;
	overflow: hidden;
	vertical-align: middle
}

.crazy-content .fill-crazy-icon img {
	width: 50%;
	vertical-align: middle
}

.crazy-content .crazy-ok {
	display: none;
	margin-top: -2rem
}

.crazy-content .crazy-ok>p {
	margin-top: 1rem;
	font-size: .85rem;
	text-align: center
}

.crazy-content .crazy-ok>p>span {
	margin: 0 .25rem;
	color: #ff8000
}

.crazy-content .crazy-group {
	display: none;
	margin: -2rem auto 0;
	width: 70%
}

.crazy-content .crazy-group>p {
	margin: .5rem 0
}

.crazy-content .crazy-group>p.pity-tips {
	display: none;
	position: relative;
	line-height: .9rem;
	font-size: .7rem
}

.crazy-content .crazy-group>p.pity-tips::before {
	position: absolute;
	top: 0;
	left: -1.5rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../img/w-icon-failed.png) center center no-repeat;
	background-size: 100%;
	content: ""
}

.crazy-content .crazy-group>.crazy-num {
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: .5rem .25rem
}

.crazy-content .crazy-group>.crazy-btn {
	display: block;
	margin-top: .75rem;
	width: 100%;
	padding: .5rem .25rem;
	border: none;
	background-color: #c3c3c3;
	color: #fff
}

.crazy-content .crazy-group>.crazy-btn[disabled] {
	pointer-events: none;
	-webkit-pointer-events: none
}

.crazy-content .crazy-group>.crazy-btn.orange-btn {
	background-color: #ff8000
}

.crazy-content .set-bottom {
	position: absolute;
	left: 0;
	bottom: .75rem;
	width: 100%;
	color: #999;
	font-size: .75rem;
	text-align: center
}

.guess-content .home-guess {
	padding: 1rem 0 0;
	text-align: center
}

.guess-content .home-guess img {
	width: 6rem;
	height: 6rem
}

.guess-content .home-guess h3 {
	font-weight: 400
}

.guess-content .home-guess p {
	display: none;
	font-size: .8rem;
	color: #999
}

.guess-content .home-guess .set-bottom {
	position: fixed;
	left: 0;
	bottom: 1rem;
	width: 100%;
	padding: 0 .75rem
}

.guess-content .home-guess .set-bottom button {
	display: block;
	padding: .75rem 0;
	width: 100%;
	background-color: #c1c1c1;
	border: none;
	color: #fff;
	border-radius: 8px
}

.guess-content .home-guess .set-bottom button[disabled] {
	pointer-events: none;
	-webkit-pointer-events: none
}

.guess-content .home-guess .set-bottom .guess-btn {
	background-color: #03a9f5
}

.guess-content .guess-detail {
	padding: .5rem
}

.guess-content .guess-detail>h4 {
	font-weight: 400;
	text-align: center
}

.guess-content .guess-detail .guess-options>div:not(.guess-error) {
	margin: .75rem 0;
	padding: .75rem .25rem;
	text-align: center;
	word-break: break-all;
	border: 1px solid #c6c6c6;
	border-radius: 6px
}

.guess-content .guess-detail .guess-options>div.selected {
	border: 1px solid #03a9f5;
	color: #03a9f5
}

.guess-content .guess-detail .guess-options>div.selected.error {
	border: 1px solid #ff4440;
	color: #ff4440
}

.guess-content .guess-detail .guess-options>div.selected.success {
	border: 1px solid #5cb85c;
	color: #5cb85c
}

.guess-content .guess-detail .guess-options>div.guess-error {
	margin-bottom: -.5rem;
	padding-left: 1.5rem;
	background: url(../img/w-icon-error.png) left 49% no-repeat;
	background-size: 1rem;
	color: #ff4440
}

.guess-content .guess-detail .guess-options>button {
	display: block;
	margin-top: 1.5rem;
	padding: .75rem 0;
	width: 100%;
	background-color: #03a9f5;
	border: none;
	color: #fff;
	border-radius: 6px;
	text-align: center
}

.guess-content .guess-detail .guess-input {
	display: block;
	padding: .75rem 0;
	width: 100%;
	background: 0 0;
	border: none;
	border-bottom: 1px solid #c6c6c6;
	color: #03a9f5;
	text-align: center
}

.guess-content .guess-detail .guess-finished {
	padding-top: 1.5rem;
	text-align: center
}

.guess-content .guess-detail .guess-finished img {
	width: 6rem
}

.guess-content .empty-label {
	text-align: center;
	font-weight: 400;
	margin-top: 70px;
	border: 1px solid #d8d8d8;
	background: #fff;
	border-radius: 5px;
	padding: 20px 5px
}

.calc-content .calc-list {
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none
}

.calc-content .calc-list>li {
	float: left;
	width: 33.3333333333%;
	margin-bottom: 1rem
}

.calc-content .calc-list>li .calc-icon {
	display: block;
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%
}

.calc-content .calc-list>li .atitle {
	margin: 0;
	text-align: center;
	font-size: .75rem
}

.calc-content .calc-list>li .number {
	margin: 0;
	font-size: .7rem;
	color: #666;
	text-align: center
}

.calc-content .calc-list>li .calc-icon.calc-icon-1 {
	background-image: url(../img/w-icon-calc-1.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-1+.atitle {
	color: #ff8762
}

.calc-content .calc-list>li .calc-icon.calc-icon-2 {
	background-image: url(../img/w-icon-calc-2.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-2+.atitle {
	color: #67b8f0
}

.calc-content .calc-list>li .calc-icon.calc-icon-3 {
	background-image: url(../img/w-icon-calc-3.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-3+.atitle {
	color: #ff65a1
}

.calc-content .calc-list>li .calc-icon.calc-icon-4 {
	background-image: url(../img/w-icon-calc-4.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-4+.atitle {
	color: #ed88f8
}

.calc-content .calc-list>li .calc-icon.calc-icon-5 {
	background-image: url(../img/w-icon-calc-5.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-5+.atitle {
	color: #a38ad4
}

.calc-content .calc-list>li .calc-icon.calc-icon-6 {
	background-image: url(../img/w-icon-calc-6.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-6+.atitle {
	color: #ffb429
}

.calc-content .calc-list>li .calc-icon.calc-icon-7 {
	background-image: url(../img/w-icon-calc-7.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-7+.atitle {
	color: #56c7cc
}

.calc-content .calc-list>li .calc-icon.calc-icon-8 {
	background-image: url(../img/w-icon-calc-8.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-8+.atitle {
	color: #1fb4ac
}

.calc-content .calc-list>li .calc-icon.calc-icon-10+.atitle,.calc-content .calc-list>li .calc-icon.calc-icon-9+.atitle {
	color: #bdbdbd
}

.calc-content .calc-list>li .calc-icon.calc-icon-9 {
	background-image: url(../img/w-icon-calc-9.png)
}

.calc-content .calc-list>li .calc-icon.calc-icon-10 {
	background-image: url(../img/w-icon-calc-10.png)
}

.msg-content .redpacket .msg-info .msg-text::after {
	display: none;
	padding: 0
}

.msg-content .redpacket .msg-info .msg-text {
	padding: 0
}

.msg-content .redpacket .footer,.msg-content .redpacket .username {
	display: none
}

.msg-content .message-send.redpacket .msg-info {
	margin-right: 1.4rem
}

.msg-content .redpacket-block .redpacket-img {
	width: 29px;
	float: left;
	height: 43px;
	background: url(../img/red-packet.png) no-repeat;
	display: inline-block;
	background-size: 100%;
	margin-top: 2px
}

.msg-content .redpacket-block p {
	margin: 1px 0 0 37px;
	font-size: .6rem
}

.msg-content .redpacket-block p.wish-word {
	height: 20px;
	overflow: hidden;
	font-size: .7rem;
	text-overflow: ellipsis;
	white-space: nowrap
}

.msg-content .redpacket-block .footer {
	font-size: .6rem;
	display: none
}

.msg-content .msg-info .redpacket-block {
	width: 200px;
	border-radius: 5px;
	overflow: hidden
}

.msg-content .msg-info .redpacket-block .main {
	background: #fa9e3b;
	color: #fff;
	padding: 14px 10px 15px
}

.msg-content .msg-info .redpacket-block .footer {
	padding: 5px 10px;
	background: #fff;
	color: #bbb
}

.message-receive .msg-info .playVoice::before,.message-send .msg-info .playVoice::before {
	display: block;
	position: absolute;
	top: 7px;
	width: 20px;
	height: 20px;
	content: "";
	background-repeat: no-repeat
}

.msg-info .playVoice {
	min-width: 42px;
	min-height: 36px
}

.message-send .msg-info .playVoice::before {
	right: 6px;
	background-image: url(../img/voice-icon-send.png);
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.message-send .msg-info .voice-active::before {
	background-image: url(../img/playVoice-send-2.gif)
}

.message-receive .msg-info .playVoice::before {
	left: 5px;
	background-image: url(../img/voice-icon-receive.png);
	-webkit-background-size: 100% 100%;
	background-size: 100%
}

.message-receive .msg-info .msg-secs,.message-send .msg-info .msg-secs {
	display: inline-block;
	vertical-align: top;
	padding-top: 8px;
	font-size: .6rem
}

.message-receive .msg-info .voice-active::before {
	background-image: url(../img/playVoice-receive.gif)
}

.message-receive .msg-info .msg-secs {
	margin-left: 6px
}

.message-send .msg-info .msg-secs {
	height: 36px;
	margin-right: 6px
}

.wall-page .bar-tab .keybord-icon-btn {
	left: 8px;
	background: url(../img/w-icon-keybord-64.png) no-repeat;
	width: 32px;
	height: 32px;
	background-size: 32px
}

.wall-page .bar-tab .voice-icon-btn {
	left: 8px;
	background: url(../img/w-icon-voice-64.png) no-repeat;
	width: 32px;
	height: 32px;
	background-size: 32px
}

.wall-page .bar-tab .voice-btn {
	display: block;
	width: 82%;
	height: 1.5rem;
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	background: #fff;
	font-size: .7rem;
	resize: none;
	margin-left: 43px;
	text-align: center;
	line-height: 1.5rem;
	color: #b4b4b4
}

.wall-page .bar-tab .voice-btn.active {
	background: #eee
}